@ethora/chat-component-rn 26.4.2 → 26.5.2

package/lib/module/components/Modals/SettingsModals/SharedStyledComponents.js

@@ -0,0 +1,70 @@
+"use strict";
+
+import styled from 'styled-components/native';
+import { CenterContainer, Label } from '../styledModalComponents';
+import Button from '../../styled/Button';
+export const SharedSettingsCenterContainer = styled(CenterContainer)`
+  display: flex;
+  box-sizing: border-box;
+  align-items: flex-start;
+  gap: 32px;
+`;
+export const SharedSettingsColumnContainer = styled.View`
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  width: 100%;
+`;
+export const SharedSettingsSectionContainer = styled.View`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+`;
+export const SharedSettingsStyledLabel = styled(Label)`
+  font-weight: 600;
+  text-align: start;
+  flex-wrap: wrap;
+  display: flex;
+  align-items: center;
+`;
+export const RowWrapper = styled.View`
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+`;
+export const SharedSettingsLabelData = styled(Label)`
+  font-size: 12px;
+  text-align: start;
+  color: #8c8c8c;
+`;
+export const SharedSettingsStyledButton = styled(Button)`
+  min-height: 40px;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  width: 100%;
+  padding: 8px;
+  border: 1px solid ${({
+  borderColor
+}) => borderColor};
+`;
+export const SharedSettingsInfoPanel = styled.View`
+  display: flex;
+  align-items: flex-start;
+  background-color: ${({
+  bgColor
+}) => bgColor};
+  padding: 16px;
+  border-radius: 8px;
+  gap: 8px;
+`;
+export const SharedSettingsInfoText = styled.Text`
+  font-size: 12px;
+  color: #141414;
+  display: flex;
+  text-align: start;
+`;
+//# sourceMappingURL=SharedStyledComponents.js.map

package/lib/module/components/Modals/SettingsModals/SharedStyledComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","CenterContainer","Label","Button","SharedSettingsCenterContainer","SharedSettingsColumnContainer","View","SharedSettingsSectionContainer","SharedSettingsStyledLabel","RowWrapper","SharedSettingsLabelData","SharedSettingsStyledButton","borderColor","SharedSettingsInfoPanel","bgColor","SharedSettingsInfoText","Text"],"sourceRoot":"../../../../../src","sources":["components/Modals/SettingsModals/SharedStyledComponents.ts"],"mappings":";;AAAA,OAAOA,MAAM,MAAM,0BAA0B;AAC7C,SAAQC,eAAe,EAAEC,KAAK,QAAO,0BAA0B;AAC/D,OAAOC,MAAM,MAAM,qBAAqB;AAExC,OAAO,MAAMC,6BAA6B,GAAGJ,MAAM,CAACC,eAAe,CAAC;AACpE;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMI,6BAA6B,GAAGL,MAAM,CAACM,IAAI;AACxD;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,8BAA8B,GAAGP,MAAM,CAACM,IAAI;AACzD;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAME,yBAAyB,GAAGR,MAAM,CAACE,KAAK,CAAC;AACtD;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMO,UAAU,GAAGT,MAAM,CAACM,IAAI;AACrC;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMI,uBAAuB,GAAGV,MAAM,CAACE,KAAK,CAAC;AACpD;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMS,0BAA0B,GAAGX,MAAM,CAACG,MAAM,CAErD;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,CAAC;EAACS;AAAW,CAAC,KAAKA,WAAW;AACpD,CAAC;AAED,OAAO,MAAMC,uBAAuB,GAAGb,MAAM,CAACM,IAAmC;AACjF;AACA;AACA,sBAAsB,CAAC;EAACQ;AAAO,CAAC,KAAKA,OAAO;AAC5C;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,sBAAsB,GAAGf,MAAM,CAACgB,IAAI;AACjD;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/module/components/Modals/SettingsModals/Visibility/RadioInput.js

@@ -0,0 +1,50 @@
+"use strict";
+
+import React from 'react';
+import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const RadioInput = ({
+  option,
+  checked,
+  onChange,
+  radioColor = '#0052CD'
+}) => {
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    children: /*#__PURE__*/_jsxs(TouchableOpacity, {
+      style: styles.radioContainer,
+      onPress: () => onChange(option.value),
+      children: [/*#__PURE__*/_jsx(View, {
+        style: [styles.radioCircle, {
+          borderColor: radioColor,
+          backgroundColor: checked ? radioColor : 'transparent'
+        }]
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.radioLabel,
+        children: option.label
+      })]
+    }, option.label)
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'column'
+  },
+  radioContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginBottom: 10
+  },
+  radioCircle: {
+    width: 20,
+    height: 20,
+    borderRadius: 10,
+    borderWidth: 2,
+    marginRight: 10
+  },
+  radioLabel: {
+    fontSize: 16,
+    color: '#333'
+  }
+});
+//# sourceMappingURL=RadioInput.js.map

package/lib/module/components/Modals/SettingsModals/Visibility/RadioInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","TouchableOpacity","StyleSheet","jsx","_jsx","jsxs","_jsxs","RadioInput","option","checked","onChange","radioColor","style","styles","container","children","radioContainer","onPress","value","radioCircle","borderColor","backgroundColor","radioLabel","label","create","flexDirection","alignItems","marginBottom","width","height","borderRadius","borderWidth","marginRight","fontSize","color"],"sourceRoot":"../../../../../../src","sources":["components/Modals/SettingsModals/Visibility/RadioInput.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AASxE,OAAO,MAAMC,UAAqC,GAAGA,CAAC;EACpDC,MAAM;EACNC,OAAO;EACPC,QAAQ;EACRC,UAAU,GAAG;AACf,CAAC,KAAK;EACJ,oBACEP,IAAA,CAACL,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAC5BT,KAAA,CAACL,gBAAgB;MAEfW,KAAK,EAAEC,MAAM,CAACG,cAAe;MAC7BC,OAAO,EAAEA,CAAA,KAAMP,QAAQ,CAACF,MAAM,CAACU,KAAK,CAAE;MAAAH,QAAA,gBAEtCX,IAAA,CAACL,IAAI;QACHa,KAAK,EAAE,CACLC,MAAM,CAACM,WAAW,EAClB;UACEC,WAAW,EAAET,UAAU;UACvBU,eAAe,EAAEZ,OAAO,GAAGE,UAAU,GAAG;QAC1C,CAAC;MACD,CACH,CAAC,eACFP,IAAA,CAACJ,IAAI;QAACY,KAAK,EAAEC,MAAM,CAACS,UAAW;QAAAP,QAAA,EAAEP,MAAM,CAACe;MAAK,CAAO,CAAC;IAAA,GAbhDf,MAAM,CAACe,KAcI;EAAC,CACf,CAAC;AAEX,CAAC;AAED,MAAMV,MAAM,GAAGX,UAAU,CAACsB,MAAM,CAAC;EAC/BV,SAAS,EAAE;IACTW,aAAa,EAAE;EACjB,CAAC;EACDT,cAAc,EAAE;IACdS,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE;EAChB,CAAC;EACDR,WAAW,EAAE;IACXS,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE;EACf,CAAC;EACDV,UAAU,EAAE;IACVW,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Modals/SettingsModals/Visibility/StyledComponents.js

@@ -0,0 +1,30 @@
+"use strict";
+
+import styled from 'styled-components/native';
+export const Container = styled.View``;
+export const Title = styled.View`
+  font-size: 16px;
+  font-weight: bold;
+`;
+export const Description = styled.View`
+  font-size: 14px;
+  color: #6b7280;
+  margin-bottom: 32px;
+`;
+export const RadioGroup = styled.View`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+`;
+export const RadioLabel = styled.View`
+  display: flex;
+  align-items: start;
+  font-size: 14px;
+  gap: 8px;
+`;
+
+// export const RadioInput = styled.input<{radioColor?: string}>`
+//   accent-color: ${({radioColor}) => radioColor || '#0052CD'};
+//   margin: 0px;
+// `;
+//# sourceMappingURL=StyledComponents.js.map

package/lib/module/components/Modals/SettingsModals/Visibility/StyledComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","Container","View","Title","Description","RadioGroup","RadioLabel"],"sourceRoot":"../../../../../../src","sources":["components/Modals/SettingsModals/Visibility/StyledComponents.ts"],"mappings":";;AAAA,OAAOA,MAAM,MAAM,0BAA0B;AAE7C,OAAO,MAAMC,SAAS,GAAGD,MAAM,CAACE,IAAI,EAAE;AAEtC,OAAO,MAAMC,KAAK,GAAGH,MAAM,CAACE,IAAI;AAChC;AACA;AACA,CAAC;AAED,OAAO,MAAME,WAAW,GAAGJ,MAAM,CAACE,IAAI;AACtC;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMG,UAAU,GAAGL,MAAM,CAACE,IAAI;AACrC;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMI,UAAU,GAAGN,MAAM,CAACE,IAAI;AACrC;AACA;AACA;AACA;AACA,CAAC;;AAED;AACA;AACA;AACA","ignoreList":[]}

package/lib/module/components/Modals/SettingsModals/Visibility/VisibilityModal.js

@@ -0,0 +1,130 @@
+"use strict";
+
+import { useEffect, useState } from 'react';
+import { RadioGroup, RadioLabel } from './StyledComponents';
+import ModalHeaderComponent from '../../ModalHeaderComponent';
+import { useDispatch, useSelector } from 'react-redux';
+import { setUser } from '../../../../roomStore/chatSettingsSlice';
+import { Notification } from '../../../Toast';
+import { updateMe } from '../../../../networking/api-requests/user.api';
+import { ModalContainerFullScreen } from '../../styledModalComponents';
+import { SharedSettingsCenterContainer, SharedSettingsColumnContainer, SharedSettingsLabelData, SharedSettingsStyledLabel } from '../SharedStyledComponents';
+import { RadioInput } from './RadioInput';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const VisibilityModal = ({
+  handleCloseModal
+}) => {
+  const dispatch = useDispatch();
+  const {
+    user,
+    config
+  } = useSelector(state => state.chatSettingStore);
+  const doUpdateUser = user => dispatch(setUser(user));
+  const [isProfileOpen, setIsProfileOpen] = useState(user?.isProfileOpen);
+  const [isAssetsOpen, setIsAssetsOpen] = useState(user?.isAssetsOpen);
+  const [notification, setNotification] = useState(null);
+  const showNotification = (message, type) => {
+    setNotification({
+      message,
+      type
+    });
+    setTimeout(() => setNotification(null), 3000);
+  };
+  useEffect(() => {
+    if (isProfileOpen !== user.isProfileOpen) {
+      updateMe({
+        isProfileOpen
+      }).then(({
+        data
+      }) => {
+        doUpdateUser(data.user);
+        showNotification('Saved', 'success');
+      }).catch(() => showNotification('Error', 'error'));
+    }
+  }, [isProfileOpen]);
+  useEffect(() => {
+    if (isAssetsOpen !== user?.isAssetsOpen) {
+      updateMe({
+        isAssetsOpen
+      }).then(({
+        data
+      }) => {
+        doUpdateUser(data.user);
+        showNotification('Saved', 'success');
+      }).catch(() => showNotification('Error', 'error'));
+    }
+  }, [isAssetsOpen]);
+  return /*#__PURE__*/_jsxs(ModalContainerFullScreen, {
+    children: [/*#__PURE__*/_jsx(ModalHeaderComponent, {
+      handleCloseModal: handleCloseModal,
+      headerTitle: 'Visibility'
+    }), /*#__PURE__*/_jsxs(SharedSettingsCenterContainer, {
+      children: [/*#__PURE__*/_jsxs(SharedSettingsColumnContainer, {
+        children: [/*#__PURE__*/_jsx(SharedSettingsStyledLabel, {
+          children: "Profile Visiblility"
+        }), /*#__PURE__*/_jsxs(RadioGroup, {
+          children: [/*#__PURE__*/_jsx(RadioLabel, {
+            children: /*#__PURE__*/_jsx(RadioInput, {
+              option: {
+                label: 'Open (default)',
+                value: isProfileOpen
+              },
+              radioColor: config?.colors?.primary,
+              checked: isProfileOpen === true,
+              onChange: () => setIsProfileOpen(true)
+            })
+          }), /*#__PURE__*/_jsx(SharedSettingsLabelData, {
+            children: "Your profile can be viewed by anyone who follows your profile link or QR code."
+          }), /*#__PURE__*/_jsx(RadioLabel, {
+            children: /*#__PURE__*/_jsx(RadioInput, {
+              option: {
+                label: 'Restricted',
+                value: isProfileOpen
+              },
+              radioColor: config?.colors?.primary,
+              checked: isProfileOpen === false,
+              onChange: () => setIsProfileOpen(false)
+            })
+          }), /*#__PURE__*/_jsx(SharedSettingsLabelData, {
+            children: "Only users with your permission or temporary secure link can see your profile."
+          })]
+        })]
+      }), /*#__PURE__*/_jsxs(SharedSettingsColumnContainer, {
+        children: [/*#__PURE__*/_jsx(SharedSettingsStyledLabel, {
+          children: "Documents Visibility"
+        }), /*#__PURE__*/_jsxs(RadioGroup, {
+          children: [/*#__PURE__*/_jsx(RadioLabel, {
+            children: /*#__PURE__*/_jsx(RadioInput, {
+              option: {
+                label: 'Full (default)',
+                value: isAssetsOpen
+              },
+              radioColor: config?.colors?.primary,
+              checked: isAssetsOpen === true,
+              onChange: () => setIsAssetsOpen(true)
+            })
+          }), /*#__PURE__*/_jsx(SharedSettingsLabelData, {
+            children: "Show all Documents to those who can see your profile."
+          }), /*#__PURE__*/_jsx(RadioLabel, {
+            children: /*#__PURE__*/_jsx(RadioInput, {
+              option: {
+                label: 'InViewidual',
+                value: isAssetsOpen
+              },
+              radioColor: config?.colors?.primary,
+              checked: isAssetsOpen === false,
+              onChange: () => setIsAssetsOpen(false)
+            })
+          }), /*#__PURE__*/_jsx(SharedSettingsLabelData, {
+            children: "You need to share each document inViewidually before others can see them."
+          })]
+        })]
+      })]
+    }), notification && /*#__PURE__*/_jsx(Notification, {
+      type: notification.type,
+      children: notification.message
+    })]
+  });
+};
+export default VisibilityModal;
+//# sourceMappingURL=VisibilityModal.js.map

package/lib/module/components/Modals/SettingsModals/Visibility/VisibilityModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","RadioGroup","RadioLabel","ModalHeaderComponent","useDispatch","useSelector","setUser","Notification","updateMe","ModalContainerFullScreen","SharedSettingsCenterContainer","SharedSettingsColumnContainer","SharedSettingsLabelData","SharedSettingsStyledLabel","RadioInput","jsx","_jsx","jsxs","_jsxs","VisibilityModal","handleCloseModal","dispatch","user","config","state","chatSettingStore","doUpdateUser","isProfileOpen","setIsProfileOpen","isAssetsOpen","setIsAssetsOpen","notification","setNotification","showNotification","message","type","setTimeout","then","data","catch","children","headerTitle","option","label","value","radioColor","colors","primary","checked","onChange"],"sourceRoot":"../../../../../../src","sources":["components/Modals/SettingsModals/Visibility/VisibilityModal.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,140 @@
+"use strict";
+
+import React, { useState } from 'react';
+import { ProfileImagePlaceholder } from '../../MainComponents/ProfileImagePlaceholder';
+import Button from '../../styled/Button';
+import InputWithLabel from '../../styled/StyledInput';
+import ModalHeaderComponent from '../ModalHeaderComponent';
+import { CenterContainer } from '../styledModalComponents';
+import { updateProfile } from '../../../networking/api-requests/user.api';
+import { useDispatch } from 'react-redux';
+import { updateUser } from '../../../roomStore/chatSettingsSlice';
+import { View } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// import { actionUpdateUser } from '../actions';
+
+const base64ToFile = (base64String, fileName) => {
+  const byteString = atob(base64String.split(',')[1]);
+  const arrayBuffer = new ArrayBuffer(byteString.length);
+  const uintArray = new Uint8Array(arrayBuffer);
+  for (let i = 0; i < byteString.length; i++) {
+    uintArray[i] = byteString.charCodeAt(i);
+  }
+  const blob = new Blob([uintArray], {
+    type: 'image/jpeg'
+  });
+  return new File([blob], fileName, {
+    type: 'image/jpeg',
+    lastModified: Date.now()
+  });
+};
+const EditUserModal = ({
+  setIsEditing,
+  modalUser,
+  config
+}) => {
+  const dispatch = useDispatch();
+  const [firstName, setFirstName] = useState(modalUser?.firstName || '');
+  const [lastName, setLastName] = useState(modalUser?.lastName || '');
+  const [description, setDescription] = useState(modalUser?.description || '');
+  const [profileImage, setProfileImage] = useState(modalUser?.profileImage);
+  const onSave = async () => {
+    try {
+      let fd = new FormData();
+      if (typeof profileImage === 'string' && profileImage.startsWith('data:image/')) {
+        const file = base64ToFile(profileImage, 'profileImage.jpg');
+        fd.append('file', file);
+      } else if (profileImage instanceof File) {
+        fd.append('file', profileImage);
+      }
+      fd.append('firstName', firstName);
+      fd.append('lastName', lastName);
+      fd.append('description', description);
+      const {
+        user
+      } = await updateProfile(fd);
+      dispatch(updateUser({
+        updates: {
+          firstName,
+          lastName,
+          description,
+          profileImage: user?.profileImage
+        }
+      }));
+      setIsEditing(false);
+    } catch (error) {
+      console.log('error', error);
+    }
+  };
+  const handleProfileImageChange = image => {
+    setProfileImage(image);
+  };
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(ModalHeaderComponent
+    // leftMenu={
+    //   <Button
+    //     onPress={() => setIsEditing(false)}
+    //     style={{
+    //       paddingVertical: 13,
+    //       paddingHorizontal: 8,
+    //       width: "100%",
+    //     }}
+    //     color="#00"
+    //   >
+    //     Cancel
+    //   </Button>
+    // }
+    , {
+      handleCloseModal: () => setIsEditing(false),
+      rightMenu: /*#__PURE__*/_jsx(Button, {
+        onPress: onSave,
+        variant: "outlined",
+        style: {
+          width: 128
+        },
+        color: "#0052CD",
+        text: "Save"
+      })
+    }), /*#__PURE__*/_jsx(CenterContainer, {
+      children: /*#__PURE__*/_jsx(ProfileImagePlaceholder, {
+        icon: profileImage,
+        name: `${firstName} ${lastName}`,
+        size: 120,
+        upload: {
+          onUpload: handleProfileImageChange,
+          active: true
+        }
+      })
+    }), /*#__PURE__*/_jsxs(View, {
+      style: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: 32,
+        width: '100%',
+        justifyContent: 'center',
+        alignItems: 'center'
+      },
+      children: [/*#__PURE__*/_jsx(InputWithLabel, {
+        color: config?.colors?.primary,
+        placeholder: "First Name",
+        label: "First Name",
+        value: firstName,
+        onChangeText: text => setFirstName(text)
+      }), /*#__PURE__*/_jsx(InputWithLabel, {
+        color: config?.colors?.primary,
+        placeholder: "Last Name",
+        label: "Last Name",
+        value: lastName,
+        onChangeText: text => setLastName(text)
+      }), /*#__PURE__*/_jsx(InputWithLabel, {
+        color: config?.colors?.primary,
+        placeholder: "About",
+        label: "About",
+        value: description,
+        onChangeText: text => setDescription(text)
+      })]
+    })]
+  });
+};
+export default EditUserModal;
+//# sourceMappingURL=EditUserModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","ProfileImagePlaceholder","Button","InputWithLabel","ModalHeaderComponent","CenterContainer","updateProfile","useDispatch","updateUser","View","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","base64ToFile","base64String","fileName","byteString","atob","split","arrayBuffer","ArrayBuffer","length","uintArray","Uint8Array","i","charCodeAt","blob","Blob","type","File","lastModified","Date","now","EditUserModal","setIsEditing","modalUser","config","dispatch","firstName","setFirstName","lastName","setLastName","description","setDescription","profileImage","setProfileImage","onSave","fd","FormData","startsWith","file","append","user","updates","error","console","log","handleProfileImageChange","image","children","handleCloseModal","rightMenu","onPress","variant","style","width","color","text","icon","name","size","upload","onUpload","active","display","flexDirection","gap","justifyContent","alignItems","colors","primary","placeholder","label","value","onChangeText"],"sourceRoot":"../../../../../src","sources":["components/Modals/UserProfileModal/EditUserModal.tsx"],"mappings":"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","ignoreList":[]}