@webitel/ui-sdk 26.2.0-2 → 26.2.2

package/dist/img/sprite/index.js

@@ -0,0 +1,468 @@
+import { objCamelToKebab } from '../../../scripts/caseConverters.js';
+import account from './account.svg';
+import addContact from './add-contact.svg';
+import addFilter from './add-filter.svg';
+import adfs from './adfs.svg';
+import agent from './agent.svg';
+import api from './api.svg';
+import appNavigator from './app-navigator.svg';
+import arrange from './arrange.svg';
+import arrowDown from './arrow-down.svg';
+import arrowLeft from './arrow-left.svg';
+import arrowMix from './arrow-mix.svg';
+import arrowRight from './arrow-right.svg';
+import arrowUp from './arrow-up.svg';
+import assignee from './assignee.svg';
+import attach from './attach.svg';
+import attention from './attention.svg';
+import attentionFilled from './attention--filled.svg';
+import azure from './azure.svg';
+import back from './back.svg';
+import bell from './bell.svg';
+import bellBadged from './bell-badged.svg';
+import bot from './bot.svg';
+import breadCrumbs from './bread-crumbs.svg';
+import bucket from './bucket.svg';
+import calendar from './calendar.svg';
+import call from './call.svg';
+import callFilled from './call--filled.svg';
+import callAddTo from './call-add-to.svg';
+import callAddToFilled from './call-add-to--filled.svg';
+import callDisconnect from './call-disconnect.svg';
+import callDisconnectFilled from './call-disconnect--filled.svg';
+import callEnd from './call-end.svg';
+import callEndFilled from './call-end--filled.svg';
+import callInbound from './call-inbound.svg';
+import callInboundFilled from './call-inbound--filled.svg';
+import callMissed from './call-missed.svg';
+import callMissedFilled from './call-missed--filled.svg';
+import callOutbound from './call-outbound.svg';
+import callOutboundFilled from './call-outbound--filled.svg';
+import callRinging from './call-ringing.svg';
+import callRingingFilled from './call-ringing--filled.svg';
+import callTransfer from './call-transfer.svg';
+import callTransferFilled from './call-transfer--filled.svg';
+import caseFilled from './case--filled.svg';
+import caseAuthor from './case-author.svg';
+import caseDone from './case-done.svg';
+import cases from './cases.svg';
+import chat from './chat.svg';
+import chatFilled from './chat--filled.svg';
+import chatEmoji from './chat-emoji.svg';
+import chatEnd from './chat-end.svg';
+import chatEndFilled from './chat-end--filled.svg';
+import chatGroup from './chat-group.svg';
+import chatJoin from './chat-join.svg';
+import chatMessageStatusRead from './chat-message-status-read.svg';
+import chatMessageStatusSent from './chat-message-status-sent.svg';
+import chatQuickResponse from './chat-quick-response.svg';
+import chatQuickResponseFilled from './chat-quick-response--filled.svg';
+import chatReply from './chat-reply.svg';
+import chatSend from './chat-send.svg';
+import chatTransfer from './chat-transfer.svg';
+import chatTransferFilled from './chat-transfer--filled.svg';
+import checkbox from './checkbox.svg';
+import checkboxChecked from './checkbox--checked.svg';
+import checkboxCheckedFilled from './checkbox--checked--filled.svg';
+import checkboxTick from './checkbox-tick.svg';
+import clear from './clear.svg';
+import close from './close.svg';
+import closeFilled from './close--filled.svg';
+import collapse from './collapse.svg';
+import columnSelect from './column-select.svg';
+import comment from './comment.svg';
+import conference from './conference.svg';
+import consultativeTransfer from './consultative-transfer.svg';
+import contacts from './contacts.svg';
+import copy from './copy.svg';
+import customChatGateway from './custom-chat-gateway.svg';
+import darkMode from './dark-mode.svg';
+import dislike from './dislike.svg';
+import docs from './docs.svg';
+import done from './done.svg';
+import doneFilled from './done--filled.svg';
+import download from './download.svg';
+import downloadPdf from './download-pdf.svg';
+import edit from './edit.svg';
+import elevenlabs from './elevenlabs.svg';
+import email from './email.svg';
+import emailInbound from './email-inbound.svg';
+import emailOutbound from './email-outbound.svg';
+import expand from './expand.svg';
+import eyeClosed from './eye--closed.svg';
+import eyeOpened from './eye--opened.svg';
+import falseIc from './false-ic.svg';
+import filter from './filter.svg';
+import flows from './flows.svg';
+import generate from './generate.svg';
+import google from './google.svg';
+import group from './group.svg';
+import history from './history.svg';
+import hold from './hold.svg';
+import idle from './idle.svg';
+import impacted from './impacted.svg';
+import instagram from './instagram.svg';
+import job from './job.svg';
+import jobAccept from './job--accept.svg';
+import jobEnd from './job--end.svg';
+import json from './json.svg';
+import like from './like.svg';
+import link from './link.svg';
+import loadPreset from './load-preset.svg';
+import lock from './lock.svg';
+import log from './log.svg';
+import logout from './logout.svg';
+import mail from './mail.svg';
+import mailColor from './mail--color.svg';
+import manual from './manual.svg';
+import menu from './menu.svg';
+import messengerCustom from './messenger-custom.svg';
+import messengerFacebook from './messenger-facebook.svg';
+import messengerFacebookFilled from './messenger-facebook--filled.svg';
+import messengerInfobip from './messenger-infobip.svg';
+import messengerMessenger from './messenger-messenger.svg';
+import messengerTelegram from './messenger-telegram.svg';
+import messengerTelegramFilled from './messenger-telegram--filled.svg';
+import messengerViber from './messenger-viber.svg';
+import messengerViberFilled from './messenger-viber--filled.svg';
+import messengerWebChat from './messenger-web-chat.svg';
+import messengerWhatsapp from './messenger-whatsapp.svg';
+import messengerWhatsappFilled from './messenger-whatsapp--filled.svg';
+import meta from './meta.svg';
+import mic from './mic.svg';
+import micMuted from './mic-muted.svg';
+import microsoft from './microsoft.svg';
+import minus from './minus.svg';
+import move from './move.svg';
+import note from './note.svg';
+import numpad from './numpad.svg';
+import options from './options.svg';
+import pause from './pause.svg';
+import pin from './pin.svg';
+import play from './play.svg';
+import playerEnterFullscreen from './player-enter-fullscreen.svg';
+import playerExitFullscreen from './player-exit-fullscreen.svg';
+import plus from './plus.svg';
+import plyrAirplay from './plyr-airplay.svg';
+import plyrCaptionsOff from './plyr-captions-off.svg';
+import plyrCaptionsOn from './plyr-captions-on.svg';
+import plyrDownload from './plyr-download.svg';
+import plyrEnterFullscreen from './plyr-enter-fullscreen.svg';
+import plyrExitFullscreen from './plyr-exit-fullscreen.svg';
+import plyrFastForward from './plyr-fast-forward.svg';
+import plyrLogoVimeo from './plyr-logo-vimeo.svg';
+import plyrLogoYoutube from './plyr-logo-youtube.svg';
+import plyrMuted from './plyr-muted.svg';
+import plyrPause from './plyr-pause.svg';
+import plyrPip from './plyr-pip.svg';
+import plyrPlay from './plyr-play.svg';
+import plyrRestart from './plyr-restart.svg';
+import plyrRewind from './plyr-rewind.svg';
+import plyrSettings from './plyr-settings.svg';
+import plyrVolume from './plyr-volume.svg';
+import portal from './portal.svg';
+import previewTagApplication from './preview-tag-application.svg';
+import previewTagAudio from './preview-tag-audio.svg';
+import previewTagImage from './preview-tag-image.svg';
+import previewTagVideo from './preview-tag-video.svg';
+import prompter from './prompter.svg';
+import queueMember from './queue-member.svg';
+import quickReplies from './quick-replies.svg';
+import radio from './radio.svg';
+import radioChecked from './radio--checked.svg';
+import rec from './rec.svg';
+import recOff from './rec-off.svg';
+import recordStart from './record-start.svg';
+import recordStop from './record-stop.svg';
+import redo from './redo.svg';
+import refresh from './refresh.svg';
+import reporter from './reporter.svg';
+import role from './role.svg';
+import roundedInfo from './rounded-info.svg';
+import save from './save.svg';
+import saveAs from './save-as.svg';
+import scorecard from './scorecard.svg';
+import screenshot from './screenshot.svg';
+import screenshotDone from './screenshot-done.svg';
+import screenshotFalse from './screenshot-false.svg';
+import search from './search.svg';
+import selectCustomValueEnter from './select-custom-value-enter.svg';
+import sendArrow from './send-arrow.svg';
+import settings from './settings.svg';
+import sharingEnd from './sharing-end.svg';
+import socialMedia from './social-media.svg';
+import sortArrowDown from './sort-arrow-down.svg';
+import sortArrowUp from './sort-arrow-up.svg';
+import soundOff from './sound-off.svg';
+import soundOn from './sound-on.svg';
+import star from './star.svg';
+import starFilled from './star--filled.svg';
+import stop from './stop.svg';
+import stopSign from './stop-sign.svg';
+import stt from './stt.svg';
+import sttDownload from './stt-download.svg';
+import sttSearch from './stt-search.svg';
+import table from './table.svg';
+import telegramBot from './telegram-bot.svg';
+import tick from './tick.svg';
+import tile from './tile.svg';
+import treeCollapse from './tree-collapse.svg';
+import treeCorner from './tree-corner.svg';
+import treeCross from './tree-cross.svg';
+import treeExpand from './tree-expand.svg';
+import treeLine from './tree-line.svg';
+import trueIc from './true-ic.svg';
+import ttsDownload from './tts-download.svg';
+import undo from './undo.svg';
+import union from './union.svg';
+import unpin from './unpin.svg';
+import updateCalls from './update-calls.svg';
+import upload from './upload.svg';
+import user from './user.svg';
+import variableSelect from './variable-select.svg';
+import versions from './versions.svg';
+import videoCam from './video-cam.svg';
+import videoCamOff from './video-cam-off.svg';
+import videoCamOffFilled from './video-cam-off--filled.svg';
+import webitelLogo from './webitel-logo.svg';
+import zoomIn from './zoom-in.svg';
+import zoomOut from './zoom-out.svg';
+
+export default objCamelToKebab({
+  account,
+  agent,
+  api,
+  arrange,
+  adfs,
+  appNavigator,
+  arrowDown,
+  arrowLeft,
+  arrowRight,
+  arrowUp,
+  assignee,
+  arrowMix,
+  attach,
+  attention,
+  'attention--filled': attentionFilled,
+  azure,
+  addFilter,
+  addContact,
+  back,
+  bell,
+  bellBadged,
+  bucket,
+  breadCrumbs,
+  bot,
+  calendar,
+  dislike,
+  darkMode,
+
+  call,
+  'call--filled': callFilled,
+  callAddTo,
+  'call-add-to--filled': callAddToFilled,
+  callDisconnect,
+  'call-disconnect--filled': callDisconnectFilled,
+  callEnd,
+  'call-end--filled': callEndFilled,
+  callInbound,
+  'call-inbound--filled': callInboundFilled,
+  selectCustomValueEnter,
+  callMissed,
+  'call-missed--filled': callMissedFilled,
+  callOutbound,
+  'call-outbound--filled': callOutboundFilled,
+  callRinging,
+  'call-ringing--filled': callRingingFilled,
+  callTransfer,
+  'call-transfer--filled': callTransferFilled,
+  consultativeTransfer,
+  updateCalls,
+
+  caseAuthor,
+  cases,
+  'case--filled': caseFilled,
+  caseDone,
+  chat,
+  'chat--filled': chatFilled,
+  chatEmoji,
+  chatEnd,
+  'chat-end--filled': chatEndFilled,
+  chatGroup,
+  chatJoin,
+  chatMessageStatusRead,
+  chatMessageStatusSent,
+  chatQuickResponse,
+  'chat-quick-response--filled': chatQuickResponseFilled,
+  chatReply,
+  chatSend,
+  chatTransfer,
+  'chat-transfer--filled': chatTransferFilled,
+  job,
+  'job--accept': jobAccept,
+  'job--end': jobEnd,
+
+  checkbox,
+  'checkbox--checked': checkboxChecked,
+  'checkbox--checked--filled': checkboxCheckedFilled,
+  clear,
+  close,
+  'close--filled': closeFilled,
+  minus,
+  collapse,
+  columnSelect,
+  comment,
+  variableSelect,
+  contacts,
+  copy,
+  customChatGateway,
+  docs,
+  download,
+  edit,
+  elevenlabs,
+  plus,
+  expand,
+  'eye--closed': eyeClosed,
+  'eye--opened': eyeOpened,
+  filter,
+  flows,
+  falseIc,
+  generate,
+  google,
+  group,
+  history,
+  hold,
+  impacted,
+  like,
+  link,
+  lock,
+  logout,
+  manual,
+  menu,
+  email,
+  emailInbound,
+  emailOutbound,
+  mail,
+  'mail--color': mailColor,
+  messengerCustom,
+  messengerFacebook,
+  'messenger-facebook--filled': messengerFacebookFilled,
+  messengerInfobip,
+  messengerTelegram,
+  'messenger-telegram--filled': messengerTelegramFilled,
+  messengerViber,
+  'messenger-viber--filled': messengerViberFilled,
+  messengerWebChat,
+  messengerWhatsapp,
+  'messenger-whatsapp--filled': messengerWhatsappFilled,
+  messengerMessenger,
+  instagram,
+  mic,
+  micMuted,
+  microsoft,
+  move,
+  treeCollapse,
+  note,
+  numpad,
+  pause,
+  play,
+  table,
+  treeExpand,
+  prompter,
+  queueMember,
+  radio,
+  'radio--checked': radioChecked,
+  rec,
+  recOff,
+  refresh,
+  reporter,
+  roundedInfo,
+  role,
+  done,
+  'done--filled': doneFilled,
+  search,
+  sendArrow,
+  settings,
+  socialMedia,
+  sortArrowDown,
+  sortArrowUp,
+  soundOff,
+  soundOn,
+  scorecard,
+  star,
+  'star--filled': starFilled,
+  stop,
+  stopSign,
+  tick,
+  upload,
+  user,
+  union,
+  videoCamOff,
+  'video-cam-off--filled': videoCamOffFilled,
+  videoCam,
+  zoomIn,
+  zoomOut,
+  ttsDownload,
+  treeLine,
+  treeCorner,
+  treeCross,
+  trueIc,
+  stt,
+  sttDownload,
+  sttSearch,
+  idle,
+  telegramBot,
+  pin,
+  unpin,
+  conference,
+  meta,
+  options,
+  json,
+  redo,
+  save,
+  saveAs,
+  undo,
+  versions,
+
+  webitelLogo,
+
+  portal,
+
+  previewTagAudio,
+  previewTagVideo,
+  previewTagApplication,
+  previewTagImage,
+
+  plyrAirplay,
+  plyrCaptionsOff,
+  plyrCaptionsOn,
+  plyrDownload,
+  plyrEnterFullscreen,
+  plyrExitFullscreen,
+  plyrFastForward,
+  plyrLogoVimeo,
+  plyrLogoYoutube,
+  plyrMuted,
+  plyrPause,
+  plyrPip,
+  plyrPlay,
+  plyrRestart,
+  plyrRewind,
+  plyrSettings,
+  plyrVolume,
+  playerExitFullscreen,
+  playerEnterFullscreen,
+  loadPreset,
+  quickReplies,
+  checkboxTick,
+  log,
+  downloadPdf,
+  tile,
+
+  recordStart,
+  recordStop,
+  screenshot,
+  screenshotDone,
+  screenshotFalse,
+  sharingEnd,
+});

package/dist/img/sprite/instagram.svg

@@ -0,0 +1,33 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M14.207 11.9902C14.207 13.2038 13.2233 14.1875 12.0098 14.1875C10.7963 14.1875 9.8125 13.2038 9.8125 11.9902C9.8125 10.7767 10.7963 9.79297 12.0098 9.79297C13.2233 9.79297 14.207 10.7767 14.207 11.9902Z"
+          fill="url(#paint0_linear_4162_8218)"/>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M15.3789 6.27734H8.62109C7.32667 6.27734 6.27734 7.32668 6.27734 8.62109V15.3789C6.27734 16.6733 7.32667 17.7227 8.62109 17.7227H15.3789C16.6733 17.7227 17.7227 16.6733 17.7227 15.3789V8.62109C17.7227 7.32668 16.6733 6.27734 15.3789 6.27734ZM15.7695 11.9902C15.7695 14.0667 14.0862 15.75 12.0098 15.75C9.9333 15.75 8.25 14.0667 8.25 11.9902C8.25 9.91378 9.9333 8.23047 12.0098 8.23047C14.0862 8.23047 15.7695 9.91378 15.7695 11.9902ZM15.6816 9.10937C16.1832 9.10937 16.5898 8.70276 16.5898 8.20117C16.5898 7.69959 16.1832 7.29297 15.6816 7.29297C15.1801 7.29297 14.7734 7.69959 14.7734 8.20117C14.7734 8.70276 15.1801 9.10937 15.6816 9.10937Z"
+          fill="url(#paint1_linear_4162_8218)"/>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M6.88281 2C4.18611 2 2 4.18611 2 6.88281V17.1172C2 19.8139 4.18611 22 6.88281 22H17.1172C19.8139 22 22 19.8139 22 17.1172V6.88281C22 4.18611 19.8139 2 17.1172 2H6.88281ZM4.71484 8.62109C4.71484 6.46373 6.46373 4.71484 8.62109 4.71484H15.3789C17.5363 4.71484 19.2852 6.46373 19.2852 8.62109V15.3789C19.2852 17.5363 17.5363 19.2852 15.3789 19.2852H8.62109C6.46373 19.2852 4.71484 17.5363 4.71484 15.3789V8.62109Z"
+          fill="url(#paint2_linear_4162_8218)"/>
+    <defs>
+        <linearGradient id="paint0_linear_4162_8218" x1="12" y1="2" x2="12" y2="22" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#6C48CB"/>
+            <stop offset="0.255208" stop-color="#C837AB"/>
+            <stop offset="0.505208" stop-color="#F14D5A"/>
+            <stop offset="0.78125" stop-color="#FF9248"/>
+            <stop offset="1" stop-color="#FFDD55"/>
+        </linearGradient>
+        <linearGradient id="paint1_linear_4162_8218" x1="12" y1="2" x2="12" y2="22" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#6C48CB"/>
+            <stop offset="0.255208" stop-color="#C837AB"/>
+            <stop offset="0.505208" stop-color="#F14D5A"/>
+            <stop offset="0.78125" stop-color="#FF9248"/>
+            <stop offset="1" stop-color="#FFDD55"/>
+        </linearGradient>
+        <linearGradient id="paint2_linear_4162_8218" x1="12" y1="2" x2="12" y2="22" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#6C48CB"/>
+            <stop offset="0.255208" stop-color="#C837AB"/>
+            <stop offset="0.505208" stop-color="#F14D5A"/>
+            <stop offset="0.78125" stop-color="#FF9248"/>
+            <stop offset="1" stop-color="#FFDD55"/>
+        </linearGradient>
+    </defs>
+</svg>

package/dist/img/sprite/job--accept.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M15.7071 11.2071C16.0976 10.8166 16.0976 10.1834 15.7071 9.79289C15.3166 9.40237 14.6834 9.40237 14.2929 9.79289L11 13.0858L9.20711 11.2929C8.81658 10.9024 8.18342 10.9024 7.79289 11.2929C7.40237 11.6834 7.40237 12.3166 7.79289 12.7071L10.2929 15.2071C10.6834 15.5976 11.3166 15.5976 11.7071 15.2071L15.7071 11.2071Z"/>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M9.86032 2.88628C11.042 1.70457 12.958 1.70457 14.1397 2.88628L21.1137 9.86032C22.2954 11.042 22.2954 12.958 21.1137 14.1397L14.1397 21.1137C12.958 22.2954 11.042 22.2954 9.86032 21.1137L2.88628 14.1397C1.70457 12.958 1.70457 11.042 2.88628 9.86032L9.86032 2.88628ZM12.7255 4.3005L19.6995 11.2745C20.1002 11.6752 20.1002 12.3248 19.6995 12.7255L12.7255 19.6995C12.3248 20.1002 11.6752 20.1002 11.2745 19.6995L4.3005 12.7255C3.89983 12.3248 3.89983 11.6752 4.3005 11.2745L11.2745 4.3005C11.6752 3.89983 12.3248 3.89983 12.7255 4.3005Z"/>
+</svg>

package/dist/img/sprite/job--end.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M14.8287 9.17157C15.2192 9.5621 15.2192 10.1953 14.8287 10.5858L13.4144 12L14.8287 13.4142C15.2192 13.8047 15.2192 14.4379 14.8287 14.8284C14.4381 15.2189 13.805 15.2189 13.4144 14.8284L12.0002 13.4142L10.586 14.8284C10.1955 15.2189 9.56232 15.2189 9.1718 14.8284C8.78128 14.4379 8.78128 13.8047 9.1718 13.4142L10.586 12L9.1718 10.5858C8.78128 10.1953 8.78128 9.56209 9.1718 9.17157C9.56232 8.78105 10.1955 8.78105 10.586 9.17157L12.0002 10.5858L13.4144 9.17157C13.805 8.78105 14.4381 8.78105 14.8287 9.17157Z"/>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M14.1397 2.88628C12.958 1.70457 11.042 1.70457 9.86032 2.88628L2.88628 9.86032C1.70457 11.042 1.70457 12.958 2.88628 14.1397L9.86032 21.1137C11.042 22.2954 12.958 22.2954 14.1397 21.1137L21.1137 14.1397C22.2954 12.958 22.2954 11.042 21.1137 9.86032L14.1397 2.88628ZM19.6995 11.2745L12.7255 4.3005C12.3248 3.89983 11.6752 3.89983 11.2745 4.3005L4.3005 11.2745C3.89983 11.6752 3.89983 12.3248 4.3005 12.7255L11.2745 19.6995C11.6752 20.1002 12.3248 20.1002 12.7255 19.6995L19.6995 12.7255C20.1002 12.3248 20.1002 11.6752 19.6995 11.2745Z"/>
+</svg>

package/dist/img/sprite/job.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M12 7C12.5523 7 13 7.44772 13 8V12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12V8C11 7.44772 11.4477 7 12 7Z"/>
+    <path d="M13 15.5C13 16.0523 12.5523 16.5 12 16.5C11.4477 16.5 11 16.0523 11 15.5C11 14.9477 11.4477 14.5 12 14.5C12.5523 14.5 13 14.9477 13 15.5Z"/>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M19.6995 11.2745L12.7255 4.3005C12.3248 3.89983 11.6752 3.89983 11.2745 4.3005L4.3005 11.2745C3.89983 11.6752 3.89983 12.3248 4.3005 12.7255L11.2745 19.6995C11.6752 20.1002 12.3248 20.1002 12.7255 19.6995L19.6995 12.7255C20.1002 12.3248 20.1002 11.6752 19.6995 11.2745ZM14.1397 2.88628C12.958 1.70457 11.042 1.70457 9.86032 2.88628L2.88628 9.86032C1.70457 11.042 1.70457 12.958 2.88628 14.1397L9.86032 21.1137C11.042 22.2954 12.958 22.2954 14.1397 21.1137L21.1137 14.1397C22.2954 12.958 22.2954 11.042 21.1137 9.86032L14.1397 2.88628Z"/>
+</svg>

package/dist/img/sprite/json.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<path d="M7 3C5.34315 3 4 4.34315 4 6V10C4 10.5523 3.55228 11 3 11H2C1.44772 11 1 11.4477 1 12C1 12.5523 1.44772 13 2 13H3C3.55228 13 4 13.4477 4 14V18C4 19.6569 5.34315 21 7 21H7.5C8.05228 21 8.5 20.5523 8.5 20C8.5 19.4477 8.05228 19 7.5 19H7C6.44772 19 6 18.5523 6 18V14C6 13.2316 5.71115 12.5308 5.2361 12C5.71115 11.4692 6 10.7684 6 10V6C6 5.44772 6.44772 5 7 5H7.5C8.05228 5 8.5 4.55228 8.5 4C8.5 3.44772 8.05228 3 7.5 3H7Z" />
+<path d="M20 6C20 4.34315 18.6569 3 17 3H16.5C15.9477 3 15.5 3.44772 15.5 4C15.5 4.55228 15.9477 5 16.5 5H17C17.5523 5 18 5.44772 18 6V10C18 10.7684 18.2889 11.4692 18.7639 12C18.2889 12.5308 18 13.2316 18 14V18C18 18.5523 17.5523 19 17 19H16.5C15.9477 19 15.5 19.4477 15.5 20C15.5 20.5523 15.9477 21 16.5 21H17C18.6569 21 20 19.6569 20 18V14C20 13.4477 20.4477 13 21 13H22C22.5523 13 23 12.5523 23 12C23 11.4477 22.5523 11 22 11H21C20.4477 11 20 10.5523 20 10V6Z" />
+<path d="M10.9478 9.09151C11.2463 9.36969 11.6045 9.50878 12.0224 9.50878C12.4254 9.50878 12.7687 9.36969 13.0522 9.09151C13.3507 8.79868 13.5 8.43265 13.5 7.99341C13.5 7.55417 13.3582 7.19546 13.0746 6.91728C12.791 6.63909 12.4403 6.5 12.0224 6.5C11.6045 6.5 11.2463 6.64641 10.9478 6.93924C10.6493 7.21742 10.5 7.56881 10.5 7.99341C10.5 8.43265 10.6493 8.79868 10.9478 9.09151Z" />
+<path d="M13.0746 13.8119C12.806 13.519 12.4627 13.3726 12.0448 13.3726C11.6119 13.3726 11.2537 13.5117 10.9701 13.7899C10.6866 14.0681 10.5448 14.4268 10.5448 14.866C10.5448 15.1881 10.6269 15.4736 10.791 15.7225C10.9701 15.9568 11.2015 16.1252 11.4851 16.2277L10.6567 19.5H12.0672L13.1194 16.4473C13.2687 16.0227 13.3657 15.7079 13.4104 15.5029C13.4701 15.298 13.5 15.0857 13.5 14.866C13.5 14.4414 13.3582 14.09 13.0746 13.8119Z" />
+</svg>

package/dist/img/sprite/like.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.91283 8.21987L10.4374 4.07235C12.0142 1.48188 16 2.59957 16 5.6322V7.99994C16 8.55222 16.4477 8.99994 17 8.99994H18.1716C18.9672 8.99994 19.7303 9.31601 20.2929 9.87861L20.8514 10.4371C21.6405 11.2262 21.9264 12.3881 21.5935 13.4533L19.8931 18.8948C19.5017 20.1472 18.3418 20.9999 17.0296 20.9999H11.2016C10.5203 20.9999 9.85942 20.7681 9.32748 20.3425L8.29954 19.5202C7.94999 19.8193 7.49609 19.9999 7 19.9999H4C2.89543 19.9999 2 19.1044 2 17.9999V9.99988C2 8.89531 2.89543 7.99988 4 7.99988H7C7.32885 7.99988 7.63916 8.07925 7.91283 8.21987ZM12.1458 5.11225C12.6714 4.24876 14 4.62132 14 5.6322V7.99994C14 9.65679 15.3431 10.9999 17 10.9999H18.1716C18.4368 10.9999 18.6911 11.1053 18.8787 11.2928L19.4372 11.8513C19.7002 12.1144 19.7955 12.5017 19.6846 12.8567L17.9841 18.2982C17.8536 18.7157 17.467 18.9999 17.0296 18.9999H11.2016C10.9745 18.9999 10.7542 18.9227 10.5769 18.7808L9.37531 17.8196C9.13809 17.6298 9 17.3425 9 17.0387V10.5608C9 10.3774 9.05044 10.1975 9.1458 10.0408L12.1458 5.11225ZM7 9.99988H4L4 17.9999H7V9.99988Z"/>
+</svg>

package/dist/img/sprite/link.svg

@@ -0,0 +1,8 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <g id="link">
+        <g id="link_2">
+            <path d="M14.9094 5.70221C15.8452 4.76593 17.3622 4.76593 18.2979 5.70221C19.234 6.63877 19.234 8.15746 18.2979 9.09402L15.0958 12.2978C14.1601 13.2341 12.6431 13.2341 11.7073 12.2978C11.3169 11.9072 10.6837 11.907 10.2931 12.2974C9.90245 12.6878 9.90229 13.321 10.2927 13.7116C12.0096 15.4295 14.7935 15.4295 16.5104 13.7116L19.7125 10.5079C21.4292 8.79034 21.4292 6.00589 19.7125 4.28836C18.0015 2.57646 15.2309 2.57057 13.5126 4.27069L11.3268 6.26053C10.9184 6.63232 10.8887 7.26479 11.2605 7.67319C11.6323 8.08159 12.2648 8.11126 12.6732 7.73947L14.8927 5.71888L14.9094 5.70221Z"/>
+            <path d="M9.09061 18.2978C8.15483 19.2341 6.63784 19.2341 5.70205 18.2978C4.76598 17.3612 4.76598 15.8425 5.70205 14.906L8.90415 11.7022C9.83993 10.7659 11.3569 10.7659 12.2927 11.7022C12.6831 12.0928 13.3163 12.093 13.7069 11.7026C14.0975 11.3122 14.0977 10.679 13.7073 10.2884C11.9904 8.57055 9.20648 8.57055 7.48957 10.2884L4.28747 13.4921C2.57084 15.2097 2.57084 17.9941 4.28747 19.7116C5.99848 21.4235 8.76913 21.4294 10.4874 19.7293L12.6732 17.7395C13.0816 17.3677 13.1113 16.7352 12.7395 16.3268C12.3677 15.9184 11.7352 15.8887 11.3268 16.2605L9.10728 18.2811L9.09061 18.2978Z"/>
+        </g>
+    </g>
+</svg>

package/dist/img/sprite/load-preset.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.9498 8.05042C20.3403 8.44094 20.3403 9.07411 19.9498 9.46463C19.5593 9.85516 18.9261 9.85516 18.5356 9.46463C18.5416 9.47063 18.5408 9.47023 18.5314 9.46508C18.5029 9.44949 18.3946 9.39032 18.1519 9.3332C17.8662 9.26597 17.5032 9.2272 17.1214 9.2272C16.7396 9.2272 16.3766 9.26597 16.0909 9.3332C15.8481 9.39031 15.7398 9.44949 15.7113 9.46508C15.7019 9.47022 15.7012 9.47062 15.7071 9.46463C15.3166 9.85511 14.6835 9.85509 14.293 9.46458C13.9025 9.07408 13.9025 8.44095 14.2929 8.05042C14.2869 8.05641 14.2873 8.05569 14.2925 8.04628C14.3081 8.01774 14.3672 7.90946 14.4244 7.6667C14.4916 7.38101 14.5304 7.018 14.5304 6.63621C14.5304 6.25441 14.4916 5.8914 14.4244 5.60571C14.3672 5.36295 14.3081 5.25466 14.2925 5.22613C14.2873 5.21674 14.2869 5.216 14.2929 5.22199C13.9024 4.83147 13.9024 4.1983 14.2929 3.80778C14.6835 3.41725 15.3166 3.41725 15.7071 3.80778C16.0848 4.18548 16.2704 4.71923 16.3712 5.14763C16.4242 5.37296 16.4632 5.61122 16.4893 5.85404L20.0503 2.29289C20.4409 1.90237 21.074 1.90237 21.4646 2.29289C21.8551 2.68342 21.8551 3.31658 21.4646 3.70711L17.9035 7.26825C18.1463 7.29436 18.3846 7.33334 18.6099 7.38636C19.0383 7.48716 19.5721 7.67272 19.9498 8.05042Z"/>
+<path d="M5 4C4.44772 4 4 4.44772 4 5V19C4 19.5523 4.44772 20 5 20H19C19.5523 20 20 19.5523 20 19V13C20 12.4477 20.4477 12 21 12C21.5523 12 22 12.4477 22 13V19C22 20.6569 20.6569 22 19 22H5C3.34315 22 2 20.6569 2 19V5C2 3.34315 3.34315 2 5 2H11C11.5523 2 12 2.44772 12 3C12 3.55228 11.5523 4 11 4H5Z"/>
+<path d="M13 9C13 8.44772 12.5523 8 12 8C11.4477 8 11 8.44772 11 9V11H9C8.44772 11 8 11.4477 8 12C8 12.5523 8.44772 13 9 13H11V15C11 15.5523 11.4477 16 12 16C12.5523 16 13 15.5523 13 15V13H15C15.5523 13 16 12.5523 16 12C16 11.4477 15.5523 11 15 11H13V9Z"/>
+</svg>

package/dist/img/sprite/lock.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M10.0866 2.3806C10.6932 2.12933 11.3434 2 12 2C12.6566 2 13.3068 2.12933 13.9134 2.3806C14.52 2.63188 15.0712 3.00017 15.5355 3.46447C15.8452 3.77411 16.1121 4.1224 16.3301 4.5C16.439 4.6886 16.5357 4.88452 16.6194 5.08658C16.859 5.66514 16.9886 6.37442 17 7C18.6666 7.08575 20 8.49495 20 10.3231V18.5819C20 20.4648 18.5846 22 16.8485 22H7.15152C5.41541 22 4 20.4648 4 18.5819V10.3231C4 8.49495 5.33508 7.08575 7.00166 7C7.01306 6.37442 7.14096 5.66514 7.3806 5.08658C7.4643 4.88452 7.56098 4.6886 7.66987 4.5C7.88788 4.1224 8.15483 3.77411 8.46447 3.46447C8.92876 3.00017 9.47995 2.63188 10.0866 2.3806ZM14.7716 5.85195C14.9103 6.18665 14.9879 6.63455 14.9993 6.99613H9.00233C9.01378 6.63455 9.08972 6.18665 9.22836 5.85195C9.27858 5.73071 9.33659 5.61316 9.40192 5.5C9.53273 5.27344 9.6929 5.06446 9.87868 4.87868C10.1573 4.6001 10.488 4.37913 10.8519 4.22836C11.2159 4.0776 11.606 4 12 4C12.394 4 12.7841 4.0776 13.1481 4.22836C13.512 4.37913 13.8427 4.6001 14.1213 4.87868C14.3071 5.06446 14.4673 5.27343 14.5981 5.5C14.6634 5.61316 14.7214 5.73071 14.7716 5.85195ZM7.15152 9.00848C6.48651 9.00848 5.93939 9.60187 5.93939 10.3231V18.5819C5.93939 19.3031 6.48651 19.8965 7.15152 19.8965H16.8485C17.5135 19.8965 18.0606 19.3031 18.0606 18.5819V10.3231C18.0606 9.60187 17.5135 9.00848 16.8485 9.00848H7.15152ZM14 13C14 13.7532 13.5837 14.4091 12.9686 14.7502C12.9891 14.8301 13 14.9138 13 15V17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17V15C11 14.9138 11.0109 14.8301 11.0314 14.7502C10.4163 14.4091 10 13.7532 10 13C10 11.8954 10.8954 11 12 11C13.1046 11 14 11.8954 14 13Z"/>
+</svg>

package/dist/img/sprite/log.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" d="M13 13H11V15H13V13Z" />
+<path fill-rule="evenodd" d="M14 13H16V15H14V13Z"/>
+<path fill-rule="evenodd" d="M19 15V13H17V15H19Z"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.1213 5.12132L16.8787 2.87868C16.3161 2.31607 15.553 2 14.7574 2H7C5.34315 2 4 3.34315 4 5V19C4 20.6569 5.34315 22 7 22H17C18.6569 22 20 20.6569 20 19V18C21.1046 18 22 17.1046 22 16V12C22 10.8954 21.1046 10 20 10V7.24264C20 6.44699 19.6839 5.68393 19.1213 5.12132ZM8 16C8 17.1046 8.89543 18 10 18H18V19C18 19.5523 17.5523 20 17 20H7C6.44772 20 6 19.5523 6 19V5C6 4.44772 6.44772 4 7 4H14V6C14 7.10457 14.8954 8 16 8H18V10H10C8.89543 10 8 10.8954 8 12V16ZM16 6V4.82843L17.1716 6H16ZM20 12H10V16H20V12Z"/>
+</svg>

package/dist/img/sprite/logout.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M19 4H11C10.4477 4 10 4.44772 10 5V6C10 6.55228 9.55228 7 9 7C8.44772 7 8 6.55228 8 6V5C8 3.34315 9.34315 2 11 2H19C20.6569 2 22 3.34315 22 5V19C22 20.6569 20.6569 22 19 22H11C9.34315 22 8 20.6569 8 19V18C8 17.4477 8.44772 17 9 17C9.55228 17 10 17.4477 10 18V19C10 19.5523 10.4477 20 11 20H19C19.5523 20 20 19.5523 20 19V5C20 4.44772 19.5523 4 19 4ZM6.99993 8C7.55221 8 7.99993 8.44772 7.99993 9C7.99993 9.53415 7.75372 10.0428 7.52207 10.417C7.40023 10.6138 7.25931 10.8098 7.10608 11L12.1422 11.0001C12.6945 11.0001 13.1422 11.4478 13.1422 12.0001C13.1422 12.5524 12.6945 13.0001 12.1422 13.0001L7.10608 13C7.25931 13.1902 7.40023 13.3862 7.52207 13.583C7.75372 13.9572 7.99993 14.4658 7.99993 15C7.99993 15.5523 7.55221 16 6.99993 16C6.44764 16 5.99993 15.5523 5.99993 15C5.99993 15.0085 5.9997 15.0077 5.99668 14.9974C5.98753 14.9662 5.95281 14.8478 5.82154 14.6357C5.66706 14.3862 5.43779 14.1021 5.16782 13.8321C4.89785 13.5621 4.61375 13.3329 4.3642 13.1784C4.15216 13.0471 4.03375 13.0124 4.00255 13.0033C3.99225 13.0002 3.99145 13 3.99993 13C3.44768 13 3 12.5523 3 12C3 11.4477 3.44768 11 3.99993 11C3.99146 11 3.99225 10.9998 4.00255 10.9967C4.03375 10.9876 4.15216 10.9529 4.3642 10.8216C4.61375 10.6671 4.89785 10.4379 5.16782 10.1679C5.43779 9.89792 5.66706 9.61382 5.82154 9.36427C5.95281 9.15222 5.98753 9.03382 5.99668 9.00262C5.9997 8.99232 5.99993 8.99153 5.99993 9C5.99993 8.44772 6.44765 8 6.99993 8Z"/>
+</svg>

package/dist/img/sprite/mail--color.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM5.875 8C5.84037 8 5.8062 8.00193 5.77262 8.00568C5.83597 8.03008 5.89722 8.06182 5.955 8.1011L10.5096 11.1975C11.4064 10.6237 12.5938 10.6237 13.4907 11.1975L18.0451 8.1011C18.1029 8.06182 18.1641 8.03009 18.2275 8.00569C18.1939 8.00193 18.1597 8 18.125 8H5.875ZM9.02902 12.2028L5 14.942V9.4637L9.02902 12.2028ZM17.5973 16H6.40303L11.4827 12.5465C11.7907 12.3372 12.2096 12.3372 12.5176 12.5465L17.5973 16ZM14.9712 12.2028L19 14.9418V9.46379L14.9712 12.2028Z"
+          fill="#2083DF"/>
+</svg>

package/dist/img/sprite/mail.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM6.94423 8.66667C6.91564 8.66667 6.88744 8.66847 6.85972 8.67199C6.91201 8.69483 6.96257 8.72454 7.01026 8.76132L10.7696 11.6602C11.5098 11.123 12.4899 11.123 13.2302 11.6602L16.9894 8.76132C17.0371 8.72455 17.0876 8.69483 17.1399 8.672C17.1122 8.66848 17.084 8.66667 17.0553 8.66667H6.94423ZM6.22201 15.1658V10.037L9.54755 12.6014L6.22201 15.1658ZM16.6198 16.1563H7.38006L11.5728 12.9232C11.827 12.7271 12.1728 12.7271 12.427 12.9232L16.6198 16.1563ZM14.4522 12.6013L17.7776 15.1656V10.0371L14.4522 12.6013Z"
+          fill="#00314D"/>
+</svg>

package/dist/img/sprite/manual.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.2913 4.05334V12.1915C12.2913 12.7438 11.8435 13.1915 11.2913 13.1915H10.8842C10.3319 13.1915 9.88423 12.7438 9.88423 12.1915V5.20228C9.88423 5.20228 9.88016 5.1942 9.87112 5.1857C9.85272 5.16838 9.81749 5.14894 9.76493 5.14894C9.71236 5.14894 9.67714 5.16838 9.65873 5.1857C9.6497 5.1942 9.64567 5.20218 9.64567 5.20218L9.64563 12.1915C9.64563 12.7438 9.19791 13.1915 8.64563 13.1915H8.23861C7.68632 13.1915 7.23861 12.7438 7.23861 12.1915V7.88313C7.23861 7.88313 7.23453 7.87505 7.2255 7.86655C7.20709 7.84923 7.17187 7.82979 7.1193 7.82979C7.06674 7.82979 7.03151 7.84923 7.01311 7.86655C7.00407 7.87505 7.00005 7.88303 7.00005 7.88303L7 17.1702C7 18.6766 8.31634 20 10.0702 20H12.1053C12.9738 20 13.7475 19.669 14.3001 19.1481C14.3225 19.127 14.3459 19.1069 14.3702 19.0879C14.3795 19.0806 14.3884 19.073 14.397 19.0649L19.9059 13.8814C19.9766 13.8149 20 13.7427 20 13.6809C20 13.6191 19.9766 13.547 19.9059 13.4805C19.7458 13.3298 19.4624 13.3298 19.3023 13.4805L16.8608 15.7778C16.5702 16.0512 16.145 16.1257 15.7788 15.9675C15.4126 15.8092 15.1755 15.4485 15.1755 15.0495V5.77675C15.1755 5.77675 15.1714 5.76867 15.1624 5.76017C15.144 5.74285 15.1087 5.7234 15.0562 5.7234C15.0036 5.7234 14.9684 5.74285 14.95 5.76017C14.9409 5.76867 14.9369 5.77665 14.9369 5.77665L14.9369 12.1915C14.9369 12.7438 14.4892 13.1915 13.9369 13.1915H13.5299C12.9776 13.1915 12.5299 12.7438 12.5299 12.1915V4.05334C12.5299 4.05334 12.5258 4.04526 12.5167 4.03676C12.4983 4.01944 12.4631 4 12.4106 4C12.358 4 12.3228 4.01944 12.3044 4.03676C12.2953 4.04526 12.2913 4.05334 12.2913 4.05334ZM10.4524 3.26111C10.78 2.49878 11.5649 2 12.4106 2C13.4399 2 14.3792 2.73896 14.5134 3.79271C14.6887 3.74733 14.871 3.7234 15.0562 3.7234C16.1684 3.7234 17.1755 4.58617 17.1755 5.7766V12.7355L17.9318 12.0239C18.8619 11.1487 20.3463 11.1487 21.2764 12.0239C22.2412 12.9317 22.2412 14.4302 21.2764 15.338L15.7676 20.5214C15.7264 20.5602 15.6841 20.5972 15.6408 20.6325C14.7226 21.4834 13.4719 22 12.1053 22H10.0702C7.32823 22 5 19.8941 5 17.1702V7.88298C5 6.69256 6.00707 5.82979 7.1193 5.82979C7.29874 5.82979 7.47545 5.85224 7.64563 5.89491V5.20213C7.64563 4.01171 8.65269 3.14894 9.76493 3.14894C10.0017 3.14894 10.2338 3.18805 10.4524 3.26111Z"/>
+</svg>

package/dist/img/sprite/menu.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M2 5C2 4.44772 2.44772 4 3 4H21C21.5523 4 22 4.44772 22 5C22 5.55228 21.5523 6 21 6H3C2.44772 6 2 5.55228 2 5ZM2 12C2 11.4477 2.44772 11 3 11H21C21.5523 11 22 11.4477 22 12C22 12.5523 21.5523 13 21 13H3C2.44772 13 2 12.5523 2 12ZM2 19C2 18.4477 2.44772 18 3 18H21C21.5523 18 22 18.4477 22 19C22 19.5523 21.5523 20 21 20H3C2.44772 20 2 19.5523 2 19Z"/>
+</svg>

package/dist/img/sprite/messenger-custom.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12Z" fill="#556AF6"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M12 18.3678L9.80273 16.1706H7.78492C7.40436 16.1706 7.09088 15.8571 7.09088 15.4765V8C7.09088 7.61945 7.40436 7.30596 7.78492 7.30596H16.215C16.5956 7.30596 16.9091 7.61945 16.9091 8V15.4765C16.9091 15.8571 16.5956 16.1706 16.215 16.1706H14.1972L12 18.3678ZM11.5 8H12.5L12.6795 9.07729C13.0051 9.15269 13.3104 9.2811 13.5858 9.45293L14.4748 8.81791L15.182 9.52502L14.5469 10.414C14.7188 10.6895 14.8473 10.9948 14.9227 11.3205L16 11.5V12.5L14.9227 12.6795C14.8473 13.0051 14.7189 13.3104 14.5471 13.5858L15.182 14.4746L14.4748 15.1818L13.5861 14.5469C13.3106 14.7188 13.0052 14.8473 12.6795 14.9227L12.5 16H11.5L11.3204 14.9227C10.9947 14.8473 10.6893 14.7188 10.4139 14.5469L9.52509 15.1818L8.81799 14.4746L9.45288 13.5858C9.28106 13.3104 9.15266 13.0051 9.07726 12.6795L7.99997 12.5V11.5L9.07726 11.3205C9.15268 10.9948 9.28111 10.6895 9.45299 10.414L8.81799 9.52502L9.52509 8.81791L10.4141 9.45293C10.6895 9.2811 10.9948 9.15269 11.3204 9.07729L11.5 8Z" fill="#556AF6"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM9.35086 17.2615L11.5894 19.5C11.8161 19.7268 12.1838 19.7268 12.4105 19.5L14.6491 17.2615H16.215C17.1981 17.2615 18 16.4596 18 15.4765V8C18 7.01695 17.1981 6.21505 16.215 6.21505H7.78492C6.80187 6.21505 5.99997 7.01695 5.99997 8V15.4765C5.99997 16.4596 6.80187 17.2615 7.78492 17.2615H9.35086Z" fill="#556AF6"/>
+</svg>

package/dist/img/sprite/messenger-facebook--filled.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M22 12.0596C22 6.50074 17.5259 2 12 2C6.47407 2 2 6.50074 2 12.0596C2 17.082 5.65926 21.2399 10.4444 22V14.9806H7.8963V12.0745H10.4296V9.85395C10.4296 7.33532 11.9259 5.93443 14.2074 5.93443C15.3037 5.93443 16.4444 6.12817 16.4444 6.12817V8.60209H15.1852C13.9407 8.60209 13.5556 9.37705 13.5556 10.1669V12.0596H16.3259L15.8815 14.9657H13.5556V22C18.3407 21.2548 22 17.082 22 12.0596Z"
+          fill="#00314D"/>
+</svg>

package/dist/img/sprite/messenger-facebook.svg

@@ -0,0 +1,10 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M22 12.0596C22 6.50074 17.5259 2 12 2C6.47407 2 2 6.50074 2 12.0596C2 17.082 5.65926 21.2399 10.4444 22V14.9806H7.8963V12.0745H10.4296V9.85395C10.4296 7.33532 11.9259 5.93443 14.2074 5.93443C15.3037 5.93443 16.4444 6.12817 16.4444 6.12817V8.60209H15.1852C13.9407 8.60209 13.5556 9.37705 13.5556 10.1669V12.0596H16.3259L15.8815 14.9657H13.5556V22C18.3407 21.2548 22 17.082 22 12.0596Z"
+          fill="url(#paint0_linear_4162_8227)"/>
+    <defs>
+        <linearGradient id="paint0_linear_4162_8227" x1="12" y1="2" x2="12" y2="22" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#36AEFD"/>
+            <stop offset="1" stop-color="#226AE0"/>
+        </linearGradient>
+    </defs>
+</svg>