@meatech/payblend_app_ui_component 1.0.69

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

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

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

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

package/dist/components/ProgressBars/CircleProgressBar.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+
+interface CircleProgressBarProps {
+    size: number;
+    progress: number;
+    activeColor?: string;
+    children?: React.ReactNode;
+}
+declare const CircleProgressBar: React.FC<CircleProgressBarProps>;
+
+export { CircleProgressBar };

package/dist/components/ProgressBars/CircleProgressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircleProgressBar.d.ts","sourceRoot":"","sources":["../../../components/ProgressBars/CircleProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,sBAAsB;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAwC9D,CAAC"}

package/dist/components/ProgressBars/CircleProgressBar.js

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
+import Svg, { Circle } from 'react-native-svg';
+import '../../themes/base/styles.js';
+import { colors } from '../../themes/colors.js';
+import '../../themes/images.js';
+import '../../themes/metrics.js';
+import '../../themes/stats.js';
+
+const CircleProgressBar = ({ size, progress, activeColor = colors.teal[80], children, }) => {
+    const strokeWidth = size * 0.1;
+    const radius = (size - strokeWidth) / 2;
+    const circumference = 2 * Math.PI * radius;
+    const strokeDashoffset = circumference - (circumference * progress) / 100;
+    return (React.createElement(View, null,
+        React.createElement(Svg, { height: size, width: size },
+            React.createElement(Circle, { cx: size / 2, cy: size / 2, r: radius, stroke: colors.neutral[40], strokeWidth: strokeWidth, fill: "none" }),
+            React.createElement(Circle, { cx: size / 2, cy: size / 2, r: radius, stroke: activeColor, strokeWidth: strokeWidth, fill: "none", strokeDasharray: circumference, strokeDashoffset: strokeDashoffset, strokeLinecap: "round", transform: `rotate(-90 ${size / 2} ${size / 2})` })),
+        React.createElement(View, { style: [styles.textContainer, { width: size, height: size }] }, children)));
+};
+const styles = StyleSheet.create({
+    container: {
+        position: "relative",
+    },
+    textContainer: {
+        position: "absolute",
+        justifyContent: "center",
+        alignItems: "center",
+    },
+});
+
+export { CircleProgressBar };
+//# sourceMappingURL=CircleProgressBar.js.map

package/dist/components/ProgressBars/CircleProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircleProgressBar.js","sources":["../../../../components/ProgressBars/CircleProgressBar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {View, StyleSheet} from 'react-native';\nimport Svg, {Circle} from 'react-native-svg';\nimport {colors} from '@ui/themes';\n\ninterface CircleProgressBarProps {\n  size: number;\n  progress: number;\n  activeColor?: string;\n  children?: React.ReactNode;\n}\n\nexport const CircleProgressBar: React.FC<CircleProgressBarProps> = ({\n  size,\n  progress,\n  activeColor = colors.teal[80],\n  children,\n}) => {\n  const strokeWidth = size * 0.1;\n  const radius = (size - strokeWidth) / 2;\n  const circumference = 2 * Math.PI * radius;\n  const strokeDashoffset = circumference - (circumference * progress) / 100;\n\n  return (\n    <View>\n      <Svg height={size} width={size}>\n        <Circle\n          cx={size / 2}\n          cy={size / 2}\n          r={radius}\n          stroke={colors.neutral[40]}\n          strokeWidth={strokeWidth}\n          fill=\"none\"\n        />\n        <Circle\n          cx={size / 2}\n          cy={size / 2}\n          r={radius}\n          stroke={activeColor}\n          strokeWidth={strokeWidth}\n          fill=\"none\"\n          strokeDasharray={circumference}\n          strokeDashoffset={strokeDashoffset}\n          strokeLinecap=\"round\"\n          transform={`rotate(-90 ${size / 2} ${size / 2})`}\n        />\n      </Svg>\n      <View style={[styles.textContainer, { width: size, height: size }]}>\n        {children}\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    position: \"relative\",\n  },\n  textContainer: {\n    position: \"absolute\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;MAYa,iBAAiB,GAAqC,CAAC,EAClE,IAAI,EACJ,QAAQ,EACR,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EAC7B,QAAQ,GACT,KAAI;AACH,IAAA,MAAM,WAAW,GAAG,IAAI,GAAG,GAAG;IAC9B,MAAM,MAAM,GAAG,CAAC,IAAI,GAAG,WAAW,IAAI,CAAC;IACvC,MAAM,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,MAAM;IAC1C,MAAM,gBAAgB,GAAG,aAAa,GAAG,CAAC,aAAa,GAAG,QAAQ,IAAI,GAAG;IAEzE,QACE,oBAAC,IAAI,EAAA,IAAA;QACH,KAAC,CAAA,aAAA,CAAA,GAAG,IAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAA;AAC5B,YAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,EAAE,EAAE,IAAI,GAAG,CAAC,EACZ,EAAE,EAAE,IAAI,GAAG,CAAC,EACZ,CAAC,EAAE,MAAM,EACT,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,EAC1B,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,MAAM,EACX,CAAA;YACF,KAAC,CAAA,aAAA,CAAA,MAAM,EACL,EAAA,EAAE,EAAE,IAAI,GAAG,CAAC,EACZ,EAAE,EAAE,IAAI,GAAG,CAAC,EACZ,CAAC,EAAE,MAAM,EACT,MAAM,EAAE,WAAW,EACnB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,MAAM,EACX,eAAe,EAAE,aAAa,EAC9B,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAC,OAAO,EACrB,SAAS,EAAE,CAAc,WAAA,EAAA,IAAI,GAAG,CAAC,CAAI,CAAA,EAAA,IAAI,GAAG,CAAC,CAAG,CAAA,CAAA,EAAA,CAChD,CACE;QACN,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,KAAK,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,IAC/D,QAAQ,CACJ,CACF;AAEX;AAEA,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;AAC/B,IAAA,SAAS,EAAE;AACT,QAAA,QAAQ,EAAE,UAAU;AACrB,KAAA;AACD,IAAA,aAAa,EAAE;AACb,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,cAAc,EAAE,QAAQ;AACxB,QAAA,UAAU,EAAE,QAAQ;AACrB,KAAA;AACF,CAAA,CAAC;;;;"}

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

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

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

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

package/dist/components/SkeletonLoader/SkeletonLoader.d.ts

@@ -0,0 +1,7 @@
+declare const SkeletonLoader: ({ width, height, duration, }: {
+    width: number;
+    height: number;
+    duration?: number;
+}) => any;
+
+export { SkeletonLoader };

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

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonLoader.d.ts","sourceRoot":"","sources":["../../../components/SkeletonLoader/SkeletonLoader.tsx"],"names":[],"mappings":"AAeA,eAAO,MAAM,cAAc,GAAI,8BAI5B;IACD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,QA2BA,CAAC"}

package/dist/components/SkeletonLoader/SkeletonLoader.js

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import { useEffect } from 'react';
+import { StyleSheet, View } from 'react-native';
+import Animated, { useSharedValue, withRepeat, withTiming, useAnimatedStyle } from 'react-native-reanimated';
+import LinearGradient from 'react-native-linear-gradient';
+import '../../themes/base/styles.js';
+import { colors } from '../../themes/colors.js';
+import '../../themes/images.js';
+import '../../themes/metrics.js';
+import '../../themes/stats.js';
+
+/* eslint-disable react-hooks/exhaustive-deps */
+const linearGradientColor = '#E1E9EE';
+const SkeletonLoader = ({ width, height, duration = 800, }) => {
+    const translateX = useSharedValue(-width);
+    useEffect(() => {
+        translateX.value = withRepeat(withTiming(width, { duration }), -1, false);
+    }, []);
+    const animatedStyle = useAnimatedStyle(() => ({
+        transform: [{ translateX: translateX.value }],
+    }));
+    return (React.createElement(View, { style: [styles.container, { width, height }] },
+        React.createElement(Animated.View, { style: [StyleSheet.absoluteFillObject, animatedStyle] },
+            React.createElement(LinearGradient, { start: { x: 0, y: 0 }, end: { x: 1, y: 0 }, colors: [
+                    linearGradientColor,
+                    colors.white['10'],
+                    linearGradientColor,
+                ], style: styles.gradient }))));
+};
+const styles = StyleSheet.create({
+    container: {
+        overflow: 'hidden',
+        backgroundColor: linearGradientColor,
+    },
+    gradient: {
+        width: '100%',
+        height: '100%',
+    },
+});
+
+export { SkeletonLoader };
+//# sourceMappingURL=SkeletonLoader.js.map

package/dist/components/SkeletonLoader/SkeletonLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonLoader.js","sources":["../../../../components/SkeletonLoader/SkeletonLoader.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport * as React from 'react';\nimport {useEffect} from 'react';\nimport {View, StyleSheet} from 'react-native';\nimport Animated, {\n  useSharedValue,\n  useAnimatedStyle,\n  withRepeat,\n  withTiming,\n} from 'react-native-reanimated';\nimport LinearGradient from 'react-native-linear-gradient';\nimport {colors} from '@ui/themes';\n\nconst linearGradientColor = '#E1E9EE';\n\nexport const SkeletonLoader = ({\n  width,\n  height,\n  duration = 800,\n}: {\n  width: number;\n  height: number;\n  duration?: number;\n}) => {\n  const translateX = useSharedValue(-width);\n\n  useEffect(() => {\n    translateX.value = withRepeat(withTiming(width, {duration}), -1, false);\n  }, []);\n\n  const animatedStyle = useAnimatedStyle(() => ({\n    transform: [{translateX: translateX.value}],\n  }));\n\n  return (\n    <View style={[styles.container, {width, height}]}>\n      <Animated.View style={[StyleSheet.absoluteFillObject, animatedStyle]}>\n        <LinearGradient\n          start={{x: 0, y: 0}}\n          end={{x: 1, y: 0}}\n          colors={[\n            linearGradientColor,\n            colors.white['10'],\n            linearGradientColor,\n          ]}\n          style={styles.gradient}\n        />\n      </Animated.View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    overflow: 'hidden',\n    backgroundColor: linearGradientColor,\n  },\n  gradient: {\n    width: '100%',\n    height: '100%',\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;;;AAAA;AAaA,MAAM,mBAAmB,GAAG,SAAS;AAE9B,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,MAAM,EACN,QAAQ,GAAG,GAAG,GAKf,KAAI;AACH,IAAA,MAAM,UAAU,GAAG,cAAc,CAAC,CAAC,KAAK,CAAC;IAEzC,SAAS,CAAC,MAAK;AACb,QAAA,UAAU,CAAC,KAAK,GAAG,UAAU,CAAC,UAAU,CAAC,KAAK,EAAE,EAAC,QAAQ,EAAC,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC;KACxE,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,aAAa,GAAG,gBAAgB,CAAC,OAAO;QAC5C,SAAS,EAAE,CAAC,EAAC,UAAU,EAAE,UAAU,CAAC,KAAK,EAAC,CAAC;AAC5C,KAAA,CAAC,CAAC;AAEH,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,EAAC,KAAK,EAAE,MAAM,EAAC,CAAC,EAAA;AAC9C,QAAA,KAAA,CAAA,aAAA,CAAC,QAAQ,CAAC,IAAI,EAAA,EAAC,KAAK,EAAE,CAAC,UAAU,CAAC,kBAAkB,EAAE,aAAa,CAAC,EAAA;YAClE,KAAC,CAAA,aAAA,CAAA,cAAc,EACb,EAAA,KAAK,EAAE,EAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAC,EACnB,GAAG,EAAE,EAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAC,EACjB,MAAM,EAAE;oBACN,mBAAmB;AACnB,oBAAA,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;oBAClB,mBAAmB;iBACpB,EACD,KAAK,EAAE,MAAM,CAAC,QAAQ,EACtB,CAAA,CACY,CACX;AAEX;AAEA,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;AAC/B,IAAA,SAAS,EAAE;AACT,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,eAAe,EAAE,mBAAmB;AACrC,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,MAAM;AACf,KAAA;AACF,CAAA,CAAC;;;;"}

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

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

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

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

package/dist/components/SnapImageCarousel/CardStatusThumbnail.d.ts

@@ -0,0 +1,5 @@
+import { CardStatusThumbnailProps } from './types.js';
+
+declare const CardStatusThumbnail: <T>({ type, photo, unit, balance, thumbnailHeight, thumbnailWidth, animation, index, onCreate, children, style, cardItem, isLoading, }: CardStatusThumbnailProps<T>) => any;
+
+export { CardStatusThumbnail };

package/dist/components/SnapImageCarousel/CardStatusThumbnail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardStatusThumbnail.d.ts","sourceRoot":"","sources":["../../../components/SnapImageCarousel/CardStatusThumbnail.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAQnD,eAAO,MAAM,mBAAmB,GAAI,CAAC,EAAG,oIAcrC,wBAAwB,CAAC,CAAC,CAAC,QA8F7B,CAAC"}

package/dist/components/SnapImageCarousel/CardStatusThumbnail.js

@@ -0,0 +1,104 @@
+import * as React from 'react';
+import { StyleSheet, View, ActivityIndicator } from 'react-native';
+import Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated';
+import '../../themes/base/styles.js';
+import { getColorOpacity, colors } from '../../themes/colors.js';
+import '../../themes/images.js';
+import { metrics, FontSizes, pf as responsiveFont } from '../../themes/metrics.js';
+import '../../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 Text from '../Text/index.js';
+import '../Header/styles.js';
+import '../TickItem/styles.js';
+import '../IconWithLabel/IconWithLabel.js';
+import '../OptionalUtilities/OptionalUtilities.js';
+import '../Switch/Switch.js';
+import './SnapImageCarousel.js';
+import { THUMBNAIL_HEIGHT, THUMBNAIL_WIDTH, ECardThumbnailType } from './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 '../PaymentMethodCardWithAmount/PaymentMethodCardWithAmount.js';
+import '../../utils/storage.js';
+import '../../utils/dayjs.js';
+import { formatNumber } from '../../utils/utils.js';
+
+/* eslint-disable curly */
+const CardStatusThumbnail = ({ type = ECardThumbnailType.DEFAULT, photo, unit = '¥', balance, thumbnailHeight = THUMBNAIL_HEIGHT, thumbnailWidth = THUMBNAIL_WIDTH, animation, index = 0, onCreate, children, style, cardItem, isLoading, }) => {
+    const unActiveStyle = useAnimatedStyle(() => {
+        if (!animation)
+            return {};
+        return {
+            transform: [{ scale: withTiming(animation.value === index ? 1 : 0.6) }],
+            marginTop: withTiming(animation.value === index ? 0 : THUMBNAIL_HEIGHT * 0.19),
+            opacity: withTiming(animation.value === index ? 1 : 0.6),
+        };
+    });
+    const renderCardInteractions = () => {
+        switch (type) {
+            case ECardThumbnailType.NOT_ISSUED:
+                return isLoading ? (React.createElement(ActivityIndicator, { style: styles.circleContainer, color: colors.primary['100'], size: "large" })) : (React.createElement(Icon, { name: "ic_white_plus", width: metrics.iconExtraLarge, height: metrics.iconExtraLarge, style: styles.circleContainer, onPress: () => onCreate === null || onCreate === void 0 ? void 0 : onCreate(cardItem) }));
+            case ECardThumbnailType.SHIPPED:
+                return (React.createElement(View, { style: styles.circleContainer },
+                    React.createElement(Text, { size: "large", color: "white", fontWeight: "700", lineHeight: responsiveFont(30) }, "\u30AB\u30FC\u30C9\u767A\u9001\u624B\u914D\u6E08\u307F")));
+            case ECardThumbnailType.CANCELED:
+                return (React.createElement(View, { style: styles.circleContainer },
+                    React.createElement(Text, { size: "small", color: "white", lineHeight: responsiveFont(21), style: styles.label }, "\u3054\u89E3\u7D04\u6E08\u307F")));
+            default:
+                return typeof balance === 'string' ? (React.createElement(View, { style: styles.circleContainer },
+                    React.createElement(Text, { size: "medium", color: "white", fontWeight: "700", lineHeight: FontSizes.fontXL, style: styles.label },
+                        `${unit} `,
+                        React.createElement(Text, { size: "large", color: "white", fontWeight: "700", lineHeight: responsiveFont(30) }, formatNumber(balance)),
+                        ' -'))) : null;
+        }
+    };
+    return (React.createElement(Animated.View, { style: [styles.container, style, unActiveStyle] },
+        React.createElement(Image, { uri: photo, resizeMode: "contain", width: thumbnailWidth, height: thumbnailHeight, style: [
+                type !== ECardThumbnailType.DEFAULT && styles.overlay,
+                styles.image,
+            ] }),
+        renderCardInteractions(),
+        children));
+};
+const styles = StyleSheet.create({
+    container: {
+        width: '100%',
+        height: '100%',
+        alignItems: 'center',
+        justifyContent: 'center',
+        borderRadius: metrics.borderRadiusSemiLarge,
+        overflow: 'hidden',
+    },
+    overlay: {
+        opacity: 0.5,
+        borderRadius: metrics.borderRadiusSemiLarge,
+    },
+    circleContainer: {
+        position: 'absolute',
+        zIndex: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+        padding: metrics.width.spacingExtraSmall,
+        borderRadius: metrics.borderRadiusMassive * 2,
+        backgroundColor: getColorOpacity(colors.black['100'], 0.6),
+    },
+    label: {
+        marginHorizontal: metrics.width.spacingBase,
+    },
+    image: {
+        borderRadius: metrics.borderRadiusSemiLarge,
+    },
+});
+
+export { CardStatusThumbnail };
+//# sourceMappingURL=CardStatusThumbnail.js.map

package/dist/components/SnapImageCarousel/CardStatusThumbnail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardStatusThumbnail.js","sources":["../../../../components/SnapImageCarousel/CardStatusThumbnail.tsx"],"sourcesContent":["/* eslint-disable curly */\nimport * as React from 'react';\nimport { StyleSheet, View, ActivityIndicator } from 'react-native';\nimport Animated, {\n  useAnimatedStyle,\n  withTiming,\n} from 'react-native-reanimated';\nimport { colors, FontSizes, getColorOpacity, metrics, pf } from '@ui/themes';\nimport { Icon, Image, Text } from '@ui/components';\nimport { CardStatusThumbnailProps } from './types';\nimport {\n  ECardThumbnailType,\n  THUMBNAIL_HEIGHT,\n  THUMBNAIL_WIDTH,\n} from './consts';\nimport { formatNumber } from '@ui/utils';\n\nexport const CardStatusThumbnail = <T,>({\n  type = ECardThumbnailType.DEFAULT,\n  photo,\n  unit = '¥',\n  balance,\n  thumbnailHeight = THUMBNAIL_HEIGHT,\n  thumbnailWidth = THUMBNAIL_WIDTH,\n  animation,\n  index = 0,\n  onCreate,\n  children,\n  style,\n  cardItem,\n  isLoading,\n}: CardStatusThumbnailProps<T>) => {\n  const unActiveStyle = useAnimatedStyle(() => {\n    if (!animation) return {};\n    return {\n      transform: [{scale: withTiming(animation.value === index ? 1 : 0.6)}],\n      marginTop: withTiming(\n        animation.value === index ? 0 : THUMBNAIL_HEIGHT * 0.19,\n      ),\n      opacity: withTiming(animation.value === index ? 1 : 0.6),\n    };\n  });\n\n  const renderCardInteractions = () => {\n    switch (type) {\n      case ECardThumbnailType.NOT_ISSUED:\n        return isLoading ? (\n          <ActivityIndicator\n            style={styles.circleContainer}\n            color={colors.primary['100']}\n            size=\"large\"\n          />\n        ) : (\n          <Icon\n            name=\"ic_white_plus\"\n            width={metrics.iconExtraLarge}\n            height={metrics.iconExtraLarge}\n            style={styles.circleContainer}\n            onPress={() => onCreate?.(cardItem as T)}\n          />\n        );\n      case ECardThumbnailType.SHIPPED:\n        return (\n          <View style={styles.circleContainer}>\n            <Text\n              size=\"large\"\n              color=\"white\"\n              fontWeight=\"700\"\n              lineHeight={pf(30)}>\n              カード発送手配済み\n            </Text>\n          </View>\n        );\n      case ECardThumbnailType.CANCELED:\n        return (\n          <View style={styles.circleContainer}>\n            <Text\n              size=\"small\"\n              color=\"white\"\n              lineHeight={pf(21)}\n              style={styles.label}>\n              ご解約済み\n            </Text>\n          </View>\n        );\n      default:\n        return typeof balance === 'string' ? (\n          <View style={styles.circleContainer}>\n            <Text\n              size=\"medium\"\n              color=\"white\"\n              fontWeight=\"700\"\n              lineHeight={FontSizes.fontXL}\n              style={styles.label}>\n              {`${unit} `}\n              <Text\n                size=\"large\"\n                color=\"white\"\n                fontWeight=\"700\"\n                lineHeight={pf(30)}>\n                {formatNumber(balance)}\n              </Text>\n              {' -'}\n            </Text>\n          </View>\n        ) : null;\n    }\n  };\n\n  return (\n    <Animated.View style={[styles.container, style, unActiveStyle]}>\n      <Image\n        uri={photo}\n        resizeMode=\"contain\"\n        width={thumbnailWidth}\n        height={thumbnailHeight}\n        style={[\n          type !== ECardThumbnailType.DEFAULT && styles.overlay,\n          styles.image,\n        ]}\n      />\n      {renderCardInteractions()}\n      {children}\n    </Animated.View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    width: '100%',\n    height: '100%',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: metrics.borderRadiusSemiLarge,\n    overflow: 'hidden',\n  },\n  overlay: {\n    opacity: 0.5,\n    borderRadius: metrics.borderRadiusSemiLarge,\n  },\n  circleContainer: {\n    position: 'absolute',\n    zIndex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: metrics.width.spacingExtraSmall,\n    borderRadius: metrics.borderRadiusMassive * 2,\n    backgroundColor: getColorOpacity(colors.black['100'], 0.6),\n  },\n  label: {\n    marginHorizontal: metrics.width.spacingBase,\n  },\n  image: {\n    borderRadius: metrics.borderRadiusSemiLarge,\n  },\n});"],"names":["pf"],"mappings":"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"}

package/dist/components/SnapImageCarousel/CarouselItem.d.ts

@@ -0,0 +1,3 @@
+import { CarouselItemProps } from './types';
+export declare const CarouselItem: ({ animation, photo, index, isAddVisaCard, balance, onAddCard, }: CarouselItemProps) => any;
+//# sourceMappingURL=CarouselItem.d.ts.map

package/dist/components/SnapImageCarousel/CarouselItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselItem.d.ts","sourceRoot":"","sources":["../../../components/SnapImageCarousel/CarouselItem.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAK1C,eAAO,MAAM,YAAY,GAAI,iEAO1B,iBAAiB,QAuCnB,CAAC"}

package/dist/components/SnapImageCarousel/CarouselItem.js

@@ -0,0 +1,90 @@
+import * as React from 'react';
+import { StyleSheet, TouchableOpacity, View } from 'react-native';
+import Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated';
+import '../../themes/base/styles.js';
+import { colors, getColorOpacity } from '../../themes/colors.js';
+import '../../themes/images.js';
+import { pf as responsiveFont, metrics } 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 Text from '../Text/index.js';
+import '../Header/styles.js';
+import '../TickItem/styles.js';
+import '../IconWithLabel/IconWithLabel.js';
+import '../OptionalUtilities/OptionalUtilities.js';
+import '../Switch/Switch.js';
+import './SnapImageCarousel.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 '../PaymentMethodCardWithAmount/PaymentMethodCardWithAmount.js';
+import { HEIGHT_BANNER, WIDTH_BANNER } from './consts.js';
+import '../../utils/storage.js';
+import '../../utils/dayjs.js';
+import { formatNumber } from '../../utils/utils.js';
+
+const CarouselItem = ({ animation, photo, index, isAddVisaCard, balance, onAddCard, }) => {
+    const unActiveStyle = useAnimatedStyle(() => ({
+        transform: [{ scale: withTiming(animation.value === index ? 1 : 0.6) }],
+        marginTop: withTiming(animation.value === index ? 0 : HEIGHT_BANNER * 0.19),
+        opacity: withTiming(animation.value === index ? 1 : 0.6),
+    }));
+    return (React.createElement(Animated.View, { key: index.toString(), style: [styles.container, unActiveStyle] },
+        React.createElement(Image, { uri: photo, resizeMode: "contain", width: WIDTH_BANNER, height: HEIGHT_BANNER, style: [isAddVisaCard && styles.addVisaCard] }),
+        isAddVisaCard && (React.createElement(TouchableOpacity, { style: styles.btnAddVisaCard, activeOpacity: ACTIVE_OPACITY, onPress: onAddCard },
+            React.createElement(Icon, { name: "ic_white_plus", width: metrics.iconExtraLarge, height: metrics.iconExtraLarge }))),
+        balance && (React.createElement(View, { style: styles.balance },
+            React.createElement(Text, { size: "large", fontWeight: "700", style: styles.txtBalance },
+                "\u00A5 ",
+                formatNumber(balance),
+                " -")))));
+};
+const styles = StyleSheet.create({
+    container: {
+        width: '100%',
+        height: '100%',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    addVisaCard: {
+        opacity: 0.5,
+        backgroundColor: colors.neutral['40'],
+        borderRadius: metrics.borderRadiusSemiLarge,
+    },
+    btnAddVisaCard: {
+        position: 'absolute',
+        zIndex: 1,
+        width: metrics.iconHuge,
+        height: metrics.iconHuge,
+        borderRadius: metrics.height.spacingLarge,
+        backgroundColor: getColorOpacity(colors.black['100'], 0.6),
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    balance: {
+        position: 'absolute',
+        zIndex: 1,
+        borderRadius: metrics.height.spacingLarge,
+        backgroundColor: getColorOpacity(colors.black['100'], 0.6),
+        alignItems: 'center',
+        justifyContent: 'center',
+        padding: metrics.width.spacingExtraSmall,
+    },
+    txtBalance: {
+        color: colors.white['10'],
+        lineHeight: responsiveFont(30),
+    },
+});
+
+export { CarouselItem };
+//# sourceMappingURL=CarouselItem.js.map

package/dist/components/SnapImageCarousel/CarouselItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselItem.js","sources":["../../../../components/SnapImageCarousel/CarouselItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport {StyleSheet, TouchableOpacity, View} from 'react-native';\nimport Animated, {useAnimatedStyle, withTiming} from 'react-native-reanimated';\nimport {ACTIVE_OPACITY, colors, getColorOpacity, metrics, pf} from '@ui/themes';\nimport {Icon, Image} from '@ui/components';\nimport {CarouselItemProps} from './types';\nimport {HEIGHT_BANNER, WIDTH_BANNER} from './consts';\nimport Text from '../Text';\nimport {formatNumber} from '@ui/utils';\n\nexport const CarouselItem = ({\n  animation,\n  photo,\n  index,\n  isAddVisaCard,\n  balance,\n  onAddCard,\n}: CarouselItemProps) => {\n  const unActiveStyle = useAnimatedStyle(() => ({\n    transform: [{scale: withTiming(animation.value === index ? 1 : 0.6)}],\n    marginTop: withTiming(animation.value === index ? 0 : HEIGHT_BANNER * 0.19),\n    opacity: withTiming(animation.value === index ? 1 : 0.6),\n  }));\n\n  return (\n    <Animated.View\n      key={index.toString()}\n      style={[styles.container, unActiveStyle]}>\n      <Image\n        uri={photo}\n        resizeMode=\"contain\"\n        width={WIDTH_BANNER}\n        height={HEIGHT_BANNER}\n        style={[isAddVisaCard && styles.addVisaCard]}\n      />\n      {isAddVisaCard && (\n        <TouchableOpacity\n          style={styles.btnAddVisaCard}\n          activeOpacity={ACTIVE_OPACITY}\n          onPress={onAddCard}>\n          <Icon\n            name=\"ic_white_plus\"\n            width={metrics.iconExtraLarge}\n            height={metrics.iconExtraLarge}\n          />\n        </TouchableOpacity>\n      )}\n      {balance && (\n        <View style={styles.balance}>\n          <Text size=\"large\" fontWeight=\"700\" style={styles.txtBalance}>\n            ¥ {formatNumber(balance)} -\n          </Text>\n        </View>\n      )}\n    </Animated.View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    width: '100%',\n    height: '100%',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  addVisaCard: {\n    opacity: 0.5,\n    backgroundColor: colors.neutral['40'],\n    borderRadius: metrics.borderRadiusSemiLarge,\n  },\n  btnAddVisaCard: {\n    position: 'absolute',\n    zIndex: 1,\n    width: metrics.iconHuge,\n    height: metrics.iconHuge,\n    borderRadius: metrics.height.spacingLarge,\n    backgroundColor: getColorOpacity(colors.black['100'], 0.6),\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  balance: {\n    position: 'absolute',\n    zIndex: 1,\n    borderRadius: metrics.height.spacingLarge,\n    backgroundColor: getColorOpacity(colors.black['100'], 0.6),\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: metrics.width.spacingExtraSmall,\n  },\n  txtBalance: {\n    color: colors.white['10'],\n    lineHeight: pf(30),\n  },\n});\n"],"names":["pf"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUa,MAAA,YAAY,GAAG,CAAC,EAC3B,SAAS,EACT,KAAK,EACL,KAAK,EACL,aAAa,EACb,OAAO,EACP,SAAS,GACS,KAAI;AACtB,IAAA,MAAM,aAAa,GAAG,gBAAgB,CAAC,OAAO;QAC5C,SAAS,EAAE,CAAC,EAAC,KAAK,EAAE,UAAU,CAAC,SAAS,CAAC,KAAK,KAAK,KAAK,GAAG,CAAC,GAAG,GAAG,CAAC,EAAC,CAAC;AACrE,QAAA,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,KAAK,KAAK,KAAK,GAAG,CAAC,GAAG,aAAa,GAAG,IAAI,CAAC;AAC3E,QAAA,OAAO,EAAE,UAAU,CAAC,SAAS,CAAC,KAAK,KAAK,KAAK,GAAG,CAAC,GAAG,GAAG,CAAC;AACzD,KAAA,CAAC,CAAC;IAEH,QACE,oBAAC,QAAQ,CAAC,IAAI,EACZ,EAAA,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE,EACrB,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,aAAa,CAAC,EAAA;QACxC,KAAC,CAAA,aAAA,CAAA,KAAK,EACJ,EAAA,GAAG,EAAE,KAAK,EACV,UAAU,EAAC,SAAS,EACpB,KAAK,EAAE,YAAY,EACnB,MAAM,EAAE,aAAa,EACrB,KAAK,EAAE,CAAC,aAAa,IAAI,MAAM,CAAC,WAAW,CAAC,EAC5C,CAAA;AACD,QAAA,aAAa,KACZ,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EACf,KAAK,EAAE,MAAM,CAAC,cAAc,EAC5B,aAAa,EAAE,cAAc,EAC7B,OAAO,EAAE,SAAS,EAAA;AAClB,YAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EACH,EAAA,IAAI,EAAC,eAAe,EACpB,KAAK,EAAE,OAAO,CAAC,cAAc,EAC7B,MAAM,EAAE,OAAO,CAAC,cAAc,EAAA,CAC9B,CACe,CACpB;QACA,OAAO,KACN,KAAC,CAAA,aAAA,CAAA,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,EAAA;AACzB,YAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAC,OAAO,EAAC,UAAU,EAAC,KAAK,EAAC,KAAK,EAAE,MAAM,CAAC,UAAU,EAAA;;gBACvD,YAAY,CAAC,OAAO,CAAC;qBACnB,CACF,CACR,CACa;AAEpB;AAEA,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;AAC/B,IAAA,SAAS,EAAE;AACT,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,cAAc,EAAE,QAAQ;AACzB,KAAA;AACD,IAAA,WAAW,EAAE;AACX,QAAA,OAAO,EAAE,GAAG;AACZ,QAAA,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;QACrC,YAAY,EAAE,OAAO,CAAC,qBAAqB;AAC5C,KAAA;AACD,IAAA,cAAc,EAAE;AACd,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,OAAO,CAAC,QAAQ;QACvB,MAAM,EAAE,OAAO,CAAC,QAAQ;AACxB,QAAA,YAAY,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY;QACzC,eAAe,EAAE,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC;AAC1D,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,cAAc,EAAE,QAAQ;AACzB,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,YAAY,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY;QACzC,eAAe,EAAE,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC;AAC1D,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,cAAc,EAAE,QAAQ;AACxB,QAAA,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,iBAAiB;AACzC,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;AACzB,QAAA,UAAU,EAAEA,cAAE,CAAC,EAAE,CAAC;AACnB,KAAA;AACF,CAAA,CAAC;;;;"}

package/dist/components/SnapImageCarousel/PaginationItem.d.ts

@@ -0,0 +1,3 @@
+import { PaginationItemProps } from './types';
+export declare const PaginationItem: ({ animation, index }: PaginationItemProps) => any;
+//# sourceMappingURL=PaginationItem.d.ts.map

package/dist/components/SnapImageCarousel/PaginationItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationItem.d.ts","sourceRoot":"","sources":["../../../components/SnapImageCarousel/PaginationItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,cAAc,GAAI,sBAAoB,mBAAmB,QAMrE,CAAC"}

package/dist/components/SnapImageCarousel/PaginationItem.js

@@ -0,0 +1,26 @@
+import React__default from 'react';
+import { StyleSheet } from 'react-native';
+import Animated, { useAnimatedStyle } from 'react-native-reanimated';
+import '../../themes/base/styles.js';
+import { colors } from '../../themes/colors.js';
+import '../../themes/images.js';
+import { metrics } from '../../themes/metrics.js';
+import '../../themes/stats.js';
+
+const PaginationItem = ({ animation, index }) => {
+    const unActiveStyle = useAnimatedStyle(() => ({
+        opacity: animation.value === index ? 1 : 0.24,
+    }));
+    return React__default.createElement(Animated.View, { style: [styles.inActiveDot, unActiveStyle] });
+};
+const styles = StyleSheet.create({
+    inActiveDot: {
+        height: metrics.height.spacingExtraSmall,
+        width: metrics.height.spacingExtraSmall,
+        borderRadius: metrics.borderRadiusSemiLarge,
+        backgroundColor: colors.teal['80'],
+    },
+});
+
+export { PaginationItem };
+//# sourceMappingURL=PaginationItem.js.map

package/dist/components/SnapImageCarousel/PaginationItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationItem.js","sources":["../../../../components/SnapImageCarousel/PaginationItem.tsx"],"sourcesContent":["import React from 'react';\nimport {StyleSheet} from 'react-native';\nimport Animated, {useAnimatedStyle} from 'react-native-reanimated';\nimport {colors, metrics} from '@ui/themes';\nimport {PaginationItemProps} from './types';\n\nexport const PaginationItem = ({animation, index}: PaginationItemProps) => {\n  const unActiveStyle = useAnimatedStyle(() => ({\n    opacity: animation.value === index ? 1 : 0.24,\n  }));\n\n  return <Animated.View style={[styles.inActiveDot, unActiveStyle]} />;\n};\n\nconst styles = StyleSheet.create({\n  inActiveDot: {\n    height: metrics.height.spacingExtraSmall,\n    width: metrics.height.spacingExtraSmall,\n    borderRadius: metrics.borderRadiusSemiLarge,\n    backgroundColor: colors.teal['80'],\n  },\n});\n"],"names":["React"],"mappings":";;;;;;;;;AAMa,MAAA,cAAc,GAAG,CAAC,EAAC,SAAS,EAAE,KAAK,EAAsB,KAAI;AACxE,IAAA,MAAM,aAAa,GAAG,gBAAgB,CAAC,OAAO;AAC5C,QAAA,OAAO,EAAE,SAAS,CAAC,KAAK,KAAK,KAAK,GAAG,CAAC,GAAG,IAAI;AAC9C,KAAA,CAAC,CAAC;AAEH,IAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,QAAQ,CAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,aAAa,CAAC,GAAI;AACtE;AAEA,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;AAC/B,IAAA,WAAW,EAAE;AACX,QAAA,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,iBAAiB;AACxC,QAAA,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,iBAAiB;QACvC,YAAY,EAAE,OAAO,CAAC,qBAAqB;AAC3C,QAAA,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;AACnC,KAAA;AACF,CAAA,CAAC;;;;"}

package/dist/components/SnapImageCarousel/SnapImageCarousel.d.ts

@@ -0,0 +1,5 @@
+import { SnapImageCarouselProps } from './types.js';
+
+declare const SnapImageCarousel: <T extends unknown>({ cardList, hidePagination, isLoading, onCreate, ...props }: SnapImageCarouselProps<T>) => any;
+
+export { SnapImageCarousel };

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

@@ -0,0 +1 @@
+{"version":3,"file":"SnapImageCarousel.d.ts","sourceRoot":"","sources":["../../../components/SnapImageCarousel/SnapImageCarousel.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,sBAAsB,EAA0B,MAAM,SAAS,CAAC;AAEzE,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,OAAO,EAAE,6DAMlD,sBAAsB,CAAC,CAAC,CAAC,QAuE3B,CAAC"}

package/dist/components/SnapImageCarousel/SnapImageCarousel.js

@@ -0,0 +1,53 @@
+import React__default from 'react';
+import { StyleSheet, View } from 'react-native';
+import Carousel from 'react-native-snap-carousel';
+import { useSharedValue } from 'react-native-reanimated';
+import { PaginationItem } from './PaginationItem.js';
+import { CardStatusThumbnail } from './CardStatusThumbnail.js';
+import { THUMBNAIL_HEIGHT } from './consts.js';
+import '../../themes/base/styles.js';
+import '../../themes/images.js';
+import { metrics, deviceWidth } from '../../themes/metrics.js';
+import '../../themes/stats.js';
+
+const SnapImageCarousel = ({ cardList, hidePagination, isLoading, onCreate, ...props }) => {
+    const animation = useSharedValue(0);
+    const handleSnapToItem = (event) => {
+        const index = Math.round(event.nativeEvent.contentOffset.x / (deviceWidth() * 0.55));
+        if (index >= 0) {
+            animation.value = index;
+        }
+    };
+    const renderItem = ({ item, index, }) => (React__default.createElement(CardStatusThumbnail, { key: index.toString(), animation: animation, index: index, onCreate: onCreate, isLoading: isLoading, ...item }));
+    const renderPaginationItem = (_, index) => (React__default.createElement(PaginationItem, { key: index.toString(), animation: animation, index: index }));
+    // if (cardList?.length === 0) {
+    //   return (
+    //     <CardStatusThumbnail<T>
+    //       style={styles.carousel}
+    //       type={ECardThumbnailType.NOT_ISSUED}
+    //       photo={thumbnailDefault}
+    //       onCreate={onCreate}
+    //     />
+    //   );
+    // }
+    return (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(View, { style: styles.carousel },
+            React__default.createElement(Carousel, { data: cardList, renderItem: renderItem, sliderWidth: deviceWidth(), sliderHeight: THUMBNAIL_HEIGHT, itemWidth: deviceWidth() * 0.55, itemHeight: THUMBNAIL_HEIGHT, inactiveSlideScale: 1, inactiveSlideOpacity: 1, onScroll: handleSnapToItem, ...props })),
+        !hidePagination && cardList.length > 0 && (React__default.createElement(View, { style: styles.pagination }, cardList.map(renderPaginationItem)))));
+};
+const styles = StyleSheet.create({
+    carousel: {
+        height: THUMBNAIL_HEIGHT,
+        marginTop: metrics.height.spacingBase,
+    },
+    pagination: {
+        flexDirection: "row",
+        justifyContent: "center",
+        gap: metrics.width.spacingExtraSmall,
+        paddingVertical: metrics.height.spacingTiny,
+        marginTop: metrics.height.spacingSlightlySmall,
+    },
+});
+
+export { SnapImageCarousel };
+//# sourceMappingURL=SnapImageCarousel.js.map

package/dist/components/SnapImageCarousel/SnapImageCarousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SnapImageCarousel.js","sources":["../../../../components/SnapImageCarousel/SnapImageCarousel.tsx"],"sourcesContent":["import React from \"react\";\nimport { StyleSheet, View } from \"react-native\";\nimport Carousel, { CarouselProps } from \"react-native-snap-carousel\";\nimport { useSharedValue } from \"react-native-reanimated\";\nimport { PaginationItem } from \"./PaginationItem\";\nimport { CardStatusThumbnail } from \"./CardStatusThumbnail\";\nimport { THUMBNAIL_HEIGHT } from \"./consts\";\nimport { deviceWidth, metrics } from \"@ui/themes\";\nimport { SnapImageCarouselProps, TSnapImageCarouselItem } from \"./types\";\n\nexport const SnapImageCarousel = <T extends unknown>({\n  cardList,\n  hidePagination,\n  isLoading,\n  onCreate,\n  ...props\n}: SnapImageCarouselProps<T>) => {\n  const animation = useSharedValue<number>(0);\n\n  const handleSnapToItem: CarouselProps<string>[\"onScroll\"] = (event) => {\n    const index = Math.round(\n      event.nativeEvent.contentOffset.x / (deviceWidth() * 0.55)\n    );\n    if (index >= 0) {\n      animation.value = index;\n    }\n  };\n\n  const renderItem = ({\n    item,\n    index,\n  }: {\n    item: TSnapImageCarouselItem<T>;\n    index: number;\n  }) => (\n    <CardStatusThumbnail\n      key={index.toString()}\n      animation={animation}\n      index={index}\n      onCreate={onCreate}\n      isLoading={isLoading}\n      {...item}\n    />\n  );\n\n  const renderPaginationItem = (_: unknown, index: number) => (\n    <PaginationItem\n      key={index.toString()}\n      animation={animation}\n      index={index}\n    />\n  );\n\n  // if (cardList?.length === 0) {\n  //   return (\n  //     <CardStatusThumbnail<T>\n  //       style={styles.carousel}\n  //       type={ECardThumbnailType.NOT_ISSUED}\n  //       photo={thumbnailDefault}\n  //       onCreate={onCreate}\n  //     />\n  //   );\n  // }\n\n  return (\n    <>\n      <View style={styles.carousel}>\n        <Carousel<TSnapImageCarouselItem<T>>\n          data={cardList}\n          renderItem={renderItem}\n          sliderWidth={deviceWidth()}\n          sliderHeight={THUMBNAIL_HEIGHT}\n          itemWidth={deviceWidth() * 0.55}\n          itemHeight={THUMBNAIL_HEIGHT}\n          inactiveSlideScale={1}\n          inactiveSlideOpacity={1}\n          onScroll={handleSnapToItem}\n          {...props}\n        />\n      </View>\n      {!hidePagination && cardList.length > 0 && (\n        <View style={styles.pagination}>\n          {cardList.map(renderPaginationItem)}\n        </View>\n      )}\n    </>\n  );\n};\n\nconst styles = StyleSheet.create({\n  carousel: {\n    height: THUMBNAIL_HEIGHT,\n    marginTop: metrics.height.spacingBase,\n  },\n  pagination: {\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n    gap: metrics.width.spacingExtraSmall,\n    paddingVertical: metrics.height.spacingTiny,\n    marginTop: metrics.height.spacingSlightlySmall,\n  },\n});\n"],"names":["React"],"mappings":";;;;;;;;;;;;AAUa,MAAA,iBAAiB,GAAG,CAAoB,EACnD,QAAQ,EACR,cAAc,EACd,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACkB,KAAI;AAC9B,IAAA,MAAM,SAAS,GAAG,cAAc,CAAS,CAAC,CAAC;AAE3C,IAAA,MAAM,gBAAgB,GAAsC,CAAC,KAAK,KAAI;QACpE,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CACtB,KAAK,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,IAAI,WAAW,EAAE,GAAG,IAAI,CAAC,CAC3D;AACD,QAAA,IAAI,KAAK,IAAI,CAAC,EAAE;AACd,YAAA,SAAS,CAAC,KAAK,GAAG,KAAK;;AAE3B,KAAC;AAED,IAAA,MAAM,UAAU,GAAG,CAAC,EAClB,IAAI,EACJ,KAAK,GAIN,MACCA,cAAC,CAAA,aAAA,CAAA,mBAAmB,IAClB,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE,EACrB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,KAChB,IAAI,EAAA,CACR,CACH;AAED,IAAA,MAAM,oBAAoB,GAAG,CAAC,CAAU,EAAE,KAAa,MACrDA,cAAC,CAAA,aAAA,CAAA,cAAc,EACb,EAAA,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE,EACrB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EAAA,CACZ,CACH;;;;;;;;;;;AAaD,IAAA,QACEA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;AACE,QAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAA;YAC1BA,cAAC,CAAA,aAAA,CAAA,QAAQ,IACP,IAAI,EAAE,QAAQ,EACd,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EAAE,EAC1B,YAAY,EAAE,gBAAgB,EAC9B,SAAS,EAAE,WAAW,EAAE,GAAG,IAAI,EAC/B,UAAU,EAAE,gBAAgB,EAC5B,kBAAkB,EAAE,CAAC,EACrB,oBAAoB,EAAE,CAAC,EACvB,QAAQ,EAAE,gBAAgB,EACtB,GAAA,KAAK,GACT,CACG;AACN,QAAA,CAAC,cAAc,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,KACrCA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAE,MAAM,CAAC,UAAU,EAAA,EAC3B,QAAQ,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAC9B,CACR,CACA;AAEP;AAEA,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;AAC/B,IAAA,QAAQ,EAAE;AACR,QAAA,MAAM,EAAE,gBAAgB;AACxB,QAAA,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW;AACtC,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,aAAa,EAAE,KAAK;AACpB,QAAA,cAAc,EAAE,QAAQ;AACxB,QAAA,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,iBAAiB;AACpC,QAAA,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW;AAC3C,QAAA,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,oBAAoB;AAC/C,KAAA;AACF,CAAA,CAAC;;;;"}

package/dist/components/SnapImageCarousel/consts.d.ts

@@ -0,0 +1,10 @@
+declare const THUMBNAIL_HEIGHT: number;
+declare const THUMBNAIL_WIDTH: number;
+declare enum ECardThumbnailType {
+    DEFAULT = "DEFAULT",// Default
+    NOT_ISSUED = "NOT_ISSUED",// Not released yet
+    SHIPPED = "SHIPPED",// Card has been sent
+    CANCELED = "CANCELED"
+}
+
+export { ECardThumbnailType, THUMBNAIL_HEIGHT, THUMBNAIL_WIDTH };

package/dist/components/SnapImageCarousel/consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../components/SnapImageCarousel/consts.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,QAAwB,CAAC;AACtD,eAAO,MAAM,eAAe,QAAsB,CAAC;AAEnD,oBAAY,kBAAkB;IAC5B,OAAO,YAAY,CAAE,UAAU;IAC/B,UAAU,eAAe,CAAE,mBAAmB;IAC9C,OAAO,YAAY,CAAE,qBAAqB;IAC1C,QAAQ,aAAa;CACtB"}

package/dist/components/SnapImageCarousel/consts.js

@@ -0,0 +1,17 @@
+import '../../themes/base/styles.js';
+import '../../themes/images.js';
+import { deviceHeight, deviceWidth } from '../../themes/metrics.js';
+import '../../themes/stats.js';
+
+const THUMBNAIL_HEIGHT = deviceHeight() * 0.19;
+const THUMBNAIL_WIDTH = deviceWidth() * 0.7;
+var ECardThumbnailType;
+(function (ECardThumbnailType) {
+    ECardThumbnailType["DEFAULT"] = "DEFAULT";
+    ECardThumbnailType["NOT_ISSUED"] = "NOT_ISSUED";
+    ECardThumbnailType["SHIPPED"] = "SHIPPED";
+    ECardThumbnailType["CANCELED"] = "CANCELED";
+})(ECardThumbnailType || (ECardThumbnailType = {}));
+
+export { ECardThumbnailType, THUMBNAIL_HEIGHT, THUMBNAIL_WIDTH };
+//# sourceMappingURL=consts.js.map

package/dist/components/SnapImageCarousel/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","sources":["../../../../components/SnapImageCarousel/consts.ts"],"sourcesContent":["import { deviceHeight, deviceWidth } from '@ui/themes';\n\nexport const THUMBNAIL_HEIGHT = deviceHeight() * 0.19;\nexport const THUMBNAIL_WIDTH = deviceWidth() * 0.7;\n\nexport enum ECardThumbnailType {\n  DEFAULT = 'DEFAULT', // Default\n  NOT_ISSUED = 'NOT_ISSUED', // Not released yet\n  SHIPPED = 'SHIPPED', // Card has been sent\n  CANCELED = 'CANCELED', // Canceled\n}\n"],"names":[],"mappings":";;;;;MAEa,gBAAgB,GAAG,YAAY,EAAE,GAAG;MACpC,eAAe,GAAG,WAAW,EAAE,GAAG;IAEnC;AAAZ,CAAA,UAAY,kBAAkB,EAAA;AAC5B,IAAA,kBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,kBAAA,CAAA,YAAA,CAAA,GAAA,YAAyB;AACzB,IAAA,kBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,kBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACvB,CAAC,EALW,kBAAkB,KAAlB,kBAAkB,GAK7B,EAAA,CAAA,CAAA;;;;"}

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

@@ -0,0 +1,4 @@
+export * from './CardStatusThumbnail';
+export * from './SnapImageCarousel';
+export * from './consts';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+import { SharedValue } from 'react-native-reanimated';
+import { CarouselProps } from 'react-native-snap-carousel';
+import { ECardThumbnailType } from './consts.js';
+import { StyleProp, ViewStyle } from 'react-native';
+
+type TSnapImageCarouselItem<T> = Pick<CardStatusThumbnailProps<T>, 'photo' | 'type' | 'balance' | 'unit' | 'onCreate'>;
+interface SnapImageCarouselProps<T> extends Pick<CarouselProps<string>, 'onSnapToItem' | 'firstItem' | 'initialNumToRender' | 'loop' | 'loopClonesPerSide'> {
+    cardList: Array<TSnapImageCarouselItem<T>>;
+    hidePagination?: boolean;
+    isLoading?: boolean;
+    onCreate?: (item: T) => void;
+}
+interface CardStatusThumbnailProps<T> {
+    style?: StyleProp<ViewStyle>;
+    type?: ECardThumbnailType;
+    photo: string;
+    unit?: string;
+    balance?: string;
+    thumbnailHeight?: number;
+    thumbnailWidth?: number;
+    index?: number;
+    animation?: SharedValue<number>;
+    onCreate?: (item: T) => void;
+    children?: ReactNode;
+    cardItem?: T;
+    isLoading?: boolean;
+}
+
+export type { CardStatusThumbnailProps, SnapImageCarouselProps, TSnapImageCarouselItem };

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../components/SnapImageCarousel/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,MAAM,sBAAsB,CAAC,CAAC,IAAI,IAAI,CAC1C,wBAAwB,CAAC,CAAC,CAAC,EAC3B,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,CACnD,CAAC;AAEF,MAAM,WAAW,sBAAsB,CAAC,CAAC,CACvC,SAAQ,IAAI,CACV,aAAa,CAAC,MAAM,CAAC,EACnB,cAAc,GACd,WAAW,GACX,oBAAoB,GACpB,MAAM,GACN,mBAAmB,CACtB;IACD,QAAQ,EAAE,KAAK,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAChC;AAED,MAAM,WAAW,wBAAwB,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

package/dist/components/Switch/Switch.d.ts

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

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

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