@razorpay/blade 12.67.0 → 12.89.0

package/build/lib/native/components/FileUpload/FileUploadItem.js

@@ -0,0 +1,467 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { memo } from 'react';
+import { StyledFileUploadItemWrapper } from './StyledFileUploadItemWrapper.js';
+import { FileUploadItemIcon } from './FileUploadItemIcon.js';
+import '@babel/runtime/helpers/defineProperty';
+import '@babel/runtime/helpers/slicedToArray';
+import { MAKE_ANALYTICS_CONSTANTS } from '../../utils/makeAnalyticsAttribute/makeAnalyticsConstants.js';
+import isUndefined from '../../utils/lodashButBetter/isUndefined.js';
+import '../Icons/AcceptPaymentsFilledIcon/AcceptPaymentsFilledIcon.js';
+import '../Icons/AcceptPaymentsIcon/AcceptPaymentsIcon.js';
+import '../Icons/ActivityIcon/ActivityIcon.js';
+import '../Icons/AddressBookIcon/AddressBookIcon.js';
+import '../Icons/AffordabilityFilledIcon/AffordabilityFilledIcon.js';
+import '../Icons/AffordabilityIcon/AffordabilityIcon.js';
+import '../Icons/AirplayIcon/AirplayIcon.js';
+import '../Icons/AlertCircleIcon/AlertCircleIcon.js';
+import '../Icons/AlertOctagonIcon/AlertOctagonIcon.js';
+import '../Icons/AlertOnlyIcon/AlertOnlyIcon.js';
+import '../Icons/AlertTriangleIcon/AlertTriangleIcon.js';
+import '../Icons/AlignCenterIcon/AlignCenterIcon.js';
+import '../Icons/AlignJustifyIcon/AlignJustifyIcon.js';
+import '../Icons/AlignLeftIcon/AlignLeftIcon.js';
+import '../Icons/AlignRightIcon/AlignRightIcon.js';
+import '../Icons/AnchorIcon/AnchorIcon.js';
+import '../Icons/AndroidIcon/AndroidIcon.js';
+import '../Icons/AnnouncementIcon/AnnouncementIcon.js';
+import '../Icons/ApertureIcon/ApertureIcon.js';
+import '../Icons/AppStoreIcon/AppStoreIcon.js';
+import '../Icons/AppleIcon/AppleIcon.js';
+import '../Icons/ArrowDownIcon/ArrowDownIcon.js';
+import '../Icons/ArrowDownLeftIcon/ArrowDownLeftIcon.js';
+import '../Icons/ArrowDownRightIcon/ArrowDownRightIcon.js';
+import '../Icons/ArrowLeftIcon/ArrowLeftIcon.js';
+import '../Icons/ArrowRightIcon/ArrowRightIcon.js';
+import '../Icons/ArrowSquareDownIcon/ArrowSquareDownIcon.js';
+import '../Icons/ArrowSquareDownLeftIcon/ArrowSquareDownLeftIcon.js';
+import '../Icons/ArrowSquareDownRightIcon/ArrowSquareDownRightIcon.js';
+import '../Icons/ArrowSquareLeftIcon/ArrowSquareLeftIcon.js';
+import '../Icons/ArrowSquareRightIcon/ArrowSquareRightIcon.js';
+import '../Icons/ArrowSquareUpIcon/ArrowSquareUpIcon.js';
+import '../Icons/ArrowSquareUpLeftIcon/ArrowSquareUpLeftIcon.js';
+import '../Icons/ArrowSquareUpRightIcon/ArrowSquareUpRightIcon.js';
+import '../Icons/ArrowUpIcon/ArrowUpIcon.js';
+import '../Icons/ArrowUpLeftIcon/ArrowUpLeftIcon.js';
+import '../Icons/ArrowUpRightIcon/ArrowUpRightIcon.js';
+import '../Icons/AtSignIcon/AtSignIcon.js';
+import '../Icons/AttachmentIcon/AttachmentIcon.js';
+import '../Icons/AutomateAccountingIcon/AutomateAccountingIcon.js';
+import '../Icons/AutomatePayrollFilledIcon/AutomatePayrollFilledIcon.js';
+import '../Icons/AutomatePayrollIcon/AutomatePayrollIcon.js';
+import '../Icons/AwardIcon/AwardIcon.js';
+import '../Icons/BankAccountVerificationFilledIcon/BankAccountVerificationFilledIcon.js';
+import '../Icons/BankAccountVerificationIcon/BankAccountVerificationIcon.js';
+import '../Icons/BankIcon/BankIcon.js';
+import '../Icons/BarChartAltIcon/BarChartAltIcon.js';
+import '../Icons/BarChartIcon/BarChartIcon.js';
+import '../Icons/BarCodeIcon/BarCodeIcon.js';
+import '../Icons/Battery100PercentIcon/Battery100PercentIcon.js';
+import '../Icons/Battery20PercentIcon/Battery20PercentIcon.js';
+import '../Icons/Battery40PercentIcon/Battery40PercentIcon.js';
+import '../Icons/Battery60PercentIcon/Battery60PercentIcon.js';
+import '../Icons/Battery80PercentIcon/Battery80PercentIcon.js';
+import '../Icons/BatteryChargingIcon/BatteryChargingIcon.js';
+import '../Icons/BatteryIcon/BatteryIcon.js';
+import '../Icons/BellIcon/BellIcon.js';
+import '../Icons/BellOffIcon/BellOffIcon.js';
+import '../Icons/BfsiFilledIcon/BfsiFilledIcon.js';
+import '../Icons/BfsiIcon/BfsiIcon.js';
+import '../Icons/BillIcon/BillIcon.js';
+import '../Icons/BillMeFilledIcon/BillMeFilledIcon.js';
+import '../Icons/BillMeIcon/BillMeIcon.js';
+import '../Icons/BluetoothIcon/BluetoothIcon.js';
+import '../Icons/BoldIcon/BoldIcon.js';
+import '../Icons/BookIcon/BookIcon.js';
+import '../Icons/BookmarkIcon/BookmarkIcon.js';
+import '../Icons/BoxIcon/BoxIcon.js';
+import '../Icons/BriefcaseIcon/BriefcaseIcon.js';
+import '../Icons/BugIcon/BugIcon.js';
+import '../Icons/BuildingIcon/BuildingIcon.js';
+import '../Icons/BulkPayoutsFilledIcon/BulkPayoutsFilledIcon.js';
+import '../Icons/BulkPayoutsIcon/BulkPayoutsIcon.js';
+import '../Icons/BusinessBankingIcon/BusinessBankingIcon.js';
+import '../Icons/BusinessSpendManagementFilledIcon/BusinessSpendManagementFilledIcon.js';
+import '../Icons/BusinessSpendManagementIcon/BusinessSpendManagementIcon.js';
+import '../Icons/CalendarIcon/CalendarIcon.js';
+import '../Icons/CameraIcon/CameraIcon.js';
+import '../Icons/CameraOffIcon/CameraOffIcon.js';
+import '../Icons/CashIcon/CashIcon.js';
+import '../Icons/CastIcon/CastIcon.js';
+import '../Icons/CheckCircle2Icon/CheckCircle2Icon.js';
+import CheckCircleIcon from '../Icons/CheckCircleIcon/CheckCircleIcon.js';
+import '../Icons/CheckIcon/CheckIcon.js';
+import '../Icons/CheckSquareIcon/CheckSquareIcon.js';
+import '../Icons/ChevronDownIcon/ChevronDownIcon.js';
+import '../Icons/ChevronLeftIcon/ChevronLeftIcon.js';
+import '../Icons/ChevronRightIcon/ChevronRightIcon.js';
+import '../Icons/ChevronUpDownIcon/ChevronUpDownIcon.js';
+import '../Icons/ChevronUpIcon/ChevronUpIcon.js';
+import '../Icons/ChevronsDownIcon/ChevronsDownIcon.js';
+import '../Icons/ChevronsLeftIcon/ChevronsLeftIcon.js';
+import '../Icons/ChevronsRightIcon/ChevronsRightIcon.js';
+import '../Icons/ChevronsUpIcon/ChevronsUpIcon.js';
+import '../Icons/ChromeIcon/ChromeIcon.js';
+import '../Icons/CircleIcon/CircleIcon.js';
+import '../Icons/ClipboardIcon/ClipboardIcon.js';
+import '../Icons/ClockIcon/ClockIcon.js';
+import CloseIcon from '../Icons/CloseIcon/CloseIcon.js';
+import '../Icons/ClosedCaptioningIcon/ClosedCaptioningIcon.js';
+import '../Icons/CloudDrizzleIcon/CloudDrizzleIcon.js';
+import '../Icons/CloudIcon/CloudIcon.js';
+import '../Icons/CloudLightningIcon/CloudLightningIcon.js';
+import '../Icons/CloudOffIcon/CloudOffIcon.js';
+import '../Icons/CloudRainIcon/CloudRainIcon.js';
+import '../Icons/CloudSnowIcon/CloudSnowIcon.js';
+import '../Icons/CodeSnippetIcon/CodeSnippetIcon.js';
+import '../Icons/CodepenIcon/CodepenIcon.js';
+import '../Icons/CoinIcon/CoinIcon.js';
+import '../Icons/CoinsIcon/CoinsIcon.js';
+import '../Icons/CommandIcon/CommandIcon.js';
+import '../Icons/CompanyRegistrationFilledIcon/CompanyRegistrationFilledIcon.js';
+import '../Icons/CompanyRegistrationIcon/CompanyRegistrationIcon.js';
+import '../Icons/CompassIcon/CompassIcon.js';
+import '../Icons/ConfettiIcon/ConfettiIcon.js';
+import '../Icons/ContactlessPaymentIcon/ContactlessPaymentIcon.js';
+import '../Icons/CookieIcon/CookieIcon.js';
+import '../Icons/CopyIcon/CopyIcon.js';
+import '../Icons/CopyrightIcon/CopyrightIcon.js';
+import '../Icons/CornerDownLeftIcon/CornerDownLeftIcon.js';
+import '../Icons/CornerDownRightIcon/CornerDownRightIcon.js';
+import '../Icons/CornerLeftDownIcon/CornerLeftDownIcon.js';
+import '../Icons/CornerLeftUpIcon/CornerLeftUpIcon.js';
+import '../Icons/CornerRightDownIcon/CornerRightDownIcon.js';
+import '../Icons/CornerRightUpIcon/CornerRightUpIcon.js';
+import '../Icons/CornerUpLeftIcon/CornerUpLeftIcon.js';
+import '../Icons/CornerUpRightIcon/CornerUpRightIcon.js';
+import '../Icons/CpuIcon/CpuIcon.js';
+import '../Icons/CreditCardIcon/CreditCardIcon.js';
+import '../Icons/CreditsAndLoansFilledIcon/CreditsAndLoansFilledIcon.js';
+import '../Icons/CreditsAndLoansIcon/CreditsAndLoansIcon.js';
+import '../Icons/CropIcon/CropIcon.js';
+import '../Icons/CrosshairIcon/CrosshairIcon.js';
+import '../Icons/CurrentAccountFilledIcon/CurrentAccountFilledIcon.js';
+import '../Icons/CurrentAccountIcon/CurrentAccountIcon.js';
+import '../Icons/CustomersIcon/CustomersIcon.js';
+import '../Icons/CutIcon/CutIcon.js';
+import '../Icons/DashboardIcon/DashboardIcon.js';
+import '../Icons/DeleteIcon/DeleteIcon.js';
+import '../Icons/DigitalLendingFilledIcon/DigitalLendingFilledIcon.js';
+import '../Icons/DigitalLendingIcon/DigitalLendingIcon.js';
+import '../Icons/DisbursePaymentsFilledIcon/DisbursePaymentsFilledIcon.js';
+import '../Icons/DisbursePaymentsIcon/DisbursePaymentsIcon.js';
+import '../Icons/DiscIcon/DiscIcon.js';
+import '../Icons/DollarIcon/DollarIcon.js';
+import '../Icons/DollarsIcon/DollarsIcon.js';
+import '../Icons/DotIcon/DotIcon.js';
+import '../Icons/DownloadCloudIcon/DownloadCloudIcon.js';
+import '../Icons/DownloadIcon/DownloadIcon.js';
+import '../Icons/DragHandleIcon/DragHandleIcon.js';
+import '../Icons/DropletIcon/DropletIcon.js';
+import '../Icons/EcommerceFilledIcon/EcommerceFilledIcon.js';
+import '../Icons/EcommerceIcon/EcommerceIcon.js';
+import '../Icons/EditComposeIcon/EditComposeIcon.js';
+import '../Icons/EditIcon/EditIcon.js';
+import '../Icons/EditInlineIcon/EditInlineIcon.js';
+import '../Icons/EducationFilledIcon/EducationFilledIcon.js';
+import '../Icons/EducationIcon/EducationIcon.js';
+import '../Icons/EngageFilledIcon/EngageFilledIcon.js';
+import '../Icons/EngageIcon/EngageIcon.js';
+import '../Icons/EqualsIcon/EqualsIcon.js';
+import '../Icons/EscrowAccountFilledIcon/EscrowAccountFilledIcon.js';
+import '../Icons/EscrowAccountIcon/EscrowAccountIcon.js';
+import '../Icons/ExportIcon/ExportIcon.js';
+import '../Icons/ExternalLinkIcon/ExternalLinkIcon.js';
+import EyeIcon from '../Icons/EyeIcon/EyeIcon.js';
+import '../Icons/EyeOffIcon/EyeOffIcon.js';
+import '../Icons/FacebookIcon/FacebookIcon.js';
+import '../Icons/FastForwardIcon/FastForwardIcon.js';
+import '../Icons/FeatherIcon/FeatherIcon.js';
+import '../Icons/FigmaIcon/FigmaIcon.js';
+import '../Icons/FileIcon/FileIcon.js';
+import '../Icons/FileMinusIcon/FileMinusIcon.js';
+import '../Icons/FilePlusIcon/FilePlusIcon.js';
+import '../Icons/FileTextIcon/FileTextIcon.js';
+import '../Icons/FileZipIcon/FileZipIcon.js';
+import '../Icons/FilmIcon/FilmIcon.js';
+import '../Icons/FilterIcon/FilterIcon.js';
+import '../Icons/FlagIcon/FlagIcon.js';
+import '../Icons/FlaskIcon/FlaskIcon.js';
+import '../Icons/FolderIcon/FolderIcon.js';
+import '../Icons/ForexManagementFilledIcon/ForexManagementFilledIcon.js';
+import '../Icons/ForexManagementIcon/ForexManagementIcon.js';
+import '../Icons/FreelanceFilledIcon/FreelanceFilledIcon.js';
+import '../Icons/FreelanceIcon/FreelanceIcon.js';
+import '../Icons/FullScreenEnterIcon/FullScreenEnterIcon.js';
+import '../Icons/FullScreenExitIcon/FullScreenExitIcon.js';
+import '../Icons/GithubIcon/GithubIcon.js';
+import '../Icons/GitlabIcon/GitlabIcon.js';
+import '../Icons/GlobeIcon/GlobeIcon.js';
+import '../Icons/GridIcon/GridIcon.js';
+import '../Icons/HashIcon/HashIcon.js';
+import '../Icons/HeadphoneIcon/HeadphoneIcon.js';
+import '../Icons/HeadphonesIcon/HeadphonesIcon.js';
+import '../Icons/HeadsetIcon/HeadsetIcon.js';
+import '../Icons/HeartIcon/HeartIcon.js';
+import '../Icons/HelpCircleIcon/HelpCircleIcon.js';
+import '../Icons/HistoryIcon/HistoryIcon.js';
+import '../Icons/HomeIcon/HomeIcon.js';
+import '../Icons/ImageIcon/ImageIcon.js';
+import '../Icons/InboxIcon/InboxIcon.js';
+import '../Icons/IndiaFlagIcon/IndiaFlagIcon.js';
+import '../Icons/InfoIcon/InfoIcon.js';
+import '../Icons/InstagramIcon/InstagramIcon.js';
+import '../Icons/InstantSettlementFilledIcon/InstantSettlementFilledIcon.js';
+import '../Icons/InstantSettlementIcon/InstantSettlementIcon.js';
+import '../Icons/InternationalPaymentsFilledIcon/InternationalPaymentsFilledIcon.js';
+import '../Icons/InternationalPaymentsIcon/InternationalPaymentsIcon.js';
+import '../Icons/InvoicesFilledIcon/InvoicesFilledIcon.js';
+import '../Icons/InvoicesIcon/InvoicesIcon.js';
+import '../Icons/ItalicIcon/ItalicIcon.js';
+import '../Icons/KeyIcon/KeyIcon.js';
+import '../Icons/KeyboardIcon/KeyboardIcon.js';
+import '../Icons/LayersIcon/LayersIcon.js';
+import '../Icons/LayoutIcon/LayoutIcon.js';
+import '../Icons/LeftCircularCornerIcon/LeftCircularCornerIcon.js';
+import '../Icons/LifeBuoyIcon/LifeBuoyIcon.js';
+import '../Icons/LinkIcon/LinkIcon.js';
+import '../Icons/ListIcon/ListIcon.js';
+import '../Icons/ListSearchIcon/ListSearchIcon.js';
+import '../Icons/LoaderIcon/LoaderIcon.js';
+import '../Icons/LoansForBusinessesFilledIcon/LoansForBusinessesFilledIcon.js';
+import '../Icons/LoansForBusinessesIcon/LoansForBusinessesIcon.js';
+import '../Icons/LockIcon/LockIcon.js';
+import '../Icons/LogInIcon/LogInIcon.js';
+import '../Icons/LogOutIcon/LogOutIcon.js';
+import '../Icons/MagicCheckoutFilledIcon/MagicCheckoutFilledIcon.js';
+import '../Icons/MagicCheckoutIcon/MagicCheckoutIcon.js';
+import '../Icons/MagicKonnectFilledIcon/MagicKonnectFilledIcon.js';
+import '../Icons/MagicKonnectIcon/MagicKonnectIcon.js';
+import '../Icons/MailIcon/MailIcon.js';
+import '../Icons/MailOpenIcon/MailOpenIcon.js';
+import '../Icons/MapIcon/MapIcon.js';
+import '../Icons/MapPinIcon/MapPinIcon.js';
+import '../Icons/MaximizeIcon/MaximizeIcon.js';
+import '../Icons/MenuDotsIcon/MenuDotsIcon.js';
+import '../Icons/MenuIcon/MenuIcon.js';
+import '../Icons/MessageCircleIcon/MessageCircleIcon.js';
+import '../Icons/MessageSquareIcon/MessageSquareIcon.js';
+import '../Icons/MicIcon/MicIcon.js';
+import '../Icons/MicOffIcon/MicOffIcon.js';
+import '../Icons/MinimizeIcon/MinimizeIcon.js';
+import '../Icons/MinusCircleIcon/MinusCircleIcon.js';
+import '../Icons/MinusIcon/MinusIcon.js';
+import '../Icons/MinusSquareIcon/MinusSquareIcon.js';
+import '../Icons/MobileAppFilledIcon/MobileAppFilledIcon.js';
+import '../Icons/MobileAppIcon/MobileAppIcon.js';
+import '../Icons/MonitorIcon/MonitorIcon.js';
+import '../Icons/MoonIcon/MoonIcon.js';
+import '../Icons/MoreFilledIcon/MoreFilledIcon.js';
+import '../Icons/MoreHorizontalIcon/MoreHorizontalIcon.js';
+import '../Icons/MoreIcon/MoreIcon.js';
+import '../Icons/MoreVerticalIcon/MoreVerticalIcon.js';
+import '../Icons/MoveIcon/MoveIcon.js';
+import '../Icons/MusicIcon/MusicIcon.js';
+import '../Icons/MyAccountIcon/MyAccountIcon.js';
+import '../Icons/NavigationIcon/NavigationIcon.js';
+import '../Icons/NoSignalIcon/NoSignalIcon.js';
+import '../Icons/OctagonIcon/OctagonIcon.js';
+import '../Icons/OffersIcon/OffersIcon.js';
+import '../Icons/OptimizerFilledIcon/OptimizerFilledIcon.js';
+import '../Icons/OptimizerIcon/OptimizerIcon.js';
+import '../Icons/PackageIcon/PackageIcon.js';
+import '../Icons/PaperclipIcon/PaperclipIcon.js';
+import '../Icons/PauseCircleIcon/PauseCircleIcon.js';
+import '../Icons/PauseIcon/PauseIcon.js';
+import '../Icons/PaymentButtonFilledIcon/PaymentButtonFilledIcon.js';
+import '../Icons/PaymentButtonIcon/PaymentButtonIcon.js';
+import '../Icons/PaymentButtonsIcon/PaymentButtonsIcon.js';
+import '../Icons/PaymentGatewayFilledIcon/PaymentGatewayFilledIcon.js';
+import '../Icons/PaymentGatewayIcon/PaymentGatewayIcon.js';
+import '../Icons/PaymentLinkFilledIcon/PaymentLinkFilledIcon.js';
+import '../Icons/PaymentLinkIcon/PaymentLinkIcon.js';
+import '../Icons/PaymentLinksIcon/PaymentLinksIcon.js';
+import '../Icons/PaymentPagesFilledIcon/PaymentPagesFilledIcon.js';
+import '../Icons/PaymentPagesIcon/PaymentPagesIcon.js';
+import '../Icons/PayoutLinkIcon/PayoutLinkIcon.js';
+import '../Icons/PayrollAddonsFilledIcon/PayrollAddonsFilledIcon.js';
+import '../Icons/PayrollAddonsIcon/PayrollAddonsIcon.js';
+import '../Icons/PayrollForCaFilledIcon/PayrollForCaFilledIcon.js';
+import '../Icons/PayrollForCaIcon/PayrollForCaIcon.js';
+import '../Icons/PayrollForStartupOrSmeFilledIcon/PayrollForStartupOrSmeFilledIcon.js';
+import '../Icons/PayrollForStartupOrSmeIcon/PayrollForStartupOrSmeIcon.js';
+import '../Icons/PercentIcon/PercentIcon.js';
+import '../Icons/PettyCashBudgetFilledIcon/PettyCashBudgetFilledIcon.js';
+import '../Icons/PettyCashBudgetIcon/PettyCashBudgetIcon.js';
+import '../Icons/PhoneCallIcon/PhoneCallIcon.js';
+import '../Icons/PhoneForwardedIcon/PhoneForwardedIcon.js';
+import '../Icons/PhoneIcon/PhoneIcon.js';
+import '../Icons/PhoneIncomingIcon/PhoneIncomingIcon.js';
+import '../Icons/PhoneMissedIcon/PhoneMissedIcon.js';
+import '../Icons/PhoneOffIcon/PhoneOffIcon.js';
+import '../Icons/PhoneOutgoingIcon/PhoneOutgoingIcon.js';
+import '../Icons/PictureInPictureIcon/PictureInPictureIcon.js';
+import '../Icons/PieChartIcon/PieChartIcon.js';
+import '../Icons/PinIcon/PinIcon.js';
+import '../Icons/PlayCircleIcon/PlayCircleIcon.js';
+import '../Icons/PlayIcon/PlayIcon.js';
+import '../Icons/PlusCircleIcon/PlusCircleIcon.js';
+import '../Icons/PlusIcon/PlusIcon.js';
+import '../Icons/PlusSquareIcon/PlusSquareIcon.js';
+import '../Icons/PocketIcon/PocketIcon.js';
+import '../Icons/PosFilledIcon/PosFilledIcon.js';
+import '../Icons/PosIcon/PosIcon.js';
+import '../Icons/PowerIcon/PowerIcon.js';
+import '../Icons/PrinterIcon/PrinterIcon.js';
+import '../Icons/PromptIcon/PromptIcon.js';
+import '../Icons/QRCodeIcon/QRCodeIcon.js';
+import '../Icons/RadioIcon/RadioIcon.js';
+import '../Icons/RayIcon/RayIcon.js';
+import '../Icons/RazorpayIcon/RazorpayIcon.js';
+import '../Icons/RazorpayXIcon/RazorpayXIcon.js';
+import '../Icons/RazorpayxPayrollFilledIcon/RazorpayxPayrollFilledIcon.js';
+import '../Icons/RazorpayxPayrollIcon/RazorpayxPayrollIcon.js';
+import '../Icons/RefreshIcon/RefreshIcon.js';
+import '../Icons/RepeatIcon/RepeatIcon.js';
+import '../Icons/ReportsIcon/ReportsIcon.js';
+import '../Icons/ResizerIcon/ResizerIcon.js';
+import '../Icons/RewindIcon/RewindIcon.js';
+import RotateClockWiseIcon from '../Icons/RotateClockWiseIcon/RotateClockWiseIcon.js';
+import '../Icons/RotateCounterClockWiseIcon/RotateCounterClockWiseIcon.js';
+import '../Icons/RouteFilledIcon/RouteFilledIcon.js';
+import '../Icons/RouteIcon/RouteIcon.js';
+import '../Icons/RoutesIcon/RoutesIcon.js';
+import '../Icons/RupeeIcon/RupeeIcon.js';
+import '../Icons/RupeesIcon/RupeesIcon.js';
+import '../Icons/SaasFilledIcon/SaasFilledIcon.js';
+import '../Icons/SaasIcon/SaasIcon.js';
+import '../Icons/SaveIcon/SaveIcon.js';
+import '../Icons/ScissorsIcon/ScissorsIcon.js';
+import '../Icons/SearchIcon/SearchIcon.js';
+import '../Icons/SendIcon/SendIcon.js';
+import '../Icons/ServerIcon/ServerIcon.js';
+import '../Icons/SettingsIcon/SettingsIcon.js';
+import '../Icons/SettlementsIcon/SettlementsIcon.js';
+import '../Icons/ShareIcon/ShareIcon.js';
+import '../Icons/ShieldIcon/ShieldIcon.js';
+import '../Icons/ShoppingBagIcon/ShoppingBagIcon.js';
+import '../Icons/ShoppingCartIcon/ShoppingCartIcon.js';
+import '../Icons/ShuffleIcon/ShuffleIcon.js';
+import '../Icons/SidebarIcon/SidebarIcon.js';
+import '../Icons/Signal1BarIcon/Signal1BarIcon.js';
+import '../Icons/Signal2BarIcon/Signal2BarIcon.js';
+import '../Icons/Signal3BarIcon/Signal3BarIcon.js';
+import '../Icons/Signal4BarIcon/Signal4BarIcon.js';
+import '../Icons/SignalIcon/SignalIcon.js';
+import '../Icons/SimCardIcon/SimCardIcon.js';
+import '../Icons/SkipBackIcon/SkipBackIcon.js';
+import '../Icons/SkipForwardIcon/SkipForwardIcon.js';
+import '../Icons/SlackIcon/SlackIcon.js';
+import '../Icons/SlashIcon/SlashIcon.js';
+import '../Icons/SlidersIcon/SlidersIcon.js';
+import '../Icons/SmartCollectFilledIcon/SmartCollectFilledIcon.js';
+import '../Icons/SmartCollectIcon/SmartCollectIcon.js';
+import '../Icons/SmartphoneIcon/SmartphoneIcon.js';
+import '../Icons/SolutionsFilledIcon/SolutionsFilledIcon.js';
+import '../Icons/SolutionsIcon/SolutionsIcon.js';
+import '../Icons/SortIcon/SortIcon.js';
+import '../Icons/SourceToPayFilledIcon/SourceToPayFilledIcon.js';
+import '../Icons/SourceToPayIcon/SourceToPayIcon.js';
+import '../Icons/SparklesIcon/SparklesIcon.js';
+import '../Icons/SpeakerIcon/SpeakerIcon.js';
+import '../Icons/SquareIcon/SquareIcon.js';
+import '../Icons/StampIcon/StampIcon.js';
+import '../Icons/StarIcon/StarIcon.js';
+import '../Icons/StopCircleIcon/StopCircleIcon.js';
+import '../Icons/StorefrontIcon/StorefrontIcon.js';
+import '../Icons/SubscriptionsFilledIcon/SubscriptionsFilledIcon.js';
+import '../Icons/SubscriptionsIcon/SubscriptionsIcon.js';
+import '../Icons/SunIcon/SunIcon.js';
+import '../Icons/SunriseIcon/SunriseIcon.js';
+import '../Icons/SunsetIcon/SunsetIcon.js';
+import '../Icons/TabletIcon/TabletIcon.js';
+import '../Icons/TagIcon/TagIcon.js';
+import '../Icons/TargetIcon/TargetIcon.js';
+import '../Icons/TaxPaymentsFilledIcon/TaxPaymentsFilledIcon.js';
+import '../Icons/TaxPaymentsIcon/TaxPaymentsIcon.js';
+import '../Icons/TestIcon/TestIcon.js';
+import '../Icons/ThermometerIcon/ThermometerIcon.js';
+import '../Icons/ThumbsDownIcon/ThumbsDownIcon.js';
+import '../Icons/ThumbsUpIcon/ThumbsUpIcon.js';
+import '../Icons/TicketIcon/TicketIcon.js';
+import '../Icons/ToggleLeftIcon/ToggleLeftIcon.js';
+import '../Icons/ToggleRightIcon/ToggleRightIcon.js';
+import '../Icons/TokenHqFilledIcon/TokenHqFilledIcon.js';
+import '../Icons/TokenHqIcon/TokenHqIcon.js';
+import '../Icons/TopLeftRoundedCornerIcon/TopLeftRoundedCornerIcon.js';
+import '../Icons/TopLeftSharpCornerIcon/TopLeftSharpCornerIcon.js';
+import '../Icons/TrademarkIcon/TrademarkIcon.js';
+import '../Icons/TrademarkRegisteredIcon/TrademarkRegisteredIcon.js';
+import '../Icons/TransactionsIcon/TransactionsIcon.js';
+import '../Icons/TranslateIcon/TranslateIcon.js';
+import TrashIcon from '../Icons/TrashIcon/TrashIcon.js';
+import '../Icons/TrendingDownIcon/TrendingDownIcon.js';
+import '../Icons/TrendingUpIcon/TrendingUpIcon.js';
+import '../Icons/TriangleIcon/TriangleIcon.js';
+import '../Icons/TvIcon/TvIcon.js';
+import '../Icons/TwitterIcon/TwitterIcon.js';
+import '../Icons/TypeIcon/TypeIcon.js';
+import '../Icons/UmbrellaIcon/UmbrellaIcon.js';
+import '../Icons/UnderlineIcon/UnderlineIcon.js';
+import '../Icons/UnlockIcon/UnlockIcon.js';
+import '../Icons/UpiAutopayFilledIcon/UpiAutopayFilledIcon.js';
+import '../Icons/UpiAutopayIcon/UpiAutopayIcon.js';
+import '../Icons/UpiIcon/UpiIcon.js';
+import '../Icons/UploadCloudIcon/UploadCloudIcon.js';
+import '../Icons/UploadIcon/UploadIcon.js';
+import '../Icons/UserCheckIcon/UserCheckIcon.js';
+import '../Icons/UserIcon/UserIcon.js';
+import '../Icons/UserMinusIcon/UserMinusIcon.js';
+import '../Icons/UserPlusIcon/UserPlusIcon.js';
+import '../Icons/UserXIcon/UserXIcon.js';
+import '../Icons/UsersIcon/UsersIcon.js';
+import '../Icons/VendorPaymentsFilledIcon/VendorPaymentsFilledIcon.js';
+import '../Icons/VendorPaymentsIcon/VendorPaymentsIcon.js';
+import '../Icons/VideoIcon/VideoIcon.js';
+import '../Icons/VideoOffIcon/VideoOffIcon.js';
+import '../Icons/ViewLiveDemoFilledIcon/ViewLiveDemoFilledIcon.js';
+import '../Icons/ViewLiveDemoIcon/ViewLiveDemoIcon.js';
+import '../Icons/VoicemailIcon/VoicemailIcon.js';
+import '../Icons/VolumeHighIcon/VolumeHighIcon.js';
+import '../Icons/VolumeIcon/VolumeIcon.js';
+import '../Icons/VolumeLowIcon/VolumeLowIcon.js';
+import '../Icons/VolumeMuteIcon/VolumeMuteIcon.js';
+import '../Icons/VolumeOffIcon/VolumeOffIcon.js';
+import '../Icons/VolumeOnIcon/VolumeOnIcon.js';
+import '../Icons/WalletIcon/WalletIcon.js';
+import '../Icons/WatchIcon/WatchIcon.js';
+import '../Icons/WhatsAppIcon/WhatsAppIcon.js';
+import '../Icons/WifiIcon/WifiIcon.js';
+import '../Icons/WifiOffIcon/WifiOffIcon.js';
+import '../Icons/WindIcon/WindIcon.js';
+import '../Icons/WorldwideIcon/WorldwideIcon.js';
+import '../Icons/XCircleIcon/XCircleIcon.js';
+import '../Icons/XSquareIcon/XSquareIcon.js';
+import '../Icons/YoutubeIcon/YoutubeIcon.js';
+import '../Icons/ZapIcon/ZapIcon.js';
+import '../Icons/ZoomInIcon/ZoomInIcon.js';
+import '../Icons/ZoomOutIcon/ZoomOutIcon.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import '../Typography/Heading/Heading.js';
+import { Text } from '../Typography/Text/Text.js';
+import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
+import { Divider } from '../Divider/Divider.js';
+import { IconButton } from '../Button/IconButton/IconButton.js';
+import { ProgressBar } from '../ProgressBar/ProgressBar.js';
+import BaseLink from '../Link/BaseLink/BaseLink.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import 'react-native';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
+import '../BladeProvider/useTheme.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var _excluded=["file","onPreview","onRemove","onReupload","onDismiss","size","width","minWidth","maxWidth","flexShrink","flexGrow","flexBasis"];var FileUploadItem=memo(function(_ref){var file=_ref.file,onPreview=_ref.onPreview,onRemove=_ref.onRemove,onReupload=_ref.onReupload,onDismiss=_ref.onDismiss,containerSize=_ref.size,width=_ref.width,minWidth=_ref.minWidth,maxWidth=_ref.maxWidth,flexShrink=_ref.flexShrink,flexGrow=_ref.flexGrow,flexBasis=_ref.flexBasis,rest=_objectWithoutProperties(_ref,_excluded);var name=file.name,size=file.size,uploadPercent=file.uploadPercent,errorText=file.errorText,status=file.status;var isUploading=status==='uploading';var sizeInKB=size/1024;var sizeInMB=sizeInKB/1024;var showSizeInKB=sizeInKB<1024;return jsx(StyledFileUploadItemWrapper,Object.assign({size:containerSize!=null?containerSize:'medium',status:status!=null?status:'success',borderRadius:"medium",borderWidth:"thin",width:width,minWidth:minWidth,maxWidth:maxWidth,flexShrink:flexShrink,flexGrow:flexGrow,flexBasis:flexBasis},getStyledProps(rest),{children:jsxs(BaseBox,{width:"100%",display:"flex",flexDirection:"column",children:[jsxs(BaseBox,{display:"flex",flexDirection:"row",margin:containerSize==='large'?'spacing.4':['spacing.3','spacing.4','spacing.3','spacing.3'],children:[jsx(BaseBox,{marginRight:"spacing.4",children:jsx(FileUploadItemIcon,{fileName:name,uploadStatus:status})}),jsxs(BaseBox,{flexGrow:1,children:[jsxs(BaseBox,{alignItems:"center",display:"flex",children:[jsx(BaseBox,{alignItems:"center",maxWidth:"70%",display:"flex",marginRight:"spacing.3",children:jsx(Text,{size:"medium",weight:"medium",color:"surface.text.gray.subtle",truncateAfterLines:1,children:name})}),status==='success'&&jsx(CheckCircleIcon,{size:"medium",marginRight:"spacing.2",color:"interactive.icon.positive.normal"})]}),jsx(Text,{size:"small",weight:"regular",color:status==='error'?'feedback.text.negative.intense':'surface.text.gray.muted',truncateAfterLines:1,children:errorText!=null?errorText:`${(showSizeInKB?sizeInKB:sizeInMB).toFixed(2)} ${showSizeInKB?'KB':'MB'} ${isUploading&&uploadPercent?`(${uploadPercent}%)`:''}`})]}),status==='uploading'?jsx(BaseBox,{display:"flex",alignItems:"center",children:jsx(IconButton,{accessibilityLabel:"Remove File",icon:CloseIcon,onClick:function onClick(){return onDismiss==null?void 0:onDismiss({file:file});}})}):status==='error'?jsx(BaseBox,{display:"flex",flexDirection:"row",alignItems:"center",children:jsx(BaseLink,{marginX:"spacing.1",variant:"button",icon:RotateClockWiseIcon,color:"negative",size:"small",onClick:function onClick(){onReupload==null?void 0:onReupload({file:file});},"data-analytics-name":MAKE_ANALYTICS_CONSTANTS.FILE_UPLOAD.REUPLOAD_BUTTON,children:"Re-upload"})}):jsx(BaseBox,{display:"flex",flexDirection:"row",alignItems:"center",children:onPreview?jsxs(BaseBox,{display:"flex",flexDirection:"row",alignItems:"center",padding:"spacing.0",gap:"spacing.3",children:[jsx(IconButton,{accessibilityLabel:"Preview File",icon:EyeIcon,onClick:function onClick(){return onPreview==null?void 0:onPreview({file:file});}}),jsx(Divider,{orientation:"vertical",thickness:"thinner",variant:"normal"}),jsx(IconButton,{accessibilityLabel:"Remove File",icon:TrashIcon,onClick:function onClick(){return onRemove==null?void 0:onRemove({file:file});}})]}):jsx(IconButton,{accessibilityLabel:"Remove File",icon:TrashIcon,onClick:function onClick(){return onRemove==null?void 0:onRemove({file:file});}})})]}),isUploading&&jsx(BaseBox,{width:"100%",position:"absolute",bottom:"spacing.0",children:jsx(ProgressBar,{left:"spacing.0",showPercentage:false,value:uploadPercent!=null?uploadPercent:0,isIndeterminate:isUndefined(uploadPercent)})})]})}));});
+
+export { FileUploadItem };
+//# sourceMappingURL=FileUploadItem.js.map

package/build/lib/native/components/FileUpload/FileUploadItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploadItem.js","sources":["../../../../../src/components/FileUpload/FileUploadItem.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { StyledFileUploadItemWrapper } from './StyledFileUploadItemWrapper';\nimport type { FileUploadItemProps } from './types';\nimport { FileUploadItemIcon } from './FileUploadItemIcon';\nimport { MAKE_ANALYTICS_CONSTANTS } from '~utils/makeAnalyticsAttribute';\nimport isUndefined from '~utils/lodashButBetter/isUndefined';\nimport {\n  TrashIcon,\n  EyeIcon,\n  CloseIcon,\n  CheckCircleIcon,\n  RotateClockWiseIcon,\n} from '~components/Icons';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { Divider } from '~components/Divider';\nimport { IconButton } from '~components/Button/IconButton';\nimport { ProgressBar } from '~components/ProgressBar';\nimport { BaseLink } from '~components/Link/BaseLink';\nimport { getStyledProps } from '~components/Box/styledProps';\n\nconst FileUploadItem = memo(\n  ({\n    file,\n    onPreview,\n    onRemove,\n    onReupload,\n    onDismiss,\n    size: containerSize,\n    width,\n    minWidth,\n    maxWidth,\n    flexShrink,\n    flexGrow,\n    flexBasis,\n    ...rest\n  }: FileUploadItemProps): React.ReactElement => {\n    const { name, size, uploadPercent, errorText, status } = file;\n    const isUploading = status === 'uploading';\n    const sizeInKB = size / 1024;\n    const sizeInMB = sizeInKB / 1024;\n    const showSizeInKB = sizeInKB < 1024;\n\n    return (\n      <StyledFileUploadItemWrapper\n        size={containerSize ?? 'medium'}\n        status={status ?? 'success'}\n        borderRadius=\"medium\"\n        borderWidth=\"thin\"\n        width={width}\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        flexShrink={flexShrink}\n        flexGrow={flexGrow}\n        flexBasis={flexBasis}\n        {...getStyledProps(rest)}\n      >\n        <BaseBox width=\"100%\" display=\"flex\" flexDirection=\"column\">\n          <BaseBox\n            display=\"flex\"\n            flexDirection=\"row\"\n            margin={\n              containerSize === 'large'\n                ? 'spacing.4'\n                : ['spacing.3', 'spacing.4', 'spacing.3', 'spacing.3']\n            }\n          >\n            <BaseBox marginRight=\"spacing.4\">\n              <FileUploadItemIcon fileName={name} uploadStatus={status} />\n            </BaseBox>\n            <BaseBox flexGrow={1}>\n              <BaseBox alignItems=\"center\" display=\"flex\">\n                <BaseBox alignItems=\"center\" maxWidth=\"70%\" display=\"flex\" marginRight=\"spacing.3\">\n                  <Text\n                    size=\"medium\"\n                    weight=\"medium\"\n                    color=\"surface.text.gray.subtle\"\n                    truncateAfterLines={1}\n                  >\n                    {name}\n                  </Text>\n                </BaseBox>\n                {status === 'success' && (\n                  <CheckCircleIcon\n                    size=\"medium\"\n                    marginRight=\"spacing.2\"\n                    color=\"interactive.icon.positive.normal\"\n                  />\n                )}\n              </BaseBox>\n              <Text\n                size=\"small\"\n                weight=\"regular\"\n                color={\n                  status === 'error' ? 'feedback.text.negative.intense' : 'surface.text.gray.muted'\n                }\n                truncateAfterLines={1}\n              >\n                {errorText ??\n                  `${(showSizeInKB ? sizeInKB : sizeInMB).toFixed(2)} ${\n                    showSizeInKB ? 'KB' : 'MB'\n                  } ${isUploading && uploadPercent ? `(${uploadPercent}%)` : ''}`}\n              </Text>\n            </BaseBox>\n            {status === 'uploading' ? (\n              <BaseBox display=\"flex\" alignItems=\"center\">\n                <IconButton\n                  accessibilityLabel=\"Remove File\"\n                  icon={CloseIcon}\n                  onClick={() => onDismiss?.({ file })}\n                />\n              </BaseBox>\n            ) : status === 'error' ? (\n              <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n                <BaseLink\n                  marginX=\"spacing.1\"\n                  variant=\"button\"\n                  icon={RotateClockWiseIcon}\n                  color=\"negative\"\n                  size=\"small\"\n                  onClick={() => {\n                    onReupload?.({ file });\n                  }}\n                  data-analytics-name={MAKE_ANALYTICS_CONSTANTS.FILE_UPLOAD.REUPLOAD_BUTTON}\n                >\n                  Re-upload\n                </BaseLink>\n              </BaseBox>\n            ) : (\n              <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n                {onPreview ? (\n                  <BaseBox\n                    display=\"flex\"\n                    flexDirection=\"row\"\n                    alignItems=\"center\"\n                    padding=\"spacing.0\"\n                    gap=\"spacing.3\"\n                  >\n                    <IconButton\n                      accessibilityLabel=\"Preview File\"\n                      icon={EyeIcon}\n                      onClick={() => onPreview?.({ file })}\n                    />\n                    <Divider orientation=\"vertical\" thickness=\"thinner\" variant=\"normal\" />\n                    <IconButton\n                      accessibilityLabel=\"Remove File\"\n                      icon={TrashIcon}\n                      onClick={() => onRemove?.({ file })}\n                    />\n                  </BaseBox>\n                ) : (\n                  <IconButton\n                    accessibilityLabel=\"Remove File\"\n                    icon={TrashIcon}\n                    onClick={() => onRemove?.({ file })}\n                  />\n                )}\n              </BaseBox>\n            )}\n          </BaseBox>\n          {isUploading && (\n            <BaseBox width=\"100%\" position=\"absolute\" bottom=\"spacing.0\">\n              <ProgressBar\n                left=\"spacing.0\"\n                showPercentage={false}\n                value={uploadPercent ?? 0}\n                isIndeterminate={isUndefined(uploadPercent)}\n              />\n            </BaseBox>\n          )}\n        </BaseBox>\n      </StyledFileUploadItemWrapper>\n    );\n  },\n);\n\nexport type { FileUploadItemProps } from './types';\nexport { FileUploadItem };\n"],"names":["FileUploadItem","memo","_ref","file","onPreview","onRemove","onReupload","onDismiss","containerSize","size","width","minWidth","maxWidth","flexShrink","flexGrow","flexBasis","rest","_objectWithoutProperties","_excluded","name","uploadPercent","errorText","status","isUploading","sizeInKB","sizeInMB","showSizeInKB","_jsx","StyledFileUploadItemWrapper","Object","assign","borderRadius","borderWidth","getStyledProps","children","_jsxs","BaseBox","display","flexDirection","margin","marginRight","FileUploadItemIcon","fileName","uploadStatus","alignItems","Text","weight","color","truncateAfterLines","CheckCircleIcon","toFixed","IconButton","accessibilityLabel","icon","CloseIcon","onClick","BaseLink","marginX","variant","RotateClockWiseIcon","MAKE_ANALYTICS_CONSTANTS","FILE_UPLOAD","REUPLOAD_BUTTON","padding","gap","EyeIcon","Divider","orientation","thickness","TrashIcon","position","bottom","ProgressBar","left","showPercentage","value","isIndeterminate","isUndefined"],"mappings":"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"}

package/build/lib/native/components/FileUpload/FileUploadItemIcon.js

@@ -0,0 +1,24 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import 'react-native-svg';
+import '@babel/runtime/helpers/defineProperty';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import Path from '../Icons/_Svg/Path/Path.native.js';
+import Svg from '../Icons/_Svg/Svg/Svg.native.js';
+import '../Typography/Heading/Heading.js';
+import { Text } from '../Typography/Text/Text.js';
+import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
+import 'react-native';
+import '@babel/runtime/helpers/slicedToArray';
+import 'react';
+import { colors } from '../../tokens/global/colors.js';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
+import useTheme from '../BladeProvider/useTheme.js';
+import getIn from '../../utils/lodashButBetter/get.js';
+
+var _excluded=["fileName","uploadStatus"];var FileUploadItemIcon=function FileUploadItemIcon(_ref){var fileName=_ref.fileName,uploadStatus=_ref.uploadStatus,styledProps=_objectWithoutProperties(_ref,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;if(uploadStatus==='error'){return jsx(Svg,Object.assign({},styledProps,{width:"38",height:"38",viewBox:"0 0 38 38",fill:"none",children:jsx(Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M5.95314 2.04416C6.56342 1.3756 7.39114 1 8.25422 1H26.0591L33.2032 8.82636V33.085C33.2032 34.0305 32.8603 34.9373 32.2501 35.6058C31.6398 36.2744 30.8121 36.65 29.949 36.65H8.25422C7.39114 36.65 6.56342 36.2744 5.95314 35.6058C5.34285 34.9373 5 34.0305 5 33.085V4.565C5 3.6195 5.34285 2.71273 5.95314 2.04416ZM24.2408 14.2499C25.5737 15.5828 26.3224 17.3905 26.3224 19.2755C26.3224 21.1604 25.5737 22.9682 24.2408 24.301C22.9079 25.6339 21.1002 26.3827 19.2152 26.3827C17.3303 26.3827 15.5225 25.6339 14.1897 24.301C12.8568 22.9682 12.108 21.1604 12.108 19.2755C12.108 17.3905 12.8568 15.5828 14.1897 14.2499C15.5225 12.917 17.3303 12.1683 19.2152 12.1683C21.1002 12.1683 22.9079 12.917 24.2408 14.2499ZM19.926 20.46V15.248C19.926 15.0596 19.8511 14.8788 19.7178 14.7455C19.5845 14.6122 19.4037 14.5373 19.2152 14.5373C19.0267 14.5373 18.846 14.6122 18.7127 14.7455C18.5794 14.8788 18.5045 15.0596 18.5045 15.248V20.46C18.5045 20.6485 18.5794 20.8293 18.7127 20.9626C18.846 21.0958 19.0267 21.1707 19.2152 21.1707C19.4037 21.1707 19.5845 21.0958 19.7178 20.9626C19.8511 20.8293 19.926 20.6485 19.926 20.46ZM19.8853 23.736C20.063 23.5583 20.1629 23.3173 20.1629 23.066C20.1629 22.8146 20.063 22.5736 19.8853 22.3959C19.7076 22.2182 19.4666 22.1183 19.2152 22.1183C18.9639 22.1183 18.7229 22.2182 18.5452 22.3959C18.3674 22.5736 18.2676 22.8146 18.2676 23.066C18.2676 23.3173 18.3674 23.5583 18.5452 23.736C18.7229 23.9138 18.9639 24.0136 19.2152 24.0136C19.4666 24.0136 19.7076 23.9138 19.8853 23.736Z",fill:getIn(theme.colors,'interactive.icon.negative.disabled')})}));}var fileType=fileName.split('.').pop();var iconColors={background:colors.chromatic.cloud[50],border:colors.chromatic.cloud[600],cover:colors.chromatic.cloud[700],fold:colors.chromatic.cloud[800]};switch(fileType){case'pdf':iconColors.background=colors.chromatic.crimson[50];iconColors.border=colors.chromatic.crimson[600];iconColors.cover=colors.chromatic.crimson[700];iconColors.fold=colors.chromatic.crimson[800];break;case'doc':case'docx':iconColors.background=colors.chromatic.azure[50];iconColors.border=colors.chromatic.azure[600];iconColors.cover=colors.chromatic.azure[700];iconColors.fold=colors.chromatic.azure[800];break;case'xls':case'xlsx':case'csv':iconColors.background=colors.chromatic.emerald[50];iconColors.border=colors.chromatic.emerald[600];iconColors.cover=colors.chromatic.emerald[700];iconColors.fold=colors.chromatic.emerald[800];break;case'jpg':case'jpeg':case'png':case'gif':iconColors.background=colors.chromatic.sapphire[50];iconColors.border=colors.chromatic.sapphire[600];iconColors.cover=colors.chromatic.sapphire[700];iconColors.fold=colors.chromatic.sapphire[800];break;default:iconColors.background=colors.chromatic.cloud[50];iconColors.border=colors.chromatic.cloud[600];iconColors.cover=colors.chromatic.cloud[700];iconColors.fold=colors.chromatic.cloud[800];}return jsxs(BaseBox,{display:"flex",position:"relative",justifyContent:"center",children:[jsxs(Svg,Object.assign({width:"38",height:"39",viewBox:"0 0 38 39",fill:"none"},styledProps,{children:[jsx(Path,{d:"M5.5 31.5801H3L5.5 34.0801V31.5801Z",fill:iconColors.fold}),jsx(Path,{d:"M32.7998 31.5801H35.2998L32.7998 34.0801V31.5801Z",fill:iconColors.fold}),jsx(Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M6.35552 2.71162C6.91384 2.09227 7.66518 1.75 8.44238 1.75H25.9153L32.832 9.42294V33.5872C32.832 34.4743 32.514 35.3206 31.955 35.9408C31.3966 36.5601 30.6453 36.9024 29.8681 36.9024H8.44238C7.66518 36.9024 6.91384 36.5601 6.35552 35.9408C5.79644 35.3206 5.47852 34.4743 5.47852 33.5872V5.06524C5.47852 4.17809 5.79644 3.33184 6.35552 2.71162Z",fill:iconColors.background,stroke:iconColors.border}),jsx(Path,{d:"M3 19.3262H35.31V31.5817H3V19.3262Z",fill:iconColors.cover,strokeWidth:"0.5"})]})),jsx(Text,{position:"absolute",top:"46%",color:"interactive.text.staticWhite.normal",size:"xsmall",children:`.${fileType}`})]});};
+
+export { FileUploadItemIcon };
+//# sourceMappingURL=FileUploadItemIcon.js.map

package/build/lib/native/components/FileUpload/FileUploadItemIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploadItemIcon.js","sources":["../../../../../src/components/FileUpload/FileUploadItemIcon.tsx"],"sourcesContent":["import type { BladeFile } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Svg, Path } from '~components/Icons/_Svg';\nimport { Text } from '~components/Typography';\nimport { useTheme } from '~utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport { colors as globalColors } from '~tokens/global';\n\ntype FileUploadItemIconProps = { fileName: string; uploadStatus: BladeFile['status'] };\n\nconst FileUploadItemIcon: React.ComponentType<FileUploadItemIconProps> = ({\n  fileName,\n  uploadStatus,\n  ...styledProps\n}: FileUploadItemIconProps) => {\n  const { theme } = useTheme();\n\n  if (uploadStatus === 'error') {\n    return (\n      <Svg {...styledProps} width=\"38\" height=\"38\" viewBox=\"0 0 38 38\" fill=\"none\">\n        <Path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M5.95314 2.04416C6.56342 1.3756 7.39114 1 8.25422 1H26.0591L33.2032 8.82636V33.085C33.2032 34.0305 32.8603 34.9373 32.2501 35.6058C31.6398 36.2744 30.8121 36.65 29.949 36.65H8.25422C7.39114 36.65 6.56342 36.2744 5.95314 35.6058C5.34285 34.9373 5 34.0305 5 33.085V4.565C5 3.6195 5.34285 2.71273 5.95314 2.04416ZM24.2408 14.2499C25.5737 15.5828 26.3224 17.3905 26.3224 19.2755C26.3224 21.1604 25.5737 22.9682 24.2408 24.301C22.9079 25.6339 21.1002 26.3827 19.2152 26.3827C17.3303 26.3827 15.5225 25.6339 14.1897 24.301C12.8568 22.9682 12.108 21.1604 12.108 19.2755C12.108 17.3905 12.8568 15.5828 14.1897 14.2499C15.5225 12.917 17.3303 12.1683 19.2152 12.1683C21.1002 12.1683 22.9079 12.917 24.2408 14.2499ZM19.926 20.46V15.248C19.926 15.0596 19.8511 14.8788 19.7178 14.7455C19.5845 14.6122 19.4037 14.5373 19.2152 14.5373C19.0267 14.5373 18.846 14.6122 18.7127 14.7455C18.5794 14.8788 18.5045 15.0596 18.5045 15.248V20.46C18.5045 20.6485 18.5794 20.8293 18.7127 20.9626C18.846 21.0958 19.0267 21.1707 19.2152 21.1707C19.4037 21.1707 19.5845 21.0958 19.7178 20.9626C19.8511 20.8293 19.926 20.6485 19.926 20.46ZM19.8853 23.736C20.063 23.5583 20.1629 23.3173 20.1629 23.066C20.1629 22.8146 20.063 22.5736 19.8853 22.3959C19.7076 22.2182 19.4666 22.1183 19.2152 22.1183C18.9639 22.1183 18.7229 22.2182 18.5452 22.3959C18.3674 22.5736 18.2676 22.8146 18.2676 23.066C18.2676 23.3173 18.3674 23.5583 18.5452 23.736C18.7229 23.9138 18.9639 24.0136 19.2152 24.0136C19.4666 24.0136 19.7076 23.9138 19.8853 23.736Z\"\n          fill={getIn(theme.colors, 'interactive.icon.negative.disabled')}\n        />\n      </Svg>\n    );\n  }\n\n  const fileType = fileName.split('.').pop();\n\n  const iconColors: Record<'background' | 'border' | 'cover' | 'fold', string> = {\n    background: globalColors.chromatic.cloud[50],\n    border: globalColors.chromatic.cloud[600],\n    cover: globalColors.chromatic.cloud[700],\n    fold: globalColors.chromatic.cloud[800],\n  };\n\n  switch (fileType) {\n    case 'pdf':\n      iconColors.background = globalColors.chromatic.crimson[50];\n      iconColors.border = globalColors.chromatic.crimson[600];\n      iconColors.cover = globalColors.chromatic.crimson[700];\n      iconColors.fold = globalColors.chromatic.crimson[800];\n      break;\n    case 'doc':\n    case 'docx':\n      iconColors.background = globalColors.chromatic.azure[50];\n      iconColors.border = globalColors.chromatic.azure[600];\n      iconColors.cover = globalColors.chromatic.azure[700];\n      iconColors.fold = globalColors.chromatic.azure[800];\n      break;\n    case 'xls':\n    case 'xlsx':\n    case 'csv':\n      iconColors.background = globalColors.chromatic.emerald[50];\n      iconColors.border = globalColors.chromatic.emerald[600];\n      iconColors.cover = globalColors.chromatic.emerald[700];\n      iconColors.fold = globalColors.chromatic.emerald[800];\n      break;\n    case 'jpg':\n    case 'jpeg':\n    case 'png':\n    case 'gif':\n      iconColors.background = globalColors.chromatic.sapphire[50];\n      iconColors.border = globalColors.chromatic.sapphire[600];\n      iconColors.cover = globalColors.chromatic.sapphire[700];\n      iconColors.fold = globalColors.chromatic.sapphire[800];\n      break;\n    default:\n      iconColors.background = globalColors.chromatic.cloud[50];\n      iconColors.border = globalColors.chromatic.cloud[600];\n      iconColors.cover = globalColors.chromatic.cloud[700];\n      iconColors.fold = globalColors.chromatic.cloud[800];\n  }\n\n  return (\n    <BaseBox display=\"flex\" position=\"relative\" justifyContent=\"center\">\n      <Svg width=\"38\" height=\"39\" viewBox=\"0 0 38 39\" fill=\"none\" {...styledProps}>\n        <Path d=\"M5.5 31.5801H3L5.5 34.0801V31.5801Z\" fill={iconColors.fold} />\n        <Path d=\"M32.7998 31.5801H35.2998L32.7998 34.0801V31.5801Z\" fill={iconColors.fold} />\n        <Path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M6.35552 2.71162C6.91384 2.09227 7.66518 1.75 8.44238 1.75H25.9153L32.832 9.42294V33.5872C32.832 34.4743 32.514 35.3206 31.955 35.9408C31.3966 36.5601 30.6453 36.9024 29.8681 36.9024H8.44238C7.66518 36.9024 6.91384 36.5601 6.35552 35.9408C5.79644 35.3206 5.47852 34.4743 5.47852 33.5872V5.06524C5.47852 4.17809 5.79644 3.33184 6.35552 2.71162Z\"\n          fill={iconColors.background}\n          stroke={iconColors.border}\n        />\n\n        <Path d=\"M3 19.3262H35.31V31.5817H3V19.3262Z\" fill={iconColors.cover} strokeWidth=\"0.5\" />\n      </Svg>\n      <Text position=\"absolute\" top=\"46%\" color=\"interactive.text.staticWhite.normal\" size=\"xsmall\">\n        {`.${fileType}`}\n      </Text>\n    </BaseBox>\n  );\n};\n\nexport { FileUploadItemIcon };\n"],"names":["FileUploadItemIcon","_ref","fileName","uploadStatus","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_jsx","Svg","Object","assign","width","height","viewBox","fill","children","Path","fillRule","clipRule","d","getIn","colors","fileType","split","pop","iconColors","background","globalColors","chromatic","cloud","border","cover","fold","crimson","azure","emerald","sapphire","_jsxs","BaseBox","display","position","justifyContent","stroke","strokeWidth","Text","top","color","size"],"mappings":"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"}

package/build/lib/native/components/FileUpload/StyledFileUploadItemWrapper.js

@@ -0,0 +1,19 @@
+import styled from 'styled-components/native';
+import { fileUploadItemBackgroundColors, fileUploadMotionTokens, fileUploadHeightTokens } from './fileUploadTokens.js';
+import getIn from '../../utils/lodashButBetter/get.js';
+import 'react-native';
+import '@babel/runtime/helpers/slicedToArray';
+import 'react';
+import { castWebType } from '../../utils/platform/castUtils.js';
+import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.native.js';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
+import { colors } from '../../tokens/global/colors.js';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
+import useTheme from '../BladeProvider/useTheme.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+
+var StyledFileUploadItemWrapper=styled(BaseBox)(function(_ref){var theme=_ref.theme,status=_ref.status,size=_ref.size;var _useTheme=useTheme(),colorScheme=_useTheme.colorScheme;var boxShadowColor=colorScheme==='light'?colors.neutral.blueGrayLight.a906:colors.neutral.black[50];var easing=getIn(theme.motion,fileUploadMotionTokens.easing);var duration=castWebType(makeMotionTime(getIn(theme.motion,fileUploadMotionTokens.duration)));return Object.assign({position:'relative',overflow:'hidden',display:'flex',justifyContent:'space-between',borderStyle:'solid',minHeight:makeSize(fileUploadHeightTokens[size==='variable'?'large':size]),width:'100%',backgroundColor:getIn(theme.colors,fileUploadItemBackgroundColors[status].default),transitionProperty:'background-color',transitionTimingFunction:easing,transitionDuration:duration,borderColor:status==='error'?theme.colors.interactive.border.negative.faded:theme.colors.surface.border.gray.subtle,wordBreak:'break-all',boxShadow:`0px 0.5px 4px 0px ${boxShadowColor}`},status!=='uploading'&&{'&:hover':{backgroundColor:getIn(theme.colors,fileUploadItemBackgroundColors[status].hover)}});});
+
+export { StyledFileUploadItemWrapper };
+//# sourceMappingURL=StyledFileUploadItemWrapper.js.map

package/build/lib/native/components/FileUpload/StyledFileUploadItemWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledFileUploadItemWrapper.js","sources":["../../../../../src/components/FileUpload/StyledFileUploadItemWrapper.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { StyledFileUploadItemWrapperProps } from './types';\nimport {\n  fileUploadItemBackgroundColors,\n  fileUploadMotionTokens,\n  fileUploadHeightTokens,\n} from './fileUploadTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport { castWebType, makeSize, useTheme } from '~utils';\nimport { colors as globalColors } from '~tokens/global';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeMotionTime } from '~utils/makeMotionTime';\n\nconst StyledFileUploadItemWrapper = styled(BaseBox)<StyledFileUploadItemWrapperProps>(\n  ({ theme, status, size }) => {\n    const { colorScheme } = useTheme();\n    const boxShadowColor =\n      colorScheme === 'light'\n        ? globalColors.neutral.blueGrayLight.a906\n        : globalColors.neutral.black[50];\n    const easing = getIn(theme.motion, fileUploadMotionTokens.easing);\n    const duration = castWebType(\n      makeMotionTime(getIn(theme.motion, fileUploadMotionTokens.duration)),\n    );\n\n    return {\n      position: 'relative',\n      overflow: 'hidden',\n      display: 'flex',\n      justifyContent: 'space-between',\n      borderStyle: 'solid',\n      minHeight: makeSize(fileUploadHeightTokens[size === 'variable' ? 'large' : size]),\n      width: '100%',\n      backgroundColor: getIn(theme.colors, fileUploadItemBackgroundColors[status].default),\n      transitionProperty: 'background-color',\n      transitionTimingFunction: easing,\n      transitionDuration: duration,\n      borderColor:\n        status === 'error'\n          ? theme.colors.interactive.border.negative.faded\n          : theme.colors.surface.border.gray.subtle,\n      wordBreak: 'break-all',\n      boxShadow: `0px 0.5px 4px 0px ${boxShadowColor}`,\n\n      ...(status !== 'uploading' && {\n        '&:hover': {\n          backgroundColor: getIn(theme.colors, fileUploadItemBackgroundColors[status].hover),\n        },\n      }),\n    };\n  },\n);\n\nexport { StyledFileUploadItemWrapper };\n"],"names":["StyledFileUploadItemWrapper","styled","BaseBox","_ref","theme","status","size","_useTheme","useTheme","colorScheme","boxShadowColor","globalColors","neutral","blueGrayLight","a906","black","easing","getIn","motion","fileUploadMotionTokens","duration","castWebType","makeMotionTime","Object","assign","position","overflow","display","justifyContent","borderStyle","minHeight","makeSize","fileUploadHeightTokens","width","backgroundColor","colors","fileUploadItemBackgroundColors","default","transitionProperty","transitionTimingFunction","transitionDuration","borderColor","interactive","border","negative","faded","surface","gray","subtle","wordBreak","boxShadow","hover"],"mappings":";;;;;;;;;;;;;;;AAaM,IAAAA,2BAA2B,CAAGC,MAAM,CAACC,OAAO,CAAC,CACjD,SAAAC,IAAA,CAA6B,CAA1B,IAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAAEC,MAAM,CAAAF,IAAA,CAANE,MAAM,CAAEC,IAAI,CAAAH,IAAA,CAAJG,IAAI,CACpB,IAAAC,SAAA,CAAwBC,QAAQ,EAAE,CAA1BC,WAAW,CAAAF,SAAA,CAAXE,WAAW,CACnB,IAAMC,cAAc,CAClBD,WAAW,GAAK,OAAO,CACnBE,MAAY,CAACC,OAAO,CAACC,aAAa,CAACC,IAAI,CACvCH,MAAY,CAACC,OAAO,CAACG,KAAK,CAAC,EAAE,CAAC,CACpC,IAAMC,MAAM,CAAGC,KAAK,CAACb,KAAK,CAACc,MAAM,CAAEC,sBAAsB,CAACH,MAAM,CAAC,CACjE,IAAMI,QAAQ,CAAGC,WAAW,CAC1BC,cAAc,CAACL,KAAK,CAACb,KAAK,CAACc,MAAM,CAAEC,sBAAsB,CAACC,QAAQ,CAAC,CACrE,CAAC,CAED,OAAAG,MAAA,CAAAC,MAAA,CAAA,CACEC,QAAQ,CAAE,UAAU,CACpBC,QAAQ,CAAE,QAAQ,CAClBC,OAAO,CAAE,MAAM,CACfC,cAAc,CAAE,eAAe,CAC/BC,WAAW,CAAE,OAAO,CACpBC,SAAS,CAAEC,QAAQ,CAACC,sBAAsB,CAAC1B,IAAI,GAAK,UAAU,CAAG,OAAO,CAAGA,IAAI,CAAC,CAAC,CACjF2B,KAAK,CAAE,MAAM,CACbC,eAAe,CAAEjB,KAAK,CAACb,KAAK,CAAC+B,MAAM,CAAEC,8BAA8B,CAAC/B,MAAM,CAAC,CAACgC,OAAO,CAAC,CACpFC,kBAAkB,CAAE,kBAAkB,CACtCC,wBAAwB,CAAEvB,MAAM,CAChCwB,kBAAkB,CAAEpB,QAAQ,CAC5BqB,WAAW,CACTpC,MAAM,GAAK,OAAO,CACdD,KAAK,CAAC+B,MAAM,CAACO,WAAW,CAACC,MAAM,CAACC,QAAQ,CAACC,KAAK,CAC9CzC,KAAK,CAAC+B,MAAM,CAACW,OAAO,CAACH,MAAM,CAACI,IAAI,CAACC,MAAM,CAC7CC,SAAS,CAAE,WAAW,CACtBC,SAAS,CAAE,CAAqBxC,kBAAAA,EAAAA,cAAc,CAAE,CAAA,CAAA,CAE5CL,MAAM,GAAK,WAAW,EAAI,CAC5B,SAAS,CAAE,CACT6B,eAAe,CAAEjB,KAAK,CAACb,KAAK,CAAC+B,MAAM,CAAEC,8BAA8B,CAAC/B,MAAM,CAAC,CAAC8C,KAAK,CACnF,CACF,CAAC,CAEL,CAAA,CACF;;;;"}

package/build/lib/native/components/FileUpload/fileUploadTokens.js

@@ -0,0 +1,8 @@
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
+import { size } from '../../tokens/global/size.js';
+
+var fileUploadMotionTokens={duration:'duration.2xquick',easing:'easing.standard'};var fileUploadHeightTokens={medium:size['56'],large:size['64']};var fileUploadItemBackgroundColors={success:{default:'surface.background.gray.intense',hover:'surface.background.gray.intense'},error:{default:'interactive.background.negative.faded',hover:'interactive.background.negative.fadedHighlighted'},uploading:{default:'surface.background.gray.intense',hover:'surface.background.gray.intense'}};
+
+export { fileUploadHeightTokens, fileUploadItemBackgroundColors, fileUploadMotionTokens };
+//# sourceMappingURL=fileUploadTokens.js.map