@amityco/react-native-social-uikit 4.0.0-03e2bf8.0

package/lib/module/v4/component/Avatar/Avatar.js

@@ -0,0 +1,101 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { useState } from 'react';
+import { Image, TouchableOpacity } from 'react-native';
+import { useTheme } from 'react-native-paper';
+import { SvgXml } from 'react-native-svg';
+import { category } from '../../../v4/assets/icons';
+import { Typography } from '../Typography/Typography';
+import { useStyles } from './styles';
+import ModeratorBadge from '../../../v4/elements/ModeratorBadge';
+import { isModerator } from '../../../v4/utils/permissions';
+import { useNavigation } from '@react-navigation/native';
+function Avatar({
+  uri,
+  imageProps,
+  iconProps,
+  userAvatarProps
+}) {
+  var _userAvatarProps$user;
+  const {
+    styles
+  } = useStyles();
+  const [imageError, setImageError] = useState(false);
+  const navigation = useNavigation();
+  return uri && !imageError ? /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: imageProps.style,
+    activeOpacity: 0.7,
+    onPress: () => {
+      if (userAvatarProps !== null && userAvatarProps !== void 0 && userAvatarProps.shouldRedirectToUserProfile) {
+        navigation.navigate('UserProfile', {
+          userId: userAvatarProps === null || userAvatarProps === void 0 ? void 0 : userAvatarProps.userId
+        });
+      }
+    }
+  }, /*#__PURE__*/React.createElement(Image, _extends({
+    source: {
+      uri
+    }
+  }, imageProps, {
+    onError: () => setImageError(true)
+  }))) : iconProps ? /*#__PURE__*/React.createElement(SvgXml, iconProps) : /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: [styles.defaultUserAvatar, userAvatarProps.style],
+    activeOpacity: 0.7,
+    onPress: () => {
+      if (userAvatarProps !== null && userAvatarProps !== void 0 && userAvatarProps.shouldRedirectToUserProfile) {
+        navigation.navigate('UserProfile', {
+          userId: userAvatarProps === null || userAvatarProps === void 0 ? void 0 : userAvatarProps.userId
+        });
+      }
+    }
+  }, /*#__PURE__*/React.createElement(Typography.Body, {
+    style: styles.firstChar
+  }, (_userAvatarProps$user = userAvatarProps.userName) === null || _userAvatarProps$user === void 0 || (_userAvatarProps$user = _userAvatarProps$user.trim()) === null || _userAvatarProps$user === void 0 ? void 0 : _userAvatarProps$user.charAt(0).toUpperCase()), userAvatarProps.roles && isModerator(userAvatarProps.roles) && /*#__PURE__*/React.createElement(ModeratorBadge, {
+    style: styles.moderatorBadge
+  }));
+}
+function CategoryAvatar({
+  uri,
+  imageStyle,
+  iconProps: $iconProps
+}) {
+  const theme = useTheme();
+  return /*#__PURE__*/React.createElement(Avatar, {
+    uri: uri,
+    imageProps: {
+      style: imageStyle,
+      accessibilityLabel: 'Category Avatar'
+    },
+    iconProps: {
+      xml: category(),
+      color: theme.colors.primaryShade2,
+      ...$iconProps
+    }
+  });
+}
+function UserAvatar({
+  uri,
+  roles,
+  userId,
+  userName,
+  imageStyle,
+  shouldRedirectToUserProfile
+}) {
+  return /*#__PURE__*/React.createElement(Avatar, {
+    uri: uri,
+    userAvatarProps: {
+      roles,
+      userId,
+      userName,
+      style: imageStyle,
+      shouldRedirectToUserProfile
+    },
+    imageProps: {
+      style: imageStyle,
+      accessibilityLabel: `${userName ?? 'User'} Avatar`
+    }
+  });
+}
+Avatar.Category = CategoryAvatar;
+Avatar.User = UserAvatar;
+export default Avatar;
+//# sourceMappingURL=Avatar.js.map

package/lib/module/v4/component/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Image","TouchableOpacity","useTheme","SvgXml","category","Typography","useStyles","ModeratorBadge","isModerator","useNavigation","Avatar","uri","imageProps","iconProps","userAvatarProps","_userAvatarProps$user","styles","imageError","setImageError","navigation","createElement","style","activeOpacity","onPress","shouldRedirectToUserProfile","navigate","userId","_extends","source","onError","defaultUserAvatar","Body","firstChar","userName","trim","charAt","toUpperCase","roles","moderatorBadge","CategoryAvatar","imageStyle","$iconProps","theme","accessibilityLabel","xml","color","colors","primaryShade2","UserAvatar","Category","User"],"sourceRoot":"../../../../../src","sources":["v4/component/Avatar/Avatar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/v4/component/Avatar/index.js

@@ -0,0 +1,2 @@
+export { default } from './Avatar';
+//# sourceMappingURL=index.js.map

package/lib/module/v4/component/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default"],"sourceRoot":"../../../../../src","sources":["v4/component/Avatar/index.tsx"],"mappings":"AAAA,SAASA,OAAO,QAAQ,UAAU","ignoreList":[]}

package/lib/module/v4/component/Avatar/styles.js

@@ -0,0 +1,27 @@
+import { StyleSheet } from 'react-native';
+import { useTheme } from 'react-native-paper';
+export const useStyles = () => {
+  const theme = useTheme();
+  const styles = StyleSheet.create({
+    defaultUserAvatar: {
+      borderRadius: 100,
+      justifyContent: 'center',
+      alignItems: 'center',
+      backgroundColor: theme.colors.primaryShade2,
+      position: 'relative'
+    },
+    firstChar: {
+      color: theme.colors.background
+    },
+    moderatorBadge: {
+      position: 'absolute',
+      bottom: 0,
+      right: 0
+    }
+  });
+  return {
+    styles,
+    theme
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/v4/component/Avatar/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useTheme","useStyles","theme","styles","create","defaultUserAvatar","borderRadius","justifyContent","alignItems","backgroundColor","colors","primaryShade2","position","firstChar","color","background","moderatorBadge","bottom","right"],"sourceRoot":"../../../../../src","sources":["v4/component/Avatar/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,oBAAoB;AAG7C,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGF,QAAQ,CAAa,CAAC;EAEpC,MAAMG,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;IAC/BC,iBAAiB,EAAE;MACjBC,YAAY,EAAE,GAAG;MACjBC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,eAAe,EAAEP,KAAK,CAACQ,MAAM,CAACC,aAAa;MAC3CC,QAAQ,EAAE;IACZ,CAAC;IACDC,SAAS,EAAE;MACTC,KAAK,EAAEZ,KAAK,CAACQ,MAAM,CAACK;IACtB,CAAC;IACDC,cAAc,EAAE;MACdJ,QAAQ,EAAE,UAAU;MACpBK,MAAM,EAAE,CAAC;MACTC,KAAK,EAAE;IACT;EACF,CAAC,CAAC;EAEF,OAAO;IAAEf,MAAM;IAAED;EAAM,CAAC;AAC1B,CAAC","ignoreList":[]}

package/lib/module/v4/component/BottomSheetComponent/BottomSheetComponent.js

@@ -0,0 +1,29 @@
+import { useStyles } from './styles';
+import React, { memo, useEffect, useRef } from 'react';
+import { useBottomSheet } from '../../../redux/slices/bottomSheetSlice';
+import BottomSheet from '@devvie/bottom-sheet';
+const BottomSheetComponent = () => {
+  const sheetRef = useRef(null);
+  const {
+    closeBottomSheet,
+    content,
+    open,
+    height
+  } = useBottomSheet();
+  const {
+    styles
+  } = useStyles();
+  useEffect(() => {
+    open ? sheetRef.current.open() : sheetRef.current.close();
+  }, [open]);
+  return /*#__PURE__*/React.createElement(BottomSheet, {
+    ref: sheetRef,
+    height: height,
+    closeOnDragDown: true,
+    closeOnBackdropPress: true,
+    style: styles.container,
+    onClose: closeBottomSheet
+  }, content);
+};
+export default /*#__PURE__*/memo(BottomSheetComponent);
+//# sourceMappingURL=BottomSheetComponent.js.map

package/lib/module/v4/component/BottomSheetComponent/BottomSheetComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useStyles","React","memo","useEffect","useRef","useBottomSheet","BottomSheet","BottomSheetComponent","sheetRef","closeBottomSheet","content","open","height","styles","current","close","createElement","ref","closeOnDragDown","closeOnBackdropPress","style","container","onClose"],"sourceRoot":"../../../../../src","sources":["v4/component/BottomSheetComponent/BottomSheetComponent.tsx"],"mappings":"AAAA,SAASA,SAAS,QAAQ,UAAU;AACpC,OAAOC,KAAK,IAAIC,IAAI,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACtD,SAASC,cAAc,QAAQ,wCAAwC;AACvE,OAAOC,WAAW,MAA8B,sBAAsB;AAEtE,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EACjC,MAAMC,QAAQ,GAAGJ,MAAM,CAAqB,IAAI,CAAC;EACjD,MAAM;IAAEK,gBAAgB;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAO,CAAC,GAAGP,cAAc,CAAC,CAAC;EAEpE,MAAM;IAAEQ;EAAO,CAAC,GAAGb,SAAS,CAAC,CAAC;EAE9BG,SAAS,CAAC,MAAM;IACdQ,IAAI,GAAGH,QAAQ,CAACM,OAAO,CAACH,IAAI,CAAC,CAAC,GAAGH,QAAQ,CAACM,OAAO,CAACC,KAAK,CAAC,CAAC;EAC3D,CAAC,EAAE,CAACJ,IAAI,CAAC,CAAC;EAEV,oBACEV,KAAA,CAAAe,aAAA,CAACV,WAAW;IACVW,GAAG,EAAET,QAAS;IACdI,MAAM,EAAEA,MAAO;IACfM,eAAe;IACfC,oBAAoB;IACpBC,KAAK,EAAEP,MAAM,CAACQ,SAAU;IACxBC,OAAO,EAAEb;EAAiB,GAEzBC,OACU,CAAC;AAElB,CAAC;AAED,4BAAeR,IAAI,CAACK,oBAAoB,CAAC","ignoreList":[]}

package/lib/module/v4/component/BottomSheetComponent/styles.js

@@ -0,0 +1,15 @@
+import { StyleSheet } from 'react-native';
+import { useTheme } from 'react-native-paper';
+export const useStyles = () => {
+  const theme = useTheme();
+  const styles = StyleSheet.create({
+    container: {
+      backgroundColor: theme.colors.background
+    }
+  });
+  return {
+    theme,
+    styles
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/v4/component/BottomSheetComponent/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useTheme","useStyles","theme","styles","create","container","backgroundColor","colors","background"],"sourceRoot":"../../../../../src","sources":["v4/component/BottomSheetComponent/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,oBAAoB;AAG7C,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGF,QAAQ,CAAa,CAAC;EACpC,MAAMG,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,eAAe,EAAEJ,KAAK,CAACK,MAAM,CAACC;IAChC;EACF,CAAC,CAAC;EAEF,OAAO;IACLN,KAAK;IACLC;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/module/v4/component/Button/Button.js

@@ -0,0 +1,62 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { TouchableOpacity } from 'react-native';
+import { Typography } from '../Typography/Typography';
+import { useStyles } from './styles';
+import { SvgXml } from 'react-native-svg';
+export let BUTTON_SIZE = /*#__PURE__*/function (BUTTON_SIZE) {
+  BUTTON_SIZE["SMALL"] = "small";
+  BUTTON_SIZE["LARGE"] = "large";
+  return BUTTON_SIZE;
+}({});
+export const Button = ({
+  icon,
+  children,
+  style,
+  iconProps,
+  size = BUTTON_SIZE.LARGE,
+  type = 'primary',
+  textStyle,
+  themeStyle,
+  disabled,
+  ...props
+}) => {
+  const styles = useStyles(themeStyle);
+  const buttonStyles = type === 'inline' ? [styles[`button${capitalize(type)}`], disabled && styles[`button${capitalize(type)}Disabled`], style] : [styles.button, styles[`button${capitalize(type)}`], styles[`button${capitalize(size)}`], icon && children ? styles[`${size}WithIcon`] : null, icon && !children ? styles[`${size}OnlyIcon`] : null, disabled && styles[`button${capitalize(type)}Disabled`], style];
+  const textStyles = [styles[`text${capitalize(type)}`], textStyle];
+  const iconColor = {
+    primary: themeStyle === null || themeStyle === void 0 ? void 0 : themeStyle.colors.background,
+    secondary: themeStyle === null || themeStyle === void 0 ? void 0 : themeStyle.colors.secondary
+  };
+  const renderChildren = () => {
+    if (!children) return null;
+    if (typeof children !== 'string') return children;
+    if (type === 'inline') return /*#__PURE__*/React.createElement(Typography.Body, {
+      style: buttonStyles
+    }, children);
+    if (size === 'small') {
+      return /*#__PURE__*/React.createElement(Typography.CaptionBold, {
+        style: textStyles
+      }, children);
+    }
+    return /*#__PURE__*/React.createElement(Typography.BodyBold, {
+      style: textStyles
+    }, children);
+  };
+  return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, props, {
+    disabled: disabled,
+    style: buttonStyles,
+    activeOpacity: 0.7,
+    accessibilityRole: "button"
+  }), icon && /*#__PURE__*/React.createElement(SvgXml, _extends({
+    xml: icon,
+    width: 20,
+    height: 20,
+    color: iconColor[type]
+  }, iconProps)), renderChildren());
+};
+const capitalize = str => {
+  return str.charAt(0).toUpperCase() + str.slice(1);
+};
+export default Button;
+//# sourceMappingURL=Button.js.map

package/lib/module/v4/component/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","TouchableOpacity","Typography","useStyles","SvgXml","BUTTON_SIZE","Button","icon","children","style","iconProps","size","LARGE","type","textStyle","themeStyle","disabled","props","styles","buttonStyles","capitalize","button","textStyles","iconColor","primary","colors","background","secondary","renderChildren","createElement","Body","CaptionBold","BodyBold","_extends","activeOpacity","accessibilityRole","xml","width","height","color","str","charAt","toUpperCase","slice"],"sourceRoot":"../../../../../src","sources":["v4/component/Button/Button.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/v4/component/Button/styles.js

@@ -0,0 +1,73 @@
+import { StyleSheet } from 'react-native';
+export const useStyles = theme => {
+  const styles = StyleSheet.create({
+    button: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      borderRadius: 8
+    },
+    buttonSmall: {
+      paddingVertical: 5
+    },
+    smallWithIcon: {
+      gap: 4,
+      paddingLeft: 8,
+      paddingRight: 12
+    },
+    smallOnlyIcon: {
+      padding: 4
+    },
+    buttonLarge: {
+      paddingVertical: 10,
+      paddingHorizontal: 16
+    },
+    largeWithIcon: {
+      gap: 8,
+      paddingLeft: 12,
+      paddingRight: 16
+    },
+    largeOnlyIcon: {
+      padding: 10
+    },
+    buttonPrimary: {
+      backgroundColor: theme.colors.primary
+    },
+    buttonPrimaryDisabled: {
+      backgroundColor: theme.colors.primaryShade3
+    },
+    buttonSecondary: {
+      backgroundColor: 'transparent',
+      borderColor: theme.isDarkTheme ? theme.colors.baseShade1 : theme.colors.secondaryShade2,
+      borderWidth: 1
+    },
+    buttonInverse: {
+      backgroundColor: 'transparent',
+      borderColor: 'white',
+      borderWidth: 1
+    },
+    buttonInline: {
+      backgroundColor: 'transparent',
+      color: theme.colors.primary
+    },
+    buttonInlineDisabled: {
+      backgroundColor: 'transparent',
+      color: theme.colors.primaryShade2
+    },
+    textPrimary: {
+      color: 'white'
+    },
+    textSecondary: {
+      color: theme.isDarkTheme ? theme.colors.baseShade1 : theme.colors.secondary
+    },
+    textInverse: {
+      color: 'white'
+    },
+    icon: {
+      width: 20,
+      height: 20
+    }
+  });
+  return styles;
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/v4/component/Button/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useStyles","theme","styles","create","button","flexDirection","alignItems","justifyContent","borderRadius","buttonSmall","paddingVertical","smallWithIcon","gap","paddingLeft","paddingRight","smallOnlyIcon","padding","buttonLarge","paddingHorizontal","largeWithIcon","largeOnlyIcon","buttonPrimary","backgroundColor","colors","primary","buttonPrimaryDisabled","primaryShade3","buttonSecondary","borderColor","isDarkTheme","baseShade1","secondaryShade2","borderWidth","buttonInverse","buttonInline","color","buttonInlineDisabled","primaryShade2","textPrimary","textSecondary","secondary","textInverse","icon","width","height"],"sourceRoot":"../../../../../src","sources":["v4/component/Button/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAGzC,OAAO,MAAMC,SAAS,GAAIC,KAAiB,IAAK;EAC9C,MAAMC,MAAM,GAAGH,UAAU,CAACI,MAAM,CAAC;IAC/BC,MAAM,EAAE;MACNC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,YAAY,EAAE;IAChB,CAAC;IAEDC,WAAW,EAAE;MACXC,eAAe,EAAE;IACnB,CAAC;IACDC,aAAa,EAAE;MACbC,GAAG,EAAE,CAAC;MACNC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE;IAChB,CAAC;IACDC,aAAa,EAAE;MACbC,OAAO,EAAE;IACX,CAAC;IACDC,WAAW,EAAE;MACXP,eAAe,EAAE,EAAE;MACnBQ,iBAAiB,EAAE;IACrB,CAAC;IACDC,aAAa,EAAE;MACbP,GAAG,EAAE,CAAC;MACNC,WAAW,EAAE,EAAE;MACfC,YAAY,EAAE;IAChB,CAAC;IACDM,aAAa,EAAE;MACbJ,OAAO,EAAE;IACX,CAAC;IAEDK,aAAa,EAAE;MACbC,eAAe,EAAErB,KAAK,CAACsB,MAAM,CAACC;IAChC,CAAC;IACDC,qBAAqB,EAAE;MACrBH,eAAe,EAAErB,KAAK,CAACsB,MAAM,CAACG;IAChC,CAAC;IACDC,eAAe,EAAE;MACfL,eAAe,EAAE,aAAa;MAC9BM,WAAW,EAAE3B,KAAK,CAAC4B,WAAW,GAC1B5B,KAAK,CAACsB,MAAM,CAACO,UAAU,GACvB7B,KAAK,CAACsB,MAAM,CAACQ,eAAe;MAChCC,WAAW,EAAE;IACf,CAAC;IACDC,aAAa,EAAE;MACbX,eAAe,EAAE,aAAa;MAC9BM,WAAW,EAAE,OAAO;MACpBI,WAAW,EAAE;IACf,CAAC;IACDE,YAAY,EAAE;MACZZ,eAAe,EAAE,aAAa;MAC9Ba,KAAK,EAAElC,KAAK,CAACsB,MAAM,CAACC;IACtB,CAAC;IACDY,oBAAoB,EAAE;MACpBd,eAAe,EAAE,aAAa;MAC9Ba,KAAK,EAAElC,KAAK,CAACsB,MAAM,CAACc;IACtB,CAAC;IAEDC,WAAW,EAAE;MACXH,KAAK,EAAE;IACT,CAAC;IACDI,aAAa,EAAE;MACbJ,KAAK,EAAElC,KAAK,CAAC4B,WAAW,GACpB5B,KAAK,CAACsB,MAAM,CAACO,UAAU,GACvB7B,KAAK,CAACsB,MAAM,CAACiB;IACnB,CAAC;IACDC,WAAW,EAAE;MACXN,KAAK,EAAE;IACT,CAAC;IAEDO,IAAI,EAAE;MACJC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACV;EACF,CAAC,CAAC;EACF,OAAO1C,MAAM;AACf,CAAC","ignoreList":[]}

package/lib/module/v4/component/CancelButton/index.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { TouchableOpacity, View, Text } from 'react-native';
+import { useStyles } from './styles';
+import { useNavigation } from '@react-navigation/native';
+export default function CancelButton() {
+  const navigation = useNavigation();
+  const styles = useStyles();
+  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: () => navigation.goBack()
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.icon
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.cancelText
+  }, "Cancel")));
+}
+//# sourceMappingURL=index.js.map

package/lib/module/v4/component/CancelButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","TouchableOpacity","View","Text","useStyles","useNavigation","CancelButton","navigation","styles","createElement","onPress","goBack","style","icon","cancelText"],"sourceRoot":"../../../../../src","sources":["v4/component/CancelButton/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAC3D,SAASC,SAAS,QAAQ,UAAU;AACpC,SAASC,aAAa,QAAQ,0BAA0B;AAExD,eAAe,SAASC,YAAYA,CAAA,EAAG;EACrC,MAAMC,UAAU,GAAGF,aAAa,CAAC,CAAC;EAClC,MAAMG,MAAM,GAAGJ,SAAS,CAAC,CAAC;EAC1B,oBACEJ,KAAA,CAAAS,aAAA,CAACR,gBAAgB;IAACS,OAAO,EAAEA,CAAA,KAAMH,UAAU,CAACI,MAAM,CAAC;EAAE,gBACnDX,KAAA,CAAAS,aAAA,CAACP,IAAI;IAACU,KAAK,EAAEJ,MAAM,CAACK;EAAK,gBACvBb,KAAA,CAAAS,aAAA,CAACN,IAAI;IAACS,KAAK,EAAEJ,MAAM,CAACM;EAAW,GAAC,QAAY,CACxC,CACU,CAAC;AAEvB","ignoreList":[]}

package/lib/module/v4/component/CancelButton/styles.js

@@ -0,0 +1,21 @@
+import { StyleSheet } from 'react-native';
+import { useTheme } from 'react-native-paper';
+export const useStyles = () => {
+  const theme = useTheme();
+  const styles = StyleSheet.create({
+    icon: {
+      backgroundColor: theme.colors.background,
+      color: theme.colors.base,
+      height: 20,
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    },
+    cancelText: {
+      fontSize: 18,
+      color: theme.colors.base
+    }
+  });
+  return styles;
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/v4/component/CancelButton/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useTheme","useStyles","theme","styles","create","icon","backgroundColor","colors","background","color","base","height","display","justifyContent","alignItems","cancelText","fontSize"],"sourceRoot":"../../../../../src","sources":["v4/component/CancelButton/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,oBAAoB;AAG7C,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGF,QAAQ,CAAC,CAAe;EACtC,MAAMG,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;IAC/BC,IAAI,EAAE;MACJC,eAAe,EAAEJ,KAAK,CAACK,MAAM,CAACC,UAAU;MACxCC,KAAK,EAAEP,KAAK,CAACK,MAAM,CAACG,IAAI;MAExBC,MAAM,EAAE,EAAE;MACVC,OAAO,EAAE,MAAM;MACfC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd,CAAC;IACDC,UAAU,EAAE;MACVC,QAAQ,EAAE,EAAE;MACZP,KAAK,EAAEP,KAAK,CAACK,MAAM,CAACG;IACtB;EACF,CAAC,CAAC;EACF,OAAOP,MAAM;AACf,CAAC","ignoreList":[]}

package/lib/module/v4/component/CategoryChip/CategoryChip.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import { View } from 'react-native';
+import { Typography } from '../Typography/Typography';
+import { useStyles } from './styles';
+import Avatar from '../Avatar';
+import { CloseButton } from '../../../v4/elements';
+function CategoryChip({
+  category,
+  onPress
+}) {
+  var _category$avatar;
+  const {
+    styles,
+    theme
+  } = useStyles();
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.categoryChip
+  }, /*#__PURE__*/React.createElement(Avatar.Category, {
+    iconProps: {
+      width: 28,
+      height: 28
+    },
+    uri: (_category$avatar = category.avatar) === null || _category$avatar === void 0 ? void 0 : _category$avatar.fileUrl,
+    imageStyle: styles.categoryAvatar
+  }), /*#__PURE__*/React.createElement(Typography.BodyBold, {
+    numberOfLines: 1,
+    ellipsizeMode: "tail",
+    style: styles.categoryName
+  }, category.name), onPress && /*#__PURE__*/React.createElement(CloseButton, {
+    onPress: () => onPress(category),
+    iconProps: {
+      color: theme.colors.baseShade1
+    }
+  }));
+}
+export default CategoryChip;
+//# sourceMappingURL=CategoryChip.js.map

package/lib/module/v4/component/CategoryChip/CategoryChip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Typography","useStyles","Avatar","CloseButton","CategoryChip","category","onPress","_category$avatar","styles","theme","createElement","style","categoryChip","Category","iconProps","width","height","uri","avatar","fileUrl","imageStyle","categoryAvatar","BodyBold","numberOfLines","ellipsizeMode","categoryName","name","color","colors","baseShade1"],"sourceRoot":"../../../../../src","sources":["v4/component/CategoryChip/CategoryChip.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,SAAS,QAAQ,UAAU;AACpC,OAAOC,MAAM,MAAM,WAAW;AAC9B,SAASC,WAAW,QAAQ,sBAAsB;AAOlD,SAASC,YAAYA,CAAC;EAAEC,QAAQ;EAAEC;AAA2B,CAAC,EAAE;EAAA,IAAAC,gBAAA;EAC9D,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGR,SAAS,CAAC,CAAC;EAErC,oBACEH,KAAA,CAAAY,aAAA,CAACX,IAAI;IAACY,KAAK,EAAEH,MAAM,CAACI;EAAa,gBAC/Bd,KAAA,CAAAY,aAAA,CAACR,MAAM,CAACW,QAAQ;IACdC,SAAS,EAAE;MAAEC,KAAK,EAAE,EAAE;MAAEC,MAAM,EAAE;IAAG,CAAE;IACrCC,GAAG,GAAAV,gBAAA,GAAEF,QAAQ,CAACa,MAAM,cAAAX,gBAAA,uBAAfA,gBAAA,CAAiBY,OAAQ;IAC9BC,UAAU,EAAEZ,MAAM,CAACa;EAAe,CACnC,CAAC,eACFvB,KAAA,CAAAY,aAAA,CAACV,UAAU,CAACsB,QAAQ;IAClBC,aAAa,EAAE,CAAE;IACjBC,aAAa,EAAC,MAAM;IACpBb,KAAK,EAAEH,MAAM,CAACiB;EAAa,GAE1BpB,QAAQ,CAACqB,IACS,CAAC,EACrBpB,OAAO,iBACNR,KAAA,CAAAY,aAAA,CAACP,WAAW;IACVG,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAACD,QAAQ,CAAE;IACjCS,SAAS,EAAE;MAAEa,KAAK,EAAElB,KAAK,CAACmB,MAAM,CAACC;IAAW;EAAE,CAC/C,CAEC,CAAC;AAEX;AAEA,eAAezB,YAAY","ignoreList":[]}

package/lib/module/v4/component/CategoryChip/index.js

@@ -0,0 +1,2 @@
+export { default } from './CategoryChip';
+//# sourceMappingURL=index.js.map

package/lib/module/v4/component/CategoryChip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default"],"sourceRoot":"../../../../../src","sources":["v4/component/CategoryChip/index.ts"],"mappings":"AAAA,SAASA,OAAO,QAAQ,gBAAgB","ignoreList":[]}

package/lib/module/v4/component/CategoryChip/styles.js

@@ -0,0 +1,35 @@
+import { StyleSheet } from 'react-native';
+import { useTheme } from 'react-native-paper';
+export const useStyles = () => {
+  const theme = useTheme();
+  const styles = StyleSheet.create({
+    categoryChip: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      alignSelf: 'flex-start',
+      gap: 8,
+      paddingLeft: 4,
+      paddingVertical: 4,
+      paddingRight: 8,
+      borderRadius: 24,
+      borderWidth: 1,
+      borderColor: theme.colors.baseShade4
+    },
+    categoryAvatar: {
+      width: 28,
+      height: 28,
+      borderRadius: 100,
+      objectFit: 'cover'
+    },
+    categoryName: {
+      color: theme.colors.base,
+      flexShrink: 1
+    }
+  });
+  return {
+    styles,
+    theme
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/v4/component/CategoryChip/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useTheme","useStyles","theme","styles","create","categoryChip","flexDirection","alignItems","justifyContent","alignSelf","gap","paddingLeft","paddingVertical","paddingRight","borderRadius","borderWidth","borderColor","colors","baseShade4","categoryAvatar","width","height","objectFit","categoryName","color","base","flexShrink"],"sourceRoot":"../../../../../src","sources":["v4/component/CategoryChip/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,oBAAoB;AAG7C,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGF,QAAQ,CAAa,CAAC;EAEpC,MAAMG,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;IAC/BC,YAAY,EAAE;MACZC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,eAAe;MAC/BC,SAAS,EAAE,YAAY;MACvBC,GAAG,EAAE,CAAC;MACNC,WAAW,EAAE,CAAC;MACdC,eAAe,EAAE,CAAC;MAClBC,YAAY,EAAE,CAAC;MACfC,YAAY,EAAE,EAAE;MAChBC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAEd,KAAK,CAACe,MAAM,CAACC;IAC5B,CAAC;IACDC,cAAc,EAAE;MACdC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVP,YAAY,EAAE,GAAG;MACjBQ,SAAS,EAAE;IACb,CAAC;IACDC,YAAY,EAAE;MACZC,KAAK,EAAEtB,KAAK,CAACe,MAAM,CAACQ,IAAI;MACxBC,UAAU,EAAE;IACd;EACF,CAAC,CAAC;EACF,OAAO;IACLvB,MAAM;IACND;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/module/v4/component/CircularProgressIndicator/CircularProgressIndicator.js

@@ -0,0 +1,93 @@
+import { useStyles } from './styles';
+import { Circle, Svg } from 'react-native-svg';
+import React, { useEffect, useRef } from 'react';
+import { StyleSheet, View, Animated } from 'react-native';
+export const CircularProgressIndicator = ({
+  progress,
+  size = 50,
+  strokeWidth = 4,
+  backgroundColor = 'rgba(255, 255, 255, 0.5)',
+  progressColor = 'white',
+  backgroundOpacity = 1,
+  duration = 1000
+}) => {
+  const styles = useStyles();
+  const rotateAnim = useRef(new Animated.Value(0)).current;
+  const radius = (size - strokeWidth) / 2;
+  const circumference = radius * 2 * Math.PI;
+  const isProgressMode = progress !== undefined;
+  const strokeDashoffset = isProgressMode ? circumference - progress / 100 * circumference : 0;
+  useEffect(() => {
+    if (!isProgressMode) {
+      Animated.loop(Animated.timing(rotateAnim, {
+        toValue: 1,
+        duration,
+        useNativeDriver: true
+      })).start();
+    }
+  }, [rotateAnim, duration, isProgressMode]);
+  const rotate = rotateAnim.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['0deg', '360deg']
+  });
+  const renderProgressVersion = () => /*#__PURE__*/React.createElement(Svg, {
+    width: size,
+    height: size,
+    style: StyleSheet.absoluteFillObject
+  }, /*#__PURE__*/React.createElement(Circle, {
+    cx: size / 2,
+    cy: size / 2,
+    r: radius,
+    stroke: backgroundColor,
+    strokeWidth: strokeWidth,
+    fill: "transparent",
+    opacity: backgroundOpacity
+  }), /*#__PURE__*/React.createElement(Circle, {
+    cx: size / 2,
+    cy: size / 2,
+    r: radius,
+    stroke: progressColor,
+    strokeWidth: strokeWidth,
+    fill: "transparent",
+    strokeDasharray: `${circumference} ${circumference}`,
+    strokeDashoffset: strokeDashoffset,
+    strokeLinecap: "round",
+    transform: `rotate(-90 ${size / 2} ${size / 2})`
+  }));
+  const renderRotatingVersion = () => /*#__PURE__*/React.createElement(Animated.View, {
+    style: [StyleSheet.absoluteFillObject, {
+      transform: [{
+        rotate
+      }]
+    }]
+  }, /*#__PURE__*/React.createElement(Svg, {
+    width: size,
+    height: size
+  }, /*#__PURE__*/React.createElement(Circle, {
+    cx: size / 2,
+    cy: size / 2,
+    r: radius,
+    stroke: backgroundColor,
+    strokeWidth: strokeWidth,
+    fill: "transparent",
+    opacity: backgroundOpacity,
+    strokeDasharray: `${circumference} ${circumference}`
+  }), /*#__PURE__*/React.createElement(Circle, {
+    cx: size / 2,
+    cy: size / 2,
+    r: radius,
+    stroke: progressColor,
+    strokeWidth: strokeWidth,
+    fill: "transparent",
+    strokeDasharray: `${circumference * 0.25} ${circumference * 0.75}`,
+    strokeLinecap: "round",
+    transform: `rotate(-90 ${size / 2} ${size / 2})`
+  })));
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, {
+      width: size,
+      height: size
+    }]
+  }, isProgressMode ? renderProgressVersion() : renderRotatingVersion());
+};
+//# sourceMappingURL=CircularProgressIndicator.js.map

package/lib/module/v4/component/CircularProgressIndicator/CircularProgressIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useStyles","Circle","Svg","React","useEffect","useRef","StyleSheet","View","Animated","CircularProgressIndicator","progress","size","strokeWidth","backgroundColor","progressColor","backgroundOpacity","duration","styles","rotateAnim","Value","current","radius","circumference","Math","PI","isProgressMode","undefined","strokeDashoffset","loop","timing","toValue","useNativeDriver","start","rotate","interpolate","inputRange","outputRange","renderProgressVersion","createElement","width","height","style","absoluteFillObject","cx","cy","r","stroke","fill","opacity","strokeDasharray","strokeLinecap","transform","renderRotatingVersion","container"],"sourceRoot":"../../../../../src","sources":["v4/component/CircularProgressIndicator/CircularProgressIndicator.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/v4/component/CircularProgressIndicator/index.js

@@ -0,0 +1,2 @@
+export { CircularProgressIndicator } from './CircularProgressIndicator';
+//# sourceMappingURL=index.js.map

package/lib/module/v4/component/CircularProgressIndicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CircularProgressIndicator"],"sourceRoot":"../../../../../src","sources":["v4/component/CircularProgressIndicator/index.ts"],"mappings":"AAAA,SAASA,yBAAyB,QAAQ,6BAA6B","ignoreList":[]}

package/lib/module/v4/component/CircularProgressIndicator/styles.js

@@ -0,0 +1,15 @@
+import { StyleSheet } from 'react-native';
+export const useStyles = () => {
+  const styles = StyleSheet.create({
+    container: {
+      justifyContent: 'center',
+      alignItems: 'center',
+      position: 'relative'
+    },
+    backgroundCircle: {
+      position: 'absolute'
+    }
+  });
+  return styles;
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/v4/component/CircularProgressIndicator/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useStyles","styles","create","container","justifyContent","alignItems","position","backgroundCircle"],"sourceRoot":"../../../../../src","sources":["v4/component/CircularProgressIndicator/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,MAAM,GAAGF,UAAU,CAACG,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,QAAQ,EAAE;IACZ,CAAC;IACDC,gBAAgB,EAAE;MAChBD,QAAQ,EAAE;IACZ;EACF,CAAC,CAAC;EAEF,OAAOL,MAAM;AACf,CAAC","ignoreList":[]}