@meatech/payblend_app_ui_component 1.0.69

package/dist/components/NotificationModal/NotificationModal.js

@@ -0,0 +1,113 @@
+import * as React from 'react';
+import { forwardRef } from 'react';
+import { StyleSheet, View } from 'react-native';
+import Text from '../Text/index.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 '../Header/styles.js';
+import '../../themes/base/styles.js';
+import { colors } from '../../themes/colors.js';
+import '../../themes/images.js';
+import { metrics, pf as responsiveFont } from '../../themes/metrics.js';
+import '../../themes/stats.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 { Modal } from '../Modal/Modal.js';
+import Button from '../Button/index.js';
+import '../LoadingOverlay/LoadingOverlay.js';
+import '../BalanceCard/BalanceCard.js';
+import '../PaymentMethodCard/PaymentMethodCard.js';
+import '../PaymentMethodCardWithAmount/PaymentMethodCardWithAmount.js';
+
+const MODAL_TYPE = {
+    WARNING: 'WARNING',
+    ERROR: 'ERROR',
+};
+const BUTTON_TEXT = {
+    CANCEL: 'キャンセル',
+    RETURN_TO_ACCOUNT: '口座Topに戻る',
+};
+const DEFAULT_CONFIRM_TEXT = '確定する';
+/**
+ * Button component for the modal actions
+ */
+const ModalButton = ({ onPress, disabled, type, color, textSize, children, style }) => (React.createElement(Button, { disabled: disabled, type: type, color: color, textSize: textSize, onPress: onPress, style: style }, typeof children === 'string' ? (React.createElement(Text, { size: "large", fontWeight: "700", color: type === 'outline' ? 'disabled' : 'white' }, children)) : (children)));
+/**
+ * Modal header component with icon and title
+ */
+const ModalHeader = ({ isError, title }) => (React.createElement(View, { style: styles.header },
+    React.createElement(Icon, { name: "ic_alert", width: metrics.iconExtraLarge, height: metrics.iconExtraLarge, tintColor: isError ? colors.red['80'] : colors.secondary[100] }),
+    React.createElement(Text, { numberOfLines: 2, fontWeight: "700", size: "large", color: isError ? 'error' : 'interactive', style: styles.title }, title)));
+/**
+ * NotificationModal component for displaying warnings and errors
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <NotificationModal
+ *   ref={modalRef}
+ *   type="WARNING"
+ *   title="Warning Title"
+ *   onConfirm={() => {}}
+ * >
+ *   <Text>Modal content</Text>
+ * </NotificationModal>
+ * ```
+ */
+const NotificationModal = forwardRef(({ type = MODAL_TYPE.WARNING, title, children, confirmButtonText = DEFAULT_CONFIRM_TEXT, disableCancelButton, disableConfirmButton, disableErrorButton, onCancel, onConfirm, onError, }, ref) => {
+    const isError = type === MODAL_TYPE.ERROR;
+    return (React.createElement(Modal, { ref: ref, type: "Popup", popupStyle: styles.container },
+        React.createElement(ModalHeader, { isError: isError, title: title }),
+        children,
+        React.createElement(View, { style: styles.containerButton },
+            onConfirm && (React.createElement(ModalButton, { disabled: disableConfirmButton, textSize: "large", color: isError ? 'error' : 'primary', onPress: onConfirm }, confirmButtonText)),
+            onCancel && (React.createElement(ModalButton, { disabled: disableCancelButton, type: "outline", onPress: onCancel, style: styles.btnCancel }, BUTTON_TEXT.CANCEL)),
+            onError && (React.createElement(ModalButton, { disabled: disableErrorButton, type: "fill", color: "error", onPress: onError, style: styles.btnCancel }, BUTTON_TEXT.RETURN_TO_ACCOUNT)))));
+});
+const styles = StyleSheet.create({
+    container: {
+        backgroundColor: colors.white['10'],
+        padding: metrics.width.spacingLarge,
+        borderRadius: metrics.borderRadiusSemiLarge,
+        shadowColor: colors.neutral['100'],
+        shadowOffset: { width: 0, height: metrics.height.spacingTiny },
+        shadowOpacity: 0.25,
+        shadowRadius: metrics.borderRadiusExtraLarge,
+        elevation: 4,
+        gap: metrics.height.spacingBase,
+    },
+    header: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: metrics.width.spacingExtraSmall,
+        borderBottomWidth: metrics.borderWidthMedium,
+        borderBottomColor: colors.neutral['40'],
+        paddingBottom: metrics.height.spacingSlightlySmall,
+        marginBottom: metrics.height.spacingBase,
+    },
+    title: {
+        flex: 1,
+        lineHeight: responsiveFont(25),
+    },
+    btnCancel: {
+        borderColor: colors.neutral[60],
+    },
+    containerButton: {
+        gap: metrics.height.spacingExtraSmall,
+    },
+});
+
+export { NotificationModal };
+//# sourceMappingURL=NotificationModal.js.map

package/dist/components/NotificationModal/NotificationModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationModal.js","sources":["../../../../components/NotificationModal/NotificationModal.tsx"],"sourcesContent":["import * as React from 'react';\nimport {forwardRef} from 'react';\nimport {StyleSheet, View} from 'react-native';\nimport Text from '@ui/components/Text';\nimport {Icon} from '@ui/components';\nimport Button from '@ui/components/Button';\nimport {colors, metrics, pf} from '@ui/themes';\nimport {Props} from './interface';\nimport {Modal} from '@ui/components';\nimport {ModalRef} from '@ui/components/Modal/type';\n\nconst MODAL_TYPE = {\n  WARNING: 'WARNING',\n  ERROR: 'ERROR',\n} as const;\n\nconst BUTTON_TEXT = {\n  CANCEL: 'キャンセル',\n  RETURN_TO_ACCOUNT: '口座Topに戻る',\n} as const;\n\nconst DEFAULT_CONFIRM_TEXT = '確定する';\n\n/**\n * Button component for the modal actions\n */\nconst ModalButton: React.FC<{\n  onPress?: () => void;\n  disabled?: boolean;\n  type?: 'outline' | 'fill';\n  color?: 'error' | 'primary' | 'disabled';\n  textSize?: 'large';\n  children: React.ReactNode;\n  style?: object;\n}> = ({onPress, disabled, type, color, textSize, children, style}) => (\n  <Button\n    disabled={disabled}\n    type={type}\n    color={color}\n    textSize={textSize}\n    onPress={onPress}\n    style={style}>\n    {typeof children === 'string' ? (\n      <Text size=\"large\" fontWeight=\"700\" color={type === 'outline' ? 'disabled' : 'white'}>\n        {children}\n      </Text>\n    ) : (\n      children\n    )}\n  </Button>\n);\n\n/**\n * Modal header component with icon and title\n */\nconst ModalHeader: React.FC<{\n  isError: boolean;\n  title: string;\n}> = ({isError, title}) => (\n  <View style={styles.header}>\n    <Icon\n      name=\"ic_alert\"\n      width={metrics.iconExtraLarge}\n      height={metrics.iconExtraLarge}\n      tintColor={isError ? colors.red['80'] : colors.secondary[100]}\n    />\n    <Text\n      numberOfLines={2}\n      fontWeight=\"700\"\n      size=\"large\"\n      color={isError ? 'error' : 'interactive'}\n      style={styles.title}>\n      {title}\n    </Text>\n  </View>\n);\n\n/**\n * NotificationModal component for displaying warnings and errors\n * \n * @component\n * @example\n * ```tsx\n * <NotificationModal\n *   ref={modalRef}\n *   type=\"WARNING\"\n *   title=\"Warning Title\"\n *   onConfirm={() => {}}\n * >\n *   <Text>Modal content</Text>\n * </NotificationModal>\n * ```\n */\nexport const NotificationModal = forwardRef<ModalRef, Props>(\n  ({\n    type = MODAL_TYPE.WARNING,\n    title,\n    children,\n    confirmButtonText = DEFAULT_CONFIRM_TEXT,\n    disableCancelButton,\n    disableConfirmButton,\n    disableErrorButton,\n    onCancel,\n    onConfirm,\n    onError,\n  }, ref) => {\n    const isError = type === MODAL_TYPE.ERROR;\n\n    return (\n      <Modal ref={ref} type=\"Popup\" popupStyle={styles.container}>\n        <ModalHeader isError={isError} title={title} />\n        \n        {children}\n        \n        <View style={styles.containerButton}>\n          {onConfirm && (\n            <ModalButton\n              disabled={disableConfirmButton}\n              textSize=\"large\"\n              color={isError ? 'error' : 'primary'}\n              onPress={onConfirm}>\n              {confirmButtonText}\n            </ModalButton>\n          )}\n          \n          {onCancel && (\n            <ModalButton\n              disabled={disableCancelButton}\n              type=\"outline\"\n              onPress={onCancel}\n              style={styles.btnCancel}>\n              {BUTTON_TEXT.CANCEL}\n            </ModalButton>\n          )}\n          \n          {onError && (\n            <ModalButton\n              disabled={disableErrorButton}\n              type=\"fill\"\n              color=\"error\"\n              onPress={onError}\n              style={styles.btnCancel}>\n              {BUTTON_TEXT.RETURN_TO_ACCOUNT}\n            </ModalButton>\n          )}\n        </View>\n      </Modal>\n    );\n  },\n);\n\nconst styles = StyleSheet.create({\n  container: {\n    backgroundColor: colors.white['10'],\n    padding: metrics.width.spacingLarge,\n    borderRadius: metrics.borderRadiusSemiLarge,\n    shadowColor: colors.neutral['100'],\n    shadowOffset: {width: 0, height: metrics.height.spacingTiny},\n    shadowOpacity: 0.25,\n    shadowRadius: metrics.borderRadiusExtraLarge,\n    elevation: 4,\n    gap: metrics.height.spacingBase,\n  },\n  header: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: metrics.width.spacingExtraSmall,\n    borderBottomWidth: metrics.borderWidthMedium,\n    borderBottomColor: colors.neutral['40'],\n    paddingBottom: metrics.height.spacingSlightlySmall,\n    marginBottom: metrics.height.spacingBase,\n  },\n  title: {\n    flex: 1,\n    lineHeight: pf(25),\n  },\n  btnCancel: {\n    borderColor: colors.neutral[60],\n  },\n  containerButton: {\n    gap: metrics.height.spacingExtraSmall,\n  },\n});\n"],"names":["pf"],"mappings":"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"}

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

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

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

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

package/dist/components/NotificationModal/interface.d.ts

@@ -0,0 +1,14 @@
+interface Props {
+    type?: 'WARNING' | 'ERROR';
+    title: string;
+    children: React.ReactNode;
+    confirmButtonText?: string;
+    disableConfirmButton?: boolean;
+    disableCancelButton?: boolean;
+    disableErrorButton?: boolean;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    onError?: () => void;
+}
+
+export type { Props };

package/dist/components/NotificationModal/interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../components/NotificationModal/interface.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,KAAK;IACpB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB"}

package/dist/components/OptionalUtilities/OptionalUtilities.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"OptionalUtilities.d.ts","sourceRoot":"","sources":["../../../components/OptionalUtilities/OptionalUtilities.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAAsB,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAErE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAqD9D,CAAC"}

package/dist/components/OptionalUtilities/OptionalUtilities.js

@@ -0,0 +1,93 @@
+import * as React from 'react';
+import { StyleSheet, View, TouchableOpacity } from 'react-native';
+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 '../../themes/base/styles.js';
+import { colors } from '../../themes/colors.js';
+import '../../themes/images.js';
+import { metrics, pf as responsiveFont, ph as responsiveHeight, deviceWidth } from '../../themes/metrics.js';
+import { ACTIVE_OPACITY } from '../../themes/stats.js';
+import '../TickItem/styles.js';
+import '../IconWithLabel/IconWithLabel.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';
+
+const OptionalUtilities = ({ data, itemStyle, style, disableAll, }) => {
+    const renderItem = ({ label, icon, disabled, showCircleBg, iconStyle, onPress, }) => {
+        return (React.createElement(TouchableOpacity, { disabled: disableAll || disabled, key: label, style: [
+                styles.utility,
+                {
+                    width: (deviceWidth() - metrics.width.spacingMassive) / data.length,
+                },
+                itemStyle,
+                (disableAll || disabled) && styles.disable,
+            ], activeOpacity: ACTIVE_OPACITY, onPress: onPress },
+            React.createElement(View, { style: styles.icon },
+                React.createElement(Icon, { name: icon, width: metrics.iconMediumPlus, height: metrics.iconMediumPlus, style: [
+                        (icon === 'ic_white_plus' || showCircleBg) && styles.circle,
+                        iconStyle,
+                    ] })),
+            React.createElement(Text, { style: styles.label, lineHeight: responsiveFont(15), color: "tertiary", numberOfLines: 1 }, label)));
+    };
+    return React.createElement(View, { style: [styles.container, style] }, data.map(renderItem));
+};
+const styles = StyleSheet.create({
+    container: {
+        flexDirection: 'row',
+        backgroundColor: colors.white['10'],
+        marginHorizontal: metrics.width.spacingBase,
+        marginBottom: metrics.width.spacingBase,
+        paddingHorizontal: metrics.width.spacingBase,
+        paddingVertical: metrics.height.spacingTiny,
+    },
+    utility: {
+        height: responsiveHeight(60),
+        justifyContent: 'space-between',
+        alignItems: 'center',
+    },
+    icon: {
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    label: {
+        fontSize: responsiveFont(10),
+    },
+    circle: {
+        width: metrics.iconSemiLarge,
+        height: metrics.iconSemiLarge,
+        backgroundColor: colors.neutral['90'],
+        borderRadius: metrics.borderRadiusHuge,
+        alignItems: 'center',
+        justifyContent: 'center',
+        shadowColor: colors.neutral['100'],
+        shadowOffset: { width: 0, height: 4 },
+        shadowOpacity: 0.25,
+        shadowRadius: 12,
+        elevation: 12,
+    },
+    disable: {
+        opacity: 0.32,
+    },
+});
+
+export { OptionalUtilities };
+//# sourceMappingURL=OptionalUtilities.js.map

package/dist/components/OptionalUtilities/OptionalUtilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionalUtilities.js","sources":["../../../../components/OptionalUtilities/OptionalUtilities.tsx"],"sourcesContent":["import * as React from 'react';\nimport { StyleSheet, TouchableOpacity, View } from 'react-native';\nimport { Icon, Text } from '@ui/components';\nimport {\n  ACTIVE_OPACITY,\n  colors,\n  deviceWidth,\n  metrics,\n  pf,\n  ph,\n} from '@ui/themes';\nimport { OptionalUtilitiesI, OptionalUtilitiesProps } from './types';\n\nexport const OptionalUtilities: React.FC<OptionalUtilitiesProps> = ({\n  data,\n  itemStyle,\n  style,\n  disableAll,\n}) => {\n  const renderItem = ({\n    label,\n    icon,\n    disabled,\n    showCircleBg,\n    iconStyle,\n    onPress,\n  }: OptionalUtilitiesI) => {\n    return (\n      <TouchableOpacity\n        disabled={disableAll || disabled}\n        key={label}\n        style={[\n          styles.utility,\n          {\n            width: (deviceWidth() - metrics.width.spacingMassive) / data.length,\n          },\n          itemStyle,\n          (disableAll || disabled) && styles.disable,\n        ]}\n        activeOpacity={ACTIVE_OPACITY}\n        onPress={onPress}\n      >\n        <View style={styles.icon}>\n          <Icon\n            name={icon}\n            width={metrics.iconMediumPlus}\n            height={metrics.iconMediumPlus}\n            style={[\n              (icon === 'ic_white_plus' || showCircleBg) && styles.circle,\n              iconStyle,\n            ]}\n          />\n        </View>\n        <Text\n          style={styles.label}\n          lineHeight={pf(15)}\n          color=\"tertiary\"\n          numberOfLines={1}\n        >\n          {label}\n        </Text>\n      </TouchableOpacity>\n    );\n  };\n\n  return <View style={[styles.container, style]}>{data.map(renderItem)}</View>;\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flexDirection: 'row',\n    backgroundColor: colors.white['10'],\n    marginHorizontal: metrics.width.spacingBase,\n    marginBottom: metrics.width.spacingBase,\n    paddingHorizontal: metrics.width.spacingBase,\n    paddingVertical: metrics.height.spacingTiny,\n  },\n  utility: {\n    height: ph(60),\n    justifyContent: 'space-between',\n    alignItems: 'center',\n  },\n  icon: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  label: {\n    fontSize: pf(10),\n  },\n  circle: {\n    width: metrics.iconSemiLarge,\n    height: metrics.iconSemiLarge,\n    backgroundColor: colors.neutral['90'],\n    borderRadius: metrics.borderRadiusHuge,\n    alignItems: 'center',\n    justifyContent: 'center',\n    shadowColor: colors.neutral['100'],\n    shadowOffset: { width: 0, height: 4 },\n    shadowOpacity: 0.25,\n    shadowRadius: 12,\n    elevation: 12,\n  },\n  disable: {\n    opacity: 0.32,\n  },\n});\n"],"names":["pf","ph"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaO,MAAM,iBAAiB,GAAqC,CAAC,EAClE,IAAI,EACJ,SAAS,EACT,KAAK,EACL,UAAU,GACX,KAAI;AACH,IAAA,MAAM,UAAU,GAAG,CAAC,EAClB,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,OAAO,GACY,KAAI;AACvB,QAAA,QACE,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EACf,QAAQ,EAAE,UAAU,IAAI,QAAQ,EAChC,GAAG,EAAE,KAAK,EACV,KAAK,EAAE;AACL,gBAAA,MAAM,CAAC,OAAO;AACd,gBAAA;AACE,oBAAA,KAAK,EAAE,CAAC,WAAW,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,cAAc,IAAI,IAAI,CAAC,MAAM;AACpE,iBAAA;gBACD,SAAS;AACT,gBAAA,CAAC,UAAU,IAAI,QAAQ,KAAK,MAAM,CAAC,OAAO;AAC3C,aAAA,EACD,aAAa,EAAE,cAAc,EAC7B,OAAO,EAAE,OAAO,EAAA;AAEhB,YAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,KAAK,EAAE,MAAM,CAAC,IAAI,EAAA;AACtB,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EACH,EAAA,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,OAAO,CAAC,cAAc,EAC7B,MAAM,EAAE,OAAO,CAAC,cAAc,EAC9B,KAAK,EAAE;wBACL,CAAC,IAAI,KAAK,eAAe,IAAI,YAAY,KAAK,MAAM,CAAC,MAAM;wBAC3D,SAAS;AACV,qBAAA,EAAA,CACD,CACG;YACP,KAAC,CAAA,aAAA,CAAA,IAAI,EACH,EAAA,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,UAAU,EAAEA,cAAE,CAAC,EAAE,CAAC,EAClB,KAAK,EAAC,UAAU,EAChB,aAAa,EAAE,CAAC,EAAA,EAEf,KAAK,CACD,CACU;AAEvB,KAAC;IAED,OAAO,KAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,EAAA,EAAG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,CAAQ;AAC9E;AAEA,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;AAC/B,IAAA,SAAS,EAAE;AACT,QAAA,aAAa,EAAE,KAAK;AACpB,QAAA,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;AACnC,QAAA,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW;AAC3C,QAAA,YAAY,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW;AACvC,QAAA,iBAAiB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW;AAC5C,QAAA,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW;AAC5C,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,MAAM,EAAEC,gBAAE,CAAC,EAAE,CAAC;AACd,QAAA,cAAc,EAAE,eAAe;AAC/B,QAAA,UAAU,EAAE,QAAQ;AACrB,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,cAAc,EAAE,QAAQ;AACzB,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,QAAQ,EAAED,cAAE,CAAC,EAAE,CAAC;AACjB,KAAA;AACD,IAAA,MAAM,EAAE;QACN,KAAK,EAAE,OAAO,CAAC,aAAa;QAC5B,MAAM,EAAE,OAAO,CAAC,aAAa;AAC7B,QAAA,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;QACrC,YAAY,EAAE,OAAO,CAAC,gBAAgB;AACtC,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,cAAc,EAAE,QAAQ;AACxB,QAAA,WAAW,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;QAClC,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;AACrC,QAAA,aAAa,EAAE,IAAI;AACnB,QAAA,YAAY,EAAE,EAAE;AAChB,QAAA,SAAS,EAAE,EAAE;AACd,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,OAAO,EAAE,IAAI;AACd,KAAA;AACF,CAAA,CAAC;;;;"}

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

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

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

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

package/dist/components/OptionalUtilities/types.d.ts

@@ -0,0 +1,19 @@
+import { StyleProp, ViewStyle } from 'react-native';
+import { Images } from '@ui/themes';
+
+interface OptionalUtilitiesI {
+    label: string;
+    icon: keyof typeof Images;
+    iconStyle?: StyleProp<ViewStyle>;
+    disabled?: boolean;
+    showCircleBg?: boolean;
+    onPress?: () => void;
+}
+interface OptionalUtilitiesProps {
+    data: OptionalUtilitiesI[];
+    itemStyle?: StyleProp<ViewStyle>;
+    style?: StyleProp<ViewStyle>;
+    disableAll?: boolean;
+}
+
+export type { OptionalUtilitiesI, OptionalUtilitiesProps };

package/dist/components/OptionalUtilities/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../components/OptionalUtilities/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,OAAO,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,kBAAkB,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}

package/dist/components/PaymentMethodCard/PaymentMethodCard.d.ts

@@ -0,0 +1,15 @@
+import React__default from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { EPaymentCardTypes } from '@ui/constants';
+
+interface PaymentMethodCardProps {
+    type?: EPaymentCardTypes;
+    style?: StyleProp<ViewStyle>;
+    hideShadow?: boolean;
+    onPress?: () => void;
+    photo: string;
+    disabled?: boolean;
+}
+declare const PaymentMethodCard: React__default.FC<PaymentMethodCardProps>;
+
+export { PaymentMethodCard };

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethodCard.d.ts","sourceRoot":"","sources":["../../../components/PaymentMethodCard/PaymentMethodCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,SAAS,EAGT,SAAS,EAEV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,iBAAiB,EAA0B,MAAM,eAAe,CAAC;AAW1E,UAAU,sBAAsB;IAC9B,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA6C9D,CAAC"}

package/dist/components/PaymentMethodCard/PaymentMethodCard.js

@@ -0,0 +1,91 @@
+import React__default from 'react';
+import { StyleSheet, TouchableOpacity, View } from 'react-native';
+import { EPaymentCardTypes } from '../../constants/enum.js';
+import { paymentCardDataByTypes } from '../../constants/const.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 '../../themes/base/styles.js';
+import { colors } from '../../themes/colors.js';
+import '../../themes/images.js';
+import { metrics, ph as responsiveHeight, deviceWidth, FontSizes } from '../../themes/metrics.js';
+import { ACTIVE_OPACITY } from '../../themes/stats.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 { Image } from '../Image/Image.js';
+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 '../PaymentMethodCardWithAmount/PaymentMethodCardWithAmount.js';
+
+const PaymentMethodCard = ({ photo, type = EPaymentCardTypes.DIRECT, style, hideShadow = false, disabled = false, onPress, }) => {
+    // console.log('disabled', disabled);
+    const data = paymentCardDataByTypes[type];
+    return (React__default.createElement(TouchableOpacity, { style: [
+            styles.container,
+            style,
+            !hideShadow && styles.shadow,
+            disabled && styles.disabled,
+        ], activeOpacity: ACTIVE_OPACITY, disabled: disabled || !onPress, onPress: onPress },
+        React__default.createElement(View, { style: [styles.bannerContainer, styles.banner] },
+            React__default.createElement(Image, { uri: photo, resizeMode: "cover", width: deviceWidth() * 0.3, height: responsiveHeight(70), style: styles.banner })),
+        React__default.createElement(View, { style: styles.content },
+            React__default.createElement(Icon, { name: data.icon, width: metrics.iconMediumPlus, height: metrics.iconMediumPlus, tintColor: colors.neutral['80'] }),
+            React__default.createElement(Text, { size: "medium", color: "tertiary", lineHeight: FontSizes.fontXL }, data.label))));
+};
+const styles = StyleSheet.create({
+    container: {
+        flexDirection: 'row',
+        alignItems: 'flex-end',
+        backgroundColor: colors.white['10'],
+        margin: metrics.width.spacingBase,
+        borderRadius: metrics.borderRadiusSemiLarge,
+        paddingHorizontal: metrics.width.spacingBase,
+        paddingVertical: metrics.height.spacingExtraSmall,
+    },
+    disabled: {
+        opacity: 0.5,
+    },
+    shadow: {
+        shadowColor: colors.neutral[100],
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.05,
+        shadowRadius: 4,
+        elevation: 4,
+    },
+    bannerContainer: {
+        backgroundColor: colors.white['10'],
+        shadowColor: colors.neutral[100],
+        shadowOffset: { width: 0, height: 4 },
+        shadowOpacity: 0.25,
+        shadowRadius: 12,
+        elevation: 12,
+    },
+    banner: {
+        borderRadius: metrics.borderRadiusSemiLarge,
+    },
+    content: {
+        flexDirection: 'row',
+        flex: 1,
+        justifyContent: 'flex-end',
+        alignItems: 'center',
+        gap: metrics.width.spacingExtraSmall,
+    },
+});
+
+export { PaymentMethodCard };
+//# sourceMappingURL=PaymentMethodCard.js.map

package/dist/components/PaymentMethodCard/PaymentMethodCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethodCard.js","sources":["../../../../components/PaymentMethodCard/PaymentMethodCard.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  StyleProp,\n  StyleSheet,\n  View,\n  ViewStyle,\n  TouchableOpacity,\n} from 'react-native';\nimport { EPaymentCardTypes, paymentCardDataByTypes } from '@ui/constants';\nimport { Text, Icon, Image } from '@ui/components';\nimport {\n  ACTIVE_OPACITY,\n  colors,\n  deviceWidth,\n  FontSizes,\n  metrics,\n  ph,\n} from '@ui/themes';\n\ninterface PaymentMethodCardProps {\n  type?: EPaymentCardTypes;\n  style?: StyleProp<ViewStyle>;\n  hideShadow?: boolean;\n  onPress?: () => void;\n  photo: string;\n  disabled?: boolean;\n}\n\nexport const PaymentMethodCard: React.FC<PaymentMethodCardProps> = ({\n  photo,\n  type = EPaymentCardTypes.DIRECT,\n  style,\n  hideShadow = false,\n  disabled = false,\n  onPress,\n}) => {\n  // console.log('disabled', disabled);\n\n  const data = paymentCardDataByTypes[type];\n  return (\n    <TouchableOpacity\n      style={[\n        styles.container,\n        style,\n        !hideShadow && styles.shadow,\n        disabled && styles.disabled,\n      ]}\n      activeOpacity={ACTIVE_OPACITY}\n      disabled={disabled || !onPress}\n      onPress={onPress}\n    >\n      <View style={[styles.bannerContainer, styles.banner]}>\n        <Image\n          uri={photo}\n          resizeMode=\"cover\"\n          width={deviceWidth() * 0.3}\n          height={ph(70)}\n          style={styles.banner}\n        />\n      </View>\n      <View style={styles.content}>\n        <Icon\n          name={data.icon}\n          width={metrics.iconMediumPlus}\n          height={metrics.iconMediumPlus}\n          tintColor={colors.neutral['80']}\n        />\n        <Text size=\"medium\" color=\"tertiary\" lineHeight={FontSizes.fontXL}>\n          {data.label}\n        </Text>\n      </View>\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flexDirection: 'row',\n    alignItems: 'flex-end',\n    backgroundColor: colors.white['10'],\n    margin: metrics.width.spacingBase,\n    borderRadius: metrics.borderRadiusSemiLarge,\n    paddingHorizontal: metrics.width.spacingBase,\n    paddingVertical: metrics.height.spacingExtraSmall,\n  },\n  disabled: {\n    opacity: 0.5,\n  },\n  shadow: {\n    shadowColor: colors.neutral[100],\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.05,\n    shadowRadius: 4,\n    elevation: 4,\n  },\n  bannerContainer: {\n    backgroundColor: colors.white['10'],\n    shadowColor: colors.neutral[100],\n    shadowOffset: { width: 0, height: 4 },\n    shadowOpacity: 0.25,\n    shadowRadius: 12,\n    elevation: 12,\n  },\n  banner: {\n    borderRadius: metrics.borderRadiusSemiLarge,\n  },\n  content: {\n    flexDirection: 'row',\n    flex: 1,\n    justifyContent: 'flex-end',\n    alignItems: 'center',\n    gap: metrics.width.spacingExtraSmall,\n  },\n});\n"],"names":["React","ph"],"mappings":"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"}

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

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

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

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

package/dist/components/PaymentMethodCardWithAmount/PaymentMethodCardWithAmount.d.ts

@@ -0,0 +1,20 @@
+import React__default from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { EPaymentCardTypes } from '@ui/constants';
+
+interface PaymentMethodCardWithAmountProps {
+    title?: string;
+    type?: EPaymentCardTypes;
+    balance?: string;
+    cardImgUrl?: string;
+    style?: StyleProp<ViewStyle>;
+    unit?: string;
+    disabled?: boolean;
+    isLoading?: boolean;
+    onPress?: () => void;
+    onCreate?: () => void;
+}
+declare const PaymentMethodCardWithAmount: React__default.FC<PaymentMethodCardWithAmountProps>;
+
+export { PaymentMethodCardWithAmount };
+export type { PaymentMethodCardWithAmountProps };

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethodCardWithAmount.d.ts","sourceRoot":"","sources":["../../../components/PaymentMethodCardWithAmount/PaymentMethodCardWithAmount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIL,SAAS,EACT,SAAS,EAEV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,iBAAiB,EAA0B,MAAM,eAAe,CAAC;AAc1E,MAAM,WAAW,gCAAgC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAChD,gCAAgC,CAkFjC,CAAC"}

package/dist/components/PaymentMethodCardWithAmount/PaymentMethodCardWithAmount.js

@@ -0,0 +1,134 @@
+import React__default from 'react';
+import { StyleSheet, TouchableOpacity, View, ActivityIndicator } from 'react-native';
+import { EPaymentCardTypes } from '../../constants/enum.js';
+import { paymentCardDataByTypes } from '../../constants/const.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 '../../themes/base/styles.js';
+import { getColorOpacity, colors } from '../../themes/colors.js';
+import '../../themes/images.js';
+import { metrics, ph as responsiveHeight, pf as responsiveFont, pw as responsiveWidth, deviceWidth } from '../../themes/metrics.js';
+import { ACTIVE_OPACITY } from '../../themes/stats.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 { Image } from '../Image/Image.js';
+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 '../../utils/storage.js';
+import '../../utils/dayjs.js';
+import { formatNumber } from '../../utils/utils.js';
+
+const PaymentMethodCardWithAmount = ({ type = EPaymentCardTypes.DIRECT, title = '', balance = '0', unit = '￥', isLoading = false, style, cardImgUrl, onPress, onCreate, }) => {
+    const data = paymentCardDataByTypes[type];
+    return (React__default.createElement(TouchableOpacity, { style: [
+            styles.container,
+            style,
+            onCreate && styles.notAvailable,
+            isLoading && styles.notAvailable,
+        ], activeOpacity: ACTIVE_OPACITY, disabled: !onPress, onPress: onPress },
+        React__default.createElement(View, { style: styles.content },
+            React__default.createElement(Icon, { name: data.icon, width: metrics.iconMediumPlus, height: metrics.iconMediumPlus, tintColor: colors.neutral['80'] }),
+            React__default.createElement(Text, { size: "medium", color: "tertiary" }, title)),
+        React__default.createElement(View, { style: styles.balance },
+            React__default.createElement(Text, { size: "medium", fontWeight: "500", color: "primary", lineHeight: responsiveFont(40) }, unit),
+            React__default.createElement(Text, { size: "xl", fontWeight: "700", color: "primary", lineHeight: responsiveFont(40) }, formatNumber(balance)),
+            React__default.createElement(Text, { size: "medium", fontWeight: "500", color: "primary", lineHeight: responsiveFont(40) }, "-")),
+        React__default.createElement(View, { style: styles.bannerIntro },
+            React__default.createElement(Image, { uri: cardImgUrl || data.photo, width: deviceWidth() * 0.33, height: responsiveWidth(84), style: styles.banner, resizeMode: "cover" }),
+            onCreate && (React__default.createElement(TouchableOpacity, { style: styles.add, activeOpacity: ACTIVE_OPACITY, disabled: isLoading, onPress: onCreate }, !isLoading ? (React__default.createElement(Icon, { name: "ic_white_plus", width: metrics.iconExtraLarge, height: metrics.iconExtraLarge })) : (React__default.createElement(ActivityIndicator, { size: "small", color: colors.primary['100'] })))))));
+};
+const styles = StyleSheet.create({
+    container: {
+        backgroundColor: colors.white['10'],
+        height: responsiveHeight(108),
+        shadowColor: colors.neutral['100'],
+        shadowOffset: { width: 0, height: 4 },
+        shadowOpacity: 0.25,
+        shadowRadius: 6,
+        elevation: 6,
+        justifyContent: 'space-between',
+        borderRadius: metrics.borderRadiusSemiLarge,
+    },
+    notAvailable: {
+        opacity: 0.4,
+    },
+    content: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        paddingHorizontal: metrics.width.spacingExtraSmall,
+        paddingTop: responsiveHeight(14),
+        gap: metrics.width.spacingExtraSmall,
+        borderTopRightRadius: metrics.borderRadiusSemiLarge,
+        borderTopLeftRadius: metrics.borderRadiusSemiLarge,
+    },
+    balance: {
+        flexDirection: 'row',
+        backgroundColor: colors.neutral['20'],
+        paddingHorizontal: metrics.width.spacingExtraSmall,
+        paddingVertical: metrics.height.spacingTiny,
+        gap: metrics.width.spacingNano,
+        borderBottomRightRadius: metrics.borderRadiusSemiLarge,
+        borderBottomLeftRadius: metrics.borderRadiusSemiLarge,
+    },
+    bannerIntro: {
+        position: 'absolute',
+        zIndex: 1,
+        top: metrics.height.spacingExtraSmall,
+        right: metrics.width.spacingExtraSmall,
+        borderRadius: metrics.borderRadiusExtraLarge,
+        backgroundColor: colors.white['10'],
+        padding: metrics.width.spacingTiny,
+        shadowColor: colors.neutral['100'],
+        shadowOffset: { width: 0, height: metrics.height.spacingTiny },
+        shadowOpacity: 0.25,
+        shadowRadius: metrics.borderRadiusExtraLarge,
+        elevation: 12,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    banner: {
+        borderRadius: metrics.borderRadiusExtraLarge,
+    },
+    add: {
+        position: 'absolute',
+        zIndex: 2,
+        width: metrics.iconHuge,
+        height: metrics.iconHuge,
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: getColorOpacity(colors.black['100'], 0.6),
+        borderRadius: metrics.borderRadiusMassive,
+    },
+    loading: {
+        position: 'absolute',
+        zIndex: 2,
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: getColorOpacity(colors.black['100'], 0.2),
+        borderRadius: metrics.borderRadiusExtraLarge,
+    },
+});
+
+export { PaymentMethodCardWithAmount };
+//# sourceMappingURL=PaymentMethodCardWithAmount.js.map

package/dist/components/PaymentMethodCardWithAmount/PaymentMethodCardWithAmount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethodCardWithAmount.js","sources":["../../../../components/PaymentMethodCardWithAmount/PaymentMethodCardWithAmount.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  StyleSheet,\n  TouchableOpacity,\n  View,\n  StyleProp,\n  ViewStyle,\n  ActivityIndicator,\n} from \"react-native\";\nimport { EPaymentCardTypes, paymentCardDataByTypes } from \"@ui/constants\";\nimport { Icon, Image, Text } from \"@ui/components\";\nimport {\n  ACTIVE_OPACITY,\n  colors,\n  deviceWidth,\n  getColorOpacity,\n  metrics,\n  pf,\n  ph,\n  pw,\n} from \"@ui/themes\";\nimport { formatNumber } from \"@ui/utils\";\n\nexport interface PaymentMethodCardWithAmountProps {\n  title?: string;\n  type?: EPaymentCardTypes;\n  balance?: string;\n  cardImgUrl?: string;\n  style?: StyleProp<ViewStyle>;\n  unit?: string;\n  disabled?: boolean;\n  isLoading?: boolean;\n  onPress?: () => void;\n  onCreate?: () => void;\n}\n\nexport const PaymentMethodCardWithAmount: React.FC<\n  PaymentMethodCardWithAmountProps\n> = ({\n  type = EPaymentCardTypes.DIRECT,\n  title = '',\n  balance = '0',\n  unit = '￥',\n  isLoading = false,\n  style,\n  cardImgUrl,\n  onPress,\n  onCreate,\n}) => {\n  const data = paymentCardDataByTypes[type];\n  return (\n    <TouchableOpacity\n      style={[\n        styles.container,\n        style,\n        onCreate && styles.notAvailable,\n        isLoading && styles.notAvailable,\n      ]}\n      activeOpacity={ACTIVE_OPACITY}\n      disabled={!onPress}\n      onPress={onPress}>\n      <View style={styles.content}>\n        <Icon\n          name={data.icon}\n          width={metrics.iconMediumPlus}\n          height={metrics.iconMediumPlus}\n          tintColor={colors.neutral['80']}\n        />\n        <Text size=\"medium\" color=\"tertiary\">\n          {title}\n        </Text>\n      </View>\n      <View style={styles.balance}>\n        <Text\n          size=\"medium\"\n          fontWeight=\"500\"\n          color=\"primary\"\n          lineHeight={pf(40)}>\n          {unit}\n        </Text>\n        <Text size=\"xl\" fontWeight=\"700\" color=\"primary\" lineHeight={pf(40)}>\n          {formatNumber(balance)}\n        </Text>\n        <Text\n          size=\"medium\"\n          fontWeight=\"500\"\n          color=\"primary\"\n          lineHeight={pf(40)}>\n          -\n        </Text>\n      </View>\n      <View style={styles.bannerIntro}>\n        <Image\n          uri={cardImgUrl || data.photo}\n          width={deviceWidth() * 0.33}\n          height={pw(84)}\n          style={styles.banner}\n          resizeMode=\"cover\"\n        />\n        {onCreate && (\n          <TouchableOpacity\n            style={styles.add}\n            activeOpacity={ACTIVE_OPACITY}\n            disabled={isLoading}\n            onPress={onCreate}>\n            {!isLoading ? (\n              <Icon\n                name=\"ic_white_plus\"\n                width={metrics.iconExtraLarge}\n                height={metrics.iconExtraLarge}\n              />\n            ) : (\n              <ActivityIndicator size=\"small\" color={colors.primary['100']} />\n            )}\n          </TouchableOpacity>\n        )}\n      </View>\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    backgroundColor: colors.white['10'],\n    height: ph(108),\n    shadowColor: colors.neutral['100'],\n    shadowOffset: {width: 0, height: 4},\n    shadowOpacity: 0.25,\n    shadowRadius: 6,\n    elevation: 6,\n    justifyContent: 'space-between',\n    borderRadius: metrics.borderRadiusSemiLarge,\n  },\n  notAvailable: {\n    opacity: 0.4,\n  },\n  content: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    paddingHorizontal: metrics.width.spacingExtraSmall,\n    paddingTop: ph(14),\n    gap: metrics.width.spacingExtraSmall,\n    borderTopRightRadius: metrics.borderRadiusSemiLarge,\n    borderTopLeftRadius: metrics.borderRadiusSemiLarge,\n  },\n  balance: {\n    flexDirection: 'row',\n    backgroundColor: colors.neutral['20'],\n    paddingHorizontal: metrics.width.spacingExtraSmall,\n    paddingVertical: metrics.height.spacingTiny,\n    gap: metrics.width.spacingNano,\n    borderBottomRightRadius: metrics.borderRadiusSemiLarge,\n    borderBottomLeftRadius: metrics.borderRadiusSemiLarge,\n  },\n  bannerIntro: {\n    position: 'absolute',\n    zIndex: 1,\n    top: metrics.height.spacingExtraSmall,\n    right: metrics.width.spacingExtraSmall,\n    borderRadius: metrics.borderRadiusExtraLarge,\n    backgroundColor: colors.white['10'],\n    padding: metrics.width.spacingTiny,\n    shadowColor: colors.neutral['100'],\n    shadowOffset: {width: 0, height: metrics.height.spacingTiny},\n    shadowOpacity: 0.25,\n    shadowRadius: metrics.borderRadiusExtraLarge,\n    elevation: 12,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  banner: {\n    borderRadius: metrics.borderRadiusExtraLarge,\n  },\n  add: {\n    position: 'absolute',\n    zIndex: 2,\n    width: metrics.iconHuge,\n    height: metrics.iconHuge,\n    alignItems: 'center',\n    justifyContent: 'center',\n    backgroundColor: getColorOpacity(colors.black['100'], 0.6),\n    borderRadius: metrics.borderRadiusMassive,\n  },\n  loading: {\n    position: 'absolute',\n    zIndex: 2,\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    alignItems: 'center',\n    justifyContent: 'center',\n    backgroundColor: getColorOpacity(colors.black['100'], 0.2),\n    borderRadius: metrics.borderRadiusExtraLarge,\n  },\n});\n"],"names":["React","pf","pw","ph"],"mappings":"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"}