@feathery/react 2.22.1 → 2.23.1

package/umd/AssistantChat.ffb5ce7ab5b0350a9159.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunkFeathery=this.webpackChunkFeathery||[]).push([[917],{7659:(t,r,e)=>{e.r(r),e.d(r,{default:()=>D});var n=e(5944),o=e(7294),i=e(4790),a=e(4438),s=function(){return s=Object.assign||function(t){for(var r,e=1,n=arguments.length;e<n;e++)for(var o in r=arguments[e])Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o]);return t},s.apply(this,arguments)},c=function(t){return(0,n.tZ)("svg",s({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},t,{children:(0,n.tZ)("path",{d:"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"})}))},l=function(t){return(0,n.tZ)("svg",s({width:"16",height:"16",viewBox:"0 0 24 24",fill:"none"},t,{children:(0,n.tZ)("path",{d:"m6 9 6 6 6-6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))},d=function(t){return(0,n.BX)("svg",s({width:"20",height:"20",viewBox:"0 0 24 24",fill:"none"},t,{children:[(0,n.tZ)("path",{d:"m22 2-7 20-4-9-9-4 20-7z",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,n.tZ)("path",{d:"m22 2-11 11",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}))},p=function(t){return(0,n.BX)("svg",s({style:{width:"16px",height:"16px",borderRadius:"50%"},viewBox:"0 0 50 50"},t,{children:[(0,n.tZ)("circle",{cx:25,cy:25,r:22.5,style:{fill:"none",stroke:"#f5cbcb",strokeWidth:3,opacity:1}}),(0,n.tZ)("circle",{cx:25,cy:25,r:22.5,style:{fill:"none",stroke:"#e2626e",strokeWidth:3,opacity:1,strokeLinecap:"round",transformOrigin:"50% 50%",transform:"rotate3d(0,0,1,0deg)",animation:"2156ms ease-in-out 0s infinite normal none running feathery-spinner-arc,1829ms linear 0s infinite normal none running feathery-spinner-rotate"}})]}))},u=function(t){return(0,n.tZ)("svg",s({width:"14",height:"14",viewBox:"0 0 24 24",fill:"none"},t,{children:(0,n.tZ)("polyline",{points:"20 6 9 17 4 12",stroke:"#10b981",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))},h=function(t){return(0,n.BX)("svg",s({width:"12",height:"12",viewBox:"0 0 24 24",fill:"none"},t,{children:[(0,n.tZ)("path",{d:"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,n.tZ)("path",{d:"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}))},f=e(1142),x=e(9292),g="#6b7280",y="#e5e7eb",b="#9ca3af",m=function(t,r){var e=parseInt(t.replace("#",""),16),n=Math.min(255,Math.max(0,(e>>16)+Math.round(2.55*r))),o=Math.min(255,Math.max(0,(e>>8&255)+Math.round(2.55*r))),i=Math.min(255,Math.max(0,(255&e)+Math.round(2.55*r)));return"#".concat((n<<16|o<<8|i).toString(16).padStart(6,"0"))},v=function(){return v=Object.assign||function(t){for(var r,e=1,n=arguments.length;e<n;e++)for(var o in r=arguments[e])Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o]);return t},v.apply(this,arguments)},k=function(t,r){var e="function"==typeof Symbol&&t[Symbol.iterator];if(!e)return t;var n,o,i=e.call(t),a=[];try{for(;(void 0===r||r-- >0)&&!(n=i.next()).done;)a.push(n.value)}catch(t){o={error:t}}finally{try{n&&!n.done&&(e=i.return)&&e.call(i)}finally{if(o)throw o.error}}return a},w=function(t,r,e){if(e||2===arguments.length)for(var n,o=0,i=r.length;o<i;o++)!n&&o in r||(n||(n=Array.prototype.slice.call(r,0,o)),n[o]=r[o]);return t.concat(n||Array.prototype.slice.call(r))},Z={search_documents:{running:"Searching documents...",done:"Documents searched"},search_web:{running:"Searching the web...",done:"Web searched"}},C=function(t){try{var r=new URL(t),e=r.pathname.length>25?r.pathname.substring(0,25)+"...":r.pathname;return r.hostname+("/"!==e?e:"")}catch(r){return t.length>40?t.substring(0,40)+"...":t}};const S=function(t){var r=t.toolName,e=t.state,i=t.input,a=t.output,s=t.linkColor,c=void 0===s?g:s,d=k((0,o.useState)(!1),2),f=d[0],x=d[1],m=Z[r]||{running:"Processing...",done:"Done"},S="input-streaming"===e||"input-available"===e,j=null==i?void 0:i.query,B=function(t){if(!t||"object"!=typeof t)return[];var r=t,e=[],n=function(t){return t.map((function(t){return"object"==typeof t&&null!==t&&t.url||""})).filter(Boolean)};return Array.isArray(r.web)&&e.push.apply(e,w([],k(n(r.web)),!1)),Array.isArray(r.news)&&e.push.apply(e,w([],k(n(r.news)),!1)),Array.isArray(r.images)&&e.push.apply(e,w([],k(n(r.images)),!1)),e.length>0?e:Array.isArray(t)?n(t):[]}(a),L=B.length>0;return(0,n.BX)("div",v({css:{display:"flex",flexDirection:"column",gap:"4px",padding:"8px 12px",backgroundColor:"white",border:"1px solid ".concat(y),borderRadius:"8px",fontSize:"13px"}},{children:[(0,n.BX)("div",v({role:L?"button":void 0,tabIndex:L?0:void 0,css:{display:"flex",alignItems:"center",gap:"8px",color:"#6b7280",cursor:L?"pointer":"default"},onClick:function(){return L&&x(!f)},onKeyDown:function(t){return L&&("Enter"===t.key||" "===t.key)&&x(!f)}},{children:[S?(0,n.tZ)(p,{}):(0,n.tZ)(u,{}),(0,n.tZ)("span",{children:S?m.running:m.done}),L&&(0,n.BX)("span",v({css:{marginLeft:"auto",color:b,display:"flex",alignItems:"center",gap:"4px",fontSize:"11px"}},{children:[B.length," ",1===B.length?"source":"sources",(0,n.tZ)(l,{css:{width:"12px",height:"12px",transform:f?"rotate(0deg)":"rotate(-90deg)",transition:"transform 0.2s ease"}})]}))]})),j&&(0,n.BX)("div",v({css:{color:b,fontSize:"12px",paddingLeft:"22px",fontStyle:"italic"}},{children:['"',j.length>50?j.substring(0,50)+"...":j,'"']})),L&&f&&(0,n.tZ)("div",v({css:{display:"flex",flexDirection:"column",gap:"2px",paddingLeft:"22px",marginTop:"4px"}},{children:B.map((function(t,r){return(0,n.BX)("a",v({href:t,target:"_blank",rel:"noopener noreferrer",css:{fontSize:"12px",color:c,textDecoration:"none",display:"flex",alignItems:"center",gap:"4px",":hover":{textDecoration:"underline"}}},{children:[(0,n.tZ)(h,{}),C(t)]}),r)}))}))]}))};var j=function(){return j=Object.assign||function(t){for(var r,e=1,n=arguments.length;e<n;e++)for(var o in r=arguments[e])Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o]);return t},j.apply(this,arguments)},B=/\*\*(.+?)\*\*/g,L=/^###\s+(.+)$/,z=/^##\s+(.+)$/,I=/^#\s+(.+)$/,M=/^[-*]\s+(.+)$/,W=function(t){return t.split(B).map((function(t,r){return r%2==1?(0,n.tZ)("strong",{children:t},r):t}))},X=(0,o.memo)((function(t){var r=t.text.split("\n");return(0,n.tZ)("span",{children:r.map((function(t,e){var o=t.match(L);if(o)return(0,n.tZ)("div",j({css:{fontWeight:600,fontSize:"14px",marginTop:"6px"}},{children:W(o[1])}),e);var i=t.match(z);if(i)return(0,n.tZ)("div",j({css:{fontWeight:600,fontSize:"15px",marginTop:"8px"}},{children:W(i[1])}),e);var a=t.match(I);if(a)return(0,n.tZ)("div",j({css:{fontWeight:700,fontSize:"16px",marginTop:"10px"}},{children:W(a[1])}),e);var s=t.match(M);return s?(0,n.BX)("div",j({css:{marginLeft:"12px"}},{children:["• ",W(s[1])]}),e):(0,n.BX)("span",{children:[W(t),e<r.length-1&&(0,n.tZ)("br",{})]},e)}))})}));X.displayName="MarkdownText";const A=X;var R=function(){return R=Object.assign||function(t){for(var r,e=1,n=arguments.length;e<n;e++)for(var o in r=arguments[e])Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o]);return t},R.apply(this,arguments)},O=function(t,r){var e="function"==typeof Symbol&&t[Symbol.iterator];if(!e)return t;var n,o,i=e.call(t),a=[];try{for(;(void 0===r||r-- >0)&&!(n=i.next()).done;)a.push(n.value)}catch(t){o={error:t}}finally{try{n&&!n.done&&(e=i.return)&&e.call(i)}finally{if(o)throw o.error}}return a};const D=function(t){var r=t.formId,e=t.bottom,s=void 0===e?20:e,u=t.color,h=O((0,o.useState)(!1),2),v=h[0],k=h[1],w=O((0,o.useState)(""),2),Z=w[0],C=w[1],j=(0,o.useRef)(null),B=(0,o.useMemo)((function(){return{primary:t=u||g,hover:m(t,-15),disabled:m(t,30),light:(r=t,90,e=parseInt(r.replace("#",""),16),n=e>>16&255,o=e>>8&255,i=255&e,.9,a=Math.round(n+.9*(255-n)),s=Math.round(o+.9*(255-o)),c=Math.round(i+.9*(255-i)),"#".concat((a<<16|s<<8|c).toString(16).padStart(6,"0")))};var t,r,e,n,o,i,a,s,c}),[u]),L=(0,f.JQ)(),z=L.sdkKey,I=L.userId,M=(0,o.useMemo)((function(){return new a.PD({api:"".concat(x.T5,"ai/assistant/chat/"),headers:{Authorization:"Token ".concat(z)},body:{fuser_key:I,form_id:r}})}),[z,I,r]),W=(0,i.RJ)({transport:M}),X=W.messages,D=W.sendMessage,T=W.status,P=W.error;(0,o.useEffect)((function(){var t;null===(t=j.current)||void 0===t||t.scrollIntoView({behavior:"smooth"})}),[X]);var _=function(){Z.trim()&&"ready"===T&&(D({text:Z}),C(""))},K="submitted"===T||"streaming"===T;return v?(0,n.BX)("div",R({css:{position:"fixed",bottom:"".concat(s,"px"),right:"20px",width:"".concat(380,"px"),height:"".concat(500,"px"),backgroundColor:"white",borderRadius:"12px",boxShadow:"0 25px 50px -12px rgba(0, 0, 0, 0.25)",border:"1px solid ".concat(y),display:"flex",flexDirection:"column",overflow:"hidden",zIndex:1e3}},{children:[(0,n.BX)("div",R({css:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"12px 16px",backgroundColor:B.primary,color:"white"}},{children:[(0,n.BX)("div",R({css:{display:"flex",alignItems:"center",gap:"8px"}},{children:[(0,n.tZ)(c,{}),(0,n.tZ)("span",R({css:{fontWeight:600,fontSize:"14px"}},{children:"AI Assistant"}))]})),(0,n.tZ)("button",R({type:"button",onClick:function(){return k(!1)},css:{background:"none",border:"none",color:"white",cursor:"pointer",padding:"4px",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"4px",":hover":{backgroundColor:"rgba(255, 255, 255, 0.1)"}}},{children:(0,n.tZ)(l,{})}))]})),(0,n.BX)("div",R({css:{flex:1,overflowY:"auto",padding:"16px",display:"flex",flexDirection:"column",gap:"12px"}},{children:[0===X.length&&(0,n.tZ)("div",R({css:{textAlign:"center",color:b,fontSize:"14px",marginTop:"40px"}},{children:"Ask me anything about your documents"})),X.map((function(t){return"user"===t.role?(0,n.tZ)("div",R({css:{display:"flex",justifyContent:"flex-end"}},{children:(0,n.tZ)("div",R({css:{maxWidth:"80%",padding:"10px 14px",borderRadius:"12px",fontSize:"14px",lineHeight:"1.5",backgroundColor:B.primary,color:"white"}},{children:t.parts.map((function(t,r){return"text"===t.type?(0,n.tZ)("span",{children:t.text},r):null}))}))}),t.id):(0,n.tZ)(o.Fragment,{children:t.parts.map((function(t,r){if("text"===t.type&&t.text.trim())return(0,n.tZ)("div",R({css:{display:"flex",justifyContent:"flex-start"}},{children:(0,n.tZ)("div",R({css:{maxWidth:"80%",padding:"10px 14px",borderRadius:"12px",fontSize:"14px",lineHeight:"1.5",backgroundColor:B.light,color:"#1f2937"}},{children:(0,n.tZ)(A,{text:t.text})}))}),r);if(t.type.startsWith("tool-")){var e=t.type.replace("tool-",""),o=t;return(0,n.tZ)("div",R({css:{display:"flex",justifyContent:"flex-start"}},{children:(0,n.tZ)(S,{toolName:e,state:o.state,input:o.input,output:o.output,linkColor:B.primary})}),r)}return null}))},t.id)})),"submitted"===T&&(0,n.tZ)("div",R({css:{display:"flex",justifyContent:"flex-start"}},{children:(0,n.BX)("div",R({css:{padding:"10px 14px",borderRadius:"12px",backgroundColor:B.light,display:"flex",alignItems:"center",gap:"8px"}},{children:[(0,n.tZ)(p,{}),(0,n.tZ)("span",R({css:{fontSize:"14px",color:B.primary}},{children:"Thinking..."}))]}))})),P&&(0,n.tZ)("div",R({css:{padding:"10px 14px",borderRadius:"8px",backgroundColor:"#fef2f2",color:"#dc2626",fontSize:"14px"}},{children:"Something went wrong. Please try again."})),(0,n.tZ)("div",{ref:j})]})),(0,n.BX)("div",R({css:{display:"flex",alignItems:"center",gap:"8px",padding:"12px 16px",borderTop:"1px solid ".concat(y),backgroundColor:"#f9fafb"}},{children:[(0,n.tZ)("input",{type:"text",value:Z,onChange:function(t){return C(t.target.value)},onKeyDown:function(t){"Enter"!==t.key||t.shiftKey||(t.preventDefault(),t.stopPropagation(),_())},placeholder:"Type a message...",disabled:K,css:{flex:1,padding:"10px 14px",border:"1px solid ".concat(y),borderRadius:"8px",fontSize:"14px",outline:"none",transition:"border-color 0.2s",":focus":{borderColor:B.primary},":disabled":{backgroundColor:"#f3f4f6",cursor:"not-allowed"}}}),(0,n.tZ)("button",R({type:"button",onClick:_,disabled:K||!Z.trim(),css:{padding:"10px",backgroundColor:B.primary,color:"white",border:"none",borderRadius:"8px",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"background-color 0.2s",":hover:not(:disabled)":{backgroundColor:B.hover},":disabled":{backgroundColor:B.disabled,cursor:"not-allowed"}}},{children:(0,n.tZ)(d,{})}))]}))]})):(0,n.tZ)("button",R({type:"button",onClick:function(){return k(!0)},css:{position:"fixed",bottom:"".concat(s,"px"),right:"20px",width:"".concat(56,"px"),height:"".concat(56,"px"),borderRadius:"50%",backgroundColor:B.primary,color:"white",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",transition:"transform 0.2s, box-shadow 0.2s, background-color 0.2s",zIndex:1e3,":hover":{backgroundColor:B.hover,transform:"scale(1.05)",boxShadow:"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)"}}},{children:(0,n.tZ)(c,{})}))}}}]);