@ethora/chat-component-rn 26.4.2 → 26.5.2

package/lib/module/components/Modals/UserProfileModal/UserProfileModal.js

@@ -0,0 +1,334 @@
+"use strict";
+
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { CenterContainer, UserInfo, UserName, ModalContainerFullScreen, ActionButton, Label, BorderedContainer, LabelData, ModalBackground, ModalContainer, CloseButton, ModalTitle, GroupContainer } from '../styledModalComponents';
+import { ChatIcon, DeleteIcon, EditIcon, IconDoc, LeaveIcon, MoreIcon } from '../../../assets/icons';
+import ModalHeaderComponent from '../ModalHeaderComponent';
+import { ProfileImagePlaceholder } from '../../MainComponents/ProfileImagePlaceholder';
+import Button from '../../styled/Button';
+import DropdownMenu from '../../DropdownMenu/DropdownMenu';
+import { logout, setActiveModal, setLangSource, setSelectedUser } from '../../../roomStore/chatSettingsSlice';
+import { addRoomViaApi, setCurrentRoom, setLogoutState } from '../../../roomStore/roomsSlice';
+import EditUserModal from './EditUserModal';
+import { walletToUsername } from '../../../helpers/walletUsername';
+import { useXmppClient } from '../../../context/xmppProvider';
+import Select from '../../MainComponents/Select';
+import { useAppDispatch } from '../../../hooks/hooks';
+import { ScrollView, Text, View } from 'react-native';
+import { postPrivateRoom } from '../../../networking/api-requests/rooms.api';
+import { createRoomFromApi } from '../../../helpers/createRoomFromApi';
+import { useToast } from '../../../context/ToastContext';
+import { LANGUAGE_OPTIONS } from '../../../helpers/constants/LANGUAGE_OPTIONS';
+import { deleteDocument, getDocuments } from '../../../networking/api-requests/user.api';
+import { useChatSettingState } from '../../../hooks/useChatSettingState';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const UserProfileModal = ({
+  handleCloseModal
+}) => {
+  const dispatch = useAppDispatch();
+  const {
+    client
+  } = useXmppClient();
+  const {
+    showToast
+  } = useToast();
+  const {
+    config,
+    user,
+    selectedUser,
+    langSource
+  } = useChatSettingState();
+  const [isEditing, setIsEditing] = useState(false);
+  const [documents, setDocuments] = useState([]);
+  const [deleteDocumentId, setDeleteDocumentId] = useState('');
+  const [showDelete, setShowDelete] = useState(false);
+  const handleDeleteDocument = async () => {
+    try {
+      await deleteDocument(deleteDocumentId);
+      setDocuments(documents.filter(doc => doc._id !== deleteDocumentId));
+      showToast({
+        id: Date.now().toString(),
+        title: 'Success',
+        message: 'Document deleted successfully',
+        type: 'success'
+      });
+      // handleGetDocs();
+    } catch (error) {
+      console.error('Error deleting document', error);
+      showToast({
+        id: Date.now().toString(),
+        title: 'Error',
+        message: 'Failed to delete document',
+        type: 'error'
+      });
+    } finally {
+      setShowDelete(false);
+    }
+  };
+  const handleGetDocs = async () => {
+    try {
+      const {
+        data
+      } = await getDocuments(user?.defaultWallet?.walletAddress);
+      const items = data.results.filter(el => el.locations[0]);
+      setDocuments(items);
+    } catch (error) {
+      console.error('Error getting docs', error);
+    }
+  };
+  useEffect(() => {
+    handleGetDocs();
+  }, []);
+  const handleBackClick = useCallback(() => {
+    dispatch(setSelectedUser(undefined));
+    handleCloseModal();
+  }, []);
+  const handleLogout = useCallback(() => {
+    dispatch(logout());
+    dispatch(setLogoutState());
+  }, []);
+  const menuOptions = useMemo(() => [{
+    label: 'Log Out',
+    icon: /*#__PURE__*/_jsx(LeaveIcon, {}),
+    onClick: () => {
+      handleLogout();
+    },
+    styles: {
+      color: 'red'
+    }
+  }], []);
+  const handleSelect = selected => {
+    dispatch(setLangSource(selected.id));
+  };
+  const EditClick = useCallback(() => {
+    setIsEditing(true);
+  }, []);
+  const handleRoomCreation = async (newChat, usersArrayLength) => {
+    try {
+      const normalizedChat = createRoomFromApi(newChat, config?.xmppSettings?.conference, usersArrayLength);
+      if (!normalizedChat || !client) return;
+      dispatch(addRoomViaApi({
+        room: normalizedChat,
+        xmpp: client
+      }));
+      dispatch(setCurrentRoom({
+        roomJID: normalizedChat?.jid || ''
+      }));
+      showToast({
+        id: Date.now().toString(),
+        title: 'Success!',
+        message: 'Room created succusfully!',
+        type: 'success',
+        duration: 3000
+      });
+    } catch (error) {
+      console.error('Error handling room creation:', error);
+    }
+  };
+  const handlePrivateMessage = useCallback(async () => {
+    showToast({
+      id: Date.now().toString(),
+      title: 'Room creation',
+      message: 'Room is being created...',
+      type: 'info',
+      duration: 3000
+    });
+    let newRoomJid = '';
+    if (config?.newArch) {
+      const newRoom = await postPrivateRoom(selectedUser?.userJID ?? (selectedUser?.id || ''));
+      handleRoomCreation(newRoom, 2);
+      newRoomJid = newRoom.name;
+    } else {
+      const selectedUserUsername = walletToUsername(selectedUser?.id || '');
+      const myUsername = walletToUsername(user.defaultWallet.walletAddress);
+      const combinedWalletAddress = [myUsername, selectedUserUsername].sort().join('.');
+      const roomJid = combinedWalletAddress.toLowerCase();
+      const combinedUsersName = [user.firstName, selectedUser?.name?.split(' ')?.[0] || ''].sort().join(' and ');
+      newRoomJid = (await client?.createPrivateRoomStanza(combinedUsersName, `Private chat ${combinedUsersName}`, roomJid)) || '';
+      if (newRoomJid) {
+        await client?.inviteRoomRequestStanza(selectedUserUsername, newRoomJid);
+        await client?.getRoomsStanza();
+      }
+    }
+    dispatch(setActiveModal(undefined));
+  }, [selectedUser]);
+  const modalUser = selectedUser ?? user;
+  const findLanguage = () => {
+    if (!langSource) {
+      return null;
+    }
+    const language = LANGUAGE_OPTIONS.find(lang => lang.id === langSource);
+    return language || null;
+  };
+  const showDeleteModal = docId => {
+    setDeleteDocumentId(docId);
+    setShowDelete(true);
+  };
+  const DefaultBody = useMemo(() => /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(ModalHeaderComponent, {
+      handleCloseModal: handleBackClick,
+      headerTitle: 'Profile',
+      rightMenu: !selectedUser && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Button, {
+          onPress: EditClick,
+          children: /*#__PURE__*/_jsx(EditIcon, {
+            color: "#8C8C8C"
+          })
+        }), /*#__PURE__*/_jsx(DropdownMenu, {
+          options: menuOptions,
+          position: "right",
+          menuIcon: /*#__PURE__*/_jsx(MoreIcon, {})
+        })]
+      })
+    }), /*#__PURE__*/_jsxs(CenterContainer, {
+      children: [/*#__PURE__*/_jsx(ProfileImagePlaceholder, {
+        icon: modalUser?.profileImage ?? null,
+        name: modalUser?.name ?? modalUser?.firstName,
+        size: 120
+      }), /*#__PURE__*/_jsx(UserInfo, {
+        children: /*#__PURE__*/_jsx(UserName, {
+          children: modalUser?.name ? `${modalUser?.name}` : `${modalUser?.firstName} ${modalUser?.lastName}`
+        })
+      }), !selectedUser && config?.translates?.enabled && /*#__PURE__*/_jsx(BorderedContainer, {
+        children: /*#__PURE__*/_jsx(Select, {
+          options: LANGUAGE_OPTIONS,
+          placeholder: 'Select your language',
+          onSelect: handleSelect,
+          accentColor: config?.colors?.primary,
+          selectedValue: findLanguage()
+        })
+      }), /*#__PURE__*/_jsxs(BorderedContainer, {
+        children: [/*#__PURE__*/_jsx(Label, {
+          children: "About"
+        }), /*#__PURE__*/_jsx(LabelData, {
+          children: modalUser?.description && modalUser?.description?.length > 4 ? modalUser.description : 'No description'
+        })]
+      }), selectedUser && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(ActionButton, {
+          StartIcon: /*#__PURE__*/_jsx(ChatIcon, {}),
+          onPress: handlePrivateMessage,
+          variant: "filled",
+          children: /*#__PURE__*/_jsx(Text, {
+            style: {
+              color: '#ffffff'
+            },
+            children: "Message"
+          })
+        }), /*#__PURE__*/_jsx(ActionButton, {
+          onPress: () => {}
+          // onPress={() => handleCopyClick(selectedUser.id)}
+          ,
+          variant: "filled",
+          children: /*#__PURE__*/_jsx(Text, {
+            style: {
+              color: '#ffffff'
+            },
+            children: "Copy User Id"
+          })
+        })]
+      }), /*#__PURE__*/_jsx(BorderedContainer, {
+        children: /*#__PURE__*/_jsx(ScrollView, {
+          style: {
+            maxHeight: 400
+          },
+          showsVerticalScrollIndicator: true,
+          nestedScrollEnabled: true,
+          children: documents.map(doc => /*#__PURE__*/_jsxs(View, {
+            style: {
+              flexDirection: 'row',
+              alignItems: 'center',
+              justifyContent: 'space-between',
+              gap: 24,
+              backgroundColor: '#F3F6FC',
+              marginBottom: 8,
+              paddingVertical: 8,
+              paddingHorizontal: 16,
+              borderRadius: 8
+            },
+            children: [/*#__PURE__*/_jsxs(View, {
+              style: {
+                flexDirection: 'row',
+                alignItems: 'center',
+                gap: 24
+              },
+              children: [/*#__PURE__*/_jsx(View, {
+                children: /*#__PURE__*/_jsx(IconDoc, {})
+              }), /*#__PURE__*/_jsxs(View, {
+                children: [/*#__PURE__*/_jsx(Label, {
+                  style: {
+                    paddingBottom: 4
+                  },
+                  children: doc.documentName
+                }), /*#__PURE__*/_jsx(LabelData, {
+                  children: new Date(doc.createdAt).toLocaleDateString('en-GB', {
+                    day: '2-digit',
+                    month: 'short',
+                    year: 'numeric'
+                  }) + ' ' + new Date(doc.createdAt).toLocaleTimeString('en-GB', {
+                    hour: '2-digit',
+                    minute: '2-digit'
+                  })
+                })]
+              })]
+            }), /*#__PURE__*/_jsx(Button, {
+              onPress: () => showDeleteModal(doc._id),
+              children: /*#__PURE__*/_jsx(DeleteIcon, {})
+            })]
+          }, doc._id))
+        })
+      })]
+    })]
+  }), [modalUser, documents]);
+  const EditingBody = useMemo(() => /*#__PURE__*/_jsx(EditUserModal, {
+    setIsEditing: setIsEditing,
+    modalUser: modalUser,
+    config: config
+  }), [modalUser]);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(ModalContainerFullScreen, {
+      children: !isEditing ? DefaultBody : EditingBody
+    }), showDelete && /*#__PURE__*/_jsx(ModalBackground, {
+      style: {
+        position: 'absolute',
+        zIndex: 9999
+      },
+      children: /*#__PURE__*/_jsxs(ModalContainer, {
+        children: [/*#__PURE__*/_jsx(CloseButton, {
+          onPress: () => setShowDelete(false),
+          children: /*#__PURE__*/_jsx(Text, {
+            style: {
+              fontSize: 24
+            },
+            children: "\xD7"
+          })
+        }), /*#__PURE__*/_jsx(ModalTitle, {
+          children: "Delete this document?"
+        }), /*#__PURE__*/_jsxs(GroupContainer, {
+          children: [/*#__PURE__*/_jsx(Button, {
+            onPress: () => setShowDelete(false),
+            text: 'Cancel',
+            style: {
+              width: '100%'
+            },
+            unstyled: true,
+            variant: "filled",
+            color: "white"
+          }), /*#__PURE__*/_jsx(Button, {
+            onPress: handleDeleteDocument,
+            text: 'Delete',
+            style: {
+              width: '100%',
+              borderWidth: 1,
+              borderColor: 'red'
+            },
+            color: "red",
+            unstyled: true,
+            variant: "outlined"
+          })]
+        })]
+      })
+    })]
+  });
+};
+export default UserProfileModal;
+//# sourceMappingURL=UserProfileModal.js.map

package/lib/module/components/Modals/UserProfileModal/UserProfileModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","CenterContainer","UserInfo","UserName","ModalContainerFullScreen","ActionButton","Label","BorderedContainer","LabelData","ModalBackground","ModalContainer","CloseButton","ModalTitle","GroupContainer","ChatIcon","DeleteIcon","EditIcon","IconDoc","LeaveIcon","MoreIcon","ModalHeaderComponent","ProfileImagePlaceholder","Button","DropdownMenu","logout","setActiveModal","setLangSource","setSelectedUser","addRoomViaApi","setCurrentRoom","setLogoutState","EditUserModal","walletToUsername","useXmppClient","Select","useAppDispatch","ScrollView","Text","View","postPrivateRoom","createRoomFromApi","useToast","LANGUAGE_OPTIONS","deleteDocument","getDocuments","useChatSettingState","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","UserProfileModal","handleCloseModal","dispatch","client","showToast","config","user","selectedUser","langSource","isEditing","setIsEditing","documents","setDocuments","deleteDocumentId","setDeleteDocumentId","showDelete","setShowDelete","handleDeleteDocument","filter","doc","_id","id","Date","now","toString","title","message","type","error","console","handleGetDocs","data","defaultWallet","walletAddress","items","results","el","locations","handleBackClick","undefined","handleLogout","menuOptions","label","icon","onClick","styles","color","handleSelect","selected","EditClick","handleRoomCreation","newChat","usersArrayLength","normalizedChat","xmppSettings","conference","room","xmpp","roomJID","jid","duration","handlePrivateMessage","newRoomJid","newArch","newRoom","userJID","name","selectedUserUsername","myUsername","combinedWalletAddress","sort","join","roomJid","toLowerCase","combinedUsersName","firstName","split","createPrivateRoomStanza","inviteRoomRequestStanza","getRoomsStanza","modalUser","findLanguage","language","find","lang","showDeleteModal","docId","DefaultBody","children","headerTitle","rightMenu","onPress","options","position","menuIcon","profileImage","size","lastName","translates","enabled","placeholder","onSelect","accentColor","colors","primary","selectedValue","description","length","StartIcon","variant","style","maxHeight","showsVerticalScrollIndicator","nestedScrollEnabled","map","flexDirection","alignItems","justifyContent","gap","backgroundColor","marginBottom","paddingVertical","paddingHorizontal","borderRadius","paddingBottom","documentName","createdAt","toLocaleDateString","day","month","year","toLocaleTimeString","hour","minute","EditingBody","zIndex","fontSize","text","width","unstyled","borderWidth","borderColor"],"sourceRoot":"../../../../../src","sources":["components/Modals/UserProfileModal/UserProfileModal.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Modals/UserSettingsModal/UserSettingsModal.js

@@ -0,0 +1,71 @@
+"use strict";
+
+import React, { useCallback, useMemo } from 'react';
+import { ModalContainerFullScreen, Viewider, Label, LabelData, BorderedContainer, CenterContainer } from '../styledModalComponents';
+import ModalHeaderComponent from '../ModalHeaderComponent';
+import Button from '../../styled/Button';
+import { useDispatch } from 'react-redux';
+import { setActiveModal } from '../../../roomStore/chatSettingsSlice';
+import { MODAL_TYPES } from '../../../helpers/constants/MODAL_TYPES';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const UserSettingsModal = ({
+  handleCloseModal
+}) => {
+  const options = useMemo(() => [{
+    value: 'Manage Data',
+    key: MODAL_TYPES.MANAGE_DATA
+  }, {
+    value: 'Visiblility',
+    key: MODAL_TYPES.VISIBILITY
+  }
+  // { value: 'Profile Shares', key: MODAL_TYPES.PROFILE_SHARES },
+  // { value: 'Document Shares', key: MODAL_TYPES.DOCUMENT_SHARES },
+  // { value: 'Blocked Users', key: MODAL_TYPES.BLOCKED_USERS },
+  // { value: 'Referrals', key: MODAL_TYPES.REFERRALS },
+  ], []);
+  const dispatch = useDispatch();
+  const handleClick = useCallback(key => {
+    dispatch(setActiveModal(key));
+  }, []);
+  return /*#__PURE__*/_jsxs(ModalContainerFullScreen, {
+    children: [/*#__PURE__*/_jsx(ModalHeaderComponent, {
+      handleCloseModal: handleCloseModal,
+      headerTitle: 'Settings'
+    }), /*#__PURE__*/_jsx(CenterContainer, {
+      children: /*#__PURE__*/_jsx(BorderedContainer, {
+        style: {
+          padding: 16,
+          display: 'flex',
+          flexDirection: 'column',
+          gap: 8
+        },
+        children: options.map((option, index) => /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsxs(Button, {
+            variant: "default",
+            style: {
+              minHeight: 40,
+              display: 'flex',
+              flexDirection: 'column',
+              gap: 2,
+              width: '100%',
+              justifyContent: 'center',
+              borderRadius: 0,
+              alignItems: 'flex-start'
+            },
+            onPress: () => handleClick(option.key),
+            children: [/*#__PURE__*/_jsx(Label, {
+              style: {
+                textAlign: 'center'
+              },
+              children: option.value
+            }), [2, 3, 4].includes(index) && /*#__PURE__*/_jsx(LabelData, {
+              children: "0"
+            })]
+          }), index < 5 && /*#__PURE__*/_jsx(Viewider, {})]
+        }))
+      })
+    })]
+  });
+};
+export default UserSettingsModal;
+//# sourceMappingURL=UserSettingsModal.js.map

package/lib/module/components/Modals/UserSettingsModal/UserSettingsModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","ModalContainerFullScreen","Viewider","Label","LabelData","BorderedContainer","CenterContainer","ModalHeaderComponent","Button","useDispatch","setActiveModal","MODAL_TYPES","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","UserSettingsModal","handleCloseModal","options","value","key","MANAGE_DATA","VISIBILITY","dispatch","handleClick","children","headerTitle","style","padding","display","flexDirection","gap","map","option","index","variant","minHeight","width","justifyContent","borderRadius","alignItems","onPress","textAlign","includes"],"sourceRoot":"../../../../../src","sources":["components/Modals/UserSettingsModal/UserSettingsModal.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAEnD,SACEC,wBAAwB,EACxBC,QAAQ,EACRC,KAAK,EACLC,SAAS,EACTC,iBAAiB,EACjBC,eAAe,QACV,0BAA0B;AACjC,OAAOC,oBAAoB,MAAM,yBAAyB;AAC1D,OAAOC,MAAM,MAAM,qBAAqB;AACxC,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,cAAc,QAAQ,sCAAsC;AACrE,SAASC,WAAW,QAAQ,wCAAwC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAMrE,MAAMC,iBAAmD,GAAGA,CAAC;EAC3DC;AACF,CAAC,KAAK;EACJ,MAAMC,OAAO,GAAGpB,OAAO,CACrB,MAAM,CACJ;IAAEqB,KAAK,EAAE,aAAa;IAAEC,GAAG,EAAEX,WAAW,CAACY;EAAY,CAAC,EACtD;IAAEF,KAAK,EAAE,aAAa;IAAEC,GAAG,EAAEX,WAAW,CAACa;EAAW;EACpD;EACA;EACA;EACA;EAAA,CACD,EACD,EACF,CAAC;EAED,MAAMC,QAAQ,GAAGhB,WAAW,CAAC,CAAC;EAE9B,MAAMiB,WAAW,GAAG3B,WAAW,CAAEuB,GAAW,IAAK;IAC/CG,QAAQ,CAACf,cAAc,CAACY,GAAU,CAAC,CAAC;EACtC,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEP,KAAA,CAACd,wBAAwB;IAAA0B,QAAA,gBACvBd,IAAA,CAACN,oBAAoB;MACnBY,gBAAgB,EAAEA,gBAAiB;MACnCS,WAAW,EAAE;IAAW,CACzB,CAAC,eACFf,IAAA,CAACP,eAAe;MAAAqB,QAAA,eACdd,IAAA,CAACR,iBAAiB;QAChBwB,KAAK,EAAE;UACLC,OAAO,EAAE,EAAE;UACXC,OAAO,EAAE,MAAM;UACfC,aAAa,EAAE,QAAQ;UACvBC,GAAG,EAAE;QACP,CAAE;QAAAN,QAAA,EAEDP,OAAO,CAACc,GAAG,CAAC,CAACC,MAAsC,EAAEC,KAAK,kBACzDrB,KAAA,CAAAE,SAAA;UAAAU,QAAA,gBACEZ,KAAA,CAACP,MAAM;YACL6B,OAAO,EAAC,SAAS;YACjBR,KAAK,EAAE;cACLS,SAAS,EAAE,EAAE;cACbP,OAAO,EAAE,MAAM;cACfC,aAAa,EAAE,QAAQ;cACvBC,GAAG,EAAE,CAAC;cACNM,KAAK,EAAE,MAAM;cACbC,cAAc,EAAE,QAAQ;cACxBC,YAAY,EAAE,CAAC;cACfC,UAAU,EAAE;YACd,CAAE;YACFC,OAAO,EAAEA,CAAA,KAAMjB,WAAW,CAACS,MAAM,CAACb,GAAG,CAAE;YAAAK,QAAA,gBAEvCd,IAAA,CAACV,KAAK;cAAC0B,KAAK,EAAE;gBAAEe,SAAS,EAAE;cAAS,CAAE;cAAAjB,QAAA,EAAEQ,MAAM,CAACd;YAAK,CAAQ,CAAC,EAC5D,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAACwB,QAAQ,CAACT,KAAK,CAAC,iBAAIvB,IAAA,CAACT,SAAS;cAAAuB,QAAA,EAAC;YAAC,CAAW,CAAC;UAAA,CAChD,CAAC,EACRS,KAAK,GAAG,CAAC,iBAAIvB,IAAA,CAACX,QAAQ,IAAE,CAAC;QAAA,CAC1B,CACH;MAAC,CACe;IAAC,CACL,CAAC;EAAA,CACM,CAAC;AAE/B,CAAC;AAED,eAAegB,iBAAiB","ignoreList":[]}

package/lib/module/components/Modals/styledModalComponents.js

@@ -0,0 +1,162 @@
+"use strict";
+
+/** @format */
+
+import styled from 'styled-components/native';
+import Button from '../styled/Button';
+export const ModalBackground = styled.View`
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.5);
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+  z-index: 1000;
+`;
+export const CloseButton = styled.TouchableOpacity`
+  position: absolute;
+  top: 16px;
+  right: 16px;
+  border: none;
+  font-size: 20px;
+  cursor: pointer;
+  color: #888;
+
+  &:hover {
+    color: #555;
+    background-color: #dddddd;
+  }
+`;
+export const ModalContainer = styled.View`
+  flex: 1;
+  width: 100%;
+  height: 100%;
+  background: white;
+  padding: 32px 64px;
+  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
+  display: flex;
+  flex-direction: column;
+  gap: 32px;
+  position: relative;
+  justify-content: center;
+  align-items: center;
+`;
+export const ModalTitle = styled.Text`
+  font-size: 20px;
+  margin: 0;
+  font-weight: 400;
+`;
+export const ModalDescription = styled.Text`
+  font-size: 14px;
+  margin: 0;
+  font-weight: 400;
+`;
+export const GroupContainer = styled.View`
+  display: flex;
+  gap: 32px;
+  width: 100%;
+  padding: 0;
+`;
+export const ModalContainerFullScreen = styled.View`
+  width: 100%;
+  height: 100%;
+  background-color: #fff;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  box-sizing: border-box;
+  overflow-y: auto;
+`;
+export const HeaderContainer = styled.View`
+  position: relative;
+  top: 0;
+  width: 100%;
+  padding: 2px 8px;
+  padding-top: 62px;
+  max-height: 24px;
+  min-height: 24px;
+  background-color: #fff;
+  border-bottom-width: 1px;
+  border-bottom-color: #f0f0f0;
+  z-index: 1;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+`;
+export const HeaderLeft = styled.View`
+  flex-direction: row;
+  align-items: center;
+  gap: 16px;
+`;
+export const HeaderRight = styled.View`
+  flex-direction: row;
+  align-items: center;
+  gap: 16px;
+`;
+export const CenterContainer = styled(GroupContainer)`
+  width: 100%;
+  padding: 16px;
+  flex-direction: column;
+  align-items: center;
+`;
+export const ProfileImage = styled.View`
+  width: 120px;
+  height: 120px;
+  border-radius: 10000px;
+  border: 1px solid #f0f0f0;
+`;
+export const UserInfo = styled.View`
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`;
+export const UserName = styled.Text`
+  color: #141414;
+  font-size: 24px;
+  font-weight: 400;
+`;
+export const UserStatus = styled.Text`
+  color: #8c8c8c;
+  font-size: 16px;
+  font-weight: 400;
+`;
+export const BorderedContainer = styled.View`
+  width: 100%;
+  border-radius: 8px;
+  border: 1px solid #f0f0f0;
+  display: flex;
+  flex-direction: column;
+  padding: 16px;
+`;
+export const LabelData = styled.Text`
+  color: #8c8c8c;
+  font-size: 14px;
+  font-weight: 400;
+`;
+export const Label = styled.Text`
+  color: #141414;
+  font-size: 16px;
+`;
+export const ActionButton = styled(Button)`
+  width: 100%;
+`;
+export const EmptySection = styled.View`
+  height: 200px;
+  border: 1px solid #f0f0f0;
+  border-radius: 8px;
+  width: 100%;
+  display: flex;
+`;
+export const Viewider = styled.View`
+  height: 1px;
+  width: 100%;
+  background-color: #0052cd0d;
+`;
+export const Divider = styled.View`
+  height: 1px;
+  width: 100%;
+  background-color: #0052cd0d;
+`;
+//# sourceMappingURL=styledModalComponents.js.map

package/lib/module/components/Modals/styledModalComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","Button","ModalBackground","View","CloseButton","TouchableOpacity","ModalContainer","ModalTitle","Text","ModalDescription","GroupContainer","ModalContainerFullScreen","HeaderContainer","HeaderLeft","HeaderRight","CenterContainer","ProfileImage","UserInfo","UserName","UserStatus","BorderedContainer","LabelData","Label","ActionButton","EmptySection","Viewider","Divider"],"sourceRoot":"../../../../src","sources":["components/Modals/styledModalComponents.tsx"],"mappings":";;AAAA;;AAEA,OAAOA,MAAM,MAAM,0BAA0B;AAC7C,OAAOC,MAAM,MAAM,kBAAkB;AAErC,OAAO,MAAMC,eAAe,GAAGF,MAAM,CAACG,IAAI;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,WAAW,GAAGJ,MAAM,CAACK,gBAAgB;AAClD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,cAAc,GAAGN,MAAM,CAACG,IAAI;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMI,UAAU,GAAGP,MAAM,CAACQ,IAAI;AACrC;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,gBAAgB,GAAGT,MAAM,CAACQ,IAAI;AAC3C;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAME,cAAc,GAAGV,MAAM,CAACG,IAAI;AACzC;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMQ,wBAAwB,GAAGX,MAAM,CAACG,IAAI;AACnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMS,eAAe,GAAGZ,MAAM,CAACG,IAAI;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMU,UAAU,GAAGb,MAAM,CAACG,IAAI;AACrC;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMW,WAAW,GAAGd,MAAM,CAACG,IAAI;AACtC;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMY,eAAe,GAAGf,MAAM,CAACU,cAAc,CAAC;AACrD;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMM,YAAY,GAAGhB,MAAM,CAACG,IAAI;AACvC;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMc,QAAQ,GAAGjB,MAAM,CAACG,IAAI;AACnC;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMe,QAAQ,GAAGlB,MAAM,CAACQ,IAAI;AACnC;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMW,UAAU,GAAGnB,MAAM,CAACQ,IAAI;AACrC;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMY,iBAAiB,GAAGpB,MAAM,CAACG,IAAI;AAC5C;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMkB,SAAS,GAAGrB,MAAM,CAACQ,IAAI;AACpC;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMc,KAAK,GAAGtB,MAAM,CAACQ,IAAI;AAChC;AACA;AACA,CAAC;AAED,OAAO,MAAMe,YAAY,GAAGvB,MAAM,CAACC,MAAM,CAAC;AAC1C;AACA,CAAC;AAED,OAAO,MAAMuB,YAAY,GAAGxB,MAAM,CAACG,IAAI;AACvC;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMsB,QAAQ,GAAGzB,MAAM,CAACG,IAAI;AACnC;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMuB,OAAO,GAAG1B,MAAM,CAACG,IAAI;AAClC;AACA;AACA;AACA,CAAC","ignoreList":[]}