@meatech/payblend_app_ui_component 1.0.69

package/dist/components/Header/type.d.ts

@@ -0,0 +1,17 @@
+import { StyleProp, ViewStyle } from 'react-native';
+import { Images } from '@ui/themes';
+
+interface CustomHeaderProps {
+    onRightPress?: () => void;
+    onLeftPress?: () => void;
+    onClose?: () => void;
+    style?: StyleProp<ViewStyle>;
+    screenName?: string;
+    subScreenName?: string;
+    isShowLeftIcon?: boolean;
+    textColors?: string;
+    children?: React.ReactNode;
+    leftIcon?: keyof typeof Images;
+}
+
+export type { CustomHeaderProps };

package/dist/components/Header/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../components/Header/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,MAAM,WAAW,iBAAiB;IAChC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;CAChC"}

package/dist/components/IconWithLabel/IconWithLabel.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { IconWithLabelProps } from './type.js';
+
+declare const SIZE_ICON_WITH_LABEL_DEFAULT: number;
+declare const IconWithLabel: React.FC<IconWithLabelProps>;
+
+export { IconWithLabel, SIZE_ICON_WITH_LABEL_DEFAULT };

package/dist/components/IconWithLabel/IconWithLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconWithLabel.d.ts","sourceRoot":"","sources":["../../../components/IconWithLabel/IconWithLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAa5C,eAAO,MAAM,4BAA4B,QAA2B,CAAC;AAErE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkDtD,CAAC"}

package/dist/components/IconWithLabel/IconWithLabel.js

@@ -0,0 +1,72 @@
+import * as React from 'react';
+import { StyleSheet, TouchableOpacity } from 'react-native';
+import '../../themes/base/styles.js';
+import { colors } from '../../themes/colors.js';
+import '../../themes/images.js';
+import { metrics, pf as responsiveFont, deviceWidth, pw as responsiveWidth } from '../../themes/metrics.js';
+import { ACTIVE_OPACITY } from '../../themes/stats.js';
+import '../Toasts/Toast.js';
+import { Icon } from '../Icons/Icon.js';
+import '../Container/Container.js';
+import '../ProgressBars/CircleProgressBar.js';
+import '../Inputs/InputField.js';
+import '../Inputs/SelectField.js';
+import 'react-native-reanimated';
+import Text from '../Text/index.js';
+import '../Header/styles.js';
+import '../TickItem/styles.js';
+import '../OptionalUtilities/OptionalUtilities.js';
+import '../Switch/Switch.js';
+import '../SnapImageCarousel/CardStatusThumbnail.js';
+import '../SnapImageCarousel/SnapImageCarousel.js';
+import '../SnapImageCarousel/consts.js';
+import 'react-native-fast-image';
+import '../SkeletonLoader/SkeletonLoader.js';
+import '../NotificationModal/NotificationModal.js';
+import '../Modal/Modal.js';
+import '../Button/styles.js';
+import '../LoadingOverlay/LoadingOverlay.js';
+import '../BalanceCard/BalanceCard.js';
+import '../PaymentMethodCard/PaymentMethodCard.js';
+import '../PaymentMethodCardWithAmount/PaymentMethodCardWithAmount.js';
+import '../../utils/storage.js';
+import '../../utils/dayjs.js';
+import { formatNumber } from '../../utils/utils.js';
+
+const SIZE_ICON_WITH_LABEL_DEFAULT = (deviceWidth() - 52) / 3;
+const IconWithLabel = ({ label, icon, balance = 0, width = SIZE_ICON_WITH_LABEL_DEFAULT, height = SIZE_ICON_WITH_LABEL_DEFAULT, disabled, style, labelStyle, isShowBalance = false, ...rest }) => {
+    return (React.createElement(TouchableOpacity, { disabled: disabled, style: [
+            styles.container,
+            style,
+            { width: responsiveWidth(width), height: responsiveWidth(height) },
+            disabled && styles.disabled,
+        ], activeOpacity: ACTIVE_OPACITY, ...rest },
+        React.createElement(Icon, { name: icon, width: metrics.iconSemiLarge, height: metrics.iconSemiLarge, tintColor: colors.neutral['60'] }),
+        React.createElement(Text, { size: "xs", color: "tertiary", style: [styles.label, labelStyle], numberOfLines: 2 }, label),
+        isShowBalance && (React.createElement(Text, { fontWeight: "700", size: "large", color: "tertiary", style: styles.txtBalance },
+            "\u00A5",
+            formatNumber(balance.toString())))));
+};
+const styles = StyleSheet.create({
+    container: {
+        borderWidth: metrics.borderWidthMedium,
+        borderColor: colors.neutral['20'],
+        alignItems: 'center',
+        justifyContent: 'center',
+        padding: metrics.width.spacingTiny,
+    },
+    label: {
+        lineHeight: responsiveFont(18),
+        textAlign: 'center',
+    },
+    txtBalance: {
+        lineHeight: responsiveFont(30),
+        marginTop: metrics.width.spacingTiny,
+    },
+    disabled: {
+        opacity: 0.4,
+    },
+});
+
+export { IconWithLabel, SIZE_ICON_WITH_LABEL_DEFAULT };
+//# sourceMappingURL=IconWithLabel.js.map

package/dist/components/IconWithLabel/IconWithLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconWithLabel.js","sources":["../../../../components/IconWithLabel/IconWithLabel.tsx"],"sourcesContent":["import * as React from 'react';\nimport { StyleSheet, TouchableOpacity } from 'react-native';\nimport { IconWithLabelProps } from './type';\nimport {\n  ACTIVE_OPACITY,\n  colors,\n  deviceWidth,\n  metrics,\n  pf,\n  pw,\n} from '@ui/themes';\nimport { Icon } from '@ui/components';\nimport { formatNumber } from '@ui/utils';\nimport Text from '@ui/components/Text';\n\nexport const SIZE_ICON_WITH_LABEL_DEFAULT = (deviceWidth() - 52) / 3;\n\nexport const IconWithLabel: React.FC<IconWithLabelProps> = ({\n  label,\n  icon,\n  balance = 0,\n  width = SIZE_ICON_WITH_LABEL_DEFAULT,\n  height = SIZE_ICON_WITH_LABEL_DEFAULT,\n  disabled,\n  style,\n  labelStyle,\n  isShowBalance = false,\n  ...rest\n}) => {\n  return (\n    <TouchableOpacity\n      disabled={disabled}\n      style={[\n        styles.container,\n        style,\n        { width: pw(width), height: pw(height) },\n        disabled && styles.disabled,\n      ]}\n      activeOpacity={ACTIVE_OPACITY}\n      {...rest}\n    >\n      <Icon\n        name={icon}\n        width={metrics.iconSemiLarge}\n        height={metrics.iconSemiLarge}\n        tintColor={colors.neutral['60']}\n      />\n      <Text\n        size=\"xs\"\n        color=\"tertiary\"\n        style={[styles.label, labelStyle]}\n        numberOfLines={2}\n      >\n        {label}\n      </Text>\n      {isShowBalance && (\n        <Text\n          fontWeight=\"700\"\n          size=\"large\"\n          color=\"tertiary\"\n          style={styles.txtBalance}\n        >\n          ¥{formatNumber(balance.toString())}\n        </Text>\n      )}\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    borderWidth: metrics.borderWidthMedium,\n    borderColor: colors.neutral['20'],\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: metrics.width.spacingTiny,\n  },\n  label: {\n    lineHeight: pf(18),\n    textAlign: 'center',\n  },\n  txtBalance: {\n    lineHeight: pf(30),\n    marginTop: metrics.width.spacingTiny,\n  },\n  disabled: {\n    opacity: 0.4,\n  },\n});\n"],"names":["pw","pf"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,4BAA4B,GAAG,CAAC,WAAW,EAAE,GAAG,EAAE,IAAI;AAEtD,MAAA,aAAa,GAAiC,CAAC,EAC1D,KAAK,EACL,IAAI,EACJ,OAAO,GAAG,CAAC,EACX,KAAK,GAAG,4BAA4B,EACpC,MAAM,GAAG,4BAA4B,EACrC,QAAQ,EACR,KAAK,EACL,UAAU,EACV,aAAa,GAAG,KAAK,EACrB,GAAG,IAAI,EACR,KAAI;IACH,QACE,oBAAC,gBAAgB,EAAA,EACf,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE;AACL,YAAA,MAAM,CAAC,SAAS;YAChB,KAAK;AACL,YAAA,EAAE,KAAK,EAAEA,eAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAEA,eAAE,CAAC,MAAM,CAAC,EAAE;YACxC,QAAQ,IAAI,MAAM,CAAC,QAAQ;AAC5B,SAAA,EACD,aAAa,EAAE,cAAc,EAAA,GACzB,IAAI,EAAA;QAER,KAAC,CAAA,aAAA,CAAA,IAAI,EACH,EAAA,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,OAAO,CAAC,aAAa,EAC5B,MAAM,EAAE,OAAO,CAAC,aAAa,EAC7B,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAC/B,CAAA;QACF,KAAC,CAAA,aAAA,CAAA,IAAI,EACH,EAAA,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,UAAU,EAChB,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,UAAU,CAAC,EACjC,aAAa,EAAE,CAAC,EAEf,EAAA,KAAK,CACD;QACN,aAAa,KACZ,KAAC,CAAA,aAAA,CAAA,IAAI,IACH,UAAU,EAAC,KAAK,EAChB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,UAAU,EAChB,KAAK,EAAE,MAAM,CAAC,UAAU,EAAA;;YAEtB,YAAY,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAC7B,CACR,CACgB;AAEvB;AAEA,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;AAC/B,IAAA,SAAS,EAAE;QACT,WAAW,EAAE,OAAO,CAAC,iBAAiB;AACtC,QAAA,WAAW,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;AACjC,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,cAAc,EAAE,QAAQ;AACxB,QAAA,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW;AACnC,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,UAAU,EAAEC,cAAE,CAAC,EAAE,CAAC;AAClB,QAAA,SAAS,EAAE,QAAQ;AACpB,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,UAAU,EAAEA,cAAE,CAAC,EAAE,CAAC;AAClB,QAAA,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW;AACrC,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE,GAAG;AACb,KAAA;AACF,CAAA,CAAC;;;;"}

package/dist/components/IconWithLabel/index.d.ts

@@ -0,0 +1,3 @@
+export * from './IconWithLabel';
+export * from './type';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/IconWithLabel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/IconWithLabel/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC"}

package/dist/components/IconWithLabel/type.d.ts

@@ -0,0 +1,15 @@
+import { TouchableOpacityProps, StyleProp, TextStyle } from 'react-native';
+import { Images } from '@ui/themes';
+
+interface IconWithLabelProps extends Pick<TouchableOpacityProps, 'onPress' | 'disabled' | 'style' | 'onLayout'> {
+    label: string;
+    icon: keyof typeof Images;
+    balance?: number;
+    width?: number;
+    height?: number;
+    labelStyle?: StyleProp<TextStyle>;
+    disabled?: boolean;
+    isShowBalance?: boolean;
+}
+
+export type { IconWithLabelProps };

package/dist/components/IconWithLabel/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../components/IconWithLabel/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,MAAM,WAAW,kBACf,SAAQ,IAAI,CACV,qBAAqB,EACrB,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CAC9C;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,OAAO,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}

package/dist/components/Icons/Icon.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { ImageResizeMode, StyleProp, ViewStyle } from 'react-native';
+import { Images } from '@ui/themes';
+
+interface IconProps {
+    name: keyof typeof Images;
+    width?: number;
+    height?: number;
+    tintColor?: string;
+    resizeMode?: ImageResizeMode;
+    style?: StyleProp<ViewStyle>;
+    onPress?: () => void;
+}
+declare const Icon: React.FC<IconProps>;
+
+export { Icon };

package/dist/components/Icons/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../components/Icons/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAEL,eAAe,EACf,SAAS,EAET,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAiB,MAAM,EAAK,MAAM,YAAY,CAAC;AAEtD,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,OAAO,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA2BpC,CAAC"}

package/dist/components/Icons/Icon.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { useMemo } from 'react';
+import { TouchableOpacity, Image } from 'react-native';
+import '../../themes/base/styles.js';
+import { Images } from '../../themes/images.js';
+import { pw as responsiveWidth } from '../../themes/metrics.js';
+import { ACTIVE_OPACITY } from '../../themes/stats.js';
+
+const Icon = ({ name, width = responsiveWidth(20), height = responsiveWidth(20), tintColor, resizeMode = 'contain', style, onPress, }) => {
+    const iconStyle = useMemo(() => ({ width: width, height: height }), [width, height]);
+    return (React.createElement(TouchableOpacity, { style: style, disabled: !onPress, onPress: onPress, activeOpacity: ACTIVE_OPACITY },
+        React.createElement(Image, { source: Images[name], style: iconStyle, resizeMode: resizeMode, tintColor: tintColor })));
+};
+
+export { Icon };
+//# sourceMappingURL=Icon.js.map

package/dist/components/Icons/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":["../../../../components/Icons/Icon.tsx"],"sourcesContent":["import * as React from 'react';\nimport {useMemo} from 'react';\nimport {\n  Image,\n  ImageResizeMode,\n  StyleProp,\n  TouchableOpacity,\n  ViewStyle,\n} from 'react-native';\nimport {ACTIVE_OPACITY, Images, pw} from '@ui/themes';\n\ninterface IconProps {\n  name: keyof typeof Images;\n  width?: number;\n  height?: number;\n  tintColor?: string;\n  resizeMode?: ImageResizeMode;\n  style?: StyleProp<ViewStyle>;\n  onPress?: () => void;\n}\n\nexport const Icon: React.FC<IconProps> = ({\n  name,\n  width = pw(20),\n  height = pw(20),\n  tintColor,\n  resizeMode = 'contain',\n  style,\n  onPress,\n}) => {\n  const iconStyle = useMemo(\n    () => ({width: width, height: height}),\n    [width, height],\n  );\n  return (\n    <TouchableOpacity\n      style={style}\n      disabled={!onPress}\n      onPress={onPress}\n      activeOpacity={ACTIVE_OPACITY}>\n      <Image\n        source={Images[name]}\n        style={iconStyle}\n        resizeMode={resizeMode}\n        tintColor={tintColor}\n      />\n    </TouchableOpacity>\n  );\n};\n"],"names":["pw"],"mappings":";;;;;;;;AAqBO,MAAM,IAAI,GAAwB,CAAC,EACxC,IAAI,EACJ,KAAK,GAAGA,eAAE,CAAC,EAAE,CAAC,EACd,MAAM,GAAGA,eAAE,CAAC,EAAE,CAAC,EACf,SAAS,EACT,UAAU,GAAG,SAAS,EACtB,KAAK,EACL,OAAO,GACR,KAAI;IACH,MAAM,SAAS,GAAG,OAAO,CACvB,OAAO,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAC,CAAC,EACtC,CAAC,KAAK,EAAE,MAAM,CAAC,CAChB;AACD,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,gBAAgB,IACf,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,OAAO,EAClB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,cAAc,EAAA;QAC7B,KAAC,CAAA,aAAA,CAAA,KAAK,IACJ,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,EACpB,KAAK,EAAE,SAAS,EAChB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EAAA,CACpB,CACe;AAEvB;;;;"}

package/dist/components/Icons/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Icon';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Icons/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/Icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA"}

package/dist/components/Image/Image.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { Props } from './type.js';
+
+declare const Image: React.FC<Props>;
+
+export { Image };

package/dist/components/Image/Image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../components/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,KAAK,EAAC,MAAM,QAAQ,CAAC;AAM7B,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkDjC,CAAC"}

package/dist/components/Image/Image.js

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { useState } from 'react';
+import FastImage from 'react-native-fast-image';
+import { SkeletonLoader } from '../SkeletonLoader/SkeletonLoader.js';
+import '../../themes/base/styles.js';
+import '../../themes/images.js';
+import { isWeb } from '../../themes/metrics.js';
+import '../../themes/stats.js';
+
+const DEFAULT_IMAGE = '';
+const Image = ({ uri, resizeMode = 'contain', unUseSkeleton = false, children, width, height, style, ...rest }) => {
+    const [isError, setError] = useState(false);
+    const [isLoading, setLoading] = useState(true);
+    const handleTurnOffLoading = () => setLoading(false);
+    const handleTurnOnError = () => setError(true);
+    if (isWeb) {
+        return (React.createElement(FastImage, { source: {
+                uri: !!uri || !isError ? uri : DEFAULT_IMAGE,
+                priority: FastImage.priority.low,
+            }, resizeMode: resizeMode, onError: handleTurnOnError, onLoadEnd: handleTurnOffLoading, ...rest, style: [style, { width, height }] }));
+    }
+    return (React.createElement(FastImage, { source: {
+            uri: !!uri || !isError ? uri : DEFAULT_IMAGE,
+            priority: FastImage.priority.low,
+        }, resizeMode: resizeMode, onError: handleTurnOnError, onLoadEnd: handleTurnOffLoading, ...rest, style: [style, { width, height }] }, isLoading && !unUseSkeleton && width && height ? (React.createElement(SkeletonLoader, { width: width, height: height })) : (children)));
+};
+
+export { Image };
+//# sourceMappingURL=Image.js.map

package/dist/components/Image/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sources":["../../../../components/Image/Image.tsx"],"sourcesContent":["import * as React from 'react';\nimport {useState} from 'react';\nimport FastImage from 'react-native-fast-image';\nimport {Props} from './type';\nimport {SkeletonLoader} from '../SkeletonLoader';\nimport {isWeb} from '@ui/themes';\n\nconst DEFAULT_IMAGE = '';\n\nexport const Image: React.FC<Props> = ({\n  uri,\n  resizeMode = 'contain',\n  unUseSkeleton = false,\n  children,\n  width,\n  height,\n  style,\n  ...rest\n}) => {\n  const [isError, setError] = useState<boolean>(false);\n  const [isLoading, setLoading] = useState<boolean>(true);\n\n  const handleTurnOffLoading = () => setLoading(false);\n  const handleTurnOnError = () => setError(true);\n\n  if (isWeb) {\n    return (\n      <FastImage\n        source={{\n          uri: !!uri || !isError ? uri : DEFAULT_IMAGE,\n          priority: FastImage.priority.low,\n        }}\n        resizeMode={resizeMode}\n        onError={handleTurnOnError}\n        onLoadEnd={handleTurnOffLoading}\n        {...rest}\n        style={[style, {width, height}]}\n      />\n    );\n  }\n\n  return (\n    <FastImage\n      source={{\n        uri: !!uri || !isError ? uri : DEFAULT_IMAGE,\n        priority: FastImage.priority.low,\n      }}\n      resizeMode={resizeMode}\n      onError={handleTurnOnError}\n      onLoadEnd={handleTurnOffLoading}\n      {...rest}\n      style={[style, {width, height}]}>\n      {isLoading && !unUseSkeleton && width && height ? (\n        <SkeletonLoader width={width} height={height} />\n      ) : (\n        children\n      )}\n    </FastImage>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAOA,MAAM,aAAa,GAAG,EAAE;AAEjB,MAAM,KAAK,GAAoB,CAAC,EACrC,GAAG,EACH,UAAU,GAAG,SAAS,EACtB,aAAa,GAAG,KAAK,EACrB,QAAQ,EACR,KAAK,EACL,MAAM,EACN,KAAK,EACL,GAAG,IAAI,EACR,KAAI;IACH,MAAM,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC;IACpD,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,IAAI,CAAC;IAEvD,MAAM,oBAAoB,GAAG,MAAM,UAAU,CAAC,KAAK,CAAC;IACpD,MAAM,iBAAiB,GAAG,MAAM,QAAQ,CAAC,IAAI,CAAC;IAE9C,IAAI,KAAK,EAAE;AACT,QAAA,QACE,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EACR,MAAM,EAAE;AACN,gBAAA,GAAG,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,GAAG,GAAG,GAAG,aAAa;AAC5C,gBAAA,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,GAAG;aACjC,EACD,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,iBAAiB,EAC1B,SAAS,EAAE,oBAAoB,EAC3B,GAAA,IAAI,EACR,KAAK,EAAE,CAAC,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAC,CAAC,EAC/B,CAAA;;AAIN,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EACR,MAAM,EAAE;AACN,YAAA,GAAG,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,GAAG,GAAG,GAAG,aAAa;AAC5C,YAAA,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,GAAG;SACjC,EACD,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,iBAAiB,EAC1B,SAAS,EAAE,oBAAoB,EAC3B,GAAA,IAAI,EACR,KAAK,EAAE,CAAC,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAC,CAAC,EAC9B,EAAA,SAAS,IAAI,CAAC,aAAa,IAAI,KAAK,IAAI,MAAM,IAC7C,KAAC,CAAA,aAAA,CAAA,cAAc,EAAC,EAAA,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAI,CAAA,KAEhD,QAAQ,CACT,CACS;AAEhB;;;;"}

package/dist/components/Image/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Image';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Image/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/Image/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/components/Image/type.d.ts

@@ -0,0 +1,12 @@
+import { StyleProp } from 'react-native';
+import { FastImageProps, ImageStyle } from 'react-native-fast-image';
+
+interface Props extends Pick<FastImageProps, 'fallback' | 'resizeMode' | 'children'> {
+    uri: string;
+    unUseSkeleton?: boolean;
+    width?: number;
+    height?: number;
+    style?: StyleProp<Omit<ImageStyle, 'width' | 'height'>>;
+}
+
+export type { Props };

package/dist/components/Image/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../components/Image/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AACvC,OAAO,EAAC,cAAc,EAAE,UAAU,EAAC,MAAM,yBAAyB,CAAC;AAEnE,MAAM,WAAW,KACf,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,YAAY,GAAG,UAAU,CAAC;IACpE,GAAG,EAAE,MAAM,CAAC;IACZ,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC;CACzD"}

package/dist/components/Inputs/Input.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { StyleProp, TextInputProps, TextStyle, ViewStyle } from 'react-native';
+import { Images } from '@ui/themes';
+interface InputProps extends Omit<TextInputProps, 'value' | 'multiline' | 'secureTextEntry' | 'style' | 'placeholderTextColor'> {
+    label?: string;
+    labelStyle?: StyleProp<TextStyle>;
+    isRequired?: boolean;
+    value?: string;
+    interactIcon?: keyof typeof Images;
+    sizeIcon?: number;
+    tintColor?: string;
+    maxLength?: number;
+    multiline?: boolean;
+    secureTextEntry?: boolean;
+    useIconClearValue?: boolean;
+    errorText?: string;
+    errorTextStyle?: StyleProp<TextStyle>;
+    containerStyle?: StyleProp<ViewStyle>;
+    inputContainerStyle?: StyleProp<ViewStyle>;
+    onClearValue?: () => void;
+    onPressInteract?: () => void;
+}
+export declare const Input: React.FC<InputProps>;
+export {};
+//# sourceMappingURL=Input.d.ts.map

package/dist/components/Inputs/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../components/Inputs/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,SAAS,EAGT,cAAc,EACd,SAAS,EAET,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAY,MAAM,EAA0B,MAAM,YAAY,CAAC;AAItE,UAAU,UACR,SAAQ,IAAI,CACV,cAAc,EACd,OAAO,GAAG,WAAW,GAAG,iBAAiB,GAAG,OAAO,GAAG,sBAAsB,CAC7E;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAID,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA6FtC,CAAC"}

package/dist/components/Inputs/InputField.d.ts

@@ -0,0 +1,31 @@
+import { KeyboardTypeOptions } from 'react-native';
+import { Mask } from 'react-native-mask-input';
+
+declare const InputField: ({ value, label, placeholder, errMessage, size, variant, type, labelSize, isShowPassword, disabled, isHideIcon, maxLength, keyboardType, debounceTime, mask, obfuscationCharacter, showObfuscatedValue, onChangeText, onEndEditing, onToggleShowPassword, onSearch, onDebounceChangeText, onSubmitEditing, onBlur, }: {
+    value: string;
+    label?: string;
+    errMessage?: string;
+    placeholder?: string;
+    isShowPassword?: boolean;
+    disabled?: boolean;
+    size?: "small" | "medium" | "large";
+    labelSize?: "xxxs" | "xxs" | "xs" | "small" | "medium" | "large" | "xl" | "xxl" | "xxxl" | "xxxxl";
+    variant?: "default" | "quite" | "none";
+    type?: "default" | "phone-number" | "password" | "search";
+    isHideIcon?: boolean;
+    maxLength?: number;
+    keyboardType?: KeyboardTypeOptions;
+    debounceTime?: number;
+    mask?: Mask;
+    obfuscationCharacter?: string;
+    showObfuscatedValue?: boolean;
+    onChangeText?: (text: string, maskedText?: string, obfuscatedText?: string) => void;
+    onEndEditing?: (text: string) => void;
+    onToggleShowPassword?: () => void;
+    onSearch?: () => void;
+    onDebounceChangeText?: (text: string) => void;
+    onSubmitEditing?: (text: string) => void;
+    onBlur?: (text: string) => void;
+}) => any;
+
+export { InputField };

package/dist/components/Inputs/InputField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputField.d.ts","sourceRoot":"","sources":["../../../components/Inputs/InputField.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,mBAAmB,EASpB,MAAM,cAAc,CAAC;AACtB,OAAkB,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAa1D,eAAO,MAAM,UAAU,GAAI,qTAyBxB;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,SAAS,CAAC,EACN,MAAM,GACN,KAAK,GACL,IAAI,GACJ,OAAO,GACP,QAAQ,GACR,OAAO,GACP,IAAI,GACJ,KAAK,GACL,MAAM,GACN,OAAO,CAAC;IACZ,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IACvC,IAAI,CAAC,EAAE,SAAS,GAAG,cAAc,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,CACb,IAAI,EAAE,MAAM,EACZ,UAAU,CAAC,EAAE,MAAM,EACnB,cAAc,CAAC,EAAE,MAAM,KACpB,IAAI,CAAC;IACV,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC,QAoMA,CAAC"}

package/dist/components/Inputs/InputField.js

@@ -0,0 +1,207 @@
+import * as React from 'react';
+import { useMemo, useState, useEffect } from 'react';
+import { StyleSheet, View, Pressable } from 'react-native';
+import MaskInput from 'react-native-mask-input';
+import Text from '../Text/index.js';
+import '../../themes/base/styles.js';
+import { colors } from '../../themes/colors.js';
+import '../../themes/images.js';
+import { pw as responsiveWidth, FontSizes, Space, metrics } from '../../themes/metrics.js';
+import '../../themes/stats.js';
+import CountryCode from '../../jsons/CountryCode.json.js';
+import '../Toasts/Toast.js';
+import { Icon } from '../Icons/Icon.js';
+import '../Container/Container.js';
+import '../ProgressBars/CircleProgressBar.js';
+import { SelectField } from './SelectField.js';
+import 'react-native-reanimated';
+import '../Header/styles.js';
+import '../TickItem/styles.js';
+import '../IconWithLabel/IconWithLabel.js';
+import '../OptionalUtilities/OptionalUtilities.js';
+import '../Switch/Switch.js';
+import '../SnapImageCarousel/CardStatusThumbnail.js';
+import '../SnapImageCarousel/SnapImageCarousel.js';
+import '../SnapImageCarousel/consts.js';
+import 'react-native-fast-image';
+import '../SkeletonLoader/SkeletonLoader.js';
+import '../NotificationModal/NotificationModal.js';
+import '../Modal/Modal.js';
+import '../Button/styles.js';
+import '../LoadingOverlay/LoadingOverlay.js';
+import '../BalanceCard/BalanceCard.js';
+import '../PaymentMethodCard/PaymentMethodCard.js';
+import '../PaymentMethodCardWithAmount/PaymentMethodCardWithAmount.js';
+import { inputFieldFontSize, inputFieldHeight } from './styles.js';
+import '../../hooks/usePermission.js';
+import { useDebounce } from '../../hooks/useDebounce.js';
+import '../../hooks/useToast.js';
+import '../../hooks/useSlideAnimation.js';
+
+const InputField = ({ value, label, placeholder, errMessage, size = "medium", variant = "default", type = "default", labelSize, isShowPassword = true, disabled = false, isHideIcon = false, maxLength, keyboardType, debounceTime = 0, mask, obfuscationCharacter, showObfuscatedValue = false, onChangeText, onEndEditing, onToggleShowPassword, onSearch, onDebounceChangeText, onSubmitEditing, onBlur, }) => {
+    const { height, fontSize } = useMemo(() => ({
+        height: inputFieldHeight[size],
+        fontSize: inputFieldFontSize[size],
+    }), [size]);
+    const inputHeightStyle = {
+        backgroundColor: disabled ? colors.neutral[20] : colors.white[10],
+        height: height - 2,
+        fontSize,
+    };
+    const inputWrapperHeightStyle = {
+        height: height,
+        backgroundColor: disabled ? colors.neutral[20] : colors.white[10],
+    };
+    const inputWrapperBorderStyle = {
+        borderRadius: variant === "default" ? metrics.borderRadiusBase : 0,
+        borderWidth: variant === "default"
+            ? metrics.borderWidthMedium
+            : metrics.borderWidthNone,
+        borderColor: disabled
+            ? colors.neutral[20]
+            : errMessage
+                ? colors.red[90]
+                : colors.neutral[60],
+        borderBottomWidth: variant === "none" ? metrics.borderWidthNone : metrics.borderWidthMedium,
+    };
+    const inputBorderStyle = {
+        borderLeftWidth: variant === "default" ? metrics.borderWidthMedium : 0,
+        borderLeftColor: disabled
+            ? colors.neutral[20]
+            : errMessage
+                ? colors.red[90]
+                : colors.neutral[60],
+    };
+    const countryCodeList = useMemo(() => CountryCode.map((country) => ({
+        label: country.dial_code,
+        value: country.dial_code,
+    })), []);
+    const [countryCodeValue, setCountryCodeValue] = useState(countryCodeList[0]);
+    const [inputValue, setInputValue] = useState(value || "");
+    const debouncedOnChangeText = useDebounce(inputValue, debounceTime);
+    useEffect(() => {
+        if (onDebounceChangeText) {
+            onDebounceChangeText(debouncedOnChangeText);
+        }
+    }, [debouncedOnChangeText, onDebounceChangeText]);
+    const handleEndEdit = (e) => {
+        if (onEndEditing) {
+            if (type === "phone-number" &&
+                countryCodeValue &&
+                debouncedOnChangeText) {
+                onEndEditing(countryCodeValue.value + e.nativeEvent.text);
+            }
+            else {
+                onEndEditing(e.nativeEvent.text);
+            }
+        }
+    };
+    const handleToggleShowPassword = () => {
+        onToggleShowPassword && onToggleShowPassword();
+    };
+    const handleSearch = () => onSearch && onSearch();
+    const handleSubmitEditing = () => {
+        if (onSubmitEditing) {
+            onSubmitEditing(inputValue);
+        }
+    };
+    const handleChangeText = (maskedText, text, obfuscatedText) => {
+        setInputValue(maskedText);
+        if (onChangeText) {
+            if (text) {
+                if (type === "phone-number" && countryCodeValue && text) {
+                    onChangeText(countryCodeValue.value + text, maskedText, obfuscatedText);
+                }
+                else {
+                    onChangeText(text, maskedText, obfuscatedText);
+                }
+            }
+            else {
+                setInputValue("");
+                onChangeText("", maskedText, obfuscatedText);
+            }
+        }
+    };
+    const handleBlur = () => {
+        if (onBlur) {
+            if (type === "phone-number" && countryCodeValue && inputValue) {
+                onBlur(countryCodeValue.value + inputValue);
+            }
+            else {
+                onBlur(inputValue);
+            }
+        }
+    };
+    return (React.createElement(View, { style: styles.inputFieldContainer },
+        label && React.createElement(Text, { size: labelSize || size }, label),
+        React.createElement(View, null,
+            React.createElement(View, { style: [
+                    styles.inputFieldWrapper,
+                    inputWrapperHeightStyle,
+                    inputWrapperBorderStyle,
+                ] },
+                type === "phone-number" && (React.createElement(SelectField, { value: countryCodeValue, listData: countryCodeList, cusHeight: height - 2, disabled: disabled, variant: "none", size: size, cusWidth: responsiveWidth(100), onChangeValue: setCountryCodeValue })),
+                React.createElement(MaskInput, { value: inputValue, editable: !disabled, secureTextEntry: type === "password" && isShowPassword, onEndEditing: handleEndEdit, obfuscationCharacter: obfuscationCharacter, showObfuscatedValue: showObfuscatedValue, onChangeText: (masked, unmasked, obfuscated) => {
+                        handleChangeText(masked, unmasked, obfuscated);
+                    }, placeholder: placeholder, keyboardType: keyboardType || "default", style: [
+                        styles.inputFieldBox,
+                        inputHeightStyle,
+                        type === "phone-number" && inputBorderStyle,
+                    ], mask: mask || undefined, maxLength: maxLength, onBlur: handleBlur, onSubmitEditing: handleSubmitEditing }),
+                !isHideIcon && type === "password" && (React.createElement(Pressable, { disabled: disabled, onPress: handleToggleShowPassword, style: [styles.rightBtn, inputBorderStyle] },
+                    React.createElement(Icon, { name: "ic_eye" }))),
+                type === "search" && (React.createElement(Pressable, { disabled: disabled, onPress: handleSearch, style: [styles.rightBtn, inputBorderStyle] },
+                    React.createElement(Icon, { name: "ic_search" })))),
+            errMessage && (React.createElement(Text, { color: "error", size: "xs" }, errMessage)))));
+};
+const styles = StyleSheet.create({
+    inputFieldContainer: {
+        gap: Space.xs,
+        width: "100%",
+    },
+    inputFieldWrapper: {
+        flexDirection: "row",
+        width: "100%",
+        overflow: "hidden",
+    },
+    innerInputFieldWrapper: {
+        flex: 1,
+    },
+    inputFieldMaskedBox: {
+        flexGrow: 1,
+        justifyContent: "center",
+        backgroundColor: colors.white[10],
+        color: colors.neutral[80],
+        paddingVertical: Space.xs,
+    },
+    inputFieldBoxAbsolute: {
+        position: "absolute",
+        // opacity: 0,
+        backgroundColor: "transparent",
+    },
+    inputFieldBox: {
+        flexGrow: 1,
+        justifyContent: "center",
+        backgroundColor: colors.white[10],
+        color: colors.neutral[80],
+        paddingVertical: Space.xs,
+        paddingHorizontal: Space.medium,
+        fontSize: FontSizes.fontLarge,
+        borderWidth: 0,
+    },
+    picker: {
+        width: responsiveWidth(100),
+    },
+    pickerIconContainer: {
+        alignItems: "center",
+        justifyContent: "center",
+    },
+    rightBtn: {
+        width: responsiveWidth(52),
+        justifyContent: "center",
+        alignItems: "center",
+    },
+});
+
+export { InputField };
+//# sourceMappingURL=InputField.js.map

package/dist/components/Inputs/InputField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputField.js","sources":["../../../../components/Inputs/InputField.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport {\n  KeyboardTypeOptions,\n  NativeSyntheticEvent,\n  Pressable,\n  StyleProp,\n  StyleSheet,\n  TextInputEndEditingEventData,\n  TextStyle,\n  View,\n  ViewStyle,\n} from \"react-native\";\nimport MaskInput, { Mask } from \"react-native-mask-input\";\nimport Text from \"@ui/components/Text\";\nimport { FontSizes, Space, colors, metrics, pw } from \"@ui/themes\";\nimport CountryCode from \"../../jsons/CountryCode.json\";\nimport { Icon, SelectField } from \"@ui/components\";\nimport { inputFieldFontSize, inputFieldHeight } from \"./styles\";\nimport { useDebounce } from \"@ui/hooks\";\n\ntype SelectItemT = {\n  label: string;\n  value: string;\n};\n\nexport const InputField = ({\n  value,\n  label,\n  placeholder,\n  errMessage,\n  size = \"medium\",\n  variant = \"default\",\n  type = \"default\",\n  labelSize,\n  isShowPassword = true,\n  disabled = false,\n  isHideIcon = false,\n  maxLength,\n  keyboardType,\n  debounceTime = 0,\n  mask,\n  obfuscationCharacter,\n  showObfuscatedValue = false,\n  onChangeText,\n  onEndEditing,\n  onToggleShowPassword,\n  onSearch,\n  onDebounceChangeText,\n  onSubmitEditing,\n  onBlur,\n}: {\n  value: string;\n  label?: string;\n  errMessage?: string;\n  placeholder?: string;\n  isShowPassword?: boolean;\n  disabled?: boolean;\n  size?: \"small\" | \"medium\" | \"large\";\n  labelSize?:\n    | \"xxxs\"\n    | \"xxs\"\n    | \"xs\"\n    | \"small\"\n    | \"medium\"\n    | \"large\"\n    | \"xl\"\n    | \"xxl\"\n    | \"xxxl\"\n    | \"xxxxl\";\n  variant?: \"default\" | \"quite\" | \"none\";\n  type?: \"default\" | \"phone-number\" | \"password\" | \"search\";\n  isHideIcon?: boolean;\n  maxLength?: number;\n  keyboardType?: KeyboardTypeOptions;\n  debounceTime?: number;\n  mask?: Mask;\n  obfuscationCharacter?: string;\n  showObfuscatedValue?: boolean;\n  onChangeText?: (\n    text: string,\n    maskedText?: string,\n    obfuscatedText?: string\n  ) => void;\n  onEndEditing?: (text: string) => void;\n  onToggleShowPassword?: () => void;\n  onSearch?: () => void;\n  onDebounceChangeText?: (text: string) => void;\n  onSubmitEditing?: (text: string) => void;\n  onBlur?: (text: string) => void;\n}) => {\n  const { height, fontSize } = useMemo(\n    () => ({\n      height: inputFieldHeight[size],\n      fontSize: inputFieldFontSize[size],\n    }),\n    [size]\n  );\n  const inputHeightStyle: StyleProp<TextStyle> = {\n    backgroundColor: disabled ? colors.neutral[20] : colors.white[10],\n    height: height - 2,\n    fontSize,\n  };\n  const inputWrapperHeightStyle: StyleProp<ViewStyle> = {\n    height: height,\n    backgroundColor: disabled ? colors.neutral[20] : colors.white[10],\n  };\n  const inputWrapperBorderStyle: StyleProp<ViewStyle> = {\n    borderRadius: variant === \"default\" ? metrics.borderRadiusBase : 0,\n    borderWidth:\n      variant === \"default\"\n        ? metrics.borderWidthMedium\n        : metrics.borderWidthNone,\n    borderColor: disabled\n      ? colors.neutral[20]\n      : errMessage\n      ? colors.red[90]\n      : colors.neutral[60],\n    borderBottomWidth:\n      variant === \"none\" ? metrics.borderWidthNone : metrics.borderWidthMedium,\n  };\n\n  const inputBorderStyle: StyleProp<TextStyle> = {\n    borderLeftWidth: variant === \"default\" ? metrics.borderWidthMedium : 0,\n    borderLeftColor: disabled\n      ? colors.neutral[20]\n      : errMessage\n      ? colors.red[90]\n      : colors.neutral[60],\n  };\n  const countryCodeList = useMemo(\n    () =>\n      CountryCode.map((country: any) => ({\n        label: country.dial_code,\n        value: country.dial_code,\n      })),\n    []\n  );\n  const [countryCodeValue, setCountryCodeValue] = useState<SelectItemT>(\n    countryCodeList[0]\n  );\n  const [inputValue, setInputValue] = useState(value || \"\");\n  const debouncedOnChangeText = useDebounce(inputValue, debounceTime);\n\n  useEffect(() => {\n    if (onDebounceChangeText) {\n      onDebounceChangeText(debouncedOnChangeText);\n    }\n  }, [debouncedOnChangeText, onDebounceChangeText]);\n\n  const handleEndEdit = (\n    e: NativeSyntheticEvent<TextInputEndEditingEventData>\n  ) => {\n    if (onEndEditing) {\n      if (\n        type === \"phone-number\" &&\n        countryCodeValue &&\n        debouncedOnChangeText\n      ) {\n        onEndEditing(countryCodeValue.value + e.nativeEvent.text);\n      } else {\n        onEndEditing(e.nativeEvent.text);\n      }\n    }\n  };\n  const handleToggleShowPassword = () => {\n    onToggleShowPassword && onToggleShowPassword();\n  };\n  const handleSearch = () => onSearch && onSearch();\n\n  const handleSubmitEditing = () => {\n    if (onSubmitEditing) {\n      onSubmitEditing(inputValue);\n    }\n  };\n\n  const handleChangeText = (\n    maskedText: string,\n    text: string,\n    obfuscatedText?: string\n  ) => {\n    setInputValue(maskedText);\n    if (onChangeText) {\n      if (text) {\n        if (type === \"phone-number\" && countryCodeValue && text) {\n          onChangeText(\n            countryCodeValue.value + text,\n            maskedText,\n            obfuscatedText\n          );\n        } else {\n          onChangeText(text, maskedText, obfuscatedText);\n        }\n      } else {\n        setInputValue(\"\");\n        onChangeText(\"\", maskedText, obfuscatedText);\n      }\n    }\n  };\n\n  const handleBlur = () => {\n    if (onBlur) {\n      if (type === \"phone-number\" && countryCodeValue && inputValue) {\n        onBlur(countryCodeValue.value + inputValue);\n      } else {\n        onBlur(inputValue);\n      }\n    }\n  };\n\n  return (\n    <View style={styles.inputFieldContainer}>\n      {label && <Text size={labelSize || size}>{label}</Text>}\n      <View>\n        <View\n          style={[\n            styles.inputFieldWrapper,\n            inputWrapperHeightStyle,\n            inputWrapperBorderStyle,\n          ]}\n        >\n          {type === \"phone-number\" && (\n            <SelectField\n              value={countryCodeValue}\n              listData={countryCodeList}\n              cusHeight={height - 2}\n              disabled={disabled}\n              variant=\"none\"\n              size={size}\n              cusWidth={pw(100)}\n              onChangeValue={setCountryCodeValue}\n            />\n          )}\n          <MaskInput\n            value={inputValue}\n            editable={!disabled}\n            secureTextEntry={type === \"password\" && isShowPassword}\n            onEndEditing={handleEndEdit}\n            obfuscationCharacter={obfuscationCharacter}\n            showObfuscatedValue={showObfuscatedValue}\n            onChangeText={(\n              masked: string,\n              unmasked: string,\n              obfuscated: string\n            ) => {\n              handleChangeText(masked, unmasked, obfuscated);\n            }}\n            placeholder={placeholder}\n            keyboardType={keyboardType || \"default\"}\n            style={[\n              styles.inputFieldBox,\n              inputHeightStyle,\n              type === \"phone-number\" && inputBorderStyle,\n            ]}\n            mask={mask || undefined}\n            maxLength={maxLength}\n            onBlur={handleBlur}\n            onSubmitEditing={handleSubmitEditing}\n          />\n          {!isHideIcon && type === \"password\" && (\n            <Pressable\n              disabled={disabled}\n              onPress={handleToggleShowPassword}\n              style={[styles.rightBtn, inputBorderStyle]}\n            >\n              <Icon name=\"ic_eye\" />\n            </Pressable>\n          )}\n          {type === \"search\" && (\n            <Pressable\n              disabled={disabled}\n              onPress={handleSearch}\n              style={[styles.rightBtn, inputBorderStyle]}\n            >\n              <Icon name=\"ic_search\" />\n            </Pressable>\n          )}\n        </View>\n        {errMessage && (\n          <Text color=\"error\" size=\"xs\">\n            {errMessage}\n          </Text>\n        )}\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  inputFieldContainer: {\n    gap: Space.xs,\n    width: \"100%\",\n  },\n  inputFieldWrapper: {\n    flexDirection: \"row\",\n    width: \"100%\",\n    overflow: \"hidden\",\n  },\n  innerInputFieldWrapper: {\n    flex: 1,\n  },\n  inputFieldMaskedBox: {\n    flexGrow: 1,\n    justifyContent: \"center\",\n    backgroundColor: colors.white[10],\n    color: colors.neutral[80],\n    paddingVertical: Space.xs,\n  },\n  inputFieldBoxAbsolute: {\n    position: \"absolute\",\n    // opacity: 0,\n    backgroundColor: \"transparent\",\n  },\n  inputFieldBox: {\n    flexGrow: 1,\n    justifyContent: \"center\",\n    backgroundColor: colors.white[10],\n    color: colors.neutral[80],\n    paddingVertical: Space.xs,\n    paddingHorizontal: Space.medium,\n    fontSize: FontSizes.fontLarge,\n    borderWidth: 0,\n  },\n  picker: {\n    width: pw(100),\n  },\n  pickerIconContainer: {\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  rightBtn: {\n    width: pw(52),\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n});\n"],"names":["pw"],"mappings":"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"}

package/dist/components/Inputs/SelectField.d.ts

@@ -0,0 +1,23 @@
+type SelectItemT = {
+    label: string;
+    value: string;
+};
+declare const SelectField: ({ value, label, labelColor, listData, size, variant, cusHeight, cusWidth, cusFontSize, disabled, isWhiteDisabledBackground, placeholder, isShowIcon, textAlign, onChangeValue, }: {
+    value: SelectItemT;
+    label?: string;
+    labelColor?: "primary" | "secondary" | "tertiary" | "disabled" | "error" | "success" | "warning" | "info" | "interactive" | "hover" | "active" | "focus" | "brand" | "white" | "white";
+    listData: Array<SelectItemT>;
+    size?: "xxxs" | "xxs" | "xs" | "small" | "medium" | "large" | "xl" | "xxl" | "xxxl" | "xxxxl";
+    variant?: "default" | "quite" | "none";
+    cusHeight?: number;
+    cusWidth?: number;
+    cusFontSize?: number;
+    disabled?: boolean;
+    isWhiteDisabledBackground?: boolean;
+    placeholder?: string;
+    isShowIcon?: boolean;
+    textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+    onChangeValue?: (item: SelectItemT) => void;
+}) => any;
+
+export { SelectField };

package/dist/components/Inputs/SelectField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../components/Inputs/SelectField.tsx"],"names":[],"mappings":"AAkBA,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,kLAgBzB;IACD,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EACP,SAAS,GACT,WAAW,GACX,UAAU,GACV,UAAU,GACV,OAAO,GACP,SAAS,GACT,SAAS,GACT,MAAM,GACN,aAAa,GACb,OAAO,GACP,QAAQ,GACR,OAAO,GACP,OAAO,GACP,OAAO,GACP,OAAO,CAAC;IACZ,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC7B,IAAI,CAAC,EACD,MAAM,GACN,KAAK,GACL,IAAI,GACJ,OAAO,GACP,QAAQ,GACR,OAAO,GACP,IAAI,GACJ,KAAK,GACL,MAAM,GACN,OAAO,CAAC;IACZ,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IACzE,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;CAC7C,QA8GA,CAAC"}