quickblox-react-ui-kit 0.2.5 → 0.2.6-patch

package/src/Presentation/components/UI/Dialogs/PreviewDialog/PreviewImageFile/PreviewImageFile.tsx

@@ -1,26 +0,0 @@
-import './PreviewImageFile.scss';
-import React from 'react';
-
-type PreviewImageFileProps = {
-  fileName: string;
-  imgUrl: string;
-};
-// eslint-disable-next-line react/function-component-definition
-const PreviewImageFile: React.FC<PreviewImageFileProps> = ({
-  fileName,
-  imgUrl,
-}: PreviewImageFileProps) => {
-  return (
-    <div className="preview-image-file-container">
-      <div className="preview-image-file-container--placeholder">
-        <img
-          className="preview-image-file-container--placeholder__bg"
-          src={imgUrl}
-        />
-      </div>
-      <div className="preview-image-file-container--travel-img">{fileName}</div>
-    </div>
-  );
-};
-
-export default PreviewImageFile;

package/src/Presentation/components/UI/Dialogs/PreviewDialog/PreviewVideoFile/PreviewVideoFile.scss

@@ -1,62 +0,0 @@
-.preview-video-file-container,
-.preview-video-file-container * {
-  box-sizing: border-box;
-}
-.preview-video-file-container {
-  display: flex;
-  flex-direction: row;
-  gap: 8px;
-  align-items: center;
-  justify-content: flex-start;
-  align-self: stretch;
-  flex-shrink: 0;
-  position: relative;
-
-  &--placeholder {
-    flex-shrink: 0;
-    width: 32px;
-    height: 32px;
-    position: static;
-
-    &__bg {
-      background: var(--incoming-background, #e4e6e8);
-      border-radius: 8px;
-      width: 32px;
-      height: 32px;
-      position: absolute;
-      left: 0px;
-      top: 0px;
-    }
-    &__icon {
-      border-radius: 4px;
-      padding: 4px;
-      display: flex;
-      flex-direction: row;
-      gap: 0px;
-      align-items: center;
-      justify-content: center;
-      width: 24px;
-      height: 24px;
-      position: absolute;
-      left: 4px;
-      top: 4px;
-    }
-  }
-
-  &--video-mp-4 {
-    color: var(--main-text, #0b121b);
-    text-align: left;
-    font: 400 12px/16px "Roboto", sans-serif;
-    position: relative;
-    flex: 1;
-  }
-}
-
-
-.toggle-play {
-  align-self: stretch;
-  flex: 1;
-  position: relative;
-  overflow: visible;
-}
-

package/src/Presentation/components/UI/Dialogs/PreviewDialog/PreviewVideoFile/PreviewVideoFile.tsx

@@ -1,25 +0,0 @@
-import './PreviewVideoFile.scss';
-import React from 'react';
-import ImagePlay from '../../../svgs/Icons/Toggle/ImagePlay';
-
-type PreviewVideoFileProps = {
-  fileName: string;
-};
-// eslint-disable-next-line react/function-component-definition
-const PreviewVideoFile: React.FC<PreviewVideoFileProps> = ({
-  fileName,
-}: PreviewVideoFileProps) => {
-  return (
-    <div className="preview-video-file-container">
-      <div className="preview-video-file-container--placeholder">
-        <div className="preview-video-file-container--placeholder__bg" />
-        <div className="preview-video-file-container--placeholder__icon">
-          <ImagePlay width="16" height="16" applyZoom color="var(--caption)" />
-        </div>
-      </div>
-      <div className="preview-video-file-container--video-mp-4">{fileName}</div>
-    </div>
-  );
-};
-
-export default PreviewVideoFile;

package/src/Presentation/components/UI/Dialogs/YesNoQuestion/YesNoQuestion.scss

@@ -1,35 +0,0 @@
-$yesno-container-background-color: var(--main-background);
-$yesno-container-message-text-color: var(--caption);
-$yesno-container-divider: var(--divider);
-
-.yesno-container-wrapper {
-  min-width: 336px;
-}
-
-.yesno-container {
-  display: flex;
-  flex-flow: column nowrap;
-  min-width: 380px;
-  min-height: 176px;
-  margin: 0 auto;
-  justify-content: center;
-  align-items: center;
-  gap: 16px;
-  background-color: $yesno-container-background-color;
-
-  &__message-text {
-    min-height: 24px;
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 400;
-    font-size: 16px;
-    line-height: 24px;
-    text-align: center;
-    letter-spacing: 0.15px;
-    color: $yesno-container-message-text-color;
-  }
-  &__footer{
-     //border: 2px solid brown;
-    min-width: 336px;
-  }
-}

package/src/Presentation/components/UI/Dialogs/YesNoQuestion/YesNoQuestion.tsx

@@ -1,89 +0,0 @@
-import './YesNoQuestion.scss';
-import React from 'react';
-import { FunctionTypeVoidToVoid } from '../../../../Views/Base/BaseViewModel';
-import ColumnContainer from '../../../containers/ColumnContainer/ColumnContainer';
-import RowRightContainer from '../../../containers/RowRightContainer/RowRightContainer';
-import MainButton, { TypeButton } from '../../Buttons/MainButton/MainButton';
-
-type YesNoQuestionProps = {
-  messageText?: string;
-  ClickYesActionHandler?: FunctionTypeVoidToVoid;
-  TouchYesActionHandler?: FunctionTypeVoidToVoid;
-  ClickNoActionHandler?: FunctionTypeVoidToVoid;
-  TouchNoActionHandler?: FunctionTypeVoidToVoid;
-  yesActionCaption?: string;
-  noActionCaption?: string;
-};
-// eslint-disable-next-line react/function-component-definition
-const YesNoQuestionComponent: React.FC<YesNoQuestionProps> = ({
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  messageText,
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  ClickYesActionHandler,
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  TouchYesActionHandler,
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  ClickNoActionHandler,
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  TouchNoActionHandler,
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  yesActionCaption = undefined,
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  noActionCaption = undefined,
-}: YesNoQuestionProps) => {
-  return (
-    <div className="yesno-container-wrapper">
-      <ColumnContainer>
-        <div className="yesno-container__message-text">{messageText}</div>
-        <div className="yesno-container__footer">
-          <RowRightContainer
-            minHeightContainer="32px"
-            gapBetweenItem="8px"
-            RightContainerSize={{
-              flexBasis: '63px',
-              minWidth: '63px',
-              maxWidth: '63px',
-              minHeight: '32px',
-              maxHeight: '32px',
-            }}
-            RightItem={
-              <div>
-                <MainButton
-                  clickHandler={() => {
-                    if (ClickYesActionHandler) {
-                      ClickYesActionHandler();
-                    }
-                  }}
-                  title={yesActionCaption || 'Yes'}
-                  typeButton={TypeButton.danger}
-                />
-              </div>
-            }
-            CenterContainerSize={{
-              flexBasis: '78px',
-              minWidth: '78px',
-              maxWidth: '78px',
-              minHeight: '32px',
-              maxHeight: '32px',
-            }}
-            CenterItem={
-              <div>
-                <MainButton
-                  title={noActionCaption || 'No'}
-                  clickHandler={() => {
-                    if (ClickNoActionHandler) {
-                      ClickNoActionHandler();
-                    }
-                  }}
-                  typeButton={TypeButton.outlined}
-                />
-              </div>
-            }
-          />
-        </div>
-      </ColumnContainer>
-    </div>
-  );
-};
-
-export default YesNoQuestionComponent;

package/src/Presentation/components/UI/Elements/SwitchButton/SwitchButton.scss

@@ -1,61 +0,0 @@
-$background-color-off: var(--disabled-elements);
-$background-color-on: var(--main-elements);
-/* The switch - the box around the slider */
-.switch {
-  position: relative;
-  display: inline-block;
-  width: 40px;
-  height: 20px;
-}
-
-/* Hide default HTML checkbox */
-.switch input {display:none;}
-
-/* The slider */
-.slider {
-  position: absolute;
-  cursor: pointer;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: #ccc;
-  -webkit-transition: .4s;
-  transition: .4s;
-}
-
-.slider:before {
-  position: absolute;
-  content: "";
-  height: 12px;
-  width: 12px;
-  left: 4px;
-  bottom: 4px;
-  right: 4px;
-  background-color: white;
-  -webkit-transition: .4s;
-  transition: .4s;
-}
-
-input:checked + .slider {
-  background-color: #2196F3;
-}
-
-input:focus + .slider {
-  box-shadow: 0 0 1px #2196F3;
-}
-
-input:checked + .slider:before {
-  -webkit-transform: translateX(12px);
-  -ms-transform: translateX(12px);
-  transform: translateX(12px);
-}
-
-/* Rounded sliders */
-.slider.round {
-  border-radius: 12px;
-}
-
-.slider.round:before {
-  border-radius: 50%;
-}

package/src/Presentation/components/UI/Elements/SwitchButton/SwitchButton.tsx

@@ -1,48 +0,0 @@
-import React from 'react';
-import './SwitchButton.scss';
-import { FunctionTypeVoidToVoid } from '../../../../Views/Base/BaseViewModel';
-
-type SwitchButtonProps = {
-  disabled?: boolean;
-  styleBox?: React.CSSProperties;
-  clickHandler?: FunctionTypeVoidToVoid;
-  touchHandler?: FunctionTypeVoidToVoid;
-};
-
-// eslint-disable-next-line react/function-component-definition
-const SwitchButton: React.FC<SwitchButtonProps> = ({
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  disabled = false,
-  styleBox,
-  clickHandler,
-  touchHandler,
-}) => {
-  return (
-    <div
-      style={styleBox}
-      onClick={() => {
-        console.log('click on SwitchButton');
-        if (typeof clickHandler === 'function') {
-          clickHandler();
-        }
-      }}
-      onTouchStart={() => {
-        if (touchHandler) touchHandler();
-      }}
-    >
-      <label className="switch">
-        <input type="checkbox" />
-        <span className="slider round" />
-      </label>
-    </div>
-  );
-};
-
-/*
-() => {
-              console.log('clicked theme');
-              document.documentElement.setAttribute('data-theme', 'dark');
-              changeThemeActions();
-            }
- */
-export default SwitchButton;

package/src/Presentation/components/UI/Placeholders/ErrorComponent/ErrorComponent.scss

@@ -1,74 +0,0 @@
-$error-container-background-color: var(--main-background);
-$error-container-error-message-text-color: var(--caption);
-$error-container-error-action-color: var(--main-elements);
-$error-container-divider: var(--divider);
-
-.error-container-wrapper {
-  // padding-top: 9px;
-  // padding-bottom: 12px;
-  border: 1px solid $error-container-divider;
-}
-
-.error-container {
-  display: flex;
-  flex-flow: column nowrap;
-  min-width: 360px;
-  min-height: 156px;
-  margin: 0 auto;
-  justify-content: center;
-  align-items: center;
-  // border: 1px solid green;
-  gap: 16px;
-  background-color: $error-container-background-color;
-  &__error-icon {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    margin: 0 auto;
-
-    min-width: 60px;
-    min-height: 60px;
-
-
-    color: $error-container-error-message-text-color;
-    svg path {fill: $error-container-error-message-text-color}
-  }
-  &__error-message {
-    min-height: 24px;
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 400;
-    font-size: 16px;
-    line-height: 24px;
-    text-align: center;
-    letter-spacing: 0.15px;
-    color: $error-container-error-message-text-color;
-  }
-  &--error-action {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: nowrap;
-    justify-content: center;
-    align-items: center;
-    margin: 0 auto;
-    gap: 8px;
-    min-height: 40px;
-    min-width: 92px;
-    cursor: pointer;
-
-    &__refresh-icon {
-      min-width: 24px;
-      min-height: 24px;
-      svg path {fill: $error-container-error-action-color}
-    }
-    &__refresh-text {
-      color: $error-container-error-action-color;
-      font-family: 'Roboto';
-      font-style: normal;
-      font-weight: 700;
-      font-size: 14px;
-      line-height: 16px;
-      letter-spacing: 0.4px;
-     }
-  }
-}

package/src/Presentation/components/UI/Placeholders/ErrorComponent/ErrorComponent.tsx

@@ -1,72 +0,0 @@
-import './ErrorComponent.scss';
-import React from 'react';
-import { IconTheme } from '../../svgs/Icons/IconsCommonTypes';
-import Error from '../../svgs/Icons/Status/Error';
-import { FunctionTypeVoidToVoid } from '../../../../Views/Base/BaseViewModel';
-import ColumnContainer from '../../../containers/ColumnContainer/ColumnContainer';
-
-type ErrorComponentProps = {
-  title?: string;
-  ClickActionHandler?: FunctionTypeVoidToVoid;
-  TouchActionHandler?: FunctionTypeVoidToVoid;
-  theme?: IconTheme;
-};
-// eslint-disable-next-line react/function-component-definition
-const ErrorComponent: React.FC<ErrorComponentProps> = ({
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  title,
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  ClickActionHandler,
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  TouchActionHandler,
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  theme = undefined,
-}: ErrorComponentProps) => {
-  return (
-    <div className="error-container-wrapper">
-      <ColumnContainer>
-        <div
-          style={{ width: '52px', height: '52px' }}
-          className="error-container__error-icon"
-        >
-          {theme ? <Error color={theme?.color} /> : <Error />}
-        </div>
-        <div className="error-container__error-message">{title}</div>
-        <div
-          className="error-container--error-action"
-          onClick={ClickActionHandler}
-          onTouchStart={TouchActionHandler}
-        >
-          {/* <div className="error-container--error-action__refresh-icon"> */}
-          {/*  <Refresh height="24" width="24" color={theme?.color} applyZoom /> */}
-          {/* </div> */}
-          {/* <div className="error-container--error-action__refresh-text"> */}
-          {/*  Retry */}
-          {/* </div> */}
-        </div>
-      </ColumnContainer>
-    </div>
-    // <div className="error-container-wrapper">
-    //   <div className="error-container">
-    //     <div className="error-container__error-icon">
-    //       {theme ? <Error color={theme?.color} /> : <Error />}
-    //     </div>
-    //     <div className="error-container__error-message">{title}</div>
-    //     <div className="error-container--error-action">
-    //       <div
-    //         className="error-container--error-action__refresh-icon"
-    //         onClick={ClickActionHandler}
-    //         onTouchStart={TouchActionHandler}
-    //       >
-    //         <Refresh />
-    //       </div>
-    //       <div className="error-container--error-action__refresh-text">
-    //         Retry
-    //       </div>
-    //     </div>
-    //   </div>
-    // </div>
-  );
-};
-
-export default ErrorComponent;

package/src/Presentation/components/UI/Placeholders/LoaderComponent/LoaderComponent.scss

@@ -1,21 +0,0 @@
-$default-background-color: var(--main-elements);
-$default-width-icon: 44;
-$default-height-icon: 44;
-
-// #Loader{fill: $default-background-color};
-
-.loader {
-  animation: spin 1s linear infinite;
-  svg path {fill: $default-background-color};
-  min-width: $default-width-icon;
-  min-height: $default-height-icon;
-}
-
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}

package/src/Presentation/components/UI/Placeholders/LoaderComponent/LoaderComponent.tsx

@@ -1,41 +0,0 @@
-import './LoaderComponent.scss';
-import Loader from '../../svgs/Icons/Status/Loader';
-import { IconTheme } from '../../svgs/Icons/IconsCommonTypes';
-
-export default function LoaderComponent(
-  theme: IconTheme | undefined = undefined,
-) {
-  const loaderStyles = theme
-    ? {
-        animation: 'spin 1s linear infinite',
-        svg: {
-          path: {
-            fill: theme?.color ? theme?.color : '',
-          },
-        },
-        minWidth: theme?.width,
-        minHeight: theme?.height,
-        Loader: {
-          fill: theme?.color ? theme?.color : '',
-        },
-        fill: theme?.color ? theme?.color : '',
-      }
-    : {};
-  const loaderClasses = [
-    theme && Object.keys(theme).length > 0 ? '' : 'loader',
-  ].join(' ');
-
-  return (
-    <div style={loaderStyles} className={loaderClasses}>
-      {theme ? (
-        <Loader
-          color={theme?.color}
-          width={theme?.width}
-          height={theme?.height}
-        />
-      ) : (
-        <Loader />
-      )}
-    </div>
-  );
-}

package/src/Presentation/components/UI/svgs/ActiveSvg/ActiveSvg.scss

@@ -1,3 +0,0 @@
-.active-svg-container{
-  cursor: pointer;
-}

package/src/Presentation/components/UI/svgs/ActiveSvg/ActiveSvg.tsx

@@ -1,41 +0,0 @@
-import React from 'react';
-import { FunctionTypeVoidToVoid } from '../../../../Views/Base/BaseViewModel';
-import './ActiveSvg.scss';
-
-type ActiveSvgContainerProps = {
-  content: React.ReactNode;
-  touchAction?: FunctionTypeVoidToVoid;
-  clickAction?: FunctionTypeVoidToVoid;
-};
-// eslint-disable-next-line react/function-component-definition
-const ActiveSvg: React.FC<ActiveSvgContainerProps> = ({
-  content,
-  touchAction,
-  clickAction,
-}: ActiveSvgContainerProps) => {
-  return (
-    <div
-      className="active-svg-container"
-      onTouchStart={() => {
-        // eslint-disable-next-line no-unused-expressions
-        touchAction && typeof touchAction === 'function'
-          ? touchAction()
-          : () => {
-              console.log('touched');
-            };
-      }}
-      onClick={() => {
-        // eslint-disable-next-line no-unused-expressions
-        clickAction && typeof clickAction === 'function'
-          ? clickAction()
-          : () => {
-              console.log('clicked');
-            };
-      }}
-    >
-      {content}
-    </div>
-  );
-};
-
-export default ActiveSvg;

package/src/Presentation/components/UI/svgs/Icons/AIWidgets/AIWidget/Send.svg

@@ -1,3 +0,0 @@
-<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2.76833 38.5L41.25 22L2.76833 5.5L2.75 18.3333L30.25 22L2.75 25.6667L2.76833 38.5Z" fill="#0B121B"/>
-</svg>

package/src/Presentation/components/UI/svgs/Icons/AIWidgets/AIWidget/index.tsx

@@ -1,39 +0,0 @@
-import React from 'react';
-import { IconTheme } from '../../IconsCommonTypes';
-
-function AIWidgetIcon(theme: IconTheme | undefined = undefined) {
-  return !theme?.applyZoom ? (
-    <svg
-      width={theme && theme.width ? theme.width : '44'}
-      height={theme && theme.height ? theme.height : '44'}
-      viewBox="0 0 44 44"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M2.76833 38.5L41.25 22L2.76833 5.5L2.75 18.3333L30.25 22L2.75 25.6667L2.76833 38.5Z"
-        id="SendB"
-        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
-      />
-    </svg>
-  ) : (
-    <svg
-      width={theme && theme.width ? theme.width : '28'}
-      height={theme && theme.height ? theme.height : '28'}
-      viewBox="0 0 22 18"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M18,6 C20.209139,6 22,7.790861 22,10 L22,18 C22,19.9255253 20.6753401,21.786149 18.0260203,23.581871 C18.5654117,21.193957 18.3975027,20 17.5222933,20 L10,20 C7.790861,20 6,18.209139 6,16 L6,10 C6,7.790861 7.790861,6 10,6 L18,6 Z M18,10 L10,10 C9.44771525,10 9,10.4477153 9,11 L9,14 C9,14.5522847 9.44771525,15 10,15 L18,15 C18.5522847,15 19,14.5522847 19,14 L19,11 C19,10.4477153 18.5522847,10 18,10 Z M12,11 C12.5522847,11 13,11.4477153 13,12 L13,13 C13,13.5522847 12.5522847,14 12,14 C11.4477153,14 11,13.5522847 11,13 L11,12 C11,11.4477153 11.4477153,11 12,11 Z M16,11 C16.5522847,11 17,11.4477153 17,12 L17,13 C17,13.5522847 16.5522847,14 16,14 C15.4477153,14 15,13.5522847 15,13 L15,12 C15,11.4477153 15.4477153,11 16,11 Z M4,10 L5,10 L5,10 L5,16 L4,16 C3.44771525,16 3,15.5522847 3,15 L3,11 C3,10.4477153 3.44771525,10 4,10 Z M23,10 L24,10 C24.5522847,10 25,10.4477153 25,11 L25,15 C25,15.5522847 24.5522847,16 24,16 L23,16 L23,16 L23,10 Z"
-        id="AIWidget"
-        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
-      />
-    </svg>
-  );
-}
-/*
-
-
- */
-export default AIWidgetIcon;

package/src/Presentation/components/UI/svgs/Icons/AIWidgets/BookIcon/BookIcon.tsx

@@ -1,7 +0,0 @@
-import React from 'react';
-
-function BookIcon() {
-  return <span>📖</span>;
-}
-
-export default BookIcon;

package/src/Presentation/components/UI/svgs/Icons/AIWidgets/BotIcon/BotIcon.svg

@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
-    <path d="M16.1339 5.61003H12.9186V4.69137C12.9186 4.44772 12.8219 4.21406 12.6496 4.04177C12.4773 3.86949 12.2436 3.77271 12 3.77271C11.7563 3.77271 11.5227 3.86949 11.3504 4.04177C11.1781 4.21406 11.0813 4.44772 11.0813 4.69137V5.61003H7.86601C6.64779 5.61003 5.47946 6.09396 4.61805 6.95537C3.75664 7.81678 3.27271 8.98511 3.27271 10.2033V16.6339C3.27271 17.8522 3.75664 19.0205 4.61805 19.8819C5.47946 20.7433 6.64779 21.2272 7.86601 21.2272H16.1339C16.7371 21.2272 17.3344 21.1084 17.8917 20.8776C18.449 20.6468 18.9554 20.3084 19.3819 19.8819C19.8084 19.4554 20.1468 18.949 20.3776 18.3917C20.6084 17.8344 20.7272 17.2371 20.7272 16.6339V10.2033C20.7272 9.60013 20.6084 9.00283 20.3776 8.44555C20.1468 7.88826 19.8084 7.3819 19.3819 6.95537C18.9554 6.52884 18.449 6.1905 17.8917 5.95967C17.3344 5.72883 16.7371 5.61003 16.1339 5.61003ZM18.8899 16.6339C18.8899 17.3649 18.5996 18.0659 18.0827 18.5827C17.5659 19.0996 16.8649 19.3899 16.1339 19.3899H7.86601C7.13507 19.3899 6.43408 19.0996 5.91723 18.5827C5.40039 18.0659 5.11003 17.3649 5.11003 16.6339V10.2033C5.11003 9.47239 5.40039 8.7714 5.91723 8.25455C6.43408 7.73771 7.13507 7.44735 7.86601 7.44735H16.1339C16.8649 7.44735 17.5659 7.73771 18.0827 8.25455C18.5996 8.7714 18.8899 9.47239 18.8899 10.2033V16.6339Z" fill="#3978FC"/>
-    <path d="M14.7559 10.2034C14.5123 10.2034 14.2786 10.3002 14.1063 10.4724C13.9341 10.6447 13.8373 10.8784 13.8373 11.122V12.9594C13.8373 13.203 13.9341 13.4367 14.1063 13.6089C14.2786 13.7812 14.5123 13.878 14.7559 13.878C14.9996 13.878 15.2332 13.7812 15.4055 13.6089C15.5778 13.4367 15.6746 13.203 15.6746 12.9594V11.122C15.6746 10.8784 15.5778 10.6447 15.4055 10.4724C15.2332 10.3002 14.9996 10.2034 14.7559 10.2034Z" fill="#3978FC"/>
-    <path d="M9.24398 10.2034C9.00034 10.2034 8.76668 10.3002 8.59439 10.4724C8.42211 10.6447 8.32532 10.8784 8.32532 11.122V12.9594C8.32532 13.203 8.42211 13.4367 8.59439 13.6089C8.76668 13.7812 9.00034 13.878 9.24398 13.878C9.48763 13.878 9.72129 13.7812 9.89358 13.6089C10.0659 13.4367 10.1626 13.203 10.1626 12.9594V11.122C10.1626 10.8784 10.0659 10.6447 9.89358 10.4724C9.72129 10.3002 9.48763 10.2034 9.24398 10.2034Z" fill="#3978FC"/>
-</svg>