@meatech/payblend_app_ui_component 1.0.69

package/dist/components/Inputs/SelectField.js

@@ -0,0 +1,140 @@
+import * as React from 'react';
+import { useMemo, useState, useEffect } from 'react';
+import { StyleSheet, View, Pressable, FlatList } from 'react-native';
+import Modal from 'react-native-modal';
+import Text from '../Text/index.js';
+import '../../themes/base/styles.js';
+import { colors } from '../../themes/colors.js';
+import '../../themes/images.js';
+import { Space, ph as responsiveHeight, metrics } 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 './InputField.js';
+import 'react-native-reanimated';
+import '../Header/styles.js';
+import '../TickItem/styles.js';
+import '../IconWithLabel/IconWithLabel.js';
+import '../OptionalUtilities/OptionalUtilities.js';
+import '../Switch/Switch.js';
+import '../SnapImageCarousel/CardStatusThumbnail.js';
+import '../SnapImageCarousel/SnapImageCarousel.js';
+import '../SnapImageCarousel/consts.js';
+import 'react-native-fast-image';
+import '../SkeletonLoader/SkeletonLoader.js';
+import '../NotificationModal/NotificationModal.js';
+import '../Modal/Modal.js';
+import '../Button/styles.js';
+import '../LoadingOverlay/LoadingOverlay.js';
+import '../BalanceCard/BalanceCard.js';
+import '../PaymentMethodCard/PaymentMethodCard.js';
+import '../PaymentMethodCardWithAmount/PaymentMethodCardWithAmount.js';
+import { inputFieldFontSize, inputFieldHeight } from './styles.js';
+
+const SelectField = ({ value, label, labelColor = 'tertiary', listData, size = 'medium', variant = 'default', cusHeight, cusWidth, cusFontSize, disabled = false, isWhiteDisabledBackground = false, placeholder, isShowIcon = true, textAlign = 'left', onChangeValue, }) => {
+    const { height, fontSize } = useMemo(() => ({
+        height: inputFieldHeight[size],
+        fontSize: inputFieldFontSize[size],
+    }), [size]);
+    const selectInputContainer = {
+        width: cusWidth || '100%',
+    };
+    const selectFieldStyle = {
+        backgroundColor: isWhiteDisabledBackground
+            ? colors.white[10]
+            : disabled
+                ? colors.neutral[20]
+                : colors.white[10],
+        height: cusHeight || height,
+    };
+    const selectFieldTextStyle = {
+        fontSize: cusFontSize || fontSize,
+        textAlign,
+    };
+    const selectFieldBorderStyle = {
+        borderRadius: variant === 'default' ? metrics.borderRadiusBase : 0,
+        borderWidth: variant === 'default'
+            ? metrics.borderWidthMedium
+            : metrics.borderWidthNone,
+        borderBottomWidth: variant === 'none' ? metrics.borderWidthNone : metrics.borderWidthMedium,
+        borderColor: disabled ? colors.neutral[20] : colors.neutral[60],
+    };
+    const [isVisible, setIsVisible] = useState(false);
+    const [currentValue, setCurrentValue] = useState(value || null);
+    useEffect(() => {
+        if (currentValue && onChangeValue) {
+            onChangeValue(currentValue);
+        }
+    }, [currentValue]);
+    const handleToggleModal = () => setIsVisible(!isVisible);
+    const handleSelectItem = (itemSelected) => {
+        setIsVisible(false);
+        setCurrentValue(itemSelected);
+    };
+    const renderSelectItem = ({ item }) => {
+        return (React.createElement(Pressable, { onPress: () => handleSelectItem(item), style: styles.selectItemWrapper },
+            React.createElement(View, { style: styles.textWrapper },
+                React.createElement(Text, null, item.label)),
+            item.value === (currentValue === null || currentValue === void 0 ? void 0 : currentValue.value) && (React.createElement(Icon, { name: "ic_checkmark_circle" }))));
+    };
+    const renderItemSeparatorComponent = () => {
+        return React.createElement(View, { style: styles.itemSeparator });
+    };
+    return (React.createElement(View, { style: selectInputContainer },
+        label && (React.createElement(Text, { color: labelColor, size: size }, label)),
+        React.createElement(Pressable, { disabled: disabled, onPress: handleToggleModal, style: [styles.selectInput, selectFieldStyle, selectFieldBorderStyle] },
+            React.createElement(View, { style: styles.textWrapper },
+                React.createElement(Text, { color: "tertiary", style: selectFieldTextStyle }, currentValue
+                    ? currentValue.label
+                        ? currentValue.label
+                        : placeholder
+                            ? placeholder
+                            : ''
+                    : '')),
+            isShowIcon && React.createElement(Icon, { name: "ic_chevron_down" })),
+        React.createElement(Modal, { isVisible: isVisible, animationIn: "zoomInDown", animationOut: "zoomOutUp", backdropColor: 'rgba(0,0,0,0.3)', onBackdropPress: handleToggleModal, style: styles.modal },
+            React.createElement(View, { style: styles.modalContainer },
+                React.createElement(FlatList, { data: listData, showsVerticalScrollIndicator: false, ItemSeparatorComponent: renderItemSeparatorComponent, removeClippedSubviews: false, renderItem: renderSelectItem })))));
+};
+const styles = StyleSheet.create({
+    selectInputContainer: {
+        width: '100%',
+    },
+    selectInput: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        backgroundColor: colors.white[10],
+        paddingHorizontal: Space.medium,
+    },
+    modal: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    modalContainer: {
+        width: '90%',
+        maxHeight: '90%',
+        backgroundColor: colors.white[10],
+        borderRadius: metrics.borderRadiusBase,
+    },
+    selectItemWrapper: {
+        height: responsiveHeight(40),
+        paddingVertical: Space.xs,
+        paddingHorizontal: Space.medium,
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+    },
+    textWrapper: {
+        flex: 1,
+    },
+    itemSeparator: {
+        height: 1,
+        backgroundColor: colors.neutral[60],
+    },
+});
+
+export { SelectField };
+//# sourceMappingURL=SelectField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.js","sources":["../../../../components/Inputs/SelectField.tsx"],"sourcesContent":["import * as React from 'react';\nimport {useEffect, useMemo, useState} from 'react';\nimport {\n  FlatList,\n  ListRenderItemInfo,\n  Pressable,\n  StyleProp,\n  StyleSheet,\n  TextStyle,\n  View,\n  ViewStyle,\n} from 'react-native';\nimport Modal from 'react-native-modal';\nimport Text from '@ui/components/Text';\nimport {Space, colors, metrics, ph} from '@ui/themes';\nimport {Icon} from '@ui/components';\nimport {inputFieldFontSize, inputFieldHeight} from './styles';\n\ntype SelectItemT = {\n  label: string;\n  value: string;\n};\n\nexport const SelectField = ({\n  value,\n  label,\n  labelColor = 'tertiary',\n  listData,\n  size = 'medium',\n  variant = 'default',\n  cusHeight,\n  cusWidth,\n  cusFontSize,\n  disabled = false,\n  isWhiteDisabledBackground = false,\n  placeholder,\n  isShowIcon = true,\n  textAlign = 'left',\n  onChangeValue,\n}: {\n  value: SelectItemT;\n  label?: string;\n  labelColor?:\n    | 'primary'\n    | 'secondary'\n    | 'tertiary'\n    | 'disabled'\n    | 'error'\n    | 'success'\n    | 'warning'\n    | 'info'\n    | 'interactive'\n    | 'hover'\n    | 'active'\n    | 'focus'\n    | 'brand'\n    | 'white'\n    | 'white';\n  listData: Array<SelectItemT>;\n  size?:\n    | 'xxxs'\n    | 'xxs'\n    | 'xs'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'xl'\n    | 'xxl'\n    | 'xxxl'\n    | 'xxxxl';\n  variant?: 'default' | 'quite' | 'none';\n  cusHeight?: number;\n  cusWidth?: number;\n  cusFontSize?: number;\n  disabled?: boolean;\n  isWhiteDisabledBackground?: boolean;\n  placeholder?: string;\n  isShowIcon?: boolean;\n  textAlign?: 'auto' | 'left' | 'right' | 'center' | 'justify' | undefined;\n  onChangeValue?: (item: SelectItemT) => void;\n}) => {\n  const {height, fontSize} = useMemo(\n    () => ({\n      height: inputFieldHeight[size],\n      fontSize: inputFieldFontSize[size],\n    }),\n    [size],\n  );\n  const selectInputContainer: StyleProp<ViewStyle> = {\n    width: cusWidth || '100%',\n  };\n  const selectFieldStyle: StyleProp<ViewStyle> = {\n    backgroundColor: isWhiteDisabledBackground\n      ? colors.white[10]\n      : disabled\n        ? colors.neutral[20]\n        : colors.white[10],\n    height: cusHeight || height,\n  };\n\n  const selectFieldTextStyle: StyleProp<TextStyle> = {\n    fontSize: cusFontSize || fontSize,\n    textAlign,\n  };\n\n  const selectFieldBorderStyle: StyleProp<ViewStyle> = {\n    borderRadius: variant === 'default' ? metrics.borderRadiusBase : 0,\n    borderWidth:\n      variant === 'default'\n        ? metrics.borderWidthMedium\n        : metrics.borderWidthNone,\n    borderBottomWidth:\n      variant === 'none' ? metrics.borderWidthNone : metrics.borderWidthMedium,\n    borderColor: disabled ? colors.neutral[20] : colors.neutral[60],\n  };\n\n  const [isVisible, setIsVisible] = useState(false);\n  const [currentValue, setCurrentValue] = useState<SelectItemT | null>(\n    value || null,\n  );\n  useEffect(() => {\n    if (currentValue && onChangeValue) {\n      onChangeValue(currentValue);\n    }\n  }, [currentValue]);\n  const handleToggleModal = () => setIsVisible(!isVisible);\n  const handleSelectItem = (itemSelected: SelectItemT) => {\n    setIsVisible(false);\n    setCurrentValue(itemSelected);\n  };\n  const renderSelectItem = ({item}: ListRenderItemInfo<SelectItemT>) => {\n    return (\n      <Pressable\n        onPress={() => handleSelectItem(item)}\n        style={styles.selectItemWrapper}>\n        <View style={styles.textWrapper}>\n          <Text>{item.label}</Text>\n        </View>\n        {item.value === currentValue?.value && (\n          <Icon name=\"ic_checkmark_circle\" />\n        )}\n      </Pressable>\n    );\n  };\n  const renderItemSeparatorComponent = () => {\n    return <View style={styles.itemSeparator} />;\n  };\n  return (\n    <View style={selectInputContainer}>\n      {label && (\n        <Text color={labelColor} size={size}>\n          {label}\n        </Text>\n      )}\n      <Pressable\n        disabled={disabled}\n        onPress={handleToggleModal}\n        style={[styles.selectInput, selectFieldStyle, selectFieldBorderStyle]}>\n        <View style={styles.textWrapper}>\n          <Text color=\"tertiary\" style={selectFieldTextStyle}>\n            {currentValue\n              ? currentValue.label\n                ? currentValue.label\n                : placeholder\n                ? placeholder\n                : ''\n              : ''}\n          </Text>\n        </View>\n        {isShowIcon && <Icon name=\"ic_chevron_down\" />}\n      </Pressable>\n      <Modal\n        isVisible={isVisible}\n        animationIn=\"zoomInDown\"\n        animationOut=\"zoomOutUp\"\n        backdropColor={'rgba(0,0,0,0.3)'}\n        onBackdropPress={handleToggleModal}\n        style={styles.modal}>\n        <View style={styles.modalContainer}>\n          <FlatList<SelectItemT>\n            data={listData}\n            showsVerticalScrollIndicator={false}\n            ItemSeparatorComponent={renderItemSeparatorComponent}\n            removeClippedSubviews={false}\n            renderItem={renderSelectItem}\n          />\n        </View>\n      </Modal>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  selectInputContainer: {\n    width: '100%',\n  },\n  selectInput: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    backgroundColor: colors.white[10],\n    paddingHorizontal: Space.medium,\n  },\n  modal: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n\n  modalContainer: {\n    width: '90%',\n    maxHeight: '90%',\n    backgroundColor: colors.white[10],\n    borderRadius: metrics.borderRadiusBase,\n  },\n  selectItemWrapper: {\n    height: ph(40),\n    paddingVertical: Space.xs,\n    paddingHorizontal: Space.medium,\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n  },\n  textWrapper: {\n    flex: 1,\n  },\n  itemSeparator: {\n    height: 1,\n    backgroundColor: colors.neutral[60],\n  },\n});\n"],"names":["ph"],"mappings":"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"}

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

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

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

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

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

@@ -0,0 +1,7 @@
+export declare const inputFieldHeight: {
+    [key: string]: number;
+};
+export declare const inputFieldFontSize: {
+    [key: string]: number;
+};
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../components/Inputs/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,EAAE;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAIpD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAItD,CAAC"}

package/dist/components/Inputs/styles.js

@@ -0,0 +1,18 @@
+import '../../themes/base/styles.js';
+import '../../themes/images.js';
+import { FontSizes, ph as responsiveHeight } from '../../themes/metrics.js';
+import '../../themes/stats.js';
+
+const inputFieldHeight = {
+    small: responsiveHeight(33),
+    medium: responsiveHeight(40),
+    large: responsiveHeight(46),
+};
+const inputFieldFontSize = {
+    small: FontSizes.fontSmall,
+    medium: FontSizes.fontMedium,
+    large: FontSizes.fontLarge,
+};
+
+export { inputFieldFontSize, inputFieldHeight };
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../components/Inputs/styles.ts"],"sourcesContent":["import {FontSizes, ph} from '@ui/themes';\n\nexport const inputFieldHeight: {[key: string]: number} = {\n  small: ph(33),\n  medium: ph(40),\n  large: ph(46),\n};\n\nexport const inputFieldFontSize: {[key: string]: number} = {\n  small: FontSizes.fontSmall,\n  medium: FontSizes.fontMedium,\n  large: FontSizes.fontLarge,\n};\n"],"names":["ph"],"mappings":";;;;;AAEa,MAAA,gBAAgB,GAA4B;AACvD,IAAA,KAAK,EAAEA,gBAAE,CAAC,EAAE,CAAC;AACb,IAAA,MAAM,EAAEA,gBAAE,CAAC,EAAE,CAAC;AACd,IAAA,KAAK,EAAEA,gBAAE,CAAC,EAAE,CAAC;;AAGF,MAAA,kBAAkB,GAA4B;IACzD,KAAK,EAAE,SAAS,CAAC,SAAS;IAC1B,MAAM,EAAE,SAAS,CAAC,UAAU;IAC5B,KAAK,EAAE,SAAS,CAAC,SAAS;;;;;"}

package/dist/components/LoadingOverlay/LoadingOverlay.d.ts

@@ -0,0 +1,8 @@
+interface LoadingOverlayRef {
+    setLoading: (status: boolean) => void;
+}
+declare const LoadingGlobal: (status: boolean) => any;
+declare const LoadingOverlay: () => any;
+
+export { LoadingGlobal, LoadingOverlay };
+export type { LoadingOverlayRef };

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingOverlay.d.ts","sourceRoot":"","sources":["../../../components/LoadingOverlay/LoadingOverlay.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAID,eAAO,MAAM,aAAa,GAAI,QAAQ,OAAO,QAE5C,CAAC;AAEF,eAAO,MAAM,cAAc,WAa1B,CAAC"}

package/dist/components/LoadingOverlay/LoadingOverlay.js

@@ -0,0 +1,39 @@
+import React__default, { createRef, useState, useImperativeHandle } from 'react';
+import { StyleSheet, View, ActivityIndicator } from 'react-native';
+import '../../themes/base/styles.js';
+import { colors } from '../../themes/colors.js';
+import '../../themes/images.js';
+import '../../themes/metrics.js';
+import '../../themes/stats.js';
+
+const refLoading = createRef();
+const LoadingGlobal = (status) => {
+    var _a, _b;
+    return (_b = (_a = refLoading === null || refLoading === void 0 ? void 0 : refLoading.current) === null || _a === void 0 ? void 0 : _a.setLoading) === null || _b === void 0 ? void 0 : _b.call(_a, status);
+};
+const LoadingOverlay = () => {
+    const [isLoading, setIsLoading] = useState(false);
+    useImperativeHandle(refLoading, () => ({
+        setLoading: (status) => setIsLoading(status),
+    }));
+    if (!isLoading)
+        return null;
+    return (React__default.createElement(View, { style: styles.container },
+        React__default.createElement(ActivityIndicator, { size: "large", color: colors.primary[100] })));
+};
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        backgroundColor: 'rgba(0, 0, 0, 0.5)',
+    },
+});
+
+export { LoadingGlobal, LoadingOverlay };
+//# sourceMappingURL=LoadingOverlay.js.map

package/dist/components/LoadingOverlay/LoadingOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingOverlay.js","sources":["../../../../components/LoadingOverlay/LoadingOverlay.tsx"],"sourcesContent":["import React, {useState, useImperativeHandle, createRef} from 'react';\nimport {ActivityIndicator, View, StyleSheet} from 'react-native';\nimport {colors} from '@ui/themes';\n\nexport interface LoadingOverlayRef {\n  setLoading: (status: boolean) => void;\n}\n\nconst refLoading = createRef<LoadingOverlayRef>();\n\nexport const LoadingGlobal = (status: boolean) => {\n  return refLoading?.current?.setLoading?.(status);\n};\n\nexport const LoadingOverlay = () => {\n  const [isLoading, setIsLoading] = useState(false);\n  useImperativeHandle(refLoading, () => ({\n    setLoading: (status: boolean) => setIsLoading(status),\n  }));\n\n  if (!isLoading) return null;\n\n  return (\n    <View style={styles.container}>\n      <ActivityIndicator size=\"large\" color={colors.primary[100]} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    backgroundColor: 'rgba(0, 0, 0, 0.5)',\n  },\n});\n"],"names":["React"],"mappings":";;;;;;;;AAQA,MAAM,UAAU,GAAG,SAAS,EAAqB;AAEpC,MAAA,aAAa,GAAG,CAAC,MAAe,KAAI;;AAC/C,IAAA,OAAO,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,UAAU,KAAA,IAAA,IAAV,UAAU,KAAV,MAAA,GAAA,MAAA,GAAA,UAAU,CAAE,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,UAAU,MAAG,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,EAAA,MAAM,CAAC;AAClD;AAEO,MAAM,cAAc,GAAG,MAAK;IACjC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACjD,IAAA,mBAAmB,CAAC,UAAU,EAAE,OAAO;QACrC,UAAU,EAAE,CAAC,MAAe,KAAK,YAAY,CAAC,MAAM,CAAC;AACtD,KAAA,CAAC,CAAC;AAEH,IAAA,IAAI,CAAC,SAAS;AAAE,QAAA,OAAO,IAAI;IAE3B,QACEA,6BAAC,IAAI,EAAA,EAAC,KAAK,EAAE,MAAM,CAAC,SAAS,EAAA;AAC3B,QAAAA,cAAA,CAAA,aAAA,CAAC,iBAAiB,EAAC,EAAA,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,EAAI,CAAA,CACzD;AAEX;AAEA,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;AAC/B,IAAA,SAAS,EAAE;AACT,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,cAAc,EAAE,QAAQ;AACxB,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,KAAK,EAAE,CAAC;AACR,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,eAAe,EAAE,oBAAoB;AACtC,KAAA;AACF,CAAA,CAAC;;;;"}

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

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

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

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

package/dist/components/Modal/Modal.d.ts

@@ -0,0 +1,3 @@
+declare const Modal: any;
+
+export { Modal };

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../components/Modal/Modal.tsx"],"names":[],"mappings":"AAuIA,eAAO,MAAM,KAAK,KAOjB,CAAC"}

package/dist/components/Modal/Modal.js

@@ -0,0 +1,112 @@
+import * as React from 'react';
+import { memo, forwardRef, useRef, useCallback, useImperativeHandle, useMemo } from 'react';
+import { Platform, Keyboard, StyleSheet, View } from 'react-native';
+import { useSharedValue } from 'react-native-reanimated';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import '../../hooks/usePermission.js';
+import '../../hooks/useToast.js';
+import '../../hooks/useSlideAnimation.js';
+import { useBackHandler } from '../../hooks/useBackHandler.js';
+import '../../themes/base/styles.js';
+import { colors } from '../../themes/colors.js';
+import '../../themes/images.js';
+import { metrics, pw as responsiveWidth } from '../../themes/metrics.js';
+import '../../themes/stats.js';
+import { WebModal } from './WebModal.js';
+
+/* eslint-disable react-hooks/exhaustive-deps */
+// Import bottom-sheet only for native platforms
+let BottomSheetModal;
+let BottomSheetBackdrop;
+if (Platform.OS !== 'web') {
+    const bottomSheetModule = require('@gorhom/bottom-sheet');
+    BottomSheetModal = bottomSheetModule.BottomSheetModal;
+    BottomSheetBackdrop = bottomSheetModule.BottomSheetBackdrop;
+    bottomSheetModule.BottomSheetBackdropProps;
+}
+const NativeModal = forwardRef((props, ref) => {
+    const { type = 'BottomSheet', children, snapPoints, handleIndicatorStyle, backgroundStyle, enablePanDownToClose = true, popupStyle, onClose, ...rest } = props;
+    const insets = useSafeAreaInsets();
+    const animatedIndex = useSharedValue(1);
+    const [isOpen, setIsOpen] = React.useState(false);
+    const bottomSheetRef = useRef(null);
+    const open = useCallback(() => {
+        var _a;
+        setIsOpen(true);
+        (_a = bottomSheetRef.current) === null || _a === void 0 ? void 0 : _a.present();
+    }, []);
+    const close = useCallback(() => {
+        var _a;
+        setIsOpen(false);
+        (_a = bottomSheetRef.current) === null || _a === void 0 ? void 0 : _a.close();
+    }, []);
+    useBackHandler(() => {
+        if (isOpen) {
+            close();
+            return true;
+        }
+        return false;
+    });
+    useImperativeHandle(ref, () => ({
+        open,
+        isOpen,
+        close,
+    }), [close, open, isOpen]);
+    const handleClose = useCallback(() => {
+        onClose === null || onClose === void 0 ? void 0 : onClose();
+        close();
+    }, [onClose, close]);
+    const renderBackdrop = useCallback((backdropProps) => (React.createElement(BottomSheetBackdrop, { ...backdropProps, appearsOnIndex: 1, animatedIndex: animatedIndex, onPress: () => Keyboard.dismiss() })), []);
+    const options = useMemo(() => type === 'Popup'
+        ? {
+            snapPoints: ['100%'],
+            enablePanDownToClose: false,
+            enableOverDrag: false,
+            backgroundStyle: styles.backgroundPopup,
+            handleComponent: () => null,
+        }
+        : {
+            snapPoints,
+            handleIndicatorStyle: [
+                styles.handleIndicator,
+                handleIndicatorStyle,
+            ],
+            enablePanDownToClose,
+            backgroundStyle: styles.backgroundBottomSheet,
+            topInset: insets.top,
+            onDismiss: handleClose,
+        }, [type, enablePanDownToClose, handleIndicatorStyle, insets.top]);
+    return (React.createElement(BottomSheetModal, { ref: bottomSheetRef, ...rest, ...options, enableDynamicSizing: false, backgroundStyle: [options.backgroundStyle, backgroundStyle], backdropComponent: renderBackdrop }, type === 'Popup' ? (React.createElement(View, { style: styles.popupContainer },
+        React.createElement(View, { style: [styles.popup, popupStyle] }, children))) : (children)));
+});
+const Modal = memo(forwardRef((props, ref) => {
+    if (Platform.OS === 'web') {
+        return React.createElement(WebModal, { ref: ref, ...props });
+    }
+    return React.createElement(NativeModal, { ref: ref, ...props });
+}));
+const styles = StyleSheet.create({
+    backgroundBottomSheet: {
+        backgroundColor: colors.white['10'],
+    },
+    backgroundPopup: {
+        backgroundColor: 'transparent',
+        borderRadius: 0,
+    },
+    handleIndicator: {
+        backgroundColor: colors.neutral['60'],
+        width: responsiveWidth(40),
+    },
+    popupContainer: {
+        flex: 1,
+        justifyContent: 'center',
+        marginHorizontal: metrics.width.spacingMedium,
+    },
+    popup: {
+        backgroundColor: colors.white['10'],
+        width: '100%',
+    },
+});
+
+export { Modal };
+//# sourceMappingURL=Modal.js.map

package/dist/components/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sources":["../../../../components/Modal/Modal.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport * as React from 'react';\nimport {\n  forwardRef,\n  memo,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\nimport {Keyboard, Platform, StyleSheet, View} from 'react-native';\nimport {useSharedValue} from 'react-native-reanimated';\nimport {useSafeAreaInsets} from 'react-native-safe-area-context';\nimport {useBackHandler} from '@ui/hooks';\nimport {colors, metrics, pw} from '@ui/themes';\nimport {IModal, ModalRef} from './type';\nimport {WebModal} from './WebModal';\n\n// Import bottom-sheet only for native platforms\nlet BottomSheetModal: any;\nlet BottomSheetBackdrop: any;\nlet BottomSheetBackdropProps: any;\n\nif (Platform.OS !== 'web') {\n  const bottomSheetModule = require('@gorhom/bottom-sheet');\n  BottomSheetModal = bottomSheetModule.BottomSheetModal;\n  BottomSheetBackdrop = bottomSheetModule.BottomSheetBackdrop;\n  BottomSheetBackdropProps = bottomSheetModule.BottomSheetBackdropProps;\n}\n\nconst NativeModal = forwardRef<ModalRef, IModal>((props, ref) => {\n  const {\n    type = 'BottomSheet',\n    children,\n    snapPoints,\n    handleIndicatorStyle,\n    backgroundStyle,\n    enablePanDownToClose = true,\n    popupStyle,\n    onClose,\n    ...rest\n  } = props;\n\n  const insets = useSafeAreaInsets();\n  const animatedIndex = useSharedValue<number>(1);\n  const [isOpen, setIsOpen] = React.useState(false);\n  const bottomSheetRef = useRef<typeof BottomSheetModal>(null);\n\n  const open = useCallback(() => {\n    setIsOpen(true);\n    bottomSheetRef.current?.present();\n  }, []);\n  const close = useCallback(() => {\n    setIsOpen(false);\n    bottomSheetRef.current?.close();\n  }, []);\n\n  useBackHandler(() => {\n    if (isOpen) {\n      close();\n      return true;\n    }\n    return false;\n  });\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      open,\n      isOpen,\n      close,\n    }),\n    [close, open, isOpen],\n  );\n\n  const handleClose = useCallback(() => {\n    onClose?.();\n    close();\n  }, [onClose, close]);\n\n  const renderBackdrop = useCallback(\n    (backdropProps: typeof BottomSheetBackdropProps) => (\n      <BottomSheetBackdrop\n        {...backdropProps}\n        appearsOnIndex={1}\n        animatedIndex={animatedIndex}\n        onPress={() => Keyboard.dismiss()}\n      />\n    ),\n    [],\n  );\n\n  const options = useMemo(\n    () =>\n      type === 'Popup'\n        ? {\n            snapPoints: ['100%'],\n            enablePanDownToClose: false,\n            enableOverDrag: false,\n            backgroundStyle: styles.backgroundPopup,\n            handleComponent: () => null,\n          }\n        : {\n            snapPoints,\n            handleIndicatorStyle: [\n              styles.handleIndicator,\n              handleIndicatorStyle,\n            ],\n            enablePanDownToClose,\n            backgroundStyle: styles.backgroundBottomSheet,\n            topInset: insets.top,\n            onDismiss: handleClose,\n          },\n    [type, enablePanDownToClose, handleIndicatorStyle, insets.top],\n  );\n\n  return (\n    <BottomSheetModal\n      ref={bottomSheetRef}\n      {...rest}\n      {...options}\n      enableDynamicSizing={false}\n      backgroundStyle={[options.backgroundStyle, backgroundStyle]}\n      backdropComponent={renderBackdrop}>\n      {type === 'Popup' ? (\n        <View style={styles.popupContainer}>\n          <View style={[styles.popup, popupStyle]}>{children}</View>\n        </View>\n      ) : (\n        children\n      )}\n    </BottomSheetModal>\n  );\n});\n\nexport const Modal = memo(\n  forwardRef<ModalRef, IModal>((props, ref) => {\n    if (Platform.OS === 'web') {\n      return <WebModal ref={ref} {...props} />;\n    }\n    return <NativeModal ref={ref} {...props} />;\n  }),\n);\n\nconst styles = StyleSheet.create({\n  backgroundBottomSheet: {\n    backgroundColor: colors.white['10'],\n  },\n  backgroundPopup: {\n    backgroundColor: 'transparent',\n    borderRadius: 0,\n  },\n  handleIndicator: {\n    backgroundColor: colors.neutral['60'],\n    width: pw(40),\n  },\n  popupContainer: {\n    flex: 1,\n    justifyContent: 'center',\n    marginHorizontal: metrics.width.spacingMedium,\n  },\n  popup: {\n    backgroundColor: colors.white['10'],\n    width: '100%',\n  },\n});\n"],"names":["pw"],"mappings":"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"}

package/dist/components/Modal/WebModal.d.ts

@@ -0,0 +1,2 @@
+export declare const WebModal: any;
+//# sourceMappingURL=WebModal.d.ts.map

package/dist/components/Modal/WebModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebModal.d.ts","sourceRoot":"","sources":["../../../components/Modal/WebModal.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,QAAQ,KAwDpB,CAAC"}

package/dist/components/Modal/WebModal.js

@@ -0,0 +1,86 @@
+import * as React from 'react';
+import { memo, forwardRef, useCallback, useImperativeHandle } from 'react';
+import { Modal, View, StyleSheet, Pressable } from 'react-native';
+import '../../hooks/usePermission.js';
+import '../../hooks/useToast.js';
+import '../../hooks/useSlideAnimation.js';
+import { useBackHandler } from '../../hooks/useBackHandler.js';
+import '../../themes/base/styles.js';
+import { colors, getColorOpacity } from '../../themes/colors.js';
+import '../../themes/images.js';
+import { metrics, pw as responsiveWidth, deviceWidth } from '../../themes/metrics.js';
+import '../../themes/stats.js';
+
+const WebModal = memo(forwardRef(({ type = 'BottomSheet', children, hideHandle = false, disableBackdropPress, containerStyle, onClose, }, ref) => {
+    const [visible, setVisible] = React.useState(false);
+    const open = useCallback(() => setVisible(true), []);
+    const close = useCallback(() => setVisible(false), []);
+    useBackHandler(() => {
+        if (visible) {
+            close();
+            return true;
+        }
+        return false;
+    });
+    useImperativeHandle(ref, () => ({ open, close, isOpen: visible }), [close, open, visible]);
+    const handleClose = useCallback(() => {
+        onClose === null || onClose === void 0 ? void 0 : onClose();
+        close();
+    }, [onClose, close]);
+    return (React.createElement(Modal, { visible: visible, animationType: "slide", transparent: true }, type === 'Popup' ? (React.createElement(View, { style: styles.popupContainer },
+        React.createElement(View, { style: [styles.popup, containerStyle] }, children))) : (React.createElement(View, { style: styles.bottomSheetContainer },
+        React.createElement(Pressable, { disabled: disableBackdropPress, style: styles.backdrop, onPress: handleClose }),
+        React.createElement(View, { style: [styles.bottomSheet, containerStyle] },
+            !hideHandle && React.createElement(View, { style: styles.dashed }),
+            children)))));
+}));
+const styles = StyleSheet.create({
+    backgroundBottomSheet: {
+        backgroundColor: colors.white['10'],
+    },
+    backgroundPopup: {
+        backgroundColor: 'transparent',
+        borderRadius: 0,
+    },
+    handleIndicator: {
+        backgroundColor: colors.neutral['60'],
+        width: responsiveWidth(40),
+    },
+    popupContainer: {
+        flex: 1,
+        justifyContent: 'center',
+        paddingHorizontal: metrics.width.spacingMedium,
+        backgroundColor: getColorOpacity(colors.black['10'], 0.3),
+    },
+    popup: {
+        backgroundColor: colors.white['10'],
+        width: '100%',
+        borderRadius: metrics.borderRadiusSemiLarge,
+        padding: metrics.width.spacingLarge,
+    },
+    bottomSheetContainer: {
+        flex: 1,
+        justifyContent: 'flex-end',
+        backgroundColor: getColorOpacity(colors.black['10'], 0.3),
+    },
+    backdrop: {
+        flex: 1,
+    },
+    bottomSheet: {
+        backgroundColor: colors.white['10'],
+        borderTopLeftRadius: metrics.borderRadiusSemiLarge,
+        borderTopRightRadius: metrics.borderRadiusSemiLarge,
+        paddingHorizontal: metrics.width.spacingMedium,
+    },
+    dashed: {
+        width: deviceWidth() * 0.35,
+        height: metrics.height.spacingTiny,
+        backgroundColor: colors.neutral['60'],
+        borderRadius: metrics.borderRadiusSemiLarge,
+        alignSelf: 'center',
+        marginVertical: metrics.height.spacingSlightlySmall,
+    },
+});
+
+export { WebModal };
+//# sourceMappingURL=WebModal.js.map

package/dist/components/Modal/WebModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebModal.js","sources":["../../../../components/Modal/WebModal.tsx"],"sourcesContent":["import * as React from 'react';\nimport {forwardRef, memo, useCallback, useImperativeHandle} from 'react';\nimport {StyleSheet, View, Modal as ModalRN, Pressable} from 'react-native';\nimport {useBackHandler} from '@ui/hooks';\nimport {colors, deviceWidth, getColorOpacity, metrics, pw} from '@ui/themes';\nimport {IModal, ModalRef} from './type';\n\nexport const WebModal = memo(\n  forwardRef<ModalRef, IModal>(\n    (\n      {\n        type = 'BottomSheet',\n        children,\n        hideHandle = false,\n        disableBackdropPress,\n        containerStyle,\n        onClose,\n      },\n      ref,\n    ) => {\n      const [visible, setVisible] = React.useState(false);\n\n      const open = useCallback(() => setVisible(true), []);\n      const close = useCallback(() => setVisible(false), []);\n\n      useBackHandler(() => {\n        if (visible) {\n          close();\n          return true;\n        }\n        return false;\n      });\n\n      useImperativeHandle(ref, () => ({open, close, isOpen: visible}), [close, open, visible]);\n\n      const handleClose = useCallback(() => {\n        onClose?.();\n        close();\n      }, [onClose, close]);\n\n      return (\n        <ModalRN visible={visible} animationType=\"slide\" transparent>\n          {type === 'Popup' ? (\n            <View style={styles.popupContainer}>\n              <View style={[styles.popup, containerStyle]}>{children}</View>\n            </View>\n          ) : (\n            <View style={styles.bottomSheetContainer}>\n              <Pressable\n                disabled={disableBackdropPress}\n                style={styles.backdrop}\n                onPress={handleClose}\n              />\n              <View style={[styles.bottomSheet, containerStyle]}>\n                {!hideHandle && <View style={styles.dashed} />}\n                {children}\n              </View>\n            </View>\n          )}\n        </ModalRN>\n      );\n    },\n  ),\n);\n\nconst styles = StyleSheet.create({\n  backgroundBottomSheet: {\n    backgroundColor: colors.white['10'],\n  },\n  backgroundPopup: {\n    backgroundColor: 'transparent',\n    borderRadius: 0,\n  },\n  handleIndicator: {\n    backgroundColor: colors.neutral['60'],\n    width: pw(40),\n  },\n  popupContainer: {\n    flex: 1,\n    justifyContent: 'center',\n    paddingHorizontal: metrics.width.spacingMedium,\n    backgroundColor: getColorOpacity(colors.black['10'], 0.3),\n  },\n  popup: {\n    backgroundColor: colors.white['10'],\n    width: '100%',\n    borderRadius: metrics.borderRadiusSemiLarge,\n    padding: metrics.width.spacingLarge,\n  },\n  bottomSheetContainer: {\n    flex: 1,\n    justifyContent: 'flex-end',\n    backgroundColor: getColorOpacity(colors.black['10'], 0.3),\n  },\n  backdrop: {\n    flex: 1,\n  },\n  bottomSheet: {\n    backgroundColor: colors.white['10'],\n    borderTopLeftRadius: metrics.borderRadiusSemiLarge,\n    borderTopRightRadius: metrics.borderRadiusSemiLarge,\n    paddingHorizontal: metrics.width.spacingMedium,\n  },\n  dashed: {\n    width: deviceWidth() * 0.35,\n    height: metrics.height.spacingTiny,\n    backgroundColor: colors.neutral['60'],\n    borderRadius: metrics.borderRadiusSemiLarge,\n    alignSelf: 'center',\n    marginVertical: metrics.height.spacingSlightlySmall,\n  },\n});\n"],"names":["ModalRN","pw"],"mappings":"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"}

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

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

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

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

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

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { BottomSheetModalProps } from '@gorhom/bottom-sheet';
+
+interface IModal extends Omit<BottomSheetModalProps, 'onDismiss' | 'backdropComponent' | 'children'> {
+    children: React.ReactNode;
+    type?: 'Popup' | 'BottomSheet';
+    popupStyle?: StyleProp<ViewStyle>;
+    containerStyle?: StyleProp<ViewStyle>;
+    hideHandle?: boolean;
+    disableBackdropPress?: boolean;
+    onClose?: () => void;
+}
+type ModalRef = {
+    open: () => void;
+    close: () => void;
+    isOpen: boolean;
+};
+
+export type { IModal, ModalRef };

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

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../components/Modal/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAClD,OAAO,EAAC,qBAAqB,EAAC,MAAM,sBAAsB,CAAC;AAE3D,MAAM,WAAW,MACf,SAAQ,IAAI,CACV,qBAAqB,EACrB,WAAW,GAAG,mBAAmB,GAAG,UAAU,CAC/C;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC;IAC/B,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC"}

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

@@ -0,0 +1,19 @@
+/**
+ * NotificationModal component for displaying warnings and errors
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <NotificationModal
+ *   ref={modalRef}
+ *   type="WARNING"
+ *   title="Warning Title"
+ *   onConfirm={() => {}}
+ * >
+ *   <Text>Modal content</Text>
+ * </NotificationModal>
+ * ```
+ */
+declare const NotificationModal: any;
+
+export { NotificationModal };

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationModal.d.ts","sourceRoot":"","sources":["../../../components/NotificationModal/NotificationModal.tsx"],"names":[],"mappings":"AA6EA;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,iBAAiB,KAwD7B,CAAC"}