razorpay · saurabhdaware · Nov 18, 2023 · Nov 18, 2023 · Nov 19, 2023 · Nov 19, 2023
@@ -1,6 +1,6 @@
 import type { CSSObject } from 'styled-components';
-import getIn from 'lodash/get';
+import getIn from '~utils/lodashButBetter/get';
 import type { StyledBadgeProps } from './types';
 import { makeBorderSize } from '~utils/makeBorderSize';
 
 const getStyledBadgeStyles = ({ theme, backgroundColor }: StyledBadgeProps): CSSObject => ({

@@ -1,13 +1,13 @@
 import type { CSSObject } from 'styled-components';
-import getIn from 'lodash/get';
-import isEmpty from 'lodash/isEmpty';
+import getIn from '~utils/lodashButBetter/get';
 import type {
   BaseBoxProps,
   MakeValueResponsive,
   SpacingValueType,
   ArrayOfMaxLength4,
 } from './types';
 import { getResponsiveValue } from './getResponsiveValue';
+import isEmpty from '~utils/lodashButBetter/isEmpty';
 import type { Breakpoints } from '~tokens/global';
 import { breakpoints } from '~tokens/global';
 import { isReactNative, getMediaQuery } from '~utils';

@@ -1,4 +1,4 @@
-import isEmpty from 'lodash/isEmpty';
+import isEmpty from '~utils/lodashButBetter/isEmpty';
 import { Animated } from 'react-native';
 import type { DimensionValue } from 'react-native';
 import type { MakeValueResponsive } from './types';

@@ -1,5 +1,5 @@
-import isEmpty from 'lodash/isEmpty';
+import isEmpty from '~utils/lodashButBetter/isEmpty';
 import type { MakeValueResponsive } from './types';
 import type { Breakpoints } from '~tokens/global';
 
 /**

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import getIn from 'lodash/get';
+import getIn from '~utils/lodashButBetter/get';
 import React from 'react';
 import styled from 'styled-components';
 import type { GestureResponderEvent } from 'react-native';
@@ -38,7 +38,7 @@
 } from '~utils/types';
 import type { BaseTextProps } from '~components/Typography/BaseText/types';
 import { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';
 import { usePrevious } from '~utils/usePrevious';
 import { makeSize } from '~utils/makeSize';
 import { makeBorderSize } from '~utils/makeBorderSize';
 import type { AccessibilityProps } from '~utils/makeAccessible';
@@ -355,7 +355,7 @@
    }
  }

  const prevLoading = usePrevious(isLoading);

  React.useEffect(() => {
    if (isLoading) announce('Started loading');

@@ -1,4 +1,4 @@
-import getIn from 'lodash/get';
+import getIn from '~utils/lodashButBetter/get';
 import { Linking, Pressable } from 'react-native';
 import Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
 import styled from 'styled-components/native';

@@ -1,4 +1,4 @@
-import getIn from 'lodash/get';
+import getIn from '~utils/lodashButBetter/get';
 import styled from 'styled-components';
 import getStyledBaseButtonStyles from './getStyledBaseButtonStyles';
 import type { StyledBaseButtonProps } from './types';

@@ -6,9 +6,9 @@
 import type { CSSObject } from 'styled-components';
 import styled from 'styled-components';
 import React from 'react';
-import getIn from 'lodash/get';
-import throttle from 'lodash/throttle';
-import debounce from 'lodash/debounce';
+import getIn from '~utils/lodashButBetter/get';
+import throttle from '~utils/lodashButBetter/throttle';
+import debounce from '~utils/lodashButBetter/debounce';
 import { Indicators } from './Indicators/Indicators';
 import { NavigationButton } from './NavigationButton';
 import type { CarouselProps } from './types';

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-shadow */
 import React from 'react';
-import isUndefined from 'lodash/isUndefined';
-import isEmpty from 'lodash/isEmpty';
+import isUndefined from '~utils/lodashButBetter/isUndefined';
+import isEmpty from '~utils/lodashButBetter/isEmpty';
 import { useCheckboxGroupContext } from './CheckboxGroup/CheckboxGroupContext';
 import { CheckboxIcon } from './CheckboxIcon';
 import { useCheckbox } from './useCheckbox';

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
 /* eslint-disable @typescript-eslint/explicit-function-return-type */
 /* eslint-disable @typescript-eslint/explicit-module-boundary-types */
-import getIn from 'lodash/get';
+import getIn from '~utils/lodashButBetter/get';
 import React from 'react';
 import { CheckboxIconWrapper } from './CheckboxIconWrapper';
 import { Fade } from './Fade';

@@ -1,4 +1,4 @@
-import getIn from 'lodash/get';
+import getIn from '~utils/lodashButBetter/get';
 import type { CSSObject } from 'styled-components';
 import { checkboxIconColors, checkboxSizes } from '../checkboxTokens';
 import type { CheckboxIconProps } from './CheckboxIcon';

@@ -1,4 +1,4 @@
-import getIn from 'lodash/get';
+import getIn from '~utils/lodashButBetter/get';
 import React from 'react';
 import styled from 'styled-components/native';
 import Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated';

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import getIn from 'lodash/get';
+import getIn from '~utils/lodashButBetter/get';
 import { getAnimatedChipStyles } from './getAnimatedChipStyles';
 import type { AnimatedChipProps } from './types';
 import { chipMotionTokens } from './chipTokens';

@@ -1,5 +1,5 @@
 import React from 'react';
-import isEmpty from 'lodash/isEmpty';
+import isEmpty from '~utils/lodashButBetter/isEmpty';
 import { useChipGroupContext } from './ChipGroupContext';
 import {
   chipIconSizes,

@@ -1,5 +1,5 @@
 import styled from 'styled-components/native';
-import getIn from 'lodash/get';
+import getIn from '~utils/lodashButBetter/get';
 import type { StyledChipWrapperProps } from './types';
 import BaseBox from '~components/Box/BaseBox';
 

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import getIn from 'lodash/get';
+import getIn from '~utils/lodashButBetter/get';
 import type { StyledChipWrapperProps } from './types';
 import { chipMotionTokens, chipColorTokens } from './chipTokens';
 import BaseBox from '~components/Box/BaseBox';

@@ -1,5 +1,5 @@
 import type { CSSObject } from 'styled-components';
-import getIn from 'lodash/get';
+import getIn from '~utils/lodashButBetter/get';
 import type { AnimatedChipProps } from './types';
 import { makeBorderSize } from '~utils/makeBorderSize';
 

@@ -1,5 +1,5 @@
 import React from 'react';
-import isUndefined from 'lodash/isUndefined';
+import isUndefined from '~utils/lodashButBetter/isUndefined';
 import type { ChipGroupProps, ChipGroupContextType, State } from './types';
 import { useControllableState } from '~utils/useControllable';
 import { useId } from '~utils/useId';

@@ -1,4 +1,4 @@
-import getIn from 'lodash/get';
+import getIn from '~utils/lodashButBetter/get';
 import type { CSSObject } from 'styled-components';
 import { maxWidth } from './counterTokens';
 import type { StyledCounterProps } from './types';

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/ban-types */
-import getIn from 'lodash/get';
+import getIn from '~utils/lodashButBetter/get';
 import type { CSSObject } from 'styled-components';
 import React from 'react';
 import styled from 'styled-components';

@@ -1,4 +1,4 @@
-import get from 'lodash/get';
+import get from '~utils/lodashButBetter/get';
 import type { IconProps } from '..';
 import { useTheme } from '~components/BladeProvider';
 import { size } from '~tokens/global';

@@ -1,5 +1,5 @@
 import React from 'react';
-import isEmpty from 'lodash/isEmpty';
+import isEmpty from '~utils/lodashButBetter/isEmpty';
 import { BaseInput } from '../BaseInput';
 import { InputChevronIcon } from './InputChevronIcon';
 import type { BaseDropdownInputTriggerProps } from './types';

@@ -1,5 +1,5 @@
 import React, { useEffect, useImperativeHandle, useState } from 'react';
-import isEmpty from 'lodash/isEmpty';
+import isEmpty from '~utils/lodashButBetter/isEmpty';
 import type { BaseInputProps } from '../BaseInput';
 import { BaseInput } from '../BaseInput';
 import { getHintType } from '../BaseInput/BaseInput';

@@ -1,6 +1,6 @@
 /* eslint-disable jsx-a11y/no-autofocus */
 import React from 'react';
-import isEmpty from 'lodash/isEmpty';
+import isEmpty from '~utils/lodashButBetter/isEmpty';
 import type { TextInput as TextInputReactNative } from 'react-native';
 import type { BaseInputProps } from '../BaseInput';
 import { BaseInput } from '../BaseInput';

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import isEmpty from 'lodash/isEmpty';
+import isEmpty from '~utils/lodashButBetter/isEmpty';
 import type { ReactElement, ReactNode } from 'react';
 import type { TextInput as TextInputReactNative } from 'react-native';
 import type { BaseInputProps } from '../BaseInput';

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/prefer-ts-expect-error */
 /* eslint-disable @typescript-eslint/ban-ts-comment */
-import getIn from 'lodash/get';
+import getIn from '~utils/lodashButBetter/get';
 import type { SyntheticEvent } from 'react';
 import React, { useState } from 'react';
 import type { CSSObject } from 'styled-components';

@@ -1,4 +1,4 @@
-import getIn from 'lodash/get';
+import getIn from '~utils/lodashButBetter/get';
 import styled from 'styled-components';
 import getStyledLinkStyles from './getStyledLinkStyles';
 import type { StyledBaseLinkProps } from './types';

@@ -1,4 +1,4 @@
-import getIn from 'lodash/get';
+import getIn from '~utils/lodashButBetter/get';
 import React, { useMemo } from 'react';
 import styled from 'styled-components';
 import { ListProvider, useListContext } from './ListContext';

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import getIn from 'lodash/get';
+import getIn from '~utils/lodashButBetter/get';
 import React from 'react';
 import { useListContext } from './ListContext';
 import { UnorderedItemIcon } from './ListItemIcons';

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import clamp from 'lodash/clamp';
+import clamp from '~utils/lodashButBetter/clamp';
 import { ProgressBarFilled } from './ProgressBarFilled';
 import { FormLabel } from '~components/Form';
 import { metaAttribute, MetaConstants } from '~utils/metaAttribute';

@@ -1,4 +1,4 @@
-import getIn from 'lodash/get';
+import getIn from '~utils/lodashButBetter/get';
 import React, { useEffect } from 'react';
 import styled from 'styled-components';
 import Animated, {

@@ -1,4 +1,4 @@
-import getIn from 'lodash/get';
+import getIn from '~utils/lodashButBetter/get';
 import type { FlattenSimpleInterpolation } from 'styled-components';
 import styled, { css, keyframes } from 'styled-components';
 import React from 'react';

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-shadow */
 import React from 'react';
-import isEmpty from 'lodash/isEmpty';
+import isEmpty from '~utils/lodashButBetter/isEmpty';
 import type { OnChange } from './useRadio';
 import { useRadio } from './useRadio';
 import { RadioIcon } from './RadioIcon/RadioIcon';

@@ -1,5 +1,5 @@
 import React from 'react';
-import isUndefined from 'lodash/isUndefined';
+import isUndefined from '~utils/lodashButBetter/isUndefined';
 import type { RadioGroupProps } from './RadioGroup';
 import type { RadioGroupContextType } from './RadioContext';
 import { useControllableState } from '~utils/useControllable';

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/explicit-function-return-type */
 /* eslint-disable @typescript-eslint/explicit-module-boundary-types */
-import getIn from 'lodash/get';
+import getIn from '~utils/lodashButBetter/get';
 import React from 'react';
 import { radioIconColors, radioSizes } from '../radioTokens';
 import type { RadioProps } from '../Radio';

@@ -1,4 +1,4 @@
-import getIn from 'lodash/get';
+import getIn from '~utils/lodashButBetter/get';
 import type { CSSObject } from 'styled-components';
 import { radioIconColors, radioSizes } from '../radioTokens';
 import type { RadioIconProps } from './RadioIcon';

@@ -1,4 +1,4 @@
-import getIn from 'lodash/get';
+import getIn from '~utils/lodashButBetter/get';
 import React from 'react';
 import { dimensions } from './spinnerTokens';
 import SpinnerIcon from './SpinnerIcon';

@@ -1,4 +1,4 @@
-import getIn from 'lodash/get';
+import getIn from '~utils/lodashButBetter/get';
 import React from 'react';
 import type { EasingFactoryFn } from 'react-native-reanimated';
 import Animated, {

@@ -1,4 +1,4 @@
-import getIn from 'lodash/get';
+import getIn from '~utils/lodashButBetter/get';
 import styled, { css, keyframes } from 'styled-components';
 import { motion as spinnerMotion } from './spinnerTokens';
 import BaseBox from '~components/Box/BaseBox';

@@ -1,8 +1,8 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 import styled from 'styled-components/native';
-import getIn from 'lodash/get';
+import getIn from '~utils/lodashButBetter/get';
 import React from 'react';
-import isNumber from 'lodash/isNumber';
+import isNumber from '~utils/lodashButBetter/isNumber';
 import Animated, {
   interpolate,
   useAnimatedStyle,

@@ -1,5 +1,5 @@
 import styled, { css } from 'styled-components';
-import getIn from 'lodash/get';
+import getIn from '~utils/lodashButBetter/get';
 import { switchColors, switchMotion } from './switchTokens';
 import type { AnimatedThumbProps } from './types';
 import { BaseBox } from '~components/Box/BaseBox';

@@ -1,5 +1,5 @@
 import React from 'react';
-import getIn from 'lodash/get';
+import getIn from '~utils/lodashButBetter/get';
 import Animated, {
   interpolate,
   useAnimatedStyle,

@@ -1,4 +1,4 @@
-import getIn from 'lodash/get';
+import getIn from '~utils/lodashButBetter/get';
 import styled from 'styled-components';
 import { switchMotion } from './switchTokens';
 import Svg from '~components/Icons/_Svg';

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import getIn from 'lodash/get';
+import getIn from '~utils/lodashButBetter/get';
 import Animated, {
   interpolateColor,
   useAnimatedStyle,

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/explicit-function-return-type */
-import isNumber from 'lodash/isNumber';
-import getIn from 'lodash/get';
+import isNumber from '~utils/lodashButBetter/isNumber';
+import getIn from '~utils/lodashButBetter/get';
 import styled from 'styled-components';
 import type { ThumbProps } from './types';
 import { switchSizes } from './switchTokens';

@@ -1,5 +1,5 @@
-import isNumber from 'lodash/isNumber';
-import getIn from 'lodash/get';
+import isNumber from '~utils/lodashButBetter/isNumber';
+import getIn from '~utils/lodashButBetter/get';
 import type { SwitchProps } from './types';
 import { AnimatedThumbIcon } from './AnimatedThumbIcon';
 import { switchColors } from './switchTokens';

@@ -1,5 +1,5 @@
-import isNumber from 'lodash/isNumber';
-import getIn from 'lodash/get';
+import isNumber from '~utils/lodashButBetter/isNumber';
+import getIn from '~utils/lodashButBetter/get';
 import type { CSSObject } from 'styled-components';
 import type { TrackProps } from './types';
 import { switchColors, switchSizes } from './switchTokens';

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */
 import styled from 'styled-components';
-import get from 'lodash/get';
+import get from '~utils/lodashButBetter/get';
 import React from 'react';
 import type { TabItemProps, TabsProps } from './types';
 import { paddingX, paddingY } from './tabTokens';

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
 import styled from 'styled-components';
-import get from 'lodash/get';
+import get from '~utils/lodashButBetter/get';
 import React from 'react';
 import { CompositeItem } from '@floating-ui/react';
 import type { TabItemProps, TabsProps } from './types';

@@ -1,4 +1,4 @@
-import getIn from 'lodash/get';
+import getIn from '~utils/lodashButBetter/get';
 import type { CSSObject } from 'styled-components';
 import type { StyledBaseTextProps } from './types';
 import { makeTypographySize } from '~utils/makeTypographySize';

@@ -1,4 +1,4 @@
-import debounce from 'lodash/debounce';
+import debounce from '~utils/lodashButBetter/debounce';
 import { useEffect } from 'react';
 import styled from 'styled-components';
 import { Box } from '~components/Box';

@@ -1,4 +1,4 @@
-import cloneDeep from 'lodash/cloneDeep';
+import cloneDeep from '~utils/lodashButBetter/cloneDeep';
 import overrideTheme from '../overrideTheme';
 import { paymentTheme, bankingTheme } from '../';
 import type { ThemeTokens } from '../../theme';

@@ -1,5 +1,5 @@
-import cloneDeep from 'lodash/cloneDeep';
-import merge from 'lodash/merge';
+import cloneDeep from '~utils/lodashButBetter/cloneDeep';
+import merge from '~utils/lodashButBetter/merge';
 import paymentTheme from './paymentTheme';
 import type { ThemeTokens } from './theme';
 import { hasSameObjectStructure } from '~utils/hasSameObjectStructure';

@@ -1,4 +1,4 @@
-import isEmpty from 'lodash/isEmpty';
+import isEmpty from '~utils/lodashButBetter/isEmpty';
 import type { StringChildrenType } from '~utils/types';
 
 const getStringFromReactText = (