@bothub-chat/ui 2.48.1-fix-message-79720dcc-0313-4bb2-ac15-912e6fc16d36 → 2.48.1-fix-refactor-2b2ac2ff-898d-489a-83f0-2a58a894046a

package/dist/components/input-message/styled.js

@@ -1,10 +1,14 @@
-import{jsx as e}from"react/jsx-runtime";import{styled as t,css as o,keyframes as i}from"styled-components";import{animated as a}from"@react-spring/web";import{Button as n}from"../button/index.js";import{EnterIcon as s}from"../../icons/enter/index.js";import{AttachIcon as r}from"../../icons/attach/index.js";import{SendIcon as l}from"../../icons/send/index.js";import{Chip as d}from"../chip/index.js";import{VoiceIcon as p}from"../../icons/voice/index.js";import{Typography as c}from"../typography/index.js";import{adaptive as g}from"../../adaptive/index.js";const m=t.div.withConfig({displayName:"styled__InputMessageStyled",componentId:"sc-4jukeb-0"})(["display:flex;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;"," ",""],(({theme:e,$active:t,$disabled:o})=>o?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:o})=>e?"not-allowed":t||o?"default":"text"),(({$disabled:e})=>!e&&o`
+import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{styled as i,css as a,keyframes as n}from"styled-components";import{animated as s}from"@react-spring/web";import{Button as r}from"../button/index.js";import{EnterIcon as l}from"../../icons/enter/index.js";import{AttachIcon as d}from"../../icons/attach/index.js";import{SendIcon as c}from"../../icons/send/index.js";import{CloseIcon as p}from"../../icons/close/index.js";import{Chip as m}from"../chip/index.js";import{VoiceIcon as g}from"../../icons/voice/index.js";import{PauseIcon as y}from"../../icons/pause/index.js";import{PlayIcon as u}from"../../icons/play/index.js";import{ExclamationIcon as h}from"../../icons/exclamation/index.js";import{Typography as f}from"../typography/index.js";import{adaptive as x}from"../../adaptive/index.js";const b=i.div.withConfig({displayName:"styled__InputMessageStyled",componentId:"sc-4jukeb-0"})(["display:flex;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;"," ",""],({theme:e,$active:t,$disabled:o})=>o?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:o})=>e?"not-allowed":t||o?"default":"text",({$disabled:e})=>!e&&a`
       &:hover {
         border-color: ${({theme:e})=>e.colors.accent.primary};
       }
-    `),(({$dragActive:e})=>e&&"\n    opacity: 0.85;\n  ")),y=t.div.withConfig({displayName:"styled__InputMessageContent",componentId:"sc-4jukeb-1"})(["display:flex;align-items:center;gap:14px;width:100%;"]),u=t.div.withConfig({displayName:"styled__InputMessageUploadFile",componentId:"sc-4jukeb-2"})(["display:inline-flex;"]),h=t.input.attrs({id:"inputMessageUploadFileInput"}).withConfig({displayName:"styled__InputMessageUploadFileInput",componentId:"sc-4jukeb-3"})(["display:none;"]),f=t(n).attrs({variant:"secondary",component:"label",htmlFor:"inputMessageUploadFileInput",children:e(r,{})}).withConfig({displayName:"styled__InputMessageUploadFileButton",componentId:"sc-4jukeb-4"})(["flex-shrink:0;user-select:none;"]),x=t.div.withConfig({displayName:"styled__InputMessageMain",componentId:"sc-4jukeb-5"})(["display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;width:100%;"]),b=t.div.withConfig({displayName:"styled__InputMessageFiles",componentId:"sc-4jukeb-6"})(["display:flex;flex-wrap:wrap;gap:10px 14px;cursor:default;max-height:200px;overflow-y:auto;"]),w=t(d).attrs({variant:"input"}).withConfig({displayName:"styled__InputMessageFile",componentId:"sc-4jukeb-7"})([""]),I=t.textarea.withConfig({displayName:"styled__InputMessageTextArea",componentId:"sc-4jukeb-8"})(["display:flex;height:auto;width:100%;max-height:270px;background:none;outline:none;resize:none;border:none;color:",";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&&o`
+    `,({$dragActive:e})=>e&&"\n    opacity: 0.85;\n  "),w=i.div.withConfig({displayName:"styled__InputMessageContent",componentId:"sc-4jukeb-1"})(["display:flex;flex-direction:column;justify-content:center;gap:14px;width:100%;"]),I=i.div.withConfig({displayName:"styled__InputMessageBottomGroup",componentId:"sc-4jukeb-2"})(["display:flex;gap:10px;align-items:center;"]),_=i(I).withConfig({displayName:"styled__InputMessageBottom",componentId:"sc-4jukeb-3"})(["justify-content:space-between;"]),k=i.div.withConfig({displayName:"styled__InputMessageUploadFile",componentId:"sc-4jukeb-4"})(["display:inline-flex;"]),j=i.input.attrs({id:"inputMessageUploadFileInput"}).withConfig({displayName:"styled__InputMessageUploadFileInput",componentId:"sc-4jukeb-5"})(["display:none;"]),v=i(r).attrs({variant:"secondary",component:"label",htmlFor:"inputMessageUploadFileInput",children:e(d,{})}).withConfig({displayName:"styled__InputMessageUploadFileButton",componentId:"sc-4jukeb-6"})(["flex-shrink:0;user-select:none;"]),M=i.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%;"]),C=i.div.withConfig({displayName:"styled__InputMessageFiles",componentId:"sc-4jukeb-8"})(["display:flex;flex-wrap:wrap;gap:10px 14px;cursor:default;max-height:200px;overflow-y:auto;"]),N=i(m).attrs({variant:"input"}).withConfig({displayName:"styled__InputMessageFile",componentId:"sc-4jukeb-9"})([""]),S=i(C).withConfig({displayName:"styled__InputMessageVoiceFiles",componentId:"sc-4jukeb-10"})(["width:100%;"]),$=i.div.withConfig({displayName:"styled__InputMessageVoiceTrack",componentId:"sc-4jukeb-11"})(["display:flex;gap:14px;align-items:center;"]),F=i(f).attrs(({theme:i,children:a})=>({variant:"body-m-regular",children:t(o,{children:[e(h,{fill:i.colors.accent.primaryLight}),a]})})).withConfig({displayName:"styled__InputMessageConcatenateWarning",componentId:"sc-4jukeb-12"})(["display:flex;align-items:center;gap:8px;color:",";"],({theme:e})=>e.colors.accent.primaryLight),z=i(r).attrs({variant:"text",children:e(p,{})}).withConfig({displayName:"styled__InputMessageVoiceFileDelete",componentId:"sc-4jukeb-13"})([""]),V=i.textarea.withConfig({displayName:"styled__InputMessageTextArea",componentId:"sc-4jukeb-14"})(["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&&a`
       cursor: not-allowed;
-    `),(({theme:e})=>e.mobile.maxWidth)),_=t(n).withConfig({displayName:"styled__InputMessageSendButton",componentId:"sc-4jukeb-9"})(["flex-shrink:0;svg{pointer-events:none;}"]),v=l,k=p,j=t.div.withConfig({displayName:"styled__InputMessageVoiceRecord",componentId:"sc-4jukeb-10"})(["display:flex;align-items:center;gap:8px;"]),S=t.span.withConfig({displayName:"styled__InputMessageVoiceRecordDot",componentId:"sc-4jukeb-11"})(["display:inline-flex;width:8px;height:8px;background:",";border-radius:50%;animation:"," 1s ease-in-out infinite;"],(({theme:e})=>e.colors.critic),(()=>i`
+    `,({theme:e})=>e.mobile.maxWidth),B=i(r).withConfig({displayName:"styled__InputMessageSendButton",componentId:"sc-4jukeb-15"})(["flex-shrink:0;svg{pointer-events:none;}"]),T=i(r).attrs({variant:"text",children:e(y,{})}).withConfig({displayName:"styled__InputMessageVoicePauseButton",componentId:"sc-4jukeb-16"})(["padding:10px;margin-left:10px;"]),R=i(T).attrs({children:e(u,{})}).withConfig({displayName:"styled__InputMessageVoicePlayButton",componentId:"sc-4jukeb-17"})([""]),U=i(B).attrs(({theme:t,disabled:o})=>({variant:"text",startIcon:e(g,{}),iconFill:o?t.colors.grayScale.gray1:t.bright?t.default.colors.base.black:t.colors.base.white,disableHoverColor:!0})).withConfig({displayName:"styled__InputMessageVoiceButton",componentId:"sc-4jukeb-18"})(["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&&a`
+      svg path {
+        fill: ${e.default.colors.base.white} !important;
+      }
+    `,({theme:e})=>e.colors.critic,({$isRecording:e})=>e?1:0),A=c,D=i.div.withConfig({displayName:"styled__InputMessageVoiceRecord",componentId:"sc-4jukeb-19"})(["display:flex;align-items:center;gap:8px;"]),W=i.span.withConfig({displayName:"styled__InputMessageVoiceRecordDot",componentId:"sc-4jukeb-20"})(["display:inline-flex;width:8px;height:8px;background:",";border-radius:50%;animation:"," 1s ease-in-out infinite;"],({theme:e})=>e.colors.critic,()=>n`
       from {
         opacity: 1;
       }
@@ -14,8 +18,8 @@ import{jsx as e}from"react/jsx-runtime";import{styled as t,css as o,keyframes as
       to {
         opacity: 1;
       }
-    `)),M=t(c).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__InputMessageVoiceRecordTimeText",componentId:"sc-4jukeb-12"})(["cursor:default;"]),C=t.div.withConfig({displayName:"styled__InputMessageToggleSendStyled",componentId:"sc-4jukeb-13"})(["position:relative;width:fit-content;height:fit-content;",""],g({tablet:o`
+    `),L=i(f).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__InputMessageVoiceRecordTimeText",componentId:"sc-4jukeb-21"})(["cursor:default;"]),P=i.div.withConfig({displayName:"styled__InputMessageToggleSendStyled",componentId:"sc-4jukeb-22"})(["position:relative;width:fit-content;height:fit-content;",""],x({tablet:a`
       display: none;
-    `,mobile:o`
+    `,mobile:a`
       display: none;
-    `})),N=t(n).attrs({variant:"text",startIcon:e(s,{}),iconSize:24}).withConfig({displayName:"styled__InputMessageToggleSendButton",componentId:"sc-4jukeb-14"})(["svg{g path{fill:"," !important;}}display:flex;&:hover{svg{path{fill:"," !important;}}}"],(({theme:e})=>e.colors.grayScale.gray3),(({theme:e})=>"dark"===e.mode?e.colors.grayScale.gray2:e.colors.grayScale.gray1)),$=t(a.div).withConfig({displayName:"styled__InputMessageToggleSendModalStyled",componentId:"sc-4jukeb-15"})(["display:flex;flex-direction:column;gap:6px;max-height:fit-content;width:max-content;max-width:60vw;padding:6px;position:absolute;bottom:calc(100% + 10px);right:0;border-radius:10px;border:1px "," solid;background-color:",";z-index:50;user-select:none;-moz-user-select:none;-webkit-user-select:none;"],(({theme:e})=>e.colors.grayScale.gray2),(({theme:e})=>"dark"===e.mode?e.colors.grayScale.gray4:e.default.colors.base.white)),F=t.button.withConfig({displayName:"styled__InputMessageToggleSendModalOption",componentId:"sc-4jukeb-16"})(["all:unset;margin:0;padding:12px;border-radius:8px;background-color:",";cursor:pointer;transition:opacity 0.1s ease-in-out,transform 0.1s ease-in-out,filter 0.1s ease-in-out;&:hover{filter:",";transition:filter 100ms ease-in-out;}&:active{transform:translateY(1px);}"],(({theme:e,active:t})=>"dark"===e.mode?t?e.colors.grayScale.gray3:e.colors.grayScale.gray4:t?e.colors.grayScale.gray3:e.default.colors.base.white),(({theme:e})=>"dark"===e.mode?"brightness(120%)":"brightness(80%)"));export{y as InputMessageContent,w as InputMessageFile,b as InputMessageFiles,x as InputMessageMain,_ as InputMessageSendButton,v as InputMessageSendIcon,m as InputMessageStyled,I as InputMessageTextArea,N as InputMessageToggleSendButton,F as InputMessageToggleSendModalOption,$ as InputMessageToggleSendModalStyled,C as InputMessageToggleSendStyled,u as InputMessageUploadFile,f as InputMessageUploadFileButton,h as InputMessageUploadFileInput,k as InputMessageVoiceIcon,j as InputMessageVoiceRecord,S as InputMessageVoiceRecordDot,M as InputMessageVoiceRecordTimeText};
+    `})),G=i(r).attrs({variant:"text",startIcon:e(l,{}),iconSize:24}).withConfig({displayName:"styled__InputMessageToggleSendButton",componentId:"sc-4jukeb-23"})(["svg{g path{fill:"," !important;}}display:flex;&:hover{svg{path{fill:"," !important;}}}"],({theme:e})=>e.colors.grayScale.gray3,({theme:e})=>"dark"===e.mode?e.colors.grayScale.gray2:e.colors.grayScale.gray1),H=i(s.div).withConfig({displayName:"styled__InputMessageToggleSendModalStyled",componentId:"sc-4jukeb-24"})(["display:flex;flex-direction:column;gap:6px;max-height:fit-content;width:max-content;max-width:60vw;padding:6px;position:absolute;bottom:calc(100% + 10px);right:0;border-radius:10px;border:1px "," solid;background-color:",";z-index:50;user-select:none;-moz-user-select:none;-webkit-user-select:none;"],({theme:e})=>e.colors.grayScale.gray2,({theme:e})=>"dark"===e.mode?e.colors.grayScale.gray4:e.default.colors.base.white),O=i.button.withConfig({displayName:"styled__InputMessageToggleSendModalOption",componentId:"sc-4jukeb-25"})(["all:unset;margin:0;padding:12px;border-radius:8px;background-color:",";cursor:pointer;transition:opacity 0.1s ease-in-out,transform 0.1s ease-in-out,filter 0.1s ease-in-out;&:hover{filter:",";transition:filter 100ms ease-in-out;}&:active{transform:translateY(1px);}"],({theme:e,active:t})=>"dark"===e.mode?t?e.colors.grayScale.gray3:e.colors.grayScale.gray4:t?e.colors.grayScale.gray3:e.default.colors.base.white,({theme:e})=>"dark"===e.mode?"brightness(120%)":"brightness(80%)");export{_ as InputMessageBottom,I as InputMessageBottomGroup,F as InputMessageConcatenateWarning,w as InputMessageContent,N as InputMessageFile,C as InputMessageFiles,M as InputMessageMain,B as InputMessageSendButton,A as InputMessageSendIcon,b as InputMessageStyled,V as InputMessageTextArea,G as InputMessageToggleSendButton,O as InputMessageToggleSendModalOption,H as InputMessageToggleSendModalStyled,P as InputMessageToggleSendStyled,k as InputMessageUploadFile,v as InputMessageUploadFileButton,j as InputMessageUploadFileInput,U as InputMessageVoiceButton,z as InputMessageVoiceFileDelete,S as InputMessageVoiceFiles,T as InputMessageVoicePauseButton,R as InputMessageVoicePlayButton,D as InputMessageVoiceRecord,W as InputMessageVoiceRecordDot,L as InputMessageVoiceRecordTimeText,$ as InputMessageVoiceTrack};

package/dist/components/input-message/types.d.ts

@@ -3,3 +3,9 @@ export interface IInputMessageFile {
     previewUrl: string | null;
     native: File;
 }
+export interface IInputMessageVoiceFile {
+    duration: number;
+    waveData: number[];
+    src: string;
+    blob: Blob;
+}

package/dist/components/input-message/utils.js

@@ -1 +1 @@
-import{__awaiter as t}from"tslib";const n=n=>t(void 0,void 0,void 0,(function*(){return n.name.match(/.png$/i)||n.name.match(/.jpg$/i)||n.name.match(/.jpeg$/i)?new Promise(((t,e)=>{const r=new FileReader;r.addEventListener("load",(()=>{var n,i;const o=null!==(i=null===(n=r.result)||void 0===n?void 0:n.toString())&&void 0!==i?i:null;if(null===o)return e(new Error("result not found"));t(o)})),r.readAsDataURL(n)})):null})),e=e=>t(void 0,void 0,void 0,(function*(){const t=yield Promise.all(e.map(n)),r=e.map(((n,e)=>({name:n.name,previewUrl:t[e],native:n})));return[...new Map([...r].map((t=>[t.name,t]))).values()]})),r=t=>{const n=Math.floor(t/60),e=t%60;return`${String(n).padStart(2,"0")}:${e.toFixed(1).padStart(2,"0").replace(".",",")}`};function i(t,n){if(!n||""===n.trim())return!0;return n.split(",").map((t=>t.trim())).filter(Boolean).some((n=>{if(n.endsWith("/*")){const e=n.slice(0,n.length-1);return t.startsWith(e)}return n===t}))}export{r as formatSeconds,e as formatUploadFiles,n as getPreviewUrlForFile,i as isFileTypeAccepted};
+import{__awaiter as t}from"tslib";const n=n=>t(void 0,void 0,void 0,function*(){return n.name.match(/.png$/i)||n.name.match(/.jpg$/i)||n.name.match(/.jpeg$/i)?new Promise((t,e)=>{const r=new FileReader;r.addEventListener("load",()=>{var n,i;const o=null!==(i=null===(n=r.result)||void 0===n?void 0:n.toString())&&void 0!==i?i:null;if(null===o)return e(new Error("result not found"));t(o)}),r.readAsDataURL(n)}):null}),e=e=>t(void 0,void 0,void 0,function*(){const t=yield Promise.all(e.map(n)),r=e.map((n,e)=>({name:n.name,previewUrl:t[e],native:n}));return[...new Map([...r].map(t=>[t.name,t])).values()]}),r=t=>{const n=Math.floor(t/60),e=t%60;return`${String(n).padStart(2,"0")}:${e.toFixed(1).padStart(2,"0").replace(".",",")}`};function i(t,n){if(!n||""===n.trim())return!0;return n.split(",").map(t=>t.trim()).filter(Boolean).some(n=>{if(n.endsWith("/*")){const e=n.slice(0,n.length-1);return t.startsWith(e)}return n===t})}export{r as formatSeconds,e as formatUploadFiles,n as getPreviewUrlForFile,i as isFileTypeAccepted};

package/dist/components/lang-switcher/index.js

@@ -1 +1 @@
-import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useTransition as t}from"@react-spring/web";import{useRef as r,useState as o,useId as i,useMemo as c,useCallback as l,useEffect as a}from"react";import{LangSwitcherStyled as d,LangSwitcherButton as s,LangSwitcherIcon as u,LangSwitcherItem as v,LangSwitcherList as m,LangSwitcherLabel as f,LangSwitcherInput as g}from"./styled.js";const p=({lang:p,region:w,dataRegions:h,dataLanguages:b,onChange:y})=>{const E=r(null),[L,j]=o(!1),k=i(),C=c((()=>h.find((e=>"object"==typeof e&&e.value===w.value))),[h,w]),x=c((()=>b.find((e=>"object"==typeof e&&e.value===p.value))),[b,p]),W=l((()=>{j((e=>!e))}),[]);a((()=>{var e;const n=()=>{const e=document.getElementById(k),n=null==e?void 0:e.getBoundingClientRect();n&&e&&(n.left<0&&(e.style.transform=`translateX(${-n.left-4}px)`),n.right>window.innerWidth&&(e.style.transform=`translateX(${window.innerWidth-n.right-4}px)`))};if(L)return null===(e=E.current)||void 0===e||e.addEventListener("transitionend",n),()=>{var e;null===(e=E.current)||void 0===e||e.removeEventListener("transitionend",n)}}),[L]);const $=l((()=>{j(!1)}),[]),H=l(((e,n)=>{"object"==typeof e&&e.value&&y({lang:"lang"===n?e.value:p.value,region:"region"===n?e.value:w.value})}),[y]);a((()=>{const e=E.current;if(null!==e){const n=n=>{e.contains(n.target)||j(!1)},t=()=>j(!1);return document.addEventListener("click",n),window.addEventListener("blur",t),()=>{document.removeEventListener("click",n),window.removeEventListener("blur",t)}}}),[]),a((()=>{if(!L)return;const e=e=>{const n=E.current,t=e.target;n&&n.contains(t)||$()};return window.addEventListener("scroll",e,!0),()=>{window.removeEventListener("scroll",e,!0)}}),[L]),a((()=>{const e=E.current;if(null!==e){const n=n=>{e.contains(n.target)||j(!1)},t=()=>j(!1);return document.addEventListener("click",n),window.addEventListener("blur",t),()=>{document.removeEventListener("click",n),window.removeEventListener("blur",t)}}}),[]);const B=t(L,{from:{opacity:0,transform:"scale(0)"},enter:{opacity:L?1:.5,transform:`scale(${L?1:.999})`},leave:{opacity:0,transform:"scale(0.999)"},config:{duration:150}});return e(d,{ref:E,children:[n(s,{onClick:W,disableHoverColor:!0,endIcon:n(u,{$open:L}),children:e(v,{children:["object"==typeof C&&C.icon,"/ ","object"==typeof x&&x.value]})}),B(((t,r)=>r&&e(m,{style:t,id:k,children:[n(f,{children:p.label}),n(g,{contentHeight:"fit-content",compactWidth:!0,onOptionClick:e=>H(e,"lang"),value:x,data:b}),n(f,{children:w.label}),n(g,{contentHeight:"fit-content",compactWidth:!0,onOptionClick:e=>H(e,"region"),value:C,data:h})]})))]})};export{p as LangSwitcher};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useTransition as n}from"@react-spring/web";import{useRef as r,useState as o,useId as i,useMemo as a,useCallback as c,useEffect as l}from"react";import{LangSwitcherStyled as d,LangSwitcherButton as s,LangSwitcherIcon as u,LangSwitcherItem as v,LangSwitcherList as m,LangSwitcherLabel as f,LangSwitcherInput as g}from"./styled.js";const p=({lang:p,region:w,dataRegions:h,dataLanguages:b,onChange:y})=>{const E=r(null),[L,j]=o(!1),k=i(),C=a(()=>h.find(e=>"object"==typeof e&&e.value===w.value),[h,w]),x=a(()=>b.find(e=>"object"==typeof e&&e.value===p.value),[b,p]),W=c(()=>{j(e=>!e)},[]);l(()=>{var e;const t=()=>{const e=document.getElementById(k),t=null==e?void 0:e.getBoundingClientRect();t&&e&&(t.left<0&&(e.style.transform=`translateX(${-t.left-4}px)`),t.right>window.innerWidth&&(e.style.transform=`translateX(${window.innerWidth-t.right-4}px)`))};if(L)return null===(e=E.current)||void 0===e||e.addEventListener("transitionend",t),()=>{var e;null===(e=E.current)||void 0===e||e.removeEventListener("transitionend",t)}},[L]);const $=c(()=>{j(!1)},[]),H=c((e,t)=>{"object"==typeof e&&e.value&&y({lang:"lang"===t?e.value:p.value,region:"region"===t?e.value:w.value})},[y]);l(()=>{const e=E.current;if(null!==e){const t=t=>{e.contains(t.target)||j(!1)},n=()=>j(!1);return document.addEventListener("click",t),window.addEventListener("blur",n),()=>{document.removeEventListener("click",t),window.removeEventListener("blur",n)}}},[]),l(()=>{if(!L)return;const e=e=>{const t=E.current,n=e.target;t&&t.contains(n)||$()};return window.addEventListener("scroll",e,!0),()=>{window.removeEventListener("scroll",e,!0)}},[L]),l(()=>{const e=E.current;if(null!==e){const t=t=>{e.contains(t.target)||j(!1)},n=()=>j(!1);return document.addEventListener("click",t),window.addEventListener("blur",n),()=>{document.removeEventListener("click",t),window.removeEventListener("blur",n)}}},[]);const B=n(L,{from:{opacity:0,transform:"scale(0)"},enter:{opacity:L?1:.5,transform:`scale(${L?1:.999})`},leave:{opacity:0,transform:"scale(0.999)"},config:{duration:150}});return e(d,{ref:E,children:[t(s,{onClick:W,disableHoverColor:!0,endIcon:t(u,{$open:L}),children:e(v,{children:["object"==typeof C&&C.icon,"/ ","object"==typeof x&&x.value]})}),B((n,r)=>r&&e(m,{style:n,id:k,children:[t(f,{children:p.label}),t(g,{contentHeight:"fit-content",compactWidth:!0,onOptionClick:e=>H(e,"lang"),value:x,data:b,dataTest:"lang-select"}),t(f,{children:w.label}),t(g,{contentHeight:"fit-content",compactWidth:!0,onOptionClick:e=>H(e,"region"),value:C,data:h,dataTest:"region-select"})]}))]})};export{p as LangSwitcher};