@smart-link/rn-im 1.0.23 → 1.0.24

package/dist/pages/address-list/CardInfo.js

@@ -1,27 +1,19 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Line = exports.CardInfo = void 0;
-const react_1 = __importDefault(require("react"));
-const react_native_1 = require("react-native");
-const CardInfo = (props) => {
+import React from 'react';
+import { View, TouchableHighlight, StyleSheet } from 'react-native';
+export const CardInfo = (props) => {
     const { children, style } = props;
-    return <react_native_1.View style={[styles.cardInfo, style]}>{children}</react_native_1.View>;
+    return <View style={[styles.cardInfo, style]}>{children}</View>;
 };
-exports.CardInfo = CardInfo;
-const Line = (props) => {
+export const Line = (props) => {
     const { children, style, onPress, onLongPress } = props;
     if (onPress || onLongPress) {
-        return (<react_native_1.TouchableHighlight style={[style, { borderTopWidth: 0 }]} onLongPress={onLongPress} onPress={onPress}>
-                <react_native_1.View style={[styles.line, style]}>{children}</react_native_1.View>
-            </react_native_1.TouchableHighlight>);
+        return (<TouchableHighlight style={[style, { borderTopWidth: 0 }]} onLongPress={onLongPress} onPress={onPress}>
+                <View style={[styles.line, style]}>{children}</View>
+            </TouchableHighlight>);
     }
-    return <react_native_1.View style={[styles.line, style]}>{children}</react_native_1.View>;
+    return <View style={[styles.line, style]}>{children}</View>;
 };
-exports.Line = Line;
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     cardInfo: {
         marginTop: 10,
     },

package/dist/pages/address-list/ChooseContact.js

@@ -1,27 +1,3 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -31,21 +7,17 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const rn_ui_1 = require("@smart-link/rn-ui");
-const useTranslation_1 = __importDefault(require("../../hooks/useTranslation"));
-const useImSelector_1 = require("../../hooks/useImSelector");
-const init_1 = require("../../init");
-const im_base_1 = require("@smart-link/im-base");
-const contact_slice_1 = require("../../slice/contact/contact.slice");
-const Organization_1 = require("./Organization");
-const react_redux_1 = require("react-redux");
-const user_1 = require("../../api/user");
+import React, { useEffect, useState } from 'react';
+import { StyleSheet, View, Text, TouchableOpacity, ScrollView } from 'react-native';
+import { dp, ListRow, NavigationPage, SearchInput } from '@smart-link/rn-ui';
+import useTranslation from '../../hooks/useTranslation';
+import { useContact, useConversation } from '../../hooks/useImSelector';
+import { getImManager } from '../../init';
+import { ConversationActions } from '@smart-link/im-base';
+import { onSelectUser, resetState, onDefaultCheckedUser } from '../../slice/contact/contact.slice';
+import { RenderUserItem } from './Organization';
+import { useDispatch } from 'react-redux';
+import { queryUserByIds, searchUser } from '../../api/user';
 const rootEntry = [
     {
         name: 'organization',
@@ -58,31 +30,31 @@ const rootEntry = [
 ];
 const ChooseContact = ({ navigation, route: { params } }) => {
     const { checkedIds = [] } = params;
-    const { t } = (0, useTranslation_1.default)();
-    const dispatch = (0, react_redux_1.useDispatch)();
-    const { currentConversation } = (0, useImSelector_1.useConversation)();
-    const { selectUsers, choosePurpose } = (0, useImSelector_1.useContact)();
-    const [keyword, setKeyword] = (0, react_1.useState)('');
-    const [userList, setUserList] = (0, react_1.useState)([]);
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+    const { currentConversation } = useConversation();
+    const { selectUsers, choosePurpose } = useContact();
+    const [keyword, setKeyword] = useState('');
+    const [userList, setUserList] = useState([]);
     const selectCount = Object.keys(selectUsers).length;
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         navigation.setOptions({
             title: t('selectContacts'),
-            headerRight: () => (<react_native_1.TouchableOpacity onPress={() => __awaiter(void 0, void 0, void 0, function* () {
+            headerRight: () => (<TouchableOpacity onPress={() => __awaiter(void 0, void 0, void 0, function* () {
                     if (!selectCount) {
                         navigation.goBack();
                         return;
                     }
                     // 处理确认事件
-                    const imManager = (0, init_1.getImManager)();
+                    const imManager = getImManager();
                     const list = Object.values(selectUsers);
                     if (choosePurpose === 'createGroup') {
-                        yield imManager.store.dispatch(im_base_1.ConversationActions.groupOriginate(imManager, {
+                        yield imManager.store.dispatch(ConversationActions.groupOriginate(imManager, {
                             selectUserList: list,
                         }));
                     }
                     if (choosePurpose === 'addMember') {
-                        yield imManager.store.dispatch(im_base_1.ConversationActions.addGroupMembers(imManager, {
+                        yield imManager.store.dispatch(ConversationActions.addGroupMembers(imManager, {
                             selectUserList: list,
                         }));
                     }
@@ -91,66 +63,66 @@ const ChooseContact = ({ navigation, route: { params } }) => {
                     }
                     navigation.goBack();
                 })} style={{ width: 120 }}>
-                    <react_native_1.Text style={{
+                    <Text style={{
                     color: '#fff',
                     textAlign: 'right',
-                    fontSize: (0, rn_ui_1.dp)(14),
+                    fontSize: dp(14),
                 }}>
                         {selectCount ? `${t('confirm')}(${selectCount})` : t('cancel')}
-                    </react_native_1.Text>
-                </react_native_1.TouchableOpacity>),
+                    </Text>
+                </TouchableOpacity>),
         });
         const remove = navigation.addListener('beforeRemove', () => {
-            (0, init_1.getImManager)().store.dispatch((0, contact_slice_1.resetState)());
+            getImManager().store.dispatch(resetState());
         });
         return () => {
             remove();
         };
     }, [t, currentConversation, choosePurpose, selectCount, navigation]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (checkedIds.length) {
-            (0, user_1.queryUserByIds)(checkedIds).then(resp => {
-                dispatch((0, contact_slice_1.onDefaultCheckedUser)(resp.data));
+            queryUserByIds(checkedIds).then(resp => {
+                dispatch(onDefaultCheckedUser(resp.data));
                 setUserList(resp.data);
             });
         }
     }, [checkedIds]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (!keyword || keyword === '') {
             return;
         }
-        (0, user_1.searchUser)({
+        searchUser({
             searchKey: keyword,
             pageSize: 50,
         }).then(({ data }) => {
             setUserList(data);
         });
     }, [keyword]);
-    return (<rn_ui_1.NavigationPage noPadding scroll={false}>
-            <react_native_1.View style={{ height: 10 }}/>
-            <rn_ui_1.SearchInput style={{ marginHorizontal: 10 }} onSubmitEditing={e => {
+    return (<NavigationPage noPadding scroll={false}>
+            <View style={{ height: 10 }}/>
+            <SearchInput style={{ marginHorizontal: 10 }} onSubmitEditing={e => {
             setKeyword(e.nativeEvent.text);
         }} placeholder={t('search')}/>
-            <react_native_1.View style={{ height: 8 }}/>
-            <react_native_1.View style={{ flex: 1 }}>
-                {userList.length > 0 ? (<react_native_1.ScrollView contentContainerStyle={{ paddingBottom: 20 }}>
-                        {userList.map((item) => (<rn_ui_1.ListRow key={item.userId} onPress={() => {
-                    dispatch((0, contact_slice_1.onSelectUser)(item));
-                }} title={<Organization_1.RenderUserItem disabled checkable={true} checked={!!selectUsers[item.userId]} data={item}/>} topSeparator="full" accessory="none"/>))}
-                    </react_native_1.ScrollView>) : (<react_native_1.View style={[styles.noData]}>
-                        <react_native_1.Text>{t('noData')}</react_native_1.Text>
-                    </react_native_1.View>)}
-            </react_native_1.View>
-        </rn_ui_1.NavigationPage>);
+            <View style={{ height: 8 }}/>
+            <View style={{ flex: 1 }}>
+                {userList.length > 0 ? (<ScrollView contentContainerStyle={{ paddingBottom: 20 }}>
+                        {userList.map((item) => (<ListRow key={item.userId} onPress={() => {
+                    dispatch(onSelectUser(item));
+                }} title={<RenderUserItem disabled checkable={true} checked={!!selectUsers[item.userId]} data={item}/>} topSeparator="full" accessory="none"/>))}
+                    </ScrollView>) : (<View style={[styles.noData]}>
+                        <Text>{t('noData')}</Text>
+                    </View>)}
+            </View>
+        </NavigationPage>);
 };
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     orgInfo: {
         paddingTop: 20,
         backgroundColor: '#f1f1f1',
         textAlignVertical: 'center',
     },
     orgLine: {
-        width: (0, rn_ui_1.dp)(350),
+        width: dp(350),
         flexDirection: 'row',
         alignItems: 'center',
     },
@@ -159,7 +131,7 @@ const styles = react_native_1.StyleSheet.create({
         borderTopWidth: 1,
     },
     compName: {
-        width: (0, rn_ui_1.dp)(305),
+        width: dp(305),
         fontSize: 16,
         fontWeight: '500',
         textAlignVertical: 'center',
@@ -194,4 +166,4 @@ const styles = react_native_1.StyleSheet.create({
         justifyContent: 'center',
     },
 });
-exports.default = ChooseContact;
+export default ChooseContact;

package/dist/pages/address-list/Icons.js

@@ -1,16 +1,9 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Unfold = void 0;
-const rn_ui_1 = require("@smart-link/rn-ui");
-const react_1 = __importDefault(require("react"));
-const react_native_svg_1 = require("react-native-svg");
-const Unfold = (props) => {
+import { dp } from '@smart-link/rn-ui';
+import React from 'react';
+import { Svg, Path } from 'react-native-svg';
+export const Unfold = (props) => {
     const { size = 32, color } = props || {};
-    return (<react_native_svg_1.Svg viewBox="0 0 1024 1024" width={(0, rn_ui_1.dp)(size)} height={(0, rn_ui_1.dp)(size)}>
-            <react_native_svg_1.Path d="M832 800H256a32 32 0 0 1-32-32V192a32 32 0 0 1 64 0v544h544a32 32 0 1 1 0 64z" fill={color}/>
-        </react_native_svg_1.Svg>);
+    return (<Svg viewBox="0 0 1024 1024" width={dp(size)} height={dp(size)}>
+            <Path d="M832 800H256a32 32 0 0 1-32-32V192a32 32 0 0 1 64 0v544h544a32 32 0 1 1 0 64z" fill={color}/>
+        </Svg>);
 };
-exports.Unfold = Unfold;

package/dist/pages/address-list/Organization.js

@@ -1,46 +1,17 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RenderUserItem = void 0;
-const rn_ui_1 = require("@smart-link/rn-ui");
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const useTranslation_1 = require("../../hooks/useTranslation");
-const addressList_1 = require("../../api/addressList");
-const ChatAvatar_1 = __importDefault(require("../../components/ChatAvatar/ChatAvatar"));
+import { CaihIcon as Icon, dp, ListRow, Loading, NavigationPage, SearchBar, useTheme, Checkbox, } from '@smart-link/rn-ui';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { ScrollView, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { useTranslationAddrList } from '../../hooks/useTranslation';
+import { listTree, listUser } from '../../api/addressList';
+import ChatAvatar from '../../components/ChatAvatar/ChatAvatar';
 const Organization = ({ navigation, route: { params } }) => {
-    const [orgPath, setOrgPath] = (0, react_1.useState)([]);
-    const [orgList, setOrgList] = (0, react_1.useState)([]);
-    const [userList, setUserList] = (0, react_1.useState)([]);
-    const [loading, setLoading] = (0, react_1.useState)(false);
-    const { t } = (0, useTranslation_1.useTranslationAddrList)();
-    const orgPathScroll = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
+    const [orgPath, setOrgPath] = useState([]);
+    const [orgList, setOrgList] = useState([]);
+    const [userList, setUserList] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const { t } = useTranslationAddrList();
+    const orgPathScroll = useRef(null);
+    useEffect(() => {
         navigation.setOptions({ title: t('addressList') });
         if (!params) {
             return;
@@ -53,7 +24,7 @@ const Organization = ({ navigation, route: { params } }) => {
         ]);
         queryListTree(params.groupRootIds);
     }, [params]);
-    const onPressSearch = (0, react_1.useCallback)(() => {
+    const onPressSearch = useCallback(() => {
         console.log('onPressSearch: ');
         navigation.navigate('UserSearch', {});
     }, [navigation]);
@@ -75,7 +46,7 @@ const Organization = ({ navigation, route: { params } }) => {
     };
     const queryListTree = (parentId) => {
         setLoading(true);
-        (0, addressList_1.listTree)({
+        listTree({
             groupCatId: params === null || params === void 0 ? void 0 : params.groupCategoryId,
             parentId,
             groupStatus: 'valid',
@@ -93,7 +64,7 @@ const Organization = ({ navigation, route: { params } }) => {
     };
     const queryUserList = (item) => {
         setLoading(true);
-        (0, addressList_1.listUser)({
+        listUser({
             groupCategoryId: item.groupId,
             groupId: '',
             groupIdPathLike: item.groupIdPath,
@@ -113,7 +84,7 @@ const Organization = ({ navigation, route: { params } }) => {
     };
     const changeOrg = (org, index) => {
         setLoading(true);
-        (0, addressList_1.listTree)({
+        listTree({
             groupCatId: params === null || params === void 0 ? void 0 : params.groupCategoryId,
             parentId: org.id,
             groupStatus: 'valid',
@@ -140,40 +111,40 @@ const Organization = ({ navigation, route: { params } }) => {
             orgPathScroll.current.scrollTo({ x: 0, y: 0, animated: false });
         }
     };
-    return (<rn_ui_1.NavigationPage noPadding>
-            <react_native_1.View style={{ height: 10 }}/>
-            <rn_ui_1.SearchBar onSearch={onPressSearch}/>
-            <react_native_1.View style={{ height: 8 }}/>
+    return (<NavigationPage noPadding>
+            <View style={{ height: 10 }}/>
+            <SearchBar onSearch={onPressSearch}/>
+            <View style={{ height: 8 }}/>
 
-            {orgPath.length > 0 && (<react_native_1.View style={styles.orgBreadcrumb}>
-                    <react_native_1.ScrollView ref={orgPathScroll} horizontal={true} onContentSizeChange={scrollOrgPath} onLayout={scrollOrgPath} showsHorizontalScrollIndicator={false} contentContainerStyle={{ paddingRight: 40 }}>
+            {orgPath.length > 0 && (<View style={styles.orgBreadcrumb}>
+                    <ScrollView ref={orgPathScroll} horizontal={true} onContentSizeChange={scrollOrgPath} onLayout={scrollOrgPath} showsHorizontalScrollIndicator={false} contentContainerStyle={{ paddingRight: 40 }}>
                         {orgPath.map((path, index) => {
                 if (index !== orgPath.length - 1) {
-                    return (<react_native_1.TouchableOpacity key={path.id} onPress={() => changeOrg(path, index)}>
+                    return (<TouchableOpacity key={path.id} onPress={() => changeOrg(path, index)}>
                                         <RenderPathItem path={path} index={index} orgPath={orgPath} active/>
-                                    </react_native_1.TouchableOpacity>);
+                                    </TouchableOpacity>);
                 }
                 return <RenderPathItem path={path} key={path.id} index={index} orgPath={orgPath}/>;
             })}
-                    </react_native_1.ScrollView>
-                </react_native_1.View>)}
-            <react_native_1.ScrollView style={{ flex: 1 }}>
+                    </ScrollView>
+                </View>)}
+            <ScrollView style={{ flex: 1 }}>
                 {orgList.length > 0 &&
-            orgList.map((org) => (<rn_ui_1.ListRow key={org.groupId} onPress={() => handleGroupCategory(org)} title={org.groupName} topSeparator="full"/>))}
+            orgList.map((org) => (<ListRow key={org.groupId} onPress={() => handleGroupCategory(org)} title={org.groupName} topSeparator="full"/>))}
                 {userList.length > 0 &&
-            userList.map((item) => (<rn_ui_1.ListRow key={item.userId} onPress={() => handleUser(item)} title={<exports.RenderUserItem data={item}/>} topSeparator="full"/>))}
-                {userList.length === 0 && orgList.length === 0 && (<react_native_1.View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
-                        <react_native_1.Text>{t('noData')}</react_native_1.Text>
-                    </react_native_1.View>)}
-            </react_native_1.ScrollView>
-            <rn_ui_1.Loading loading={loading} loadingText={t('loading')}/>
-        </rn_ui_1.NavigationPage>);
+            userList.map((item) => (<ListRow key={item.userId} onPress={() => handleUser(item)} title={<RenderUserItem data={item}/>} topSeparator="full"/>))}
+                {userList.length === 0 && orgList.length === 0 && (<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
+                        <Text>{t('noData')}</Text>
+                    </View>)}
+            </ScrollView>
+            <Loading loading={loading} loadingText={t('loading')}/>
+        </NavigationPage>);
 };
 const RenderPathItem = (props) => {
     const { path, index, active, orgPath } = props;
-    const theme = (0, rn_ui_1.useTheme)();
-    return (<react_native_1.View key={index} style={[styles.orgPathItem]}>
-            <react_native_1.Text style={{
+    const theme = useTheme();
+    return (<View key={index} style={[styles.orgPathItem]}>
+            <Text style={{
             textAlignVertical: 'center',
             fontSize: 16,
             height: 40,
@@ -181,41 +152,40 @@ const RenderPathItem = (props) => {
             color: active ? theme.primaryColor : '#A3A5A8',
         }}>
                 {path.groupName}
-            </react_native_1.Text>
-            {index !== orgPath.length - 1 && (<rn_ui_1.CaihIcon style={{
+            </Text>
+            {index !== orgPath.length - 1 && (<Icon style={{
                 textAlignVertical: 'center',
                 height: 40,
                 lineHeight: 40,
             }} name="list-arrow" size={18} color={'#bbb'}/>)}
-        </react_native_1.View>);
+        </View>);
 };
-const RenderUserItem = (props) => {
+export const RenderUserItem = (props) => {
     const { data, checkable, disabled, checked } = props;
-    return (<react_native_1.View style={{ flexDirection: 'row', alignItems: 'center' }}>
-            {checkable && (<react_native_1.View style={{ marginRight: 10 }}>
-                    <rn_ui_1.Checkbox style={disabled ? { pointerEvents: 'none' } : undefined} checked={checked}/>
-                </react_native_1.View>)}
-            <ChatAvatar_1.default disabled={disabled} size={(0, rn_ui_1.dp)(40)} id={data.userId} url={data.avatars} name={data.userName}/>
-            <react_native_1.Text style={{ marginLeft: (0, rn_ui_1.dp)(10), fontSize: 16, color: '#333' }}>{data.userName}</react_native_1.Text>
-        </react_native_1.View>);
+    return (<View style={{ flexDirection: 'row', alignItems: 'center' }}>
+            {checkable && (<View style={{ marginRight: 10 }}>
+                    <Checkbox style={disabled ? { pointerEvents: 'none' } : undefined} checked={checked}/>
+                </View>)}
+            <ChatAvatar disabled={disabled} size={dp(40)} id={data.userId} url={data.avatars} name={data.userName}/>
+            <Text style={{ marginLeft: dp(10), fontSize: 16, color: '#333' }}>{data.userName}</Text>
+        </View>);
 };
-exports.RenderUserItem = RenderUserItem;
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     orgBreadcrumb: {
         backgroundColor: '#fff',
-        marginBottom: (0, rn_ui_1.dp)(10),
-        paddingHorizontal: (0, rn_ui_1.dp)(10),
+        marginBottom: dp(10),
+        paddingHorizontal: dp(10),
     },
     orgPathItem: {
-        height: (0, rn_ui_1.dp)(40),
-        lineHeight: (0, rn_ui_1.dp)(40),
+        height: dp(40),
+        lineHeight: dp(40),
         flexDirection: 'row',
         backgroundColor: '#fff',
     },
     avatars: {
-        height: (0, rn_ui_1.dp)(40),
-        width: (0, rn_ui_1.dp)(40),
-        borderRadius: (0, rn_ui_1.dp)(20),
+        height: dp(40),
+        width: dp(40),
+        borderRadius: dp(20),
     },
 });
-exports.default = Organization;
+export default Organization;