@meatech/payblend_app_ui_component 1.0.69

package/dist/assets/index.d.ts

@@ -0,0 +1,2 @@
+
+export { };

package/dist/assets/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../assets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC"}

package/dist/assets/index.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.js.map

package/dist/assets/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/BalanceCard/BalanceCard.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+
+interface BalanceCardProps {
+    datetime?: string;
+    balance?: string;
+    delay?: number;
+    waitRefreshTime?: number;
+    style?: StyleProp<ViewStyle>;
+    onPress?: () => void;
+}
+declare const BalanceCard: React.FC<BalanceCardProps>;
+
+export { BalanceCard };
+export type { BalanceCardProps };

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

@@ -0,0 +1 @@
+{"version":3,"file":"BalanceCard.d.ts","sourceRoot":"","sources":["../../../components/BalanceCard/BalanceCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAIL,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAOtB,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAqGlD,CAAC"}

package/dist/components/BalanceCard/BalanceCard.js

@@ -0,0 +1,70 @@
+import * as React from 'react';
+import { useState, useEffect } from 'react';
+import { StyleSheet, View, TouchableOpacity } from 'react-native';
+import { debounce } from 'lodash';
+import '../../themes/base/styles.js';
+import { colors } from '../../themes/colors.js';
+import '../../themes/images.js';
+import { metrics, pf as responsiveFont, FontSizes } from '../../themes/metrics.js';
+import { ACTIVE_OPACITY } from '../../themes/stats.js';
+import { Icon } from '../Icons/Icon.js';
+import Text from '../Text/index.js';
+import '../../utils/storage.js';
+import '../../utils/dayjs.js';
+import { formatDateToJapaneseStyle, formatNumber } from '../../utils/utils.js';
+
+const BalanceCard = ({ datetime, balance = '0', delay = 300, waitRefreshTime = 5000, style, onPress, }) => {
+    const [disabled, setDisabled] = useState(false);
+    const [hideBalance, setHideBalance] = useState(false);
+    useEffect(() => {
+        let timeout;
+        if (disabled) {
+            timeout = setTimeout(() => {
+                setDisabled(false);
+            }, waitRefreshTime);
+        }
+        return () => clearTimeout(timeout);
+    }, [waitRefreshTime, disabled]);
+    const handleBalanceUpdate = debounce(() => {
+        setDisabled(true);
+        onPress === null || onPress === void 0 ? void 0 : onPress();
+    }, delay);
+    const handleToggleHideBalance = () => setHideBalance((prev) => !prev);
+    return (React.createElement(View, { style: [styles.container, style] },
+        datetime && (React.createElement(Text, { size: "xs", color: "disabled", lineHeight: responsiveFont(18) }, formatDateToJapaneseStyle(datetime))),
+        React.createElement(TouchableOpacity, { style: [styles.balanceButton, disabled && styles.buttonDisabled], disabled: !onPress || disabled, activeOpacity: ACTIVE_OPACITY, onPress: handleBalanceUpdate },
+            React.createElement(Icon, { name: "ic_white_rotate_right", width: metrics.height.spacingExtraSmall, height: metrics.height.spacingExtraSmall }),
+            React.createElement(Text, { size: "xxs", color: "white", lineHeight: FontSizes.fontXS }, "\u6B8B\u9AD8\u66F4\u65B0")),
+        React.createElement(TouchableOpacity, { style: styles.balanceContainer, activeOpacity: ACTIVE_OPACITY, onPress: handleToggleHideBalance },
+            hideBalance ? (React.createElement(Text, { size: "medium", color: "primary", fontWeight: "700", lineHeight: responsiveFont(30) }, "****")) : (React.createElement(React.Fragment, null,
+                React.createElement(Text, { size: "medium", color: "primary", fontWeight: "700", lineHeight: responsiveFont(30) }, "\u00A5"),
+                React.createElement(Text, { size: "xl", color: "primary", fontWeight: "700", lineHeight: responsiveFont(30) }, formatNumber(balance)),
+                React.createElement(Text, { size: "medium", color: "primary", fontWeight: "700", lineHeight: responsiveFont(30) }, "-"))),
+            React.createElement(Icon, { name: hideBalance ? 'ic_eye_off' : 'ic_eye', width: metrics.iconSmall, height: metrics.iconSmall, tintColor: colors.neutral['80'] }))));
+};
+const styles = StyleSheet.create({
+    container: {
+        alignItems: 'center',
+        gap: metrics.height.spacingTiny,
+    },
+    balanceButton: {
+        flexDirection: 'row',
+        backgroundColor: colors.neutral['60'],
+        paddingVertical: metrics.height.spacingNano,
+        paddingHorizontal: metrics.width.spacingExtraSmall,
+        borderRadius: metrics.borderRadiusMassive,
+        gap: metrics.width.spacingNano,
+        alignItems: 'center',
+    },
+    buttonDisabled: {
+        opacity: 0.5,
+    },
+    balanceContainer: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: metrics.width.spacingTiny,
+    },
+});
+
+export { BalanceCard };
+//# sourceMappingURL=BalanceCard.js.map

package/dist/components/BalanceCard/BalanceCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BalanceCard.js","sources":["../../../../components/BalanceCard/BalanceCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useEffect, useState } from 'react';\nimport {\n  StyleSheet,\n  TouchableOpacity,\n  View,\n  StyleProp,\n  ViewStyle,\n} from 'react-native';\nimport { debounce } from 'lodash';\nimport { ACTIVE_OPACITY, colors, FontSizes, metrics, pf } from '@ui/themes';\nimport { Icon } from '../Icons';\nimport Text from '../Text';\nimport { formatDateToJapaneseStyle, formatNumber } from '@ui/utils';\n\nexport interface BalanceCardProps {\n  datetime?: string;\n  balance?: string;\n  delay?: number;\n  waitRefreshTime?: number;\n  style?: StyleProp<ViewStyle>;\n  onPress?: () => void;\n}\n\nexport const BalanceCard: React.FC<BalanceCardProps> = ({\n  datetime,\n  balance = '0',\n  delay = 300,\n  waitRefreshTime = 5000,\n  style,\n  onPress,\n}) => {\n  const [disabled, setDisabled] = useState<boolean>(false);\n  const [hideBalance, setHideBalance] = useState<boolean>(false);\n\n  useEffect(() => {\n    let timeout: ReturnType<typeof setTimeout>;\n    if (disabled) {\n      timeout = setTimeout(() => {\n        setDisabled(false);\n      }, waitRefreshTime);\n    }\n    return () => clearTimeout(timeout);\n  }, [waitRefreshTime, disabled]);\n\n  const handleBalanceUpdate = debounce(() => {\n    setDisabled(true);\n    onPress?.();\n  }, delay);\n\n  const handleToggleHideBalance = () => setHideBalance((prev) => !prev);\n\n  return (\n    <View style={[styles.container, style]}>\n      {datetime && (\n        <Text size=\"xs\" color=\"disabled\" lineHeight={pf(18)}>\n          {formatDateToJapaneseStyle(datetime)}\n        </Text>\n      )}\n      <TouchableOpacity\n        style={[styles.balanceButton, disabled && styles.buttonDisabled]}\n        disabled={!onPress || disabled}\n        activeOpacity={ACTIVE_OPACITY}\n        onPress={handleBalanceUpdate}\n      >\n        <Icon\n          name=\"ic_white_rotate_right\"\n          width={metrics.height.spacingExtraSmall}\n          height={metrics.height.spacingExtraSmall}\n        />\n        <Text size=\"xxs\" color=\"white\" lineHeight={FontSizes.fontXS}>\n          残高更新\n        </Text>\n      </TouchableOpacity>\n      <TouchableOpacity\n        style={styles.balanceContainer}\n        activeOpacity={ACTIVE_OPACITY}\n        onPress={handleToggleHideBalance}\n      >\n        {hideBalance ? (\n          <Text\n            size=\"medium\"\n            color=\"primary\"\n            fontWeight=\"700\"\n            lineHeight={pf(30)}\n          >\n            ****\n          </Text>\n        ) : (\n          <>\n            <Text\n              size=\"medium\"\n              color=\"primary\"\n              fontWeight=\"700\"\n              lineHeight={pf(30)}\n            >\n              ¥\n            </Text>\n            <Text\n              size=\"xl\"\n              color=\"primary\"\n              fontWeight=\"700\"\n              lineHeight={pf(30)}\n            >\n              {formatNumber(balance)}\n            </Text>\n            <Text\n              size=\"medium\"\n              color=\"primary\"\n              fontWeight=\"700\"\n              lineHeight={pf(30)}\n            >\n              -\n            </Text>\n          </>\n        )}\n        <Icon\n          name={hideBalance ? 'ic_eye_off' : 'ic_eye'}\n          width={metrics.iconSmall}\n          height={metrics.iconSmall}\n          tintColor={colors.neutral['80']}\n        />\n      </TouchableOpacity>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    gap: metrics.height.spacingTiny,\n  },\n  balanceButton: {\n    flexDirection: 'row',\n    backgroundColor: colors.neutral['60'],\n    paddingVertical: metrics.height.spacingNano,\n    paddingHorizontal: metrics.width.spacingExtraSmall,\n    borderRadius: metrics.borderRadiusMassive,\n    gap: metrics.width.spacingNano,\n    alignItems: 'center',\n  },\n  buttonDisabled: {\n    opacity: 0.5,\n  },\n  balanceContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: metrics.width.spacingTiny,\n  },\n});\n"],"names":["pf"],"mappings":"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"}

package/dist/components/BalanceCard/const.d.ts

@@ -0,0 +1,7 @@
+import { CardTypes } from '@ui/constants';
+import { Images } from '@ui/themes';
+export declare const typeOfBalance: Record<CardTypes, {
+    label: string;
+    icon: keyof typeof Images;
+}>;
+//# sourceMappingURL=const.d.ts.map

package/dist/components/BalanceCard/const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../../../components/BalanceCard/const.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AACxC,OAAO,EAAC,MAAM,EAAC,MAAM,YAAY,CAAC;AAElC,eAAO,MAAM,aAAa,EAarB,MAAM,CAAC,SAAS,EAAE;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,OAAO,MAAM,CAAA;CAAC,CAAC,CAAC"}

package/dist/components/BalanceCard/const.js

@@ -0,0 +1,17 @@
+const typeOfBalance = {
+    PAY: {
+        label: '****pay',
+        icon: 'ic_home',
+    },
+    VISA: {
+        label: 'Visaプリペイド',
+        icon: 'ic_visa_card',
+    },
+    POINT: {
+        label: 'ポイント',
+        icon: 'ic_point_p',
+    },
+};
+
+export { typeOfBalance };
+//# sourceMappingURL=const.js.map

package/dist/components/BalanceCard/const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.js","sources":["../../../../components/BalanceCard/const.ts"],"sourcesContent":["import {CardTypes} from '@ui/constants';\nimport {Images} from '@ui/themes';\n\nexport const typeOfBalance = {\n  PAY: {\n    label: '****pay',\n    icon: 'ic_home',\n  },\n  VISA: {\n    label: 'Visaプリペイド',\n    icon: 'ic_visa_card',\n  },\n  POINT: {\n    label: 'ポイント',\n    icon: 'ic_point_p',\n  },\n} as Record<CardTypes, {label: string; icon: keyof typeof Images}>;\n"],"names":[],"mappings":"AAGa,MAAA,aAAa,GAAG;AAC3B,IAAA,GAAG,EAAE;AACH,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,IAAI,EAAE,SAAS;AAChB,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,KAAK,EAAE,WAAW;AAClB,QAAA,IAAI,EAAE,cAAc;AACrB,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,IAAI,EAAE,YAAY;AACnB,KAAA;;;;;"}

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

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

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

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

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

@@ -0,0 +1,12 @@
+import { StyleProp, ViewStyle } from 'react-native';
+import { CardTypes } from '@ui/constants';
+
+interface BalanceCardProps {
+    type?: CardTypes;
+    photo: string;
+    balance?: string;
+    style?: StyleProp<ViewStyle>;
+    onPress?: () => void;
+}
+
+export type { BalanceCardProps };

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

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../components/BalanceCard/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB"}

package/dist/components/BalanceUpdateAction/BalanceUpdateAction.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BalanceUpdateAction.d.ts","sourceRoot":"","sources":["../../../components/BalanceUpdateAction/BalanceUpdateAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAC,wBAAwB,EAAC,MAAM,QAAQ,CAAC;AAEhD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAsClE,CAAC"}