@pickaxeproject/react 3.7.1 → 3.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (103) hide show
  1. package/dist/cjs/components/Core/Menu/Button.js +1 -1
  2. package/dist/cjs/components/EmbedPreview/FAB.js +1 -1
  3. package/dist/cjs/components/EmbedPreview/Inline.js +1 -1
  4. package/dist/cjs/components/EmbedPreview/Popup.js +1 -1
  5. package/dist/cjs/components/Icons/message-clock.svg.js +1 -0
  6. package/dist/cjs/components/Pickaxe/Addons/Artifact/Renderer/SaveMenu.js +1 -1
  7. package/dist/cjs/components/Pickaxe/Addons/Artifact/Renderer/ViewOptions.js +1 -1
  8. package/dist/cjs/components/Pickaxe/Addons/Artifact/Renderer/index.js +1 -1
  9. package/dist/cjs/components/Pickaxe/Addons/Artifact/index.js +1 -1
  10. package/dist/cjs/components/Pickaxe/Addons/Auth/index.js +1 -1
  11. package/dist/cjs/components/Pickaxe/Addons/Document/List.js +1 -1
  12. package/dist/cjs/components/Pickaxe/Addons/Document/hooks/useDocument.js +1 -1
  13. package/dist/cjs/components/Pickaxe/Addons/IceBreaker/Breaker.js +1 -1
  14. package/dist/cjs/components/Pickaxe/Chat/History/Document.js +1 -1
  15. package/dist/cjs/components/Pickaxe/Chat/History/Message.js +1 -1
  16. package/dist/cjs/components/Pickaxe/Chat/History/index.js +1 -1
  17. package/dist/cjs/components/Pickaxe/Chat/Input.js +1 -1
  18. package/dist/cjs/components/Pickaxe/Form/History/Container.js +1 -1
  19. package/dist/cjs/components/Pickaxe/Form/History/Item.js +1 -1
  20. package/dist/cjs/components/Pickaxe/Form/NewChat.js +1 -1
  21. package/dist/cjs/components/Pickaxe/Form/Questions/Checkbox.js +1 -1
  22. package/dist/cjs/components/Pickaxe/Form/Questions/Document.js +1 -1
  23. package/dist/cjs/components/Pickaxe/Form/Questions/Input.js +1 -1
  24. package/dist/cjs/components/Pickaxe/Form/Questions/Option.js +1 -1
  25. package/dist/cjs/components/Pickaxe/Form/Questions/Submit.js +1 -1
  26. package/dist/cjs/components/Pickaxe/Form/index.js +1 -1
  27. package/dist/cjs/components/Pickaxe/Provider.js +1 -1
  28. package/dist/cjs/components/Pickaxe/common/PickaxeBranding.js +1 -1
  29. package/dist/cjs/components/Pickaxe/common/PickaxeCopyButton.js +1 -1
  30. package/dist/cjs/components/Pickaxe/common/PickaxeEmbedHead.js +1 -0
  31. package/dist/cjs/components/Pickaxe/common/PickaxeHistoryButton.js +1 -0
  32. package/dist/cjs/components/Pickaxe/common/PickaxeInfoModal.js +1 -1
  33. package/dist/cjs/components/Pickaxe/common/PickaxeInput.js +1 -1
  34. package/dist/cjs/components/Pickaxe/common/PickaxeMarkdown/Components/Artifact/index.js +1 -1
  35. package/dist/cjs/components/Pickaxe/common/PickaxeSimpleButton.js +1 -1
  36. package/dist/cjs/components/Pickaxe/index.js +1 -1
  37. package/dist/cjs/hooks/core/usePressed.js +1 -0
  38. package/dist/cjs/hooks/pickaxe/useSubmitDocument.js +1 -1
  39. package/dist/cjs/src/components/EmbedPreview/Popup.d.ts +1 -1
  40. package/dist/cjs/src/components/Pickaxe/Form/NewChat.d.ts +1 -2
  41. package/dist/cjs/src/components/Pickaxe/Provider.d.ts +2 -0
  42. package/dist/cjs/src/components/Pickaxe/common/PickaxeBranding.d.ts +2 -2
  43. package/dist/cjs/src/components/Pickaxe/common/PickaxeEmbedHead.d.ts +9 -0
  44. package/dist/cjs/src/components/Pickaxe/common/PickaxeHistoryButton.d.ts +6 -0
  45. package/dist/cjs/src/components/Pickaxe/common/PickaxeSimpleButton.d.ts +8 -2
  46. package/dist/cjs/src/hooks/core/usePressed.d.ts +5 -0
  47. package/dist/cjs/src/hooks/pickaxe/usePickaxeContext.d.ts +2 -0
  48. package/dist/cjs/src/hooks/pickaxe/useSubmitDocument.d.ts +9 -5
  49. package/dist/cjs/src/types/pickaxe.d.ts +1 -1
  50. package/dist/esm/components/Core/Menu/Button.js +1 -1
  51. package/dist/esm/components/EmbedPreview/FAB.js +1 -1
  52. package/dist/esm/components/EmbedPreview/Inline.js +1 -1
  53. package/dist/esm/components/EmbedPreview/Popup.js +1 -1
  54. package/dist/esm/components/Icons/message-clock.svg.js +1 -0
  55. package/dist/esm/components/Pickaxe/Addons/Artifact/Renderer/SaveMenu.js +1 -1
  56. package/dist/esm/components/Pickaxe/Addons/Artifact/Renderer/ViewOptions.js +1 -1
  57. package/dist/esm/components/Pickaxe/Addons/Artifact/Renderer/index.js +1 -1
  58. package/dist/esm/components/Pickaxe/Addons/Artifact/index.js +1 -1
  59. package/dist/esm/components/Pickaxe/Addons/Auth/index.js +1 -1
  60. package/dist/esm/components/Pickaxe/Addons/Document/List.js +1 -1
  61. package/dist/esm/components/Pickaxe/Addons/Document/hooks/useDocument.js +1 -1
  62. package/dist/esm/components/Pickaxe/Addons/IceBreaker/Breaker.js +1 -1
  63. package/dist/esm/components/Pickaxe/Chat/History/Document.js +1 -1
  64. package/dist/esm/components/Pickaxe/Chat/History/Message.js +1 -1
  65. package/dist/esm/components/Pickaxe/Chat/History/index.js +1 -1
  66. package/dist/esm/components/Pickaxe/Chat/Input.js +1 -1
  67. package/dist/esm/components/Pickaxe/Form/History/Container.js +1 -1
  68. package/dist/esm/components/Pickaxe/Form/History/Item.js +1 -1
  69. package/dist/esm/components/Pickaxe/Form/NewChat.js +1 -1
  70. package/dist/esm/components/Pickaxe/Form/Questions/Checkbox.js +1 -1
  71. package/dist/esm/components/Pickaxe/Form/Questions/Document.js +1 -1
  72. package/dist/esm/components/Pickaxe/Form/Questions/Input.js +1 -1
  73. package/dist/esm/components/Pickaxe/Form/Questions/Option.js +1 -1
  74. package/dist/esm/components/Pickaxe/Form/Questions/Submit.js +1 -1
  75. package/dist/esm/components/Pickaxe/Form/index.js +1 -1
  76. package/dist/esm/components/Pickaxe/Provider.js +1 -1
  77. package/dist/esm/components/Pickaxe/common/PickaxeBranding.js +1 -1
  78. package/dist/esm/components/Pickaxe/common/PickaxeCopyButton.js +1 -1
  79. package/dist/esm/components/Pickaxe/common/PickaxeEmbedHead.js +1 -0
  80. package/dist/esm/components/Pickaxe/common/PickaxeHistoryButton.js +1 -0
  81. package/dist/esm/components/Pickaxe/common/PickaxeInfoModal.js +1 -1
  82. package/dist/esm/components/Pickaxe/common/PickaxeInput.js +1 -1
  83. package/dist/esm/components/Pickaxe/common/PickaxeMarkdown/Components/Artifact/index.js +1 -1
  84. package/dist/esm/components/Pickaxe/common/PickaxeSimpleButton.js +1 -1
  85. package/dist/esm/components/Pickaxe/index.js +1 -1
  86. package/dist/esm/hooks/core/usePressed.js +1 -0
  87. package/dist/esm/hooks/pickaxe/useSubmitDocument.js +1 -1
  88. package/dist/esm/src/components/EmbedPreview/Popup.d.ts +1 -1
  89. package/dist/esm/src/components/Pickaxe/Form/NewChat.d.ts +1 -2
  90. package/dist/esm/src/components/Pickaxe/Provider.d.ts +2 -0
  91. package/dist/esm/src/components/Pickaxe/common/PickaxeBranding.d.ts +2 -2
  92. package/dist/esm/src/components/Pickaxe/common/PickaxeEmbedHead.d.ts +9 -0
  93. package/dist/esm/src/components/Pickaxe/common/PickaxeHistoryButton.d.ts +6 -0
  94. package/dist/esm/src/components/Pickaxe/common/PickaxeSimpleButton.d.ts +8 -2
  95. package/dist/esm/src/hooks/core/usePressed.d.ts +5 -0
  96. package/dist/esm/src/hooks/pickaxe/usePickaxeContext.d.ts +2 -0
  97. package/dist/esm/src/hooks/pickaxe/useSubmitDocument.d.ts +9 -5
  98. package/dist/esm/src/types/pickaxe.d.ts +1 -1
  99. package/package.json +3 -2
  100. package/dist/cjs/components/Pickaxe/common/PickaxeCompactHead.js +0 -1
  101. package/dist/cjs/src/components/Pickaxe/common/PickaxeCompactHead.d.ts +0 -7
  102. package/dist/esm/components/Pickaxe/common/PickaxeCompactHead.js +0 -1
  103. package/dist/esm/src/components/Pickaxe/common/PickaxeCompactHead.d.ts +0 -7
@@ -1 +1 @@
1
- import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsxs as o,jsx as t}from"react/jsx-runtime";import{useState as n,useRef as r,useMemo as i,useEffect as a}from"react";import{useArtifactContext as l}from"../hooks/useArtifactContext.js";import{usePickaxeContext as c}from"../../../../../hooks/pickaxe/usePickaxeContext.js";import{useScroll as s}from"../../Scroll/hooks/useScroll.js";import{useArtifact as d}from"../hooks/useArtifact.js";import{useReactToPrint as p}from"react-to-print";import{PickaxeMarkdown as m}from"../../../common/PickaxeMarkdown/index.js";import{PickaxeMarkdownRenderer as u}from"../../../common/PickaxeMarkdown/Renderer.js";import{Prism as v}from"react-syntax-highlighter";import{convertMarkdownToDocx as f,downloadDocx as g}from"../../../../../common/docx/index.js";import x from"file-saver";import y from"../../Scroll/ScrollLockView.js";import h from"../../../../Icons/x.svg.js";import b from"../../../../Icons/save.svg.js";import C from"../../../../Icons/expand.svg.js";import w from"../../../../Icons/shrink.svg.js";import k from"../../../common/PickaxeCopyButton.js";import j from"../../../../Core/ScrollArea.js";import F from"../../../../Core/TipContainer.js";import T from"../MermaidRenderer.js";import O from"./SaveMenu.js";import A from"./ViewOptions.js";import S from"csv-to-markdown-table";import D from"../../../../../common/cn.js";const E="development"===process.env.NODE_ENV?"http://localhost:3007":"https://user-content.pickaxe.co",N=N=>{var B,z,M,$;const{artifacts:L,currentPopupType:W,currentArtifact:R,setCurrentArtifact:H}=l(),{onLoadArtifact:P}=d(),{styles:I,colors:_,translations:V}=c(),[X,q]=n("code"),G=r(),J=r(null),K=r(null),Q=p({contentRef:G}),{scrollContainerRef:U,scrollStartSession:Y,scrollToBottom:Z,scrollEndSession:ee}=s({auto:"code"===X}),oe=null!==(z=null===(B=N.styling)||void 0===B?void 0:B.styles)&&void 0!==z?z:I,te=null!==($=null===(M=N.styling)||void 0===M?void 0:M.colors)&&void 0!==$?$:_,ne=i((()=>{var e,o,t,n,r;if(!N.artifact&&!R)return null;const i=null!==(o=null===(e=N.artifact)||void 0===e?void 0:e.id)&&void 0!==o?o:null==R?void 0:R.id,a=null!==(n=null===(t=N.artifact)||void 0===t?void 0:t.version)&&void 0!==n?n:null==R?void 0:R.version;return null!==(r=L.find((e=>e.id===i&&e.version===a)))&&void 0!==r?r:null}),[R,L,N.artifact]),re=i((()=>ne&&"text/csv"===ne.type?S(ne.content,",",!0):null),[ne]),ie=i((()=>(te.secondaryText||"").toLowerCase().startsWith("#ffffff")),[null==te?void 0:te.secondaryText]),ae=i((()=>{const e=N.artifact&&(null==R?void 0:R.id)===N.artifact.id&&(null==R?void 0:R.version)===N.artifact.version;return"inline"===N.type&&("inline-form"===W?!!R:e)}),[R,W,N.type,N.artifact]);a((()=>{e(void 0,void 0,void 0,(function*(){"inline"===N.type&&N.artifact&&(L.some((e=>N.artifact&&e.id===N.artifact.id&&e.version===N.artifact.version))||P({id:N.artifact.id,version:N.artifact.version}))}))}),[L,N.type,N.artifact]),a((()=>{if("application/vnd.pxe.code"===(null==ne?void 0:ne.type)&&q("code"),"finished"!==(null==ne?void 0:ne.status))return q("code"),Y(),void Z();ee(),"application/vnd.pxe.code"!==ne.type&&q("render")}),[null==ne?void 0:ne.status,null==ne?void 0:ne.type]),a((()=>{var e;!K.current||"text/html"!==(null==ne?void 0:ne.type)&&"application/vnd.pxe.react"!==(null==ne?void 0:ne.type)||null===(e=K.current.contentWindow)||void 0===e||e.postMessage({type:"text/html"===ne.type?"HTML_CODE":"REACT_CODE",content:ne.content},E)}),[null==ne?void 0:ne.content,null==ne?void 0:ne.type]);const le=()=>e(void 0,void 0,void 0,(function*(){if(!ne)return;const e=X;"code"===e&&(q("render"),yield new Promise((e=>setTimeout(e,50)))),Q(),"code"===e&&q(e)})),ce=()=>e(void 0,void 0,void 0,(function*(){if(!ne)return;const e=yield f(ne.content);g(e,`${ne.title}.docx`)})),se=o=>e(void 0,void 0,void 0,(function*(){var e;if(!ne)return;let t={mimeType:"text/plain",extension:".txt"};switch(o){case"text/markdown":t={mimeType:"text/markdown",extension:".md"};break;case"text/html":t={mimeType:"text/html",extension:".html"};break;case"text/csv":t={mimeType:"text/csv",extension:".csv"};break;case"image/svg+xml":case"application/vnd.pxe.mermaid":t={mimeType:"image/svg+xml",extension:".svg"};break;case"application/vnd.pxe.code":t={mimeType:`application/${ne.programmingLanguage||"text"};charset=utf-8`,extension:`.${ne.programmingLanguage||"txt"}`};break;case"application/vnd.pxe.react":t={mimeType:"text/typescript",extension:".tsx"};break;default:t={mimeType:"text/plain",extension:".txt"}}let n=null;if("application/vnd.pxe.mermaid"===ne.type){const o=X;"code"===o&&(q("render"),yield new Promise((e=>setTimeout(e,50))));const t=null===(e=J.current)||void 0===e?void 0:e.querySelector("svg");t&&(n=(new XMLSerializer).serializeToString(t)),"code"===o&&q(o)}const r=new Blob([null!=n?n:ne.content],{type:t.mimeType});x(r,`${ne.title}${t.extension}`)}));return ne?o("div",Object.assign({className:D("pxe-artifact-renderer flex flex-col","inline"===N.type&&!ae&&"min-h-[320px] mb-6",N.className),style:Object.assign(Object.assign({backgroundColor:te.secondary,color:te.secondaryText},"auto"!==W&&{borderRadius:oe.cornerRadius}),N.style)},{children:[o("div",Object.assign({className:"flex items-center gap-6 justify-between p-4 shadow-sm"},{children:[o("div",Object.assign({className:"pxe-artifact-create-header flex items-center gap-4 truncate"},{children:[(ae||!W.startsWith("inline"))&&t(A,{type:ne.type,view:X,colors:te,onChange:q}),t("p",Object.assign({className:"font-semilight truncate text-xl"},{children:ne.title}))]})),o("div",Object.assign({className:"flex items-center gap-3"},{children:[(ae||!W.startsWith("inline"))&&t(O,Object.assign({variant:"anchor",className:"px-3 py-1.5 shrink-0",data:ne,colors:te,onDownload:se,onSaveAsPDF:le,onSaveAsDOCX:ce},{children:t("span",Object.assign({className:"shrink-0 font-semibold text-sm select-none"},{children:(null==V?void 0:V["save-as"])||"Save as"}))})),t("button",Object.assign({style:{color:te.secondaryText},onClick:()=>{"inline"!==N.type||!N.artifact||ae?H(null):H({id:N.artifact.id,version:N.artifact.version})}},{children:"inline"===N.type?t(ae?w:C,{className:"w-6 h-6 shrink-0"}):t(h,{className:"w-6 h-6 shrink-0"})}))]}))]})),t("div",Object.assign({className:"flex flex-col flex-grow @container/pickaxe-artifact"},{children:o(j,Object.assign({ref:U,innerClassName:"flex-grow w-full"},{children:["render"===X&&"application/vnd.pxe.code"!==ne.type?t("div",Object.assign({ref:G,className:D("p-4 pb-6 flex-grow flex flex-col","application/vnd.pxe.react"===ne.type&&"p-0","text/html"===ne.type&&"p-0","text/csv"===ne.type&&"p-0")},{children:"text/markdown"===ne.type||"text/csv"===ne.type||"image/svg+xml"===ne.type?t(m,Object.assign({theme:oe.theme,colors:te},{children:t(u,{value:null!=re?re:ne.content,className:D("px-6 @[767px]/pickaxe-artifact:px-11 mx-auto w-full","text/csv"===ne.type&&"px-4 @[767px]/pickaxe-artifact:px-4 mx-0"),style:{flex:1}})})):"application/vnd.pxe.mermaid"===ne.type?t(T,{ref:J,id:`mermaid-${ne.id}-${ne.version}`,data:ne.content}):"text/html"===ne.type||"application/vnd.pxe.react"===ne.type?t("iframe",Object.assign({ref:K,title:ne.title,src:`${E}/${"text/html"===ne.type?"html":"react"}?theme=${ie?"dark":"light"}`,style:{width:"100%",flex:1,border:"none",backgroundColor:null==te?void 0:te.secondary},loading:"lazy",allow:"fullscreen; camera; microphone; gyroscope; accelerometer; geolocation; clipboard-write; autoplay",sandbox:"allow-scripts allow-same-origin allow-forms allow-downloads allow-popups-to-escape-sandbox allow-pointer-lock allow-popups allow-modals allow-orientation-lock allow-presentation",onLoad:e=>{const o=e.target;setTimeout((()=>{var e;try{null===(e=o.contentWindow)||void 0===e||e.postMessage({type:"text/html"===ne.type?"HTML_CODE":"REACT_CODE",content:ne.content},E)}catch(e){console.error("Error sending message to iframe:",e)}}),100),Z()}},{children:"Iframe is not supported, please view this artifact in a browser that supports it."})):null})):t(v,Object.assign({PreTag:"div",language:"text/markdown"===ne.type?"markdown":"text/html"===ne.type||"image/svg+xml"===ne.type?"xml":"application/vnd.pxe.react"===ne.type?"typescript":ne.programmingLanguage,showLineNumbers:!0,customStyle:{margin:0,flex:1},style:Object.assign({'code[class*="language-"]':Object.assign(Object.assign({color:null==te?void 0:te.secondaryText},ie&&{textShadow:"0 1px rgba(0, 0, 0, 0.3)"}),{fontFamily:"Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace",direction:"ltr",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",lineHeight:"1.5",MozTabSize:"4",OTabSize:"4",tabSize:"4",WebkitHyphens:"none",MozHyphens:"none",msHyphens:"none",hyphens:"none"}),'pre[class*="language-"]':Object.assign(Object.assign({color:null==te?void 0:te.secondaryText},ie&&{textShadow:"0 1px rgba(0, 0, 0, 0.3)"}),{fontFamily:"Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace",direction:"ltr",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",lineHeight:"1.5",MozTabSize:"4",OTabSize:"4",tabSize:"4",WebkitHyphens:"none",MozHyphens:"none",msHyphens:"none",hyphens:"none",borderRadius:"0.3em",minWidth:0,paddingLeft:"1em",paddingRight:"1em",paddingBottom:"2em",background:null==te?void 0:te.secondary}),':not(pre) > code[class*="language-"]':{background:null==te?void 0:te.secondary,padding:".1em",borderRadius:".3em"},comment:{color:"#7C7C7C"},prolog:{color:"#7C7C7C"},doctype:{color:"#7C7C7C"},cdata:{color:"#7C7C7C"},punctuation:{color:"#c5c8c6"},".namespace":{opacity:".7"},property:{color:"#96CBFE"},keyword:{color:"#96CBFE"},tag:{color:"#96CBFE"},"class-name":{color:"#FFFFB6"},boolean:{color:"#99CC99"},constant:{color:"#99CC99"},symbol:{color:"#f92672"},deleted:{color:"#f92672"},number:{color:"#FF73FD"},selector:{color:"#A8FF60"},"attr-name":{color:"#A8FF60"},string:{color:"#A8FF60"},char:{color:"#A8FF60"},builtin:{color:"#A8FF60"},inserted:{color:"#A8FF60"},variable:{color:"#C6C5FE"},operator:{color:"#EDEDED"},entity:{color:"#FFFFB6",cursor:"help"},url:{color:"#96CBFE"},".language-css .token.string":{color:"#87C38A"},".style .token.string":{color:"#87C38A"},atrule:{color:"#F9EE98"},"attr-value":{color:"#F9EE98"},function:{color:"#DAD085"},regex:{color:"#E9C062"},important:{color:null==te?void 0:te.secondaryText,fontWeight:"bold"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"}},!ie&&{comment:{color:"#7D8B99"},prolog:{color:"#7D8B99"},doctype:{color:"#7D8B99"},cdata:{color:"#7D8B99"},punctuation:{color:"#4D4D4C"},property:{color:"#4078F2"},keyword:{color:"#8959A8"},tag:{color:"#8959A8"},"class-name":{color:"#D75F00"},boolean:{color:"#0086B3"},constant:{color:"#0086B3"},symbol:{color:"#990055"},deleted:{color:"#990000"},number:{color:"#005CC5"},selector:{color:"#63A35C"},"attr-name":{color:"#63A35C"},string:{color:"#50A14F"},char:{color:"#50A14F"},builtin:{color:"#50A14F"},inserted:{color:"#50A14F"},variable:{color:"#A626A4"},operator:{color:"#4D4D4C"},entity:{color:"#E45649",cursor:"help"},url:{color:"#4078F2"},".language-css .token.string":{color:"#50A14F"},".style .token.string":{color:"#50A14F"},atrule:{color:"#C18401"},"attr-value":{color:"#986801"},function:{color:"#005CC5"},regex:{color:"#D16969"},important:{color:null==te?void 0:te.secondaryText,fontWeight:"bold"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"}})},{children:ne.content})),t(y,{})]}))})),"inline"===N.type&&!ae&&o("div",Object.assign({className:"flex items-center gap-4 p-4 pt-6"},{children:[t(F,Object.assign({id:`artifact-copy-${ne.id}-${ne.version}`,tip:(null==V?void 0:V.copy)||"Copy",style:{padding:"0.25rem 0.5rem",backgroundColor:te.secondary,color:te.secondaryText,fontSize:"12px"},align:"bottom"},{children:t(k,{color:te.secondaryText,text:ne.content,className:"opacity-100",iconClassName:"w-5 h-5"})})),t(F,Object.assign({id:`artifact-save-${ne.id}-${ne.version}`,tip:(null==V?void 0:V.save)||"Save",style:{padding:"0.25rem 0.5rem",backgroundColor:te.secondary,color:te.secondaryText,fontSize:"12px"},align:"bottom"},{children:t(O,Object.assign({data:ne,colors:te,onDownload:se,onSaveAsPDF:le,onSaveAsDOCX:ce},{children:t("button",Object.assign({style:{color:te.secondaryText}},{children:t(b,{className:"w-5 h-5 shrink-0"})}))}))}))]}))]})):null};export{N as default};
1
+ import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsxs as o,jsx as t}from"react/jsx-runtime";import{useState as n,useRef as r,useMemo as i,useEffect as a}from"react";import{useArtifactContext as l}from"../hooks/useArtifactContext.js";import{usePickaxeContext as c}from"../../../../../hooks/pickaxe/usePickaxeContext.js";import{useScroll as s}from"../../Scroll/hooks/useScroll.js";import{useArtifact as d}from"../hooks/useArtifact.js";import{useReactToPrint as p}from"react-to-print";import{PickaxeMarkdown as m}from"../../../common/PickaxeMarkdown/index.js";import{PickaxeMarkdownRenderer as u}from"../../../common/PickaxeMarkdown/Renderer.js";import{Prism as v}from"react-syntax-highlighter";import{convertMarkdownToDocx as f,downloadDocx as g}from"../../../../../common/docx/index.js";import x from"file-saver";import y from"../../Scroll/ScrollLockView.js";import h from"../../../../Icons/x.svg.js";import b from"../../../../Icons/save.svg.js";import C from"../../../../Icons/expand.svg.js";import w from"../../../../Icons/shrink.svg.js";import k from"../../../common/PickaxeCopyButton.js";import j from"../../../../Core/ScrollArea.js";import F from"../../../../Core/TipContainer.js";import T from"../MermaidRenderer.js";import O from"./SaveMenu.js";import A from"./ViewOptions.js";import S from"csv-to-markdown-table";import D from"../../../../../common/cn.js";const E="development"===process.env.NODE_ENV?"http://localhost:3007":"https://user-content.pickaxe.co",N=N=>{var B,z,M,$;const{artifacts:L,currentPopupType:W,currentArtifact:R,setCurrentArtifact:H}=l(),{onLoadArtifact:P}=d(),{styles:I,colors:_,translations:V}=c(),[X,q]=n("code"),G=r(),J=r(null),K=r(null),Q=p({contentRef:G}),{scrollContainerRef:U,scrollStartSession:Y,scrollToBottom:Z,scrollEndSession:ee}=s({auto:"code"===X}),oe=null!==(z=null===(B=N.styling)||void 0===B?void 0:B.styles)&&void 0!==z?z:I,te=null!==($=null===(M=N.styling)||void 0===M?void 0:M.colors)&&void 0!==$?$:_,ne=i((()=>{var e,o,t,n,r;if(!N.artifact&&!R)return null;const i=null!==(o=null===(e=N.artifact)||void 0===e?void 0:e.id)&&void 0!==o?o:null==R?void 0:R.id,a=null!==(n=null===(t=N.artifact)||void 0===t?void 0:t.version)&&void 0!==n?n:null==R?void 0:R.version;return null!==(r=L.find((e=>e.id===i&&e.version===a)))&&void 0!==r?r:null}),[R,L,N.artifact]),re=i((()=>ne&&"text/csv"===ne.type?S(ne.content,",",!0):null),[ne]),ie=i((()=>(te.secondaryText||"").toLowerCase().startsWith("#ffffff")),[null==te?void 0:te.secondaryText]),ae=i((()=>{const e=N.artifact&&(null==R?void 0:R.id)===N.artifact.id&&(null==R?void 0:R.version)===N.artifact.version;return"inline"===N.type&&("inline-form"===W?!!R:e)}),[R,W,N.type,N.artifact]);a((()=>{e(void 0,void 0,void 0,(function*(){"inline"===N.type&&N.artifact&&(L.some((e=>N.artifact&&e.id===N.artifact.id&&e.version===N.artifact.version))||P({id:N.artifact.id,version:N.artifact.version}))}))}),[L,N.type,N.artifact]),a((()=>{if("application/vnd.pxe.code"===(null==ne?void 0:ne.type)&&q("code"),"finished"!==(null==ne?void 0:ne.status))return q("code"),Y(),void Z();ee(),"application/vnd.pxe.code"!==ne.type&&q("render")}),[null==ne?void 0:ne.status,null==ne?void 0:ne.type]),a((()=>{var e;!K.current||"text/html"!==(null==ne?void 0:ne.type)&&"application/vnd.pxe.react"!==(null==ne?void 0:ne.type)||null===(e=K.current.contentWindow)||void 0===e||e.postMessage({type:"text/html"===ne.type?"HTML_CODE":"REACT_CODE",content:ne.content},E)}),[null==ne?void 0:ne.content,null==ne?void 0:ne.type]);const le=()=>e(void 0,void 0,void 0,(function*(){if(!ne)return;const e=X;"code"===e&&(q("render"),yield new Promise((e=>setTimeout(e,50)))),Q(),"code"===e&&q(e)})),ce=()=>e(void 0,void 0,void 0,(function*(){if(!ne)return;const e=yield f(ne.content);g(e,`${ne.title}.docx`)})),se=o=>e(void 0,void 0,void 0,(function*(){var e;if(!ne)return;let t={mimeType:"text/plain",extension:".txt"};switch(o){case"text/markdown":t={mimeType:"text/markdown",extension:".md"};break;case"text/html":t={mimeType:"text/html",extension:".html"};break;case"text/csv":t={mimeType:"text/csv",extension:".csv"};break;case"image/svg+xml":case"application/vnd.pxe.mermaid":t={mimeType:"image/svg+xml",extension:".svg"};break;case"application/vnd.pxe.code":t={mimeType:`application/${ne.programmingLanguage||"text"};charset=utf-8`,extension:`.${ne.programmingLanguage||"txt"}`};break;case"application/vnd.pxe.react":t={mimeType:"text/typescript",extension:".tsx"};break;default:t={mimeType:"text/plain",extension:".txt"}}let n=null;if("application/vnd.pxe.mermaid"===ne.type){const o=X;"code"===o&&(q("render"),yield new Promise((e=>setTimeout(e,50))));const t=null===(e=J.current)||void 0===e?void 0:e.querySelector("svg");t&&(n=(new XMLSerializer).serializeToString(t)),"code"===o&&q(o)}const r=new Blob([null!=n?n:ne.content],{type:t.mimeType});x(r,`${ne.title}${t.extension}`)}));return ne?o("div",Object.assign({className:D("pxe-artifact-renderer flex flex-col","inline"===N.type&&!ae&&"mb-6 min-h-[320px]",N.className),style:Object.assign(Object.assign({backgroundColor:te.secondary,color:te.secondaryText},"auto"!==W&&{borderRadius:oe.cornerRadius}),N.style)},{children:[o("div",Object.assign({className:"flex items-center justify-between gap-6 p-4 shadow-sm"},{children:[o("div",Object.assign({className:"pxe-artifact-create-header flex items-center gap-4 truncate"},{children:[(ae||!W.startsWith("inline"))&&t(A,{type:ne.type,view:X,colors:te,onChange:q}),t("p",Object.assign({className:"truncate text-xl font-semilight"},{children:ne.title}))]})),o("div",Object.assign({className:"flex items-center gap-3"},{children:[(ae||!W.startsWith("inline"))&&t(O,Object.assign({variant:"anchor",className:"shrink-0 px-3 py-1.5",data:ne,colors:te,onDownload:se,onSaveAsPDF:le,onSaveAsDOCX:ce},{children:t("span",Object.assign({className:"shrink-0 select-none text-sm font-semibold"},{children:(null==V?void 0:V["save-as"])||"Save as"}))})),t("button",Object.assign({style:{color:te.secondaryText},onClick:()=>{"inline"!==N.type||!N.artifact||ae?H(null):H({id:N.artifact.id,version:N.artifact.version})}},{children:"inline"===N.type?t(ae?w:C,{className:"h-6 w-6 shrink-0"}):t(h,{className:"h-6 w-6 shrink-0"})}))]}))]})),t("div",Object.assign({className:"flex flex-grow flex-col @container/pickaxe-artifact"},{children:o(j,Object.assign({ref:U,innerClassName:"flex-grow w-full"},{children:["render"===X&&"application/vnd.pxe.code"!==ne.type?t("div",Object.assign({ref:G,className:D("flex flex-grow flex-col p-4 pb-6","application/vnd.pxe.react"===ne.type&&"p-0","text/html"===ne.type&&"p-0","text/csv"===ne.type&&"p-0")},{children:"text/markdown"===ne.type||"text/csv"===ne.type||"image/svg+xml"===ne.type?t(m,Object.assign({theme:oe.theme,colors:te},{children:t(u,{value:null!=re?re:ne.content,className:D("mx-auto w-full px-6 @[767px]/pickaxe-artifact:px-11","text/csv"===ne.type&&"mx-0 px-4 @[767px]/pickaxe-artifact:px-4"),style:{flex:1}})})):"application/vnd.pxe.mermaid"===ne.type?t(T,{ref:J,id:`mermaid-${ne.id}-${ne.version}`,data:ne.content}):"text/html"===ne.type||"application/vnd.pxe.react"===ne.type?t("iframe",Object.assign({ref:K,title:ne.title,src:`${E}/${"text/html"===ne.type?"html":"react"}?theme=${ie?"dark":"light"}`,style:{width:"100%",flex:1,border:"none",backgroundColor:null==te?void 0:te.secondary},loading:"lazy",allow:"fullscreen; camera; microphone; gyroscope; accelerometer; geolocation; clipboard-write; autoplay",sandbox:"allow-scripts allow-same-origin allow-forms allow-downloads allow-popups-to-escape-sandbox allow-pointer-lock allow-popups allow-modals allow-orientation-lock allow-presentation",onLoad:e=>{const o=e.target;setTimeout((()=>{var e;try{null===(e=o.contentWindow)||void 0===e||e.postMessage({type:"text/html"===ne.type?"HTML_CODE":"REACT_CODE",content:ne.content},E)}catch(e){console.error("Error sending message to iframe:",e)}}),100),Z()}},{children:"Iframe is not supported, please view this artifact in a browser that supports it."})):null})):t(v,Object.assign({PreTag:"div",language:"text/markdown"===ne.type?"markdown":"text/html"===ne.type||"image/svg+xml"===ne.type?"xml":"application/vnd.pxe.react"===ne.type?"typescript":ne.programmingLanguage,showLineNumbers:!0,customStyle:{margin:0,flex:1},style:Object.assign({'code[class*="language-"]':Object.assign(Object.assign({color:null==te?void 0:te.secondaryText},ie&&{textShadow:"0 1px rgba(0, 0, 0, 0.3)"}),{fontFamily:"Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace",direction:"ltr",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",lineHeight:"1.5",MozTabSize:"4",OTabSize:"4",tabSize:"4",WebkitHyphens:"none",MozHyphens:"none",msHyphens:"none",hyphens:"none"}),'pre[class*="language-"]':Object.assign(Object.assign({color:null==te?void 0:te.secondaryText},ie&&{textShadow:"0 1px rgba(0, 0, 0, 0.3)"}),{fontFamily:"Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace",direction:"ltr",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",lineHeight:"1.5",MozTabSize:"4",OTabSize:"4",tabSize:"4",WebkitHyphens:"none",MozHyphens:"none",msHyphens:"none",hyphens:"none",borderRadius:"0.3em",minWidth:0,paddingLeft:"1em",paddingRight:"1em",paddingBottom:"2em",background:null==te?void 0:te.secondary}),':not(pre) > code[class*="language-"]':{background:null==te?void 0:te.secondary,padding:".1em",borderRadius:".3em"},comment:{color:"#7C7C7C"},prolog:{color:"#7C7C7C"},doctype:{color:"#7C7C7C"},cdata:{color:"#7C7C7C"},punctuation:{color:"#c5c8c6"},".namespace":{opacity:".7"},property:{color:"#96CBFE"},keyword:{color:"#96CBFE"},tag:{color:"#96CBFE"},"class-name":{color:"#FFFFB6"},boolean:{color:"#99CC99"},constant:{color:"#99CC99"},symbol:{color:"#f92672"},deleted:{color:"#f92672"},number:{color:"#FF73FD"},selector:{color:"#A8FF60"},"attr-name":{color:"#A8FF60"},string:{color:"#A8FF60"},char:{color:"#A8FF60"},builtin:{color:"#A8FF60"},inserted:{color:"#A8FF60"},variable:{color:"#C6C5FE"},operator:{color:"#EDEDED"},entity:{color:"#FFFFB6",cursor:"help"},url:{color:"#96CBFE"},".language-css .token.string":{color:"#87C38A"},".style .token.string":{color:"#87C38A"},atrule:{color:"#F9EE98"},"attr-value":{color:"#F9EE98"},function:{color:"#DAD085"},regex:{color:"#E9C062"},important:{color:null==te?void 0:te.secondaryText,fontWeight:"bold"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"}},!ie&&{comment:{color:"#7D8B99"},prolog:{color:"#7D8B99"},doctype:{color:"#7D8B99"},cdata:{color:"#7D8B99"},punctuation:{color:"#4D4D4C"},property:{color:"#4078F2"},keyword:{color:"#8959A8"},tag:{color:"#8959A8"},"class-name":{color:"#D75F00"},boolean:{color:"#0086B3"},constant:{color:"#0086B3"},symbol:{color:"#990055"},deleted:{color:"#990000"},number:{color:"#005CC5"},selector:{color:"#63A35C"},"attr-name":{color:"#63A35C"},string:{color:"#50A14F"},char:{color:"#50A14F"},builtin:{color:"#50A14F"},inserted:{color:"#50A14F"},variable:{color:"#A626A4"},operator:{color:"#4D4D4C"},entity:{color:"#E45649",cursor:"help"},url:{color:"#4078F2"},".language-css .token.string":{color:"#50A14F"},".style .token.string":{color:"#50A14F"},atrule:{color:"#C18401"},"attr-value":{color:"#986801"},function:{color:"#005CC5"},regex:{color:"#D16969"},important:{color:null==te?void 0:te.secondaryText,fontWeight:"bold"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"}})},{children:ne.content})),t(y,{})]}))})),"inline"===N.type&&!ae&&o("div",Object.assign({className:"flex items-center gap-4 p-4 pt-6"},{children:[t(F,Object.assign({id:`artifact-copy-${ne.id}-${ne.version}`,tip:(null==V?void 0:V.copy)||"Copy",style:{padding:"0.25rem 0.5rem",backgroundColor:te.secondary,color:te.secondaryText,fontSize:"12px"},align:"bottom"},{children:t(k,{color:te.secondaryText,text:ne.content,className:"opacity-100",iconClassName:"w-5 h-5"})})),t(F,Object.assign({id:`artifact-save-${ne.id}-${ne.version}`,tip:(null==V?void 0:V.save)||"Save",style:{padding:"0.25rem 0.5rem",backgroundColor:te.secondary,color:te.secondaryText,fontSize:"12px"},align:"bottom"},{children:t(O,Object.assign({data:ne,colors:te,onDownload:se,onSaveAsPDF:le,onSaveAsDOCX:ce},{children:t("button",Object.assign({style:{color:te.secondaryText}},{children:t(b,{className:"h-5 w-5 shrink-0"})}))}))}))]}))]})):null};export{N as default};
@@ -1 +1 @@
1
- import{jsx as e}from"react/jsx-runtime";import{useEffect as o}from"react";import{useArtifactContext as r}from"./hooks/useArtifactContext.js";import{usePickaxeContext as t}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useMediaQuery as i}from"../../../../hooks/core/useMediaQuery.js";import n from"../../../Core/Modal/index.js";import l from"../../../Core/Modal/Body.js";import{ScrollProvider as s}from"../Scroll/Provider.js";import a from"./Renderer/index.js";const c=({forcedPopupType:c,panel:m,styling:p})=>{const{popupType:f,currentPopupType:d,currentArtifact:u,setCurrentPopupType:h,setCurrentArtifact:x}=r(),{pickaxe:j,chatId:y,forceMobile:g}=t(),[C]=i("(max-width: 899px)");o((()=>{const e=!(null==j?void 0:j.chatflag)&&!y||!y;let o=f;"auto"===o&&(e?o="inline-form":(g||C)&&(o="inline")),"inline"===f&&e&&(o="inline-form"),c&&(o=c),h(o)}),[f,g,C,null==j?void 0:j.chatflag,y,c]);const k=e(a,{type:"detached",className:"h-full"});return u&&"inline"!==d?e(s,{children:"auto"===d&&m?m(k):"modal"===d||"inline-form"===d?e(n,Object.assign({isOpen:!0,onChange:e=>{e||x(null)}},{children:e(l,Object.assign({className:"max-w-[90dvw] flex flex-col w-full",style:{minHeight:"90dvh"}},{children:e(a,Object.assign({type:"inline-form"===d?"inline":"detached",className:"flex-grow"},p&&{styling:p}))}))})):null}):null};export{c as PickaxeArtifact};
1
+ import{jsx as e}from"react/jsx-runtime";import{useEffect as o}from"react";import{useArtifactContext as r}from"./hooks/useArtifactContext.js";import{usePickaxeContext as t}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useMediaQuery as i}from"../../../../hooks/core/useMediaQuery.js";import n from"../../../Core/Modal/index.js";import l from"../../../Core/Modal/Body.js";import{ScrollProvider as s}from"../Scroll/Provider.js";import a from"./Renderer/index.js";const c=({forcedPopupType:c,panel:m,styling:p})=>{const{popupType:f,currentPopupType:d,currentArtifact:u,setCurrentPopupType:h,setCurrentArtifact:x}=r(),{pickaxe:j,chatId:y,forceMobile:g}=t(),[C]=i("(max-width: 899px)");o((()=>{const e=!(null==j?void 0:j.chatflag)&&!y||!y;let o=f;"auto"===o&&(e?o="inline-form":(g||C)&&(o="inline")),"inline"===f&&e&&(o="inline-form"),c&&(o=c),h(o)}),[f,g,C,null==j?void 0:j.chatflag,y,c]);const k=e(a,{type:"detached",className:"h-full"});return u&&"inline"!==d?e(s,{children:"auto"===d&&m?m(k):"modal"===d||"inline-form"===d?e(n,Object.assign({isOpen:!0,onChange:e=>{e||x(null)}},{children:e(l,Object.assign({className:"flex w-full max-w-[90dvw] flex-col",style:{minHeight:"90dvh"}},{children:e(a,Object.assign({type:"inline-form"===d?"inline":"detached",className:"flex-grow"},p&&{styling:p}))}))})):null}):null};export{c as PickaxeArtifact};
@@ -1 +1 @@
1
- import{__rest as e}from"../../../../_virtual/_tslib.js";import{jsx as i,jsxs as o,Fragment as n}from"react/jsx-runtime";import{useMemo as l}from"react";import{useHover as s}from"../../../../hooks/core/useHover.js";import{useStyleFontSize as t}from"../../../../hooks/studio/useStyleFontSize.js";import{useStyleInput as r}from"../../../../hooks/studio/useStyleInput.js";import{usePickaxeContext as a}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useAuthContext as c}from"./hooks/useAuthContext.js";import{useAuth as m}from"./hooks/useAuth.js";import d from"../../../Icons/spinner-circle.svg.js";import u from"../../../Icons/lock.svg.js";import p from"../../../Icons/email.svg.js";import f from"../../../Icons/arrow-right.svg.js";import x from"../../common/PickaxeIcon.js";import h from"../../common/PickaxeInput.js";import g from"../../common/PickaxeButton.js";import v from"../../common/PickaxeBranding.js";import y from"../../../../common/cn.js";const k=()=>{var k,j,b,w,N,O,C,I,P,S,R;const{deploymentType:D,pickaxe:E,styles:H,colors:T,misc:B,responsiveBy:L,translations:W,isRtl:$}=a(),{emailInput:A,isLoggingIn:F,isSending:K,isResendDisabled:_,isSent:z,setEmailInput:q}=c(),{onSend:G}=m(),J=t(),M=r(),Q=s(),{isHover:U}=Q,V=e(Q,["isHover"]),X=l((()=>A.trim()&&!K&&!z),[A,K,z]);return"chat-input"===D?i("div",Object.assign({className:y("flex items-center gap-x-2 px-4 py-3 overflow-hidden","block"===H.formFieldStyle&&"shadow",z&&"justify-center"),style:M,dir:$?"rtl":"ltr"},{children:z?o("p",Object.assign({className:"font-semilight text-center py-1"},{children:[`${null!==(j=null==W?void 0:W["we-sent-your-an-activation-link"])&&void 0!==j?j:"We sent you an activation link. Please be sure to check your spam folder too."} `,i("span",Object.assign({className:"underline underline-offset-2 cursor-pointer",onClick:()=>{_||K||G(!0)}},{children:K?null!==(b=null==W?void 0:W.resending)&&void 0!==b?b:"Resending...":null!==(w=null==W?void 0:W.resend)&&void 0!==w?w:"Resend"}))]})):o(n,{children:[i(u,{className:"w-6 h-6 shrink-0",style:{color:T.accent}}),i("input",{id:"email",name:"email",type:"email",className:"outline-none ring-0 flex-grow bg-transparent",placeholder:null!==(k=null==W?void 0:W["enter-email-to-continue"])&&void 0!==k?k:"Enter here your email to continue",value:A,onChange:e=>q(e.target.value),onKeyDown:e=>{"Enter"===e.key&&G(!1)},autoComplete:"off"}),i("button",Object.assign({className:y("outline-none rounded-full w-8 h-8 disabled:cursor-default items-center justify-center flex duration-200 transition-colors ease-in-out",K&&"disabled:cursor-wait"),style:{backgroundColor:U||X?T.accent:T.accent+"10",color:U||X?T.accentText:T.accent+"80"},disabled:!A.trim()||K,onClick:()=>G(!1)},V,{children:i(f,{className:y("h-6 w-6 shrink-0",$&&"transform scale-x-[-1]")})}))]})})):o("div",Object.assign({className:"flex flex-col items-center flex-grow relative justify-center p-4",style:{backgroundColor:T.primary,color:T.text,borderRadius:H.cornerRadius},dir:$?"rtl":"ltr"},{children:[!B.isWhiteLabel&&i(v,{className:y("absolute top-4 right-4","popup"===D&&"right-12"),animateHover:!0}),F||!E?i(d,{className:"h-6 w-6 animate-spin animate-spin",style:{fill:T.accent,color:T.primary}}):o("div",Object.assign({className:"w-full flex flex-col items-center text-center max-w-[328px]"},{children:[B.isProfileImage&&i(x,{src:null==E?void 0:E.coverphoto,alt:`${null==E?void 0:E.formtitle}'s Profile Picture`,width:72,height:72,className:"h-[72px] w-[72px] rounded-full"}),i("h3",Object.assign({className:y(J.h3,"my-6")},{children:E.formtitle||"Tool"})),o("div",z?Object.assign({className:"flex flex-col items-center gap-6 w-full"},{children:[o("div",Object.assign({className:"flex items-center gap-2"},{children:[i(p,{className:"w-6 h-6 shrink-0"}),i("p",Object.assign({className:"font-semilight text-[20px]"},{children:null!==(I=null==W?void 0:W["check-your-inbox"])&&void 0!==I?I:"Check your inbox"}))]})),o("p",Object.assign({className:"font-semilight"},{children:[`${null!==(P=null==W?void 0:W["we-sent-your-an-activation-link"])&&void 0!==P?P:"We sent you an activation link. Please be sure to check your spam folder too."} `,i("span",Object.assign({className:"underline underline-offset-2 cursor-pointer",onClick:()=>{_||K||G(!0)}},{children:K?null!==(S=null==W?void 0:W.resending)&&void 0!==S?S:"Resending...":null!==(R=null==W?void 0:W.resend)&&void 0!==R?R:"Resend"}))]}))]}):Object.assign({className:"flex flex-col items-center gap-6 w-full"},{children:[o("div",Object.assign({className:"flex items-center gap-2 flex-grow"},{children:[i(u,{className:"w-6 h-6 shrink-0"}),i("p",Object.assign({className:"font-semilight"},{children:null!==(N=null==W?void 0:W["please-enter-email-to-continue"])&&void 0!==N?N:"Please enter your email to continue:"}))]})),o("div",Object.assign({className:y("flex flex-col items-center gap-x-3 gap-y-6 w-full","viewport"===L?"min-[899px]:flex-row":"@[420px]/pickaxe-root:flex-row")},{children:[i(h,{id:"email",name:"email",type:"email",className:y("w-full py-3","viewport"===L?"min-[899px]:flex-grow min-[899px]:py-2":"@[420px]/pickaxe-root:flex-grow @[420px]/pickaxe-root:py-2"),placeholder:"jane.doe@email.com",value:A,onChange:e=>q(e.target.value),onKeyDown:e=>{"Enter"===e.key&&G(!1)}}),i(g,Object.assign({className:y("px-8 min-h-[40px]","viewport"===L?"min-[899px]:px-4":"@[420px]/pickaxe-root:px-4"),loadingText:null!==(O=null==W?void 0:W.sending)&&void 0!==O?O:"Sending...",isLoading:K,isDisabled:!A.trim(),onClick:()=>G(!1)},{children:null!==(C=null==W?void 0:W.submit)&&void 0!==C?C:"Submit"}))]}))]}))]}))]}))};export{k as default};
1
+ import{__rest as e}from"../../../../_virtual/_tslib.js";import{jsx as i,jsxs as o,Fragment as n}from"react/jsx-runtime";import{useMemo as l}from"react";import{useHover as s}from"../../../../hooks/core/useHover.js";import{useStyleFontSize as t}from"../../../../hooks/studio/useStyleFontSize.js";import{useStyleInput as r}from"../../../../hooks/studio/useStyleInput.js";import{usePickaxeContext as a}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useAuthContext as c}from"./hooks/useAuthContext.js";import{useAuth as m}from"./hooks/useAuth.js";import d from"../../../Icons/spinner-circle.svg.js";import u from"../../../Icons/lock.svg.js";import p from"../../../Icons/email.svg.js";import f from"../../../Icons/arrow-right.svg.js";import x from"../../common/PickaxeIcon.js";import h from"../../common/PickaxeInput.js";import g from"../../common/PickaxeButton.js";import v from"../../common/PickaxeBranding.js";import y from"../../../../common/cn.js";const k=()=>{var k,j,b,w,N,O,C,I,P,S,R;const{deploymentType:D,pickaxe:E,styles:T,colors:B,misc:H,responsiveBy:L,translations:W,isRtl:$}=a(),{emailInput:A,isLoggingIn:F,isSending:K,isResendDisabled:_,isSent:z,setEmailInput:q}=c(),{onSend:G}=m(),J=t(),M=r(),Q=s(),{isHover:U}=Q,V=e(Q,["isHover"]),X=l((()=>A.trim()&&!K&&!z),[A,K,z]);return"chat-input"===D?i("div",Object.assign({className:y("flex items-center gap-x-2 overflow-hidden px-4 py-3","block"===T.formFieldStyle&&"shadow",z&&"justify-center"),style:M,dir:$?"rtl":"ltr"},{children:z?o("p",Object.assign({className:"py-1 text-center font-semilight"},{children:[`${null!==(j=null==W?void 0:W["we-sent-your-an-activation-link"])&&void 0!==j?j:"We sent you an activation link. Please be sure to check your spam folder too."} `,i("span",Object.assign({className:"cursor-pointer underline underline-offset-2",onClick:()=>{_||K||G(!0)}},{children:K?null!==(b=null==W?void 0:W.resending)&&void 0!==b?b:"Resending...":null!==(w=null==W?void 0:W.resend)&&void 0!==w?w:"Resend"}))]})):o(n,{children:[i(u,{className:"h-6 w-6 shrink-0",style:{color:B.accent}}),i("input",{id:"email",name:"email",type:"email",className:"flex-grow bg-transparent outline-none ring-0",placeholder:null!==(k=null==W?void 0:W["enter-email-to-continue"])&&void 0!==k?k:"Enter here your email to continue",value:A,onChange:e=>q(e.target.value),onKeyDown:e=>{"Enter"===e.key&&G(!1)},autoComplete:"off"}),i("button",Object.assign({className:y("flex h-8 w-8 items-center justify-center rounded-full outline-none transition-colors duration-200 ease-in-out disabled:cursor-default",K&&"disabled:cursor-wait"),style:{backgroundColor:U||X?B.accent:B.accent+"10",color:U||X?B.accentText:B.accent+"80"},disabled:!A.trim()||K,onClick:()=>G(!1)},V,{children:i(f,{className:y("h-6 w-6 shrink-0",$&&"scale-x-[-1] transform")})}))]})})):o("div",Object.assign({className:"relative flex flex-grow flex-col items-center justify-center p-4",style:{backgroundColor:B.primary,color:B.text,borderRadius:T.cornerRadius},dir:$?"rtl":"ltr"},{children:[!H.isWhiteLabel&&i(v,{className:y("absolute right-4 top-4","popup"===D&&"right-12")}),F||!E?i(d,{className:"h-6 w-6 animate-spin",style:{fill:B.accent,color:B.primary}}):o("div",Object.assign({className:"flex w-full max-w-[328px] flex-col items-center text-center"},{children:[H.isProfileImage&&i(x,{src:null==E?void 0:E.coverphoto,alt:`${null==E?void 0:E.formtitle}'s Profile Picture`,width:72,height:72,className:"h-[72px] w-[72px] rounded-full"}),i("h3",Object.assign({className:y(J.h3,"my-6")},{children:E.formtitle||"Tool"})),o("div",z?Object.assign({className:"flex w-full flex-col items-center gap-6"},{children:[o("div",Object.assign({className:"flex items-center gap-2"},{children:[i(p,{className:"h-6 w-6 shrink-0"}),i("p",Object.assign({className:"text-[20px] font-semilight"},{children:null!==(I=null==W?void 0:W["check-your-inbox"])&&void 0!==I?I:"Check your inbox"}))]})),o("p",Object.assign({className:"font-semilight"},{children:[`${null!==(P=null==W?void 0:W["we-sent-your-an-activation-link"])&&void 0!==P?P:"We sent you an activation link. Please be sure to check your spam folder too."} `,i("span",Object.assign({className:"cursor-pointer underline underline-offset-2",onClick:()=>{_||K||G(!0)}},{children:K?null!==(S=null==W?void 0:W.resending)&&void 0!==S?S:"Resending...":null!==(R=null==W?void 0:W.resend)&&void 0!==R?R:"Resend"}))]}))]}):Object.assign({className:"flex w-full flex-col items-center gap-6"},{children:[o("div",Object.assign({className:"flex flex-grow items-center gap-2"},{children:[i(u,{className:"h-6 w-6 shrink-0"}),i("p",Object.assign({className:"font-semilight"},{children:null!==(N=null==W?void 0:W["please-enter-email-to-continue"])&&void 0!==N?N:"Please enter your email to continue:"}))]})),o("div",Object.assign({className:y("flex w-full flex-col items-center gap-x-3 gap-y-6","viewport"===L?"min-[899px]:flex-row":"@[420px]/pickaxe-root:flex-row")},{children:[i(h,{id:"email",name:"email",type:"email",className:y("w-full py-3","viewport"===L?"min-[899px]:flex-grow min-[899px]:py-2":"@[420px]/pickaxe-root:flex-grow @[420px]/pickaxe-root:py-2"),placeholder:"jane.doe@email.com",value:A,onChange:e=>q(e.target.value),onKeyDown:e=>{"Enter"===e.key&&G(!1)}}),i(g,Object.assign({className:y("min-h-[40px] px-8","viewport"===L?"min-[899px]:px-4":"@[420px]/pickaxe-root:px-4"),loadingText:null!==(O=null==W?void 0:W.sending)&&void 0!==O?O:"Sending...",isLoading:K,isDisabled:!A.trim(),onClick:()=>G(!1)},{children:null!==(C=null==W?void 0:W.submit)&&void 0!==C?C:"Submit"}))]}))]}))]}))]}))};export{k as default};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as s}from"react/jsx-runtime";import{Fragment as t}from"react";import{usePickaxeContext as o}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleFontSize as r}from"../../../../hooks/studio/useStyleFontSize.js";import{useDocument as i}from"./hooks/useDocument.js";import{formatBytes as a}from"../../../../common/utils.js";import l from"../../../Icons/spinner-lines.svg.js";import c from"../../../Icons/file.svg.js";import n from"../../../Icons/x.svg.js";import d from"../../../Icons/circle-info.svg.js";import u from"../../../../common/cn.js";const m=({className:m,isDisabled:f})=>{const{styles:h,colors:p,translations:b,isRtl:g}=o(),{documents:x,isUploading:j,removeDocument:v}=i(),k=r();return e("div",Object.assign({className:u("flex flex-row gap-3 flex-wrap",m)},{children:x.map(((o,r)=>{var i,m,x,w,y;return e(t,{children:"document"===o.type?s("div",Object.assign({className:u("relative flex items-center gap-x-2.5 pl-2 pr-4 h-[56px] border",g&&"flex-row-reverse"),style:{borderRadius:h.cornerRadius,borderColor:p.secondaryText+"50"}},{children:[e("div",Object.assign({className:"w-10 h-10 flex items-center justify-center shrink-0",style:Object.assign({borderRadius:h.cornerRadius,backgroundColor:p.accent,color:p.accentText},"failed"===o.status&&{backgroundColor:p.error,color:"white"})},{children:"uploading"===o.status?e(l,{className:"w-5 h-5 animate-spin shrink-0"}):"failed"===o.status?e(d,{className:"w-5 h-5 shrink-0"}):e(c,{className:"w-5 h-5 shrink-0"})})),s("div",Object.assign({className:u("flex flex-col justify-center truncate",g?"text-right items-end":"text-left items-start")},{children:[e("p",Object.assign({className:u(k.b3,"font-medium truncate")},{children:o.name})),e("p",Object.assign({className:u(k.b4,"opacity-80 truncate")},{children:"failed"===o.status?(null===(i=o.error)||void 0===i?void 0:i.includes("You have reached the file limit"))?null!==(m=null==b?void 0:b["file-limit-reached"])&&void 0!==m?m:"You have reached the file limit.":o.error:a(o.size)}))]})),!j&&e("button",Object.assign({type:"button",className:u("absolute w-5 h-5 rounded-full -top-2 flex items-center justify-center outline-none disabled:cursor-default",g?"-left-1 right-auto":"-right-1 left-auto"),style:{backgroundColor:p.accent,color:p.accentText},disabled:j||f,onClick:()=>v(o.id)},{children:e(n,{className:"w-4 h-4 shrink-0"})}))]})):"image"===o.type?s("div",Object.assign({className:"relative h-[56px] flex flex-col items-center justify-center w-[56px]",style:Object.assign({borderRadius:h.cornerRadius,backgroundColor:p.accent,color:p.accentText},"failed"===o.status&&{backgroundColor:p.error,color:"white"})},{children:["finished"===o.status?e("img",{className:"object-cover w-full h-full",style:{borderRadius:h.cornerRadius},src:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/documentinterrogation/${null===(x=o.documentId)||void 0===x?void 0:x.split("-")[2]}/${null===(w=o.documentId)||void 0===w?void 0:w.split("-")[1]}.${null===(y=o.documentId)||void 0===y?void 0:y.split("-")[2]}`,alt:""}):"failed"===o.status?e(d,{className:"w-5 h-5 shrink-0"}):e(l,{className:"w-5 h-5 animate-spin shrink-0"}),!j&&e("button",Object.assign({type:"button",className:u("absolute w-5 h-5 rounded-full -top-2 flex items-center justify-center outline-none disabled:cursor-default",g?"-left-1 right-auto":"-right-1 left-auto"),style:{backgroundColor:p.accent,color:p.accentText},disabled:j||f,onClick:()=>v(o.id)},{children:e(n,{className:"w-4 h-4 shrink-0"})}))]})):null},r)}))}))};export{m as default};
1
+ import{jsx as e,jsxs as s}from"react/jsx-runtime";import{Fragment as t}from"react";import{usePickaxeContext as o}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleFontSize as r}from"../../../../hooks/studio/useStyleFontSize.js";import{useDocument as i}from"./hooks/useDocument.js";import{formatBytes as a}from"../../../../common/utils.js";import l from"../../../Icons/spinner-lines.svg.js";import c from"../../../Icons/file.svg.js";import n from"../../../Icons/x.svg.js";import d from"../../../Icons/circle-info.svg.js";import u from"../../../../common/cn.js";const m=({className:m,isDisabled:f})=>{const{styles:h,colors:p,translations:b,isRtl:g}=o(),{documents:x,isUploading:j,removeDocument:v}=i(),k=r();return e("div",Object.assign({className:u("flex flex-row flex-wrap gap-3",m)},{children:x.map(((o,r)=>{var i,m,x,w,y;return e(t,{children:"document"===o.type?s("div",Object.assign({className:u("relative flex h-[56px] items-center gap-x-2.5 border pl-2 pr-4",g&&"flex-row-reverse"),style:{borderRadius:h.cornerRadius,borderColor:p.secondaryText+"50"}},{children:[e("div",Object.assign({className:"flex h-10 w-10 shrink-0 items-center justify-center",style:Object.assign({borderRadius:h.cornerRadius,backgroundColor:p.accent,color:p.accentText},"failed"===o.status&&{backgroundColor:p.error,color:"white"})},{children:"uploading"===o.status?e(l,{className:"h-5 w-5 shrink-0 animate-spin"}):"failed"===o.status?e(d,{className:"h-5 w-5 shrink-0"}):e(c,{className:"h-5 w-5 shrink-0"})})),s("div",Object.assign({className:u("flex flex-col justify-center truncate",g?"items-end text-right":"items-start text-left")},{children:[e("p",Object.assign({className:u(k.b3,"truncate font-medium")},{children:o.name})),e("p",Object.assign({className:u(k.b4,"truncate opacity-80")},{children:"failed"===o.status?(null===(i=o.error)||void 0===i?void 0:i.includes("You have reached the file limit"))?null!==(m=null==b?void 0:b["file-limit-reached"])&&void 0!==m?m:"You have reached the file limit.":o.error:a(o.size)}))]})),!j&&e("button",Object.assign({type:"button",className:u("absolute -top-2 flex h-5 w-5 items-center justify-center rounded-full outline-none disabled:cursor-default",g?"-left-1 right-auto":"-right-1 left-auto"),style:{backgroundColor:p.accent,color:p.accentText},disabled:j||f,onClick:()=>v(o.id)},{children:e(n,{className:"h-4 w-4 shrink-0"})}))]})):"image"===o.type?s("div",Object.assign({className:"relative flex h-[56px] w-[56px] flex-col items-center justify-center",style:Object.assign({borderRadius:h.cornerRadius,backgroundColor:p.accent,color:p.accentText},"failed"===o.status&&{backgroundColor:p.error,color:"white"})},{children:["finished"===o.status?e("img",{className:"h-full w-full object-cover",style:{borderRadius:h.cornerRadius},src:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/documentinterrogation/${null===(x=o.documentId)||void 0===x?void 0:x.split("-")[2]}/${null===(w=o.documentId)||void 0===w?void 0:w.split("-")[1]}.${null===(y=o.documentId)||void 0===y?void 0:y.split("-")[2]}`,alt:""}):"failed"===o.status?e(d,{className:"h-5 w-5 shrink-0"}):e(l,{className:"h-5 w-5 shrink-0 animate-spin"}),!j&&e("button",Object.assign({type:"button",className:u("absolute -top-2 flex h-5 w-5 items-center justify-center rounded-full outline-none disabled:cursor-default",g?"-left-1 right-auto":"-right-1 left-auto"),style:{backgroundColor:p.accent,color:p.accentText},disabled:j||f,onClick:()=>v(o.id)},{children:e(n,{className:"h-4 w-4 shrink-0"})}))]})):null},r)}))}))};export{m as default};
@@ -1 +1 @@
1
- import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{useMemo as t}from"react";import{usePickaxeContext as o}from"../../../../../hooks/pickaxe/usePickaxeContext.js";import{useSubmitDocument as s}from"../../../../../hooks/pickaxe/useSubmitDocument.js";import{useDocumentContext as i}from"./useDocumentContext.js";import{allowedFileMimeTypes as n,allowedImageMimeTypes as r}from"../../../../../common/documents.js";import d from"../../../../../common/error.js";import{v4 as a}from"uuid";const u=["gpt-4o","gpt-4o-mini","gpt-4.1","gpt-4.1-mini","gpt-4.1-nano","o1"],l=({onQuestionChange:l}={})=>{const{formId:c,chatId:m,sessionId:p,pickaxe:f}=o(),g=i(),w=s(),I=t((()=>{var e;return u.includes(null!==(e=null==f?void 0:f.model)&&void 0!==e?e:"gpt-3.5-turbo")}),[f]),h=e=>{const t=[...n,...I?r:[]];if(e.some((e=>!t.includes(e.type)))){const e=new Error(I?"You can only upload PDF, TXT, DOCX, CSV, XLSX, JSON, PPTX, PNG, JPEG, WEBP, or GIF files. Please try again.":"You can only upload PDF, TXT, DOCX, CSV, XLSX, JSON, or PPTX files. Please try again."),t=d(e);return g.setDocumentError(t),!0}return!1};return Object.assign(Object.assign({},g),{isImageUploadAllowed:I,onFileUpload:t=>e(void 0,void 0,void 0,(function*(){if(g.setDocumentError(""),!t.length)return null;if(h(t))return null;g.setIsUploading(!0),g.setIsShowList(!0);const o=t.map((e=>({file:e,id:a()})));o.forEach((({file:e,id:t})=>{g.addDocument({type:"document",id:t,size:e.size,name:e.name,status:"uploading"})}));const s=o.map((({file:t,id:o})=>e(void 0,void 0,void 0,(function*(){try{const{success:e,documentId:s,error:i}=yield w.document(Object.assign({formId:c,responseId:m,file:t,sessionId:p},(null==f?void 0:f.workspaceid)&&{workspaceId:f.workspaceid}));if(!e)throw new Error(null!=i?i:"Document processing failed");null==l||l({input:t.name,documentId:s});const n=s.startsWith("IMAGE-");return g.editDocument({id:o,type:n?"image":"document",name:t.name,size:t.size,status:"finished",documentId:s}),{name:t.name,documentId:s}}catch(e){const s=d(e);return g.editDocument({id:o,name:t.name,size:t.size,status:"failed",error:s}),{error:s}}}))));yield Promise.allSettled(s),g.setIsUploading(!1)})),onWebsiteUpload:t=>e(void 0,void 0,void 0,(function*(){g.setDocumentError("");let e=t.trim();if(!e)return null;e.startsWith("http://")&&(e=e.replace("http://","https://")),e.startsWith("https://")||(e=`https://${e}`);try{if(!e.includes("."))throw new Error("Please paste a valid website URL or Youtube video link to add to the knowledge base.");g.setIsUploading(!0),g.setIsShowList(!0),g.setWebsiteLink(""),g.setDocuments([{type:"website",id:e,size:0,name:e,status:"uploading"}]);const t=yield w.website(Object.assign({formId:c,responseId:m,website:e},(null==f?void 0:f.workspaceid)&&{workspaceId:f.workspaceid})),{success:o,documentId:s}=t;if(!o)throw new Error("Website processing failed, please try again.");g.setDocuments([{type:"website",id:e,size:0,name:e,status:"finished",documentId:s}]);return{type:"website",id:e,name:e,size:0,status:"finished",documentId:s}}catch(t){const o=d(t);if(console.log("[onWebsiteUpload] Error",o),o.includes("Please paste a valid website URL"))return g.setDocumentError(o),null;g.editDocument({type:"website",id:e,size:0,name:e,status:"failed",error:o});return{type:"website",id:e,size:0,name:e,status:"failed",error:o}}finally{g.setIsUploading(!1)}}))})};export{l as useDocument};
1
+ import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{useMemo as t}from"react";import{usePickaxeContext as s}from"../../../../../hooks/pickaxe/usePickaxeContext.js";import{useAuthContext as o}from"../../Auth/hooks/useAuthContext.js";import{useSubmitDocument as i}from"../../../../../hooks/pickaxe/useSubmitDocument.js";import{useDocumentContext as n}from"./useDocumentContext.js";import{allowedFileMimeTypes as r,allowedImageMimeTypes as d}from"../../../../../common/documents.js";import{v4 as a}from"uuid";import u from"../../../../../common/error.js";const c=["gpt-4o","gpt-4o-mini","gpt-4.1","gpt-4.1-mini","gpt-4.1-nano","o1"],l=({onQuestionChange:l}={})=>{const{formId:m,chatId:p,sessionId:f,pickaxe:g,studioUserId:I}=s(),{token:h}=o(),b=n(),w=i(),k=t((()=>{var e;return c.includes(null!==(e=null==g?void 0:g.model)&&void 0!==e?e:"gpt-3.5-turbo")}),[g]),y=e=>{const t=[...r,...k?d:[]];if(e.some((e=>!t.includes(e.type)))){const e=new Error(k?"You can only upload PDF, TXT, DOCX, CSV, XLSX, JSON, PPTX, PNG, JPEG, WEBP, or GIF files. Please try again.":"You can only upload PDF, TXT, DOCX, CSV, XLSX, JSON, or PPTX files. Please try again."),t=u(e);return b.setDocumentError(t),!0}return!1};return Object.assign(Object.assign({},b),{isImageUploadAllowed:k,onFileUpload:t=>e(void 0,void 0,void 0,(function*(){if(b.setDocumentError(""),!t.length)return null;if(y(t))return null;b.setIsUploading(!0),b.setIsShowList(!0);const s=t.map((e=>({file:e,id:a()})));s.forEach((({file:e,id:t})=>{b.addDocument({type:"document",id:t,size:e.size,name:e.name,status:"uploading"})}));const o=s.map((({file:t,id:s})=>e(void 0,void 0,void 0,(function*(){try{const{success:e,documentId:o,error:i}=yield w.document(Object.assign(Object.assign(Object.assign({formId:m,responseId:p,file:t,sessionId:f},(null==g?void 0:g.workspaceid)&&{workspaceId:g.workspaceid}),I&&{studioUserId:I}),h&&{studioSessionToken:h}));if(!e)throw new Error(null!=i?i:"Document processing failed");null==l||l({input:t.name,documentId:o});const n=o.startsWith("IMAGE-");return b.editDocument({id:s,type:n?"image":"document",name:t.name,size:t.size,status:"finished",documentId:o}),{name:t.name,documentId:o}}catch(e){const o=u(e);return b.editDocument({id:s,name:t.name,size:t.size,status:"failed",error:o}),{error:o}}}))));yield Promise.allSettled(o),b.setIsUploading(!1)})),onWebsiteUpload:t=>e(void 0,void 0,void 0,(function*(){b.setDocumentError("");let e=t.trim();if(!e)return null;e.startsWith("http://")&&(e=e.replace("http://","https://")),e.startsWith("https://")||(e=`https://${e}`);try{if(!e.includes("."))throw new Error("Please paste a valid website URL or Youtube video link to add to the knowledge base.");b.setIsUploading(!0),b.setIsShowList(!0),b.setWebsiteLink(""),b.setDocuments([{type:"website",id:e,size:0,name:e,status:"uploading"}]);const t=yield w.website(Object.assign(Object.assign(Object.assign({formId:m,responseId:p,website:e},(null==g?void 0:g.workspaceid)&&{workspaceId:g.workspaceid}),I&&{studioUserId:I}),h&&{studioSessionToken:h})),{success:s,documentId:o}=t;if(!s)throw new Error("Website processing failed, please try again.");b.setDocuments([{type:"website",id:e,size:0,name:e,status:"finished",documentId:o}]);return{type:"website",id:e,name:e,size:0,status:"finished",documentId:o}}catch(t){const s=u(t);if(console.log("[onWebsiteUpload] Error",s),s.includes("Please paste a valid website URL"))return b.setDocumentError(s),null;b.editDocument({type:"website",id:e,size:0,name:e,status:"failed",error:s});return{type:"website",id:e,size:0,name:e,status:"failed",error:s}}finally{b.setIsUploading(!1)}}))})};export{l as useDocument};
@@ -1 +1 @@
1
- import{__rest as e}from"../../../../_virtual/_tslib.js";import{jsxs as o,jsx as r}from"react/jsx-runtime";import{useHover as t}from"../../../../hooks/core/useHover.js";import{usePickaxeContext as s}from"../../../../hooks/pickaxe/usePickaxeContext.js";import i from"../../../../common/cn.js";const a=({text:a,onSend:n})=>{const{colors:l,styles:c,forceMobile:x,responsiveBy:d}=s(),m=t(),{isHover:p}=m,u=e(m,["isHover"]);return o("div",Object.assign({className:i("relative text-sm group flex flex-grow cursor-pointer overflow-hidden font-semilight w-full select-none px-[1em] py-[9px] duration-200 transition-colors border w-full ease-in-out","viewport"===d?"min-[767px]:justify-end min-[767px]:max-w-max":"@[767px]/pickaxe-root:justify-end @[767px]/pickaxe-root:max-w-max",x&&"max-w-full"),onClick:()=>null==n?void 0:n(a),style:{background:p?l.secondary:"transparent",borderColor:l.secondaryText+"30",borderRadius:c.cornerRadius}},u,{children:[r("div",{className:"absolute inset-0 backdrop-blur-md z-0",style:{background:p?l.secondary:l.primary+"10",borderRadius:c.cornerRadius}}),r("p",Object.assign({className:i("line-clamp-2 duration-200 transition-colors ease-in-out relative","viewport"===d?"min-[767px]:text-right":"@[767px]/pickaxe-root:text-right",x&&"text-left"),style:{color:p?l.secondaryText:l.secondaryText+"60"}},{children:a}))]}))};export{a as default};
1
+ import{__rest as e}from"../../../../_virtual/_tslib.js";import{jsxs as o,jsx as r}from"react/jsx-runtime";import{useHover as t}from"../../../../hooks/core/useHover.js";import{usePickaxeContext as s}from"../../../../hooks/pickaxe/usePickaxeContext.js";import i from"../../../../common/cn.js";const a=({text:a,onSend:n})=>{const{colors:c,styles:l,forceMobile:x,responsiveBy:d}=s(),m=t(),{isHover:p}=m,u=e(m,["isHover"]);return o("div",Object.assign({className:i("group relative flex w-full flex-grow cursor-pointer select-none overflow-hidden border px-[1em] py-[9px] text-sm font-semilight transition-colors duration-200 ease-in-out","viewport"===d?"min-[767px]:max-w-max min-[767px]:justify-end":"@[767px]/pickaxe-root:max-w-max @[767px]/pickaxe-root:justify-end",x&&"max-w-full"),onClick:()=>null==n?void 0:n(a),style:{background:p?c.secondary:"transparent",borderColor:c.secondaryText+"30",borderRadius:l.cornerRadius}},u,{children:[r("div",{className:"absolute inset-0 z-0 backdrop-blur-md",style:{background:p?c.secondary:c.primary+"10",borderRadius:l.cornerRadius}}),r("p",Object.assign({className:i("relative line-clamp-2 transition-colors duration-200 ease-in-out","viewport"===d?"min-[767px]:text-right":"@[767px]/pickaxe-root:text-right",x&&"text-left"),style:{color:p?c.secondaryText:c.secondaryText+"60"}},{children:a}))]}))};export{a as default};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as t}from"react/jsx-runtime";import{usePickaxeContext as s}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useDocumentData as r}from"../../Addons/Document/hooks/useDocumentData.js";import{useStyleFontSize as o}from"../../../../hooks/studio/useStyleFontSize.js";import{formatBytes as a}from"../../../../common/utils.js";import c from"../../../Icons/file.svg.js";import n from"../../../../common/cn.js";const i=({documentId:i})=>{const{colors:l,styles:m,isRtl:d}=s(),u=r({documentId:i}),f=o();return"success"!==u.status?e("div",{}):t("a",Object.assign({href:u.data.storageUrl?u.data.storageUrl:"#",target:"_blank",className:n("gap-x-[10px] w-full max-w-[500px] flex items-center px-2 h-[56px] border",d&&"flex-row-reverse"),style:{borderRadius:m.cornerRadius,borderColor:l.secondary+"50"},rel:"noreferrer"},{children:[e("div",Object.assign({className:"w-10 h-10 flex items-center justify-center shrink-0",style:{backgroundColor:l.accent,borderRadius:m.cornerRadius}},{children:e(c,{className:"w-5 h-5",style:{color:l.accentText}})})),t("div",Object.assign({className:n("flex flex-col justify-center truncate",d?"text-right":"text-left")},{children:[e("p",Object.assign({className:(n(f.b3),"font-medium truncate")},{children:u.data.name})),t("p",Object.assign({className:n(f.b4,"opacity-80 truncate")},{children:[u.data.extension&&u.data.extension.toUpperCase()+", ",a(u.data.size)]}))]}))]}))};export{i as default};
1
+ import{jsx as e,jsxs as t}from"react/jsx-runtime";import{usePickaxeContext as s}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useDocumentData as r}from"../../Addons/Document/hooks/useDocumentData.js";import{useStyleFontSize as o}from"../../../../hooks/studio/useStyleFontSize.js";import{formatBytes as a}from"../../../../common/utils.js";import c from"../../../Icons/file.svg.js";import n from"../../../../common/cn.js";const i=({documentId:i})=>{const{colors:l,styles:m,isRtl:d}=s(),u=r({documentId:i}),f=o();return"success"!==u.status?e("div",{}):t("a",Object.assign({href:u.data.storageUrl?u.data.storageUrl:"#",target:"_blank",className:n("flex h-[56px] w-full max-w-[500px] items-center gap-x-[10px] border px-2",d&&"flex-row-reverse"),style:{borderRadius:m.cornerRadius,borderColor:l.secondary+"50"},rel:"noreferrer"},{children:[e("div",Object.assign({className:"flex h-10 w-10 shrink-0 items-center justify-center",style:{backgroundColor:l.accent,borderRadius:m.cornerRadius}},{children:e(c,{className:"h-5 w-5",style:{color:l.accentText}})})),t("div",Object.assign({className:n("flex flex-col justify-center truncate",d?"text-right":"text-left")},{children:[e("p",Object.assign({className:(n(f.b3),"truncate font-medium")},{children:u.data.name})),t("p",Object.assign({className:n(f.b4,"truncate opacity-80")},{children:[u.data.extension&&u.data.extension.toUpperCase()+", ",a(u.data.size)]}))]}))]}))};export{i as default};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as s}from"react/jsx-runtime";import{Fragment as t}from"react";import{usePickaxeContext as i}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleFontSize as o}from"../../../../hooks/studio/useStyleFontSize.js";import{useArtifact as a}from"../../Addons/Artifact/hooks/useArtifact.js";import{PickaxeMarkdown as l}from"../../common/PickaxeMarkdown/index.js";import{PickaxeMarkdownRenderer as c}from"../../common/PickaxeMarkdown/Renderer.js";import r from"../../common/PickaxeIcon.js";import n from"./Document.js";import m from"../../common/PickaxeCopyButton.js";import d from"../../../../common/cn.js";const x=({index:x,message:p,isIntroExpand:f})=>{var h,u;const{formId:b,pickaxe:g,styles:j,colors:v,misc:w,responsiveBy:k,disableHtml:y,disableJs:N,disableCss:O,isNewChat:C,isRtl:A}=i(),{onLoadArtifact:I}=a(),R=o(),P=null!==(h=null==g?void 0:g.chaticon)&&void 0!==h?h:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/chaticons/${b}.png`;return"assistant"===p.role?e("div",Object.assign({className:d("flex w-full",A?"justify-end":"justify-start")},{children:e("div",Object.assign({className:d("flex flex-col w-full",0===x&&C&&"viewport"===k&&"min-[767px]:max-w-[80%]",0===x&&C&&"container"===k&&"@[767px]/pickaxe-root:max-w-[80%]")},{children:s("div",Object.assign({className:d("flex gap-x-3",A&&"flex-row-reverse")},{children:[w.isChatImage&&"NONE"!==P&&e(r,{src:P,alt:"Assistant",width:24,height:24,className:"my-3 h-6 w-6",textColor:v.text}),s("div",Object.assign({className:d("flex flex-col flex-grow",A?"items-end":"items-start")},{children:[e("div",Object.assign({className:d(R.b2,"chat-message pt-3 w-full",A?"text-right":"text-left")},{children:e(l,Object.assign({theme:j.theme,colors:v,actions:!0},A&&{rtl:!0},y&&{disableHtml:!0},N&&{disableJs:!0},O&&{disableCss:!0},{onArtifactClick:I},{children:e(c,Object.assign({value:p.content},0===x&&C&&p.content.length>470&&3===(null!==(u=null==g?void 0:g.icebreakers)&&void 0!==u?u:[]).length&&!p.content.includes("https://utils.pickaxe.co/api/fn")&&{maxLines:f?void 0:12}))}))})),e("div",Object.assign({className:"mt-4 flex gap-3"},{children:e(m,{color:v.accent,text:p.content})}))]}))]}))}))})):"user"===p.role?e("div",Object.assign({className:d("flex w-full",A?"justify-start":"justify-end")},{children:e("div",Object.assign({className:d("flex gap-x-3 max-w-[80%]",A?"pr-9":"pl-9","viewport"===k?A?"min-[767px]:pr-0":"min-[767px]:pl-0":A?"@[767px]/pickaxe-root:pr-0":"@[767px]/pickaxe-root:pl-0")},{children:s("div",Object.assign({className:d(R.b2,"overflow-x-auto overflow-y-hidden px-4 py-3 scrollbar-thin scrollbar-track-white scrollbar-thumb-[#4A4A4B] flex flex-col gap-y-3",A?"text-right":"text-left"),style:{backgroundColor:v.secondary+"80",color:v.secondaryText,borderRadius:j.cornerRadius}},{children:[p.documentIds&&p.documentIds.length>0&&e("div",Object.assign({className:d("flex flex-col gap-y-2",A?"items-start":"items-end")},{children:p.documentIds.map((s=>e(t,{children:s.startsWith("IMAGE-")?e("div",Object.assign({className:"max-w-[300px]"},{children:e("img",{style:{borderRadius:j.cornerRadius},className:"object-cover w-full h-full",src:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/documentinterrogation/${s.split("-")[2]}/${s.split("-")[1]}.${null==s?void 0:s.split("-")[2]}`,alt:""})})):e(n,{documentId:s})},s)))})),e(l,Object.assign({theme:j.theme,colors:v},A&&{rtl:!0},y&&{disableHtml:!0},N&&{disableJs:!0},O&&{disableCss:!0},{children:e(c,{value:p.content})}))]}))}))})):e("div",{})};export{x as default};
1
+ import{jsx as e,jsxs as s}from"react/jsx-runtime";import{Fragment as t}from"react";import{usePickaxeContext as i}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleFontSize as o}from"../../../../hooks/studio/useStyleFontSize.js";import{useArtifact as a}from"../../Addons/Artifact/hooks/useArtifact.js";import{PickaxeMarkdown as l}from"../../common/PickaxeMarkdown/index.js";import{PickaxeMarkdownRenderer as c}from"../../common/PickaxeMarkdown/Renderer.js";import r from"../../common/PickaxeIcon.js";import n from"./Document.js";import m from"../../common/PickaxeCopyButton.js";import d from"../../../../common/cn.js";const x=({index:x,message:p,isIntroExpand:f})=>{var h,u;const{formId:b,pickaxe:g,styles:j,colors:v,misc:w,responsiveBy:k,disableHtml:y,disableJs:N,disableCss:O,isNewChat:C,isRtl:A}=i(),{onLoadArtifact:I}=a(),R=o(),P=null!==(h=null==g?void 0:g.chaticon)&&void 0!==h?h:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/chaticons/${b}.png`;return"assistant"===p.role?e("div",Object.assign({className:d("flex w-full",A?"justify-end":"justify-start")},{children:e("div",Object.assign({className:d("flex w-full flex-col",0===x&&C&&"viewport"===k&&"min-[767px]:max-w-[80%]",0===x&&C&&"container"===k&&"@[767px]/pickaxe-root:max-w-[80%]")},{children:s("div",Object.assign({className:d("flex gap-x-3",A&&"flex-row-reverse")},{children:[w.isChatImage&&"NONE"!==P&&e(r,{src:P,alt:"Assistant",width:24,height:24,className:"my-3 h-6 w-6",textColor:v.text}),s("div",Object.assign({className:d("flex flex-grow flex-col",A?"items-end":"items-start")},{children:[e("div",Object.assign({className:d(R.b2,"chat-message w-full pt-3",A?"text-right":"text-left")},{children:e(l,Object.assign({theme:j.theme,colors:v,actions:!0},A&&{rtl:!0},y&&{disableHtml:!0},N&&{disableJs:!0},O&&{disableCss:!0},{onArtifactClick:I},{children:e(c,Object.assign({value:p.content},0===x&&C&&p.content.length>470&&3===(null!==(u=null==g?void 0:g.icebreakers)&&void 0!==u?u:[]).length&&!p.content.includes("https://utils.pickaxe.co/api/fn")&&{maxLines:f?void 0:12}))}))})),e("div",Object.assign({className:"mt-4 flex gap-3"},{children:e(m,{color:v.accent,text:p.content})}))]}))]}))}))})):"user"===p.role?e("div",Object.assign({className:d("flex w-full",A?"justify-start":"justify-end")},{children:e("div",Object.assign({className:d("flex max-w-[80%] gap-x-3",A?"pr-9":"pl-9","viewport"===k?A?"min-[767px]:pr-0":"min-[767px]:pl-0":A?"@[767px]/pickaxe-root:pr-0":"@[767px]/pickaxe-root:pl-0")},{children:s("div",Object.assign({className:d(R.b2,"flex flex-col gap-y-3 overflow-x-auto overflow-y-hidden px-4 py-3 scrollbar-thin scrollbar-track-white scrollbar-thumb-[#4A4A4B]",A?"text-right":"text-left"),style:{backgroundColor:v.secondary+"80",color:v.secondaryText,borderRadius:j.cornerRadius}},{children:[p.documentIds&&p.documentIds.length>0&&e("div",Object.assign({className:d("flex flex-col gap-y-2",A?"items-start":"items-end")},{children:p.documentIds.map((s=>e(t,{children:s.startsWith("IMAGE-")?e("div",Object.assign({className:"max-w-[300px]"},{children:e("img",{style:{borderRadius:j.cornerRadius},className:"h-full w-full object-cover",src:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/documentinterrogation/${s.split("-")[2]}/${s.split("-")[1]}.${null==s?void 0:s.split("-")[2]}`,alt:""})})):e(n,{documentId:s})},s)))})),e(l,Object.assign({theme:j.theme,colors:v},A&&{rtl:!0},y&&{disableHtml:!0},N&&{disableJs:!0},O&&{disableCss:!0},{children:e(c,{value:p.content})}))]}))}))})):e("div",{})};export{x as default};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as s,Fragment as i}from"react/jsx-runtime";import{useMemo as a}from"react";import{usePickaxeContext as t}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useAuthContext as o}from"../../Addons/Auth/hooks/useAuthContext.js";import{useAuth as n}from"../../Addons/Auth/hooks/useAuth.js";import{useResponseContext as l}from"../../../../hooks/pickaxe/useResponseContext.js";import{useDimensionContext as r}from"../../../../hooks/pickaxe/useDimensionContext.js";import{useScrollContext as c}from"../../Addons/Scroll/hooks/useScrollContext.js";import{useStyleFontSize as m}from"../../../../hooks/studio/useStyleFontSize.js";import{useConversation as d}from"../../../../hooks/pickaxe/useConversation.js";import{useArtifactContext as p}from"../../Addons/Artifact/hooks/useArtifactContext.js";import{AnimatePresence as u,motion as f}from"framer-motion";import h from"../../../Icons/lock.svg.js";import g from"../../../Core/ErrorAlert.js";import x from"../../common/PickaxeHead.js";import j from"../../common/PickaxeCompactHead.js";import b from"../../common/PickaxeUpgradeCard.js";import v from"../../common/PickaxeBranding.js";import y from"../../common/PickaxeSkeleton.js";import w from"../../Addons/Scroll/ScrollLockView.js";import N from"../../Addons/Artifact/Renderer/index.js";import k from"./Message.js";import O from"./CustomMessage.js";import C from"../../../../common/cn.js";const A=({hideInfo:A,isInputFocused:S})=>{var P,R,I;const{deploymentType:L,pickaxe:E,colors:D,misc:H,translations:T,isNewChat:$,isRtl:z,isEmbed:F,isEmailLogin:M,setChatId:W}=t(),{emailInput:B,isLoggedOut:U,isSending:V,isResendDisabled:_,isSent:q}=o(),{onSend:G}=n(),{scrollContainerRef:J}=c(),{messages:K,status:Q,limitData:X,error:Y}=l(),{height:Z}=r(),{currentArtifact:ee,chatPopupType:se,currentPopupType:ie}=p(),ae=d(),te=m(),oe="chat-input"===L&&M&&U&&q,ne=a((()=>!!ae.data&&!(ae.data.messages.length<=1)),[ae.data]),le=a((()=>!A&&ae.isSuccess&&$&&!ne),[A,ae.isSuccess,$,ne]),re=a((()=>{var e,s;return!!K.length&&!(null!==(s=null===(e=null==K?void 0:K[K.length-1])||void 0===e?void 0:e.content)&&void 0!==s?s:"").trim()}),[K]);return e("div",Object.assign({ref:J,className:"flex w-full flex-col items-center overflow-y-auto mb-12 pb-8 scrollbar scrollbar-thin",style:{height:`calc(${Z}px - 74px)`}},{children:[s(u,{children:!!ee&&"inline"===ie&&s(f.div,Object.assign({className:C("absolute top-0 z-10 w-full px-4 py-2",se),style:{height:`calc(${Z}px - 80px)`},initial:{opacity:0,y:-20},animate:{opacity:1,y:0},exit:{opacity:0,y:-20},transition:{duration:.2,ease:"easeOut"}},{children:s(N,{type:"inline",className:"pxe-artifact-inline h-full shadow",artifact:{id:ee.id,version:ee.version}})}))}),e("div",Object.assign({className:"relative flex flex-col items-center flex-grow w-full max-w-[800px] px-4"},{children:[(le||!F)&&!H.isWhiteLabel&&s(v,{className:C("absolute top-4 right-4",!le&&!F&&"top-2"),animateHover:!0}),s(x,Object.assign({className:C("opacity-0 mt-[0%] transition-all duration-500 ease-in-out max-h-0 overflow-hidden max-w-[500px]",le&&"opacity-100 mt-[10%] max-h-[100%]"),iconClassName:"duration-300 hover:opacity-90",maxDescriptionChars:500},!oe&&{onIconClick:()=>W("")})),F&&!ae.isLoading&&s(j,Object.assign({className:C("opacity-0 transition-all duration-500 ease-in-out h-0 w-full",!le&&"opacity-100 h-[56px]"),iconClassName:"duration-300 hover:opacity-90"},!oe&&{onIconClick:()=>W("")})),s("div",Object.assign({className:C("flex flex-col mt-6 transition-all duration-300 ease-in-out w-full",F&&!ae.isLoading&&!le&&"mt-0")},{children:oe?s("div",Object.assign({className:"flex flex-col w-full"},{children:e("div",Object.assign({className:"grid grid-cols-1 gap-y-6 w-full"},{children:[s(O,Object.assign({chatRole:"user"},{children:e("div",Object.assign({className:"flex items-center gap-x-3"},{children:[s(h,{className:"h-6 w-6 shrink-0"}),s("p",Object.assign({className:"font-semilight"},{children:B}))]}))})),s(O,Object.assign({chatRole:"assistant"},{children:e("p",Object.assign({className:"py-3 font-semilight"},{children:[`${null!==(P=null==T?void 0:T["we-sent-your-an-activation-link"])&&void 0!==P?P:"We sent you an activation link. Please be sure to check your spam folder too."} `,s("span",Object.assign({className:"underline underline-offset-2 cursor-pointer",onClick:()=>{_||V||G(!0)}},{children:V?null!==(R=null==T?void 0:T.resending)&&void 0!==R?R:"Resending...":null!==(I=null==T?void 0:T.resend)&&void 0!==I?I:"Resend"}))]}))}))]}))})):s(i,{children:ae.isLoading&&!(null==E?void 0:E.enablechatresponses)?e("div",Object.assign({className:"grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-6 pt-10"},{children:[$&&e("div",Object.assign({className:"flex flex-col items-center w-full"},{children:[s(y,{className:"w-[72px] h-[72px]"}),s(y,{className:"h-[20px] mt-6 w-full"}),s(y,{className:"h-[20px] mt-2 w-full"}),s(y,{className:"h-[20px] mt-2 w-full max-w-[400px]"})]})),s(y,{className:"h-10 w-[70%] animate-pulse justify-self-end rounded"}),s(y,{className:"h-[150px] w-[70%] animate-pulse rounded"}),s(y,{className:"h-10 w-[50%] animate-pulse justify-self-end rounded"})]})):ae.isError?s("div",Object.assign({className:"flex w-full justify-center"},{children:e("p",Object.assign({className:C(te.b2,"text-center font-semibold")},{children:["Something went wrong. Please try again, or"," ",s("a",Object.assign({href:"mailto:info@pickaxeproject.com?subject=Help",target:"_blank",rel:"noreferrer"},{children:"contact us"}))," ","for help."]}))})):ae.data?e("div",Object.assign({className:"flex flex-col w-full"},{children:[e("div",Object.assign({className:"grid grid-cols-1 gap-y-6 w-full"},{children:[ae.data.messages.map(((e,i)=>s(k,Object.assign({index:i,message:e},0===i&&{isIntroExpand:S}),i))),K.map(((e,i)=>s(k,{index:ae.data.messages.length+i,message:e},i))),"fetching"===Q||re?s(O,Object.assign({chatRole:"assistant"},{children:s("div",Object.assign({className:"flex items-center gap-x-2 rounded px-2"},{children:Array.from({length:3}).map(((e,i)=>s("div",{className:C("h-1.5 w-1.5 animate-dot rounded-full",1===i&&"animate-dot-down"),style:{backgroundColor:D.secondaryText}},i)))}))})):X?s("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:s(b,{})})):Y?s("div",Object.assign({className:C("flex items-center gap-x-3",z?"justify-end":"justify-start")},{children:s(g,{error:Y})})):null]})),s(w,{})]})):null})}))]}))]}))};export{A as default};
1
+ import{jsxs as e,jsx as s,Fragment as i}from"react/jsx-runtime";import{useMemo as t}from"react";import{usePickaxeContext as a}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useAuthContext as o}from"../../Addons/Auth/hooks/useAuthContext.js";import{useAuth as n}from"../../Addons/Auth/hooks/useAuth.js";import{useResponseContext as l}from"../../../../hooks/pickaxe/useResponseContext.js";import{useDimensionContext as r}from"../../../../hooks/pickaxe/useDimensionContext.js";import{useScrollContext as c}from"../../Addons/Scroll/hooks/useScrollContext.js";import{useStyleFontSize as m}from"../../../../hooks/studio/useStyleFontSize.js";import{useConversation as d}from"../../../../hooks/pickaxe/useConversation.js";import{useArtifactContext as p}from"../../Addons/Artifact/hooks/useArtifactContext.js";import{AnimatePresence as u,motion as h}from"framer-motion";import f from"../../../Icons/lock.svg.js";import g from"../../../Core/ErrorAlert.js";import x from"../../common/PickaxeHead.js";import j from"../../common/PickaxeEmbedHead.js";import y from"../../common/PickaxeUpgradeCard.js";import b from"../../common/PickaxeSkeleton.js";import v from"../../common/PickaxeHistoryButton.js";import k from"../../Addons/Scroll/ScrollLockView.js";import w from"../../Addons/Artifact/Renderer/index.js";import N from"./Message.js";import O from"./CustomMessage.js";import C from"../../../../common/cn.js";const A=({hideInfo:A,isInputFocused:S})=>{var I,P,R;const{chatId:H,deploymentType:L,pickaxe:E,colors:T,translations:D,isNewChat:z,isRtl:$,isEmbed:B,isEmailLogin:F,setChatId:M,setLastChatId:U}=a(),{emailInput:V,isLoggedOut:W,isSending:_,isResendDisabled:q,isSent:G}=o(),{onSend:J}=n(),{scrollContainerRef:K}=c(),{messages:Q,status:X,limitData:Y,error:Z}=l(),{height:ee}=r(),{currentArtifact:se,chatPopupType:ie,currentPopupType:te}=p(),ae=d(),oe=m(),ne="chat-input"===L&&F&&W&&G,le=t((()=>!!ae.data&&!(ae.data.messages.length<=1)),[ae.data]),re=t((()=>!A&&ae.isSuccess&&z&&!le),[A,ae.isSuccess,z,le]),ce=t((()=>{var e,s;return!!Q.length&&!(null!==(s=null===(e=null==Q?void 0:Q[Q.length-1])||void 0===e?void 0:e.content)&&void 0!==s?s:"").trim()}),[Q]),me=()=>{U(H),M("")};return e("div",Object.assign({ref:K,className:"mb-12 flex w-full flex-col items-center overflow-y-auto pb-8 scrollbar scrollbar-thin",style:{height:`calc(${ee}px - 74px)`}},{children:[s(u,{children:!!se&&"inline"===te&&s(h.div,Object.assign({className:C("absolute top-0 z-10 w-full px-4 py-2",ie),style:{height:`calc(${ee}px - 80px)`},initial:{opacity:0,y:-20},animate:{opacity:1,y:0},exit:{opacity:0,y:-20},transition:{duration:.2,ease:"easeOut"}},{children:s(w,{type:"inline",className:"pxe-artifact-inline h-full shadow",artifact:{id:se.id,version:se.version}})}))}),e("div",Object.assign({className:"relative flex w-full max-w-[800px] flex-grow flex-col items-center"},{children:[re&&B&&s("div",Object.assign({className:C("absolute right-4 top-3 flex items-center gap-2","popup"===L&&"right-12")},{children:s(v,{tip:(null==D?void 0:D["chat-history"])||"Chat History",onClick:me})})),s(x,Object.assign({className:C("mt-[0%] max-h-0 max-w-[500px] overflow-hidden opacity-0 transition-all duration-500 ease-in-out",re&&"mt-[10%] max-h-[100%] opacity-100"),iconClassName:"duration-300 hover:opacity-90",maxDescriptionChars:500},!ne&&{onIconClick:me})),B&&!ae.isLoading&&s(j,Object.assign({className:C("sticky top-0 z-10 h-0 w-full opacity-0 transition-all duration-500 ease-in-out",!re&&"min-h-[56px] opacity-100"),iconClassName:"duration-300 hover:opacity-90",historyBtnTip:(null==D?void 0:D["chat-history"])||"Chat History"},!ne&&{onIconClick:me,onHistoryClick:me})),s("div",Object.assign({className:C("mt-6 flex w-full flex-col px-4 transition-all duration-300 ease-in-out",B&&!ae.isLoading&&!re&&"mt-0")},{children:ne?s("div",Object.assign({className:"flex w-full flex-col"},{children:e("div",Object.assign({className:"grid w-full grid-cols-1 gap-y-6"},{children:[s(O,Object.assign({chatRole:"user"},{children:e("div",Object.assign({className:"flex items-center gap-x-3"},{children:[s(f,{className:"h-6 w-6 shrink-0"}),s("p",Object.assign({className:"font-semilight"},{children:V}))]}))})),s(O,Object.assign({chatRole:"assistant"},{children:e("p",Object.assign({className:"py-3 font-semilight"},{children:[`${null!==(I=null==D?void 0:D["we-sent-your-an-activation-link"])&&void 0!==I?I:"We sent you an activation link. Please be sure to check your spam folder too."} `,s("span",Object.assign({className:"cursor-pointer underline underline-offset-2",onClick:()=>{q||_||J(!0)}},{children:_?null!==(P=null==D?void 0:D.resending)&&void 0!==P?P:"Resending...":null!==(R=null==D?void 0:D.resend)&&void 0!==R?R:"Resend"}))]}))}))]}))})):s(i,{children:ae.isLoading&&!(null==E?void 0:E.enablechatresponses)?e("div",Object.assign({className:"grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-6 pt-10"},{children:[z&&e("div",Object.assign({className:"flex w-full flex-col items-center"},{children:[s(b,{className:"h-[72px] w-[72px]"}),s(b,{className:"mt-6 h-[20px] w-full"}),s(b,{className:"mt-2 h-[20px] w-full"}),s(b,{className:"mt-2 h-[20px] w-full max-w-[400px]"})]})),s(b,{className:"h-10 w-[70%] animate-pulse justify-self-end rounded"}),s(b,{className:"h-[150px] w-[70%] animate-pulse rounded"}),s(b,{className:"h-10 w-[50%] animate-pulse justify-self-end rounded"})]})):ae.isError?s("div",Object.assign({className:"flex w-full justify-center"},{children:e("p",Object.assign({className:C(oe.b2,"text-center font-semibold")},{children:["Something went wrong. Please try again, or"," ",s("a",Object.assign({href:"mailto:info@pickaxeproject.com?subject=Help",target:"_blank",rel:"noreferrer"},{children:"contact us"}))," ","for help."]}))})):ae.data?e("div",Object.assign({className:"flex w-full flex-col"},{children:[e("div",Object.assign({className:"grid w-full grid-cols-1 gap-y-6"},{children:[ae.data.messages.map(((e,i)=>s(N,Object.assign({index:i,message:e},0===i&&{isIntroExpand:S}),i))),Q.map(((e,i)=>s(N,{index:ae.data.messages.length+i,message:e},i))),"fetching"===X||ce?s(O,Object.assign({chatRole:"assistant"},{children:s("div",Object.assign({className:"flex items-center gap-x-2 rounded px-2"},{children:Array.from({length:3}).map(((e,i)=>s("div",{className:C("h-1.5 w-1.5 animate-dot rounded-full",1===i&&"animate-dot-down"),style:{backgroundColor:T.secondaryText}},i)))}))})):Y?s("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:s(y,{})})):Z?s("div",Object.assign({className:C("flex items-center gap-x-3",$?"justify-end":"justify-start")},{children:s(g,{error:Z})})):null]})),s(k,{})]})):null})}))]}))]}))};export{A as default};
@@ -1 +1 @@
1
- import{__rest as e,__awaiter as t}from"../../../_virtual/_tslib.js";import{jsx as s,jsxs as o}from"react/jsx-runtime";import{useState as i,useRef as n,useMemo as r,useEffect as a}from"react";import{usePickaxeContext as l}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as d}from"../../../hooks/pickaxe/useResponseContext.js";import{useStyleInput as c}from"../../../hooks/studio/useStyleInput.js";import{useStyleFontSize as u}from"../../../hooks/studio/useStyleFontSize.js";import{useConversation as m}from"../../../hooks/pickaxe/useConversation.js";import{useAuthContext as p}from"../Addons/Auth/hooks/useAuthContext.js";import{useSubmit as f}from"../../../hooks/pickaxe/useSubmit.js";import{useDocument as v}from"../Addons/Document/hooks/useDocument.js";import{useScroll as h}from"../Addons/Scroll/hooks/useScroll.js";import{useArtifactContext as g}from"../Addons/Artifact/hooks/useArtifactContext.js";import{useHover as b}from"../../../hooks/core/useHover.js";import{allowedFileMimeTypes as j,allowedImageMimeTypes as x}from"../../../common/documents.js";import{createParser as k}from"eventsource-parser";import y from"../../Icons/attach-vertical.svg.js";import O from"../../Icons/arrow-right.svg.js";import w from"../Addons/IceBreaker/index.js";import I from"../Addons/Document/List.js";import S from"../../Core/Textarea.js";import N from"../../Core/ErrorAlert.js";import A from"../../../common/error.js";import C from"../../../common/cn.js";const D=({isFocused:D,onFocus:B,onBlur:E})=>{var U,J,T;const{formId:W,chatId:_,userId:F,studioUserId:L,embedUserId:H,deploymentId:R,deploymentType:P,pickaxe:z,styles:G,colors:K,responsiveBy:M,isNewChat:q,isRtl:Q,isEmailLogin:V,setIsNewChat:X,setIsShowIceBreaker:Y,onGenerateComplete:Z}=l(),{token:$,isLoggedOut:ee,isSent:te}=p(),{messages:se,status:oe,limits:ie,isGenerating:ne,setMessages:re,setStatus:ae,setLimitData:le,setError:de}=d(),{documents:ce,isUploading:ue,isImageUploadAllowed:me,documentError:pe,onFileUpload:fe,setDocuments:ve,setDocumentError:he}=v(),{scrollStartSession:ge,scrollEndSession:be,scrollToBottom:je}=h({auto:!0}),{artifacts:xe,currentPopupType:ke,setArtifacts:ye,setCurrentArtifact:Oe}=g(),we=m(),Ie=f(),[Se,Ne]=i(""),Ae=n(null),Ce=b(),{isHover:De}=Ce,Be=e(Ce,["isHover"]),Ee=b(),{isHover:Ue}=Ee,Je=e(Ee,["isHover"]),Te=u(),We=c(),_e="chat-input"===P&&q&&!te,Fe="chat-input"===P&&V&&ee&&te,Le=r((()=>{var e,t,s;return!!q&&(!!z&&(!we.isLoading&&(!((null!==(t=null===(e=we.data)||void 0===e?void 0:e.messages.length)&&void 0!==t?t:0)>1)&&!!(null===(s=z.icebreakers)||void 0===s?void 0:s.length))))}),[z,q,we.data,we.isLoading]),He=r((()=>{if(ne||ue)return!1;return!!Se.trim()&&ce.every((e=>"finished"===e.status||e.isInsertedAsRaw))}),[ne,ue,Se,ce]),Re=e=>t(void 0,void 0,void 0,(function*(){var t,s;try{if("idle"!==oe||ue)return;const o=null!=e?e:Se;if(!o)return;de(""),he(""),le(null),Ne(""),X(!1),ae("fetching"),ge(),je();const i=ce.filter((e=>"finished"===e.status&&!e.isInsertedAsRaw)).map((e=>e.documentId)).filter(Boolean),n=null!==(s=null===(t=null==z?void 0:z.documentuploadtype)||void 0===t?void 0:t.startsWith("enduserupload"))&&void 0!==s&&s&&i.length>0,r=[...Array.from(se),Object.assign({id:se.length+1,role:"user",content:o},n&&{documentIds:i})];re(r),je(),n&&ve([]);const a=(yield Ie.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:W,responseId:_,value:o},n&&{documentIds:i}),F&&{userId:F}),L&&{studioUserId:L}),H&&{embedUserId:H}),$&&{studioSessionToken:$}),R&&{deploymentId:R}))).body;if(!a)throw new Error("Streaming error");const l=r.length,d=new TextDecoder,c=a.getReader();let u="",m=!0,p=!1,f=[...null!=xe?xe:[]];const v=k({onEvent:e=>{if("delta"===e.event){const t=JSON.parse(e.data).token.replace(/\u200B/g,"");u+=t,re([...r.slice(0,l),{id:se.length+1,role:"assistant",content:u}])}else if("artifact_created"===e.event){const t=JSON.parse(e.data);f=f.filter((e=>!(e.id===t.id&&e.version===t.version))),f.push(Object.assign(Object.assign({},t),{content:"",status:"streaming"})),ye(f),ke.startsWith("inline")||Oe({id:t.id,version:t.version})}else if("artifact_updated"===e.event){const t=JSON.parse(e.data);f=f.filter((e=>!(e.id===t.id&&e.version===t.version))),f.push(Object.assign(Object.assign({},t),{content:"",status:"updating"})),ye(f),ke.startsWith("inline")||Oe({id:t.id,version:t.version})}else if("artifact_rewrite"===e.event){const t=JSON.parse(e.data);f=f.filter((e=>!(e.id===t.id&&e.version===t.version))),f.push(Object.assign(Object.assign({},t),{content:"",status:"streaming"})),ye(f),ke.startsWith("inline")||Oe({id:t.id,version:t.version})}else if("artifact_content"===e.event){const t=JSON.parse(e.data),s=t.token.replace(/\u200B/g,"");f=f.map((e=>e.id===t.id&&e.version===t.version?Object.assign(Object.assign({},e),{content:e.content+s,status:"streaming"}):e)),ye(f)}else if("artifact_finished"===e.event){const t=JSON.parse(e.data);ye(f.map((e=>e.id===t.id?Object.assign(Object.assign({},e),{status:"finished"}):e)))}else if("error"===e.event){const t=JSON.parse(e.data);de(t.error||"Something went wrong, please try again.")}else"stop"===e.event&&(m=!1)}});for(;m;){const{value:e,done:t}=yield c.read();if(t){m=!1;break}const s=d.decode(e);s&&(p||(ae("streaming"),p=!0),v.feed(s))}null==Z||Z(_)}catch(e){let t=A(e)||"";t&&!t.includes("Unexpected token 'A',")||(t="Oops! We're experiencing high traffic at the moment. Please try again later.");const s=Object.entries(ie).find((([e])=>t.includes(e)));s?le(s[1]):de(t)}finally{je(),ae("idle"),be()}}));return a((()=>{Y(Le)}),[Le]),Fe?null:s("div",Object.assign({className:C("w-full flex flex-col items-center absolute bottom-0 left-0 z-1",!_e&&"px-4 pb-4"),dir:Q?"rtl":"ltr"},{children:o("div",Object.assign({className:"relative flex flex-col max-w-[800px] w-full"},{children:[!_e&&s("div",Object.assign({className:C("absolute bottom-full",Q?"left-0":"right-0")},{children:s("div",Object.assign({className:C("flex flex-col gap-2 pb-4 px-2",Q?"justify-start":"justify-end","viewport"===M?Q?"min-[767px]:items-start":"min-[767px]:items-end":Q?"@[767px]/pickaxe-root:items-start":"@[767px]/pickaxe-root:items-end")},{children:Le&&!D&&s(w,{data:(null==z?void 0:z.icebreakers)||[],onSend:Re})}))})),o("div",Object.assign({className:C("flex flex-col gap-y-3 px-4 py-3","block"===G.formFieldStyle&&"shadow"),style:We},{children:["idle"===oe&&ce.length>0&&s(I,{isDisabled:"idle"!==oe}),o("div",Object.assign({className:C("flex items-end gap-x-2",Q&&"flex-row-reverse")},{children:[s(S,Object.assign({className:C(Te.i1,"max-h-60 min-h-[27px] w-full border-transparent bg-transparent",!Se.length&&"max-h-6 overflow-hidden text-ellipsis whitespace-nowrap",Q?"text-right":"text-left"),value:Se,placeholder:null!==(U=null==z?void 0:z.placeholdertext)&&void 0!==U?U:Q?"بماذا تريد أن تتحدث؟":"What do you want to talk about?",onChange:e=>Ne(e),onKeyDown:e=>{"Enter"===e.key&&(e.shiftKey||(e.preventDefault(),ue||"idle"!==oe||Re()))}},B&&{onFocus:B},E&&{onBlur:E},{dir:Q?"rtl":"ltr"})),o("div",Object.assign({className:"flex items-center gap-x-2"},{children:[null!==(T=null===(J=null==z?void 0:z.documentuploadtype)||void 0===J?void 0:J.startsWith("enduserupload"))&&void 0!==T&&T&&o("button",Object.assign({className:"outline-none disabled:cursor-default w-8 h-8 flex items-center justify-center rounded-full transition-colors duration-200 ease-in-out",style:{backgroundColor:Ue?K.accent+"10":void 0,color:Ue?K.accent:K.accent+"80"},disabled:ue||"idle"!==oe,onClick:()=>{var e;return null===(e=Ae.current)||void 0===e?void 0:e.click()}},Je,{children:[s("input",{id:"file-upload",ref:Ae,type:"file",accept:[...j,...me?x:[]].join(", "),multiple:!0,hidden:!0,className:"hidden",onChange:e=>t(void 0,void 0,void 0,(function*(){X(!1),yield fe(Array.from(e.target.files||[])),e.target.value=""}))}),s(y,{className:"h-6 w-6 shrink-0"})]})),s("button",Object.assign({className:"outline-none disabled:cursor-default w-8 h-8 flex items-center justify-center rounded-full duration-200 transition-colors ease-in-out",style:{backgroundColor:De||He?K.accent:K.accent+"10",color:De||He?K.accentText:K.accent+"80"},disabled:"idle"!==oe||ue,onClick:()=>Re()},Be,{children:s(O,{className:C("h-6 w-6 shrink-0",Q&&"transform scale-x-[-1]")})}))]}))]}))]})),pe&&s(N,{error:pe,className:"mt-3"})]}))}))};export{D as default};
1
+ import{__rest as e,__awaiter as t}from"../../../_virtual/_tslib.js";import{jsx as s,jsxs as o}from"react/jsx-runtime";import{useState as i,useRef as n,useMemo as r,useEffect as a}from"react";import{usePickaxeContext as l}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as d}from"../../../hooks/pickaxe/useResponseContext.js";import{useStyleInput as c}from"../../../hooks/studio/useStyleInput.js";import{useStyleFontSize as u}from"../../../hooks/studio/useStyleFontSize.js";import{useConversation as m}from"../../../hooks/pickaxe/useConversation.js";import{useAuthContext as p}from"../Addons/Auth/hooks/useAuthContext.js";import{useSubmit as f}from"../../../hooks/pickaxe/useSubmit.js";import{useDocument as v}from"../Addons/Document/hooks/useDocument.js";import{useScroll as h}from"../Addons/Scroll/hooks/useScroll.js";import{useArtifactContext as g}from"../Addons/Artifact/hooks/useArtifactContext.js";import{useHover as j}from"../../../hooks/core/useHover.js";import{allowedFileMimeTypes as b,allowedImageMimeTypes as x}from"../../../common/documents.js";import{createParser as k}from"eventsource-parser";import y from"../../Icons/attach-vertical.svg.js";import O from"../../Icons/arrow-right.svg.js";import w from"../Addons/IceBreaker/index.js";import I from"../Addons/Document/List.js";import N from"../../Core/Textarea.js";import S from"../../Core/ErrorAlert.js";import A from"../common/PickaxeBranding.js";import C from"../../../common/error.js";import B from"../../../common/cn.js";const D=({isFocused:D,onFocus:E,onBlur:U})=>{var W,J,L;const{formId:T,chatId:_,userId:F,studioUserId:H,embedUserId:R,deploymentId:P,deploymentType:z,pickaxe:G,styles:K,colors:M,misc:q,responsiveBy:Q,isNewChat:V,isRtl:X,isEmailLogin:Y,setIsNewChat:Z,setIsShowIceBreaker:$,onGenerateComplete:ee}=l(),{token:te,isLoggedOut:se,isSent:oe}=p(),{messages:ie,status:ne,limits:re,isGenerating:ae,setMessages:le,setStatus:de,setLimitData:ce,setError:ue}=d(),{documents:me,isUploading:pe,isImageUploadAllowed:fe,documentError:ve,onFileUpload:he,setDocuments:ge,setDocumentError:je}=v(),{scrollStartSession:be,scrollEndSession:xe,scrollToBottom:ke}=h({auto:!0}),{artifacts:ye,currentPopupType:Oe,setArtifacts:we,setCurrentArtifact:Ie}=g(),Ne=m(),Se=f(),[Ae,Ce]=i(""),Be=n(null),De=j(),{isHover:Ee}=De,Ue=e(De,["isHover"]),We=j(),{isHover:Je}=We,Le=e(We,["isHover"]),Te=u(),_e=c(),Fe="chat-input"===z&&V&&!oe,He="chat-input"===z&&Y&&se&&oe,Re=r((()=>{var e,t,s;return!!V&&(!!G&&(!Ne.isLoading&&(!((null!==(t=null===(e=Ne.data)||void 0===e?void 0:e.messages.length)&&void 0!==t?t:0)>1)&&!!(null===(s=G.icebreakers)||void 0===s?void 0:s.length))))}),[G,V,Ne.data,Ne.isLoading]),Pe=r((()=>{if(ae||pe)return!1;return!!Ae.trim()&&me.every((e=>"finished"===e.status||e.isInsertedAsRaw))}),[ae,pe,Ae,me]),ze=e=>t(void 0,void 0,void 0,(function*(){var t,s;try{if("idle"!==ne||pe)return;const o=null!=e?e:Ae;if(!o)return;ue(""),je(""),ce(null),Ce(""),Z(!1),de("fetching"),be(),ke();const i=me.filter((e=>"finished"===e.status&&!e.isInsertedAsRaw)).map((e=>e.documentId)).filter(Boolean),n=null!==(s=null===(t=null==G?void 0:G.documentuploadtype)||void 0===t?void 0:t.startsWith("enduserupload"))&&void 0!==s&&s&&i.length>0,r=[...Array.from(ie),Object.assign({id:ie.length+1,role:"user",content:o},n&&{documentIds:i})];le(r),ke(),n&&ge([]);const a=(yield Se.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:T,responseId:_,value:o},n&&{documentIds:i}),F&&{userId:F}),H&&{studioUserId:H}),R&&{embedUserId:R}),te&&{studioSessionToken:te}),P&&{deploymentId:P}))).body;if(!a)throw new Error("Streaming error");const l=r.length,d=new TextDecoder,c=a.getReader();let u="",m=!0,p=!1,f=[...null!=ye?ye:[]];const v=k({onEvent:e=>{if("delta"===e.event){const t=JSON.parse(e.data).token.replace(/\u200B/g,"");u+=t,le([...r.slice(0,l),{id:ie.length+1,role:"assistant",content:u}])}else if("artifact_created"===e.event){const t=JSON.parse(e.data);f=f.filter((e=>!(e.id===t.id&&e.version===t.version))),f.push(Object.assign(Object.assign({},t),{content:"",status:"streaming"})),we(f),Oe.startsWith("inline")||Ie({id:t.id,version:t.version})}else if("artifact_updated"===e.event){const t=JSON.parse(e.data);f=f.filter((e=>!(e.id===t.id&&e.version===t.version))),f.push(Object.assign(Object.assign({},t),{content:"",status:"updating"})),we(f),Oe.startsWith("inline")||Ie({id:t.id,version:t.version})}else if("artifact_rewrite"===e.event){const t=JSON.parse(e.data);f=f.filter((e=>!(e.id===t.id&&e.version===t.version))),f.push(Object.assign(Object.assign({},t),{content:"",status:"streaming"})),we(f),Oe.startsWith("inline")||Ie({id:t.id,version:t.version})}else if("artifact_content"===e.event){const t=JSON.parse(e.data),s=t.token.replace(/\u200B/g,"");f=f.map((e=>e.id===t.id&&e.version===t.version?Object.assign(Object.assign({},e),{content:e.content+s,status:"streaming"}):e)),we(f)}else if("artifact_finished"===e.event){const t=JSON.parse(e.data);we(f.map((e=>e.id===t.id?Object.assign(Object.assign({},e),{status:"finished"}):e)))}else if("error"===e.event){const t=JSON.parse(e.data);ue(t.error||"Something went wrong, please try again.")}else"stop"===e.event&&(m=!1)}});for(;m;){const{value:e,done:t}=yield c.read();if(t){m=!1;break}const s=d.decode(e);s&&(p||(de("streaming"),p=!0),v.feed(s))}null==ee||ee(_)}catch(e){let t=C(e)||"";t&&!t.includes("Unexpected token 'A',")||(t="Oops! We're experiencing high traffic at the moment. Please try again later.");const s=Object.entries(re).find((([e])=>t.includes(e)));s?ce(s[1]):ue(t)}finally{ke(),de("idle"),xe()}}));return a((()=>{$(Re)}),[Re]),He?null:s("div",Object.assign({className:B("z-1 absolute bottom-0 left-0 flex w-full flex-col items-center",!Fe&&"px-4 pb-4"),dir:X?"rtl":"ltr"},{children:o("div",Object.assign({className:"relative flex w-full max-w-[800px] flex-col"},{children:[!Fe&&s("div",Object.assign({className:B("absolute bottom-full",X?"left-0":"right-0")},{children:o("div",Object.assign({className:B("flex flex-col gap-2 px-2 pb-4",X?"justify-start":"justify-end","viewport"===Q?X?"min-[767px]:items-start":"min-[767px]:items-end":X?"@[767px]/pickaxe-root:items-start":"@[767px]/pickaxe-root:items-end")},{children:[!q.isWhiteLabel&&s(A,{containerClassName:"justify-end"}),Re&&!D&&s(w,{data:(null==G?void 0:G.icebreakers)||[],onSend:ze})]}))})),o("div",Object.assign({className:B("flex flex-col gap-y-3 px-4 py-3","block"===K.formFieldStyle&&"shadow"),style:_e},{children:["idle"===ne&&me.length>0&&s(I,{isDisabled:"idle"!==ne}),o("div",Object.assign({className:B("flex items-end gap-x-2",X&&"flex-row-reverse")},{children:[s(N,Object.assign({className:B(Te.i1,"max-h-60 min-h-[27px] w-full border-transparent bg-transparent",!Ae.length&&"max-h-6 overflow-hidden text-ellipsis whitespace-nowrap",X?"text-right":"text-left"),value:Ae,placeholder:null!==(W=null==G?void 0:G.placeholdertext)&&void 0!==W?W:X?"بماذا تريد أن تتحدث؟":"What do you want to talk about?",onChange:e=>Ce(e),onKeyDown:e=>{"Enter"===e.key&&(e.shiftKey||(e.preventDefault(),pe||"idle"!==ne||ze()))}},E&&{onFocus:E},U&&{onBlur:U},{dir:X?"rtl":"ltr"})),o("div",Object.assign({className:"flex items-center gap-x-2"},{children:[null!==(L=null===(J=null==G?void 0:G.documentuploadtype)||void 0===J?void 0:J.startsWith("enduserupload"))&&void 0!==L&&L&&o("button",Object.assign({className:"flex h-8 w-8 items-center justify-center rounded-full outline-none transition-colors duration-200 ease-in-out disabled:cursor-default",style:{backgroundColor:Je?M.accent+"10":void 0,color:Je?M.accent:M.accent+"80"},disabled:pe||"idle"!==ne,onClick:()=>{var e;return null===(e=Be.current)||void 0===e?void 0:e.click()}},Le,{children:[s("input",{id:"file-upload",ref:Be,type:"file",accept:[...b,...fe?x:[]].join(", "),multiple:!0,hidden:!0,className:"hidden",onChange:e=>t(void 0,void 0,void 0,(function*(){Z(!1),yield he(Array.from(e.target.files||[])),e.target.value=""}))}),s(y,{className:"h-6 w-6 shrink-0"})]})),s("button",Object.assign({className:"flex h-8 w-8 items-center justify-center rounded-full outline-none transition-colors duration-200 ease-in-out disabled:cursor-default",style:{backgroundColor:Ee||Pe?M.accent:M.accent+"10",color:Ee||Pe?M.accentText:M.accent+"80"},disabled:"idle"!==ne||pe,onClick:()=>ze()},Ue,{children:s(O,{className:B("h-6 w-6 shrink-0",X&&"scale-x-[-1] transform")})}))]}))]}))]})),ve&&s(S,{error:ve,className:"mt-3"})]}))}))};export{D as default};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as s}from"react/jsx-runtime";import{Fragment as i}from"react";import{useInView as a}from"react-intersection-observer";import{usePickaxeContext as t}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useHistory as r}from"../../../../hooks/pickaxe/useHistory.js";import o from"../../../Icons/spinner-circle.svg.js";import n from"./Item.js";const c=()=>{var c,l;const{styles:m,colors:d,misc:p}=t(),f=r({enabled:null===(c=p.isHistory)||void 0===c||c}),g=!!p.isHistory&&f.isLoading,{ref:h}=a({onChange(e){e&&f.hasNextPage&&f.fetchNextPage()}});return g?e("div",{className:"w-full min-h-[300px] animate-pulse bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===m.theme?"#1E1E1F":"#E5E7EB"}}):f.isError?e("div",{}):s("div",Object.assign({className:"flex flex-col gap-y-8"},{children:[null===(l=f.data)||void 0===l?void 0:l.pages.map(((s,a)=>e(i,{children:s.data.map((s=>e(i,{children:e(n,{item:s})},s.responseId)))},a))),e("div",Object.assign({className:"flex items-center justify-center"},{children:f.isFetchingNextPage?e(o,{className:"my-10 h-14 w-14 animate-spin animate-spin text-gray-300",style:{fill:d.accent}}):f.hasNextPage?e("div",{ref:h,className:"invisible h-14 w-14"}):null}))]}))};export{c as default};
1
+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useMemo as a,Fragment as s}from"react";import{useInView as i}from"react-intersection-observer";import{usePickaxeContext as o}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useHistory as r}from"../../../../hooks/pickaxe/useHistory.js";import c from"./Item.js";const n=()=>{var n,l;const{misc:m,translations:d}=o(),h=r({enabled:null===(n=m.isHistory)||void 0===n||n}),{ref:p}=i({onChange(e){e&&h.hasNextPage&&h.fetchNextPage()}}),g=a((()=>{var e;return(null===(e=h.data)||void 0===e?void 0:e.pages.reduce(((e,t)=>e+t.data.length),0))||0}),[h.data]);return g||h.isLoading?e("div",Object.assign({className:"flex flex-col gap-y-8"},{children:[null===(l=h.data)||void 0===l?void 0:l.pages.map(((e,a)=>t(s,{children:e.data.map(((e,a)=>t(s,{children:t(c,{item:e})},a)))},a))),h.hasNextPage&&t("div",{ref:p,className:"invisible h-14 w-14"})]})):e("div",Object.assign({className:"flex flex-col items-center justify-center gap-2"},{children:[t("img",{src:"https://pickaxe.co/resources/images/no-history.webp",alt:"No history",className:"h-32 w-32 select-none object-contain",draggable:!1}),t("p",Object.assign({className:"text-center text-sm"},{children:(null==d?void 0:d["no-history"])||"No history yet."}))]}))};export{n as default};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useMemo as o}from"react";import{usePickaxeContext as t}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as i}from"../../../../hooks/pickaxe/useResponseContext.js";import{useStyleFontSize as l}from"../../../../hooks/studio/useStyleFontSize.js";import{useDocument as n}from"../../Addons/Document/hooks/useDocument.js";import{useArtifact as a}from"../../Addons/Artifact/hooks/useArtifact.js";import{format as r}from"date-fns";import{PickaxeMarkdown as c}from"../../common/PickaxeMarkdown/index.js";import{PickaxeMarkdownRenderer as d}from"../../common/PickaxeMarkdown/Renderer.js";import m from"../../../Icons/message-square-notes.svg.js";import p from"../../../Icons/visitor.svg.js";import h from"../../common/PickaxeIcon.js";import u from"../../common/PickaxeSimpleButton.js";import f from"../../common/PickaxeCopyButton.js";import g from"../../../../common/cn.js";const x=({item:x})=>{const{pickaxe:b,styles:v,colors:j,misc:k,translations:y,disableHtml:w,disableJs:N,disableCss:C,isRtl:O,setChatId:I,setIsNewChat:A}=t(),{setMessages:M}=i(),{setDocuments:P}=n(),{onLoadArtifact:$}=a(),S=l(),q=o((()=>r(x.createdAt,"hh:mm a MMM dd, yy")),[x]),H=o((()=>x&&x.messages?x.messages.length:0),[x]),R=o((()=>{var e,s,o,t;if("form"===x.type){return(null!==(e=x.questions)&&void 0!==e?e:[]).map((e=>`<div style="display: flex; flex-direction: column; margin-bottom: 1em;">\n <p style="font-weight: 500;">${e.question}</p>\n <p>${e.answer||"n/a"}</p>\n</div>`)).join("")}return null!==(t=null===(o=null===(s=x.messages)||void 0===s?void 0:s[0])||void 0===o?void 0:o.message)&&void 0!==t?t:""}),[x]),B=o((()=>{var e,s,o,t;return"form"===x.type?null!==(e=x.questionResponse)&&void 0!==e?e:"":null!==(t=null===(o=null===(s=x.messages)||void 0===s?void 0:s[1])||void 0===o?void 0:o.message)&&void 0!==t?t:""}),[x]);return e("div",Object.assign({className:"flex flex-col shadow-black transition duration-300 hover:shadow"},{children:[e("div",Object.assign({className:"flex gap-x-3 overflow-hidden px-4 py-5",style:{backgroundColor:j.primary,color:j.text}},{children:[s("div",Object.assign({className:"shrink-0 pt-1"},{children:s(p,{className:"h-6 w-6"})})),e("div",Object.assign({className:"flex flex-col gap-y-1 overflow-x-auto pb-1.5 scrollbar-track-gray-100 scrollbar-thumb-[#4A4A4B] lg:max-w-[520px] lg:scrollbar-thin"},{children:[s("input",{id:`${x.responseId}-input`,type:"checkbox",className:"peer hidden",defaultChecked:R.length<280}),s("div",{className:"danger-html hidden flex-col peer-checked:flex",dangerouslySetInnerHTML:{__html:R}}),s("label",Object.assign({htmlFor:`${x.responseId}-input`,className:g(S.b3,"mt-1 flex shrink-0 whitespace-nowrap font-semibold peer-checked:hidden hover:cursor-pointer"),style:{color:j.accent}},{children:(null==y?void 0:y["see-input"])||"See input"})),s("label",Object.assign({htmlFor:`${x.responseId}-input`,className:g(S.b3,"hidden shrink-0 whitespace-nowrap font-semibold peer-checked:flex hover:cursor-pointer"),style:{color:j.accent}},{children:(null==y?void 0:y["hide-input"])||"Hide input"}))]}))]})),e("div",Object.assign({className:"flex gap-x-3 px-4 py-5",style:{backgroundColor:j.secondary,color:j.secondaryText}},{children:[k.isChatImage&&s(h,{src:null==b?void 0:b.chaticon,alt:`${null==b?void 0:b.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6 pt-1",textColor:j.secondaryText}),e("div",Object.assign({className:"flex w-full flex-col gap-y-2 overflow-hidden"},{children:[s(c,Object.assign({theme:v.theme,colors:j,actions:!0},O&&{rtl:!0},w&&{disableHtml:!0},N&&{disableJs:!0},C&&{disableCss:!0},{onArtifactClick:$},{children:s(d,{className:"overflow-x-auto pb-2 font-semilight scrollbar scrollbar-thin",value:B})})),e("div",Object.assign({className:"flex flex-wrap items-center justify-between gap-x-3 gap-y-1"},{children:[e("div",Object.assign({className:"flex items-center gap-3"},{children:[(null==b?void 0:b.enablechatresponses)&&e(u,Object.assign({color:j.accent,onClick:()=>{return e=x.responseId,P([]),M([]),A(!1),void I(e);var e}},{children:[s(m,{className:"h-4 w-4 shrink-0"}),s("p",Object.assign({className:g(S.b3,"font-semibold")},{children:H+1}))]})),s(f,{color:j.accent,text:B})]})),s("div",Object.assign({className:"flex shrink-0 grow justify-end"},{children:s("p",Object.assign({className:g(S.b3,"font-semibold uppercase opacity-30")},{children:q}))}))]}))]}))]}))]}))};export{x as default};
1
+ import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useMemo as o}from"react";import{usePickaxeContext as t}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as i}from"../../../../hooks/pickaxe/useResponseContext.js";import{useStyleFontSize as n}from"../../../../hooks/studio/useStyleFontSize.js";import{useDocument as l}from"../../Addons/Document/hooks/useDocument.js";import{useArtifact as a}from"../../Addons/Artifact/hooks/useArtifact.js";import{format as r}from"date-fns";import{PickaxeMarkdown as c}from"../../common/PickaxeMarkdown/index.js";import{PickaxeMarkdownRenderer as d}from"../../common/PickaxeMarkdown/Renderer.js";import m from"../../../Icons/message-square-notes.svg.js";import p from"../../../Icons/visitor.svg.js";import h from"../../common/PickaxeIcon.js";import u from"../../common/PickaxeSimpleButton.js";import f from"../../common/PickaxeCopyButton.js";import g from"../../../../common/cn.js";const x=({item:x})=>{const{pickaxe:b,styles:v,colors:k,misc:j,translations:y,disableHtml:w,disableJs:N,disableCss:C,isRtl:O,setChatId:I,setIsNewChat:A}=t(),{setMessages:M}=i(),{setDocuments:P}=l(),{onLoadArtifact:$}=a(),S=n(),q=o((()=>r(x.createdAt,"hh:mm a MMM dd, yyy")),[x]),H=o((()=>x&&x.messages?x.messages.length:0),[x]),R=o((()=>{var e,s,o,t;if("form"===x.type){return(null!==(e=x.questions)&&void 0!==e?e:[]).map((e=>`<div style="display: flex; flex-direction: column; margin-bottom: 1em;">\n <p style="font-weight: 500;">${e.question}</p>\n <p>${e.answer||"n/a"}</p>\n</div>`)).join("")}return null!==(t=null===(o=null===(s=x.messages)||void 0===s?void 0:s[0])||void 0===o?void 0:o.message)&&void 0!==t?t:""}),[x]),B=o((()=>{var e,s,o,t;return"form"===x.type?null!==(e=x.questionResponse)&&void 0!==e?e:"":null!==(t=null===(o=null===(s=x.messages)||void 0===s?void 0:s[1])||void 0===o?void 0:o.message)&&void 0!==t?t:""}),[x]);return e("div",Object.assign({className:"flex flex-col shadow-black transition duration-300 hover:shadow"},{children:[e("div",Object.assign({className:"flex gap-x-3 overflow-hidden px-4 py-5",style:{backgroundColor:k.primary,color:k.text}},{children:[s("div",Object.assign({className:"shrink-0 pt-1"},{children:s(p,{className:"h-6 w-6 shrink-0"})})),e("div",Object.assign({className:"flex flex-col gap-y-1 overflow-x-auto pb-1.5 scrollbar-track-gray-100 scrollbar-thumb-[#4A4A4B] lg:max-w-[520px] lg:scrollbar-thin"},{children:[s("input",{id:`${x.responseId}-input`,type:"checkbox",className:"peer hidden",defaultChecked:R.length<280}),s("div",{className:"danger-html hidden flex-col peer-checked:flex",dangerouslySetInnerHTML:{__html:R}}),s("label",Object.assign({htmlFor:`${x.responseId}-input`,className:g(S.b3,"mt-1 flex shrink-0 whitespace-nowrap font-semibold peer-checked:hidden hover:cursor-pointer"),style:{color:k.accent}},{children:(null==y?void 0:y["see-input"])||"See input"})),s("label",Object.assign({htmlFor:`${x.responseId}-input`,className:g(S.b3,"hidden shrink-0 whitespace-nowrap font-semibold peer-checked:flex hover:cursor-pointer"),style:{color:k.accent}},{children:(null==y?void 0:y["hide-input"])||"Hide input"}))]}))]})),e("div",Object.assign({className:"flex gap-x-3 px-4 py-5",style:{backgroundColor:k.secondary,color:k.secondaryText}},{children:[j.isChatImage&&s(h,{src:null==b?void 0:b.chaticon,alt:`${null==b?void 0:b.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6 pt-1",textColor:k.secondaryText}),e("div",Object.assign({className:"flex w-full flex-col gap-y-2 overflow-hidden"},{children:[s(c,Object.assign({theme:v.theme,colors:k,actions:!0},O&&{rtl:!0},w&&{disableHtml:!0},N&&{disableJs:!0},C&&{disableCss:!0},{onArtifactClick:$},{children:s(d,{className:"overflow-x-auto pb-2 font-semilight scrollbar scrollbar-thin",value:B})})),e("div",Object.assign({className:"flex flex-wrap items-center justify-between gap-x-3 gap-y-1"},{children:[e("div",Object.assign({className:"flex items-center gap-3"},{children:[(null==b?void 0:b.enablechatresponses)&&e(u,Object.assign({color:k.accent,onClick:()=>{return e=x.responseId,P([]),M([]),A(!1),void I(e);var e}},{children:[s(m,{className:"h-4 w-4 shrink-0"}),s("p",Object.assign({className:g(S.b3,"font-semibold")},{children:H+1}))]})),s(f,{color:k.accent,text:B})]})),s("div",Object.assign({className:"flex shrink-0 grow justify-end"},{children:s("p",Object.assign({className:g(S.b3,"font-semibold uppercase opacity-30")},{children:q}))}))]}))]}))]}))]}))};export{x as default};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as s}from"react/jsx-runtime";import{usePickaxeContext as o}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as t}from"../../../hooks/pickaxe/useResponseContext.js";import{generateId as i}from"../../../common/utils.js";import r from"../common/PickaxeButton.js";import a from"../common/PickaxeBranding.js";import n from"../../../common/cn.js";const m=()=>{const{misc:m,translations:c,responsiveBy:x,setChatId:l,setIsNewChat:p}=o(),{setMessages:f}=t();return e("div",Object.assign({className:n("mt-4 flex flex-wrap flex-col justify-between gap-2","viewport"===x?"min-[767px]:flex-row":"@[767px]/pickaxe-root:flex-row")},{children:[s("div",Object.assign({className:"flex items-center flex-grow flex-wrap gap-2"},{children:s(r,Object.assign({className:n("w-full","viewport"===x?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]"),onClick:()=>{return e=i(20),f([]),l(e),void p(!0);var e}},{children:(null==c?void 0:c["new-chat"])||"New chat"}))})),!m.isWhiteLabel&&s("div",Object.assign({className:"flex justify-end pr-3"},{children:s(a,{})}))]}))};export{m as default};
1
+ import{jsx as e,jsxs as s}from"react/jsx-runtime";import{usePickaxeContext as t}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as o}from"../../../hooks/pickaxe/useResponseContext.js";import{generateId as i}from"../../../common/utils.js";import a from"../common/PickaxeButton.js";import c from"../common/PickaxeBranding.js";const m=()=>{const{misc:m,translations:n,setChatId:r,setIsNewChat:l}=t(),{setMessages:x}=o();return e("div",Object.assign({className:"mt-4 flex flex-col items-center"},{children:s("div",Object.assign({className:"flex w-full max-w-[251px] flex-col gap-2"},{children:[!m.isWhiteLabel&&e(c,{}),e(a,Object.assign({className:"w-full",onClick:()=>{return e=i(20),x([]),r(e),void l(!0);var e}},{children:(null==n?void 0:n["new-chat"])||"New chat"}))]}))}))};export{m as default};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useMemo as t}from"react";import{usePickaxeContext as i}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as o}from"../../../../hooks/pickaxe/useResponseContext.js";import{useStyleFontSize as n}from"../../../../hooks/studio/useStyleFontSize.js";import c from"../../../Icons/check.svg.js";import r from"./Dropdown.js";import a from"../../../../common/cn.js";const l=({field:l,update:p})=>{const{colors:d,isRtl:m}=i(),{setError:u}=o(),f=n(),h=t((()=>l.input?l.input.split("&#44;"):[]),[l.input]);return e("div",Object.assign({className:"flex flex-col gap-y-3",dir:m?"rtl":"ltr"},{children:[e("div",Object.assign({className:"flex items-center gap-1"},{children:[s("p",Object.assign({className:a(f.b3,"font-semibold opacity-70")},{children:l.main})),l.isRequired&&s("span",Object.assign({className:"select-none font-semibold",style:{color:d.error}},{children:"*"}))]})),s(r,Object.assign({id:l.id.replace(/[^A-Za-z]+/g,""),value:l.input.replace(/&#44;/g,", "),placeholder:"Select option(s)",closeOnSelect:!1,maxToken:l.maxLength,isDropdown:l.isDropdown},{children:s("div",Object.assign({className:"flex flex-col items-start gap-y-3"},{children:l.example.split("S3P32X").map(((t,i)=>e("div",Object.assign({className:"flex items-center gap-x-3 hover:cursor-pointer",onClick:()=>(e=>{u("");const s=h.includes(e),t=l.input?l.input.split("&#44;"):[],i=new Set(t);s&&i.has(e)?i.delete(e):s||i.has(e)||i.add(e);const o=Array.from(i).filter((e=>""!==e.trim()));p(Object.assign(Object.assign({},l),{input:o.join("&#44;")}))})(t)},{children:[s("div",Object.assign({className:"flex h-[18px] w-[18px] shrink-0 items-center justify-center border-2 rounded-sm transition-colors ease-in-out duration-200",style:Object.assign({borderColor:h.includes(t)?d.accent:d.accent+"80"},h.includes(t)&&{backgroundColor:d.accent})},{children:s(c,{className:a("h-3 w-3 shrink-0 transition-opacity opacity-0 ease-in-out duration-200",h.includes(t)&&"opacity-100"),style:{color:d.accentText}})})),s("p",Object.assign({className:a(f.b2,"select-none")},{children:t}))]}),i)))}))}))]}))};export{l as default};
1
+ import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useMemo as t}from"react";import{usePickaxeContext as i}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as o}from"../../../../hooks/pickaxe/useResponseContext.js";import{useStyleFontSize as n}from"../../../../hooks/studio/useStyleFontSize.js";import c from"../../../Icons/check.svg.js";import r from"./Dropdown.js";import a from"../../../../common/cn.js";const l=({field:l,update:p})=>{const{colors:d,isRtl:m}=i(),{setError:u}=o(),f=n(),h=t((()=>l.input?l.input.split("&#44;"):[]),[l.input]);return e("div",Object.assign({className:"flex flex-col gap-y-3",dir:m?"rtl":"ltr"},{children:[e("div",Object.assign({className:"flex items-center gap-1"},{children:[s("p",Object.assign({className:a(f.b3,"font-semibold opacity-70")},{children:l.main})),l.isRequired&&s("span",Object.assign({className:"select-none font-semibold",style:{color:d.error}},{children:"*"}))]})),s(r,Object.assign({id:l.id.replace(/[^A-Za-z]+/g,""),value:l.input.replace(/&#44;/g,", "),placeholder:"Select option(s)",closeOnSelect:!1,maxToken:l.maxLength,isDropdown:l.isDropdown},{children:s("div",Object.assign({className:"flex flex-col items-start gap-y-3"},{children:l.example.split("S3P32X").map(((t,i)=>e("div",Object.assign({className:"flex items-center gap-x-3 hover:cursor-pointer",onClick:()=>(e=>{u("");const s=h.includes(e),t=l.input?l.input.split("&#44;"):[],i=new Set(t);s&&i.has(e)?i.delete(e):s||i.has(e)||i.add(e);const o=Array.from(i).filter((e=>""!==e.trim()));p(Object.assign(Object.assign({},l),{input:o.join("&#44;")}))})(t)},{children:[s("div",Object.assign({className:"flex h-[18px] w-[18px] shrink-0 items-center justify-center rounded-sm border-2 transition-colors duration-200 ease-in-out",style:Object.assign({borderColor:h.includes(t)?d.accent:d.accent+"80"},h.includes(t)&&{backgroundColor:d.accent})},{children:s(c,{className:a("h-3 w-3 shrink-0 opacity-0 transition-opacity duration-200 ease-in-out",h.includes(t)&&"opacity-100"),style:{color:d.accentText}})})),s("p",Object.assign({className:a(f.b2,"select-none")},{children:t}))]}),i)))}))}))]}))};export{l as default};
@@ -1 +1 @@
1
- import{__rest as e,__awaiter as o}from"../../../../_virtual/_tslib.js";import{jsxs as s,jsx as t,Fragment as i}from"react/jsx-runtime";import{useState as r,useRef as l}from"react";import{usePickaxeContext as n}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleInput as a}from"../../../../hooks/studio/useStyleInput.js";import{useStyleFontSize as c}from"../../../../hooks/studio/useStyleFontSize.js";import{useDocument as d}from"../../Addons/Document/hooks/useDocument.js";import{useHover as m}from"../../../../hooks/core/useHover.js";import{allowedFileMimeTypes as u,allowedImageMimeTypes as p}from"../../../../common/documents.js";import f from"../../../Icons/attach-vertical.svg.js";import h from"../../../Icons/check.svg.js";import b from"../../../Icons/x.svg.js";import g from"../../../Core/ErrorAlert.js";import v from"../../Addons/Document/List.js";import j from"../../../../common/cn.js";const y=({field:y,update:k})=>{var x;const N=c(),{colors:w,styles:O,translations:C,isRtl:D}=n(),A=m(),{isHover:F}=A,I=e(A,["isHover"]),{documents:S,documentError:E,websiteLink:U,isUploading:H,isImageUploadAllowed:L,setDocumentError:P,setWebsiteLink:R,onFileUpload:W,onWebsiteUpload:_}=d({onQuestionChange:e=>{k(Object.assign(Object.assign({},y),e))}}),[q,z]=r(!1),B=l(null),K=a();return s("div",Object.assign({className:"flex flex-col gap-y-4",dir:D?"rtl":"ltr"},{children:[s("div",Object.assign({className:"flex flex-col gap-y-2"},{children:[s("div",Object.assign({className:"flex items-center gap-1"},{children:[t("p",Object.assign({className:j(N.b3,"font-semibold opacity-70")},{children:y.main})),y.isRequired&&t("span",Object.assign({className:"select-none font-semibold",style:{color:w.error}},{children:"*"}))]})),s("div",Object.assign({className:"flex flex-col gap-y-2"},{children:[t("input",{ref:B,type:"file",accept:[...u,...L?p:[]].join(", "),id:y.id,hidden:!0,multiple:!0,className:"hidden",onChange:e=>o(void 0,void 0,void 0,(function*(){yield W(Array.from(e.target.files||[])),e.target.value=""})),disabled:H}),s("div",Object.assign({className:j("flex items-center justify-between rounded-sm border border-transparent bg-white py-3 pl-4 pr-3 duration-300 ease-in-out transition-all",q&&"block"===O.formFieldStyle&&"shadow","block"===O.formFieldStyle&&"shadow hover:shadow-none",D&&"pl-3 pr-4"),style:K},{children:[t("input",{type:"text",value:U,className:j(N.i1,"w-full outline-none ring-0 bg-transparent placeholder:text-inherit placeholder:opacity-50"),placeholder:null!==(x=null==C?void 0:C["form-doc-placeholder"])&&void 0!==x?x:"Paste a website/video link or drag a file",onChange:e=>R(e.target.value),onDrop:e=>o(void 0,void 0,void 0,(function*(){e.preventDefault(),yield W(Array.from(e.dataTransfer.files||[]))})),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),_(U))},onFocus:()=>z(!0),onBlur:()=>z(!1)}),t("div",Object.assign({className:j("flex items-center gap-3",D?"pr-4":"pl-4")},{children:U.length>0?s(i,{children:[t("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:H,onClick:()=>_(U)},{children:t(h,{className:"h-5 w-5 shrink-0",style:{color:w.accent}})})),t("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:H,onClick:()=>{R(""),P("")}},{children:t(b,{className:"h-6 w-6 shrink-0",style:{color:w.accent}})}))]}):t("button",Object.assign({className:"outline-none disabled:cursor-default w-8 h-8 flex items-center justify-center rounded-full transition-colors duration-200 ease-in-out",disabled:H,onClick:()=>{var e;null===(e=B.current)||void 0===e||e.click()},style:{backgroundColor:F?w.accent+"10":void 0}},I,{children:t(f,{className:"h-6 w-6 shrink-0",style:{color:F?w.accent:w.accent+"80"}})}))}))]}))]}))]})),S.length>0&&t(v,{}),E&&t(g,{error:E,className:"mt-3"})]}))};export{y as default};
1
+ import{__rest as e,__awaiter as o}from"../../../../_virtual/_tslib.js";import{jsxs as s,jsx as t,Fragment as i}from"react/jsx-runtime";import{useState as r,useRef as l}from"react";import{usePickaxeContext as n}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleInput as a}from"../../../../hooks/studio/useStyleInput.js";import{useStyleFontSize as c}from"../../../../hooks/studio/useStyleFontSize.js";import{useDocument as d}from"../../Addons/Document/hooks/useDocument.js";import{useHover as m}from"../../../../hooks/core/useHover.js";import{allowedFileMimeTypes as u,allowedImageMimeTypes as p}from"../../../../common/documents.js";import f from"../../../Icons/attach-vertical.svg.js";import h from"../../../Icons/check.svg.js";import b from"../../../Icons/x.svg.js";import g from"../../../Core/ErrorAlert.js";import v from"../../Addons/Document/List.js";import j from"../../../../common/cn.js";const y=({field:y,update:k})=>{var x;const N=c(),{colors:w,styles:O,translations:C,isRtl:D}=n(),A=m(),{isHover:F}=A,I=e(A,["isHover"]),{documents:S,documentError:E,websiteLink:U,isUploading:H,isImageUploadAllowed:L,setDocumentError:P,setWebsiteLink:R,onFileUpload:W,onWebsiteUpload:_}=d({onQuestionChange:e=>{k(Object.assign(Object.assign({},y),e))}}),[q,z]=r(!1),B=l(null),K=a();return s("div",Object.assign({className:"flex flex-col gap-y-4",dir:D?"rtl":"ltr"},{children:[s("div",Object.assign({className:"flex flex-col gap-y-2"},{children:[s("div",Object.assign({className:"flex items-center gap-1"},{children:[t("p",Object.assign({className:j(N.b3,"font-semibold opacity-70")},{children:y.main})),y.isRequired&&t("span",Object.assign({className:"select-none font-semibold",style:{color:w.error}},{children:"*"}))]})),s("div",Object.assign({className:"flex flex-col gap-y-2"},{children:[t("input",{ref:B,type:"file",accept:[...u,...L?p:[]].join(", "),id:y.id,hidden:!0,multiple:!0,className:"hidden",onChange:e=>o(void 0,void 0,void 0,(function*(){yield W(Array.from(e.target.files||[])),e.target.value=""})),disabled:H}),s("div",Object.assign({className:j("flex items-center justify-between rounded-sm border border-transparent bg-white py-3 pl-4 pr-3 transition-all duration-300 ease-in-out",q&&"block"===O.formFieldStyle&&"shadow","block"===O.formFieldStyle&&"shadow hover:shadow-none",D&&"pl-3 pr-4"),style:K},{children:[t("input",{type:"text",value:U,className:j(N.i1,"w-full bg-transparent outline-none ring-0 placeholder:text-inherit placeholder:opacity-50"),placeholder:null!==(x=null==C?void 0:C["form-doc-placeholder"])&&void 0!==x?x:"Paste a website/video link or drag a file",onChange:e=>R(e.target.value),onDrop:e=>o(void 0,void 0,void 0,(function*(){e.preventDefault(),yield W(Array.from(e.dataTransfer.files||[]))})),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),_(U))},onFocus:()=>z(!0),onBlur:()=>z(!1)}),t("div",Object.assign({className:j("flex items-center gap-3",D?"pr-4":"pl-4")},{children:U.length>0?s(i,{children:[t("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:H,onClick:()=>_(U)},{children:t(h,{className:"h-5 w-5 shrink-0",style:{color:w.accent}})})),t("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:H,onClick:()=>{R(""),P("")}},{children:t(b,{className:"h-6 w-6 shrink-0",style:{color:w.accent}})}))]}):t("button",Object.assign({className:"flex h-8 w-8 items-center justify-center rounded-full outline-none transition-colors duration-200 ease-in-out disabled:cursor-default",disabled:H,onClick:()=>{var e;null===(e=B.current)||void 0===e||e.click()},style:{backgroundColor:F?w.accent+"10":void 0}},I,{children:t(f,{className:"h-6 w-6 shrink-0",style:{color:F?w.accent:w.accent+"80"}})}))}))]}))]}))]})),S.length>0&&t(v,{}),E&&t(g,{error:E,className:"mt-3"})]}))};export{y as default};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as t}from"react";import{usePickaxeContext as s}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as r}from"../../../../hooks/pickaxe/useResponseContext.js";import{useStyleInput as a}from"../../../../hooks/studio/useStyleInput.js";import{useStyleFontSize as n}from"../../../../hooks/studio/useStyleFontSize.js";import{encode as i}from"@nem035/gpt-3-encoder";import l from"../../../Core/Textarea.js";import c from"../../../../common/cn.js";const m=({field:m,update:p})=>{const{styles:d,colors:h,isRtl:g}=s(),{setError:u}=r(),[x,f]=t(!1),b=n(),j=a();return e("div",Object.assign({className:"group relative flex flex-col gap-y-1",dir:g?"rtl":"ltr"},{children:[e("div",Object.assign({className:"flex flex-col gap-y-2"},{children:[e("div",Object.assign({className:"flex items-center gap-1"},{children:[o("p",Object.assign({className:c(b.b3,"font-semibold opacity-70")},{children:m.main})),m.isRequired&&o("span",Object.assign({className:"select-none font-semibold",style:{color:h.accent}},{children:"*"}))]})),o(l,{className:c(b.i1,"rounded-sm border border-transparent px-4 py-3 duration-300 ease-in-out transition-all placeholder:font-semilight",m.maxLength<10&&"max-w-[400px]","block"===d.formFieldStyle&&"shadow hover:shadow-none"),style:j,placeholder:m.example,rows:1,value:m.input,tabIndex:m.order,onChange:e=>{u("");const o=i(e).length;p(Object.assign(Object.assign({},m),{input:e,length:o}))},onFocus:()=>f(!0),onBlur:()=>f(!1)})]})),o("div",Object.assign({className:"pointer-events-none absolute bottom-0 right-0 p-1 px-2"},{children:e("p",Object.assign({className:c(b.b4,"font-semibold opacity-20 opacity-0 group-hover:opacity-100 group-hover:duration-200",m.length>m.maxLength&&"text-c-red opacity-100",x&&"opacity-100")},{children:[m.length,"/",m.maxLength]}))}))]}))};export{m as default};
1
+ import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as t}from"react";import{usePickaxeContext as s}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as r}from"../../../../hooks/pickaxe/useResponseContext.js";import{useStyleInput as a}from"../../../../hooks/studio/useStyleInput.js";import{useStyleFontSize as n}from"../../../../hooks/studio/useStyleFontSize.js";import{encode as i}from"@nem035/gpt-3-encoder";import l from"../../../Core/Textarea.js";import c from"../../../../common/cn.js";const m=({field:m,update:p})=>{const{styles:d,colors:h,isRtl:g}=s(),{setError:u}=r(),[x,f]=t(!1),b=n(),j=a();return e("div",Object.assign({className:"group relative flex flex-col gap-y-1",dir:g?"rtl":"ltr"},{children:[e("div",Object.assign({className:"flex flex-col gap-y-2"},{children:[e("div",Object.assign({className:"flex items-center gap-1"},{children:[o("p",Object.assign({className:c(b.b3,"font-semibold opacity-70")},{children:m.main})),m.isRequired&&o("span",Object.assign({className:"select-none font-semibold",style:{color:h.accent}},{children:"*"}))]})),o(l,{className:c(b.i1,"rounded-sm border border-transparent px-4 py-3 transition-all duration-300 ease-in-out placeholder:font-semilight",m.maxLength<10&&"max-w-[400px]","block"===d.formFieldStyle&&"shadow hover:shadow-none"),style:j,placeholder:m.example,rows:1,value:m.input,tabIndex:m.order,onChange:e=>{u("");const o=i(e).length;p(Object.assign(Object.assign({},m),{input:e,length:o}))},onFocus:()=>f(!0),onBlur:()=>f(!1)})]})),o("div",Object.assign({className:"pointer-events-none absolute bottom-0 right-0 p-1 px-2"},{children:e("p",Object.assign({className:c(b.b4,"font-semibold opacity-0 opacity-20 group-hover:opacity-100 group-hover:duration-200",m.length>m.maxLength&&"text-c-red opacity-100",x&&"opacity-100")},{children:[m.length,"/",m.maxLength]}))}))]}))};export{m as default};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as s}from"react/jsx-runtime";import{usePickaxeContext as t}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as o}from"../../../../hooks/pickaxe/useResponseContext.js";import{useStyleFontSize as i}from"../../../../hooks/studio/useStyleFontSize.js";import n from"./Dropdown.js";import r from"../../../../common/cn.js";const c=({field:c,update:a})=>{const{colors:l,isRtl:d}=t(),{setError:p}=o(),m=i();return e("div",Object.assign({className:"flex flex-col gap-y-3",dir:d?"rtl":"ltr"},{children:[e("div",Object.assign({className:"flex items-center gap-1"},{children:[s("p",Object.assign({className:r(m.b3,"font-semibold opacity-70")},{children:c.main})),c.isRequired&&s("span",Object.assign({className:"select-none font-semibold",style:{color:l.error}},{children:"*"}))]})),s(n,Object.assign({id:c.id.replace(/[^A-Za-z]+/g,""),value:c.input,placeholder:"Select an option",closeOnSelect:!1,maxToken:c.maxLength,isDropdown:c.isDropdown},{children:s("div",Object.assign({className:"flex flex-col items-start gap-y-3"},{children:c.example.split("S3P32X").map(((t,o)=>e("div",Object.assign({className:"flex items-center gap-x-3 hover:cursor-pointer",onClick:()=>{return e=t,p(""),void a(Object.assign(Object.assign({},c),{input:e}));var e}},{children:[s("div",Object.assign({className:"flex h-[18px] w-[18px] shrink-0 items-center justify-center rounded-full border-2",style:Object.assign({borderColor:c.input===t?l.accent:l.accent+"80"},c.input===t&&{backgroundColor:l.accent})},{children:s("div",{className:r("h-2 w-2 shrink-0 transition-opacity opacity-0 ease-in-out duration-200 rounded-full",c.input===t&&"opacity-100"),style:{backgroundColor:l.accentText}})})),s("p",Object.assign({className:r(m.b2,"select-none")},{children:t}))]}),o)))}))}))]}))};export{c as default};
1
+ import{jsxs as e,jsx as s}from"react/jsx-runtime";import{usePickaxeContext as t}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as o}from"../../../../hooks/pickaxe/useResponseContext.js";import{useStyleFontSize as i}from"../../../../hooks/studio/useStyleFontSize.js";import n from"./Dropdown.js";import r from"../../../../common/cn.js";const c=({field:c,update:a})=>{const{colors:l,isRtl:d}=t(),{setError:p}=o(),m=i();return e("div",Object.assign({className:"flex flex-col gap-y-3",dir:d?"rtl":"ltr"},{children:[e("div",Object.assign({className:"flex items-center gap-1"},{children:[s("p",Object.assign({className:r(m.b3,"font-semibold opacity-70")},{children:c.main})),c.isRequired&&s("span",Object.assign({className:"select-none font-semibold",style:{color:l.error}},{children:"*"}))]})),s(n,Object.assign({id:c.id.replace(/[^A-Za-z]+/g,""),value:c.input,placeholder:"Select an option",closeOnSelect:!1,maxToken:c.maxLength,isDropdown:c.isDropdown},{children:s("div",Object.assign({className:"flex flex-col items-start gap-y-3"},{children:c.example.split("S3P32X").map(((t,o)=>e("div",Object.assign({className:"flex items-center gap-x-3 hover:cursor-pointer",onClick:()=>{return e=t,p(""),void a(Object.assign(Object.assign({},c),{input:e}));var e}},{children:[s("div",Object.assign({className:"flex h-[18px] w-[18px] shrink-0 items-center justify-center rounded-full border-2",style:Object.assign({borderColor:c.input===t?l.accent:l.accent+"80"},c.input===t&&{backgroundColor:l.accent})},{children:s("div",{className:r("h-2 w-2 shrink-0 rounded-full opacity-0 transition-opacity duration-200 ease-in-out",c.input===t&&"opacity-100"),style:{backgroundColor:l.accentText}})})),s("p",Object.assign({className:r(m.b2,"select-none")},{children:t}))]}),o)))}))}))]}))};export{c as default};
@@ -1 +1 @@
1
- import{__awaiter as e}from"../../../../_virtual/_tslib.js";import{jsxs as t,jsx as s}from"react/jsx-runtime";import{useState as i}from"react";import{usePickaxeContext as n}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useAuthContext as o}from"../../Addons/Auth/hooks/useAuthContext.js";import{useResponseContext as r}from"../../../../hooks/pickaxe/useResponseContext.js";import{useSubmit as a}from"../../../../hooks/pickaxe/useSubmit.js";import{useDocument as d}from"../../Addons/Document/hooks/useDocument.js";import{useScroll as l}from"../../Addons/Scroll/hooks/useScroll.js";import{useArtifactContext as c}from"../../Addons/Artifact/hooks/useArtifactContext.js";import{extractUrlsFromText as u}from"../../../../common/utils.js";import{encode as m}from"@nem035/gpt-3-encoder";import{createParser as p}from"eventsource-parser";import f from"../../common/PickaxeBranding.js";import g from"../../common/PickaxeButton.js";import h from"../../../../common/error.js";const v=({questions:v})=>{var b;const{formId:j,userId:O,studioUserId:x,embedUserId:k,deploymentId:w,pickaxe:y,misc:I,translations:S,isRtl:A,setChatId:C,setIsNewChat:N,onGenerateComplete:D}=n(),{token:E}=o(),{status:P,limits:R,isGenerating:U,setResponse:q,setMessages:J,setStatus:W,setLimitData:_,setError:T}=r(),{documents:B,websiteLink:L,isUploading:G,onWebsiteUpload:M,setDocuments:K,setDocumentError:X}=d(),{scrollStartSession:Y,scrollEndSession:z,scrollToTarget:F}=l({auto:!(null==y?void 0:y.enablechatresponses)}),{artifacts:H,currentPopupType:Q,setArtifacts:V,setCurrentArtifact:Z}=c(),$=a(),[ee,te]=i(!1);return t("div",Object.assign({className:"mt-4 flex flex-wrap justify-between gap-4 items-center",dir:A?"rtl":"ltr"},{children:[s("div",Object.assign({className:"flex items-center flex-grow flex-wrap gap-2"},{children:s(g,Object.assign({className:"px-5 min-h-[42px]",isDisabled:G||"idle"!==P||U||ee,onClick:()=>e(void 0,void 0,void 0,(function*(){var e,t;try{if("idle"!==P||G||ee)return;T(""),X(""),_(null),q(null);const s=["Multiple Choice","Checkbox"];for(const e of v){if(m(e.input).length>e.maxLength&&!s.includes(e.type))throw new Error("One or more of your responses is too long!");if(e.isRequired&&!e.input.trim()&&"userinput:documentupload"!==e.id)throw new Error("You must fill out all required fields.")}const i=B.filter((e=>"finished"===e.status)),n=B.map((e=>e.name)),o=null!==(t=null===(e=null==y?void 0:y.documentuploadtype)||void 0===e?void 0:e.startsWith("enduserupload"))&&void 0!==t&&t,r=v.some((e=>"userinput:documentupload"===e.id&&e.isRequired)),a=u(L).filter((e=>!n.includes(e)));if(a.length){const e=a[a.length-1];te(!0);const t=yield M(e);t&&(i.push(t),yield new Promise((e=>setTimeout(e,5e3)))),te(!1)}else if(r&&o&&!i.length)return void X("Please paste a valid website/video link or drag a file to add to the knowledge base.");const d=i.map((e=>e.documentId)).filter(Boolean),l=o&&d.length>0;let c={};v.forEach((e=>c=Object.assign(Object.assign({},c),{[e.id]:"Knowledge Upload"===e.type||e.id.includes("documentupload")?i.map((e=>e.name)).join(",")||"":e.input}))),W("fetching"),Y(),F();const f=yield $.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:j,valueObj:c},l&&{documentIds:d}),O&&{userId:O}),x&&{studioUserId:x}),k&&{embedUserId:k}),E&&{studioSessionToken:E}),w&&{deploymentId:w})),g=f.body;if(!g)throw new Error("Streaming error");const h=f.headers.get("X-Pickaxe-Response-Id");if(!h)throw new Error("Response ID not found");const b=new TextDecoder,I=g.getReader();let S="",A=!0,R=!1,U=[...null!=H?H:[]];const z=p({onEvent:e=>{if("delta"===e.event){const t=JSON.parse(e.data).token.replace(/\u200B/g,"");S+=t,q({formId:j,responseId:h,documentIds:d,questions:v.map((e=>({id:e.id,question:e.main,answer:e.input}))),questionResponse:S,messageCount:0,sentAt:new Date}),(null==y?void 0:y.enablechatresponses)&&J([{id:0,role:"assistant",content:S}])}else if("artifact_created"===e.event){const t=JSON.parse(e.data);U=U.filter((e=>!(e.id===t.id&&e.version===t.version))),U.push(Object.assign(Object.assign({},t),{content:"",status:"streaming"})),V(U),Q.startsWith("inline")||Z({id:t.id,version:t.version})}else if("artifact_updated"===e.event){const t=JSON.parse(e.data);U=U.filter((e=>!(e.id===t.id&&e.version===t.version))),U.push(Object.assign(Object.assign({},t),{content:"",status:"updating"})),V(U),Q.startsWith("inline")||Z({id:t.id,version:t.version})}else if("artifact_rewrite"===e.event){const t=JSON.parse(e.data);U=U.filter((e=>!(e.id===t.id&&e.version===t.version))),U.push(Object.assign(Object.assign({},t),{content:"",status:"streaming"})),V(U),Q.startsWith("inline")||Z({id:t.id,version:t.version})}else if("artifact_content"===e.event){const t=JSON.parse(e.data),s=t.token.replace(/\u200B/g,"");U=U.map((e=>e.id===t.id&&e.version===t.version?Object.assign(Object.assign({},e),{content:e.content+s,status:"streaming"}):e)),V(U)}else if("artifact_finished"===e.event){const t=JSON.parse(e.data);V(U.map((e=>e.id===t.id?Object.assign(Object.assign({},e),{status:"finished"}):e)))}else if("error"===e.event){const t=JSON.parse(e.data);T(t.error||"Something went wrong, please try again.")}else"stop"===e.event&&(A=!1)}});for(;A;){const{value:e,done:t}=yield I.read();if(t){A=!1;break}const s=b.decode(e);s&&(R||(W("streaming"),R=!0,l&&K([]),(null==y?void 0:y.enablechatresponses)&&(C(h),N(!1))),z.feed(s))}null==D||D(h)}catch(e){let t=h(e)||"";t&&!t.includes("Unexpected token 'A',")||(t="Oops! We're experiencing high traffic at the moment. Please try again later.");const s=Object.entries(R).find((([e])=>t.includes(e)));s?_(s[1]):T(t),F()}finally{W("idle"),te(!1),z()}}))},{children:ee?(null==S?void 0:S.processing)||"Processing...":G?(null==S?void 0:S.uploading)||"Uploading...":"fetching"===P||"streaming"===P?(null==S?void 0:S.loading)||"Loading...":null!==(b=null==y?void 0:y.submittext)&&void 0!==b?b:"Submit"}))})),!I.isWhiteLabel&&s("div",Object.assign({className:"flex justify-end pr-3"},{children:s(f,{})}))]}))};export{v as default};
1
+ import{__awaiter as e}from"../../../../_virtual/_tslib.js";import{jsxs as t,jsx as s}from"react/jsx-runtime";import{useState as n}from"react";import{usePickaxeContext as i}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useAuthContext as o}from"../../Addons/Auth/hooks/useAuthContext.js";import{useResponseContext as r}from"../../../../hooks/pickaxe/useResponseContext.js";import{useSubmit as a}from"../../../../hooks/pickaxe/useSubmit.js";import{useDocument as d}from"../../Addons/Document/hooks/useDocument.js";import{useScroll as l}from"../../Addons/Scroll/hooks/useScroll.js";import{useArtifactContext as c}from"../../Addons/Artifact/hooks/useArtifactContext.js";import{extractUrlsFromText as u}from"../../../../common/utils.js";import{encode as m}from"@nem035/gpt-3-encoder";import{createParser as p}from"eventsource-parser";import f from"../../common/PickaxeBranding.js";import g from"../../common/PickaxeButton.js";import h from"../../../../common/error.js";const v=({questions:v})=>{var b;const{formId:j,userId:O,studioUserId:x,embedUserId:k,deploymentId:w,pickaxe:y,misc:I,translations:S,isRtl:A,setChatId:C,setIsNewChat:N,onGenerateComplete:D}=i(),{token:E}=o(),{status:P,limits:R,isGenerating:U,setResponse:q,setMessages:J,setStatus:W,setLimitData:_,setError:T}=r(),{documents:B,websiteLink:L,isUploading:G,onWebsiteUpload:M,setDocuments:K,setDocumentError:X}=d(),{scrollStartSession:Y,scrollEndSession:z,scrollToTarget:F}=l({auto:!(null==y?void 0:y.enablechatresponses)}),{artifacts:H,currentPopupType:Q,setArtifacts:V,setCurrentArtifact:Z}=c(),$=a(),[ee,te]=n(!1);return t("div",Object.assign({className:"mt-4 flex flex-wrap items-center justify-between gap-4",dir:A?"rtl":"ltr"},{children:[s("div",Object.assign({className:"flex flex-grow flex-wrap items-center gap-2"},{children:s(g,Object.assign({className:"min-h-[42px] px-5",isDisabled:G||"idle"!==P||U||ee,onClick:()=>e(void 0,void 0,void 0,(function*(){var e,t;try{if("idle"!==P||G||ee)return;T(""),X(""),_(null),q(null);const s=["Multiple Choice","Checkbox"];for(const e of v){if(m(e.input).length>e.maxLength&&!s.includes(e.type))throw new Error("One or more of your responses is too long!");if(e.isRequired&&!e.input.trim()&&"userinput:documentupload"!==e.id)throw new Error("You must fill out all required fields.")}const n=B.filter((e=>"finished"===e.status)),i=B.map((e=>e.name)),o=null!==(t=null===(e=null==y?void 0:y.documentuploadtype)||void 0===e?void 0:e.startsWith("enduserupload"))&&void 0!==t&&t,r=v.some((e=>"userinput:documentupload"===e.id&&e.isRequired)),a=u(L).filter((e=>!i.includes(e)));if(a.length){const e=a[a.length-1];te(!0);const t=yield M(e);t&&(n.push(t),yield new Promise((e=>setTimeout(e,5e3)))),te(!1)}else if(r&&o&&!n.length)return void X("Please paste a valid website/video link or drag a file to add to the knowledge base.");const d=n.map((e=>e.documentId)).filter(Boolean),l=o&&d.length>0;let c={};v.forEach((e=>c=Object.assign(Object.assign({},c),{[e.id]:"Knowledge Upload"===e.type||e.id.includes("documentupload")?n.map((e=>e.name)).join(",")||"":e.input}))),W("fetching"),Y(),F();const f=yield $.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:j,valueObj:c},l&&{documentIds:d}),O&&{userId:O}),x&&{studioUserId:x}),k&&{embedUserId:k}),E&&{studioSessionToken:E}),w&&{deploymentId:w})),g=f.body;if(!g)throw new Error("Streaming error");const h=f.headers.get("X-Pickaxe-Response-Id");if(!h)throw new Error("Response ID not found");const b=new TextDecoder,I=g.getReader();let S="",A=!0,R=!1,U=[...null!=H?H:[]];const z=p({onEvent:e=>{if("delta"===e.event){const t=JSON.parse(e.data).token.replace(/\u200B/g,"");S+=t,q({formId:j,responseId:h,documentIds:d,questions:v.map((e=>({id:e.id,question:e.main,answer:e.input}))),questionResponse:S,messageCount:0,sentAt:new Date}),(null==y?void 0:y.enablechatresponses)&&J([{id:0,role:"assistant",content:S}])}else if("artifact_created"===e.event){const t=JSON.parse(e.data);U=U.filter((e=>!(e.id===t.id&&e.version===t.version))),U.push(Object.assign(Object.assign({},t),{content:"",status:"streaming"})),V(U),Q.startsWith("inline")||Z({id:t.id,version:t.version})}else if("artifact_updated"===e.event){const t=JSON.parse(e.data);U=U.filter((e=>!(e.id===t.id&&e.version===t.version))),U.push(Object.assign(Object.assign({},t),{content:"",status:"updating"})),V(U),Q.startsWith("inline")||Z({id:t.id,version:t.version})}else if("artifact_rewrite"===e.event){const t=JSON.parse(e.data);U=U.filter((e=>!(e.id===t.id&&e.version===t.version))),U.push(Object.assign(Object.assign({},t),{content:"",status:"streaming"})),V(U),Q.startsWith("inline")||Z({id:t.id,version:t.version})}else if("artifact_content"===e.event){const t=JSON.parse(e.data),s=t.token.replace(/\u200B/g,"");U=U.map((e=>e.id===t.id&&e.version===t.version?Object.assign(Object.assign({},e),{content:e.content+s,status:"streaming"}):e)),V(U)}else if("artifact_finished"===e.event){const t=JSON.parse(e.data);V(U.map((e=>e.id===t.id?Object.assign(Object.assign({},e),{status:"finished"}):e)))}else if("error"===e.event){const t=JSON.parse(e.data);T(t.error||"Something went wrong, please try again.")}else"stop"===e.event&&(A=!1)}});for(;A;){const{value:e,done:t}=yield I.read();if(t){A=!1;break}const s=b.decode(e);s&&(R||(W("streaming"),R=!0,l&&K([]),(null==y?void 0:y.enablechatresponses)&&(C(h),N(!1))),z.feed(s))}null==D||D(h)}catch(e){let t=h(e)||"";t&&!t.includes("Unexpected token 'A',")||(t="Oops! We're experiencing high traffic at the moment. Please try again later.");const s=Object.entries(R).find((([e])=>t.includes(e)));s?_(s[1]):T(t),F()}finally{W("idle"),te(!1),z()}}))},{children:ee?(null==S?void 0:S.processing)||"Processing...":G?(null==S?void 0:S.uploading)||"Uploading...":"fetching"===P||"streaming"===P?(null==S?void 0:S.loading)||"Loading...":null!==(b=null==y?void 0:y.submittext)&&void 0!==b?b:"Submit"}))})),!I.isWhiteLabel&&s(f,{containerClassName:"justify-end"})]}))};export{v as default};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as s}from"react/jsx-runtime";import{usePickaxeContext as m}from"../../../hooks/pickaxe/usePickaxeContext.js";import o from"../common/PickaxeSkeleton.js";import l from"../common/PickaxeHead.js";import t from"./History/index.js";import i from"./NewChat.js";import a from"./Questions/index.js";import c from"../../../common/cn.js";const x=()=>{const{pickaxe:x,responsiveBy:p}=m();return e("div",Object.assign({className:c("flex w-full flex-col items-center pt-12 px-6 pb-10","viewport"===p?"min-[767px]:pb-40":"@[767px]/pickaxe-root:pb-40")},{children:s("div",x?Object.assign({className:"flex w-full max-w-[700px] flex-col"},{children:[e(l,{}),s("div",Object.assign({className:c("flex flex-col gap-y-8","viewport"===p?"min-[767px]:mt-4":"@[767px]/pickaxe-root:mt-4")},{children:[(null==x?void 0:x.chatflag)?e(i,{}):e(a,{}),e(t,{})]}))]}):Object.assign({className:"flex w-full max-w-[700px] flex-col items-center"},{children:[e(o,{className:"w-[72px] h-[72px]"}),e(o,{className:"h-[20px] mt-6 w-full"}),e(o,{className:"h-[20px] mt-2 w-full"}),e(o,{className:"h-[20px] mt-2 w-full max-w-[400px]"})]}))}))};export{x as default};
1
+ import{jsxs as e,Fragment as t,jsx as i}from"react/jsx-runtime";import{usePickaxeContext as s}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleFontSize as l}from"../../../hooks/studio/useStyleFontSize.js";import o from"../common/PickaxeHead.js";import a from"../common/PickaxeEmbedHead.js";import r from"./History/index.js";import c from"./NewChat.js";import n from"./Questions/index.js";import m from"../../../common/cn.js";const x=()=>{const{pickaxe:x,lastChatId:p,responsiveBy:d,translations:f,isEmbed:h,setChatId:u}=s(),j=l(),b=h&&(null==x?void 0:x.chatflag);return e("div",Object.assign({className:m("relative flex w-full flex-col items-center pb-10",b?"pt-0":"pt-12","viewport"===d?"min-[767px]:pb-40":"@[767px]/pickaxe-root:pb-40")},{children:[b?e(t,{children:[i(a,{className:"sticky top-0 z-10 w-full",historyBtnTip:(null==f?void 0:f["exit-chat-history"])||"Exit Chat History",onHistoryClick:()=>u(p)}),i("div",Object.assign({className:"relative flex min-h-[56px] w-full justify-end rounded-tl-lg rounded-tr-lg border-y p-4"},{children:i("p",Object.assign({className:m(j.b1,"absolute left-1/2 -translate-x-1/2 select-none text-center")},{children:(null==f?void 0:f["chat-history"])||"Chat History"}))}))]}):i("div",Object.assign({className:"flex w-full max-w-[700px] flex-col"},{children:i(o,{})})),i("div",Object.assign({className:m("flex w-full flex-col items-center",b?"px-4":"px-6")},{children:i("div",Object.assign({className:"flex w-full max-w-[700px] flex-col"},{children:e("div",Object.assign({className:m("flex flex-col gap-y-8","viewport"===d?"min-[767px]:mt-4":"@[767px]/pickaxe-root:mt-4")},{children:[(null==x?void 0:x.chatflag)?i(c,{}):i(n,{}),i(r,{})]}))}))}))]}))};export{x as default};
@@ -1 +1 @@
1
- import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsx as i}from"react/jsx-runtime";import{createContext as o,useState as t,useEffect as s}from"react";import{ArtifactProvider as n}from"./Addons/Artifact/Provider.js";import r from"./DimensionProvider.js";import d from"./ResponseProvider.js";import a from"./Addons/Document/Provider.js";import l from"./Addons/Auth/Provider.js";const c=o({}),m=({children:o,userId:m="",studioUserId:p="",deploymentId:f="",embedUserId:u="",deploymentType:y,deploymentDimensions:h,deploymentMisc:b,styles:v,colors:g,limits:F={},misc:I={isWhiteLabel:!0,isProfileImage:!0,isChatImage:!0,isTitle:!0,isDescription:!0,isHistory:!0},translations:w,artifact:P={popupType:"auto"},responsiveBy:j="viewport",forceMobile:x=!1,disableHtml:S=!1,disableJs:k=!1,disableCss:C=!1,loadFont:D=!0,isRtl:R=!1,isEmbed:O=!1,isDropShadow:T=!1,isEmailLogin:A=!1,onGenerateComplete:E})=>{const[H,L]=t(""),[U,B]=t(""),[M,N]=t(""),[W,G]=t(null),[J,_]=t(!1),[z,Y]=t(!0),[q,K]=t(!0);return s((()=>{_(!1)}),[null==v?void 0:v.font]),s((()=>{e(void 0,void 0,void 0,(function*(){if("undefined"!=typeof window&&D&&!J&&(null==v?void 0:v.font)&&"Real Head Pro"!==v.font)try{(yield import("webfontloader")).default.load({google:{families:[v.font]},active:()=>{_(!0)},inactive:()=>{console.error("[pxe] failed to load font {styles.font}"),_(!0)}})}catch(e){console.error("[pxe] failed to load font:",e),_(!0)}}))}),[D,J,null==v?void 0:v.font]),i(c.Provider,Object.assign({value:Object.assign({formId:H,chatId:U,sessionId:M,userId:m,studioUserId:p,embedUserId:u,deploymentId:f,deploymentType:y,deploymentDimensions:h,deploymentMisc:b,pickaxe:W,styles:Object.assign({theme:"light",font:"Real Head Pro",fontSize:"md",formFieldStyle:"box",btnStyle:"filled",outlineThickness:1,cornerRadius:4},v),colors:Object.assign({primary:"#F6F8FA",text:"#000000",secondary:"#FFFFFF",secondaryText:"#000000",accent:"#228DD7",accentText:"#FFFFFF",error:"#EF4444"},g),misc:I,translations:Object.assign({"new-chat":"New chat","see-history":"See history","see-input":"See input","hide-input":"Hide input",processing:"Processing...",uploading:"Uploading...",loading:"Loading...","powered-by-pickaxe":"Powered by Pickaxe","form-doc-placeholder":"Paste a website/video link or drag a file",website:"Website",copy:"Copy","file-limit-reached":"You have reached the file limit.",save:"Save","save-as":"Save as","please-enter-email-to-continue":"Please enter your email to continue:","enter-email-to-continue":"Enter here your email to continue",submit:"Submit",sending:"Sending...","check-your-inbox":"Check your inbox","we-sent-your-an-activation-link":"We sent you an activation link. Please be sure to check your spam folder too.",resend:"Resend",resending:"Resending..."},w),artifact:P,responsiveBy:j,forceMobile:x,loadFont:D,disableHtml:S,disableJs:k,disableCss:C,isFontLoaded:J,isNewChat:z,isShowIceBreaker:q,isRtl:R,isEmbed:O,isDropShadow:T,isEmailLogin:A,setIsFontLoaded:_,setFormId:L,setChatId:B,setSessionId:N,setPickaxe:G,setIsNewChat:Y,setIsShowIceBreaker:K},E&&{onGenerateComplete:E})},{children:i(l,{children:i(r,{children:i(d,Object.assign({limits:F},{children:i(a,{children:i(n,Object.assign({},P,{children:o}))})}))})})}))};export{c as PickaxeContext,m as PickaxeProvider};
1
+ import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsx as i}from"react/jsx-runtime";import{createContext as o,useState as t,useEffect as s}from"react";import{ArtifactProvider as n}from"./Addons/Artifact/Provider.js";import r from"./DimensionProvider.js";import a from"./ResponseProvider.js";import d from"./Addons/Document/Provider.js";import l from"./Addons/Auth/Provider.js";const c=o({}),m=({children:o,userId:m="",studioUserId:p="",deploymentId:h="",embedUserId:y="",deploymentType:f,deploymentDimensions:u,deploymentMisc:b,styles:v,colors:g,limits:I={},misc:F={isWhiteLabel:!0,isProfileImage:!0,isChatImage:!0,isTitle:!0,isDescription:!0,isHistory:!0},translations:w,artifact:x={popupType:"auto"},responsiveBy:P="viewport",forceMobile:j=!1,disableHtml:C=!1,disableJs:S=!1,disableCss:k=!1,loadFont:D=!0,isRtl:H=!1,isEmbed:R=!1,isDropShadow:E=!1,isEmailLogin:L=!1,onGenerateComplete:O})=>{const[T,A]=t(""),[U,B]=t(""),[M,N]=t(""),[W,G]=t(""),[J,_]=t(null),[z,Y]=t(!1),[q,K]=t(!0),[Q,V]=t(!0);return s((()=>{Y(!1)}),[null==v?void 0:v.font]),s((()=>{e(void 0,void 0,void 0,(function*(){if("undefined"!=typeof window&&D&&!z&&(null==v?void 0:v.font)&&"Real Head Pro"!==v.font)try{(yield import("webfontloader")).default.load({google:{families:[v.font]},active:()=>{Y(!0)},inactive:()=>{console.error("[pxe] failed to load font {styles.font}"),Y(!0)}})}catch(e){console.error("[pxe] failed to load font:",e),Y(!0)}}))}),[D,z,null==v?void 0:v.font]),i(c.Provider,Object.assign({value:Object.assign({formId:T,chatId:U,lastChatId:M,sessionId:W,userId:m,studioUserId:p,embedUserId:y,deploymentId:h,deploymentType:f,deploymentDimensions:u,deploymentMisc:b,pickaxe:J,styles:Object.assign({theme:"light",font:"Real Head Pro",fontSize:"md",formFieldStyle:"box",btnStyle:"filled",outlineThickness:1,cornerRadius:4},v),colors:Object.assign({primary:"#F6F8FA",text:"#000000",secondary:"#FFFFFF",secondaryText:"#000000",accent:"#228DD7",accentText:"#FFFFFF",error:"#EF4444"},g),misc:F,translations:Object.assign({"new-chat":"New chat","see-history":"See history","see-input":"See input","hide-input":"Hide input",processing:"Processing...",uploading:"Uploading...",loading:"Loading...","powered-by-pickaxe":"Powered by Pickaxe","form-doc-placeholder":"Paste a website/video link or drag a file",website:"Website",copy:"Copy","file-limit-reached":"You have reached the file limit.",save:"Save","save-as":"Save as","please-enter-email-to-continue":"Please enter your email to continue:","enter-email-to-continue":"Enter here your email to continue",submit:"Submit",sending:"Sending...","check-your-inbox":"Check your inbox","we-sent-your-an-activation-link":"We sent you an activation link. Please be sure to check your spam folder too.",resend:"Resend",resending:"Resending...","chat-history":"Chat History","exit-chat-history":"Exit Chat History","no-history":"No history yet."},w),artifact:x,responsiveBy:P,forceMobile:j,loadFont:D,disableHtml:C,disableJs:S,disableCss:k,isFontLoaded:z,isNewChat:q,isShowIceBreaker:Q,isRtl:H,isEmbed:R,isDropShadow:E,isEmailLogin:L,setIsFontLoaded:Y,setFormId:A,setChatId:B,setLastChatId:N,setSessionId:G,setPickaxe:_,setIsNewChat:K,setIsShowIceBreaker:V},O&&{onGenerateComplete:O})},{children:i(l,{children:i(r,{children:i(a,Object.assign({limits:I},{children:i(d,{children:i(n,Object.assign({},x,{children:o}))})}))})})}))};export{c as PickaxeContext,m as PickaxeProvider};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as o}from"react/jsx-runtime";import{usePickaxeContext as s}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleFontSize as i}from"../../../hooks/studio/useStyleFontSize.js";import{useAffiliate as t}from"../../../hooks/core/useAffiliate.js";import{motion as a}from"framer-motion";import r from"../../Icons/pickaxe.svg.js";import l from"../../../common/cn.js";const n=({className:n,animateHover:c=!0})=>{var m,f,p;const{formId:d,pickaxe:h,colors:x,misc:u,translations:k}=s(),v=t({formId:d}),j=i();return!h||u.isWhiteLabel?null:e(a.a,Object.assign({href:null!==(f=null===(m=v.data)||void 0===m?void 0:m.link)&&void 0!==f?f:`https://${process.env.NEXT_PUBLIC_PICKAXE_DOMAIN}`,className:l("flex items-center gap-2 select-none overflow-hidden px-2 py-1 rounded",n,"#ffffff"===x.text.toLowerCase()?"text-white":"text-black")},c&&{initial:{scale:1},whileHover:{scale:1.05},whileTap:{scale:.95}},{children:[o(r,{className:"h-3.5 w-3.5 shrink-0"}),o("span",Object.assign({className:l(j.b4,"opacity-50")},{children:null!==(p=null==k?void 0:k["powered-by-pickaxe"])&&void 0!==p?p:"Powered by Pickaxe"}))]}))};export{n as default};
1
+ import{jsx as e,jsxs as o}from"react/jsx-runtime";import{usePickaxeContext as s}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleFontSize as t}from"../../../hooks/studio/useStyleFontSize.js";import{useAffiliate as i}from"../../../hooks/core/useAffiliate.js";import a from"../../Icons/pickaxe.svg.js";import r from"../../../common/cn.js";const n=({containerClassName:n,className:c})=>{var l,m,d;const{formId:f,pickaxe:p,colors:u,misc:x,translations:h}=s(),k=i({formId:f}),v=t();return!p||x.isWhiteLabel?null:e("div",Object.assign({className:r("flex",n)},{children:o("a",Object.assign({href:null!==(m=null===(l=k.data)||void 0===l?void 0:l.link)&&void 0!==m?m:`https://${process.env.NEXT_PUBLIC_PICKAXE_DOMAIN}`,className:r("flex select-none items-center gap-2 overflow-hidden rounded px-2 py-1 opacity-50 duration-300 ease-in-out hover:opacity-100",c,"#ffffff"===u.text.toLowerCase()?"text-white":"text-black")},{children:[e(a,{className:"h-3.5 w-3.5 shrink-0"}),e("span",Object.assign({className:r(v.b4)},{children:null!==(d=null==h?void 0:h["powered-by-pickaxe"])&&void 0!==d?d:"Powered by Pickaxe"}))]}))}))};export{n as default};