Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

chore: Upgrade Tailwind to v4 & Integrate Design System #2251

Open
wants to merge 18 commits into
base: main
Choose a base branch
from

Conversation

susrithasabbini
Copy link
Contributor

Type of Change

  • Bugfix
  • New feature
  • Enhancement
  • Refactoring
  • Dependency updates
  • Documentation
  • CI/CD

Description

Upgraded tailwind from v3 to v4

Motivation and Context

How did you test it?

Locally

Where to test it?

  • INTEG
  • SANDBOX
  • PROD

Checklist

  • I ran npm run re:build
  • I reviewed submitted code
  • I added unit tests for my changes where possible

@susrithasabbini susrithasabbini added S-in-progress Status: Implementation is underway chore chore labels Feb 12, 2025
@susrithasabbini susrithasabbini self-assigned this Feb 12, 2025
@susrithasabbini susrithasabbini requested a review from a team as a code owner February 12, 2025 11:23
Copy link

semanticdiff-com bot commented Feb 12, 2025

Review changes with  SemanticDiff

Changed Files
File Status
  webpack.common.js  66% smaller
  CHANGELOG.md Unsupported file format
  package-lock.json Unsupported file format
  package.json  0% smaller
  postcss.config.js  0% smaller
  public/hyperswitch/app.css Unsupported file format
  public/hyperswitch/app.js  0% smaller
  src/RevenueRecoveryScreens/RevenueRecoveryOnboarding/RevenueRecoveryOnboardingLanding.res Unsupported file format
  src/RevenueRecoveryScreens/RevenueRecoveryOverview/RevenueRecoveryEntity.res Unsupported file format
  src/UIConifg/UIConfig.res Unsupported file format
  src/Vault/VaultScreens/VaultConnectors/VaultConnectorEntity.res Unsupported file format
  src/Vault/VaultScreens/VaultConnectors/VaultProceesorReview.res Unsupported file format
  src/Vault/VaultScreens/VaultConnectors/VaultProcessorCards.res Unsupported file format
  src/Vault/VaultScreens/VaultHome.res Unsupported file format
  src/Vault/VaultScreens/VaultHomeUtils.res Unsupported file format
  src/Vault/VaultScreens/VaultOnboarding.res Unsupported file format
  src/components/Accordion.res Unsupported file format
  src/components/BottomModal.res Unsupported file format
  src/components/Button.res Unsupported file format
  src/components/Calendar.res Unsupported file format
  src/components/CalendarList.res Unsupported file format
  src/components/CardTable.res Unsupported file format
  src/components/Chip.res Unsupported file format
  src/components/CollapsableTableRow.res Unsupported file format
  src/components/CustomCharts/FunnelChart.res Unsupported file format
  src/components/CustomCharts/HighchartHorizontalBarChart.res Unsupported file format
  src/components/CustomCharts/HighchartPieChart.res Unsupported file format
  src/components/CustomCharts/HighchartTimeSeriesChart.res Unsupported file format
  src/components/CustomExpandableTable.res Unsupported file format
  src/components/CustomizeNotificationsModal.res Unsupported file format
  src/components/DatePicker.res Unsupported file format
  src/components/DateRangeCompareFields.res Unsupported file format
  src/components/DateRangeField.res Unsupported file format
  src/components/DateRangeHelper.res Unsupported file format
  src/components/DateRangePicker.res Unsupported file format
  src/components/DragDrop.res Unsupported file format
  src/components/DynamicChart.res Unsupported file format
  src/components/DynamicFilter.res Unsupported file format
  src/components/DynamicTableUtils.res Unsupported file format
  src/components/DynamicTabs.res Unsupported file format
  src/components/ErrorBoundary.res Unsupported file format
  src/components/Filter.res Unsupported file format
  src/components/FilterSelectBox.res Unsupported file format
  src/components/HSwitchFeedBackModal.res Unsupported file format
  src/components/HSwitchSingleStatTableWidget.res Unsupported file format
  src/components/HSwitchSingleStatWidget.res Unsupported file format
  src/components/HeadlessUISelectBox.res Unsupported file format
  src/components/InfraCalendar.res Unsupported file format
  src/components/InfraCalendarList.res Unsupported file format
  src/components/InlineEditInput.res Unsupported file format
  src/components/InputFields.res Unsupported file format
  src/components/LoadedTable.res Unsupported file format
  src/components/LoadedTableWithCustomColumns.res Unsupported file format
  src/components/MakeRuleFieldComponent.res Unsupported file format
  src/components/MultiLineTextInput.res Unsupported file format
  src/components/MultipleFileUpload.res Unsupported file format
  src/components/Navbar.res Unsupported file format
  src/components/NewCalendar.res Unsupported file format
  src/components/NewCalendarList.res Unsupported file format
  src/components/NewCalendarTimeInput.res Unsupported file format
  src/components/NewThemeUtils.res Unsupported file format
  src/components/NoDataFound.res Unsupported file format
  src/components/OrderUtils.res Unsupported file format
  src/components/Paginator.res Unsupported file format
  src/components/PopUpConfirm.res Unsupported file format
  src/components/PopUpConfirmUtils.res Unsupported file format
  src/components/RangeSlider.res Unsupported file format
  src/components/ReactWindowTable.res Unsupported file format
  src/components/SearchInput.res Unsupported file format
  src/components/SelectBox.res Unsupported file format
  src/components/SelectModal.res Unsupported file format
  src/components/ShowDetails.res Unsupported file format
  src/components/SnackBarContainer.res Unsupported file format
  src/components/Table.res Unsupported file format
  src/components/TableLocalFilters.res Unsupported file format
  src/components/TableUtils.res Unsupported file format
  src/components/Tabs.res Unsupported file format
  src/components/TabularInput.res Unsupported file format
  src/components/TimeInput.res Unsupported file format
  src/components/ToastContainer.res Unsupported file format
  src/components/custom-icons/FormErrorIcon.res Unsupported file format
  src/components/custom-icons/Loadericon.res Unsupported file format
  src/components/form/BoolInput.res Unsupported file format
  src/components/form/FormRenderer.res Unsupported file format
  src/components/form/MultipleTextInput.res Unsupported file format
  src/components/form/PasswordStrengthInput.res Unsupported file format
  src/components/form/PasswordStrengthInputAsChips.res Unsupported file format
  src/components/form/PillInput.res Unsupported file format
  src/components/form/TextInput.res Unsupported file format
  src/components/form/YesNoRadioInput.res Unsupported file format
  src/components/modal/ModalContainer.res Unsupported file format
  src/components/priority-logics/AddPLGateway.res Unsupported file format
  src/components/tooltip/ToolTip.res Unsupported file format
  src/container/NewAnalyticsContainer.res Unsupported file format
  src/context/ThemeProvider.res Unsupported file format
  src/entryPoints/AuthModule/AuthWrapper.res Unsupported file format
  src/entryPoints/AuthModule/Common/CommonAuthError.res Unsupported file format
  src/entryPoints/AuthModule/Common/CommonAuthUtils.res Unsupported file format
  src/entryPoints/AuthModule/Common/CommonInviteScreen.res Unsupported file format
  src/entryPoints/AuthModule/Common/ResendBtn.res Unsupported file format
  src/entryPoints/AuthModule/PreLoginModule/AuthSelect.res Unsupported file format
  src/entryPoints/AuthModule/PreLoginModule/ListInvitationScreen.res Unsupported file format
  src/entryPoints/AuthModule/PreLoginModule/ResetPassword.res Unsupported file format
  src/entryPoints/AuthModule/TwoFaAuth/OtpInput.res Unsupported file format
  src/entryPoints/AuthModule/TwoFaAuth/TotpRecoveryCodes.res Unsupported file format
  src/entryPoints/AuthModule/TwoFaAuth/TotpSetup.res Unsupported file format
  src/entryPoints/AuthModule/TwoFaAuth/TwoFaElements.res Unsupported file format
  src/entryPoints/AuthModule/TwoFaAuth/TwoFaLanding.res Unsupported file format
  src/entryPoints/AuthModule/UnderMaintenance.res Unsupported file format
  src/entryPoints/EntryPointUtils.res Unsupported file format
  src/entryPoints/HyperSwitchApp.res Unsupported file format
  src/entryPoints/SidebarValues.res Unsupported file format
  src/entryPoints/configs/HyperSwitchDefaultConfig.res Unsupported file format
  src/fragments/ConnectorFragments/ConnectorAuthKeys/ConnectorAuthKeysHelper.res Unsupported file format
  src/fragments/ConnectorFragments/ConnectorHelperV2.res Unsupported file format
  src/fragments/ConnectorFragments/ConnectorWebhookDetails/ConnectorWebhookPreview.res Unsupported file format
  src/fragments/VerticalStepIndicator/VerticalStepIndicator.res Unsupported file format
  src/libraries/Clipboard.res Unsupported file format
  src/libraries/HeadlessUI.res Unsupported file format
  src/reconScreens/ReconConfiguration/ConnectOrderData/ConnectOrderDataHelper.res Unsupported file format
  src/reconScreens/ReconConfiguration/ConnectProcessorData/ConnectProcessorDataHelper.res Unsupported file format
  src/reconScreens/ReconConfiguration/ManualMapping/ManualMappingHelper.res Unsupported file format
  src/reconScreens/ReconConfiguration/ReconConfiguration.res Unsupported file format
  src/reconScreens/ReconConfiguration/ReconConfigurationHelper.res Unsupported file format
  src/screens/Analytics/Analytics.res Unsupported file format
  src/screens/Analytics/AnalyticsNew.res Unsupported file format
  src/screens/Analytics/AnalyticsUtils.res Unsupported file format
  src/screens/Analytics/ErrorReasons.res Unsupported file format
  src/screens/Analytics/GlobalSearch/GlobalSearchBarHelper.res Unsupported file format
  src/screens/Analytics/GlobalSearchResults/GlobalSearchTables/ResultsTableUtils.res Unsupported file format
  src/screens/Analytics/GlobalSearchResults/SearchResultsPage.res Unsupported file format
  src/screens/Analytics/Logs/LogUtils/ApiDetailsComponent.res Unsupported file format
  src/screens/Analytics/Logs/LogUtils/AuditLogUI.res Unsupported file format
  src/screens/Analytics/Logs/LogUtils/PrettyPrintJson.res Unsupported file format
  src/screens/Analytics/PaymentsAnalytics/PaymentAnalytics.res Unsupported file format
  src/screens/Analytics/PaymentsAnalytics/SmartRetryAnalytics.res Unsupported file format
  src/screens/Analytics/PerformanceMonitor/PerformanceMonitor.res Unsupported file format
  src/screens/Analytics/PerformanceMonitor/PerformanceUtils.res Unsupported file format
  src/screens/Analytics/PerformanceMonitor/TablePerformance/TablePerformance.res Unsupported file format
  src/screens/ConfigurePMTs/PaymentMethodConfigUtils.res Unsupported file format
  src/screens/ConnectorV2/PaymentProcessorSummary.res Unsupported file format
  src/screens/Connectors/FraudAndRisk/FRMConfigure.res Unsupported file format
  src/screens/Connectors/FraudAndRisk/FRMPaymentMethods.res Unsupported file format
  src/screens/Connectors/FraudAndRisk/FRMSelect.res Unsupported file format
  src/screens/Connectors/FraudAndRisk/FRMSummary.res Unsupported file format
  src/screens/Connectors/FraudAndRisk/FRMUtils.res Unsupported file format
  src/screens/Connectors/PMAuthenticationProcessor/PMAuthenticationHome.res Unsupported file format
  src/screens/Connectors/PMAuthenticationProcessor/PMAuthenticationTableEntity.res Unsupported file format
  src/screens/Connectors/PaymentProcessor/ConnectPayPalFlow/ConnectPayPal.res Unsupported file format
  src/screens/Connectors/PaymentProcessor/ConnectPayPalFlow/MenuOptionForPayPal.res Unsupported file format
  src/screens/Connectors/PaymentProcessor/ConnectorAccountDetailsHelper.res Unsupported file format
  src/screens/Connectors/PaymentProcessor/ConnectorAdditionalMerchantData/PlaidAdditionalMerchantData.res Unsupported file format
  src/screens/Connectors/PaymentProcessor/ConnectorHome.res Unsupported file format
  src/screens/Connectors/PaymentProcessor/ConnectorList.res Unsupported file format
  src/screens/Connectors/PaymentProcessor/ConnectorMetaData/ApplePay/ApplePayIntegration.res Unsupported file format
  src/screens/Connectors/PaymentProcessor/ConnectorMetaData/ApplePay/ApplePayIntegrationHelper.res Unsupported file format
  src/screens/Connectors/PaymentProcessor/ConnectorMetaData/BankDebit/BankDebit.res Unsupported file format
  src/screens/Connectors/PaymentProcessor/ConnectorPreview.res Unsupported file format
  src/screens/Connectors/PaymentProcessor/ConnectorPreviewHelper.res Unsupported file format
  src/screens/Connectors/PaymentProcessor/ConnectorTableUtils.res Unsupported file format
  src/screens/Connectors/PaymentProcessor/ConnectorUIUtils/IntegrationHelp.res Unsupported file format
  src/screens/Connectors/PaymentProcessor/ConnectorUIUtils/PaymentMethod.res Unsupported file format
  src/screens/Connectors/PaymentProcessor/ConnectorUIUtils/SuggestedActionHelper.res Unsupported file format
  src/screens/Connectors/PaymentProcessor/ConnectorUpdateAuthCreds.res Unsupported file format
  src/screens/Connectors/PaymentProcessor/PaymentMethodAdditionalDetails/AdditionalDetailsSidebarHelper.res Unsupported file format
  src/screens/Connectors/PayoutProcessor/PayoutProcessorHome.res Unsupported file format
  src/screens/Connectors/PayoutProcessor/PayoutProcessorTableEntity.res Unsupported file format
  src/screens/Connectors/TaxProcessor/TaxProcessorHome.res Unsupported file format
  src/screens/Connectors/TaxProcessor/TaxProcessorTableEntity.res Unsupported file format
  src/screens/Connectors/ThreeDsProcessors/ThreeDsTableEntity.res Unsupported file format
  src/screens/Customers/ShowCustomers.res Unsupported file format
  src/screens/DefaultHome/DefaultHome.res Unsupported file format
  src/screens/DefaultHome/DefaultHomeUtils.res Unsupported file format
  src/screens/Developer/APIKeys/DeveloperUtils.res Unsupported file format
  src/screens/Developer/APIKeys/KeyManagement.res Unsupported file format
  src/screens/Developer/APIKeys/PublishableAndHashKeySection.res Unsupported file format
  src/screens/Developer/PaymentSettings/PaymentSettings.res Unsupported file format
  src/screens/HSwitchUtils.res Unsupported file format
  src/screens/Helpers/CardUtils.res Unsupported file format
  src/screens/Helpers/DefaultLandingPage.res Unsupported file format
  src/screens/Helpers/HSSelfServeSidebar.res Unsupported file format
  src/screens/Helpers/HelperComponents.res Unsupported file format
  src/screens/Helpers/PageLoaderWrapper.res Unsupported file format
  src/screens/Helpers/PageUtils.res Unsupported file format
  src/screens/Home/HomeUtils.res Unsupported file format
  src/screens/Home/ProdIntent/ProdVerifyModal.res Unsupported file format
  src/screens/NewAnalytics/NewAnalyticsHelper.res Unsupported file format
  src/screens/NewAnalytics/NewRefundsAnalytics/RefundsProcessed/RefundsProcessed.res Unsupported file format
  src/screens/NewAnalytics/PaymentAnalytics/PaymentsProcessed/PaymentsProcessed.res Unsupported file format
  src/screens/NewAnalytics/SmartRetryAnalytics/SmartRetryPaymentsProcessed/SmartRetryPaymentsProcessed.res Unsupported file format
  src/screens/OMPSwitch/MerchantSwitch.res Unsupported file format
  src/screens/OMPSwitch/OMPSwitchHelper.res Unsupported file format
  src/screens/OMPSwitch/OrgSwitch.res Unsupported file format
  src/screens/OMPSwitch/ProfileSwitch.res Unsupported file format
  src/screens/OMPSwitch/SwitchMerchantForInternal.res Unsupported file format
  src/screens/Payouts/PayoutsEntity.res Unsupported file format
  src/screens/Payouts/ShowPayout.res Unsupported file format
  src/screens/PendingInvitationsHome.res Unsupported file format
  src/screens/Processors/ProcessorCards.res Unsupported file format
  src/screens/Recon/Recon.res Unsupported file format
  src/screens/Recon/ReconModule.res Unsupported file format
  src/screens/Routing/ActiveRouting.res Unsupported file format
  src/screens/Routing/AdvancedRouting/RoutingPreviewer.res Unsupported file format
  src/screens/Routing/CustomModal.res Unsupported file format
  src/screens/Routing/DefaultRouting.res Unsupported file format
  src/screens/Routing/PriorityRouting.res Unsupported file format
  src/screens/Routing/VolumeSplitRouting.res Unsupported file format
  src/screens/RoutingRevamp/AddRuleGateway.res Unsupported file format
  src/screens/RoutingRevamp/AdvancedRouting.res Unsupported file format
  src/screens/RoutingRevamp/AdvancedRoutingUIUtils.res Unsupported file format
  src/screens/RoutingRevamp/BasicDetailsForm.res Unsupported file format
  src/screens/RoutingRevamp/Previewers/RulePreviewer.res Unsupported file format
  src/screens/SDKPayment/TestCredentials.res Unsupported file format
  src/screens/SDKPayment/TestPayment.res Unsupported file format
  src/screens/SDKPayment/WebSDK.res Unsupported file format
  src/screens/SbxOnboardingSurvey/SbxOnboardingSurvey.res Unsupported file format
  src/screens/SelfServe/HSwitchSandboxOnboarding/IntegrationDocs.res Unsupported file format
  src/screens/SelfServe/HSwitchSandboxOnboarding/UserOnboarding.res Unsupported file format
  src/screens/SelfServe/HSwitchSandboxOnboarding/UserOnboardingUIUtils.res Unsupported file format
  src/screens/Settings/BusinessDetails.res Unsupported file format
  src/screens/Settings/BusinessMapping/BusinessProfile.res Unsupported file format
  src/screens/Settings/HSwitchProfile/HSwitchProfileSettingsEntity.res Unsupported file format
  src/screens/Settings/HSwitchProfile/TwoFaSettings/RegenerateRC.res Unsupported file format
  src/screens/Settings/HSwitchProfile/TwoFaSettings/ResetTotp.res Unsupported file format
  src/screens/Settings/HSwitchProfile/TwoFaSettings/TwoFaHelper.res Unsupported file format
  src/screens/Settings/HSwitchSettings.res Unsupported file format
  src/screens/Sidebar/OrgSidebar.res Unsupported file format
  src/screens/Sidebar/Sidebar.res Unsupported file format
  src/screens/Sidebar/SidebarSwitch.res Unsupported file format
  src/screens/Surcharge/Surcharge.res Unsupported file format
  src/screens/ThreeDSFlow/HSwitchThreeDS.res Unsupported file format
  src/screens/Transaction/CommonFilters/AmountFilter/AmountFilter.res Unsupported file format
  src/screens/Transaction/Disputes/DisputesEntity.res Unsupported file format
  src/screens/Transaction/Disputes/ShowDisputes.res Unsupported file format
  src/screens/Transaction/Disputes/UploadEvidenceForDisputes.res Unsupported file format
  src/screens/Transaction/Order/HSwitchOrderUtils.res Unsupported file format
  src/screens/Transaction/Order/OrderEntity.res Unsupported file format
  src/screens/Transaction/Order/OrderRefundForm.res Unsupported file format
  src/screens/Transaction/Order/OrderUIUtils.res Unsupported file format
  src/screens/Transaction/Order/ShowOrder.res Unsupported file format
  src/screens/Transaction/Refunds/RefundEntity.res Unsupported file format
  src/screens/Transaction/Refunds/ShowRefund.res Unsupported file format
  src/screens/TransactionViews/TransactionView.res Unsupported file format
  src/screens/UserManagement/UserRevamp/DropdownWithLoading.res Unsupported file format
  src/screens/UserManagement/UserRevamp/NewUserInvitationForm.res Unsupported file format
  src/screens/UserManagement/UserRevamp/UserManagementLanding.res Unsupported file format
  src/screens/UserManagement/UserRevamp/UserUtils.res Unsupported file format
  src/utils/BreadCrumbNavigation.res Unsupported file format
  src/utils/Modal.res Unsupported file format
  tailwind.config.js  0% smaller

@susrithasabbini susrithasabbini linked an issue Feb 12, 2025 that may be closed by this pull request
@JeevaRamu0104 JeevaRamu0104 added the S-blocked Status: Blocked on something else or other implementation work label Feb 13, 2025
@kanikabansal-juspay kanikabansal-juspay changed the title chore: tailwind upgrade chore: Upgrade Tailwind to v4 & Integrate Design System Feb 13, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
chore chore S-blocked Status: Blocked on something else or other implementation work S-in-progress Status: Implementation is underway
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[CHORE] Upgrade tailwind version to v4
3 participants