l-min-components 1.0.300 → 1.0.308

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "l-min-components",
-  "version": "1.0.300",
+  "version": "1.0.308",
   "type": "module",
   "files": [
     "src/assets",
@@ -31,13 +31,17 @@
     "react-dom": "^18.2.0",
     "react-flags-select": "^2.2.3",
     "react-icons": "^4.8.0",
+    "react-input-emoji": "^5.1.1",
+    "react-mic": "^12.4.6",
     "react-modal": "^3.16.1",
     "react-router-dom": "^6.8.2",
+    "react-toastify": "^9.1.3",
     "react-tooltip": "^5.10.1",
     "slate": "^0.94.0",
     "slate-history": "^0.93.0",
     "slate-react": "^0.94.0",
-    "styled-components": "^5.3.6"
+    "styled-components": "^5.3.6",
+    "wavesurfer.js": "^7.1.2"
   },
   "devDependencies": {
     "@types/react": "^18.0.27",

package/src/assets/svg/bin.jsx

@@ -0,0 +1,15 @@
+import React from "react";
+export const Bin = ({ width, height, fill }) => (
+  <svg
+    width={width || "14"}
+    height={height || "18"}
+    viewBox="0 0 14 18"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M1 16C1 17.1 1.9 18 3 18H11C12.1 18 13 17.1 13 16V4H1V16ZM3 6H11V16H3V6ZM10.5 1L9.5 0H4.5L3.5 1H0V3H14V1H10.5Z"
+      fill="#ADB3B3"
+    />
+  </svg>
+);

package/src/assets/svg/emoji.jsx

@@ -0,0 +1,39 @@
+import React from "react";
+export const EmojiIcon = ({ width, height, fill }) => (
+  <svg
+    width={width || "24"}
+    height={height || "24"}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M19.0668 4.94813C23.0368 8.91813 22.9668 15.3981 18.8668 19.2881C15.0768 22.8781 8.92679 22.8781 5.12679 19.2881C1.01679 15.3981 0.946776 8.91813 4.92678 4.94813C8.82678 1.03813 15.1668 1.03813 19.0668 4.94813Z"
+      stroke="#ADB3B3"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M15.834 16.0664C13.714 18.0664 10.2741 18.0664 8.16406 16.0664"
+      stroke="#ADB3B3"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M8.66638 8.98828H8.67536"
+      stroke="#ADB3B3"
+      stroke-width="2.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M15.8383 8.98828H15.8472"
+      stroke="#ADB3B3"
+      stroke-width="2.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+);

package/src/assets/svg/gallery.jsx

@@ -0,0 +1,32 @@
+import React from "react";
+export const GalleryIcon = ({ width, height, fill }) => (
+  <svg
+    width={width || "24"}
+    height={height || "24"}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z"
+      stroke="#4A4D4D"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M9 10C10.1046 10 11 9.10457 11 8C11 6.89543 10.1046 6 9 6C7.89543 6 7 6.89543 7 8C7 9.10457 7.89543 10 9 10Z"
+      stroke="#4A4D4D"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M2.67188 18.9486L7.60187 15.6386C8.39187 15.1086 9.53187 15.1686 10.2419 15.7786L10.5719 16.0686C11.3519 16.7386 12.6119 16.7386 13.3919 16.0686L17.5519 12.4986C18.3319 11.8286 19.5919 11.8286 20.3719 12.4986L22.0019 13.8986"
+      stroke="#4A4D4D"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+);

package/src/assets/svg/microphone.jsx

@@ -0,0 +1,39 @@
+import React from "react";
+export const MicrophoneIcon = ({ width, height, fill }) => (
+  <svg
+    width={width || "24"}
+    height={height || "24"}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M12 19C15.31 19 18 16.31 18 13V8C18 4.69 15.31 2 12 2C8.69 2 6 4.69 6 8V13C6 16.31 8.69 19 12 19Z"
+      stroke="#4A4D4D"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M3 11V13C3 17.97 7.03 22 12 22C16.97 22 21 17.97 21 13V11"
+      stroke="#4A4D4D"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M9.10938 7.47969C10.8894 6.82969 12.8294 6.82969 14.6094 7.47969"
+      stroke="#4A4D4D"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M10.0312 10.4819C11.2313 10.1519 12.5013 10.1519 13.7013 10.4819"
+      stroke="#4A4D4D"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+);

package/src/assets/svg/pause.jsx

@@ -0,0 +1,18 @@
+import React from "react";
+export const PauseIcon = ({ width, height, fill }) => (
+  <svg
+    width={width || "20"}
+    height={height || "20"}
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M8 7V13M12 7V13M19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1C14.9706 1 19 5.02944 19 10Z"
+      stroke="#F95454"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);

package/src/assets/svg/recorder.jsx

@@ -0,0 +1,17 @@
+import React from "react";
+export const RecorderIcon = ({ width, height, fill }) => (
+  <svg
+    width={width || "22"}
+    height={height || "22"}
+    viewBox="0 0 22 22"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M11.0016 21.4016C16.7453 21.4016 21.4016 16.7453 21.4016 11.0016C21.4016 5.2578 16.7453 0.601562 11.0016 0.601562C5.2578 0.601562 0.601562 5.2578 0.601562 11.0016C0.601562 16.7453 5.2578 21.4016 11.0016 21.4016ZM10.4227 7.3199C10.0238 7.05396 9.51085 7.02916 9.08815 7.25539C8.66544 7.48161 8.40156 7.92213 8.40156 8.40156V13.6016C8.40156 14.081 8.66544 14.5215 9.08815 14.7477C9.51085 14.974 10.0238 14.9492 10.4227 14.6832L14.3227 12.0832C14.6843 11.8421 14.9016 11.4362 14.9016 11.0016C14.9016 10.5669 14.6843 10.161 14.3227 9.9199L10.4227 7.3199Z"
+      fill="#FEBF10"
+    />
+  </svg>
+);

package/src/assets/svg/recorderPlay.jsx

@@ -0,0 +1,39 @@
+import React from "react";
+export const RecorderPlayIcon = ({ width, height, fill }) => (
+  <svg
+    width={width || "24"}
+    height={height || "24"}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M12 19C15.31 19 18 16.31 18 13V8C18 4.69 15.31 2 12 2C8.69 2 6 4.69 6 8V13C6 16.31 8.69 19 12 19Z"
+      stroke="#F95454"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M3 11V13C3 17.97 7.03 22 12 22C16.97 22 21 17.97 21 13V11"
+      stroke="#F95454"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M9.10938 7.47969C10.8894 6.82969 12.8294 6.82969 14.6094 7.47969"
+      stroke="#F95454"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M10.0312 10.4819C11.2313 10.1519 12.5013 10.1519 13.7013 10.4819"
+      stroke="#F95454"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);

package/src/assets/svg/send.jsx

@@ -0,0 +1,25 @@
+import React from "react";
+export const SendIcon = ({ width, height, fill }) => (
+  <svg
+    width={width || "24"}
+    height={height || "24"}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M9.50733 4.22867L18.0673 8.50867C21.9073 10.4287 21.9073 13.5687 18.0673 15.4887L9.50733 19.7687C3.74733 22.6487 1.39733 20.2887 4.27733 14.5387L5.14733 12.8087C5.36733 12.3687 5.36733 11.6387 5.14733 11.1987L4.27733 9.45867C1.39733 3.70867 3.75733 1.34867 9.50733 4.22867Z"
+      stroke="white"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M5.4375 12H10.8375"
+      stroke="white"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+);

package/src/components/index.js

@@ -29,6 +29,5 @@ export { default as ErrorPage } from "./errorPage";
 export { default as AppMainLayout } from "./AppMainLayout";
 export { OutletContext as OutletContext } from "./AppMainLayout";
 export { default as DatePickerCalender } from "./datePicker";
-export { default as DatePickerCalender } from "./datePicker";
 export { default as TextEditor } from "./textEditor";
 export { default as MessageAddon } from "./messageAddon/messages";

package/src/components/messageAddon/InputSection/index.jsx

@@ -19,9 +19,9 @@ import { RecorderIcon } from "../../../assets/svg/recorder";
 import { RecorderPlayIcon } from "../../../assets/svg/recorderPlay";
 import { PauseIcon } from "../../../assets/svg/pause";
 import { Bin } from "../../../assets/svg/bin";
-import useMessaging from "../../../hooks/useMessaging";
-import useMedia from "../../../hooks/useMedia";
-import { getCookie } from "../../../utils/helpers";
+import useMessaging from "../hooks/useMessaging";
+import useMedia from "../hooks/useMedia";
+import { getCookie } from "../utils/helpers";
 import InputEmoji from "react-input-emoji";
 
 /** The input section of an open chat, for sending texts, emojis and audios

package/src/components/messageAddon/assets/svg/bin.jsx

@@ -1,3 +1,4 @@
+import React from "react";
 export const Bin = ({ width, height, fill }) => (
   <svg
     width={width || "14"}

package/src/components/messageAddon/assets/svg/check_circle.jsx

@@ -1,3 +1,4 @@
+import React from "react";
 export const CheckCircleIcon = ({ width, height, fill, onClick }) => (
   <svg
     onClick={onClick}

package/src/components/messageAddon/assets/svg/emoji.jsx

@@ -1,3 +1,4 @@
+import React from "react";
 export const EmojiIcon = ({ width, height, fill }) => (
   <svg
     width={width || "24"}

package/src/components/messageAddon/assets/svg/gallery.jsx

@@ -1,3 +1,4 @@
+import React from "react";
 export const GalleryIcon = ({ width, height, fill }) => (
   <svg
     width={width || "24"}

package/src/components/messageAddon/assets/svg/microphone.jsx

@@ -1,3 +1,4 @@
+import React from "react";
 export const MicrophoneIcon = ({ width, height, fill }) => (
   <svg
     width={width || "24"}

package/src/components/messageAddon/assets/svg/more.jsx

@@ -1,3 +1,4 @@
+import React from "react";
 export const MoreIcon = ({ width, height, fill }) => (
   <svg
     width={width || "24"}

package/src/components/messageAddon/assets/svg/noMessage.jsx

@@ -1,3 +1,4 @@
+import React from "react";
 export const NoMessage = ({ width, height, fill }) => (
   <svg
     width={width || "65"}

package/src/components/messageAddon/assets/svg/recorder.jsx

@@ -0,0 +1,17 @@
+import React from "react";
+export const RecorderIcon = ({ width, height, fill }) => (
+  <svg
+    width={width || "22"}
+    height={height || "22"}
+    viewBox="0 0 22 22"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M11.0016 21.4016C16.7453 21.4016 21.4016 16.7453 21.4016 11.0016C21.4016 5.2578 16.7453 0.601562 11.0016 0.601562C5.2578 0.601562 0.601562 5.2578 0.601562 11.0016C0.601562 16.7453 5.2578 21.4016 11.0016 21.4016ZM10.4227 7.3199C10.0238 7.05396 9.51085 7.02916 9.08815 7.25539C8.66544 7.48161 8.40156 7.92213 8.40156 8.40156V13.6016C8.40156 14.081 8.66544 14.5215 9.08815 14.7477C9.51085 14.974 10.0238 14.9492 10.4227 14.6832L14.3227 12.0832C14.6843 11.8421 14.9016 11.4362 14.9016 11.0016C14.9016 10.5669 14.6843 10.161 14.3227 9.9199L10.4227 7.3199Z"
+      fill="#FEBF10"
+    />
+  </svg>
+);

package/src/components/messageAddon/assets/svg/recorderPlay.jsx

@@ -0,0 +1,39 @@
+import React from "react";
+export const RecorderPlayIcon = ({ width, height, fill }) => (
+  <svg
+    width={width || "24"}
+    height={height || "24"}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M12 19C15.31 19 18 16.31 18 13V8C18 4.69 15.31 2 12 2C8.69 2 6 4.69 6 8V13C6 16.31 8.69 19 12 19Z"
+      stroke="#F95454"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M3 11V13C3 17.97 7.03 22 12 22C16.97 22 21 17.97 21 13V11"
+      stroke="#F95454"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M9.10938 7.47969C10.8894 6.82969 12.8294 6.82969 14.6094 7.47969"
+      stroke="#F95454"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M10.0312 10.4819C11.2313 10.1519 12.5013 10.1519 13.7013 10.4819"
+      stroke="#F95454"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);

package/src/components/messageAddon/assets/svg/send.jsx

@@ -1,3 +1,4 @@
+import React from "react";
 export const SendIcon = ({ width, height, fill }) => (
   <svg
     width={width || "24"}

package/src/components/messageAddon/assets/svg/send_fail.jsx

@@ -1,3 +1,4 @@
+import React from "react";
 export const SendFailIcon = ({ width, height, fill }) => (
   <svg
     width={width || "13"}

package/src/components/messageAddon/assets/svg/sending_status.jsx

@@ -1,3 +1,4 @@
+import React from "react";
 export const SendingStatusIcon = ({ width, height, fill }) => (
   <svg
     width={width || "13"}

package/src/components/messageAddon/assets/svg/warning.jsx

@@ -1,3 +1,4 @@
+import React from "react";
 export const WarningIcon = ({ width, height, fill }) => (
   <svg
     width={width || "31"}

package/src/components/messageAddon/hooks/messagesContext.js

@@ -1,4 +1,4 @@
-import { createContext, useState } from "react";
+import React, { createContext, useState } from "react";
 const MessagesContext = createContext();
 
 export const useMessagesContext = () => {

package/src/components/messageAddon/messages/index.jsx

@@ -1,8 +1,6 @@
 import React, { createContext } from "react";
 
-import MessagesContext, {
-  useMessagesContext,
-} from "../../../hooks/messagesContext";
+import MessagesContext, { useMessagesContext } from "../hooks/messagesContext";
 import Messages from "./messages";
 
 const MessagesAddon = () => {

package/src/components/messageAddon/messages/message-modals/deleteChat-modal.jsx

@@ -6,7 +6,7 @@ import {
   ModalCardContainer,
   CloseModalButton,
 } from "./index.styled";
-import { IoMdClose } from "react-icons/all";
+import { IoMdClose } from "react-icons/io";
 import Modal from "react-modal";
 import { ButtonComponent } from "l-min-components/src/components";
 import { WarningIcon } from "../../assets/svg/warning";

package/src/components/messageAddon/messages/messages.jsx

@@ -94,7 +94,7 @@ const Messages = (props) => {
   console.log("singleChat", singleChat);
 
   useEffect(() => {
-    setRightLayout(false);
+    // setRightLayout(false);
   }, []);
 
   // use effects for successful responses***