codicent-app-sdk 0.3.67 → 0.3.68

package/dist/cjs/components/ChatInput.d.ts

@@ -11,6 +11,7 @@ interface ChatInputProps {
     noMemory?: boolean;
     selectAll?: boolean;
     clearOnFocus?: boolean;
+    id?: string;
 }
 declare const ChatInput: React.FC<ChatInputProps>;
 export default ChatInput;

package/dist/cjs/components/ChatInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../../src/components/ChatInput.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAQ1E,UAAU,cAAc;IACtB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IACvD,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACtD,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC;IACnD,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAoED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAkLvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../../src/components/ChatInput.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAQ1E,UAAU,cAAc;IACtB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IACvD,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACtD,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC;IACnD,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAoED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoLvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/cjs/components/ChatInput.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),i=require("./FileThumbnail.js"),t=require("../hooks/useStateWithLocalStorage.js");require("../services/codicent.js"),require("./Markdown.js");var s=require("./Textarea.js");require("./Button.js"),require("./Spinner.js"),require("./TextHeader.js"),require("./TypingIndicator.js"),require("./Dialog.js"),require("./CombinedPlaceholderDialog.js"),require("./ChatMessage.js"),require("./Header.js"),require("../utils/MessageContent.js"),require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_virtual/index.js");var a=require("../config/index.js");require("../lib/wavtools/lib/wav_packer.js"),require("../lib/wavtools/lib/analysis/audio_analysis.js"),require("../lib/wavtools/lib/wav_stream_player.js"),require("../lib/wavtools/lib/wav_recorder.js"),require("./MessageInput.js"),require("./UploadFile.js"),require("./SnapFooter.js"),require("./Profile.js"),require("./MessageItem.js"),require("./Content.js"),require("./AiInput.js"),require("./SearchBox.js"),require("./HtmlView.js"),require("./Footer.js"),require("./Page.js"),require("../pages/AppFrame.js"),require("../pages/Snap.js"),require("../pages/Search.js"),require("../pages/Login.js"),require("../pages/CrmPage.js"),require("../pages/ImageView.js"),require("../pages/FormInvite.js"),require("../pages/FormAccept.js"),require("../pages/Sales.js"),require("../stores/chatStore.js");var o=require("../hooks/useLocalization.js"),l=require("../hooks/useAppStyles.js"),n=require("../node_modules/@griffel/react/makeStyles.esm.js"),u=require("../node_modules/@fluentui/react-button/lib/components/Button/Button.js"),c=require("../node_modules/@fluentui/react-spinner/lib/components/Spinner/Spinner.js"),d=require("../node_modules/@fluentui/react-icons/lib/icons/chunk-3.js"),p=require("../node_modules/@griffel/core/mergeClasses.esm.js"),g=require("../node_modules/@fluentui/tokens/lib/tokens.js"),j=require("../node_modules/@fluentui/react-icons/lib/icons/chunk-0.js");const f=n.makeStyles({inputContainer:{display:"flex",flexDirection:"column",padding:"8px",width:"100%",position:"relative",gap:"8px"},textareaWrapper:{position:"relative",width:"100%",display:"flex",flexDirection:"column"},actionButtonRow:{position:"absolute",left:"8px",bottom:"8px",right:"8px",zIndex:1,display:"flex",justifyContent:"space-between",alignItems:"center"},fileList:{display:"flex",overflowX:"auto",overflowY:"hidden",scrollbarWidth:"thin",msOverflowStyle:"none",padding:"4px 0",maxWidth:"100%",boxSizing:"border-box",gap:"4px",minHeight:"72px",backgroundColor:g.tokens.colorNeutralBackground2,borderRadius:g.tokens.borderRadiusMedium,"&::-webkit-scrollbar":{height:"6px"},"&::-webkit-scrollbar-track":{background:"transparent"},"&::-webkit-scrollbar-thumb":{backgroundColor:g.tokens.colorNeutralStroke1,borderRadius:"3px"}},hiddenInput:{display:"none"},button:{color:g.tokens.colorNeutralForeground2,"&:hover":{color:g.tokens.colorBrandBackground,backgroundColor:"transparent"}}});exports.default=({onSend:n,disableSend:g,onSelectFiles:m,getImageUrl:q,getFileInfo:x,codicent:b,defaultText:h,rows:S,noMemory:k,selectAll:v})=>{const _=f(),[y,w]=t.default("chatInput-"+b,""),T=r.useRef(null),[C,N]=r.useState([]),[B,D]=r.useState([]),[F,E]=r.useState(!1),[O,I]=r.useState([]),{t:A}=o.default(),P=l.default();r.useEffect((()=>{h&&w(h)}),[w,h]),r.useEffect((()=>{!0===k&&w("")}),[k,w]);const R=()=>{if(""===y.trim()&&0===O.length)return;const e=C.length>0?" #"+C.join(" #"):"",r=B.length>0?"\n#file:"+B.join("\n#file:"):"";n(e+y+r),w(""),N([]),D([]),I([])};return e.jsxs("div",{className:_.inputContainer,children:[e.jsx("input",{title:A("Välj fil att ladda upp"),type:"file",ref:T,className:_.hiddenInput,onChange:async e=>{const r=e.target.files;if(r&&r.length>0&&m){E(!0);try{const e=await m(r),i=await Promise.all(e.map((e=>x(e))));D((r=>[...r,...e])),I((e=>[...e,...i]))}catch(e){console.error("Failed to upload files",e)}finally{E(!1),T.current&&(T.current.value="")}}},multiple:!0,accept:"image/*,.pdf,.doc,.docx,.xls,.xlsx,.txt"}),O.length>0&&e.jsx("div",{className:_.fileList,children:O.map((r=>e.jsx(i.FileThumbnail,{file:r,getImageUrl:q,onDelete:()=>{return e=r.id,D((r=>r.filter((r=>r!==e)))),void I((r=>r.filter((r=>r.id!==e))));var e}},r.id)))}),e.jsxs("div",{className:_.textareaWrapper,onPaste:async e=>{for(const r of e.clipboardData.items)if(-1!==r.type.indexOf("image")){const i=r.getAsFile();if(i&&(e.preventDefault(),m))try{E(!0);const e=new DataTransfer;e.items.add(i);const r=await m(e.files),t=await Promise.all(r.map((e=>x(e))));D((e=>[...e,...r])),I((e=>[...e,...t]))}catch(e){console.error("Failed to upload pasted image",e)}finally{E(!1)}}},children:[e.jsx(s.Textarea,{size:"large",placeholder:A(a.getConfigValue("APP_CHAT_TEXT_PLACEHOLDER")||"Skriv ditt meddelande här..."),value:y,onChange:e=>w(e.target.value),onKeyDown:e=>{g||"Enter"!==e.key||e.shiftKey||(e.preventDefault(),R())},autoFocus:!1,rows:S||4,onFocus:e=>{if(!0===v){e.target.select()}}}),e.jsxs("div",{className:_.actionButtonRow,children:[e.jsx("div",{children:m&&e.jsx(u.Button,{appearance:"subtle",size:"small",title:A("Lägg till fil"),icon:F?e.jsx(c.Spinner,{}):e.jsx(j.AddRegular,{}),onClick:()=>T.current?.click(),className:_.button})}),e.jsx(u.Button,{appearance:a.getConfigValue("SHOW_SEND_BUTTON_TEXT")?"primary":"subtle",size:a.getConfigValue("SHOW_SEND_BUTTON_TEXT")?"small":"large",title:A("Skicka"),disabled:g,icon:""===y.trim()&&0===O.length?e.jsx(d.SendRegular,{}):e.jsx(d.SendFilled,{}),onClick:R,className:a.getConfigValue("SEND_BUTTON_ROUND_BACKGROUND")?p.mergeClasses(P.roundButton,_.button):a.getConfigValue("SHOW_SEND_BUTTON_TEXT")?void 0:_.button,children:a.getConfigValue("SHOW_SEND_BUTTON_TEXT")&&e.jsx("span",{children:A("Skicka")})})]})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),i=require("./FileThumbnail.js"),t=require("../hooks/useStateWithLocalStorage.js");require("../services/codicent.js"),require("./Markdown.js");var s=require("./Textarea.js");require("./Button.js"),require("./Spinner.js"),require("./TextHeader.js"),require("./TypingIndicator.js"),require("./Dialog.js"),require("./CombinedPlaceholderDialog.js"),require("./ChatMessage.js"),require("./Header.js"),require("../utils/MessageContent.js"),require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_virtual/index.js");var a=require("../config/index.js");require("../lib/wavtools/lib/wav_packer.js"),require("../lib/wavtools/lib/analysis/audio_analysis.js"),require("../lib/wavtools/lib/wav_stream_player.js"),require("../lib/wavtools/lib/wav_recorder.js"),require("./MessageInput.js"),require("./UploadFile.js"),require("./SnapFooter.js"),require("./Profile.js"),require("./MessageItem.js"),require("./Content.js"),require("./AiInput.js"),require("./SearchBox.js"),require("./HtmlView.js"),require("./Footer.js"),require("./Page.js"),require("../pages/AppFrame.js"),require("../pages/Snap.js"),require("../pages/Search.js"),require("../pages/Login.js"),require("../pages/CrmPage.js"),require("../pages/ImageView.js"),require("../pages/FormInvite.js"),require("../pages/FormAccept.js"),require("../pages/Sales.js"),require("../stores/chatStore.js");var o=require("../hooks/useLocalization.js"),l=require("../hooks/useAppStyles.js"),n=require("../node_modules/@griffel/react/makeStyles.esm.js"),u=require("../node_modules/@fluentui/react-button/lib/components/Button/Button.js"),c=require("../node_modules/@fluentui/react-spinner/lib/components/Spinner/Spinner.js"),d=require("../node_modules/@fluentui/react-icons/lib/icons/chunk-3.js"),p=require("../node_modules/@griffel/core/mergeClasses.esm.js"),g=require("../node_modules/@fluentui/tokens/lib/tokens.js"),j=require("../node_modules/@fluentui/react-icons/lib/icons/chunk-0.js");const f=n.makeStyles({inputContainer:{display:"flex",flexDirection:"column",padding:"8px",width:"100%",position:"relative",gap:"8px"},textareaWrapper:{position:"relative",width:"100%",display:"flex",flexDirection:"column"},actionButtonRow:{position:"absolute",left:"8px",bottom:"8px",right:"8px",zIndex:1,display:"flex",justifyContent:"space-between",alignItems:"center"},fileList:{display:"flex",overflowX:"auto",overflowY:"hidden",scrollbarWidth:"thin",msOverflowStyle:"none",padding:"4px 0",maxWidth:"100%",boxSizing:"border-box",gap:"4px",minHeight:"72px",backgroundColor:g.tokens.colorNeutralBackground2,borderRadius:g.tokens.borderRadiusMedium,"&::-webkit-scrollbar":{height:"6px"},"&::-webkit-scrollbar-track":{background:"transparent"},"&::-webkit-scrollbar-thumb":{backgroundColor:g.tokens.colorNeutralStroke1,borderRadius:"3px"}},hiddenInput:{display:"none"},button:{color:g.tokens.colorNeutralForeground2,"&:hover":{color:g.tokens.colorBrandBackground,backgroundColor:"transparent"}}});exports.default=({onSend:n,disableSend:g,onSelectFiles:m,getImageUrl:q,getFileInfo:x,codicent:h,defaultText:b,rows:S,noMemory:k,selectAll:v,id:_})=>{const y=f(),[w,T]=t.default("chatInput-"+h,""),C=r.useRef(null),[N,B]=r.useState([]),[D,F]=r.useState([]),[E,O]=r.useState(!1),[I,A]=r.useState([]),{t:P}=o.default(),R=l.default();r.useEffect((()=>{b&&T(b)}),[T,b]),r.useEffect((()=>{!0===k&&T("")}),[k,T]);const H=()=>{if(""===w.trim()&&0===I.length)return;const e=N.length>0?" #"+N.join(" #"):"",r=D.length>0?"\n#file:"+D.join("\n#file:"):"";n(e+w+r),T(""),B([]),F([]),A([])};return e.jsxs("div",{className:y.inputContainer,children:[e.jsx("input",{title:P("Välj fil att ladda upp"),type:"file",ref:C,className:y.hiddenInput,onChange:async e=>{const r=e.target.files;if(r&&r.length>0&&m){O(!0);try{const e=await m(r),i=await Promise.all(e.map((e=>x(e))));F((r=>[...r,...e])),A((e=>[...e,...i]))}catch(e){console.error("Failed to upload files",e)}finally{O(!1),C.current&&(C.current.value="")}}},multiple:!0,accept:"image/*,.pdf,.doc,.docx,.xls,.xlsx,.txt"}),I.length>0&&e.jsx("div",{className:y.fileList,children:I.map((r=>e.jsx(i.FileThumbnail,{file:r,getImageUrl:q,onDelete:()=>{return e=r.id,F((r=>r.filter((r=>r!==e)))),void A((r=>r.filter((r=>r.id!==e))));var e}},r.id)))}),e.jsxs("div",{className:y.textareaWrapper,onPaste:async e=>{for(const r of e.clipboardData.items)if(-1!==r.type.indexOf("image")){const i=r.getAsFile();if(i&&(e.preventDefault(),m))try{O(!0);const e=new DataTransfer;e.items.add(i);const r=await m(e.files),t=await Promise.all(r.map((e=>x(e))));F((e=>[...e,...r])),A((e=>[...e,...t]))}catch(e){console.error("Failed to upload pasted image",e)}finally{O(!1)}}},children:[e.jsx(s.Textarea,{size:"large",id:_||"chat-input",placeholder:P(a.getConfigValue("APP_CHAT_TEXT_PLACEHOLDER")||"Skriv ditt meddelande här..."),value:w,onChange:e=>T(e.target.value),onKeyDown:e=>{g||"Enter"!==e.key||e.shiftKey||(e.preventDefault(),H())},autoFocus:!1,rows:S||4,onFocus:e=>{if(!0===v){e.target.select()}}}),e.jsxs("div",{className:y.actionButtonRow,children:[e.jsx("div",{children:m&&e.jsx(u.Button,{appearance:"subtle",size:"small",title:P("Lägg till fil"),icon:E?e.jsx(c.Spinner,{}):e.jsx(j.AddRegular,{}),onClick:()=>C.current?.click(),className:y.button})}),e.jsx(u.Button,{appearance:a.getConfigValue("SHOW_SEND_BUTTON_TEXT")?"primary":"subtle",size:a.getConfigValue("SHOW_SEND_BUTTON_TEXT")?"small":"large",title:P("Skicka"),disabled:g,icon:""===w.trim()&&0===I.length?e.jsx(d.SendRegular,{}):e.jsx(d.SendFilled,{}),onClick:H,className:a.getConfigValue("SEND_BUTTON_ROUND_BACKGROUND")?p.mergeClasses(R.roundButton,y.button):a.getConfigValue("SHOW_SEND_BUTTON_TEXT")?void 0:y.button,children:a.getConfigValue("SHOW_SEND_BUTTON_TEXT")&&e.jsx("span",{children:P("Skicka")})})]})]})]})};

package/dist/cjs/components/ChatMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../../src/components/ChatMessage.tsx"],"names":[],"mappings":"AAoBA,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CACpD;AAgDD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiD3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../../src/components/ChatMessage.tsx"],"names":[],"mappings":"AAoBA,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CACpD;AAgDD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAyD3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/cjs/components/ChatMessage.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react"),require("../services/codicent.js");var r=require("./Markdown.js");require("./Textarea.js");var s=require("./Button.js");require("./Spinner.js"),require("./TextHeader.js"),require("./TypingIndicator.js"),require("./Dialog.js"),require("./ChatInput.js"),require("./CombinedPlaceholderDialog.js"),require("./Header.js");var t=require("../utils/MessageContent.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_virtual/index.js");var i=require("../config/index.js");require("../lib/wavtools/lib/wav_packer.js"),require("../lib/wavtools/lib/analysis/audio_analysis.js"),require("../lib/wavtools/lib/wav_stream_player.js"),require("../lib/wavtools/lib/wav_recorder.js"),require("./FileThumbnail.js"),require("./MessageInput.js"),require("./UploadFile.js"),require("./SnapFooter.js"),require("./Profile.js"),require("./MessageItem.js"),require("./Content.js"),require("./AiInput.js"),require("./SearchBox.js"),require("./HtmlView.js"),require("./Footer.js"),require("./Page.js"),require("../pages/AppFrame.js"),require("../pages/Snap.js"),require("../pages/Search.js"),require("../pages/Login.js"),require("../pages/CrmPage.js"),require("../pages/ImageView.js"),require("../pages/FormInvite.js"),require("../pages/FormAccept.js"),require("../pages/Sales.js"),require("../stores/chatStore.js");var o=require("../hooks/useLocalization.js");require("../hooks/useAppStyles.js");var a=require("../node_modules/@griffel/react/makeStyles.esm.js"),n=require("../node_modules/@fluentui/tokens/lib/tokens.js"),u=require("../node_modules/@griffel/core/mergeClasses.esm.js"),l=require("../node_modules/@fluentui/react-text/lib/components/Text/Text.js"),d=require("../node_modules/@fluentui/react-icons/lib/icons/chunk-1.js");const c=a.makeStyles({message:{display:"flex",marginBottom:"16px",webkitUserSelect:"text",userSelect:"text"},user:{justifyContent:"flex-end"},bot:{justifyContent:"flex-start"},messageContent:{maxWidth:"80%",padding:"12px 16px",borderRadius:"16px",fontSize:"1rem",lineHeight:"1.4",whiteSpace:"pre-wrap",wordBreak:"break-word",overflow:"auto"},userMessage:{backgroundColor:i.getConfigValue("CHAT_USER_BACKGROUND_COLOR")||n.tokens.colorBrandBackground,color:i.getConfigValue("CHAT_USER_TEXT_COLOR")||n.tokens.colorNeutralForegroundInverted,borderTopRightRadius:"0"},botMessage:{backgroundColor:i.getConfigValue("CHAT_BOT_BACKGROUND_COLOR")||n.tokens.colorBrandBackground2,color:i.getConfigValue("CHAT_BOT_TEXT_COLOR")||n.tokens.colorNeutralForeground1,borderTopLeftRadius:"0"},newMessage:{animation:"$fadeIn 0.5s ease-in-out"}});exports.default=({sender:i,content:a,isNew:n,children:g,showSuggestions:j,onSuggestionClicked:p})=>{const q=c(),{t:m}=o.default();let f=[];if("bot"===i&&a.includes("#suggested_questions")){const e=a.split("#suggested_questions");a=e[0],f=e[1].split("\n").filter((e=>""!==e.trim())).map((e=>e.trim()))}const x=new t.default(a);let C=x.content;"user"===i&&x.content.includes("---")&&(C=x.content.split("---")[0]);const _=x.content.startsWith("Error code: ")?m("Ett fel uppstod 😟 => starta en ny chatt"):null;return e.jsx("div",{className:u.mergeClasses(q.message,"user"===i?q.user:q.bot),children:e.jsxs("div",{className:u.mergeClasses(q.messageContent,"user"===i?q.userMessage:q.botMessage,n&&q.newMessage),children:[e.jsxs(l.Text,{size:400,children:[_,!_&&e.jsx(r.default,{content:C}),x.files.length>0&&e.jsx(d.ChannelRegular,{}),j&&f&&f.length>0&&e.jsx("div",{style:{marginTop:"8px",display:"flex",gap:"8px",flexWrap:"wrap"},children:f.map(((r,t)=>e.jsx(s.Button,{size:"small",shape:"circular",onClick:()=>p?.(r),style:{textAlign:"left"},children:r},t)))})]}),g]})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react"),require("../services/codicent.js");var r=require("./Markdown.js");require("./Textarea.js");var s=require("./Button.js");require("./Spinner.js"),require("./TextHeader.js"),require("./TypingIndicator.js"),require("./Dialog.js"),require("./ChatInput.js"),require("./CombinedPlaceholderDialog.js"),require("./Header.js");var t=require("../utils/MessageContent.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_virtual/index.js");var i=require("../config/index.js");require("../lib/wavtools/lib/wav_packer.js"),require("../lib/wavtools/lib/analysis/audio_analysis.js"),require("../lib/wavtools/lib/wav_stream_player.js"),require("../lib/wavtools/lib/wav_recorder.js"),require("./FileThumbnail.js"),require("./MessageInput.js"),require("./UploadFile.js"),require("./SnapFooter.js"),require("./Profile.js"),require("./MessageItem.js"),require("./Content.js"),require("./AiInput.js"),require("./SearchBox.js"),require("./HtmlView.js"),require("./Footer.js"),require("./Page.js"),require("../pages/AppFrame.js"),require("../pages/Snap.js"),require("../pages/Search.js"),require("../pages/Login.js"),require("../pages/CrmPage.js"),require("../pages/ImageView.js"),require("../pages/FormInvite.js"),require("../pages/FormAccept.js"),require("../pages/Sales.js"),require("../stores/chatStore.js");var o=require("../hooks/useLocalization.js");require("../hooks/useAppStyles.js");var a=require("../node_modules/@griffel/react/makeStyles.esm.js"),n=require("../node_modules/@griffel/core/mergeClasses.esm.js"),u=require("../node_modules/@fluentui/tokens/lib/tokens.js"),l=require("../node_modules/@fluentui/react-text/lib/components/Text/Text.js"),d=require("../node_modules/@fluentui/react-icons/lib/icons/chunk-1.js");const c=a.makeStyles({message:{display:"flex",marginBottom:"16px",webkitUserSelect:"text",userSelect:"text"},user:{justifyContent:"flex-end"},bot:{justifyContent:"flex-start"},messageContent:{maxWidth:"80%",padding:"12px 16px",borderRadius:"16px",fontSize:"1rem",lineHeight:"1.4",whiteSpace:"pre-wrap",wordBreak:"break-word",overflow:"auto"},userMessage:{borderTopRightRadius:"0"},botMessage:{borderTopLeftRadius:"0"},newMessage:{animation:"$fadeIn 0.5s ease-in-out"}});exports.default=({sender:a,content:g,isNew:j,children:p,showSuggestions:q,onSuggestionClicked:m})=>{const f=c(),{t:x}=o.default();let C=[];if("bot"===a&&g.includes("#suggested_questions")){const e=g.split("#suggested_questions");g=e[0],C=e[1].split("\n").filter((e=>""!==e.trim())).map((e=>e.trim()))}const _=new t.default(g);let h=_.content;"user"===a&&_.content.includes("---")&&(h=_.content.split("---")[0]);const b=_.content.startsWith("Error code: ")?x("Ett fel uppstod 😟 => starta en ny chatt"):null;return e.jsx("div",{className:n.mergeClasses(f.message,"user"===a?f.user:f.bot),children:e.jsxs("div",{className:n.mergeClasses(f.messageContent,"user"===a?f.userMessage:f.botMessage,j&&f.newMessage),style:{backgroundColor:"user"===a?i.getConfigValue("CHAT_USER_BACKGROUND_COLOR")||u.tokens.colorBrandBackground:i.getConfigValue("CHAT_BOT_BACKGROUND_COLOR")||u.tokens.colorBrandBackground2,color:"user"===a?i.getConfigValue("CHAT_USER_TEXT_COLOR")||u.tokens.colorNeutralForegroundInverted:i.getConfigValue("CHAT_BOT_TEXT_COLOR")||u.tokens.colorNeutralForeground1},children:[e.jsxs(l.Text,{size:400,children:[b,!b&&e.jsx(r.default,{content:h}),_.files.length>0&&e.jsx(d.ChannelRegular,{}),q&&C&&C.length>0&&e.jsx("div",{style:{marginTop:"8px",display:"flex",gap:"8px",flexWrap:"wrap"},children:C.map(((r,t)=>e.jsx(s.Button,{size:"small",shape:"circular",onClick:()=>m?.(r),style:{textAlign:"left"},children:r},t)))})]}),p]})})};

package/dist/cjs/components/Textarea.d.ts

@@ -11,6 +11,7 @@ export interface TextareaProps {
     className?: string;
     onFocus?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
     onPaste?: (event: React.ClipboardEvent<HTMLTextAreaElement>) => void;
+    id?: string;
 }
 export declare const Textarea: React.FC<TextareaProps>;
 //# sourceMappingURL=Textarea.d.ts.map

package/dist/cjs/components/Textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtF,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IACtE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAAC;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IACjE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CACtE;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkB5C,CAAC"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtF,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IACtE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAAC;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IACjE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IACrE,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkB5C,CAAC"}

package/dist/esm/components/ChatInput.d.ts

@@ -11,6 +11,7 @@ interface ChatInputProps {
     noMemory?: boolean;
     selectAll?: boolean;
     clearOnFocus?: boolean;
+    id?: string;
 }
 declare const ChatInput: React.FC<ChatInputProps>;
 export default ChatInput;

package/dist/esm/components/ChatInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../../src/components/ChatInput.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAQ1E,UAAU,cAAc;IACtB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IACvD,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACtD,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC;IACnD,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAoED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAkLvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../../src/components/ChatInput.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAQ1E,UAAU,cAAc;IACtB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IACvD,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACtD,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC;IACnD,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAoED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoLvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/esm/components/ChatInput.js

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useRef as t,useState as i,useEffect as r}from"react";import{FileThumbnail as a}from"./FileThumbnail.js";import s from"../hooks/useStateWithLocalStorage.js";import"../services/codicent.js";import"./Markdown.js";import{Textarea as l}from"./Textarea.js";import"./Button.js";import"./Spinner.js";import"./TextHeader.js";import"./TypingIndicator.js";import"./Dialog.js";import"./CombinedPlaceholderDialog.js";import"./ChatMessage.js";import"./Header.js";import"../utils/MessageContent.js";import"../node_modules/tinycolor2/esm/tinycolor.js";import"../_virtual/index.js";import{getConfigValue as n}from"../config/index.js";import"../lib/wavtools/lib/wav_packer.js";import"../lib/wavtools/lib/analysis/audio_analysis.js";import"../lib/wavtools/lib/wav_stream_player.js";import"../lib/wavtools/lib/wav_recorder.js";import"./MessageInput.js";import"./UploadFile.js";import"./SnapFooter.js";import"./Profile.js";import"./MessageItem.js";import"./Content.js";import"./AiInput.js";import"./SearchBox.js";import"./HtmlView.js";import"./Footer.js";import"./Page.js";import"../pages/AppFrame.js";import"../pages/Snap.js";import"../pages/Search.js";import"../pages/Login.js";import"../pages/CrmPage.js";import"../pages/ImageView.js";import"../pages/FormInvite.js";import"../pages/FormAccept.js";import"../pages/Sales.js";import"../stores/chatStore.js";import p from"../hooks/useLocalization.js";import m from"../hooks/useAppStyles.js";import{makeStyles as c}from"../node_modules/@griffel/react/makeStyles.esm.js";import{Button as d}from"../node_modules/@fluentui/react-button/lib/components/Button/Button.js";import{Spinner as u}from"../node_modules/@fluentui/react-spinner/lib/components/Spinner/Spinner.js";import{SendRegular as f,SendFilled as g}from"../node_modules/@fluentui/react-icons/lib/icons/chunk-3.js";import{mergeClasses as j}from"../node_modules/@griffel/core/mergeClasses.esm.js";import{tokens as h}from"../node_modules/@fluentui/tokens/lib/tokens.js";import{AddRegular as b}from"../node_modules/@fluentui/react-icons/lib/icons/chunk-0.js";const x=c({inputContainer:{display:"flex",flexDirection:"column",padding:"8px",width:"100%",position:"relative",gap:"8px"},textareaWrapper:{position:"relative",width:"100%",display:"flex",flexDirection:"column"},actionButtonRow:{position:"absolute",left:"8px",bottom:"8px",right:"8px",zIndex:1,display:"flex",justifyContent:"space-between",alignItems:"center"},fileList:{display:"flex",overflowX:"auto",overflowY:"hidden",scrollbarWidth:"thin",msOverflowStyle:"none",padding:"4px 0",maxWidth:"100%",boxSizing:"border-box",gap:"4px",minHeight:"72px",backgroundColor:h.colorNeutralBackground2,borderRadius:h.borderRadiusMedium,"&::-webkit-scrollbar":{height:"6px"},"&::-webkit-scrollbar-track":{background:"transparent"},"&::-webkit-scrollbar-thumb":{backgroundColor:h.colorNeutralStroke1,borderRadius:"3px"}},hiddenInput:{display:"none"},button:{color:h.colorNeutralForeground2,"&:hover":{color:h.colorBrandBackground,backgroundColor:"transparent"}}}),_=({onSend:c,disableSend:h,onSelectFiles:_,getImageUrl:S,getFileInfo:k,codicent:v,defaultText:w,rows:y,noMemory:T,selectAll:N})=>{const C=x(),[D,B]=s("chatInput-"+v,""),F=t(null),[I,O]=i([]),[E,A]=i([]),[H,P]=i(!1),[U,W]=i([]),{t:L}=p(),R=m();r((()=>{w&&B(w)}),[B,w]),r((()=>{!0===T&&B("")}),[T,B]);const M=()=>{if(""===D.trim()&&0===U.length)return;const e=I.length>0?" #"+I.join(" #"):"",o=E.length>0?"\n#file:"+E.join("\n#file:"):"";c(e+D+o),B(""),O([]),A([]),W([])};return e("div",{className:C.inputContainer,children:[o("input",{title:L("Välj fil att ladda upp"),type:"file",ref:F,className:C.hiddenInput,onChange:async e=>{const o=e.target.files;if(o&&o.length>0&&_){P(!0);try{const e=await _(o),t=await Promise.all(e.map((e=>k(e))));A((o=>[...o,...e])),W((e=>[...e,...t]))}catch(e){console.error("Failed to upload files",e)}finally{P(!1),F.current&&(F.current.value="")}}},multiple:!0,accept:"image/*,.pdf,.doc,.docx,.xls,.xlsx,.txt"}),U.length>0&&o("div",{className:C.fileList,children:U.map((e=>o(a,{file:e,getImageUrl:S,onDelete:()=>{return o=e.id,A((e=>e.filter((e=>e!==o)))),void W((e=>e.filter((e=>e.id!==o))));var o}},e.id)))}),e("div",{className:C.textareaWrapper,onPaste:async e=>{for(const o of e.clipboardData.items)if(-1!==o.type.indexOf("image")){const t=o.getAsFile();if(t&&(e.preventDefault(),_))try{P(!0);const e=new DataTransfer;e.items.add(t);const o=await _(e.files),i=await Promise.all(o.map((e=>k(e))));A((e=>[...e,...o])),W((e=>[...e,...i]))}catch(e){console.error("Failed to upload pasted image",e)}finally{P(!1)}}},children:[o(l,{size:"large",placeholder:L(n("APP_CHAT_TEXT_PLACEHOLDER")||"Skriv ditt meddelande här..."),value:D,onChange:e=>B(e.target.value),onKeyDown:e=>{h||"Enter"!==e.key||e.shiftKey||(e.preventDefault(),M())},autoFocus:!1,rows:y||4,onFocus:e=>{if(!0===N){e.target.select()}}}),e("div",{className:C.actionButtonRow,children:[o("div",{children:_&&o(d,{appearance:"subtle",size:"small",title:L("Lägg till fil"),icon:o(H?u:b,{}),onClick:()=>F.current?.click(),className:C.button})}),o(d,{appearance:n("SHOW_SEND_BUTTON_TEXT")?"primary":"subtle",size:n("SHOW_SEND_BUTTON_TEXT")?"small":"large",title:L("Skicka"),disabled:h,icon:""===D.trim()&&0===U.length?o(f,{}):o(g,{}),onClick:M,className:n("SEND_BUTTON_ROUND_BACKGROUND")?j(R.roundButton,C.button):n("SHOW_SEND_BUTTON_TEXT")?void 0:C.button,children:n("SHOW_SEND_BUTTON_TEXT")&&o("span",{children:L("Skicka")})})]})]})]})};export{_ as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as o,useState as i,useEffect as r}from"react";import{FileThumbnail as a}from"./FileThumbnail.js";import s from"../hooks/useStateWithLocalStorage.js";import"../services/codicent.js";import"./Markdown.js";import{Textarea as l}from"./Textarea.js";import"./Button.js";import"./Spinner.js";import"./TextHeader.js";import"./TypingIndicator.js";import"./Dialog.js";import"./CombinedPlaceholderDialog.js";import"./ChatMessage.js";import"./Header.js";import"../utils/MessageContent.js";import"../node_modules/tinycolor2/esm/tinycolor.js";import"../_virtual/index.js";import{getConfigValue as n}from"../config/index.js";import"../lib/wavtools/lib/wav_packer.js";import"../lib/wavtools/lib/analysis/audio_analysis.js";import"../lib/wavtools/lib/wav_stream_player.js";import"../lib/wavtools/lib/wav_recorder.js";import"./MessageInput.js";import"./UploadFile.js";import"./SnapFooter.js";import"./Profile.js";import"./MessageItem.js";import"./Content.js";import"./AiInput.js";import"./SearchBox.js";import"./HtmlView.js";import"./Footer.js";import"./Page.js";import"../pages/AppFrame.js";import"../pages/Snap.js";import"../pages/Search.js";import"../pages/Login.js";import"../pages/CrmPage.js";import"../pages/ImageView.js";import"../pages/FormInvite.js";import"../pages/FormAccept.js";import"../pages/Sales.js";import"../stores/chatStore.js";import p from"../hooks/useLocalization.js";import m from"../hooks/useAppStyles.js";import{makeStyles as c}from"../node_modules/@griffel/react/makeStyles.esm.js";import{Button as d}from"../node_modules/@fluentui/react-button/lib/components/Button/Button.js";import{Spinner as u}from"../node_modules/@fluentui/react-spinner/lib/components/Spinner/Spinner.js";import{SendRegular as f,SendFilled as g}from"../node_modules/@fluentui/react-icons/lib/icons/chunk-3.js";import{mergeClasses as j}from"../node_modules/@griffel/core/mergeClasses.esm.js";import{tokens as h}from"../node_modules/@fluentui/tokens/lib/tokens.js";import{AddRegular as b}from"../node_modules/@fluentui/react-icons/lib/icons/chunk-0.js";const x=c({inputContainer:{display:"flex",flexDirection:"column",padding:"8px",width:"100%",position:"relative",gap:"8px"},textareaWrapper:{position:"relative",width:"100%",display:"flex",flexDirection:"column"},actionButtonRow:{position:"absolute",left:"8px",bottom:"8px",right:"8px",zIndex:1,display:"flex",justifyContent:"space-between",alignItems:"center"},fileList:{display:"flex",overflowX:"auto",overflowY:"hidden",scrollbarWidth:"thin",msOverflowStyle:"none",padding:"4px 0",maxWidth:"100%",boxSizing:"border-box",gap:"4px",minHeight:"72px",backgroundColor:h.colorNeutralBackground2,borderRadius:h.borderRadiusMedium,"&::-webkit-scrollbar":{height:"6px"},"&::-webkit-scrollbar-track":{background:"transparent"},"&::-webkit-scrollbar-thumb":{backgroundColor:h.colorNeutralStroke1,borderRadius:"3px"}},hiddenInput:{display:"none"},button:{color:h.colorNeutralForeground2,"&:hover":{color:h.colorBrandBackground,backgroundColor:"transparent"}}}),_=({onSend:c,disableSend:h,onSelectFiles:_,getImageUrl:S,getFileInfo:k,codicent:v,defaultText:w,rows:y,noMemory:T,selectAll:N,id:C})=>{const D=x(),[B,F]=s("chatInput-"+v,""),I=o(null),[O,E]=i([]),[A,H]=i([]),[P,U]=i(!1),[W,L]=i([]),{t:R}=p(),M=m();r((()=>{w&&F(w)}),[F,w]),r((()=>{!0===T&&F("")}),[T,F]);const z=()=>{if(""===B.trim()&&0===W.length)return;const e=O.length>0?" #"+O.join(" #"):"",t=A.length>0?"\n#file:"+A.join("\n#file:"):"";c(e+B+t),F(""),E([]),H([]),L([])};return e("div",{className:D.inputContainer,children:[t("input",{title:R("Välj fil att ladda upp"),type:"file",ref:I,className:D.hiddenInput,onChange:async e=>{const t=e.target.files;if(t&&t.length>0&&_){U(!0);try{const e=await _(t),o=await Promise.all(e.map((e=>k(e))));H((t=>[...t,...e])),L((e=>[...e,...o]))}catch(e){console.error("Failed to upload files",e)}finally{U(!1),I.current&&(I.current.value="")}}},multiple:!0,accept:"image/*,.pdf,.doc,.docx,.xls,.xlsx,.txt"}),W.length>0&&t("div",{className:D.fileList,children:W.map((e=>t(a,{file:e,getImageUrl:S,onDelete:()=>{return t=e.id,H((e=>e.filter((e=>e!==t)))),void L((e=>e.filter((e=>e.id!==t))));var t}},e.id)))}),e("div",{className:D.textareaWrapper,onPaste:async e=>{for(const t of e.clipboardData.items)if(-1!==t.type.indexOf("image")){const o=t.getAsFile();if(o&&(e.preventDefault(),_))try{U(!0);const e=new DataTransfer;e.items.add(o);const t=await _(e.files),i=await Promise.all(t.map((e=>k(e))));H((e=>[...e,...t])),L((e=>[...e,...i]))}catch(e){console.error("Failed to upload pasted image",e)}finally{U(!1)}}},children:[t(l,{size:"large",id:C||"chat-input",placeholder:R(n("APP_CHAT_TEXT_PLACEHOLDER")||"Skriv ditt meddelande här..."),value:B,onChange:e=>F(e.target.value),onKeyDown:e=>{h||"Enter"!==e.key||e.shiftKey||(e.preventDefault(),z())},autoFocus:!1,rows:y||4,onFocus:e=>{if(!0===N){e.target.select()}}}),e("div",{className:D.actionButtonRow,children:[t("div",{children:_&&t(d,{appearance:"subtle",size:"small",title:R("Lägg till fil"),icon:t(P?u:b,{}),onClick:()=>I.current?.click(),className:D.button})}),t(d,{appearance:n("SHOW_SEND_BUTTON_TEXT")?"primary":"subtle",size:n("SHOW_SEND_BUTTON_TEXT")?"small":"large",title:R("Skicka"),disabled:h,icon:""===B.trim()&&0===W.length?t(f,{}):t(g,{}),onClick:z,className:n("SEND_BUTTON_ROUND_BACKGROUND")?j(M.roundButton,D.button):n("SHOW_SEND_BUTTON_TEXT")?void 0:D.button,children:n("SHOW_SEND_BUTTON_TEXT")&&t("span",{children:R("Skicka")})})]})]})]})};export{_ as default};

package/dist/esm/components/ChatMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../../src/components/ChatMessage.tsx"],"names":[],"mappings":"AAoBA,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CACpD;AAgDD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiD3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../../src/components/ChatMessage.tsx"],"names":[],"mappings":"AAoBA,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CACpD;AAgDD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAyD3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/esm/components/ChatMessage.js

@@ -1 +1 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import"react";import"../services/codicent.js";import t from"./Markdown.js";import"./Textarea.js";import{Button as s}from"./Button.js";import"./Spinner.js";import"./TextHeader.js";import"./TypingIndicator.js";import"./Dialog.js";import"./ChatInput.js";import"./CombinedPlaceholderDialog.js";import"./Header.js";import r from"../utils/MessageContent.js";import"../node_modules/tinycolor2/esm/tinycolor.js";import"../_virtual/index.js";import{getConfigValue as i}from"../config/index.js";import"../lib/wavtools/lib/wav_packer.js";import"../lib/wavtools/lib/analysis/audio_analysis.js";import"../lib/wavtools/lib/wav_stream_player.js";import"../lib/wavtools/lib/wav_recorder.js";import"./FileThumbnail.js";import"./MessageInput.js";import"./UploadFile.js";import"./SnapFooter.js";import"./Profile.js";import"./MessageItem.js";import"./Content.js";import"./AiInput.js";import"./SearchBox.js";import"./HtmlView.js";import"./Footer.js";import"./Page.js";import"../pages/AppFrame.js";import"../pages/Snap.js";import"../pages/Search.js";import"../pages/Login.js";import"../pages/CrmPage.js";import"../pages/ImageView.js";import"../pages/FormInvite.js";import"../pages/FormAccept.js";import"../pages/Sales.js";import"../stores/chatStore.js";import n from"../hooks/useLocalization.js";import"../hooks/useAppStyles.js";import{makeStyles as a}from"../node_modules/@griffel/react/makeStyles.esm.js";import{tokens as p}from"../node_modules/@fluentui/tokens/lib/tokens.js";import{mergeClasses as l}from"../node_modules/@griffel/core/mergeClasses.esm.js";import{Text as m}from"../node_modules/@fluentui/react-text/lib/components/Text/Text.js";import{ChannelRegular as c}from"../node_modules/@fluentui/react-icons/lib/icons/chunk-1.js";const d=a({message:{display:"flex",marginBottom:"16px",webkitUserSelect:"text",userSelect:"text"},user:{justifyContent:"flex-end"},bot:{justifyContent:"flex-start"},messageContent:{maxWidth:"80%",padding:"12px 16px",borderRadius:"16px",fontSize:"1rem",lineHeight:"1.4",whiteSpace:"pre-wrap",wordBreak:"break-word",overflow:"auto"},userMessage:{backgroundColor:i("CHAT_USER_BACKGROUND_COLOR")||p.colorBrandBackground,color:i("CHAT_USER_TEXT_COLOR")||p.colorNeutralForegroundInverted,borderTopRightRadius:"0"},botMessage:{backgroundColor:i("CHAT_BOT_BACKGROUND_COLOR")||p.colorBrandBackground2,color:i("CHAT_BOT_TEXT_COLOR")||p.colorNeutralForeground1,borderTopLeftRadius:"0"},newMessage:{animation:"$fadeIn 0.5s ease-in-out"}}),u=({sender:i,content:a,isNew:p,children:u,showSuggestions:g,onSuggestionClicked:j})=>{const f=d(),{t:_}=n();let b=[];if("bot"===i&&a.includes("#suggested_questions")){const e=a.split("#suggested_questions");a=e[0],b=e[1].split("\n").filter((e=>""!==e.trim())).map((e=>e.trim()))}const h=new r(a);let x=h.content;"user"===i&&h.content.includes("---")&&(x=h.content.split("---")[0]);const C=h.content.startsWith("Error code: ")?_("Ett fel uppstod 😟 => starta en ny chatt"):null;return e("div",{className:l(f.message,"user"===i?f.user:f.bot),children:o("div",{className:l(f.messageContent,"user"===i?f.userMessage:f.botMessage,p&&f.newMessage),children:[o(m,{size:400,children:[C,!C&&e(t,{content:x}),h.files.length>0&&e(c,{}),g&&b&&b.length>0&&e("div",{style:{marginTop:"8px",display:"flex",gap:"8px",flexWrap:"wrap"},children:b.map(((o,t)=>e(s,{size:"small",shape:"circular",onClick:()=>j?.(o),style:{textAlign:"left"},children:o},t)))})]}),u]})})};export{u as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import"react";import"../services/codicent.js";import o from"./Markdown.js";import"./Textarea.js";import{Button as s}from"./Button.js";import"./Spinner.js";import"./TextHeader.js";import"./TypingIndicator.js";import"./Dialog.js";import"./ChatInput.js";import"./CombinedPlaceholderDialog.js";import"./Header.js";import r from"../utils/MessageContent.js";import"../node_modules/tinycolor2/esm/tinycolor.js";import"../_virtual/index.js";import{getConfigValue as i}from"../config/index.js";import"../lib/wavtools/lib/wav_packer.js";import"../lib/wavtools/lib/analysis/audio_analysis.js";import"../lib/wavtools/lib/wav_stream_player.js";import"../lib/wavtools/lib/wav_recorder.js";import"./FileThumbnail.js";import"./MessageInput.js";import"./UploadFile.js";import"./SnapFooter.js";import"./Profile.js";import"./MessageItem.js";import"./Content.js";import"./AiInput.js";import"./SearchBox.js";import"./HtmlView.js";import"./Footer.js";import"./Page.js";import"../pages/AppFrame.js";import"../pages/Snap.js";import"../pages/Search.js";import"../pages/Login.js";import"../pages/CrmPage.js";import"../pages/ImageView.js";import"../pages/FormInvite.js";import"../pages/FormAccept.js";import"../pages/Sales.js";import"../stores/chatStore.js";import n from"../hooks/useLocalization.js";import"../hooks/useAppStyles.js";import{makeStyles as a}from"../node_modules/@griffel/react/makeStyles.esm.js";import{mergeClasses as p}from"../node_modules/@griffel/core/mergeClasses.esm.js";import{tokens as m}from"../node_modules/@fluentui/tokens/lib/tokens.js";import{Text as l}from"../node_modules/@fluentui/react-text/lib/components/Text/Text.js";import{ChannelRegular as d}from"../node_modules/@fluentui/react-icons/lib/icons/chunk-1.js";const c=a({message:{display:"flex",marginBottom:"16px",webkitUserSelect:"text",userSelect:"text"},user:{justifyContent:"flex-end"},bot:{justifyContent:"flex-start"},messageContent:{maxWidth:"80%",padding:"12px 16px",borderRadius:"16px",fontSize:"1rem",lineHeight:"1.4",whiteSpace:"pre-wrap",wordBreak:"break-word",overflow:"auto"},userMessage:{borderTopRightRadius:"0"},botMessage:{borderTopLeftRadius:"0"},newMessage:{animation:"$fadeIn 0.5s ease-in-out"}}),u=({sender:a,content:u,isNew:g,children:j,showSuggestions:f,onSuggestionClicked:_})=>{const h=c(),{t:x}=n();let b=[];if("bot"===a&&u.includes("#suggested_questions")){const e=u.split("#suggested_questions");u=e[0],b=e[1].split("\n").filter((e=>""!==e.trim())).map((e=>e.trim()))}const C=new r(u);let w=C.content;"user"===a&&C.content.includes("---")&&(w=C.content.split("---")[0]);const T=C.content.startsWith("Error code: ")?x("Ett fel uppstod 😟 => starta en ny chatt"):null;return e("div",{className:p(h.message,"user"===a?h.user:h.bot),children:t("div",{className:p(h.messageContent,"user"===a?h.userMessage:h.botMessage,g&&h.newMessage),style:{backgroundColor:"user"===a?i("CHAT_USER_BACKGROUND_COLOR")||m.colorBrandBackground:i("CHAT_BOT_BACKGROUND_COLOR")||m.colorBrandBackground2,color:"user"===a?i("CHAT_USER_TEXT_COLOR")||m.colorNeutralForegroundInverted:i("CHAT_BOT_TEXT_COLOR")||m.colorNeutralForeground1},children:[t(l,{size:400,children:[T,!T&&e(o,{content:w}),C.files.length>0&&e(d,{}),f&&b&&b.length>0&&e("div",{style:{marginTop:"8px",display:"flex",gap:"8px",flexWrap:"wrap"},children:b.map(((t,o)=>e(s,{size:"small",shape:"circular",onClick:()=>_?.(t),style:{textAlign:"left"},children:t},o)))})]}),j]})})};export{u as default};

package/dist/esm/components/Textarea.d.ts

@@ -11,6 +11,7 @@ export interface TextareaProps {
     className?: string;
     onFocus?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
     onPaste?: (event: React.ClipboardEvent<HTMLTextAreaElement>) => void;
+    id?: string;
 }
 export declare const Textarea: React.FC<TextareaProps>;
 //# sourceMappingURL=Textarea.d.ts.map

package/dist/esm/components/Textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtF,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IACtE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAAC;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IACjE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CACtE;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkB5C,CAAC"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtF,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IACtE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAAC;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IACjE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IACrE,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkB5C,CAAC"}

package/dist/index.d.ts

@@ -132,6 +132,7 @@ interface TextareaProps {
     className?: string;
     onFocus?: (event: React$1.FocusEvent<HTMLTextAreaElement>) => void;
     onPaste?: (event: React$1.ClipboardEvent<HTMLTextAreaElement>) => void;
+    id?: string;
 }
 declare const Textarea: React$1.FC<TextareaProps>;
 
@@ -225,6 +226,7 @@ interface ChatInputProps {
     noMemory?: boolean;
     selectAll?: boolean;
     clearOnFocus?: boolean;
+    id?: string;
 }
 declare const ChatInput: React__default.FC<ChatInputProps>;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codicent-app-sdk",
-  "version": "0.3.67",
+  "version": "0.3.68",
   "description": "SDK for building AI-powered applications with Codicent",
   "type": "module",
   "main": "dist/cjs/index.js",