@bothub-chat/ui/dist/components/input-message/styled.js

Bothub UI Components

import{jsxs as e,Fragment as t,jsx as i}from"react/jsx-runtime";import{styled as o,css as n,keyframes as a}from"styled-components";import{Button as s}from"../button/index.js";import{SendIcon as r}from"../../icons/send/index.js";import{CloseIcon as l}from"../../icons/close/index.js";import{Chip as d}from"../chip/index.js";import{VoiceIcon as p}from"../../icons/voice/index.js";import{PauseIcon as c}from"../../icons/pause/index.js";import{PlayIcon as m}from"../../icons/play/index.js";import{ExclamationIcon as g}from"../../icons/exclamation/index.js";import{Typography as u}from"../typography/index.js";import"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{isBright as y}from"../../utils/colors/isBright.js";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";import"tslib";const h=o.div.withConfig({displayName:"styled__InputMessageStyled",componentId:"sc-4jukeb-0"})(["display:flex;flex-direction:column;gap:14px;position:relative;border-radius:10px;border:1px solid ",";background:",";width:100%;padding:14px 20px;max-width:",";box-sizing:border-box;overflow:visible;cursor:",";outline:none;"," "," @media (max-width:","){padding:12px 12px;}"],({theme:e,$active:t,$disabled:i})=>i?e.colors.grayScale.gray2:t?e.colors.accent.primary:e.colors.grayScale.gray2,({theme:e,$disabled:t})=>t?e.colors.grayScale.gray3:"light"===e.mode?e.default.colors.base.white:e.colors.grayScale.gray4,({theme:e})=>e.dashboard.chat.containerWidth,({$disabled:e,$textAreaDisabled:t,$voiceRecording:i})=>e?"not-allowed":t||i?"default":"text",({$disabled:e})=>!e&&n`
      &:hover {
        border-color: ${({theme:e})=>e.colors.accent.primary};
      }
    `,({$dragActive:e})=>e&&"\n    opacity: 0.85;\n  ",({theme:e})=>e.mobile.maxWidth),f=o.div.withConfig({displayName:"styled__InputMessageContent",componentId:"sc-4jukeb-1"})(["width:100%;gap:14px;display:grid;grid-template-areas:'input input input' 'configure . buttons';grid-auto-rows:min-content;grid-auto-columns:min-content auto min-content;align-items:center;"]);o.div.withConfig({displayName:"styled__InputMessageConfigure",componentId:"sc-4jukeb-2"})(["display:flex;align-items:center;gap:14px;position:relative;width:fit-content;height:100%;user-select:none;grid-area:configure;"]);const x=o.div.withConfig({displayName:"styled__InputMessageUploadFile",componentId:"sc-4jukeb-3"})(["display:inline-flex;"]),b=o.input.withConfig({displayName:"styled__InputMessageUploadFileInput",componentId:"sc-4jukeb-4"})(["display:none;"]),w=o(s).attrs({variant:"secondary"}).withConfig({displayName:"styled__InputMessageUploadFileLabel",componentId:"sc-4jukeb-5"})(["border:none !important;display:inline-flex;width:auto;cursor:pointer;outline:none !important;border-radius:50% !important;box-shadow:none !important;aspect-ratio:1/1;"]),I=o.div.withConfig({displayName:"styled__InputMessageActions",componentId:"sc-4jukeb-6"})(["display:flex;gap:4px;align-items:center;"]),_=o.div.withConfig({displayName:"styled__InputMessageMain",componentId:"sc-4jukeb-7"})(["display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:14px;width:100%;grid-area:input;"]),j=o.div.withConfig({displayName:"styled__InputMessageButtons",componentId:"sc-4jukeb-8"})(["display:flex;gap:10px;align-items:center;grid-area:buttons;"]),k=o.div.withConfig({displayName:"styled__InputMessageFilesStyled",componentId:"sc-4jukeb-9"})(["display:flex;flex-wrap:wrap;gap:10px 14px;cursor:default;max-height:200px;overflow-y:auto;"]),v=o(d).attrs({variant:"input"}).withConfig({displayName:"styled__InputMessageFile",componentId:"sc-4jukeb-10"})([""]),C=o(k).withConfig({displayName:"styled__InputMessageVoiceFiles",componentId:"sc-4jukeb-11"})(["width:100%;"]),M=o.div.withConfig({displayName:"styled__InputMessageVoiceTrack",componentId:"sc-4jukeb-12"})(["display:flex;gap:14px;align-items:center;"]),N=o(u).attrs(({theme:o,children:n})=>({variant:"body-m-regular",children:e(t,{children:[i(g,{fill:o.colors.accent.primaryLight}),n]})})).withConfig({displayName:"styled__InputMessageConcatenateWarning",componentId:"sc-4jukeb-13"})(["display:flex;align-items:center;gap:8px;color:",";"],({theme:e})=>e.colors.accent.primaryLight),$=o(s).attrs({variant:"text",children:i(l,{}),disableHoverColor:!0}).withConfig({displayName:"styled__InputMessageVoiceFileDelete",componentId:"sc-4jukeb-14"})(["&:hover{svg path{fill:",";}}"],({theme:e})=>e.colors.accent.primary),S=o.textarea.withConfig({displayName:"styled__InputMessageTextArea",componentId:"sc-4jukeb-15"})(["display:flex;height:auto;width:100%;min-height:22px;max-height:270px;background:none;outline:none;resize:none;border:none;color:",";flex-shrink:0;overflow:auto;scrollbar-width:none;padding:0px;&::placeholder{color:",";}&::-webkit-scrollbar{display:none;}"," font-weight:400;font-size:18px;line-height:23.4px;@media (max-width:","){font-size:16px;line-height:22px;}"],({theme:e,$disabled:t})=>t?e.colors.grayScale.gray1:e.colors.base.white,({theme:e})=>e.colors.grayScale.gray1,({$disabled:e})=>e&&n`
      cursor: not-allowed;
    `,({theme:e})=>e.mobile.maxWidth),F=o(s).withConfig({displayName:"styled__InputMessageSendButton",componentId:"sc-4jukeb-16"})(["flex-shrink:0;svg{pointer-events:none;}"]),B=o(s).attrs({variant:"text",children:i(c,{})}).withConfig({displayName:"styled__InputMessageVoicePauseButton",componentId:"sc-4jukeb-17"})(["padding:10px;margin-left:10px;"]),T=o(B).attrs({children:i(m,{})}).withConfig({displayName:"styled__InputMessageVoicePlayButton",componentId:"sc-4jukeb-18"})([""]),V=o(F).attrs(({theme:e,disabled:t})=>({variant:"text",startIcon:i(p,{}),iconFill:t?e.colors.grayScale.gray1:y(e.colors.grayScale.gray4)?e.default.colors.base.black:e.default.colors.base.white,disableHoverColor:!0})).withConfig({displayName:"styled__InputMessageVoiceButton",componentId:"sc-4jukeb-19"})(["margin-inline:10px;padding:10px;border-radius:8px;background-color:",";position:relative;z-index:0;"," &:before{content:'';height:140%;width:140%;position:absolute;top:-20%;left:-20%;background-color:",";opacity:",";filter:blur(18px);z-index:-1;transition:opacity 300ms ease-out;}"],({theme:e,$isRecording:t})=>t?e.colors.critic:"transparent",({theme:e,$isRecording:t})=>t&&n`
      svg path {
        fill: ${e.default.colors.base.white} !important;
      }
    `,({theme:e})=>e.colors.critic,({$isRecording:e})=>e?1:0),R=r,W=o.div.withConfig({displayName:"styled__InputMessageVoiceRecord",componentId:"sc-4jukeb-20"})(["display:flex;align-items:center;gap:8px;"]),z=o.span.withConfig({displayName:"styled__InputMessageVoiceRecordDot",componentId:"sc-4jukeb-21"})(["display:inline-flex;width:8px;height:8px;background:",";border-radius:50%;animation:"," 1s ease-in-out infinite;"],({theme:e})=>e.colors.critic,()=>a`
      from {
        opacity: 1;
      }
      50% {
        opacity: 0.5;
      }
      to {
        opacity: 1;
      }
    `),A=o(u).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__InputMessageVoiceRecordTimeText",componentId:"sc-4jukeb-22"})(["cursor:default;"]),D=o.div.withConfig({displayName:"styled__InputMessageEditWrapper",componentId:"sc-4jukeb-23"})(["display:flex;width:100%;gap:16px;align-items:center;"]),L=o.div.withConfig({displayName:"styled__InputMessageContentWrapper",componentId:"sc-4jukeb-24"})(["display:flex;width:100%;justify-content:space-between;"]),U=o.div.withConfig({displayName:"styled__InputMessageContentInfo",componentId:"sc-4jukeb-25"})(["display:flex;flex-direction:column;flex:1;width:0;min-width:0;overflow:hidden;"]),E=o.div.withConfig({displayName:"styled__InputMessageContentTextWrapper",componentId:"sc-4jukeb-26"})(["display:flex;overflow:hidden;min-width:0;"]),H=o(u).attrs({variant:"body-l-regular"}).withConfig({displayName:"styled__InputMessageContentActionText",componentId:"sc-4jukeb-27"})(["color:",";"],({theme:e})=>e.colors.accent.primary),P=o(u).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__InputMessageContentTextMessage",componentId:"sc-4jukeb-28"})(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:",";"],({theme:e})=>"dark"===e.mode?e.colors.base.white:e.colors.base.black),G=o(P).withConfig({displayName:"styled__InputMessageContentTextFiles",componentId:"sc-4jukeb-29"})(["color:",";"],({theme:e})=>e.colors.grayScale.gray1),q=o.button.withConfig({displayName:"styled__InputMessageCloseEditButton",componentId:"sc-4jukeb-30"})(["margin:0;cursor:pointer;padding:0;border:none;background:transparent;display:flex;justify-content:center;align-items:center;"]),J=o.div.withConfig({displayName:"styled__InputMessageFilesMenuBox",componentId:"sc-4jukeb-31"})(["display:flex;flex-direction:column;gap:10px;"]),K=o(s).withConfig({displayName:"styled__InputMessageFilesTriggerButton",componentId:"sc-4jukeb-32"})(["transform:none !important;"]);export{I as InputMessageActions,j as InputMessageButtons,q as InputMessageCloseEditButton,N as InputMessageConcatenateWarning,f as InputMessageContent,H as InputMessageContentActionText,U as InputMessageContentInfo,G as InputMessageContentTextFiles,P as InputMessageContentTextMessage,E as InputMessageContentTextWrapper,L as InputMessageContentWrapper,D as InputMessageEditWrapper,v as InputMessageFile,J as InputMessageFilesMenuBox,k as InputMessageFilesStyled,K as InputMessageFilesTriggerButton,_ as InputMessageMain,F as InputMessageSendButton,R as InputMessageSendIcon,h as InputMessageStyled,S as InputMessageTextArea,x as InputMessageUploadFile,b as InputMessageUploadFileInput,w as InputMessageUploadFileLabel,V as InputMessageVoiceButton,$ as InputMessageVoiceFileDelete,C as InputMessageVoiceFiles,B as InputMessageVoicePauseButton,T as InputMessageVoicePlayButton,W as InputMessageVoiceRecord,z as InputMessageVoiceRecordDot,A as InputMessageVoiceRecordTimeText,M as InputMessageVoiceTrack};