jfs-components 0.0.61 → 0.0.63

package/lib/module/components/NoteInput/NoteInput.js

@@ -3,6 +3,7 @@
 import React, { useState, useRef } from 'react';
 import { View, TextInput as RNTextInput, Text, Pressable } from 'react-native';
 import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
+import { EMPTY_MODES } from '../../utils/react-utils';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * NoteInput component representing an interactive "Add note" badge style field.
@@ -12,7 +13,7 @@ export default function NoteInput({
   value = '',
   placeholder = 'Add note',
   onChangeText,
-  modes = {},
+  modes = EMPTY_MODES,
   style,
   textStyle,
   state: explicitState,

package/lib/module/components/Nudge/Nudge.js

@@ -4,7 +4,7 @@ import React from 'react';
 import { View, Text } from 'react-native';
 import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
 import { useTokens } from '../../design-tokens/JFSThemeProvider';
-import { cloneChildrenWithModes } from '../../utils/react-utils';
+import { cloneChildrenWithModes, EMPTY_MODES } from '../../utils/react-utils';
 import Button from '../Button/Button';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function Nudge({
@@ -16,7 +16,7 @@ function Nudge({
   buttonSlot,
   startSlot,
   children,
-  modes: propModes = {},
+  modes: propModes = EMPTY_MODES,
   style
 }) {
   const {

package/lib/module/components/Numpad/Numpad.js

@@ -3,6 +3,7 @@
 import React, { useMemo, useCallback } from 'react';
 import { View, Text, Pressable } from 'react-native';
 import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
+import { EMPTY_MODES } from '../../utils/react-utils';
 import Icon from '../../icons/Icon';
 import { jsx as _jsx } from "react/jsx-runtime";
 function shuffleArray(arr) {
@@ -25,7 +26,7 @@ function shuffleArray(arr) {
  * @param {NumpadProps} props
  */
 function Numpad({
-  modes = {},
+  modes = EMPTY_MODES,
   onKeyPress,
   showDecimal = true,
   shuffle = true,

package/lib/module/components/OTP/OTP.js

@@ -5,7 +5,7 @@ import { View, Text, TextInput as RNTextInput, Pressable, Animated } from 'react
 import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
 import { useTokens } from '../../design-tokens/JFSThemeProvider';
 import SupportText from '../SupportText/SupportText';
-import { cloneChildrenWithModes } from '../../utils/react-utils';
+import { cloneChildrenWithModes, EMPTY_MODES } from '../../utils/react-utils';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const DIGITS_ONLY = /^\d*$/;
 function OTP({
@@ -19,7 +19,7 @@ function OTP({
   isInvalid = false,
   allowedPattern = DIGITS_ONLY,
   autoFocus = false,
-  modes: propModes = {},
+  modes: propModes = EMPTY_MODES,
   style,
   supportText,
   supportTextStatus

package/lib/module/components/PaymentFeedback/PaymentFeedback.js

@@ -5,6 +5,7 @@ import { View, Text } from 'react-native';
 import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
 import { useTokens } from '../../design-tokens/JFSThemeProvider';
 import IconCapsule from '../IconCapsule/IconCapsule';
+import { EMPTY_MODES } from '../../utils/react-utils';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function PaymentFeedback({
   title = '₹50,000',
@@ -14,7 +15,7 @@ export default function PaymentFeedback({
   showDetails = true,
   iconName = 'ic_confirm',
   renderMedia,
-  modes: propModes = {},
+  modes: propModes = EMPTY_MODES,
   style
 }) {
   const {

package/lib/module/components/Popup/Popup.js

@@ -5,6 +5,7 @@ import { Animated, Dimensions, Modal, Pressable, StyleSheet, View } from 'react-
 import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
 import { useTokens } from '../../design-tokens/JFSThemeProvider';
 import VStack from '../VStack/VStack';
+import { EMPTY_MODES } from '../../utils/react-utils';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const Popup = /*#__PURE__*/forwardRef(function Popup({
   open,
@@ -12,7 +13,7 @@ const Popup = /*#__PURE__*/forwardRef(function Popup({
   onOpenChange,
   trigger,
   children,
-  modes: propModes = {},
+  modes: propModes = EMPTY_MODES,
   closeOnBackdropPress = true,
   backdropColor = '#000000',
   backdropOpacity: maxBackdropOpacity = 0.5,

package/lib/module/components/ProductLabel/ProductLabel.js

@@ -4,11 +4,12 @@ import React from 'react';
 import { View, Text } from 'react-native';
 import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
 import Avatar from '../Avatar/Avatar';
+import { EMPTY_MODES } from '../../utils/react-utils';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function ProductLabel({
   label = 'Gold',
   imageSource,
-  modes = {},
+  modes = EMPTY_MODES,
   style
 }) {
   const gap = getVariableByName('productLabel/gap', modes) ?? 8;

package/lib/module/components/ProgressBadge/ProgressBadge.js

@@ -4,6 +4,7 @@ import React from 'react';
 import { View, Text } from 'react-native';
 import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
 import Icon from '../../icons/Icon';
+import { EMPTY_MODES } from '../../utils/react-utils';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * ProgressBadge component that displays an icon, text, and an internal progress bar.
@@ -24,7 +25,7 @@ function ProgressBadge({
   taskName = 'Live price: [price] (00:43)',
   iconName = 'ic_live',
   value = 0,
-  modes = {},
+  modes = EMPTY_MODES,
   style,
   textStyle: textStyleOverride,
   accessibilityLabel,

package/lib/module/components/RadioButton/RadioButton.js

@@ -3,6 +3,7 @@
 import React, { useState } from 'react';
 import { Pressable, View, Platform } from 'react-native';
 import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
+import { EMPTY_MODES } from '../../utils/react-utils';
 
 // ---------------------------------------------------------------------------
 // Props
@@ -16,7 +17,7 @@ export function RadioButton({
   selected = false,
   disabled = false,
   onPress,
-  modes = {},
+  modes = EMPTY_MODES,
   style,
   testID
 }) {

package/lib/module/components/RechargeCard/RechargeCard.js

@@ -5,6 +5,7 @@ import { View, Text } from 'react-native';
 import ButtonGroup from '../ButtonGroup/ButtonGroup';
 import AvatarGroup from '../AvatarGroup/AvatarGroup';
 import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
+import { EMPTY_MODES } from '../../utils/react-utils';
 import MoneyValue from '../MoneyValue/MoneyValue';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
@@ -19,7 +20,7 @@ export default function RechargeCard({
   disclaimer = "Data only pack (No Voice & No SMS)\nVoice: NA | SMS: NA...",
   subscriptionContent,
   actions,
-  modes = {},
+  modes = EMPTY_MODES,
   style
 }) {
   // Container Tokens

package/lib/module/components/Screen/Screen.js

@@ -9,7 +9,7 @@ import { useTokens } from '../../design-tokens/JFSThemeProvider';
  * Helper function to recursively clone children and pass modes prop to components that accept it.
  * This ensures that all child components in slots receive the modes prop from the parent.
  */
-import { cloneChildrenWithModes } from '../../utils/react-utils';
+import { cloneChildrenWithModes, EMPTY_MODES } from '../../utils/react-utils';
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Screen component that acts as the outer most container providing the background color.
@@ -17,7 +17,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  */
 export const Screen = ({
   children,
-  modes: propModes = {},
+  modes: propModes = EMPTY_MODES,
   style
 }) => {
   const {