@pickaxeproject/react 3.5.2 → 3.6.0

package/dist/cjs/components/Pickaxe/Addons/Artifact/Renderer/SaveMenu.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../../Icons/save.svg.js"),t=require("../../../../Core/Menu/index.js"),a=require("../../../../Core/Menu/Button.js"),l=require("../../../../Core/Menu/List.js");exports.default=({variant:n="default",className:i,children:c,data:r,colors:o,onDownload:x,onSaveAsPDF:d})=>e.jsxs(t.default,Object.assign({id:`save-artifact-${r.id}-${r.version}`},{children:[e.jsx(a.default,Object.assign({variant:n,className:i,style:{color:o.text}},{children:c})),e.jsx(l.default,Object.assign({width:"auto",className:"font-semibold p-1 text-sm",style:{backgroundColor:o.primary,color:o.text},border:`1px solid ${o.primary}`},{children:"text/markdown"===r.type?e.jsxs(e.Fragment,{children:[e.jsxs("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("text/markdown")},{children:[e.jsx(s.default,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"Markdown"]})),e.jsxs("button",Object.assign({className:"px-2 py-1 text-left",onClick:d},{children:[e.jsx(s.default,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"PDF"]}))]}):"text/html"===r.type?e.jsxs("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("text/html")},{children:[e.jsx(s.default,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"HTML"]})):"text/csv"===r.type?e.jsxs("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("text/csv")},{children:[e.jsx(s.default,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"CSV"]})):"image/svg+xml"===r.type?e.jsxs("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("image/svg+xml")},{children:[e.jsx(s.default,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"SVG"]})):"application/vnd.pxe.code"===r.type?e.jsxs("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("application/vnd.pxe.code")},{children:[e.jsx(s.default,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),`${r.programmingLanguage||"Plain Text"}`]})):"application/vnd.pxe.mermaid"===r.type?e.jsxs("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("application/vnd.pxe.mermaid")},{children:[e.jsx(s.default,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"SVG"]})):"application/vnd.pxe.react"===r.type?e.jsxs("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("application/vnd.pxe.react")},{children:[e.jsx(s.default,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"TSX"]})):null}))]}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../../Icons/save.svg.js"),t=require("../../../../Core/Menu/index.js"),a=require("../../../../Core/Menu/Button.js"),l=require("../../../../Core/Menu/List.js");exports.default=({variant:n="default",className:i,children:c,data:r,colors:o,onDownload:x,onSaveAsPDF:d,onSaveAsDOCX:p})=>e.jsxs(t.default,Object.assign({id:`save-artifact-${r.id}-${r.version}`},{children:[e.jsx(a.default,Object.assign({variant:n,className:i,style:{color:o.text}},{children:c})),e.jsx(l.default,Object.assign({width:"auto",className:"font-semibold p-1 text-sm",style:{backgroundColor:o.primary,color:o.text},border:`1px solid ${o.primary}`},{children:"text/markdown"===r.type?e.jsxs(e.Fragment,{children:[e.jsxs("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("text/markdown")},{children:[e.jsx(s.default,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"Markdown"]})),e.jsxs("button",Object.assign({className:"px-2 py-1 text-left",onClick:d},{children:[e.jsx(s.default,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"PDF"]})),e.jsxs("button",Object.assign({className:"px-2 py-1 text-left",onClick:p},{children:[e.jsx(s.default,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"DOCX"]})),e.jsxs("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("text/plain")},{children:[e.jsx(s.default,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"TXT"]}))]}):"text/html"===r.type?e.jsxs("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("text/html")},{children:[e.jsx(s.default,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"HTML"]})):"text/csv"===r.type?e.jsxs("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("text/csv")},{children:[e.jsx(s.default,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"CSV"]})):"image/svg+xml"===r.type?e.jsxs("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("image/svg+xml")},{children:[e.jsx(s.default,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"SVG"]})):"application/vnd.pxe.code"===r.type?e.jsxs("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("application/vnd.pxe.code")},{children:[e.jsx(s.default,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),`${r.programmingLanguage||"Plain Text"}`]})):"application/vnd.pxe.mermaid"===r.type?e.jsxs("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("application/vnd.pxe.mermaid")},{children:[e.jsx(s.default,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"SVG"]})):"application/vnd.pxe.react"===r.type?e.jsxs("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("application/vnd.pxe.react")},{children:[e.jsx(s.default,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"TSX"]})):null}))]}));

package/dist/cjs/components/Pickaxe/Addons/Artifact/Renderer/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),o=require("react"),n=require("../hooks/useArtifactContext.js"),r=require("../../../../../hooks/pickaxe/usePickaxeContext.js"),a=require("../../Scroll/hooks/useScroll.js"),i=require("../hooks/useArtifact.js"),l=require("react-to-print"),s=require("../../../common/PickaxeMarkdown/index.js"),c=require("../../../common/PickaxeMarkdown/Renderer.js"),d=require("react-syntax-highlighter"),p=require("../../Scroll/ScrollLockView.js"),u=require("../../../../Icons/x.svg.js"),m=require("../../../../Icons/save.svg.js"),x=require("../../../../Icons/expand.svg.js"),f=require("../../../../Icons/shrink.svg.js"),v=require("../../../common/PickaxeCopyButton.js"),y=require("../../../../Core/ScrollArea.js"),g=require("../../../../Core/TipContainer.js"),h=require("../MermaidRenderer.js"),b=require("./SaveMenu.js"),j=require("./ViewOptions.js"),w=require("csv-to-markdown-table"),C=require("../../../../../common/cn.js");function k(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var F=k(w);const T="development"===process.env.NODE_ENV?"http://localhost:3007":"https://user-content.pickaxe.co";exports.default=w=>{var k,O,A,S;const{artifacts:E,currentPopupType:q,currentArtifact:D,setCurrentArtifact:N}=n.useArtifactContext(),{onLoadArtifact:M}=i.useArtifact(),{styles:R,colors:B,translations:L}=r.usePickaxeContext(),[P,z]=o.useState("code"),_=o.useRef(),$=o.useRef(null),W=o.useRef(null),H=l.useReactToPrint({contentRef:_}),{scrollContainerRef:I,scrollStartSession:U,scrollToBottom:V,scrollEndSession:X}=a.useScroll({auto:"code"===P}),G=null!==(O=null===(k=w.styling)||void 0===k?void 0:k.styles)&&void 0!==O?O:R,J=null!==(S=null===(A=w.styling)||void 0===A?void 0:A.colors)&&void 0!==S?S:B,K=o.useMemo((()=>{var e,t,o,n,r;if(!w.artifact&&!D)return null;const a=null!==(t=null===(e=w.artifact)||void 0===e?void 0:e.id)&&void 0!==t?t:null==D?void 0:D.id,i=null!==(n=null===(o=w.artifact)||void 0===o?void 0:o.version)&&void 0!==n?n:null==D?void 0:D.version;return null!==(r=E.find((e=>e.id===a&&e.version===i)))&&void 0!==r?r:null}),[D,E,w.artifact]),Q=o.useMemo((()=>K&&"text/csv"===K.type?F.default(K.content,",",!0):null),[K]),Y=o.useMemo((()=>(J.secondaryText||"").toLowerCase().startsWith("#ffffff")),[null==J?void 0:J.secondaryText]),Z=o.useMemo((()=>{const e=w.artifact&&(null==D?void 0:D.id)===w.artifact.id&&(null==D?void 0:D.version)===w.artifact.version;return"inline"===w.type&&("inline-form"===q?!!D:e)}),[D,q,w.type,w.artifact]);o.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){"inline"===w.type&&w.artifact&&(E.some((e=>w.artifact&&e.id===w.artifact.id&&e.version===w.artifact.version))||M({id:w.artifact.id,version:w.artifact.version}))}))}),[E,w.type,w.artifact]),o.useEffect((()=>{if("application/vnd.pxe.code"===(null==K?void 0:K.type)&&z("code"),"finished"!==(null==K?void 0:K.status))return z("code"),U(),void V();X(),"application/vnd.pxe.code"!==K.type&&z("render")}),[null==K?void 0:K.status,null==K?void 0:K.type]),o.useEffect((()=>{var e;!W.current||"text/html"!==(null==K?void 0:K.type)&&"application/vnd.pxe.react"!==(null==K?void 0:K.type)||null===(e=W.current.contentWindow)||void 0===e||e.postMessage({type:"text/html"===K.type?"HTML_CODE":"REACT_CODE",content:K.content},T)}),[null==K?void 0:K.content,null==K?void 0:K.type]);const ee=()=>e.__awaiter(void 0,void 0,void 0,(function*(){if(!K)return;const e=P;"code"===e&&(z("render"),yield new Promise((e=>setTimeout(e,50)))),H(),"code"===e&&z(e)})),te=t=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;if(!K)return;let o={mimeType:"text/plain",extension:".txt"};switch(t){case"text/markdown":o={mimeType:"text/markdown",extension:".md"};break;case"text/html":o={mimeType:"text/html",extension:".html"};break;case"text/csv":o={mimeType:"text/csv",extension:".csv"};break;case"image/svg+xml":case"application/vnd.pxe.mermaid":o={mimeType:"image/svg+xml",extension:".svg"};break;case"application/vnd.pxe.code":o={mimeType:`application/${K.programmingLanguage||"text"};charset=utf-8`,extension:`.${K.programmingLanguage||"txt"}`};break;case"application/vnd.pxe.react":o={mimeType:"text/typescript",extension:".tsx"};break;default:o={mimeType:"text/plain",extension:".txt"}}let n=null;if("application/vnd.pxe.mermaid"===K.type){const t=P;"code"===t&&(z("render"),yield new Promise((e=>setTimeout(e,50))));const o=null===(e=$.current)||void 0===e?void 0:e.querySelector("svg");o&&(n=(new XMLSerializer).serializeToString(o)),"code"===t&&z(t)}const r=new Blob([null!=n?n:K.content],{type:o.mimeType}),a=URL.createObjectURL(r);try{const e=document.createElement("a");e.href=a,e.download=`${K.title}${o.extension}`,e.style.display="none",document.body.appendChild(e),e.click(),document.body.removeChild(e)}finally{URL.revokeObjectURL(a)}}));return K?t.jsxs("div",Object.assign({className:C.default("pxe-artifact-renderer flex flex-col","inline"===w.type&&!Z&&"min-h-[320px] mb-6",w.className),style:Object.assign(Object.assign({backgroundColor:J.secondary,color:J.secondaryText},"auto"!==q&&{borderRadius:G.cornerRadius}),w.style)},{children:[t.jsxs("div",Object.assign({className:"flex items-center gap-6 justify-between p-4 shadow-sm"},{children:[t.jsxs("div",Object.assign({className:"pxe-artifact-create-header flex items-center gap-4 truncate"},{children:[(Z||!q.startsWith("inline"))&&t.jsx(j.default,{type:K.type,view:P,colors:J,onChange:z}),t.jsx("p",Object.assign({className:"font-semilight truncate text-xl"},{children:K.title}))]})),t.jsxs("div",Object.assign({className:"flex items-center gap-3"},{children:[(Z||!q.startsWith("inline"))&&t.jsx(b.default,Object.assign({variant:"anchor",className:"px-3 py-1.5 shrink-0",data:K,colors:J,onDownload:te,onSaveAsPDF:ee},{children:t.jsx("span",Object.assign({className:"shrink-0 font-semibold text-sm select-none"},{children:(null==L?void 0:L["save-as"])||"Save as"}))})),t.jsx("button",Object.assign({style:{color:J.secondaryText},onClick:()=>{"inline"!==w.type||!w.artifact||Z?N(null):N({id:w.artifact.id,version:w.artifact.version})}},{children:"inline"===w.type?Z?t.jsx(f.default,{className:"w-6 h-6 shrink-0"}):t.jsx(x.default,{className:"w-6 h-6 shrink-0"}):t.jsx(u.default,{className:"w-6 h-6 shrink-0"})}))]}))]})),t.jsx("div",Object.assign({className:"flex flex-col flex-grow @container/pickaxe-artifact"},{children:t.jsxs(y.default,Object.assign({ref:I,innerClassName:"flex-grow w-full"},{children:["render"===P&&"application/vnd.pxe.code"!==K.type?t.jsx("div",Object.assign({ref:_,className:C.default("p-4 pb-6 flex-grow flex flex-col","application/vnd.pxe.react"===K.type&&"p-0","text/html"===K.type&&"p-0","text/csv"===K.type&&"p-0")},{children:"text/markdown"===K.type||"text/csv"===K.type||"image/svg+xml"===K.type?t.jsx(s.PickaxeMarkdown,Object.assign({theme:G.theme,colors:J},{children:t.jsx(c.PickaxeMarkdownRenderer,{value:null!=Q?Q:K.content,className:C.default("px-6 @[767px]/pickaxe-artifact:px-11 mx-auto w-full","text/csv"===K.type&&"px-4 @[767px]/pickaxe-artifact:px-4 mx-0"),style:{flex:1}})})):"application/vnd.pxe.mermaid"===K.type?t.jsx(h.default,{ref:$,id:`mermaid-${K.id}-${K.version}`,data:K.content}):"text/html"===K.type||"application/vnd.pxe.react"===K.type?t.jsx("iframe",Object.assign({ref:W,title:K.title,src:`${T}/${"text/html"===K.type?"html":"react"}?theme=${Y?"dark":"light"}`,style:{width:"100%",flex:1,border:"none",backgroundColor:null==J?void 0:J.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 t=e.target;setTimeout((()=>{var e;try{null===(e=t.contentWindow)||void 0===e||e.postMessage({type:"text/html"===K.type?"HTML_CODE":"REACT_CODE",content:K.content},T)}catch(e){console.error("Error sending message to iframe:",e)}}),100),V()}},{children:"Iframe is not supported, please view this artifact in a browser that supports it."})):null})):t.jsx(d.Prism,Object.assign({PreTag:"div",language:"text/markdown"===K.type?"markdown":"text/html"===K.type||"image/svg+xml"===K.type?"xml":"application/vnd.pxe.react"===K.type?"typescript":K.programmingLanguage,showLineNumbers:!0,customStyle:{margin:0,flex:1},style:Object.assign({'code[class*="language-"]':Object.assign(Object.assign({color:null==J?void 0:J.secondaryText},Y&&{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==J?void 0:J.secondaryText},Y&&{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==J?void 0:J.secondary}),':not(pre) > code[class*="language-"]':{background:null==J?void 0:J.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==J?void 0:J.secondaryText,fontWeight:"bold"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"}},!Y&&{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==J?void 0:J.secondaryText,fontWeight:"bold"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"}})},{children:K.content})),t.jsx(p.default,{})]}))})),"inline"===w.type&&!Z&&t.jsxs("div",Object.assign({className:"flex items-center gap-4 p-4 pt-6"},{children:[t.jsx(g.default,Object.assign({id:`artifact-copy-${K.id}-${K.version}`,tip:(null==L?void 0:L.copy)||"Copy",style:{padding:"0.25rem 0.5rem",backgroundColor:J.secondary,color:J.secondaryText,fontSize:"12px"},align:"bottom"},{children:t.jsx(v.default,{color:J.secondaryText,text:K.content,className:"opacity-100",iconClassName:"w-5 h-5"})})),t.jsx(g.default,Object.assign({id:`artifact-save-${K.id}-${K.version}`,tip:(null==L?void 0:L.save)||"Save",style:{padding:"0.25rem 0.5rem",backgroundColor:J.secondary,color:J.secondaryText,fontSize:"12px"},align:"bottom"},{children:t.jsx(b.default,Object.assign({data:K,colors:J,onDownload:te,onSaveAsPDF:ee},{children:t.jsx("button",Object.assign({style:{color:J.secondaryText}},{children:t.jsx(m.default,{className:"w-5 h-5 shrink-0"})}))}))}))]}))]})):null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_tslib.js"),o=require("react/jsx-runtime"),t=require("react"),n=require("../hooks/useArtifactContext.js"),r=require("../../../../../hooks/pickaxe/usePickaxeContext.js"),a=require("../../Scroll/hooks/useScroll.js"),i=require("../hooks/useArtifact.js"),l=require("react-to-print"),s=require("../../../common/PickaxeMarkdown/index.js"),c=require("../../../common/PickaxeMarkdown/Renderer.js"),d=require("react-syntax-highlighter"),p=require("@mohtasham/md-to-docx"),u=require("../../Scroll/ScrollLockView.js"),m=require("../../../../Icons/x.svg.js"),x=require("../../../../Icons/save.svg.js"),f=require("../../../../Icons/expand.svg.js"),v=require("../../../../Icons/shrink.svg.js"),y=require("../../../common/PickaxeCopyButton.js"),g=require("../../../../Core/ScrollArea.js"),h=require("../../../../Core/TipContainer.js"),b=require("../MermaidRenderer.js"),j=require("./SaveMenu.js"),w=require("./ViewOptions.js"),C=require("csv-to-markdown-table"),k=require("../../../../../common/cn.js");function F(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var O=F(C);const T="development"===process.env.NODE_ENV?"http://localhost:3007":"https://user-content.pickaxe.co";exports.default=C=>{var F,A,S,D;const{artifacts:E,currentPopupType:q,currentArtifact:N,setCurrentArtifact:M}=n.useArtifactContext(),{onLoadArtifact:R}=i.useArtifact(),{styles:B,colors:_,translations:L}=r.usePickaxeContext(),[P,z]=t.useState("code"),$=t.useRef(),W=t.useRef(null),H=t.useRef(null),I=l.useReactToPrint({contentRef:$}),{scrollContainerRef:U,scrollStartSession:V,scrollToBottom:X,scrollEndSession:G}=a.useScroll({auto:"code"===P}),J=null!==(A=null===(F=C.styling)||void 0===F?void 0:F.styles)&&void 0!==A?A:B,K=null!==(D=null===(S=C.styling)||void 0===S?void 0:S.colors)&&void 0!==D?D:_,Q=t.useMemo((()=>{var e,o,t,n,r;if(!C.artifact&&!N)return null;const a=null!==(o=null===(e=C.artifact)||void 0===e?void 0:e.id)&&void 0!==o?o:null==N?void 0:N.id,i=null!==(n=null===(t=C.artifact)||void 0===t?void 0:t.version)&&void 0!==n?n:null==N?void 0:N.version;return null!==(r=E.find((e=>e.id===a&&e.version===i)))&&void 0!==r?r:null}),[N,E,C.artifact]),Y=t.useMemo((()=>Q&&"text/csv"===Q.type?O.default(Q.content,",",!0):null),[Q]),Z=t.useMemo((()=>(K.secondaryText||"").toLowerCase().startsWith("#ffffff")),[null==K?void 0:K.secondaryText]),ee=t.useMemo((()=>{const e=C.artifact&&(null==N?void 0:N.id)===C.artifact.id&&(null==N?void 0:N.version)===C.artifact.version;return"inline"===C.type&&("inline-form"===q?!!N:e)}),[N,q,C.type,C.artifact]);t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){"inline"===C.type&&C.artifact&&(E.some((e=>C.artifact&&e.id===C.artifact.id&&e.version===C.artifact.version))||R({id:C.artifact.id,version:C.artifact.version}))}))}),[E,C.type,C.artifact]),t.useEffect((()=>{if("application/vnd.pxe.code"===(null==Q?void 0:Q.type)&&z("code"),"finished"!==(null==Q?void 0:Q.status))return z("code"),V(),void X();G(),"application/vnd.pxe.code"!==Q.type&&z("render")}),[null==Q?void 0:Q.status,null==Q?void 0:Q.type]),t.useEffect((()=>{var e;!H.current||"text/html"!==(null==Q?void 0:Q.type)&&"application/vnd.pxe.react"!==(null==Q?void 0:Q.type)||null===(e=H.current.contentWindow)||void 0===e||e.postMessage({type:"text/html"===Q.type?"HTML_CODE":"REACT_CODE",content:Q.content},T)}),[null==Q?void 0:Q.content,null==Q?void 0:Q.type]);const oe=()=>e.__awaiter(void 0,void 0,void 0,(function*(){if(!Q)return;const e=P;"code"===e&&(z("render"),yield new Promise((e=>setTimeout(e,50)))),I(),"code"===e&&z(e)})),te=()=>e.__awaiter(void 0,void 0,void 0,(function*(){if(!Q)return;const e=yield p.convertMarkdownToDocx(Q.content);p.downloadDocx(e,`${Q.title}.docx`)})),ne=o=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;if(!Q)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/${Q.programmingLanguage||"text"};charset=utf-8`,extension:`.${Q.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"===Q.type){const o=P;"code"===o&&(z("render"),yield new Promise((e=>setTimeout(e,50))));const t=null===(e=W.current)||void 0===e?void 0:e.querySelector("svg");t&&(n=(new XMLSerializer).serializeToString(t)),"code"===o&&z(o)}const r=new Blob([null!=n?n:Q.content],{type:t.mimeType}),a=URL.createObjectURL(r);try{const e=document.createElement("a");e.href=a,e.download=`${Q.title}${t.extension}`,e.style.display="none",document.body.appendChild(e),e.click(),document.body.removeChild(e)}finally{URL.revokeObjectURL(a)}}));return Q?o.jsxs("div",Object.assign({className:k.default("pxe-artifact-renderer flex flex-col","inline"===C.type&&!ee&&"min-h-[320px] mb-6",C.className),style:Object.assign(Object.assign({backgroundColor:K.secondary,color:K.secondaryText},"auto"!==q&&{borderRadius:J.cornerRadius}),C.style)},{children:[o.jsxs("div",Object.assign({className:"flex items-center gap-6 justify-between p-4 shadow-sm"},{children:[o.jsxs("div",Object.assign({className:"pxe-artifact-create-header flex items-center gap-4 truncate"},{children:[(ee||!q.startsWith("inline"))&&o.jsx(w.default,{type:Q.type,view:P,colors:K,onChange:z}),o.jsx("p",Object.assign({className:"font-semilight truncate text-xl"},{children:Q.title}))]})),o.jsxs("div",Object.assign({className:"flex items-center gap-3"},{children:[(ee||!q.startsWith("inline"))&&o.jsx(j.default,Object.assign({variant:"anchor",className:"px-3 py-1.5 shrink-0",data:Q,colors:K,onDownload:ne,onSaveAsPDF:oe,onSaveAsDOCX:te},{children:o.jsx("span",Object.assign({className:"shrink-0 font-semibold text-sm select-none"},{children:(null==L?void 0:L["save-as"])||"Save as"}))})),o.jsx("button",Object.assign({style:{color:K.secondaryText},onClick:()=>{"inline"!==C.type||!C.artifact||ee?M(null):M({id:C.artifact.id,version:C.artifact.version})}},{children:"inline"===C.type?ee?o.jsx(v.default,{className:"w-6 h-6 shrink-0"}):o.jsx(f.default,{className:"w-6 h-6 shrink-0"}):o.jsx(m.default,{className:"w-6 h-6 shrink-0"})}))]}))]})),o.jsx("div",Object.assign({className:"flex flex-col flex-grow @container/pickaxe-artifact"},{children:o.jsxs(g.default,Object.assign({ref:U,innerClassName:"flex-grow w-full"},{children:["render"===P&&"application/vnd.pxe.code"!==Q.type?o.jsx("div",Object.assign({ref:$,className:k.default("p-4 pb-6 flex-grow flex flex-col","application/vnd.pxe.react"===Q.type&&"p-0","text/html"===Q.type&&"p-0","text/csv"===Q.type&&"p-0")},{children:"text/markdown"===Q.type||"text/csv"===Q.type||"image/svg+xml"===Q.type?o.jsx(s.PickaxeMarkdown,Object.assign({theme:J.theme,colors:K},{children:o.jsx(c.PickaxeMarkdownRenderer,{value:null!=Y?Y:Q.content,className:k.default("px-6 @[767px]/pickaxe-artifact:px-11 mx-auto w-full","text/csv"===Q.type&&"px-4 @[767px]/pickaxe-artifact:px-4 mx-0"),style:{flex:1}})})):"application/vnd.pxe.mermaid"===Q.type?o.jsx(b.default,{ref:W,id:`mermaid-${Q.id}-${Q.version}`,data:Q.content}):"text/html"===Q.type||"application/vnd.pxe.react"===Q.type?o.jsx("iframe",Object.assign({ref:H,title:Q.title,src:`${T}/${"text/html"===Q.type?"html":"react"}?theme=${Z?"dark":"light"}`,style:{width:"100%",flex:1,border:"none",backgroundColor:null==K?void 0:K.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"===Q.type?"HTML_CODE":"REACT_CODE",content:Q.content},T)}catch(e){console.error("Error sending message to iframe:",e)}}),100),X()}},{children:"Iframe is not supported, please view this artifact in a browser that supports it."})):null})):o.jsx(d.Prism,Object.assign({PreTag:"div",language:"text/markdown"===Q.type?"markdown":"text/html"===Q.type||"image/svg+xml"===Q.type?"xml":"application/vnd.pxe.react"===Q.type?"typescript":Q.programmingLanguage,showLineNumbers:!0,customStyle:{margin:0,flex:1},style:Object.assign({'code[class*="language-"]':Object.assign(Object.assign({color:null==K?void 0:K.secondaryText},Z&&{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==K?void 0:K.secondaryText},Z&&{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==K?void 0:K.secondary}),':not(pre) > code[class*="language-"]':{background:null==K?void 0:K.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==K?void 0:K.secondaryText,fontWeight:"bold"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"}},!Z&&{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==K?void 0:K.secondaryText,fontWeight:"bold"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"}})},{children:Q.content})),o.jsx(u.default,{})]}))})),"inline"===C.type&&!ee&&o.jsxs("div",Object.assign({className:"flex items-center gap-4 p-4 pt-6"},{children:[o.jsx(h.default,Object.assign({id:`artifact-copy-${Q.id}-${Q.version}`,tip:(null==L?void 0:L.copy)||"Copy",style:{padding:"0.25rem 0.5rem",backgroundColor:K.secondary,color:K.secondaryText,fontSize:"12px"},align:"bottom"},{children:o.jsx(y.default,{color:K.secondaryText,text:Q.content,className:"opacity-100",iconClassName:"w-5 h-5"})})),o.jsx(h.default,Object.assign({id:`artifact-save-${Q.id}-${Q.version}`,tip:(null==L?void 0:L.save)||"Save",style:{padding:"0.25rem 0.5rem",backgroundColor:K.secondary,color:K.secondaryText,fontSize:"12px"},align:"bottom"},{children:o.jsx(j.default,Object.assign({data:Q,colors:K,onDownload:ne,onSaveAsPDF:oe,onSaveAsDOCX:te},{children:o.jsx("button",Object.assign({style:{color:K.secondaryText}},{children:o.jsx(x.default,{className:"w-5 h-5 shrink-0"})}))}))}))]}))]})):null};

package/dist/cjs/components/Pickaxe/Addons/Artifact/hooks/useArtifact.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_tslib.js"),t=require("../../../../../hooks/pickaxe/usePickaxeContext.js"),s=require("../../Auth/hooks/useAuthContext.js"),i=require("./useArtifactContext.js"),r=require("./useArtifactData.js");exports.useArtifact=()=>{const{studioUserId:o,embedUserId:a}=t.usePickaxeContext(),{token:n}=s.useAuthContext(),{artifacts:c,currentPopupType:u,setArtifacts:d,setCurrentArtifact:v}=i.useArtifactContext(),f=r.useArtifactData();return{onLoadArtifact:(t,s)=>e.__awaiter(void 0,void 0,void 0,(function*(){if(t){if(!c.some((e=>e.id===t.id&&e.version===t.version))){const e=yield f.mutateAsync(Object.assign(Object.assign({artifactId:t.id,version:t.version},n?{embedSessionToken:n}:Object.assign(Object.assign({},a&&{createdBy:a}),o&&{createdBy:o})),void 0!==s&&{createdBy:s}));e&&d((t=>[...t,Object.assign(Object.assign({},e),{status:"finished"})]))}return u.startsWith("inline")||v({id:t.id,version:t.version}),void("development"===process.env.NODE_ENV&&console.log("[onLoadArtifact]","Loaded artifact:",{id:t.id,version:t.version}))}v(null)}))}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_tslib.js"),t=require("../../../../../hooks/pickaxe/usePickaxeContext.js"),s=require("../../Auth/hooks/useAuthContext.js"),i=require("./useArtifactContext.js"),r=require("./useArtifactData.js");exports.useArtifact=()=>{const{studioUserId:o,embedUserId:a}=t.usePickaxeContext(),{token:n}=s.useAuthContext(),{artifacts:c,currentPopupType:u,setArtifacts:d,setCurrentArtifact:v}=i.useArtifactContext(),f=r.useArtifactData();return{onLoadArtifact:(t,s)=>e.__awaiter(void 0,void 0,void 0,(function*(){if(t){if(!c.some((e=>e.id===t.id&&e.version===t.version))){const e=yield f.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign({artifactId:t.id,version:t.version},o&&{createdBy:o}),a&&{createdBy:a}),n&&{studioSessionToken:n}),void 0!==s&&{createdBy:s}));e&&d((t=>[...t,Object.assign(Object.assign({},e),{status:"finished"})]))}return u.startsWith("inline")||v({id:t.id,version:t.version}),void("development"===process.env.NODE_ENV&&console.log("[onLoadArtifact]","Loaded artifact:",{id:t.id,version:t.version}))}v(null)}))}};

package/dist/cjs/components/Pickaxe/Addons/Artifact/hooks/useArtifactData.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_tslib.js"),t=require("@tanstack/react-query"),r=require("../../../../../common/api/index.js");exports.useArtifactData=()=>t.useMutation({mutationFn:t=>(({artifactId:t,version:a,createdBy:i,studioSessionToken:o,embedSessionToken:s})=>e.__awaiter(void 0,void 0,void 0,(function*(){if(!t||!a)return Promise.reject(new Error("[_getArtifactData] artifactId and version are required"));let e=`${process.env.NEXT_PUBLIC_API_URL}/pickaxe/artifact?artifactId=${t}`;a&&(e+=`&version=${a}`),i&&(e+=`&createdBy=${i}`),o?e+=`&studioSessionToken=${o}`:s&&(e+=`&embedSessionToken=${s}`);const n=yield r.default.get(e),d=n.data;if(200!==n.status)throw new Error("[_getArtifactData] Failed to fetch artifact "+d);return d.data})))(t)});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../../../../_virtual/_tslib.js"),e=require("@tanstack/react-query"),r=require("../../../../../common/api/index.js");exports.useArtifactData=()=>e.useMutation({mutationFn:e=>(({artifactId:e,version:a,createdBy:i,studioSessionToken:o})=>t.__awaiter(void 0,void 0,void 0,(function*(){if(!e||!a)return Promise.reject(new Error("[_getArtifactData] artifactId and version are required"));let t=`${process.env.NEXT_PUBLIC_API_URL}/pickaxe/artifact?artifactId=${e}`;a&&(t+=`&version=${a}`),i&&(t+=`&createdBy=${i}`),o&&(t+=`&studioSessionToken=${o}`);const s=yield r.default.get(t),n=s.data;if(200!==s.status)throw new Error("[_getArtifactData] Failed to fetch artifact "+n);return n.data})))(e)});

package/dist/cjs/components/Pickaxe/Addons/Auth/hooks/useAuth.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_tslib.js"),t=require("react"),i=require("../../../../../hooks/pickaxe/usePickaxeContext.js"),o=require("./useAuthContext.js"),s=require("./useAuthVerify.js"),r=require("../../../../../common/utils.js"),n=require("../../../../../common/api/index.js"),d=require("../../../../../common/error.js");exports.useAuth=()=>{const{deploymentId:u,pickaxe:a,isEmailLogin:l}=i.usePickaxeContext(),{emailInput:c,isSending:f,setToken:m,setIsLoggingIn:k,setIsSending:h,setIsSent:p,setIsResendDisabled:g}=o.useAuthContext(),w=s.useAuthVerify({token:r.getAuthToken((null==a?void 0:a.studioid)||"")||"",enabled:l,setIsLoggingIn:k});t.useEffect((()=>{if("undefined"==typeof window)return;if(!w.data)return;const{success:e,token:t,error:i}=w.data;e&&!i?m(t):r.deleteAuthToken(`PXE-token-${null==a?void 0:a.studioid}`)}),[w.data,null==a?void 0:a.studioid]);return{onSend:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{if(!a)return;if(f)return;const e=c.trim().toLowerCase();if(!e)throw new Error("Email address cannot be empty.");if(!e.includes("@")||!e.includes("."))throw new Error("Please enter a valid email address.");if(!a.studioid)throw new Error(`Studio ID is missing for ${a.formid}. Please contact support.`);h(!0),t&&g(!0);const i=(yield n.default.post("/pickaxe/auth/email",Object.assign({formId:a.formid,studioId:a.studioid,email:e},u&&{deploymentId:u}))).data;if(!i.success)throw new Error(i.error||"Failed to send sign-in link.");h(!1),p(!0),t&&(yield new Promise((e=>setTimeout(e,3e4))),g(!1)),r.setAuthToken(`PXE-token-${a.studioid}`,i.token)}catch(e){const t=d.default(e);alert(t)}finally{h(!1)}}))}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_tslib.js"),t=require("react"),i=require("../../../../../hooks/pickaxe/usePickaxeContext.js"),o=require("./useAuthContext.js"),s=require("./useAuthVerify.js"),r=require("../../../../../common/utils.js"),n=require("../../../../../common/api/index.js"),d=require("../../../../../common/error.js");exports.useAuth=()=>{const{deploymentId:u,pickaxe:a,isEmailLogin:l}=i.usePickaxeContext(),{emailInput:c,isSending:f,isLoggedOut:m,setToken:k,setIsLoggingIn:g,setIsSending:h,setIsSent:p,setIsResendDisabled:w}=o.useAuthContext(),I=s.useAuthVerify({token:r.getAuthToken((null==a?void 0:a.studioid)||"")||"",enabled:l&&m,setIsLoggingIn:g});t.useEffect((()=>{if("undefined"==typeof window)return;if(!I.data)return;const{success:e,token:t,error:i}=I.data;e&&!i?k(t):r.deleteAuthToken(`PXE-token-${null==a?void 0:a.studioid}`)}),[I.data,null==a?void 0:a.studioid]);return{onSend:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{if(!a)return;if(f)return;const e=c.trim().toLowerCase();if(!e)throw new Error("Email address cannot be empty.");if(!e.includes("@")||!e.includes("."))throw new Error("Please enter a valid email address.");if(!a.studioid)throw new Error(`Studio ID is missing for ${a.formid}. Please contact support.`);h(!0),t&&w(!0);const i=(yield n.default.post("/pickaxe/auth/email",Object.assign({formId:a.formid,studioId:a.studioid,email:e},u&&{deploymentId:u}))).data;if(!i.success)throw new Error(i.error||"Failed to send sign-in link.");h(!1),p(!0),t&&(yield new Promise((e=>setTimeout(e,3e4))),w(!1)),r.setAuthToken(`PXE-token-${a.studioid}`,i.token)}catch(e){const t=d.default(e);alert(t)}finally{h(!1)}}))}};

package/dist/cjs/components/Pickaxe/Chat/Input.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("react"),i=require("../../../hooks/pickaxe/usePickaxeContext.js"),r=require("../../../hooks/pickaxe/useResponseContext.js"),n=require("../../../hooks/studio/useStyleInput.js"),o=require("../../../hooks/studio/useStyleFontSize.js"),a=require("../../../hooks/pickaxe/useConversation.js"),l=require("../Addons/Auth/hooks/useAuthContext.js"),d=require("../../../hooks/pickaxe/useSubmit.js"),c=require("../Addons/Document/hooks/useDocument.js"),u=require("../Addons/Scroll/hooks/useScroll.js"),f=require("../Addons/Artifact/hooks/useArtifactContext.js"),m=require("../../../hooks/core/useHover.js"),p=require("../../../common/documents.js"),g=require("eventsource-parser"),v=require("../../Icons/attach-vertical.svg.js"),h=require("../../Icons/arrow-right.svg.js"),x=require("../Addons/IceBreaker/index.js"),j=require("../Addons/Document/List.js"),b=require("../../Core/Textarea.js"),y=require("../../Core/ErrorAlert.js"),k=require("../../../common/error.js"),O=require("../../../common/cn.js");exports.default=({isFocused:w,onFocus:S,onBlur:I})=>{var q;const{formId:N,chatId:A,userId:C,studioUserId:_,embedUserId:D,deploymentId:E,deploymentType:B,pickaxe:T,styles:F,colors:U,responsiveBy:H,isNewChat:J,isRtl:R,isEmailLogin:L,setIsNewChat:M,setIsShowIceBreaker:P,onGenerateComplete:W}=i.usePickaxeContext(),{token:z,isLoggedOut:G,isSent:K}=l.useAuthContext(),{messages:Q,status:V,limits:X,isGenerating:Y,setMessages:Z,setStatus:$,setLimitData:ee,setError:te}=r.useResponseContext(),{documents:se,isUploading:ie,isImageUploadAllowed:re,documentError:ne,onFileUpload:oe,setDocuments:ae,setDocumentError:le}=c.useDocument(),{scrollStartSession:de,scrollEndSession:ce,scrollToBottom:ue}=u.useScroll({auto:!0}),{artifacts:fe,currentPopupType:me,setArtifacts:pe,setCurrentArtifact:ge}=f.useArtifactContext(),ve=a.useConversation(),he=d.useSubmit(),[xe,je]=s.useState(""),be=s.useRef(null),ye=m.useHover(),{isHover:ke}=ye,Oe=e.__rest(ye,["isHover"]),we=m.useHover(),{isHover:Se}=we,Ie=e.__rest(we,["isHover"]),qe=o.useStyleFontSize(),Ne=n.useStyleInput(),Ae="chat-input"===B&&J&&!K,Ce="chat-input"===B&&L&&G&&K,_e=s.useMemo((()=>{var e,t,s;return!!J&&(!!T&&(!ve.isLoading&&(!((null!==(t=null===(e=ve.data)||void 0===e?void 0:e.messages.length)&&void 0!==t?t:0)>1)&&!!(null===(s=T.icebreakers)||void 0===s?void 0:s.length))))}),[T,J,ve.data,ve.isLoading]),De=s.useMemo((()=>{if(Y||ie)return!1;return!!xe.trim()&&se.every((e=>"finished"===e.status||e.isInsertedAsRaw))}),[Y,ie,xe,se]),Ee=t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{if("idle"!==V||ie)return;const e=null!=t?t:xe;if(!e)return;te(""),le(""),ee(null),je(""),M(!1),$("fetching"),de(),ue();const s=se.filter((e=>"finished"===e.status&&!e.isInsertedAsRaw)).map((e=>e.documentId)).filter(Boolean),i="enduserupload"===(null==T?void 0:T.documentuploadtype)&&s.length>0,r=[...Array.from(Q),Object.assign({id:Q.length+1,role:"user",content:e},i&&{documentIds:s})];Z(r),ue(),i&&ae([]);const n=(yield he.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:N,responseId:A,value:e},i&&{documentIds:s}),C&&{userId:C}),_&&{studioUserId:_}),D&&{embedUserId:D}),z&&{embedSessionToken:z}),E&&{deploymentId:E}))).body;if(!n)throw new Error("Streaming error");const o=r.length,a=new TextDecoder,l=n.getReader();let d="",c=!0,u=!1,f=[...null!=fe?fe:[]];const m=g.createParser({onEvent:e=>{if("delta"===e.event){const t=JSON.parse(e.data).token.replace(/\u200B/g,"");d+=t,Z([...r.slice(0,o),{id:Q.length+1,role:"assistant",content:d}])}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"})),pe(f),me.startsWith("inline")||ge({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"})),pe(f),me.startsWith("inline")||ge({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"})),pe(f),me.startsWith("inline")||ge({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)),pe(f)}else if("artifact_finished"===e.event){const t=JSON.parse(e.data);pe(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);te(t.error||"Something went wrong, please try again.")}else"stop"===e.event&&(c=!1)}});for(;c;){const{value:e,done:t}=yield l.read();if(t){c=!1;break}const s=a.decode(e);s&&(u||($("streaming"),u=!0),m.feed(s))}null==W||W(A)}catch(e){let t=k.default(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(X).find((([e])=>t.includes(e)));s?ee(s[1]):te(t)}finally{ue(),$("idle"),ce()}}));return s.useEffect((()=>{P(_e)}),[_e]),Ce?null:t.jsx("div",Object.assign({className:O.default("w-full flex flex-col items-center absolute bottom-0 left-0 z-1",!Ae&&"px-4 pb-4"),dir:R?"rtl":"ltr"},{children:t.jsxs("div",Object.assign({className:"relative flex flex-col max-w-[800px] w-full"},{children:[!Ae&&t.jsx("div",Object.assign({className:O.default("absolute bottom-full",R?"left-0":"right-0")},{children:t.jsx("div",Object.assign({className:O.default("flex flex-col gap-2 pb-4 px-2",R?"justify-start":"justify-end","viewport"===H?R?"min-[767px]:items-start":"min-[767px]:items-end":R?"@[767px]/pickaxe-root:items-start":"@[767px]/pickaxe-root:items-end")},{children:_e&&!w&&t.jsx(x.default,{data:(null==T?void 0:T.icebreakers)||[],onSend:Ee})}))})),t.jsxs("div",Object.assign({className:O.default("flex flex-col gap-y-3 px-4 py-3","block"===F.formFieldStyle&&"shadow"),style:Ne},{children:["idle"===V&&se.length>0&&t.jsx(j.default,{isDisabled:"idle"!==V}),t.jsxs("div",Object.assign({className:O.default("flex items-end gap-x-2",R&&"flex-row-reverse")},{children:[t.jsx(b.default,Object.assign({className:O.default(qe.i1,"max-h-60 min-h-[27px] w-full border-transparent bg-transparent",!xe.length&&"max-h-6 overflow-hidden text-ellipsis whitespace-nowrap",R?"text-right":"text-left"),value:xe,placeholder:null!==(q=null==T?void 0:T.placeholdertext)&&void 0!==q?q:R?"بماذا تريد أن تتحدث؟":"What do you want to talk about?",onChange:e=>je(e),onKeyDown:e=>{"Enter"===e.key&&(e.shiftKey||(e.preventDefault(),ie||"idle"!==V||Ee()))}},S&&{onFocus:S},I&&{onBlur:I},{dir:R?"rtl":"ltr"})),t.jsxs("div",Object.assign({className:"flex items-center gap-x-2"},{children:["enduserupload"===(null==T?void 0:T.documentuploadtype)&&t.jsxs("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:Se?U.accent+"10":void 0,color:Se?U.accent:U.accent+"80"},disabled:ie||"idle"!==V,onClick:()=>{var e;return null===(e=be.current)||void 0===e?void 0:e.click()}},Ie,{children:[t.jsx("input",{id:"file-upload",ref:be,type:"file",accept:[...p.allowedFileMimeTypes,...re?p.allowedImageMimeTypes:[]].join(", "),multiple:!0,hidden:!0,className:"hidden",onChange:t=>e.__awaiter(void 0,void 0,void 0,(function*(){M(!1),yield oe(Array.from(t.target.files||[])),t.target.value=""}))}),t.jsx(v.default,{className:"h-6 w-6 shrink-0"})]})),t.jsx("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:ke||De?U.accent:U.accent+"10",color:ke||De?U.accentText:U.accent+"80"},disabled:"idle"!==V||ie,onClick:()=>Ee()},Oe,{children:t.jsx(h.default,{className:O.default("h-6 w-6 shrink-0",R&&"transform scale-x-[-1]")})}))]}))]}))]})),ne&&t.jsx(y.default,{error:ne,className:"mt-3"})]}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("react"),i=require("../../../hooks/pickaxe/usePickaxeContext.js"),r=require("../../../hooks/pickaxe/useResponseContext.js"),n=require("../../../hooks/studio/useStyleInput.js"),o=require("../../../hooks/studio/useStyleFontSize.js"),a=require("../../../hooks/pickaxe/useConversation.js"),l=require("../Addons/Auth/hooks/useAuthContext.js"),d=require("../../../hooks/pickaxe/useSubmit.js"),c=require("../Addons/Document/hooks/useDocument.js"),u=require("../Addons/Scroll/hooks/useScroll.js"),f=require("../Addons/Artifact/hooks/useArtifactContext.js"),m=require("../../../hooks/core/useHover.js"),p=require("../../../common/documents.js"),g=require("eventsource-parser"),v=require("../../Icons/attach-vertical.svg.js"),h=require("../../Icons/arrow-right.svg.js"),x=require("../Addons/IceBreaker/index.js"),j=require("../Addons/Document/List.js"),b=require("../../Core/Textarea.js"),y=require("../../Core/ErrorAlert.js"),k=require("../../../common/error.js"),O=require("../../../common/cn.js");exports.default=({isFocused:w,onFocus:S,onBlur:I})=>{var q;const{formId:N,chatId:A,userId:C,studioUserId:_,embedUserId:D,deploymentId:E,deploymentType:B,pickaxe:T,styles:F,colors:U,responsiveBy:H,isNewChat:J,isRtl:R,isEmailLogin:L,setIsNewChat:M,setIsShowIceBreaker:P,onGenerateComplete:W}=i.usePickaxeContext(),{token:z,isLoggedOut:G,isSent:K}=l.useAuthContext(),{messages:Q,status:V,limits:X,isGenerating:Y,setMessages:Z,setStatus:$,setLimitData:ee,setError:te}=r.useResponseContext(),{documents:se,isUploading:ie,isImageUploadAllowed:re,documentError:ne,onFileUpload:oe,setDocuments:ae,setDocumentError:le}=c.useDocument(),{scrollStartSession:de,scrollEndSession:ce,scrollToBottom:ue}=u.useScroll({auto:!0}),{artifacts:fe,currentPopupType:me,setArtifacts:pe,setCurrentArtifact:ge}=f.useArtifactContext(),ve=a.useConversation(),he=d.useSubmit(),[xe,je]=s.useState(""),be=s.useRef(null),ye=m.useHover(),{isHover:ke}=ye,Oe=e.__rest(ye,["isHover"]),we=m.useHover(),{isHover:Se}=we,Ie=e.__rest(we,["isHover"]),qe=o.useStyleFontSize(),Ne=n.useStyleInput(),Ae="chat-input"===B&&J&&!K,Ce="chat-input"===B&&L&&G&&K,_e=s.useMemo((()=>{var e,t,s;return!!J&&(!!T&&(!ve.isLoading&&(!((null!==(t=null===(e=ve.data)||void 0===e?void 0:e.messages.length)&&void 0!==t?t:0)>1)&&!!(null===(s=T.icebreakers)||void 0===s?void 0:s.length))))}),[T,J,ve.data,ve.isLoading]),De=s.useMemo((()=>{if(Y||ie)return!1;return!!xe.trim()&&se.every((e=>"finished"===e.status||e.isInsertedAsRaw))}),[Y,ie,xe,se]),Ee=t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{if("idle"!==V||ie)return;const e=null!=t?t:xe;if(!e)return;te(""),le(""),ee(null),je(""),M(!1),$("fetching"),de(),ue();const s=se.filter((e=>"finished"===e.status&&!e.isInsertedAsRaw)).map((e=>e.documentId)).filter(Boolean),i="enduserupload"===(null==T?void 0:T.documentuploadtype)&&s.length>0,r=[...Array.from(Q),Object.assign({id:Q.length+1,role:"user",content:e},i&&{documentIds:s})];Z(r),ue(),i&&ae([]);const n=(yield he.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:N,responseId:A,value:e},i&&{documentIds:s}),C&&{userId:C}),_&&{studioUserId:_}),D&&{embedUserId:D}),z&&{studioSessionToken:z}),E&&{deploymentId:E}))).body;if(!n)throw new Error("Streaming error");const o=r.length,a=new TextDecoder,l=n.getReader();let d="",c=!0,u=!1,f=[...null!=fe?fe:[]];const m=g.createParser({onEvent:e=>{if("delta"===e.event){const t=JSON.parse(e.data).token.replace(/\u200B/g,"");d+=t,Z([...r.slice(0,o),{id:Q.length+1,role:"assistant",content:d}])}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"})),pe(f),me.startsWith("inline")||ge({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"})),pe(f),me.startsWith("inline")||ge({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"})),pe(f),me.startsWith("inline")||ge({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)),pe(f)}else if("artifact_finished"===e.event){const t=JSON.parse(e.data);pe(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);te(t.error||"Something went wrong, please try again.")}else"stop"===e.event&&(c=!1)}});for(;c;){const{value:e,done:t}=yield l.read();if(t){c=!1;break}const s=a.decode(e);s&&(u||($("streaming"),u=!0),m.feed(s))}null==W||W(A)}catch(e){let t=k.default(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(X).find((([e])=>t.includes(e)));s?ee(s[1]):te(t)}finally{ue(),$("idle"),ce()}}));return s.useEffect((()=>{P(_e)}),[_e]),Ce?null:t.jsx("div",Object.assign({className:O.default("w-full flex flex-col items-center absolute bottom-0 left-0 z-1",!Ae&&"px-4 pb-4"),dir:R?"rtl":"ltr"},{children:t.jsxs("div",Object.assign({className:"relative flex flex-col max-w-[800px] w-full"},{children:[!Ae&&t.jsx("div",Object.assign({className:O.default("absolute bottom-full",R?"left-0":"right-0")},{children:t.jsx("div",Object.assign({className:O.default("flex flex-col gap-2 pb-4 px-2",R?"justify-start":"justify-end","viewport"===H?R?"min-[767px]:items-start":"min-[767px]:items-end":R?"@[767px]/pickaxe-root:items-start":"@[767px]/pickaxe-root:items-end")},{children:_e&&!w&&t.jsx(x.default,{data:(null==T?void 0:T.icebreakers)||[],onSend:Ee})}))})),t.jsxs("div",Object.assign({className:O.default("flex flex-col gap-y-3 px-4 py-3","block"===F.formFieldStyle&&"shadow"),style:Ne},{children:["idle"===V&&se.length>0&&t.jsx(j.default,{isDisabled:"idle"!==V}),t.jsxs("div",Object.assign({className:O.default("flex items-end gap-x-2",R&&"flex-row-reverse")},{children:[t.jsx(b.default,Object.assign({className:O.default(qe.i1,"max-h-60 min-h-[27px] w-full border-transparent bg-transparent",!xe.length&&"max-h-6 overflow-hidden text-ellipsis whitespace-nowrap",R?"text-right":"text-left"),value:xe,placeholder:null!==(q=null==T?void 0:T.placeholdertext)&&void 0!==q?q:R?"بماذا تريد أن تتحدث؟":"What do you want to talk about?",onChange:e=>je(e),onKeyDown:e=>{"Enter"===e.key&&(e.shiftKey||(e.preventDefault(),ie||"idle"!==V||Ee()))}},S&&{onFocus:S},I&&{onBlur:I},{dir:R?"rtl":"ltr"})),t.jsxs("div",Object.assign({className:"flex items-center gap-x-2"},{children:["enduserupload"===(null==T?void 0:T.documentuploadtype)&&t.jsxs("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:Se?U.accent+"10":void 0,color:Se?U.accent:U.accent+"80"},disabled:ie||"idle"!==V,onClick:()=>{var e;return null===(e=be.current)||void 0===e?void 0:e.click()}},Ie,{children:[t.jsx("input",{id:"file-upload",ref:be,type:"file",accept:[...p.allowedFileMimeTypes,...re?p.allowedImageMimeTypes:[]].join(", "),multiple:!0,hidden:!0,className:"hidden",onChange:t=>e.__awaiter(void 0,void 0,void 0,(function*(){M(!1),yield oe(Array.from(t.target.files||[])),t.target.value=""}))}),t.jsx(v.default,{className:"h-6 w-6 shrink-0"})]})),t.jsx("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:ke||De?U.accent:U.accent+"10",color:ke||De?U.accentText:U.accent+"80"},disabled:"idle"!==V||ie,onClick:()=>Ee()},Oe,{children:t.jsx(h.default,{className:O.default("h-6 w-6 shrink-0",R&&"transform scale-x-[-1]")})}))]}))]}))]})),ne&&t.jsx(y.default,{error:ne,className:"mt-3"})]}))}))};

package/dist/cjs/components/Pickaxe/Form/Questions/Submit.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("react"),n=require("../../../../hooks/pickaxe/usePickaxeContext.js"),i=require("../../Addons/Auth/hooks/useAuthContext.js"),o=require("../../../../hooks/pickaxe/useResponseContext.js"),r=require("../../../../hooks/pickaxe/useSubmit.js"),a=require("../../Addons/Document/hooks/useDocument.js"),d=require("../../Addons/Scroll/hooks/useScroll.js"),l=require("../../Addons/Artifact/hooks/useArtifactContext.js"),u=require("../../../../common/utils.js"),c=require("@nem035/gpt-3-encoder"),p=require("eventsource-parser"),m=require("../../common/PickaxeBranding.js"),f=require("../../common/PickaxeButton.js"),g=require("../../../../common/error.js");exports.default=({questions:h})=>{var v;const{formId:b,userId:j,studioUserId:x,embedUserId:O,deploymentId:k,pickaxe:w,misc:q,translations:S,isRtl:y,setChatId:I,setIsNewChat:C,onGenerateComplete:A}=n.usePickaxeContext(),{token:N}=i.useAuthContext(),{status:P,limits:_,isGenerating:D,setResponse:R,setMessages:U,setStatus:E,setLimitData:J,setError:T}=o.useResponseContext(),{documents:W,websiteLink:B,isUploading:L,onWebsiteUpload:M,setDocuments:G,setDocumentError:F}=a.useDocument(),{scrollStartSession:K,scrollEndSession:X,scrollToTarget:Y}=d.useScroll({auto:!(null==w?void 0:w.enablechatresponses)}),{artifacts:z,currentPopupType:H,setArtifacts:Q,setCurrentArtifact:V}=l.useArtifactContext(),Z=r.useSubmit(),[$,ee]=s.useState(!1);return t.jsxs("div",Object.assign({className:"mt-4 flex flex-wrap justify-between gap-4 items-center",dir:y?"rtl":"ltr"},{children:[t.jsx("div",Object.assign({className:"flex items-center flex-grow flex-wrap gap-2"},{children:t.jsx(f.default,Object.assign({className:"px-5 min-h-[42px]",isDisabled:L||"idle"!==P||D||$,onClick:()=>e.__awaiter(void 0,void 0,void 0,(function*(){try{if("idle"!==P||L||$)return;T(""),F(""),J(null),R(null);const e=["Multiple Choice","Checkbox"];for(const t of h){if(c.encode(t.input).length>t.maxLength&&!e.includes(t.type))throw new Error("One or more of your responses is too long!");if(t.isRequired&&!t.input.trim()&&"userinput:documentupload"!==t.id)throw new Error("You must fill out all required fields.")}const t=W.filter((e=>"finished"===e.status)),s=W.map((e=>e.name)),n="enduserupload"===(null==w?void 0:w.documentuploadtype),i=h.some((e=>"userinput:documentupload"===e.id&&e.isRequired)),o=u.extractUrlsFromText(B).filter((e=>!s.includes(e)));if(o.length){const e=o[o.length-1];ee(!0);const s=yield M(e);s&&(t.push(s),yield new Promise((e=>setTimeout(e,5e3)))),ee(!1)}else if(i&&n&&!t.length)return void F("Please paste a valid website/video link or drag a file to add to the knowledge base.");const r=t.map((e=>e.documentId)).filter(Boolean),a=n&&r.length>0;let d={};h.forEach((e=>d=Object.assign(Object.assign({},d),{[e.id]:"Knowledge Upload"===e.type||e.id.includes("documentupload")?t.map((e=>e.name)).join(",")||"":e.input}))),E("fetching"),K(),Y();const l=yield Z.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:b,valueObj:d},a&&{documentIds:r}),j&&{userId:j}),x&&{studioUserId:x}),O&&{embedUserId:O}),N&&{embedSessionToken:N}),k&&{deploymentId:k})),m=l.body;if(!m)throw new Error("Streaming error");const f=l.headers.get("X-Pickaxe-Response-Id");if(!f)throw new Error("Response ID not found");const g=new TextDecoder,v=m.getReader();let q="",S=!0,y=!1,_=[...null!=z?z:[]];const D=p.createParser({onEvent:e=>{if("delta"===e.event){const t=JSON.parse(e.data).token.replace(/\u200B/g,"");q+=t,R({formId:b,responseId:f,documentIds:r,questions:h.map((e=>({id:e.id,question:e.main,answer:e.input}))),questionResponse:q,messageCount:0,sentAt:new Date}),(null==w?void 0:w.enablechatresponses)&&U([{id:0,role:"assistant",content:q}])}else if("artifact_created"===e.event){const t=JSON.parse(e.data);_=_.filter((e=>!(e.id===t.id&&e.version===t.version))),_.push(Object.assign(Object.assign({},t),{content:"",status:"streaming"})),Q(_),H.startsWith("inline")||V({id:t.id,version:t.version})}else if("artifact_updated"===e.event){const t=JSON.parse(e.data);_=_.filter((e=>!(e.id===t.id&&e.version===t.version))),_.push(Object.assign(Object.assign({},t),{content:"",status:"updating"})),Q(_),H.startsWith("inline")||V({id:t.id,version:t.version})}else if("artifact_rewrite"===e.event){const t=JSON.parse(e.data);_=_.filter((e=>!(e.id===t.id&&e.version===t.version))),_.push(Object.assign(Object.assign({},t),{content:"",status:"streaming"})),Q(_),H.startsWith("inline")||V({id:t.id,version:t.version})}else if("artifact_content"===e.event){const t=JSON.parse(e.data),s=t.token.replace(/\u200B/g,"");_=_.map((e=>e.id===t.id&&e.version===t.version?Object.assign(Object.assign({},e),{content:e.content+s,status:"streaming"}):e)),Q(_)}else if("artifact_finished"===e.event){const t=JSON.parse(e.data);Q(_.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&&(S=!1)}});for(;S;){const{value:e,done:t}=yield v.read();if(t){S=!1;break}const s=g.decode(e);s&&(y||(E("streaming"),y=!0,a&&G([]),(null==w?void 0:w.enablechatresponses)&&(I(f),C(!1))),D.feed(s))}null==A||A(f)}catch(e){let t=g.default(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(_).find((([e])=>t.includes(e)));s?J(s[1]):T(t),Y()}finally{E("idle"),ee(!1),X()}}))},{children:$?(null==S?void 0:S.processing)||"Processing...":L?(null==S?void 0:S.uploading)||"Uploading...":"fetching"===P||"streaming"===P?(null==S?void 0:S.loading)||"Loading...":null!==(v=null==w?void 0:w.submittext)&&void 0!==v?v:"Submit"}))})),!q.isWhiteLabel&&t.jsx("div",Object.assign({className:"flex justify-end pr-3"},{children:t.jsx(m.default,{})}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("react"),n=require("../../../../hooks/pickaxe/usePickaxeContext.js"),i=require("../../Addons/Auth/hooks/useAuthContext.js"),o=require("../../../../hooks/pickaxe/useResponseContext.js"),r=require("../../../../hooks/pickaxe/useSubmit.js"),a=require("../../Addons/Document/hooks/useDocument.js"),d=require("../../Addons/Scroll/hooks/useScroll.js"),l=require("../../Addons/Artifact/hooks/useArtifactContext.js"),u=require("../../../../common/utils.js"),c=require("@nem035/gpt-3-encoder"),p=require("eventsource-parser"),m=require("../../common/PickaxeBranding.js"),f=require("../../common/PickaxeButton.js"),g=require("../../../../common/error.js");exports.default=({questions:h})=>{var v;const{formId:j,userId:b,studioUserId:x,embedUserId:O,deploymentId:k,pickaxe:w,misc:q,translations:S,isRtl:y,setChatId:I,setIsNewChat:C,onGenerateComplete:A}=n.usePickaxeContext(),{token:N}=i.useAuthContext(),{status:P,limits:_,isGenerating:D,setResponse:R,setMessages:U,setStatus:E,setLimitData:J,setError:T}=o.useResponseContext(),{documents:W,websiteLink:B,isUploading:L,onWebsiteUpload:M,setDocuments:G,setDocumentError:F}=a.useDocument(),{scrollStartSession:K,scrollEndSession:X,scrollToTarget:Y}=d.useScroll({auto:!(null==w?void 0:w.enablechatresponses)}),{artifacts:z,currentPopupType:H,setArtifacts:Q,setCurrentArtifact:V}=l.useArtifactContext(),Z=r.useSubmit(),[$,ee]=s.useState(!1);return t.jsxs("div",Object.assign({className:"mt-4 flex flex-wrap justify-between gap-4 items-center",dir:y?"rtl":"ltr"},{children:[t.jsx("div",Object.assign({className:"flex items-center flex-grow flex-wrap gap-2"},{children:t.jsx(f.default,Object.assign({className:"px-5 min-h-[42px]",isDisabled:L||"idle"!==P||D||$,onClick:()=>e.__awaiter(void 0,void 0,void 0,(function*(){try{if("idle"!==P||L||$)return;T(""),F(""),J(null),R(null);const e=["Multiple Choice","Checkbox"];for(const t of h){if(c.encode(t.input).length>t.maxLength&&!e.includes(t.type))throw new Error("One or more of your responses is too long!");if(t.isRequired&&!t.input.trim()&&"userinput:documentupload"!==t.id)throw new Error("You must fill out all required fields.")}const t=W.filter((e=>"finished"===e.status)),s=W.map((e=>e.name)),n="enduserupload"===(null==w?void 0:w.documentuploadtype),i=h.some((e=>"userinput:documentupload"===e.id&&e.isRequired)),o=u.extractUrlsFromText(B).filter((e=>!s.includes(e)));if(o.length){const e=o[o.length-1];ee(!0);const s=yield M(e);s&&(t.push(s),yield new Promise((e=>setTimeout(e,5e3)))),ee(!1)}else if(i&&n&&!t.length)return void F("Please paste a valid website/video link or drag a file to add to the knowledge base.");const r=t.map((e=>e.documentId)).filter(Boolean),a=n&&r.length>0;let d={};h.forEach((e=>d=Object.assign(Object.assign({},d),{[e.id]:"Knowledge Upload"===e.type||e.id.includes("documentupload")?t.map((e=>e.name)).join(",")||"":e.input}))),E("fetching"),K(),Y();const l=yield Z.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:j,valueObj:d},a&&{documentIds:r}),b&&{userId:b}),x&&{studioUserId:x}),O&&{embedUserId:O}),N&&{studioSessionToken:N}),k&&{deploymentId:k})),m=l.body;if(!m)throw new Error("Streaming error");const f=l.headers.get("X-Pickaxe-Response-Id");if(!f)throw new Error("Response ID not found");const g=new TextDecoder,v=m.getReader();let q="",S=!0,y=!1,_=[...null!=z?z:[]];const D=p.createParser({onEvent:e=>{if("delta"===e.event){const t=JSON.parse(e.data).token.replace(/\u200B/g,"");q+=t,R({formId:j,responseId:f,documentIds:r,questions:h.map((e=>({id:e.id,question:e.main,answer:e.input}))),questionResponse:q,messageCount:0,sentAt:new Date}),(null==w?void 0:w.enablechatresponses)&&U([{id:0,role:"assistant",content:q}])}else if("artifact_created"===e.event){const t=JSON.parse(e.data);_=_.filter((e=>!(e.id===t.id&&e.version===t.version))),_.push(Object.assign(Object.assign({},t),{content:"",status:"streaming"})),Q(_),H.startsWith("inline")||V({id:t.id,version:t.version})}else if("artifact_updated"===e.event){const t=JSON.parse(e.data);_=_.filter((e=>!(e.id===t.id&&e.version===t.version))),_.push(Object.assign(Object.assign({},t),{content:"",status:"updating"})),Q(_),H.startsWith("inline")||V({id:t.id,version:t.version})}else if("artifact_rewrite"===e.event){const t=JSON.parse(e.data);_=_.filter((e=>!(e.id===t.id&&e.version===t.version))),_.push(Object.assign(Object.assign({},t),{content:"",status:"streaming"})),Q(_),H.startsWith("inline")||V({id:t.id,version:t.version})}else if("artifact_content"===e.event){const t=JSON.parse(e.data),s=t.token.replace(/\u200B/g,"");_=_.map((e=>e.id===t.id&&e.version===t.version?Object.assign(Object.assign({},e),{content:e.content+s,status:"streaming"}):e)),Q(_)}else if("artifact_finished"===e.event){const t=JSON.parse(e.data);Q(_.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&&(S=!1)}});for(;S;){const{value:e,done:t}=yield v.read();if(t){S=!1;break}const s=g.decode(e);s&&(y||(E("streaming"),y=!0,a&&G([]),(null==w?void 0:w.enablechatresponses)&&(I(f),C(!1))),D.feed(s))}null==A||A(f)}catch(e){let t=g.default(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(_).find((([e])=>t.includes(e)));s?J(s[1]):T(t),Y()}finally{E("idle"),ee(!1),X()}}))},{children:$?(null==S?void 0:S.processing)||"Processing...":L?(null==S?void 0:S.uploading)||"Uploading...":"fetching"===P||"streaming"===P?(null==S?void 0:S.loading)||"Loading...":null!==(v=null==w?void 0:w.submittext)&&void 0!==v?v:"Submit"}))})),!q.isWhiteLabel&&t.jsx("div",Object.assign({className:"flex justify-end pr-3"},{children:t.jsx(m.default,{})}))]}))};

package/dist/cjs/hooks/pickaxe/useHistory.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("@tanstack/react-query"),s=require("./usePickaxeContext.js"),i=require("../../components/Pickaxe/Addons/Auth/hooks/useAuthContext.js"),o=require("../../common/api/index.js");exports.useHistory=({enabled:r=!0}={enabled:!0})=>{const{formId:d,pickaxe:n,studioUserId:a,embedUserId:u}=s.usePickaxeContext(),{token:c}=i.useAuthContext(),l=t.useInfiniteQuery({queryKey:["form",d,"history"],queryFn:({pageParam:t=0})=>(({formId:t,place:s,studioId:i,studioUserId:r,embedUserId:d,embedSessionToken:n})=>e.__awaiter(void 0,void 0,void 0,(function*(){let e=`/pickaxe/history?formid=${t}&place=${s}`;i&&(e+=`&studioId=${i}`),r&&(e+=`&studioUserId=${r}`),d&&(e+=`&embedUserId=${d}`),n&&(e+=`&embedSessionToken=${n}`);const a=yield o.default.get(e),u=a.data;if(200!==a.status)throw new Error("[_getHistory] Failed to fetch history "+u);return{next:u.history.length<5?void 0:s+25,data:u.history}})))(Object.assign(Object.assign(Object.assign(Object.assign({formId:d,place:t},a&&(null==n?void 0:n.studioid)&&{studioId:n.studioid}),a&&{studioUserId:a}),u&&{embedUserId:u}),c&&{embedSessionToken:c})),getNextPageParam:e=>e.next,enabled:r&&!!d});return l};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("@tanstack/react-query"),s=require("./usePickaxeContext.js"),i=require("../../components/Pickaxe/Addons/Auth/hooks/useAuthContext.js"),o=require("../../common/api/index.js");exports.useHistory=({enabled:r=!0}={enabled:!0})=>{const{formId:d,pickaxe:u,studioUserId:n,embedUserId:a}=s.usePickaxeContext(),{token:c}=i.useAuthContext(),l=t.useInfiniteQuery({queryKey:["form",d,"history"],queryFn:({pageParam:t=0})=>(({formId:t,place:s,studioId:i,studioUserId:r,embedUserId:d,studioSessionToken:u})=>e.__awaiter(void 0,void 0,void 0,(function*(){let e=`/pickaxe/history?formid=${t}&place=${s}`;i&&(e+=`&studioId=${i}`),r&&(e+=`&studioUserId=${r}`),d&&(e+=`&embedUserId=${d}`),u&&(e+=`&studioSessionToken=${u}`);const n=yield o.default.get(e),a=n.data;if(200!==n.status)throw new Error("[_getHistory] Failed to fetch history "+a);return{next:a.history.length<5?void 0:s+25,data:a.history}})))(Object.assign(Object.assign(Object.assign(Object.assign({formId:d,place:t},n&&(null==u?void 0:u.studioid)&&{studioId:u.studioid}),n&&{studioUserId:n}),a&&{embedUserId:a}),c&&{studioSessionToken:c})),getNextPageParam:e=>e.next,enabled:r&&!!d});return l};

package/dist/cjs/hooks/pickaxe/useSubmit.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),s=require("@tanstack/react-query");exports.useSubmit=()=>s.useMutation({mutationFn:s=>(({formId:s,responseId:n,documentIds:t,studioUserId:o,deploymentId:i,embedUserId:d,embedSessionToken:r,pickaxe:a,value:c,valueObj:u,disabledDocumentIds:p,metadata:b})=>e.__awaiter(void 0,void 0,void 0,(function*(){const e="undefined"!=typeof window?window.location.hostname:"",l="undefined"!=typeof window?window.location.href:"",O=e.includes("pickaxe.co")&&!l.includes("https://studio.pickaxe.co/_embed"),I=yield fetch(`${process.env.NEXT_PUBLIC_API_URL}/pickaxe/sse`,Object.assign(Object.assign({method:"POST",body:JSON.stringify(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:s},n&&{responseId:n}),t&&{documentIds:t}),o&&{studioUserId:o}),i&&{deploymentId:i}),d&&{embedUserId:d}),r&&{embedSessionToken:r}),a&&{pickaxe:a}),c&&{value:c}),u&&{valueObj:u}),p&&{disabledDocumentIds:p}),b&&{metadata:b}))},(!process.env.NODE_ENV||"development"===process.env.NODE_ENV)&&Object.assign({},process.env.NEXT_PUBLIC_PICKAXE_SESSION_TOKEN&&{headers:{"x-pickaxe-session-token":process.env.NEXT_PUBLIC_PICKAXE_SESSION_TOKEN}})),O&&{credentials:"include"}));if(200!==I.status){const e=yield I.json();throw new Error(e.error||"Unknown error, please contact support")}if("application/json"===I.headers.get("content-type")){const{success:e,error:s}=yield I.json();if(!e)throw new Error(s||"Unknown error, please contact support")}return I})))(s)});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),s=require("@tanstack/react-query");exports.useSubmit=()=>s.useMutation({mutationFn:s=>(({formId:s,responseId:t,documentIds:n,studioUserId:o,deploymentId:i,embedUserId:d,studioSessionToken:r,pickaxe:a,value:c,valueObj:u,disabledDocumentIds:p,metadata:b})=>e.__awaiter(void 0,void 0,void 0,(function*(){const e="undefined"!=typeof window?window.location.hostname:"",l="undefined"!=typeof window?window.location.href:"",O=e.includes("pickaxe.co")&&!l.includes("https://studio.pickaxe.co/_embed"),I=yield fetch(`${process.env.NEXT_PUBLIC_API_URL}/pickaxe/sse`,Object.assign(Object.assign({method:"POST",body:JSON.stringify(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:s},t&&{responseId:t}),n&&{documentIds:n}),o&&{studioUserId:o}),i&&{deploymentId:i}),d&&{embedUserId:d}),r&&{studioSessionToken:r}),a&&{pickaxe:a}),c&&{value:c}),u&&{valueObj:u}),p&&{disabledDocumentIds:p}),b&&{metadata:b}))},(!process.env.NODE_ENV||"development"===process.env.NODE_ENV)&&Object.assign({},process.env.NEXT_PUBLIC_PICKAXE_SESSION_TOKEN&&{headers:{"x-pickaxe-session-token":process.env.NEXT_PUBLIC_PICKAXE_SESSION_TOKEN}})),O&&{credentials:"include"}));if(200!==I.status){const e=yield I.json();throw new Error(e.error||"Unknown error, please contact support")}if("application/json"===I.headers.get("content-type")){const{success:e,error:s}=yield I.json();if(!e)throw new Error(s||"Unknown error, please contact support")}return I})))(s)});

package/dist/cjs/src/components/Pickaxe/Addons/Artifact/Renderer/SaveMenu.d.ts

@@ -7,8 +7,9 @@ interface ArtifactSaveMenuProps {
     children?: ReactNode;
     data: ArtifactData;
     colors: PickaxeProviderColors;
-    onDownload: (type: ArtifactType) => void;
-    onSaveAsPDF: () => void;
+    onDownload: (type: ArtifactType | "text/plain") => Promise<void>;
+    onSaveAsPDF: () => Promise<void>;
+    onSaveAsDOCX: () => Promise<void>;
 }
-declare const ArtifactSaveMenu: ({ variant, className, children, data, colors, onDownload, onSaveAsPDF, }: ArtifactSaveMenuProps) => import("react/jsx-runtime").JSX.Element;
+declare const ArtifactSaveMenu: ({ variant, className, children, data, colors, onDownload, onSaveAsPDF, onSaveAsDOCX, }: ArtifactSaveMenuProps) => import("react/jsx-runtime").JSX.Element;
 export default ArtifactSaveMenu;

package/dist/cjs/src/components/Pickaxe/Addons/Artifact/hooks/useArtifactData.d.ts

@@ -4,7 +4,6 @@ type MutationParams = {
     version?: number;
     createdBy?: string;
     studioSessionToken?: string;
-    embedSessionToken?: string;
 };
 export declare const useArtifactData: () => import("@tanstack/react-query").UseMutationResult<ArtifactData, Error, MutationParams, unknown>;
 export {};

package/dist/cjs/src/components/Pickaxe/Addons/Auth/hooks/useAuthVerify.d.ts

@@ -3,6 +3,7 @@ import { UseQueryResult } from "@tanstack/react-query";
 type QueryResponse = {
     success: boolean;
     token: string;
+    studioUserId: string;
     error?: string;
 };
 interface UseAuthVerifyQueryProps {

package/dist/cjs/src/hooks/pickaxe/useSubmit.d.ts

@@ -5,7 +5,7 @@ type MutationParams = {
     documentIds?: string[];
     studioUserId?: string;
     embedUserId?: string;
-    embedSessionToken?: string;
+    studioSessionToken?: string;
     deploymentId?: string;
     pickaxe?: Partial<Pickaxe>;
     value?: string;

package/dist/esm/components/Pickaxe/Addons/Artifact/Renderer/SaveMenu.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import a from"../../../../Icons/save.svg.js";import i from"../../../../Core/Menu/index.js";import s from"../../../../Core/Menu/Button.js";import l from"../../../../Core/Menu/List.js";const c=({variant:c="default",className:o,children:r,data:m,colors:p,onDownload:d,onSaveAsPDF:x})=>e(i,Object.assign({id:`save-artifact-${m.id}-${m.version}`},{children:[t(s,Object.assign({variant:c,className:o,style:{color:p.text}},{children:r})),t(l,Object.assign({width:"auto",className:"font-semibold p-1 text-sm",style:{backgroundColor:p.primary,color:p.text},border:`1px solid ${p.primary}`},{children:"text/markdown"===m.type?e(n,{children:[e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>d("text/markdown")},{children:[t(a,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"Markdown"]})),e("button",Object.assign({className:"px-2 py-1 text-left",onClick:x},{children:[t(a,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"PDF"]}))]}):"text/html"===m.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>d("text/html")},{children:[t(a,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"HTML"]})):"text/csv"===m.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>d("text/csv")},{children:[t(a,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"CSV"]})):"image/svg+xml"===m.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>d("image/svg+xml")},{children:[t(a,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"SVG"]})):"application/vnd.pxe.code"===m.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>d("application/vnd.pxe.code")},{children:[t(a,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),`${m.programmingLanguage||"Plain Text"}`]})):"application/vnd.pxe.mermaid"===m.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>d("application/vnd.pxe.mermaid")},{children:[t(a,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"SVG"]})):"application/vnd.pxe.react"===m.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>d("application/vnd.pxe.react")},{children:[t(a,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"TSX"]})):null}))]}));export{c as default};
+import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import s from"../../../../Icons/save.svg.js";import a from"../../../../Core/Menu/index.js";import i from"../../../../Core/Menu/Button.js";import l from"../../../../Core/Menu/List.js";const c=({variant:c="default",className:o,children:r,data:m,colors:p,onDownload:x,onSaveAsPDF:d,onSaveAsDOCX:h})=>e(a,Object.assign({id:`save-artifact-${m.id}-${m.version}`},{children:[t(i,Object.assign({variant:c,className:o,style:{color:p.text}},{children:r})),t(l,Object.assign({width:"auto",className:"font-semibold p-1 text-sm",style:{backgroundColor:p.primary,color:p.text},border:`1px solid ${p.primary}`},{children:"text/markdown"===m.type?e(n,{children:[e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("text/markdown")},{children:[t(s,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"Markdown"]})),e("button",Object.assign({className:"px-2 py-1 text-left",onClick:d},{children:[t(s,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"PDF"]})),e("button",Object.assign({className:"px-2 py-1 text-left",onClick:h},{children:[t(s,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"DOCX"]})),e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("text/plain")},{children:[t(s,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"TXT"]}))]}):"text/html"===m.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("text/html")},{children:[t(s,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"HTML"]})):"text/csv"===m.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("text/csv")},{children:[t(s,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"CSV"]})):"image/svg+xml"===m.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("image/svg+xml")},{children:[t(s,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"SVG"]})):"application/vnd.pxe.code"===m.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("application/vnd.pxe.code")},{children:[t(s,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),`${m.programmingLanguage||"Plain Text"}`]})):"application/vnd.pxe.mermaid"===m.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("application/vnd.pxe.mermaid")},{children:[t(s,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"SVG"]})):"application/vnd.pxe.react"===m.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("application/vnd.pxe.react")},{children:[t(s,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"TSX"]})):null}))]}));export{c as default};

package/dist/esm/components/Pickaxe/Addons/Artifact/Renderer/index.js

@@ -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 g}from"react-syntax-highlighter";import v from"../../Scroll/ScrollLockView.js";import y from"../../../../Icons/x.svg.js";import f from"../../../../Icons/save.svg.js";import x from"../../../../Icons/expand.svg.js";import h from"../../../../Icons/shrink.svg.js";import b from"../../../common/PickaxeCopyButton.js";import C from"../../../../Core/ScrollArea.js";import w from"../../../../Core/TipContainer.js";import k from"../MermaidRenderer.js";import j from"./SaveMenu.js";import F from"./ViewOptions.js";import T from"csv-to-markdown-table";import O from"../../../../../common/cn.js";const A="development"===process.env.NODE_ENV?"http://localhost:3007":"https://user-content.pickaxe.co",S=S=>{var D,E,N,B;const{artifacts:L,currentPopupType:z,currentArtifact:M,setCurrentArtifact:R}=l(),{onLoadArtifact:$}=d(),{styles:W,colors:H,translations:P}=c(),[I,_]=n("code"),U=r(),V=r(null),q=r(null),X=p({contentRef:U}),{scrollContainerRef:G,scrollStartSession:J,scrollToBottom:K,scrollEndSession:Q}=s({auto:"code"===I}),Y=null!==(E=null===(D=S.styling)||void 0===D?void 0:D.styles)&&void 0!==E?E:W,Z=null!==(B=null===(N=S.styling)||void 0===N?void 0:N.colors)&&void 0!==B?B:H,ee=i((()=>{var e,o,t,n,r;if(!S.artifact&&!M)return null;const i=null!==(o=null===(e=S.artifact)||void 0===e?void 0:e.id)&&void 0!==o?o:null==M?void 0:M.id,a=null!==(n=null===(t=S.artifact)||void 0===t?void 0:t.version)&&void 0!==n?n:null==M?void 0:M.version;return null!==(r=L.find((e=>e.id===i&&e.version===a)))&&void 0!==r?r:null}),[M,L,S.artifact]),oe=i((()=>ee&&"text/csv"===ee.type?T(ee.content,",",!0):null),[ee]),te=i((()=>(Z.secondaryText||"").toLowerCase().startsWith("#ffffff")),[null==Z?void 0:Z.secondaryText]),ne=i((()=>{const e=S.artifact&&(null==M?void 0:M.id)===S.artifact.id&&(null==M?void 0:M.version)===S.artifact.version;return"inline"===S.type&&("inline-form"===z?!!M:e)}),[M,z,S.type,S.artifact]);a((()=>{e(void 0,void 0,void 0,(function*(){"inline"===S.type&&S.artifact&&(L.some((e=>S.artifact&&e.id===S.artifact.id&&e.version===S.artifact.version))||$({id:S.artifact.id,version:S.artifact.version}))}))}),[L,S.type,S.artifact]),a((()=>{if("application/vnd.pxe.code"===(null==ee?void 0:ee.type)&&_("code"),"finished"!==(null==ee?void 0:ee.status))return _("code"),J(),void K();Q(),"application/vnd.pxe.code"!==ee.type&&_("render")}),[null==ee?void 0:ee.status,null==ee?void 0:ee.type]),a((()=>{var e;!q.current||"text/html"!==(null==ee?void 0:ee.type)&&"application/vnd.pxe.react"!==(null==ee?void 0:ee.type)||null===(e=q.current.contentWindow)||void 0===e||e.postMessage({type:"text/html"===ee.type?"HTML_CODE":"REACT_CODE",content:ee.content},A)}),[null==ee?void 0:ee.content,null==ee?void 0:ee.type]);const re=()=>e(void 0,void 0,void 0,(function*(){if(!ee)return;const e=I;"code"===e&&(_("render"),yield new Promise((e=>setTimeout(e,50)))),X(),"code"===e&&_(e)})),ie=o=>e(void 0,void 0,void 0,(function*(){var e;if(!ee)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/${ee.programmingLanguage||"text"};charset=utf-8`,extension:`.${ee.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"===ee.type){const o=I;"code"===o&&(_("render"),yield new Promise((e=>setTimeout(e,50))));const t=null===(e=V.current)||void 0===e?void 0:e.querySelector("svg");t&&(n=(new XMLSerializer).serializeToString(t)),"code"===o&&_(o)}const r=new Blob([null!=n?n:ee.content],{type:t.mimeType}),i=URL.createObjectURL(r);try{const e=document.createElement("a");e.href=i,e.download=`${ee.title}${t.extension}`,e.style.display="none",document.body.appendChild(e),e.click(),document.body.removeChild(e)}finally{URL.revokeObjectURL(i)}}));return ee?o("div",Object.assign({className:O("pxe-artifact-renderer flex flex-col","inline"===S.type&&!ne&&"min-h-[320px] mb-6",S.className),style:Object.assign(Object.assign({backgroundColor:Z.secondary,color:Z.secondaryText},"auto"!==z&&{borderRadius:Y.cornerRadius}),S.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:[(ne||!z.startsWith("inline"))&&t(F,{type:ee.type,view:I,colors:Z,onChange:_}),t("p",Object.assign({className:"font-semilight truncate text-xl"},{children:ee.title}))]})),o("div",Object.assign({className:"flex items-center gap-3"},{children:[(ne||!z.startsWith("inline"))&&t(j,Object.assign({variant:"anchor",className:"px-3 py-1.5 shrink-0",data:ee,colors:Z,onDownload:ie,onSaveAsPDF:re},{children:t("span",Object.assign({className:"shrink-0 font-semibold text-sm select-none"},{children:(null==P?void 0:P["save-as"])||"Save as"}))})),t("button",Object.assign({style:{color:Z.secondaryText},onClick:()=>{"inline"!==S.type||!S.artifact||ne?R(null):R({id:S.artifact.id,version:S.artifact.version})}},{children:"inline"===S.type?t(ne?h:x,{className:"w-6 h-6 shrink-0"}):t(y,{className:"w-6 h-6 shrink-0"})}))]}))]})),t("div",Object.assign({className:"flex flex-col flex-grow @container/pickaxe-artifact"},{children:o(C,Object.assign({ref:G,innerClassName:"flex-grow w-full"},{children:["render"===I&&"application/vnd.pxe.code"!==ee.type?t("div",Object.assign({ref:U,className:O("p-4 pb-6 flex-grow flex flex-col","application/vnd.pxe.react"===ee.type&&"p-0","text/html"===ee.type&&"p-0","text/csv"===ee.type&&"p-0")},{children:"text/markdown"===ee.type||"text/csv"===ee.type||"image/svg+xml"===ee.type?t(m,Object.assign({theme:Y.theme,colors:Z},{children:t(u,{value:null!=oe?oe:ee.content,className:O("px-6 @[767px]/pickaxe-artifact:px-11 mx-auto w-full","text/csv"===ee.type&&"px-4 @[767px]/pickaxe-artifact:px-4 mx-0"),style:{flex:1}})})):"application/vnd.pxe.mermaid"===ee.type?t(k,{ref:V,id:`mermaid-${ee.id}-${ee.version}`,data:ee.content}):"text/html"===ee.type||"application/vnd.pxe.react"===ee.type?t("iframe",Object.assign({ref:q,title:ee.title,src:`${A}/${"text/html"===ee.type?"html":"react"}?theme=${te?"dark":"light"}`,style:{width:"100%",flex:1,border:"none",backgroundColor:null==Z?void 0:Z.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"===ee.type?"HTML_CODE":"REACT_CODE",content:ee.content},A)}catch(e){console.error("Error sending message to iframe:",e)}}),100),K()}},{children:"Iframe is not supported, please view this artifact in a browser that supports it."})):null})):t(g,Object.assign({PreTag:"div",language:"text/markdown"===ee.type?"markdown":"text/html"===ee.type||"image/svg+xml"===ee.type?"xml":"application/vnd.pxe.react"===ee.type?"typescript":ee.programmingLanguage,showLineNumbers:!0,customStyle:{margin:0,flex:1},style:Object.assign({'code[class*="language-"]':Object.assign(Object.assign({color:null==Z?void 0:Z.secondaryText},te&&{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==Z?void 0:Z.secondaryText},te&&{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==Z?void 0:Z.secondary}),':not(pre) > code[class*="language-"]':{background:null==Z?void 0:Z.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==Z?void 0:Z.secondaryText,fontWeight:"bold"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"}},!te&&{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==Z?void 0:Z.secondaryText,fontWeight:"bold"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"}})},{children:ee.content})),t(v,{})]}))})),"inline"===S.type&&!ne&&o("div",Object.assign({className:"flex items-center gap-4 p-4 pt-6"},{children:[t(w,Object.assign({id:`artifact-copy-${ee.id}-${ee.version}`,tip:(null==P?void 0:P.copy)||"Copy",style:{padding:"0.25rem 0.5rem",backgroundColor:Z.secondary,color:Z.secondaryText,fontSize:"12px"},align:"bottom"},{children:t(b,{color:Z.secondaryText,text:ee.content,className:"opacity-100",iconClassName:"w-5 h-5"})})),t(w,Object.assign({id:`artifact-save-${ee.id}-${ee.version}`,tip:(null==P?void 0:P.save)||"Save",style:{padding:"0.25rem 0.5rem",backgroundColor:Z.secondary,color:Z.secondaryText,fontSize:"12px"},align:"bottom"},{children:t(j,Object.assign({data:ee,colors:Z,onDownload:ie,onSaveAsPDF:re},{children:t("button",Object.assign({style:{color:Z.secondaryText}},{children:t(f,{className:"w-5 h-5 shrink-0"})}))}))}))]}))]})):null};export{S as default};
+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 y}from"@mohtasham/md-to-docx";import g from"../../Scroll/ScrollLockView.js";import x from"../../../../Icons/x.svg.js";import h from"../../../../Icons/save.svg.js";import b from"../../../../Icons/expand.svg.js";import C from"../../../../Icons/shrink.svg.js";import w from"../../../common/PickaxeCopyButton.js";import k from"../../../../Core/ScrollArea.js";import j from"../../../../Core/TipContainer.js";import F from"../MermaidRenderer.js";import O from"./SaveMenu.js";import T from"./ViewOptions.js";import A from"csv-to-markdown-table";import S from"../../../../../common/cn.js";const D="development"===process.env.NODE_ENV?"http://localhost:3007":"https://user-content.pickaxe.co",E=E=>{var N,B,L,z;const{artifacts:M,currentPopupType:R,currentArtifact:$,setCurrentArtifact:W}=l(),{onLoadArtifact:H}=d(),{styles:P,colors:I,translations:_}=c(),[U,V]=n("code"),X=r(),q=r(null),G=r(null),J=p({contentRef:X}),{scrollContainerRef:K,scrollStartSession:Q,scrollToBottom:Y,scrollEndSession:Z}=s({auto:"code"===U}),ee=null!==(B=null===(N=E.styling)||void 0===N?void 0:N.styles)&&void 0!==B?B:P,oe=null!==(z=null===(L=E.styling)||void 0===L?void 0:L.colors)&&void 0!==z?z:I,te=i((()=>{var e,o,t,n,r;if(!E.artifact&&!$)return null;const i=null!==(o=null===(e=E.artifact)||void 0===e?void 0:e.id)&&void 0!==o?o:null==$?void 0:$.id,a=null!==(n=null===(t=E.artifact)||void 0===t?void 0:t.version)&&void 0!==n?n:null==$?void 0:$.version;return null!==(r=M.find((e=>e.id===i&&e.version===a)))&&void 0!==r?r:null}),[$,M,E.artifact]),ne=i((()=>te&&"text/csv"===te.type?A(te.content,",",!0):null),[te]),re=i((()=>(oe.secondaryText||"").toLowerCase().startsWith("#ffffff")),[null==oe?void 0:oe.secondaryText]),ie=i((()=>{const e=E.artifact&&(null==$?void 0:$.id)===E.artifact.id&&(null==$?void 0:$.version)===E.artifact.version;return"inline"===E.type&&("inline-form"===R?!!$:e)}),[$,R,E.type,E.artifact]);a((()=>{e(void 0,void 0,void 0,(function*(){"inline"===E.type&&E.artifact&&(M.some((e=>E.artifact&&e.id===E.artifact.id&&e.version===E.artifact.version))||H({id:E.artifact.id,version:E.artifact.version}))}))}),[M,E.type,E.artifact]),a((()=>{if("application/vnd.pxe.code"===(null==te?void 0:te.type)&&V("code"),"finished"!==(null==te?void 0:te.status))return V("code"),Q(),void Y();Z(),"application/vnd.pxe.code"!==te.type&&V("render")}),[null==te?void 0:te.status,null==te?void 0:te.type]),a((()=>{var e;!G.current||"text/html"!==(null==te?void 0:te.type)&&"application/vnd.pxe.react"!==(null==te?void 0:te.type)||null===(e=G.current.contentWindow)||void 0===e||e.postMessage({type:"text/html"===te.type?"HTML_CODE":"REACT_CODE",content:te.content},D)}),[null==te?void 0:te.content,null==te?void 0:te.type]);const ae=()=>e(void 0,void 0,void 0,(function*(){if(!te)return;const e=U;"code"===e&&(V("render"),yield new Promise((e=>setTimeout(e,50)))),J(),"code"===e&&V(e)})),le=()=>e(void 0,void 0,void 0,(function*(){if(!te)return;const e=yield f(te.content);y(e,`${te.title}.docx`)})),ce=o=>e(void 0,void 0,void 0,(function*(){var e;if(!te)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/${te.programmingLanguage||"text"};charset=utf-8`,extension:`.${te.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"===te.type){const o=U;"code"===o&&(V("render"),yield new Promise((e=>setTimeout(e,50))));const t=null===(e=q.current)||void 0===e?void 0:e.querySelector("svg");t&&(n=(new XMLSerializer).serializeToString(t)),"code"===o&&V(o)}const r=new Blob([null!=n?n:te.content],{type:t.mimeType}),i=URL.createObjectURL(r);try{const e=document.createElement("a");e.href=i,e.download=`${te.title}${t.extension}`,e.style.display="none",document.body.appendChild(e),e.click(),document.body.removeChild(e)}finally{URL.revokeObjectURL(i)}}));return te?o("div",Object.assign({className:S("pxe-artifact-renderer flex flex-col","inline"===E.type&&!ie&&"min-h-[320px] mb-6",E.className),style:Object.assign(Object.assign({backgroundColor:oe.secondary,color:oe.secondaryText},"auto"!==R&&{borderRadius:ee.cornerRadius}),E.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:[(ie||!R.startsWith("inline"))&&t(T,{type:te.type,view:U,colors:oe,onChange:V}),t("p",Object.assign({className:"font-semilight truncate text-xl"},{children:te.title}))]})),o("div",Object.assign({className:"flex items-center gap-3"},{children:[(ie||!R.startsWith("inline"))&&t(O,Object.assign({variant:"anchor",className:"px-3 py-1.5 shrink-0",data:te,colors:oe,onDownload:ce,onSaveAsPDF:ae,onSaveAsDOCX:le},{children:t("span",Object.assign({className:"shrink-0 font-semibold text-sm select-none"},{children:(null==_?void 0:_["save-as"])||"Save as"}))})),t("button",Object.assign({style:{color:oe.secondaryText},onClick:()=>{"inline"!==E.type||!E.artifact||ie?W(null):W({id:E.artifact.id,version:E.artifact.version})}},{children:"inline"===E.type?t(ie?C:b,{className:"w-6 h-6 shrink-0"}):t(x,{className:"w-6 h-6 shrink-0"})}))]}))]})),t("div",Object.assign({className:"flex flex-col flex-grow @container/pickaxe-artifact"},{children:o(k,Object.assign({ref:K,innerClassName:"flex-grow w-full"},{children:["render"===U&&"application/vnd.pxe.code"!==te.type?t("div",Object.assign({ref:X,className:S("p-4 pb-6 flex-grow flex flex-col","application/vnd.pxe.react"===te.type&&"p-0","text/html"===te.type&&"p-0","text/csv"===te.type&&"p-0")},{children:"text/markdown"===te.type||"text/csv"===te.type||"image/svg+xml"===te.type?t(m,Object.assign({theme:ee.theme,colors:oe},{children:t(u,{value:null!=ne?ne:te.content,className:S("px-6 @[767px]/pickaxe-artifact:px-11 mx-auto w-full","text/csv"===te.type&&"px-4 @[767px]/pickaxe-artifact:px-4 mx-0"),style:{flex:1}})})):"application/vnd.pxe.mermaid"===te.type?t(F,{ref:q,id:`mermaid-${te.id}-${te.version}`,data:te.content}):"text/html"===te.type||"application/vnd.pxe.react"===te.type?t("iframe",Object.assign({ref:G,title:te.title,src:`${D}/${"text/html"===te.type?"html":"react"}?theme=${re?"dark":"light"}`,style:{width:"100%",flex:1,border:"none",backgroundColor:null==oe?void 0:oe.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"===te.type?"HTML_CODE":"REACT_CODE",content:te.content},D)}catch(e){console.error("Error sending message to iframe:",e)}}),100),Y()}},{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"===te.type?"markdown":"text/html"===te.type||"image/svg+xml"===te.type?"xml":"application/vnd.pxe.react"===te.type?"typescript":te.programmingLanguage,showLineNumbers:!0,customStyle:{margin:0,flex:1},style:Object.assign({'code[class*="language-"]':Object.assign(Object.assign({color:null==oe?void 0:oe.secondaryText},re&&{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==oe?void 0:oe.secondaryText},re&&{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==oe?void 0:oe.secondary}),':not(pre) > code[class*="language-"]':{background:null==oe?void 0:oe.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==oe?void 0:oe.secondaryText,fontWeight:"bold"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"}},!re&&{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==oe?void 0:oe.secondaryText,fontWeight:"bold"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"}})},{children:te.content})),t(g,{})]}))})),"inline"===E.type&&!ie&&o("div",Object.assign({className:"flex items-center gap-4 p-4 pt-6"},{children:[t(j,Object.assign({id:`artifact-copy-${te.id}-${te.version}`,tip:(null==_?void 0:_.copy)||"Copy",style:{padding:"0.25rem 0.5rem",backgroundColor:oe.secondary,color:oe.secondaryText,fontSize:"12px"},align:"bottom"},{children:t(w,{color:oe.secondaryText,text:te.content,className:"opacity-100",iconClassName:"w-5 h-5"})})),t(j,Object.assign({id:`artifact-save-${te.id}-${te.version}`,tip:(null==_?void 0:_.save)||"Save",style:{padding:"0.25rem 0.5rem",backgroundColor:oe.secondary,color:oe.secondaryText,fontSize:"12px"},align:"bottom"},{children:t(O,Object.assign({data:te,colors:oe,onDownload:ce,onSaveAsPDF:ae,onSaveAsDOCX:le},{children:t("button",Object.assign({style:{color:oe.secondaryText}},{children:t(h,{className:"w-5 h-5 shrink-0"})}))}))}))]}))]})):null};export{E as default};

package/dist/esm/components/Pickaxe/Addons/Artifact/hooks/useArtifact.js

@@ -1 +1 @@
-import{__awaiter as t}from"../../../../../_virtual/_tslib.js";import{usePickaxeContext as e}from"../../../../../hooks/pickaxe/usePickaxeContext.js";import{useAuthContext as i}from"../../Auth/hooks/useAuthContext.js";import{useArtifactContext as s}from"./useArtifactContext.js";import{useArtifactData as o}from"./useArtifactData.js";const r=()=>{const{studioUserId:r,embedUserId:n}=e(),{token:a}=i(),{artifacts:c,currentPopupType:d,setArtifacts:f,setCurrentArtifact:u}=s(),v=o();return{onLoadArtifact:(e,i)=>t(void 0,void 0,void 0,(function*(){if(e){if(!c.some((t=>t.id===e.id&&t.version===e.version))){const t=yield v.mutateAsync(Object.assign(Object.assign({artifactId:e.id,version:e.version},a?{embedSessionToken:a}:Object.assign(Object.assign({},n&&{createdBy:n}),r&&{createdBy:r})),void 0!==i&&{createdBy:i}));t&&f((e=>[...e,Object.assign(Object.assign({},t),{status:"finished"})]))}return d.startsWith("inline")||u({id:e.id,version:e.version}),void("development"===process.env.NODE_ENV&&console.log("[onLoadArtifact]","Loaded artifact:",{id:e.id,version:e.version}))}u(null)}))}};export{r as useArtifact};
+import{__awaiter as t}from"../../../../../_virtual/_tslib.js";import{usePickaxeContext as e}from"../../../../../hooks/pickaxe/usePickaxeContext.js";import{useAuthContext as i}from"../../Auth/hooks/useAuthContext.js";import{useArtifactContext as s}from"./useArtifactContext.js";import{useArtifactData as o}from"./useArtifactData.js";const r=()=>{const{studioUserId:r,embedUserId:n}=e(),{token:a}=i(),{artifacts:c,currentPopupType:d,setArtifacts:f,setCurrentArtifact:u}=s(),v=o();return{onLoadArtifact:(e,i)=>t(void 0,void 0,void 0,(function*(){if(e){if(!c.some((t=>t.id===e.id&&t.version===e.version))){const t=yield v.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign({artifactId:e.id,version:e.version},r&&{createdBy:r}),n&&{createdBy:n}),a&&{studioSessionToken:a}),void 0!==i&&{createdBy:i}));t&&f((e=>[...e,Object.assign(Object.assign({},t),{status:"finished"})]))}return d.startsWith("inline")||u({id:e.id,version:e.version}),void("development"===process.env.NODE_ENV&&console.log("[onLoadArtifact]","Loaded artifact:",{id:e.id,version:e.version}))}u(null)}))}};export{r as useArtifact};

package/dist/esm/components/Pickaxe/Addons/Artifact/hooks/useArtifactData.js

@@ -1 +1 @@
-import{__awaiter as t}from"../../../../../_virtual/_tslib.js";import{useMutation as e}from"@tanstack/react-query";import r from"../../../../../common/api/index.js";const i=()=>e({mutationFn:e=>(({artifactId:e,version:i,createdBy:o,studioSessionToken:a,embedSessionToken:n})=>t(void 0,void 0,void 0,(function*(){if(!e||!i)return Promise.reject(new Error("[_getArtifactData] artifactId and version are required"));let t=`${process.env.NEXT_PUBLIC_API_URL}/pickaxe/artifact?artifactId=${e}`;i&&(t+=`&version=${i}`),o&&(t+=`&createdBy=${o}`),a?t+=`&studioSessionToken=${a}`:n&&(t+=`&embedSessionToken=${n}`);const s=yield r.get(t),c=s.data;if(200!==s.status)throw new Error("[_getArtifactData] Failed to fetch artifact "+c);return c.data})))(e)});export{i as useArtifactData};
+import{__awaiter as t}from"../../../../../_virtual/_tslib.js";import{useMutation as r}from"@tanstack/react-query";import e from"../../../../../common/api/index.js";const a=()=>r({mutationFn:r=>(({artifactId:r,version:a,createdBy:i,studioSessionToken:o})=>t(void 0,void 0,void 0,(function*(){if(!r||!a)return Promise.reject(new Error("[_getArtifactData] artifactId and version are required"));let t=`${process.env.NEXT_PUBLIC_API_URL}/pickaxe/artifact?artifactId=${r}`;a&&(t+=`&version=${a}`),i&&(t+=`&createdBy=${i}`),o&&(t+=`&studioSessionToken=${o}`);const n=yield e.get(t),s=n.data;if(200!==n.status)throw new Error("[_getArtifactData] Failed to fetch artifact "+s);return s.data})))(r)});export{a as useArtifactData};

package/dist/esm/components/Pickaxe/Addons/Auth/hooks/useAuth.js

@@ -1 +1 @@
-import{__awaiter as o}from"../../../../../_virtual/_tslib.js";import{useEffect as e}from"react";import{usePickaxeContext as i}from"../../../../../hooks/pickaxe/usePickaxeContext.js";import{useAuthContext as t}from"./useAuthContext.js";import{useAuthVerify as r}from"./useAuthVerify.js";import{getAuthToken as s,deleteAuthToken as n,setAuthToken as d}from"../../../../../common/utils.js";import a from"../../../../../common/api/index.js";import m from"../../../../../common/error.js";const u=()=>{const{deploymentId:u,pickaxe:l,isEmailLogin:c}=i(),{emailInput:f,isSending:p,setToken:I,setIsLoggingIn:g,setIsSending:k,setIsSent:w,setIsResendDisabled:h}=t(),y=r({token:s((null==l?void 0:l.studioid)||"")||"",enabled:c,setIsLoggingIn:g});e((()=>{if("undefined"==typeof window)return;if(!y.data)return;const{success:o,token:e,error:i}=y.data;o&&!i?I(e):n(`PXE-token-${null==l?void 0:l.studioid}`)}),[y.data,null==l?void 0:l.studioid]);return{onSend:e=>o(void 0,void 0,void 0,(function*(){try{if(!l)return;if(p)return;const o=f.trim().toLowerCase();if(!o)throw new Error("Email address cannot be empty.");if(!o.includes("@")||!o.includes("."))throw new Error("Please enter a valid email address.");if(!l.studioid)throw new Error(`Studio ID is missing for ${l.formid}. Please contact support.`);k(!0),e&&h(!0);const i=(yield a.post("/pickaxe/auth/email",Object.assign({formId:l.formid,studioId:l.studioid,email:o},u&&{deploymentId:u}))).data;if(!i.success)throw new Error(i.error||"Failed to send sign-in link.");k(!1),w(!0),e&&(yield new Promise((o=>setTimeout(o,3e4))),h(!1)),d(`PXE-token-${l.studioid}`,i.token)}catch(o){const e=m(o);alert(e)}finally{k(!1)}}))}};export{u as useAuth};
+import{__awaiter as o}from"../../../../../_virtual/_tslib.js";import{useEffect as e}from"react";import{usePickaxeContext as i}from"../../../../../hooks/pickaxe/usePickaxeContext.js";import{useAuthContext as t}from"./useAuthContext.js";import{useAuthVerify as r}from"./useAuthVerify.js";import{getAuthToken as s,deleteAuthToken as n,setAuthToken as d}from"../../../../../common/utils.js";import a from"../../../../../common/api/index.js";import m from"../../../../../common/error.js";const u=()=>{const{deploymentId:u,pickaxe:l,isEmailLogin:c}=i(),{emailInput:f,isSending:p,isLoggedOut:g,setToken:I,setIsLoggingIn:k,setIsSending:w,setIsSent:h,setIsResendDisabled:y}=t(),j=r({token:s((null==l?void 0:l.studioid)||"")||"",enabled:c&&g,setIsLoggingIn:k});e((()=>{if("undefined"==typeof window)return;if(!j.data)return;const{success:o,token:e,error:i}=j.data;o&&!i?I(e):n(`PXE-token-${null==l?void 0:l.studioid}`)}),[j.data,null==l?void 0:l.studioid]);return{onSend:e=>o(void 0,void 0,void 0,(function*(){try{if(!l)return;if(p)return;const o=f.trim().toLowerCase();if(!o)throw new Error("Email address cannot be empty.");if(!o.includes("@")||!o.includes("."))throw new Error("Please enter a valid email address.");if(!l.studioid)throw new Error(`Studio ID is missing for ${l.formid}. Please contact support.`);w(!0),e&&y(!0);const i=(yield a.post("/pickaxe/auth/email",Object.assign({formId:l.formid,studioId:l.studioid,email:o},u&&{deploymentId:u}))).data;if(!i.success)throw new Error(i.error||"Failed to send sign-in link.");w(!1),h(!0),e&&(yield new Promise((o=>setTimeout(o,3e4))),y(!1)),d(`PXE-token-${l.studioid}`,i.token)}catch(o){const e=m(o);alert(e)}finally{w(!1)}}))}};export{u as useAuth};

package/dist/esm/components/Pickaxe/Chat/Input.js

@@ -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 g}from"../Addons/Document/hooks/useDocument.js";import{useScroll as h}from"../Addons/Scroll/hooks/useScroll.js";import{useArtifactContext as v}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;const{formId:J,chatId:T,userId:_,studioUserId:F,embedUserId:L,deploymentId:H,deploymentType:R,pickaxe:W,styles:P,colors:z,responsiveBy:G,isNewChat:K,isRtl:M,isEmailLogin:q,setIsNewChat:Q,setIsShowIceBreaker:V,onGenerateComplete:X}=l(),{token:Y,isLoggedOut:Z,isSent:$}=p(),{messages:ee,status:te,limits:se,isGenerating:oe,setMessages:ie,setStatus:ne,setLimitData:re,setError:ae}=d(),{documents:le,isUploading:de,isImageUploadAllowed:ce,documentError:ue,onFileUpload:me,setDocuments:pe,setDocumentError:fe}=g(),{scrollStartSession:ge,scrollEndSession:he,scrollToBottom:ve}=h({auto:!0}),{artifacts:be,currentPopupType:je,setArtifacts:xe,setCurrentArtifact:ke}=v(),ye=m(),Oe=f(),[we,Ie]=i(""),Se=n(null),Ne=b(),{isHover:Ae}=Ne,Ce=e(Ne,["isHover"]),De=b(),{isHover:Be}=De,Ee=e(De,["isHover"]),Ue=u(),Je=c(),Te="chat-input"===R&&K&&!$,_e="chat-input"===R&&q&&Z&&$,Fe=r((()=>{var e,t,s;return!!K&&(!!W&&(!ye.isLoading&&(!((null!==(t=null===(e=ye.data)||void 0===e?void 0:e.messages.length)&&void 0!==t?t:0)>1)&&!!(null===(s=W.icebreakers)||void 0===s?void 0:s.length))))}),[W,K,ye.data,ye.isLoading]),Le=r((()=>{if(oe||de)return!1;return!!we.trim()&&le.every((e=>"finished"===e.status||e.isInsertedAsRaw))}),[oe,de,we,le]),He=e=>t(void 0,void 0,void 0,(function*(){try{if("idle"!==te||de)return;const t=null!=e?e:we;if(!t)return;ae(""),fe(""),re(null),Ie(""),Q(!1),ne("fetching"),ge(),ve();const s=le.filter((e=>"finished"===e.status&&!e.isInsertedAsRaw)).map((e=>e.documentId)).filter(Boolean),o="enduserupload"===(null==W?void 0:W.documentuploadtype)&&s.length>0,i=[...Array.from(ee),Object.assign({id:ee.length+1,role:"user",content:t},o&&{documentIds:s})];ie(i),ve(),o&&pe([]);const n=(yield Oe.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:J,responseId:T,value:t},o&&{documentIds:s}),_&&{userId:_}),F&&{studioUserId:F}),L&&{embedUserId:L}),Y&&{embedSessionToken:Y}),H&&{deploymentId:H}))).body;if(!n)throw new Error("Streaming error");const r=i.length,a=new TextDecoder,l=n.getReader();let d="",c=!0,u=!1,m=[...null!=be?be:[]];const p=k({onEvent:e=>{if("delta"===e.event){const t=JSON.parse(e.data).token.replace(/\u200B/g,"");d+=t,ie([...i.slice(0,r),{id:ee.length+1,role:"assistant",content:d}])}else if("artifact_created"===e.event){const t=JSON.parse(e.data);m=m.filter((e=>!(e.id===t.id&&e.version===t.version))),m.push(Object.assign(Object.assign({},t),{content:"",status:"streaming"})),xe(m),je.startsWith("inline")||ke({id:t.id,version:t.version})}else if("artifact_updated"===e.event){const t=JSON.parse(e.data);m=m.filter((e=>!(e.id===t.id&&e.version===t.version))),m.push(Object.assign(Object.assign({},t),{content:"",status:"updating"})),xe(m),je.startsWith("inline")||ke({id:t.id,version:t.version})}else if("artifact_rewrite"===e.event){const t=JSON.parse(e.data);m=m.filter((e=>!(e.id===t.id&&e.version===t.version))),m.push(Object.assign(Object.assign({},t),{content:"",status:"streaming"})),xe(m),je.startsWith("inline")||ke({id:t.id,version:t.version})}else if("artifact_content"===e.event){const t=JSON.parse(e.data),s=t.token.replace(/\u200B/g,"");m=m.map((e=>e.id===t.id&&e.version===t.version?Object.assign(Object.assign({},e),{content:e.content+s,status:"streaming"}):e)),xe(m)}else if("artifact_finished"===e.event){const t=JSON.parse(e.data);xe(m.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);ae(t.error||"Something went wrong, please try again.")}else"stop"===e.event&&(c=!1)}});for(;c;){const{value:e,done:t}=yield l.read();if(t){c=!1;break}const s=a.decode(e);s&&(u||(ne("streaming"),u=!0),p.feed(s))}null==X||X(T)}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(se).find((([e])=>t.includes(e)));s?re(s[1]):ae(t)}finally{ve(),ne("idle"),he()}}));return a((()=>{V(Fe)}),[Fe]),_e?null:s("div",Object.assign({className:C("w-full flex flex-col items-center absolute bottom-0 left-0 z-1",!Te&&"px-4 pb-4"),dir:M?"rtl":"ltr"},{children:o("div",Object.assign({className:"relative flex flex-col max-w-[800px] w-full"},{children:[!Te&&s("div",Object.assign({className:C("absolute bottom-full",M?"left-0":"right-0")},{children:s("div",Object.assign({className:C("flex flex-col gap-2 pb-4 px-2",M?"justify-start":"justify-end","viewport"===G?M?"min-[767px]:items-start":"min-[767px]:items-end":M?"@[767px]/pickaxe-root:items-start":"@[767px]/pickaxe-root:items-end")},{children:Fe&&!D&&s(w,{data:(null==W?void 0:W.icebreakers)||[],onSend:He})}))})),o("div",Object.assign({className:C("flex flex-col gap-y-3 px-4 py-3","block"===P.formFieldStyle&&"shadow"),style:Je},{children:["idle"===te&&le.length>0&&s(I,{isDisabled:"idle"!==te}),o("div",Object.assign({className:C("flex items-end gap-x-2",M&&"flex-row-reverse")},{children:[s(S,Object.assign({className:C(Ue.i1,"max-h-60 min-h-[27px] w-full border-transparent bg-transparent",!we.length&&"max-h-6 overflow-hidden text-ellipsis whitespace-nowrap",M?"text-right":"text-left"),value:we,placeholder:null!==(U=null==W?void 0:W.placeholdertext)&&void 0!==U?U:M?"بماذا تريد أن تتحدث؟":"What do you want to talk about?",onChange:e=>Ie(e),onKeyDown:e=>{"Enter"===e.key&&(e.shiftKey||(e.preventDefault(),de||"idle"!==te||He()))}},B&&{onFocus:B},E&&{onBlur:E},{dir:M?"rtl":"ltr"})),o("div",Object.assign({className:"flex items-center gap-x-2"},{children:["enduserupload"===(null==W?void 0:W.documentuploadtype)&&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:Be?z.accent+"10":void 0,color:Be?z.accent:z.accent+"80"},disabled:de||"idle"!==te,onClick:()=>{var e;return null===(e=Se.current)||void 0===e?void 0:e.click()}},Ee,{children:[s("input",{id:"file-upload",ref:Se,type:"file",accept:[...j,...ce?x:[]].join(", "),multiple:!0,hidden:!0,className:"hidden",onChange:e=>t(void 0,void 0,void 0,(function*(){Q(!1),yield me(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:Ae||Le?z.accent:z.accent+"10",color:Ae||Le?z.accentText:z.accent+"80"},disabled:"idle"!==te||de,onClick:()=>He()},Ce,{children:s(O,{className:C("h-6 w-6 shrink-0",M&&"transform scale-x-[-1]")})}))]}))]}))]})),ue&&s(N,{error:ue,className:"mt-3"})]}))}))};export{D as default};
+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 g}from"../Addons/Document/hooks/useDocument.js";import{useScroll as h}from"../Addons/Scroll/hooks/useScroll.js";import{useArtifactContext as v}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;const{formId:J,chatId:T,userId:_,studioUserId:F,embedUserId:L,deploymentId:H,deploymentType:R,pickaxe:W,styles:P,colors:z,responsiveBy:G,isNewChat:K,isRtl:M,isEmailLogin:q,setIsNewChat:Q,setIsShowIceBreaker:V,onGenerateComplete:X}=l(),{token:Y,isLoggedOut:Z,isSent:$}=p(),{messages:ee,status:te,limits:se,isGenerating:oe,setMessages:ie,setStatus:ne,setLimitData:re,setError:ae}=d(),{documents:le,isUploading:de,isImageUploadAllowed:ce,documentError:ue,onFileUpload:me,setDocuments:pe,setDocumentError:fe}=g(),{scrollStartSession:ge,scrollEndSession:he,scrollToBottom:ve}=h({auto:!0}),{artifacts:be,currentPopupType:je,setArtifacts:xe,setCurrentArtifact:ke}=v(),ye=m(),Oe=f(),[we,Ie]=i(""),Se=n(null),Ne=b(),{isHover:Ae}=Ne,Ce=e(Ne,["isHover"]),De=b(),{isHover:Be}=De,Ee=e(De,["isHover"]),Ue=u(),Je=c(),Te="chat-input"===R&&K&&!$,_e="chat-input"===R&&q&&Z&&$,Fe=r((()=>{var e,t,s;return!!K&&(!!W&&(!ye.isLoading&&(!((null!==(t=null===(e=ye.data)||void 0===e?void 0:e.messages.length)&&void 0!==t?t:0)>1)&&!!(null===(s=W.icebreakers)||void 0===s?void 0:s.length))))}),[W,K,ye.data,ye.isLoading]),Le=r((()=>{if(oe||de)return!1;return!!we.trim()&&le.every((e=>"finished"===e.status||e.isInsertedAsRaw))}),[oe,de,we,le]),He=e=>t(void 0,void 0,void 0,(function*(){try{if("idle"!==te||de)return;const t=null!=e?e:we;if(!t)return;ae(""),fe(""),re(null),Ie(""),Q(!1),ne("fetching"),ge(),ve();const s=le.filter((e=>"finished"===e.status&&!e.isInsertedAsRaw)).map((e=>e.documentId)).filter(Boolean),o="enduserupload"===(null==W?void 0:W.documentuploadtype)&&s.length>0,i=[...Array.from(ee),Object.assign({id:ee.length+1,role:"user",content:t},o&&{documentIds:s})];ie(i),ve(),o&&pe([]);const n=(yield Oe.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:J,responseId:T,value:t},o&&{documentIds:s}),_&&{userId:_}),F&&{studioUserId:F}),L&&{embedUserId:L}),Y&&{studioSessionToken:Y}),H&&{deploymentId:H}))).body;if(!n)throw new Error("Streaming error");const r=i.length,a=new TextDecoder,l=n.getReader();let d="",c=!0,u=!1,m=[...null!=be?be:[]];const p=k({onEvent:e=>{if("delta"===e.event){const t=JSON.parse(e.data).token.replace(/\u200B/g,"");d+=t,ie([...i.slice(0,r),{id:ee.length+1,role:"assistant",content:d}])}else if("artifact_created"===e.event){const t=JSON.parse(e.data);m=m.filter((e=>!(e.id===t.id&&e.version===t.version))),m.push(Object.assign(Object.assign({},t),{content:"",status:"streaming"})),xe(m),je.startsWith("inline")||ke({id:t.id,version:t.version})}else if("artifact_updated"===e.event){const t=JSON.parse(e.data);m=m.filter((e=>!(e.id===t.id&&e.version===t.version))),m.push(Object.assign(Object.assign({},t),{content:"",status:"updating"})),xe(m),je.startsWith("inline")||ke({id:t.id,version:t.version})}else if("artifact_rewrite"===e.event){const t=JSON.parse(e.data);m=m.filter((e=>!(e.id===t.id&&e.version===t.version))),m.push(Object.assign(Object.assign({},t),{content:"",status:"streaming"})),xe(m),je.startsWith("inline")||ke({id:t.id,version:t.version})}else if("artifact_content"===e.event){const t=JSON.parse(e.data),s=t.token.replace(/\u200B/g,"");m=m.map((e=>e.id===t.id&&e.version===t.version?Object.assign(Object.assign({},e),{content:e.content+s,status:"streaming"}):e)),xe(m)}else if("artifact_finished"===e.event){const t=JSON.parse(e.data);xe(m.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);ae(t.error||"Something went wrong, please try again.")}else"stop"===e.event&&(c=!1)}});for(;c;){const{value:e,done:t}=yield l.read();if(t){c=!1;break}const s=a.decode(e);s&&(u||(ne("streaming"),u=!0),p.feed(s))}null==X||X(T)}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(se).find((([e])=>t.includes(e)));s?re(s[1]):ae(t)}finally{ve(),ne("idle"),he()}}));return a((()=>{V(Fe)}),[Fe]),_e?null:s("div",Object.assign({className:C("w-full flex flex-col items-center absolute bottom-0 left-0 z-1",!Te&&"px-4 pb-4"),dir:M?"rtl":"ltr"},{children:o("div",Object.assign({className:"relative flex flex-col max-w-[800px] w-full"},{children:[!Te&&s("div",Object.assign({className:C("absolute bottom-full",M?"left-0":"right-0")},{children:s("div",Object.assign({className:C("flex flex-col gap-2 pb-4 px-2",M?"justify-start":"justify-end","viewport"===G?M?"min-[767px]:items-start":"min-[767px]:items-end":M?"@[767px]/pickaxe-root:items-start":"@[767px]/pickaxe-root:items-end")},{children:Fe&&!D&&s(w,{data:(null==W?void 0:W.icebreakers)||[],onSend:He})}))})),o("div",Object.assign({className:C("flex flex-col gap-y-3 px-4 py-3","block"===P.formFieldStyle&&"shadow"),style:Je},{children:["idle"===te&&le.length>0&&s(I,{isDisabled:"idle"!==te}),o("div",Object.assign({className:C("flex items-end gap-x-2",M&&"flex-row-reverse")},{children:[s(S,Object.assign({className:C(Ue.i1,"max-h-60 min-h-[27px] w-full border-transparent bg-transparent",!we.length&&"max-h-6 overflow-hidden text-ellipsis whitespace-nowrap",M?"text-right":"text-left"),value:we,placeholder:null!==(U=null==W?void 0:W.placeholdertext)&&void 0!==U?U:M?"بماذا تريد أن تتحدث؟":"What do you want to talk about?",onChange:e=>Ie(e),onKeyDown:e=>{"Enter"===e.key&&(e.shiftKey||(e.preventDefault(),de||"idle"!==te||He()))}},B&&{onFocus:B},E&&{onBlur:E},{dir:M?"rtl":"ltr"})),o("div",Object.assign({className:"flex items-center gap-x-2"},{children:["enduserupload"===(null==W?void 0:W.documentuploadtype)&&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:Be?z.accent+"10":void 0,color:Be?z.accent:z.accent+"80"},disabled:de||"idle"!==te,onClick:()=>{var e;return null===(e=Se.current)||void 0===e?void 0:e.click()}},Ee,{children:[s("input",{id:"file-upload",ref:Se,type:"file",accept:[...j,...ce?x:[]].join(", "),multiple:!0,hidden:!0,className:"hidden",onChange:e=>t(void 0,void 0,void 0,(function*(){Q(!1),yield me(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:Ae||Le?z.accent:z.accent+"10",color:Ae||Le?z.accentText:z.accent+"80"},disabled:"idle"!==te||de,onClick:()=>He()},Ce,{children:s(O,{className:C("h-6 w-6 shrink-0",M&&"transform scale-x-[-1]")})}))]}))]}))]})),ue&&s(N,{error:ue,className:"mt-3"})]}))}))};export{D as default};

package/dist/esm/components/Pickaxe/Form/Questions/Submit.js

@@ -1 +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:_,setLimitData:T,setError:W}=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 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*(){try{if("idle"!==P||G||ee)return;W(""),X(""),T(null),q(null);const e=["Multiple Choice","Checkbox"];for(const t of v){if(m(t.input).length>t.maxLength&&!e.includes(t.type))throw new Error("One or more of your responses is too long!");if(t.isRequired&&!t.input.trim()&&"userinput:documentupload"!==t.id)throw new Error("You must fill out all required fields.")}const t=B.filter((e=>"finished"===e.status)),s=B.map((e=>e.name)),n="enduserupload"===(null==y?void 0:y.documentuploadtype),i=v.some((e=>"userinput:documentupload"===e.id&&e.isRequired)),o=u(L).filter((e=>!s.includes(e)));if(o.length){const e=o[o.length-1];te(!0);const s=yield M(e);s&&(t.push(s),yield new Promise((e=>setTimeout(e,5e3)))),te(!1)}else if(i&&n&&!t.length)return void X("Please paste a valid website/video link or drag a file to add to the knowledge base.");const r=t.map((e=>e.documentId)).filter(Boolean),a=n&&r.length>0;let d={};v.forEach((e=>d=Object.assign(Object.assign({},d),{[e.id]:"Knowledge Upload"===e.type||e.id.includes("documentupload")?t.map((e=>e.name)).join(",")||"":e.input}))),_("fetching"),Y(),F();const l=yield $.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:j,valueObj:d},a&&{documentIds:r}),O&&{userId:O}),x&&{studioUserId:x}),k&&{embedUserId:k}),E&&{embedSessionToken:E}),w&&{deploymentId:w})),c=l.body;if(!c)throw new Error("Streaming error");const f=l.headers.get("X-Pickaxe-Response-Id");if(!f)throw new Error("Response ID not found");const g=new TextDecoder,h=c.getReader();let b="",I=!0,S=!1,A=[...null!=H?H:[]];const R=p({onEvent:e=>{if("delta"===e.event){const t=JSON.parse(e.data).token.replace(/\u200B/g,"");b+=t,q({formId:j,responseId:f,documentIds:r,questions:v.map((e=>({id:e.id,question:e.main,answer:e.input}))),questionResponse:b,messageCount:0,sentAt:new Date}),(null==y?void 0:y.enablechatresponses)&&J([{id:0,role:"assistant",content:b}])}else if("artifact_created"===e.event){const t=JSON.parse(e.data);A=A.filter((e=>!(e.id===t.id&&e.version===t.version))),A.push(Object.assign(Object.assign({},t),{content:"",status:"streaming"})),V(A),Q.startsWith("inline")||Z({id:t.id,version:t.version})}else if("artifact_updated"===e.event){const t=JSON.parse(e.data);A=A.filter((e=>!(e.id===t.id&&e.version===t.version))),A.push(Object.assign(Object.assign({},t),{content:"",status:"updating"})),V(A),Q.startsWith("inline")||Z({id:t.id,version:t.version})}else if("artifact_rewrite"===e.event){const t=JSON.parse(e.data);A=A.filter((e=>!(e.id===t.id&&e.version===t.version))),A.push(Object.assign(Object.assign({},t),{content:"",status:"streaming"})),V(A),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,"");A=A.map((e=>e.id===t.id&&e.version===t.version?Object.assign(Object.assign({},e),{content:e.content+s,status:"streaming"}):e)),V(A)}else if("artifact_finished"===e.event){const t=JSON.parse(e.data);V(A.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);W(t.error||"Something went wrong, please try again.")}else"stop"===e.event&&(I=!1)}});for(;I;){const{value:e,done:t}=yield h.read();if(t){I=!1;break}const s=g.decode(e);s&&(S||(_("streaming"),S=!0,a&&K([]),(null==y?void 0:y.enablechatresponses)&&(C(f),N(!1))),R.feed(s))}null==D||D(f)}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?T(s[1]):W(t),F()}finally{_("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};
+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:_,setLimitData:T,setError:W}=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 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*(){try{if("idle"!==P||G||ee)return;W(""),X(""),T(null),q(null);const e=["Multiple Choice","Checkbox"];for(const t of v){if(m(t.input).length>t.maxLength&&!e.includes(t.type))throw new Error("One or more of your responses is too long!");if(t.isRequired&&!t.input.trim()&&"userinput:documentupload"!==t.id)throw new Error("You must fill out all required fields.")}const t=B.filter((e=>"finished"===e.status)),s=B.map((e=>e.name)),n="enduserupload"===(null==y?void 0:y.documentuploadtype),i=v.some((e=>"userinput:documentupload"===e.id&&e.isRequired)),o=u(L).filter((e=>!s.includes(e)));if(o.length){const e=o[o.length-1];te(!0);const s=yield M(e);s&&(t.push(s),yield new Promise((e=>setTimeout(e,5e3)))),te(!1)}else if(i&&n&&!t.length)return void X("Please paste a valid website/video link or drag a file to add to the knowledge base.");const r=t.map((e=>e.documentId)).filter(Boolean),a=n&&r.length>0;let d={};v.forEach((e=>d=Object.assign(Object.assign({},d),{[e.id]:"Knowledge Upload"===e.type||e.id.includes("documentupload")?t.map((e=>e.name)).join(",")||"":e.input}))),_("fetching"),Y(),F();const l=yield $.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:j,valueObj:d},a&&{documentIds:r}),O&&{userId:O}),x&&{studioUserId:x}),k&&{embedUserId:k}),E&&{studioSessionToken:E}),w&&{deploymentId:w})),c=l.body;if(!c)throw new Error("Streaming error");const f=l.headers.get("X-Pickaxe-Response-Id");if(!f)throw new Error("Response ID not found");const g=new TextDecoder,h=c.getReader();let b="",I=!0,S=!1,A=[...null!=H?H:[]];const R=p({onEvent:e=>{if("delta"===e.event){const t=JSON.parse(e.data).token.replace(/\u200B/g,"");b+=t,q({formId:j,responseId:f,documentIds:r,questions:v.map((e=>({id:e.id,question:e.main,answer:e.input}))),questionResponse:b,messageCount:0,sentAt:new Date}),(null==y?void 0:y.enablechatresponses)&&J([{id:0,role:"assistant",content:b}])}else if("artifact_created"===e.event){const t=JSON.parse(e.data);A=A.filter((e=>!(e.id===t.id&&e.version===t.version))),A.push(Object.assign(Object.assign({},t),{content:"",status:"streaming"})),V(A),Q.startsWith("inline")||Z({id:t.id,version:t.version})}else if("artifact_updated"===e.event){const t=JSON.parse(e.data);A=A.filter((e=>!(e.id===t.id&&e.version===t.version))),A.push(Object.assign(Object.assign({},t),{content:"",status:"updating"})),V(A),Q.startsWith("inline")||Z({id:t.id,version:t.version})}else if("artifact_rewrite"===e.event){const t=JSON.parse(e.data);A=A.filter((e=>!(e.id===t.id&&e.version===t.version))),A.push(Object.assign(Object.assign({},t),{content:"",status:"streaming"})),V(A),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,"");A=A.map((e=>e.id===t.id&&e.version===t.version?Object.assign(Object.assign({},e),{content:e.content+s,status:"streaming"}):e)),V(A)}else if("artifact_finished"===e.event){const t=JSON.parse(e.data);V(A.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);W(t.error||"Something went wrong, please try again.")}else"stop"===e.event&&(I=!1)}});for(;I;){const{value:e,done:t}=yield h.read();if(t){I=!1;break}const s=g.decode(e);s&&(S||(_("streaming"),S=!0,a&&K([]),(null==y?void 0:y.enablechatresponses)&&(C(f),N(!1))),R.feed(s))}null==D||D(f)}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?T(s[1]):W(t),F()}finally{_("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};

package/dist/esm/hooks/pickaxe/useHistory.js

@@ -1 +1 @@
-import{__awaiter as e}from"../../_virtual/_tslib.js";import{useInfiniteQuery as o}from"@tanstack/react-query";import{usePickaxeContext as t}from"./usePickaxeContext.js";import{useAuthContext as s}from"../../components/Pickaxe/Addons/Auth/hooks/useAuthContext.js";import d from"../../common/api/index.js";const i=({enabled:i=!0}={enabled:!0})=>{const{formId:r,pickaxe:n,studioUserId:a,embedUserId:m}=t(),{token:u}=s(),c=o({queryKey:["form",r,"history"],queryFn:({pageParam:o=0})=>(({formId:o,place:t,studioId:s,studioUserId:i,embedUserId:r,embedSessionToken:n})=>e(void 0,void 0,void 0,(function*(){let e=`/pickaxe/history?formid=${o}&place=${t}`;s&&(e+=`&studioId=${s}`),i&&(e+=`&studioUserId=${i}`),r&&(e+=`&embedUserId=${r}`),n&&(e+=`&embedSessionToken=${n}`);const a=yield d.get(e),m=a.data;if(200!==a.status)throw new Error("[_getHistory] Failed to fetch history "+m);return{next:m.history.length<5?void 0:t+25,data:m.history}})))(Object.assign(Object.assign(Object.assign(Object.assign({formId:r,place:o},a&&(null==n?void 0:n.studioid)&&{studioId:n.studioid}),a&&{studioUserId:a}),m&&{embedUserId:m}),u&&{embedSessionToken:u})),getNextPageParam:e=>e.next,enabled:i&&!!r});return c};export{i as useHistory};
+import{__awaiter as e}from"../../_virtual/_tslib.js";import{useInfiniteQuery as o}from"@tanstack/react-query";import{usePickaxeContext as t}from"./usePickaxeContext.js";import{useAuthContext as s}from"../../components/Pickaxe/Addons/Auth/hooks/useAuthContext.js";import i from"../../common/api/index.js";const d=({enabled:d=!0}={enabled:!0})=>{const{formId:r,pickaxe:n,studioUserId:a,embedUserId:u}=t(),{token:m}=s(),c=o({queryKey:["form",r,"history"],queryFn:({pageParam:o=0})=>(({formId:o,place:t,studioId:s,studioUserId:d,embedUserId:r,studioSessionToken:n})=>e(void 0,void 0,void 0,(function*(){let e=`/pickaxe/history?formid=${o}&place=${t}`;s&&(e+=`&studioId=${s}`),d&&(e+=`&studioUserId=${d}`),r&&(e+=`&embedUserId=${r}`),n&&(e+=`&studioSessionToken=${n}`);const a=yield i.get(e),u=a.data;if(200!==a.status)throw new Error("[_getHistory] Failed to fetch history "+u);return{next:u.history.length<5?void 0:t+25,data:u.history}})))(Object.assign(Object.assign(Object.assign(Object.assign({formId:r,place:o},a&&(null==n?void 0:n.studioid)&&{studioId:n.studioid}),a&&{studioUserId:a}),u&&{embedUserId:u}),m&&{studioSessionToken:m})),getNextPageParam:e=>e.next,enabled:d&&!!r});return c};export{d as useHistory};

package/dist/esm/hooks/pickaxe/useSubmit.js

@@ -1 +1 @@
-import{__awaiter as e}from"../../_virtual/_tslib.js";import{useMutation as s}from"@tanstack/react-query";const n=()=>s({mutationFn:s=>(({formId:s,responseId:n,documentIds:o,studioUserId:t,deploymentId:i,embedUserId:d,embedSessionToken:c,pickaxe:a,value:r,valueObj:p,disabledDocumentIds:b,metadata:u})=>e(void 0,void 0,void 0,(function*(){const e="undefined"!=typeof window?window.location.hostname:"",O="undefined"!=typeof window?window.location.href:"",l=e.includes("pickaxe.co")&&!O.includes("https://studio.pickaxe.co/_embed"),m=yield fetch(`${process.env.NEXT_PUBLIC_API_URL}/pickaxe/sse`,Object.assign(Object.assign({method:"POST",body:JSON.stringify(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:s},n&&{responseId:n}),o&&{documentIds:o}),t&&{studioUserId:t}),i&&{deploymentId:i}),d&&{embedUserId:d}),c&&{embedSessionToken:c}),a&&{pickaxe:a}),r&&{value:r}),p&&{valueObj:p}),b&&{disabledDocumentIds:b}),u&&{metadata:u}))},(!process.env.NODE_ENV||"development"===process.env.NODE_ENV)&&Object.assign({},process.env.NEXT_PUBLIC_PICKAXE_SESSION_TOKEN&&{headers:{"x-pickaxe-session-token":process.env.NEXT_PUBLIC_PICKAXE_SESSION_TOKEN}})),l&&{credentials:"include"}));if(200!==m.status){const e=yield m.json();throw new Error(e.error||"Unknown error, please contact support")}if("application/json"===m.headers.get("content-type")){const{success:e,error:s}=yield m.json();if(!e)throw new Error(s||"Unknown error, please contact support")}return m})))(s)});export{n as useSubmit};
+import{__awaiter as e}from"../../_virtual/_tslib.js";import{useMutation as s}from"@tanstack/react-query";const n=()=>s({mutationFn:s=>(({formId:s,responseId:n,documentIds:o,studioUserId:t,deploymentId:i,embedUserId:d,studioSessionToken:c,pickaxe:a,value:r,valueObj:p,disabledDocumentIds:u,metadata:O})=>e(void 0,void 0,void 0,(function*(){const e="undefined"!=typeof window?window.location.hostname:"",b="undefined"!=typeof window?window.location.href:"",l=e.includes("pickaxe.co")&&!b.includes("https://studio.pickaxe.co/_embed"),I=yield fetch(`${process.env.NEXT_PUBLIC_API_URL}/pickaxe/sse`,Object.assign(Object.assign({method:"POST",body:JSON.stringify(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:s},n&&{responseId:n}),o&&{documentIds:o}),t&&{studioUserId:t}),i&&{deploymentId:i}),d&&{embedUserId:d}),c&&{studioSessionToken:c}),a&&{pickaxe:a}),r&&{value:r}),p&&{valueObj:p}),u&&{disabledDocumentIds:u}),O&&{metadata:O}))},(!process.env.NODE_ENV||"development"===process.env.NODE_ENV)&&Object.assign({},process.env.NEXT_PUBLIC_PICKAXE_SESSION_TOKEN&&{headers:{"x-pickaxe-session-token":process.env.NEXT_PUBLIC_PICKAXE_SESSION_TOKEN}})),l&&{credentials:"include"}));if(200!==I.status){const e=yield I.json();throw new Error(e.error||"Unknown error, please contact support")}if("application/json"===I.headers.get("content-type")){const{success:e,error:s}=yield I.json();if(!e)throw new Error(s||"Unknown error, please contact support")}return I})))(s)});export{n as useSubmit};

package/dist/esm/src/components/Pickaxe/Addons/Artifact/Renderer/SaveMenu.d.ts

@@ -7,8 +7,9 @@ interface ArtifactSaveMenuProps {
     children?: ReactNode;
     data: ArtifactData;
     colors: PickaxeProviderColors;
-    onDownload: (type: ArtifactType) => void;
-    onSaveAsPDF: () => void;
+    onDownload: (type: ArtifactType | "text/plain") => Promise<void>;
+    onSaveAsPDF: () => Promise<void>;
+    onSaveAsDOCX: () => Promise<void>;
 }
-declare const ArtifactSaveMenu: ({ variant, className, children, data, colors, onDownload, onSaveAsPDF, }: ArtifactSaveMenuProps) => import("react/jsx-runtime").JSX.Element;
+declare const ArtifactSaveMenu: ({ variant, className, children, data, colors, onDownload, onSaveAsPDF, onSaveAsDOCX, }: ArtifactSaveMenuProps) => import("react/jsx-runtime").JSX.Element;
 export default ArtifactSaveMenu;

package/dist/esm/src/components/Pickaxe/Addons/Artifact/hooks/useArtifactData.d.ts

@@ -4,7 +4,6 @@ type MutationParams = {
     version?: number;
     createdBy?: string;
     studioSessionToken?: string;
-    embedSessionToken?: string;
 };
 export declare const useArtifactData: () => import("@tanstack/react-query").UseMutationResult<ArtifactData, Error, MutationParams, unknown>;
 export {};

package/dist/esm/src/components/Pickaxe/Addons/Auth/hooks/useAuthVerify.d.ts

@@ -3,6 +3,7 @@ import { UseQueryResult } from "@tanstack/react-query";
 type QueryResponse = {
     success: boolean;
     token: string;
+    studioUserId: string;
     error?: string;
 };
 interface UseAuthVerifyQueryProps {

package/dist/esm/src/hooks/pickaxe/useSubmit.d.ts

@@ -5,7 +5,7 @@ type MutationParams = {
     documentIds?: string[];
     studioUserId?: string;
     embedUserId?: string;
-    embedSessionToken?: string;
+    studioSessionToken?: string;
     deploymentId?: string;
     pickaxe?: Partial<Pickaxe>;
     value?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pickaxeproject/react",
-  "version": "3.5.2",
+  "version": "3.6.0",
   "description": "Client utility library for Pickaxe",
   "repository": {
     "type": "git",
@@ -43,6 +43,7 @@
     "@changesets/cli": "^2.26.0",
     "@chromatic-com/storybook": "3.2.3",
     "@mdx-js/react": "^3.1.0",
+    "@mohtasham/md-to-docx": "^2.0.1",
     "@nem035/gpt-3-encoder": "^1.1.7",
     "@prettier/plugin-xml": "^3.4.1",
     "@rollup/plugin-alias": "^5.1.1",
@@ -137,6 +138,7 @@
     "webpack-cli": "^5.0.1"
   },
   "peerDependencies": {
+    "@mohtasham/md-to-docx": "^2.0.1",
     "@nem035/gpt-3-encoder": "^1.1.7",
     "@tailwindcss/container-queries": "^0.1.1",
     "@tanstack/react-query": "^4.36.1",