dmed-voice-assistant 1.0.3 → 1.1.0

package/dist/components/RecognitionListItem.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _material = require("@mui/material");
+const RecognitionListItem = _ref => {
+  let {
+    data
+  } = _ref;
+  return /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_material.Box, {
+    className: "flex items-center justify-between p-[4.5px] bg-[#F6F8FA]"
+  }, /*#__PURE__*/React.createElement(_material.Box, {
+    className: "flex items-center space-x-1 p-[4px]"
+  }, /*#__PURE__*/React.createElement(_material.Typography, {
+    className: "!font-bold !text-[14px]",
+    color: "#494A48"
+  }, data.result.length), /*#__PURE__*/React.createElement(_material.Typography, {
+    className: "!font-400 !text-[12px]",
+    color: "#494A48"
+  }, "words")), /*#__PURE__*/React.createElement(_material.Typography, {
+    className: "px-[4px] !font-400 !text-[14px]",
+    color: "#494A48"
+  }, data.date.toLocaleTimeString('en-US', {
+    hour: '2-digit',
+    minute: '2-digit',
+    hour12: true
+  }))), /*#__PURE__*/React.createElement(_material.Box, {
+    className: "flex items-center flex-wrap space-x-1 mt-1 p-[9px]",
+    sx: {
+      maxWidth: "387px",
+      overflow: "hidden"
+    }
+  }, data.result.map((item, index) => {
+    return /*#__PURE__*/React.createElement(_material.Box, {
+      className: "flex items-center",
+      key: index
+    }, /*#__PURE__*/React.createElement(_material.Typography, {
+      className: "!font-400 !text-[16px]",
+      color: "#494A48",
+      sx: {
+        fontFamily: "Space Grotesk !important"
+      }
+    }, item), index !== data.result.length - 1 && /*#__PURE__*/React.createElement(_material.Typography, {
+      className: "!font-400 !text-[16px]",
+      color: "#494A4880",
+      sx: {
+        fontFamily: "Fira Sans !important"
+      }
+    }, ","));
+  })));
+};
+var _default = exports.default = RecognitionListItem;

package/dist/components/RecordListItem.js

@@ -0,0 +1,246 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _material = require("@mui/material");
+var _svgs = require("./svgs");
+const formatDate = date => {
+  const day = String(date.getDate()).padStart(2, '0'); // Get day with leading zero
+  const month = String(date.getMonth() + 1).padStart(2, '0'); // Get month (0-indexed, so add 1) with leading zero
+  const year = date.getFullYear(); // Get full year
+
+  return `${day}.${month}.${year}`;
+};
+const formatBytes = bytes => {
+  if (bytes === 0) return {
+    size: 0,
+    type: 'Bytes'
+  };
+  const sizeUnits = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+  const i = Math.floor(Math.log(bytes) / Math.log(1024)); // Determine the index of the unit
+
+  const size = (bytes / Math.pow(1024, i)).toFixed(2); // Convert and round to 2 decimal places
+  const type = sizeUnits[i]; // Get the unit type
+
+  return {
+    size: parseFloat(size),
+    type: type
+  };
+};
+const formatTime = seconds => {
+  const minutes = Math.floor(seconds / 60); // Calculate minutes
+  const remainingSeconds = seconds % 60; // Calculate remaining seconds
+
+  // Format minutes and seconds to always be two digits
+  const formattedMinutes = String(minutes).padStart(2, '0');
+  const formattedSeconds = String(remainingSeconds).padStart(2, '0');
+  return {
+    minutes: formattedMinutes,
+    seconds: formattedSeconds
+  };
+};
+const RecordListItem = _ref => {
+  let {
+    audioURL = "",
+    label = "",
+    createdDate = new Date(),
+    capacity = 0,
+    time = 0,
+    onLabelChange,
+    onDelete
+  } = _ref;
+  const audioRef = (0, _react.useRef)(null);
+  const [anchorEl, setAnchorEl] = (0, _react.useState)(null);
+  const openAnchorEl = Boolean(anchorEl);
+  const [isPlaying, setIsPlaying] = (0, _react.useState)(false);
+  const [isEditing, setIsEditing] = (0, _react.useState)(false);
+  const [newLabel, setNewLabel] = (0, _react.useState)(label);
+  const handlePopoverOpen = event => {
+    setAnchorEl(event.currentTarget);
+  };
+  const handlePopoverClose = () => {
+    setAnchorEl(null);
+  };
+  const handleRename = () => {
+    setIsEditing(true);
+    handlePopoverClose();
+  };
+  const handleInputChange = event => {
+    setNewLabel(event.target.value);
+  };
+  const handleInputBlur = () => {
+    setIsEditing(false);
+    if (newLabel !== label && onLabelChange) {
+      onLabelChange(newLabel);
+    }
+  };
+  const handleInputKeyDown = event => {
+    if (event.key === "Enter") {
+      setIsEditing(false);
+      if (newLabel !== label && onLabelChange) {
+        onLabelChange(newLabel);
+      }
+    }
+  };
+  const playAudio = () => {
+    if (!audioRef.current) {
+      const audio = new Audio(audioURL);
+      audioRef.current = audio;
+      audioRef.current.onended = () => {
+        URL.revokeObjectURL(audioURL);
+        setIsPlaying(false);
+      };
+    }
+    if (isPlaying) {
+      audioRef.current.pause();
+      setIsPlaying(false);
+    } else {
+      audioRef.current.play();
+      setIsPlaying(true);
+    }
+  };
+  const handleDelete = () => {
+    if (onDelete) {
+      onDelete();
+    }
+    handlePopoverClose();
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_material.Box, {
+    className: "flex items-center justify-between"
+  }, /*#__PURE__*/React.createElement(_material.Box, {
+    className: "flex items-center space-x-2"
+  }, /*#__PURE__*/React.createElement(_material.Box, {
+    className: "cursor-pointer",
+    onClick: playAudio
+  }, isPlaying ? /*#__PURE__*/React.createElement(_svgs.PauseIcon, null) : /*#__PURE__*/React.createElement(_svgs.BigStartIcon, null)), /*#__PURE__*/React.createElement(_material.Box, null, isEditing ? /*#__PURE__*/React.createElement(_material.TextField, {
+    value: newLabel,
+    onChange: handleInputChange,
+    onBlur: handleInputBlur,
+    onKeyDown: handleInputKeyDown,
+    variant: "standard",
+    autoFocus: true,
+    inputProps: {
+      style: {
+        color: "#EAE5DC",
+        fontSize: "16px",
+        fontWeight: 600
+      }
+    },
+    sx: {
+      input: {
+        fontFamily: "Afacad !important"
+      }
+    }
+  }) : /*#__PURE__*/React.createElement(_material.Typography, {
+    className: "!font-[600] !text-[16px]",
+    color: "#EAE5DC"
+  }, newLabel), /*#__PURE__*/React.createElement(_material.Typography, {
+    className: "flex items-center !font-[400] !text-[14px]",
+    color: "#EAE5DCB2",
+    sx: {
+      fontFamily: "Afacad !important"
+    }
+  }, formatDate(createdDate), /*#__PURE__*/React.createElement("svg", {
+    className: "mx-1",
+    width: "3",
+    height: "4",
+    viewBox: "0 0 3 4",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("circle", {
+    cx: "1.5",
+    cy: "2",
+    r: "1.5",
+    fill: "#EAE5DC",
+    fillOpacity: "0.7"
+  })), /*#__PURE__*/React.createElement("span", {
+    ref: el => {
+      if (el) {
+        el.style.setProperty('font-family', 'Afacad', 'important');
+      }
+    },
+    style: {
+      fontWeight: "600",
+      marginRight: "3px"
+    }
+  }, formatBytes(capacity).size), formatBytes(capacity).type))), /*#__PURE__*/React.createElement(_material.Typography, {
+    className: "!font-[600] !text-[20px]",
+    color: "#EAE5DC",
+    sx: {
+      fontFamily: "Afacad !important"
+    }
+  }, formatTime(time).minutes, /*#__PURE__*/React.createElement("span", {
+    ref: el => {
+      if (el) {
+        el.style.setProperty('font-family', 'Afacad', 'important');
+      }
+    },
+    style: {
+      fontWeight: "400",
+      fontSize: "16px",
+      marginRight: "5px"
+    }
+  }, "m"), formatTime(time).seconds, /*#__PURE__*/React.createElement("span", {
+    ref: el => {
+      if (el) {
+        el.style.setProperty('font-family', 'Afacad', 'important');
+      }
+    },
+    style: {
+      fontWeight: "400",
+      fontSize: "16px"
+    }
+  }, "s")), /*#__PURE__*/React.createElement(_material.Box, {
+    className: "cursor-pointer",
+    onClick: handlePopoverOpen
+  }, /*#__PURE__*/React.createElement(_svgs.ThreeDotsIcon, null))), /*#__PURE__*/React.createElement(_material.Popover, {
+    open: openAnchorEl,
+    anchorEl: anchorEl,
+    onClose: handlePopoverClose,
+    anchorOrigin: {
+      vertical: 'bottom',
+      horizontal: 'left'
+    },
+    transformOrigin: {
+      vertical: 'bottom',
+      horizontal: 'right'
+    },
+    disableAutoFocus: true,
+    disableEnforceFocus: true,
+    sx: {
+      '& .MuiPaper-root': {
+        boxShadow: 'none',
+        background: '#0B0B0B',
+        borderRadius: '5px'
+      }
+    }
+  }, /*#__PURE__*/React.createElement(_material.Box, {
+    className: "px-[5px] pt-[5px] pb-[2.5px] w-[115px]"
+  }, /*#__PURE__*/React.createElement(_material.Box, {
+    className: "flex items-center justify-between rounded-[5px] px-[10px] py-[3px] cursor-pointer",
+    sx: {
+      '&:hover': {
+        background: '#323232'
+      }
+    },
+    onClick: handleRename
+  }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.EditIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
+    className: "!font-400 !text-[12px]",
+    color: "#EAE5DC"
+  }, "Rename")), /*#__PURE__*/React.createElement(_material.Box, {
+    className: "flex items-center justify-between rounded-[5px] px-[10px] py-[3px] cursor-pointer",
+    sx: {
+      '&:hover': {
+        background: '#323232'
+      }
+    },
+    onClick: handleDelete
+  }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.DeleteIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
+    className: "!font-400 !text-[12px]",
+    color: "#EAE5DC"
+  }, "Delete")))));
+};
+var _default = exports.default = RecordListItem;

package/dist/components/StyledSelect.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _material = require("@mui/material");
+const StyledSelect = (0, _material.styled)(_material.Select)(_ref => {
+  let {
+    theme
+  } = _ref;
+  return {
+    height: '41.4px',
+    border: '0.9px solid #565656',
+    borderRadius: '5px',
+    maxWidth: '360px',
+    '& .MuiOutlinedInput-notchedOutline': {
+      border: "none"
+    },
+    '& svg': {
+      fill: '#EAE5DC'
+    }
+  };
+});
+var _default = exports.default = StyledSelect;