@pickaxeproject/react 1.4.1 → 1.4.2

package/dist/cjs/components/Pickaxe/Addons/Document/Provider.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");const s=t.createContext({});exports.DocumentContext=s,exports.default=({children:n})=>{const[o,c]=t.useState([]),[r,i]=t.useState(""),[u,a]=t.useState(""),[d,m]=t.useState(!1),[l,p]=t.useState(!1);return e.jsx(s.Provider,Object.assign({value:{documents:o,documentCount:o.length,documentError:r,websiteLink:u,isUploading:d,isShowList:l,upsertDocuments:e=>{c(e)},editDocument:e=>{const t=o.map((t=>t.id===e.id?Object.assign(Object.assign({},t),e):t));c(t)},editDocumentByDocId:e=>{const t=o.map((t=>t.documentId===e.documentId?Object.assign(Object.assign({},t),e):t));c(t)},setDocuments:c,setDocumentError:i,setWebsiteLink:a,setIsUploading:m,setIsShowList:p}},{children:n}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");const s=t.createContext({});exports.DocumentContext=s,exports.default=({children:n})=>{const[o,c]=t.useState([]),[i,r]=t.useState(""),[u,a]=t.useState(""),[d,m]=t.useState(!1),[l,b]=t.useState(!1);return e.jsx(s.Provider,Object.assign({value:{documents:o,documentCount:o.length,documentError:i,websiteLink:u,isUploading:d,isShowList:l,editDocument:e=>{const t=o.map((t=>t.id===e.id?Object.assign(Object.assign({},t),e):t));c(t)},editDocumentByDocId:e=>{const t=o.map((t=>t.documentId===e.documentId?Object.assign(Object.assign({},t),e):t));c(t)},setDocuments:c,setDocumentError:r,setWebsiteLink:a,setIsUploading:m,setIsShowList:b}},{children:n}))};

package/dist/cjs/components/Pickaxe/Addons/Document/hooks/useDocument.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_tslib.js"),t=require("react"),s=require("../../../../../hooks/pickaxe/usePickaxeContext.js"),o=require("../../../../../hooks/pickaxe/useSubmitDocument.js"),i=require("./useDocumentContext.js"),n=require("../../../../../common/documents.js"),r=require("../../../../../common/error.js");const a=["gpt-4o-mini","gpt-4o","gpt-4.5-preview","o1"];exports.useDocument=({onQuestionChange:u}={})=>{const{formId:d,chatId:l,pickaxe:c}=s.usePickaxeContext(),m=i.useDocumentContext(),p=o.useSubmitDocument(),f=t.useMemo((()=>{var e;return a.includes(null!==(e=null==c?void 0:c.model)&&void 0!==e?e:"gpt-3.5-turbo")}),[c]);return Object.assign(Object.assign({},m),{isImageUploadAllowed:f,onFileUpload:t=>e.__awaiter(void 0,void 0,void 0,(function*(){if(m.setDocumentError(""),!t.length)return null;const e=t[0];try{const s=[...n.allowedFileMimeTypes,...f?n.allowedImageMimeTypes:[]],o=t.some((e=>!s.includes(e.type)));if(o){throw new Error(f?"You can only upload PDF, TXT, DOCX, CSV, XLSX, JSON, PPTX, PNG, JPEG, WEBP, or GIF files. Please try again.":"You can only upload PDF, TXT, DOCX, CSV, XLSX, JSON, or PPTX files. Please try again.")}m.setIsUploading(!0),m.setIsShowList(!0),m.upsertDocuments([{type:"document",id:e.name,size:e.size,name:e.name,status:"uploading"}]);const i=yield p.document({formId:d,responseId:l,file:e}),{success:r,documentId:a,error:c}=i;if(!r)throw new Error(null!=c?c:"Document processing failed, please try again.");null==u||u({input:e.name,documentId:a});const y=a.startsWith("IMAGE-")?"image":"document";m.upsertDocuments([{type:y,id:e.name,size:e.size,name:e.name,status:"finished",documentId:a}]);return{type:y,size:e.size,id:e.name,name:e.name,status:"finished",documentId:a}}catch(t){const s=r.default(t);if(console.log("[onFileUpload] Error",s),s.includes("You can only upload"))return m.setDocumentError(s),null;m.editDocument({type:"document",id:e.name,name:e.name,size:e.size,status:"failed",error:s});return{type:"document",size:e.size,id:e.name,name:e.name,status:"failed",error:s}}finally{m.setIsUploading(!1)}})),onWebsiteUpload:t=>e.__awaiter(void 0,void 0,void 0,(function*(){m.setDocumentError("");let e=t.trim();if(!e)return null;e.startsWith("http://")&&(e=e.replace("http://","https://")),e.startsWith("https://")||(e=`https://${e}`);try{if(!e.includes("."))throw new Error("Please paste a valid website URL or Youtube video link to add to the knowledge base.");m.setIsUploading(!0),m.setIsShowList(!0),m.setWebsiteLink(""),m.upsertDocuments([{type:"website",id:e,size:0,name:e,status:"uploading"}]);const t=yield p.website({formId:d,responseId:l,website:e}),{success:s,documentId:o}=t;if(!s)throw new Error("Website processing failed, please try again.");m.upsertDocuments([{type:"website",id:e,size:0,name:e,status:"finished",documentId:o}]);return{type:"website",id:e,name:e,size:0,status:"finished",documentId:o}}catch(t){const s=r.default(t);if(console.log("[onWebsiteUpload] Error",s),s.includes("Please paste a valid website URL"))return m.setDocumentError(s),null;m.editDocument({type:"website",id:e,size:0,name:e,status:"failed",error:s});return{type:"website",id:e,size:0,name:e,status:"failed",error:s}}finally{m.setIsUploading(!1)}})),onEditDocumentByDocId:m.editDocumentByDocId})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_tslib.js"),t=require("react"),s=require("../../../../../hooks/pickaxe/usePickaxeContext.js"),o=require("../../../../../hooks/pickaxe/useSubmitDocument.js"),i=require("./useDocumentContext.js"),n=require("../../../../../common/documents.js"),r=require("../../../../../common/error.js");const a=["gpt-4o-mini","gpt-4o","gpt-4.5-preview","o1"];exports.useDocument=({onQuestionChange:u}={})=>{const{formId:d,chatId:l,pickaxe:c}=s.usePickaxeContext(),m=i.useDocumentContext(),p=o.useSubmitDocument(),f=t.useMemo((()=>{var e;return a.includes(null!==(e=null==c?void 0:c.model)&&void 0!==e?e:"gpt-3.5-turbo")}),[c]);return Object.assign(Object.assign({},m),{isImageUploadAllowed:f,onFileUpload:t=>e.__awaiter(void 0,void 0,void 0,(function*(){if(m.setDocumentError(""),!t.length)return null;const e=t[0];try{const s=[...n.allowedFileMimeTypes,...f?n.allowedImageMimeTypes:[]],o=t.some((e=>!s.includes(e.type)));if(o){throw new Error(f?"You can only upload PDF, TXT, DOCX, CSV, XLSX, JSON, PPTX, PNG, JPEG, WEBP, or GIF files. Please try again.":"You can only upload PDF, TXT, DOCX, CSV, XLSX, JSON, or PPTX files. Please try again.")}m.setIsUploading(!0),m.setIsShowList(!0),m.setDocuments([{type:"document",id:e.name,size:e.size,name:e.name,status:"uploading"}]);const i=yield p.document({formId:d,responseId:l,file:e}),{success:r,documentId:a,error:c}=i;if(!r)throw new Error(null!=c?c:"Document processing failed, please try again.");null==u||u({input:e.name,documentId:a});const y=a.startsWith("IMAGE-")?"image":"document";m.setDocuments([{type:y,id:e.name,size:e.size,name:e.name,status:"finished",documentId:a}]);return{type:y,size:e.size,id:e.name,name:e.name,status:"finished",documentId:a}}catch(t){const s=r.default(t);if(console.log("[onFileUpload] Error",s),s.includes("You can only upload"))return m.setDocumentError(s),null;m.editDocument({type:"document",id:e.name,name:e.name,size:e.size,status:"failed",error:s});return{type:"document",size:e.size,id:e.name,name:e.name,status:"failed",error:s}}finally{m.setIsUploading(!1)}})),onWebsiteUpload:t=>e.__awaiter(void 0,void 0,void 0,(function*(){m.setDocumentError("");let e=t.trim();if(!e)return null;e.startsWith("http://")&&(e=e.replace("http://","https://")),e.startsWith("https://")||(e=`https://${e}`);try{if(!e.includes("."))throw new Error("Please paste a valid website URL or Youtube video link to add to the knowledge base.");m.setIsUploading(!0),m.setIsShowList(!0),m.setWebsiteLink(""),m.setDocuments([{type:"website",id:e,size:0,name:e,status:"uploading"}]);const t=yield p.website({formId:d,responseId:l,website:e}),{success:s,documentId:o}=t;if(!s)throw new Error("Website processing failed, please try again.");m.setDocuments([{type:"website",id:e,size:0,name:e,status:"finished",documentId:o}]);return{type:"website",id:e,name:e,size:0,status:"finished",documentId:o}}catch(t){const s=r.default(t);if(console.log("[onWebsiteUpload] Error",s),s.includes("Please paste a valid website URL"))return m.setDocumentError(s),null;m.editDocument({type:"website",id:e,size:0,name:e,status:"failed",error:s});return{type:"website",id:e,size:0,name:e,status:"failed",error:s}}finally{m.setIsUploading(!1)}})),onEditDocumentByDocId:m.editDocumentByDocId})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("react"),r=require("../../../hooks/pickaxe/usePickaxeContext.js"),o=require("../../../hooks/pickaxe/useResponseContext.js"),n=require("../../../hooks/studio/useStyleInput.js"),i=require("../../../hooks/studio/useStyleFontSize.js"),l=require("../../../hooks/pickaxe/useConversation.js"),a=require("../../../hooks/pickaxe/useSubmit.js"),d=require("../../../hooks/pickaxe/useSubmitResult.js"),c=require("../../../common/documents.js"),u=require("../../../common/api/streamer.js"),m=require("../Addons/Document/hooks/useDocument.js"),g=require("../Addons/Scroll/hooks/useScroll.js"),h=require("../../../hooks/core/useHover.js"),p=require("../../../common/utils.js"),x=require("../../Icons/attach-vertical.svg.js"),f=require("../../Icons/spinner-lines.svg.js"),b=require("../../Icons/file.svg.js"),j=require("../../Icons/x.svg.js"),v=require("../../Icons/arrow-right.svg.js"),y=require("../Addons/IceBreaker/index.js"),w=require("../../Core/Textarea.js"),I=require("../../../common/error.js"),k=require("../../../common/cn.js");exports.default=({isFocused:O,onFocus:N,onBlur:C})=>{var q;const{formId:R,chatId:S,userId:D,studioUserId:A,embedUserId:U,deploymentId:E,pickaxe:_,styles:T,colors:F,responsiveBy:B,isNewChat:H,setIsNewChat:P,setIsShowIceBreaker:z,onGenerateComplete:M}=r.usePickaxeContext(),{messages:G,status:L,limits:W,isGenerating:$,setMessages:K,setStatus:X,setLimitData:J,setError:Q,setIsGenerating:V}=o.useResponseContext(),{documents:Y,isUploading:Z,isImageUploadAllowed:ee,upsertDocuments:se,onFileUpload:te}=m.useDocument(),{scrollStartSession:re,scrollEndSession:oe,scrollToBottom:ne}=g.useScroll({auto:!0}),ie=l.useConversation(),le=a.useSubmit(),ae=d.useSubmitResult(),de=i.useStyleFontSize(),ce=n.useStyleInput(),[ue,me]=t.useState(""),ge=t.useRef(null),he=h.useHover(),{isHover:pe}=he,xe=e.__rest(he,["isHover"]),fe=h.useHover(),{isHover:be}=fe,je=e.__rest(fe,["isHover"]),ve=t.useMemo((()=>{var e,s,t;return!!H&&(!!_&&(!ie.isLoading&&(!((null!==(s=null===(e=ie.data)||void 0===e?void 0:e.messages.length)&&void 0!==s?s:0)>1)&&!!(null===(t=_.icebreakers)||void 0===t?void 0:t.length))))}),[_,H,ie.data,ie.isLoading]),ye=s=>e.__awaiter(void 0,void 0,void 0,(function*(){try{if(Z||"idle"!==L||$)return;const e=null!=s?s:ue;if(!e)return;me(""),Q(""),J(null),V(!0),P(!1);const t=new Date,r="enduserupload"===(null==_?void 0:_.documentuploadtype),o=Y.filter((e=>"finished"===e.status&&!e.isInsertedAsRaw)),n=o.length?o[o.length-1].documentId:"";X("fetching"),re(),ne();const i=Array.from(G);let l=[...i,{id:G.length+1,role:"user",content:e}];K(l),ne();const{success:a,data:d,actionData:c,usedDocumentIds:m,endUserDocumentId:g,endUserImageId:h,rawUserInput:p,error:x}=yield le.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign({formId:R,responseId:S,value:e},r&&n&&{documentId:n}),A&&{studioUserId:A}),U&&{embedUserId:U}),E&&{deploymentId:E}));if(!a)throw new Error(null!=x?x:"An error occurred, please try again.");const f=[];g&&f.push(g),h&&f.push(h),f.length>0&&(l=[...i,Object.assign({id:G.length+1,role:"user",content:e},f&&{documentIds:f})],K(l),ne()),se([]),ne();const b=(yield u.streamer({formId:R,responseId:S,data:d,actionData:c})).body;if(!b)throw new Error("Streaming error");const j=b.getReader(),v=new TextDecoder,y=l.length;let w="",I=!0,k=!1;for(;I;){const{value:e,done:s}=yield j.read();I=!s;const t=v.decode(e);if(t.startsWith("[PXE-ERROR]"))throw new Error(t.replace("[PXE-ERROR]","").trim());if(w+=t.replace(/\u200B/g,""),w)k||(X("streaming"),k=!0),K([...l.slice(0,y),{id:G.length+1,role:"assistant",content:w}]);else if(!I&&!w)throw new Error("Server error")}const O=new Date;w&&(ne(),yield ae.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:R,responseId:S,documentIds:m},D&&{userId:D}),A&&{studioUserId:A}),A&&(null==_?void 0:_.studioid)&&{studioId:_.studioid}),U&&{embedUserId:U}),E&&{deploymentId:E}),{messages:[Object.assign(Object.assign({role:"user",message:p},f&&{documentIds:f}),{sentAt:t}),{role:"assistant",message:w,sentAt:O}]})),X("idle"),null==M||M(S))}catch(e){let s=I.default(e)||"";s&&!s.includes("Unexpected token 'A',")||(s="Oops! We're experiencing high traffic at the moment. Please try again later.");const t=Object.entries(W).find((([e])=>s.includes(e)));t?J(t[1]):Q(s),ne()}finally{X("idle"),V(!1),oe()}}));return t.useEffect((()=>{z(ve)}),[ve]),s.jsx("div",Object.assign({className:"px-4 pb-4 w-full flex flex-col items-center absolute bottom-0 left-0 z-1"},{children:s.jsxs("div",Object.assign({className:"relative flex flex-col max-w-[800px] w-full"},{children:[s.jsx("div",Object.assign({className:"absolute right-0 bottom-full"},{children:s.jsx("div",Object.assign({className:k.default("flex justify-end flex-col gap-2 pb-4 px-2","viewport"===B?"min-[767px]:items-end":"@[767px]/pickaxe-root:items-end")},{children:ve&&!O&&s.jsx(y.default,{data:(null==_?void 0:_.icebreakers)||[],onSend:ye})}))})),s.jsxs("div",Object.assign({className:k.default("flex flex-col gap-y-2 px-4 py-3","block"===T.formFieldStyle&&"shadow"),style:ce},{children:["idle"===L&&Y.length>0&&s.jsx("div",Object.assign({className:k.default("grid grid-cols-1","viewport"===B?"min-[765px]:grid-cols-2":"@[767px]/pickaxe-root:grid-cols-2")},{children:Y.map((e=>{var r,o,n;return s.jsx(t.Fragment,{children:"document"===e.type?s.jsxs("div",Object.assign({className:"relative gap-x-[10px] flex items-center px-2 h-[56px] border",style:{borderRadius:ce.borderRadius,borderColor:F.secondaryText+"50"}},{children:[s.jsx("div",Object.assign({className:"w-10 h-10 flex items-center justify-center shrink-0",style:{backgroundColor:F.accent,borderRadius:ce.borderRadius}},{children:Z?s.jsx(f.default,{className:"w-5 h-5 animate-spin",style:{color:F.accentText}}):s.jsx(b.default,{className:"w-5 h-5",style:{color:F.accentText}})})),s.jsxs("div",Object.assign({className:"flex flex-col justify-center truncate"},{children:[s.jsx("p",Object.assign({className:(k.default(de.b3),"font-medium truncate")},{children:e.name})),s.jsx("p",Object.assign({className:k.default(de.b4,"opacity-80 truncate")},{children:p.formatBytes(e.size)}))]})),s.jsx("button",Object.assign({type:"button",className:"absolute w-5 h-5 rounded-full -right-2 -top-2 flex items-center justify-center border outline-none disabled:cursor-default",style:{backgroundColor:F.accent,borderColor:ce.backgroundColor},disabled:Z||"idle"!==L,onClick:()=>se([])},{children:s.jsx(j.default,{className:"w-4 h-4",style:{color:F.accentText}})}))]})):"image"===e.type?s.jsxs("div",Object.assign({className:"relative h-[56px] w-[56px] bg-stone-100",style:{borderRadius:ce.borderRadius}},{children:["finished"===e.status?s.jsx("img",{style:{borderRadius:ce.borderRadius},className:"object-cover w-full h-full",src:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/documentinterrogation/${null===(r=e.documentId)||void 0===r?void 0:r.split("-")[2]}/${null===(o=e.documentId)||void 0===o?void 0:o.split("-")[1]}.${null===(n=e.documentId)||void 0===n?void 0:n.split("-")[2]}`,alt:""}):s.jsx("div",{className:"h-full w-full animate-pulse",style:{borderRadius:ce.borderRadius,backgroundColor:F.secondary}}),s.jsx("button",Object.assign({type:"button",className:"absolute w-5 h-5 rounded-full -right-2 -top-2 flex items-center justify-center border outline-none disabled:cursor-default",style:{backgroundColor:F.accent,borderColor:ce.backgroundColor},disabled:Z||"idle"!==L,onClick:()=>se([])},{children:s.jsx(j.default,{className:"w-4 h-4",style:{color:F.accentText}})}))]})):null},e.id)}))})),s.jsxs("div",Object.assign({className:"flex items-end gap-x-2"},{children:[s.jsx(w.default,{className:k.default(de.i1,"max-h-60 min-h-[27px] w-full border-transparent bg-transparent",!ue.length&&"max-h-6 overflow-hidden text-ellipsis whitespace-nowrap"),value:ue,placeholder:null!==(q=null==_?void 0:_.placeholdertext)&&void 0!==q?q:"What do you want to talk about?",onChange:e=>me(e),onKeyDown:e=>{"Enter"===e.key&&(e.shiftKey||(e.preventDefault(),Z||"idle"!==L||ye()))},onFocus:N,onBlur:C}),s.jsxs("div",Object.assign({className:"flex items-center gap-x-2"},{children:["enduserupload"===(null==_?void 0:_.documentuploadtype)&&s.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:be?F.accent+"10":void 0},disabled:Z||"idle"!==L,onClick:()=>{var e;return null===(e=ge.current)||void 0===e?void 0:e.click()}},je,{children:[s.jsx("input",{id:"file-upload",ref:ge,type:"file",accept:[...c.allowedFileMimeTypes,...ee?c.allowedImageMimeTypes:[]].join(", "),multiple:!1,hidden:!0,className:"hidden",onChange:s=>e.__awaiter(void 0,void 0,void 0,(function*(){yield te(Array.from(s.target.files||[])),s.target.value=""}))}),s.jsx(x.default,{className:"h-6 w-6 shrink-0 duration-200 transition-colors ease-in-out",style:{color:be?F.accent:F.accent+"80"}})]})),s.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:(pe||ue.length||Y.length&&Y.every((e=>"finished"===e.status)))&&!$?F.accent:F.accent+"10"},disabled:Z||"idle"!==L,onClick:()=>ye()},xe,{children:s.jsx(v.default,{className:"h-6 w-6 shrink-0 duration-200 transition-colors ease-in-out",style:{color:(pe||ue.length||Y.length&&Y.every((e=>"finished"===e.status)))&&!$?F.accentText:F.accent+"80"}})}))]}))]}))]}))]}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("react"),r=require("../../../hooks/pickaxe/usePickaxeContext.js"),o=require("../../../hooks/pickaxe/useResponseContext.js"),n=require("../../../hooks/studio/useStyleInput.js"),i=require("../../../hooks/studio/useStyleFontSize.js"),l=require("../../../hooks/pickaxe/useConversation.js"),a=require("../../../hooks/pickaxe/useSubmit.js"),d=require("../../../hooks/pickaxe/useSubmitResult.js"),c=require("../../../common/documents.js"),u=require("../../../common/api/streamer.js"),m=require("../Addons/Document/hooks/useDocument.js"),g=require("../Addons/Scroll/hooks/useScroll.js"),h=require("../../../hooks/core/useHover.js"),p=require("../../../common/utils.js"),x=require("../../Icons/attach-vertical.svg.js"),f=require("../../Icons/spinner-lines.svg.js"),b=require("../../Icons/file.svg.js"),j=require("../../Icons/x.svg.js"),v=require("../../Icons/arrow-right.svg.js"),y=require("../Addons/IceBreaker/index.js"),w=require("../../Core/Textarea.js"),I=require("../../../common/error.js"),k=require("../../../common/cn.js");exports.default=({isFocused:O,onFocus:N,onBlur:C})=>{var q;const{formId:R,chatId:S,userId:D,studioUserId:A,embedUserId:U,deploymentId:E,pickaxe:_,styles:T,colors:F,responsiveBy:B,isNewChat:H,setIsNewChat:P,setIsShowIceBreaker:z,onGenerateComplete:M}=r.usePickaxeContext(),{messages:G,status:L,limits:W,isGenerating:$,setMessages:K,setStatus:X,setLimitData:J,setError:Q,setIsGenerating:V}=o.useResponseContext(),{documents:Y,isUploading:Z,isImageUploadAllowed:ee,setDocuments:se,onFileUpload:te}=m.useDocument(),{scrollStartSession:re,scrollEndSession:oe,scrollToBottom:ne}=g.useScroll({auto:!0}),ie=l.useConversation(),le=a.useSubmit(),ae=d.useSubmitResult(),de=i.useStyleFontSize(),ce=n.useStyleInput(),[ue,me]=t.useState(""),ge=t.useRef(null),he=h.useHover(),{isHover:pe}=he,xe=e.__rest(he,["isHover"]),fe=h.useHover(),{isHover:be}=fe,je=e.__rest(fe,["isHover"]),ve=t.useMemo((()=>{var e,s,t;return!!H&&(!!_&&(!ie.isLoading&&(!((null!==(s=null===(e=ie.data)||void 0===e?void 0:e.messages.length)&&void 0!==s?s:0)>1)&&!!(null===(t=_.icebreakers)||void 0===t?void 0:t.length))))}),[_,H,ie.data,ie.isLoading]),ye=s=>e.__awaiter(void 0,void 0,void 0,(function*(){try{if(Z||"idle"!==L||$)return;const e=null!=s?s:ue;if(!e)return;me(""),Q(""),J(null),V(!0),P(!1);const t=new Date,r="enduserupload"===(null==_?void 0:_.documentuploadtype),o=Y.filter((e=>"finished"===e.status&&!e.isInsertedAsRaw)),n=o.length?o[o.length-1].documentId:"";X("fetching"),re(),ne();const i=Array.from(G);let l=[...i,{id:G.length+1,role:"user",content:e}];K(l),ne();const{success:a,data:d,actionData:c,usedDocumentIds:m,endUserDocumentId:g,endUserImageId:h,rawUserInput:p,error:x}=yield le.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign({formId:R,responseId:S,value:e},r&&n&&{documentId:n}),A&&{studioUserId:A}),U&&{embedUserId:U}),E&&{deploymentId:E}));if(!a)throw new Error(null!=x?x:"An error occurred, please try again.");const f=[];g&&f.push(g),h&&f.push(h),f.length>0&&(l=[...i,Object.assign({id:G.length+1,role:"user",content:e},f&&{documentIds:f})],K(l),ne()),se([]),ne();const b=(yield u.streamer({formId:R,responseId:S,data:d,actionData:c})).body;if(!b)throw new Error("Streaming error");const j=b.getReader(),v=new TextDecoder,y=l.length;let w="",I=!0,k=!1;for(;I;){const{value:e,done:s}=yield j.read();I=!s;const t=v.decode(e);if(t.startsWith("[PXE-ERROR]"))throw new Error(t.replace("[PXE-ERROR]","").trim());if(w+=t.replace(/\u200B/g,""),w)k||(X("streaming"),k=!0),K([...l.slice(0,y),{id:G.length+1,role:"assistant",content:w}]);else if(!I&&!w)throw new Error("Server error")}const O=new Date;w&&(ne(),yield ae.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:R,responseId:S,documentIds:m},D&&{userId:D}),A&&{studioUserId:A}),A&&(null==_?void 0:_.studioid)&&{studioId:_.studioid}),U&&{embedUserId:U}),E&&{deploymentId:E}),{messages:[Object.assign(Object.assign({role:"user",message:p},f&&{documentIds:f}),{sentAt:t}),{role:"assistant",message:w,sentAt:O}]})),X("idle"),null==M||M(S))}catch(e){let s=I.default(e)||"";s&&!s.includes("Unexpected token 'A',")||(s="Oops! We're experiencing high traffic at the moment. Please try again later.");const t=Object.entries(W).find((([e])=>s.includes(e)));t?J(t[1]):Q(s),ne()}finally{X("idle"),V(!1),oe()}}));return t.useEffect((()=>{z(ve)}),[ve]),s.jsx("div",Object.assign({className:"px-4 pb-4 w-full flex flex-col items-center absolute bottom-0 left-0 z-1"},{children:s.jsxs("div",Object.assign({className:"relative flex flex-col max-w-[800px] w-full"},{children:[s.jsx("div",Object.assign({className:"absolute right-0 bottom-full"},{children:s.jsx("div",Object.assign({className:k.default("flex justify-end flex-col gap-2 pb-4 px-2","viewport"===B?"min-[767px]:items-end":"@[767px]/pickaxe-root:items-end")},{children:ve&&!O&&s.jsx(y.default,{data:(null==_?void 0:_.icebreakers)||[],onSend:ye})}))})),s.jsxs("div",Object.assign({className:k.default("flex flex-col gap-y-2 px-4 py-3","block"===T.formFieldStyle&&"shadow"),style:ce},{children:["idle"===L&&Y.length>0&&s.jsx("div",Object.assign({className:k.default("grid grid-cols-1","viewport"===B?"min-[765px]:grid-cols-2":"@[767px]/pickaxe-root:grid-cols-2")},{children:Y.map((e=>{var r,o,n;return s.jsx(t.Fragment,{children:"document"===e.type?s.jsxs("div",Object.assign({className:"relative gap-x-[10px] flex items-center px-2 h-[56px] border",style:{borderRadius:ce.borderRadius,borderColor:F.secondaryText+"50"}},{children:[s.jsx("div",Object.assign({className:"w-10 h-10 flex items-center justify-center shrink-0",style:{backgroundColor:F.accent,borderRadius:ce.borderRadius}},{children:Z?s.jsx(f.default,{className:"w-5 h-5 animate-spin",style:{color:F.accentText}}):s.jsx(b.default,{className:"w-5 h-5",style:{color:F.accentText}})})),s.jsxs("div",Object.assign({className:"flex flex-col justify-center truncate"},{children:[s.jsx("p",Object.assign({className:(k.default(de.b3),"font-medium truncate")},{children:e.name})),s.jsx("p",Object.assign({className:k.default(de.b4,"opacity-80 truncate")},{children:p.formatBytes(e.size)}))]})),s.jsx("button",Object.assign({type:"button",className:"absolute w-5 h-5 rounded-full -right-2 -top-2 flex items-center justify-center border outline-none disabled:cursor-default",style:{backgroundColor:F.accent,borderColor:ce.backgroundColor},disabled:Z||"idle"!==L,onClick:()=>se([])},{children:s.jsx(j.default,{className:"w-4 h-4",style:{color:F.accentText}})}))]})):"image"===e.type?s.jsxs("div",Object.assign({className:"relative h-[56px] w-[56px] bg-stone-100",style:{borderRadius:ce.borderRadius}},{children:["finished"===e.status?s.jsx("img",{style:{borderRadius:ce.borderRadius},className:"object-cover w-full h-full",src:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/documentinterrogation/${null===(r=e.documentId)||void 0===r?void 0:r.split("-")[2]}/${null===(o=e.documentId)||void 0===o?void 0:o.split("-")[1]}.${null===(n=e.documentId)||void 0===n?void 0:n.split("-")[2]}`,alt:""}):s.jsx("div",{className:"h-full w-full animate-pulse",style:{borderRadius:ce.borderRadius,backgroundColor:F.secondary}}),s.jsx("button",Object.assign({type:"button",className:"absolute w-5 h-5 rounded-full -right-2 -top-2 flex items-center justify-center border outline-none disabled:cursor-default",style:{backgroundColor:F.accent,borderColor:ce.backgroundColor},disabled:Z||"idle"!==L,onClick:()=>se([])},{children:s.jsx(j.default,{className:"w-4 h-4",style:{color:F.accentText}})}))]})):null},e.id)}))})),s.jsxs("div",Object.assign({className:"flex items-end gap-x-2"},{children:[s.jsx(w.default,{className:k.default(de.i1,"max-h-60 min-h-[27px] w-full border-transparent bg-transparent",!ue.length&&"max-h-6 overflow-hidden text-ellipsis whitespace-nowrap"),value:ue,placeholder:null!==(q=null==_?void 0:_.placeholdertext)&&void 0!==q?q:"What do you want to talk about?",onChange:e=>me(e),onKeyDown:e=>{"Enter"===e.key&&(e.shiftKey||(e.preventDefault(),Z||"idle"!==L||ye()))},onFocus:N,onBlur:C}),s.jsxs("div",Object.assign({className:"flex items-center gap-x-2"},{children:["enduserupload"===(null==_?void 0:_.documentuploadtype)&&s.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:be?F.accent+"10":void 0},disabled:Z||"idle"!==L,onClick:()=>{var e;return null===(e=ge.current)||void 0===e?void 0:e.click()}},je,{children:[s.jsx("input",{id:"file-upload",ref:ge,type:"file",accept:[...c.allowedFileMimeTypes,...ee?c.allowedImageMimeTypes:[]].join(", "),multiple:!1,hidden:!0,className:"hidden",onChange:s=>e.__awaiter(void 0,void 0,void 0,(function*(){yield te(Array.from(s.target.files||[])),s.target.value=""}))}),s.jsx(x.default,{className:"h-6 w-6 shrink-0 duration-200 transition-colors ease-in-out",style:{color:be?F.accent:F.accent+"80"}})]})),s.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:(pe||ue.length||Y.length&&Y.every((e=>"finished"===e.status)))&&!$?F.accent:F.accent+"10"},disabled:Z||"idle"!==L,onClick:()=>ye()},xe,{children:s.jsx(v.default,{className:"h-6 w-6 shrink-0 duration-200 transition-colors ease-in-out",style:{color:(pe||ue.length||Y.length&&Y.every((e=>"finished"===e.status)))&&!$?F.accentText:F.accent+"80"}})}))]}))]}))]}))]}))}))};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("../../../hooks/pickaxe/useDimensionContext.js"),r=require("./History/index.js"),i=require("./Input.js");exports.default=()=>{const{width:u,height:o}=t.useDimensionContext(),[n,c]=s.useState(!1);return e.jsxs("div",Object.assign({className:"flex flex-grow flex-col items-center"},{children:[e.jsx(r.default,{hideInfo:o<=545||u<=450||n,isInputFocused:n}),e.jsx(i.default,{isFocused:n,onFocus:()=>c(!0),onBlur:()=>c(!1)})]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("../../../hooks/pickaxe/useDimensionContext.js"),u=require("../Addons/Document/hooks/useDocument.js"),r=require("./History/index.js"),o=require("./Input.js");exports.default=()=>{const{width:i,height:n}=t.useDimensionContext(),{setDocuments:c}=u.useDocument(),[d,x]=s.useState(!1);return s.useEffect((()=>()=>{c([])}),[]),e.jsxs("div",Object.assign({className:"flex flex-grow flex-col items-center"},{children:[e.jsx(r.default,{hideInfo:n<=545||i<=450||d,isInputFocused:d}),e.jsx(o.default,{isFocused:d,onFocus:()=>x(!0),onBlur:()=>x(!1)})]}))};

package/dist/cjs/components/Pickaxe/Form/History/Item.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),o=require("../../../../hooks/pickaxe/usePickaxeContext.js"),t=require("../../../../hooks/pickaxe/useResponseContext.js"),n=require("../../../../hooks/studio/useStyleFontSize.js"),a=require("../../Addons/Document/hooks/useDocument.js"),i=require("date-fns"),l=require("../../common/PickaxeMarkdown/index.js"),r=require("../../common/PickaxeMarkdown/Renderer.js"),c=require("../../../Icons/message-square-notes.svg.js"),d=require("../../../Icons/visitor.svg.js"),u=require("../../common/PickaxeIcon.js"),m=require("../../common/PickaxeSimpleButton.js"),x=require("../../common/PickaxeCopyButton.js"),h=require("../../../../common/cn.js");exports.default=({item:p})=>{const{pickaxe:j,styles:f,colors:g,misc:v,translations:b,setChatId:k,setIsNewChat:y}=o.usePickaxeContext(),{setMessages:w}=t.useResponseContext(),{upsertDocuments:N}=a.useDocument(),q=n.useStyleFontSize(),O=s.useMemo((()=>i.format(p.createdAt,"hh:mm a MMM dd, yy")),[p]),C=s.useMemo((()=>p&&p.messages?p.messages.length:0),[p]),M=s.useMemo((()=>{var e,s,o,t;if("form"===p.type){return(null!==(e=p.questions)&&void 0!==e?e:[]).map((e=>`<div style="display: flex; flex-direction: column; margin-bottom: 1em;">\n  <p style="font-weight: 500;">${e.question}</p>\n  <p>${e.answer||"n/a"}</p>\n</div>`)).join("")}return null!==(t=null===(o=null===(s=p.messages)||void 0===s?void 0:s[0])||void 0===o?void 0:o.message)&&void 0!==t?t:""}),[p]),I=s.useMemo((()=>{var e,s,o,t;return"form"===p.type?null!==(e=p.questionResponse)&&void 0!==e?e:"":null!==(t=null===(o=null===(s=p.messages)||void 0===s?void 0:s[1])||void 0===o?void 0:o.message)&&void 0!==t?t:""}),[p]);return e.jsxs("div",Object.assign({className:"flex flex-col shadow-black transition duration-300 hover:shadow"},{children:[e.jsxs("div",Object.assign({className:"flex gap-x-3 overflow-hidden px-4 py-5",style:{backgroundColor:g.primary,color:g.text}},{children:[e.jsx("div",Object.assign({className:"shrink-0 pt-1"},{children:e.jsx(d.default,{className:"h-6 w-6"})})),e.jsxs("div",Object.assign({className:"flex flex-col gap-y-1 overflow-x-auto pb-1.5 scrollbar-track-gray-100 scrollbar-thumb-[#4A4A4B] lg:max-w-[520px] lg:scrollbar-thin"},{children:[e.jsx("input",{id:`${p.responseId}-input`,type:"checkbox",className:"peer hidden",defaultChecked:M.length<280}),e.jsx("div",{className:"danger-html hidden flex-col peer-checked:flex",dangerouslySetInnerHTML:{__html:M}}),e.jsx("label",Object.assign({htmlFor:`${p.responseId}-input`,className:h.default(q.b3,"mt-1 flex shrink-0 whitespace-nowrap font-semibold peer-checked:hidden hover:cursor-pointer"),style:{color:g.accent}},{children:(null==b?void 0:b["see-input"])||"See input"})),e.jsx("label",Object.assign({htmlFor:`${p.responseId}-input`,className:h.default(q.b3,"hidden shrink-0 whitespace-nowrap font-semibold peer-checked:flex hover:cursor-pointer"),style:{color:g.accent}},{children:(null==b?void 0:b["hide-input"])||"Hide input"}))]}))]})),e.jsxs("div",Object.assign({className:"flex gap-x-3 px-4 py-5",style:{backgroundColor:g.secondary,color:g.secondaryText}},{children:[v.isChatImage&&e.jsx(u.default,{src:null==j?void 0:j.chaticon,alt:`${null==j?void 0:j.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6 pt-1",textColor:g.secondaryText}),e.jsxs("div",Object.assign({className:"flex w-full flex-col gap-y-2 overflow-hidden"},{children:[e.jsx(l.PickaxeMarkdown,Object.assign({theme:f.theme,accentColor:g.accent,linkPreviews:!0,actions:!0},{children:e.jsx(r.PickaxeMarkdownRenderer,{className:"overflow-x-auto pb-2 font-semilight opacity-90 scrollbar scrollbar-thin",value:I})})),e.jsxs("div",Object.assign({className:"flex flex-wrap items-center justify-between gap-x-3 gap-y-1"},{children:[e.jsxs("div",Object.assign({className:"flex items-center gap-3"},{children:[(null==j?void 0:j.enablechatresponses)&&e.jsxs(m.default,Object.assign({color:g.accent,onClick:()=>{return e=p.responseId,N([]),w([]),y(!1),void k(e);var e}},{children:[e.jsx(c.default,{className:"h-4 w-4 shrink-0"}),e.jsx("p",Object.assign({className:h.default(q.b3,"font-semibold")},{children:C+1}))]})),e.jsx(x.default,{color:g.accent,text:I})]})),e.jsx("div",Object.assign({className:"flex shrink-0 grow justify-end"},{children:e.jsx("p",Object.assign({className:h.default(q.b3,"font-semibold uppercase opacity-30")},{children:O}))}))]}))]}))]}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),o=require("../../../../hooks/pickaxe/usePickaxeContext.js"),t=require("../../../../hooks/pickaxe/useResponseContext.js"),n=require("../../../../hooks/studio/useStyleFontSize.js"),a=require("../../Addons/Document/hooks/useDocument.js"),i=require("date-fns"),l=require("../../common/PickaxeMarkdown/index.js"),r=require("../../common/PickaxeMarkdown/Renderer.js"),c=require("../../../Icons/message-square-notes.svg.js"),d=require("../../../Icons/visitor.svg.js"),u=require("../../common/PickaxeIcon.js"),m=require("../../common/PickaxeSimpleButton.js"),x=require("../../common/PickaxeCopyButton.js"),h=require("../../../../common/cn.js");exports.default=({item:p})=>{const{pickaxe:j,styles:f,colors:g,misc:v,translations:b,setChatId:k,setIsNewChat:y}=o.usePickaxeContext(),{setMessages:w}=t.useResponseContext(),{setDocuments:N}=a.useDocument(),q=n.useStyleFontSize(),O=s.useMemo((()=>i.format(p.createdAt,"hh:mm a MMM dd, yy")),[p]),C=s.useMemo((()=>p&&p.messages?p.messages.length:0),[p]),M=s.useMemo((()=>{var e,s,o,t;if("form"===p.type){return(null!==(e=p.questions)&&void 0!==e?e:[]).map((e=>`<div style="display: flex; flex-direction: column; margin-bottom: 1em;">\n  <p style="font-weight: 500;">${e.question}</p>\n  <p>${e.answer||"n/a"}</p>\n</div>`)).join("")}return null!==(t=null===(o=null===(s=p.messages)||void 0===s?void 0:s[0])||void 0===o?void 0:o.message)&&void 0!==t?t:""}),[p]),I=s.useMemo((()=>{var e,s,o,t;return"form"===p.type?null!==(e=p.questionResponse)&&void 0!==e?e:"":null!==(t=null===(o=null===(s=p.messages)||void 0===s?void 0:s[1])||void 0===o?void 0:o.message)&&void 0!==t?t:""}),[p]);return e.jsxs("div",Object.assign({className:"flex flex-col shadow-black transition duration-300 hover:shadow"},{children:[e.jsxs("div",Object.assign({className:"flex gap-x-3 overflow-hidden px-4 py-5",style:{backgroundColor:g.primary,color:g.text}},{children:[e.jsx("div",Object.assign({className:"shrink-0 pt-1"},{children:e.jsx(d.default,{className:"h-6 w-6"})})),e.jsxs("div",Object.assign({className:"flex flex-col gap-y-1 overflow-x-auto pb-1.5 scrollbar-track-gray-100 scrollbar-thumb-[#4A4A4B] lg:max-w-[520px] lg:scrollbar-thin"},{children:[e.jsx("input",{id:`${p.responseId}-input`,type:"checkbox",className:"peer hidden",defaultChecked:M.length<280}),e.jsx("div",{className:"danger-html hidden flex-col peer-checked:flex",dangerouslySetInnerHTML:{__html:M}}),e.jsx("label",Object.assign({htmlFor:`${p.responseId}-input`,className:h.default(q.b3,"mt-1 flex shrink-0 whitespace-nowrap font-semibold peer-checked:hidden hover:cursor-pointer"),style:{color:g.accent}},{children:(null==b?void 0:b["see-input"])||"See input"})),e.jsx("label",Object.assign({htmlFor:`${p.responseId}-input`,className:h.default(q.b3,"hidden shrink-0 whitespace-nowrap font-semibold peer-checked:flex hover:cursor-pointer"),style:{color:g.accent}},{children:(null==b?void 0:b["hide-input"])||"Hide input"}))]}))]})),e.jsxs("div",Object.assign({className:"flex gap-x-3 px-4 py-5",style:{backgroundColor:g.secondary,color:g.secondaryText}},{children:[v.isChatImage&&e.jsx(u.default,{src:null==j?void 0:j.chaticon,alt:`${null==j?void 0:j.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6 pt-1",textColor:g.secondaryText}),e.jsxs("div",Object.assign({className:"flex w-full flex-col gap-y-2 overflow-hidden"},{children:[e.jsx(l.PickaxeMarkdown,Object.assign({theme:f.theme,accentColor:g.accent,linkPreviews:!0,actions:!0},{children:e.jsx(r.PickaxeMarkdownRenderer,{className:"overflow-x-auto pb-2 font-semilight opacity-90 scrollbar scrollbar-thin",value:I})})),e.jsxs("div",Object.assign({className:"flex flex-wrap items-center justify-between gap-x-3 gap-y-1"},{children:[e.jsxs("div",Object.assign({className:"flex items-center gap-3"},{children:[(null==j?void 0:j.enablechatresponses)&&e.jsxs(m.default,Object.assign({color:g.accent,onClick:()=>{return e=p.responseId,N([]),w([]),y(!1),void k(e);var e}},{children:[e.jsx(c.default,{className:"h-4 w-4 shrink-0"}),e.jsx("p",Object.assign({className:h.default(q.b3,"font-semibold")},{children:C+1}))]})),e.jsx(x.default,{color:g.accent,text:I})]})),e.jsx("div",Object.assign({className:"flex shrink-0 grow justify-end"},{children:e.jsx("p",Object.assign({className:h.default(q.b3,"font-semibold uppercase opacity-30")},{children:O}))}))]}))]}))]}))]}))};

package/dist/cjs/components/Pickaxe/Form/History/Response.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),o=require("../../../../hooks/pickaxe/usePickaxeContext.js"),t=require("../../../../hooks/pickaxe/useResponseContext.js"),n=require("../../Addons/Scroll/hooks/useScrollContext.js"),r=require("../../../../hooks/studio/useStyleFontSize.js"),a=require("../../Addons/Document/hooks/useDocument.js"),l=require("date-fns"),i=require("../../common/PickaxeMarkdown/index.js"),c=require("../../common/PickaxeMarkdown/Renderer.js"),d=require("../../../Icons/message-square-notes.svg.js"),u=require("../../../Icons/visitor.svg.js"),x=require("../../common/PickaxeIcon.js"),h=require("../../common/PickaxeSimpleButton.js"),m=require("../../common/PickaxeCopyButton.js"),p=require("../../Addons/Scroll/ScrollLockView.js"),j=require("../../../../common/cn.js");exports.default=()=>{var f;const{pickaxe:g,styles:b,colors:k,misc:v,translations:y,setChatId:w,setIsNewChat:q}=o.usePickaxeContext(),{response:N,setMessages:C}=t.useResponseContext(),{scrollTargetRef:O}=n.useScrollContext(),M=r.useStyleFontSize(),{upsertDocuments:I}=a.useDocument(),S=s.useMemo((()=>N?l.format(N.createdAt,"hh:mm a MMM dd, yy"):l.format(new Date,"hh:mm a MMM dd, yy")),[N]),P=s.useMemo((()=>{var e;if(!N)return"";return(null!==(e=N.questions)&&void 0!==e?e:[]).map((e=>`<div style="display: flex; flex-direction: column; margin-bottom: 1em;">\n  <p style="font-weight: 500;">${e.question}</p>\n  <p>${e.answer||"n/a"}</p>\n</div>`)).join("")}),[N]);return N?e.jsxs("div",Object.assign({ref:O,className:"flex flex-col shadow-black transition duration-300 hover:shadow"},{children:[e.jsxs("div",Object.assign({className:"flex gap-x-3 overflow-hidden px-4 py-5",style:{backgroundColor:k.primary,color:k.text}},{children:[e.jsx("div",Object.assign({className:"shrink-0 pt-1"},{children:e.jsx(u.default,{className:"h-6 w-6"})})),e.jsxs("div",Object.assign({className:"flex flex-col gap-y-1 overflow-x-auto pb-[6px] scrollbar scrollbar-thin"},{children:[e.jsx("input",{id:`${N.responseId}-input`,type:"checkbox",className:"peer hidden",defaultChecked:P.length<280}),e.jsx("div",{className:"danger-html hidden flex-col opacity-50 peer-checked:flex",dangerouslySetInnerHTML:{__html:P}}),e.jsx("label",Object.assign({htmlFor:`${N.responseId}-input`,className:j.default(M.b3,"mt-1 flex shrink-0 whitespace-nowrap font-semibold text-[#228DD7] peer-checked:hidden hover:cursor-pointer"),style:{color:k.accent}},{children:(null==y?void 0:y["see-input"])||"See input"})),e.jsx("label",Object.assign({htmlFor:`${N.responseId}-input`,className:j.default(M.b3,"hidden shrink-0 whitespace-nowrap font-semibold text-[#228DD7] peer-checked:flex hover:cursor-pointer"),style:{color:k.accent}},{children:(null==y?void 0:y["hide-input"])||"Hide input"}))]}))]})),e.jsxs("div",Object.assign({className:"flex gap-x-3 px-4 py-5",style:{backgroundColor:k.secondary,color:k.secondaryText}},{children:[v.isChatImage&&e.jsx(x.default,{src:null==g?void 0:g.chaticon,alt:`${null==g?void 0:g.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6 pt-1",textColor:k.secondaryText}),e.jsxs("div",Object.assign({className:"flex w-full flex-col gap-y-2 overflow-hidden"},{children:[e.jsx(i.PickaxeMarkdown,Object.assign({theme:b.theme,accentColor:k.accent,linkPreviews:!0,actions:!0},{children:e.jsx(c.PickaxeMarkdownRenderer,{className:"overflow-x-auto pb-2 font-semilight opacity-90 scrollbar scrollbar-thin",value:N.questionResponse})})),e.jsxs("div",Object.assign({className:"flex flex-wrap items-center justify-between gap-x-3 gap-y-1"},{children:[e.jsxs("div",Object.assign({className:"flex items-center gap-3"},{children:[(null==g?void 0:g.enablechatresponses)&&e.jsxs(h.default,Object.assign({color:k.accent,onClick:()=>{return e=N.responseId,I([]),C([]),q(!1),void w(e);var e}},{children:[e.jsx(d.default,{className:"h-4 w-4 shrink-0"}),e.jsx("p",Object.assign({className:j.default(M.b3,"font-semibold")},{children:N.messages.length+1}))]})),e.jsx(m.default,{color:k.accent,text:null!==(f=N.questionResponse)&&void 0!==f?f:""})]})),e.jsx("div",Object.assign({className:"flex shrink-0 grow justify-end"},{children:e.jsx("p",Object.assign({className:j.default(M.b3,"font-semibold uppercase opacity-30")},{children:S}))}))]}))]}))]})),e.jsx(p.default,{className:"w-full"})]})):null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),o=require("../../../../hooks/pickaxe/usePickaxeContext.js"),t=require("../../../../hooks/pickaxe/useResponseContext.js"),n=require("../../Addons/Scroll/hooks/useScrollContext.js"),r=require("../../../../hooks/studio/useStyleFontSize.js"),a=require("../../Addons/Document/hooks/useDocument.js"),l=require("date-fns"),i=require("../../common/PickaxeMarkdown/index.js"),c=require("../../common/PickaxeMarkdown/Renderer.js"),d=require("../../../Icons/message-square-notes.svg.js"),u=require("../../../Icons/visitor.svg.js"),x=require("../../common/PickaxeIcon.js"),h=require("../../common/PickaxeSimpleButton.js"),m=require("../../common/PickaxeCopyButton.js"),p=require("../../Addons/Scroll/ScrollLockView.js"),j=require("../../../../common/cn.js");exports.default=()=>{var f;const{pickaxe:g,styles:b,colors:k,misc:v,translations:y,setChatId:w,setIsNewChat:q}=o.usePickaxeContext(),{response:N,setMessages:C}=t.useResponseContext(),{scrollTargetRef:O}=n.useScrollContext(),{setDocuments:M}=a.useDocument(),I=r.useStyleFontSize(),S=s.useMemo((()=>N?l.format(N.createdAt,"hh:mm a MMM dd, yy"):l.format(new Date,"hh:mm a MMM dd, yy")),[N]),P=s.useMemo((()=>{var e;if(!N)return"";return(null!==(e=N.questions)&&void 0!==e?e:[]).map((e=>`<div style="display: flex; flex-direction: column; margin-bottom: 1em;">\n  <p style="font-weight: 500;">${e.question}</p>\n  <p>${e.answer||"n/a"}</p>\n</div>`)).join("")}),[N]);return N?e.jsxs("div",Object.assign({ref:O,className:"flex flex-col shadow-black transition duration-300 hover:shadow"},{children:[e.jsxs("div",Object.assign({className:"flex gap-x-3 overflow-hidden px-4 py-5",style:{backgroundColor:k.primary,color:k.text}},{children:[e.jsx("div",Object.assign({className:"shrink-0 pt-1"},{children:e.jsx(u.default,{className:"h-6 w-6"})})),e.jsxs("div",Object.assign({className:"flex flex-col gap-y-1 overflow-x-auto pb-[6px] scrollbar scrollbar-thin"},{children:[e.jsx("input",{id:`${N.responseId}-input`,type:"checkbox",className:"peer hidden",defaultChecked:P.length<280}),e.jsx("div",{className:"danger-html hidden flex-col opacity-50 peer-checked:flex",dangerouslySetInnerHTML:{__html:P}}),e.jsx("label",Object.assign({htmlFor:`${N.responseId}-input`,className:j.default(I.b3,"mt-1 flex shrink-0 whitespace-nowrap font-semibold text-[#228DD7] peer-checked:hidden hover:cursor-pointer"),style:{color:k.accent}},{children:(null==y?void 0:y["see-input"])||"See input"})),e.jsx("label",Object.assign({htmlFor:`${N.responseId}-input`,className:j.default(I.b3,"hidden shrink-0 whitespace-nowrap font-semibold text-[#228DD7] peer-checked:flex hover:cursor-pointer"),style:{color:k.accent}},{children:(null==y?void 0:y["hide-input"])||"Hide input"}))]}))]})),e.jsxs("div",Object.assign({className:"flex gap-x-3 px-4 py-5",style:{backgroundColor:k.secondary,color:k.secondaryText}},{children:[v.isChatImage&&e.jsx(x.default,{src:null==g?void 0:g.chaticon,alt:`${null==g?void 0:g.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6 pt-1",textColor:k.secondaryText}),e.jsxs("div",Object.assign({className:"flex w-full flex-col gap-y-2 overflow-hidden"},{children:[e.jsx(i.PickaxeMarkdown,Object.assign({theme:b.theme,accentColor:k.accent,linkPreviews:!0,actions:!0},{children:e.jsx(c.PickaxeMarkdownRenderer,{className:"overflow-x-auto pb-2 font-semilight opacity-90 scrollbar scrollbar-thin",value:N.questionResponse})})),e.jsxs("div",Object.assign({className:"flex flex-wrap items-center justify-between gap-x-3 gap-y-1"},{children:[e.jsxs("div",Object.assign({className:"flex items-center gap-3"},{children:[(null==g?void 0:g.enablechatresponses)&&e.jsxs(h.default,Object.assign({color:k.accent,onClick:()=>{return e=N.responseId,M([]),C([]),q(!1),void w(e);var e}},{children:[e.jsx(d.default,{className:"h-4 w-4 shrink-0"}),e.jsx("p",Object.assign({className:j.default(I.b3,"font-semibold")},{children:N.messages.length+1}))]})),e.jsx(m.default,{color:k.accent,text:null!==(f=N.questionResponse)&&void 0!==f?f:""})]})),e.jsx("div",Object.assign({className:"flex shrink-0 grow justify-end"},{children:e.jsx("p",Object.assign({className:j.default(I.b3,"font-semibold uppercase opacity-30")},{children:S}))}))]}))]}))]})),e.jsx(p.default,{className:"w-full"})]})):null};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("react"),l=require("../../../../hooks/pickaxe/usePickaxeContext.js"),a=require("../../../../hooks/studio/useStyleInput.js"),r=require("../../../../hooks/studio/useStyleFontSize.js"),o=require("../../Addons/Document/hooks/useDocument.js"),i=require("../../../../hooks/core/useHover.js"),n=require("../../../../common/documents.js"),c=require("../../../../common/utils.js"),d=require("../../../Icons/attach-vertical.svg.js"),u=require("../../../Icons/check.svg.js"),b=require("../../../Icons/spinner-lines.svg.js"),m=require("../../../Icons/file.svg.js"),x=require("../../../Icons/x.svg.js"),j=require("../../../Icons/link.svg.js"),f=require("../../../Core/ErrorAlert.js"),p=require("../../../../common/cn.js");exports.default=({field:h,update:g})=>{var y;const v=r.useStyleFontSize(),{colors:w,styles:N,translations:k,responsiveBy:O}=l.usePickaxeContext(),C=i.useHover(),{isHover:q}=C,I=e.__rest(C,["isHover"]),{documents:R,documentError:T,websiteLink:_,isUploading:D,isImageUploadAllowed:F,upsertDocuments:S,setDocumentError:A,setWebsiteLink:U,onFileUpload:z,onWebsiteUpload:E}=o.useDocument({onQuestionChange:e=>{g(Object.assign(Object.assign({},h),e))}}),[H,P]=t.useState(!1),B=t.useRef(null),L=a.useStyleInput();return s.jsxs("div",Object.assign({className:"flex flex-col gap-y-4"},{children:[s.jsxs("div",Object.assign({className:"flex flex-col gap-y-2"},{children:[s.jsxs("div",Object.assign({className:"flex items-center gap-1"},{children:[s.jsx("p",Object.assign({className:p.default(v.b3,"font-semibold opacity-70")},{children:h.main})),h.isRequired&&s.jsx("span",Object.assign({className:"select-none font-semibold",style:{color:w.error}},{children:"*"}))]})),s.jsxs("div",Object.assign({className:"flex flex-col gap-y-2"},{children:[s.jsx("input",{ref:B,type:"file",accept:[...n.allowedFileMimeTypes,...F?n.allowedImageMimeTypes:[]].join(", "),id:h.id,hidden:!0,multiple:!1,className:"hidden",onChange:s=>e.__awaiter(void 0,void 0,void 0,(function*(){yield z(Array.from(s.target.files||[])),s.target.value=""})),disabled:D}),s.jsxs("div",Object.assign({className:p.default("flex items-center justify-between rounded-sm border border-transparent bg-white py-3 pl-4 pr-3 duration-300 ease-in-out transition-all",H&&"block"===N.formFieldStyle&&"shadow","block"===N.formFieldStyle&&"shadow hover:shadow-none"),style:L},{children:[s.jsx("input",{type:"text",value:_,className:p.default(v.i1,"w-full outline-none ring-0 bg-transparent placeholder:text-inherit placeholder:opacity-50"),placeholder:null!==(y=null==k?void 0:k["form-doc-placeholder"])&&void 0!==y?y:"Paste a website/video link or drag a file",onChange:e=>U(e.target.value),onDrop:s=>e.__awaiter(void 0,void 0,void 0,(function*(){s.preventDefault(),yield z(Array.from(s.dataTransfer.files||[]))})),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),E(_))},onFocus:()=>P(!0),onBlur:()=>P(!1)}),s.jsx("div",Object.assign({className:"flex items-center gap-3 pl-4"},{children:_.length>0?s.jsxs(s.Fragment,{children:[s.jsx("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:D,onClick:()=>E(_)},{children:s.jsx(u.default,{className:"h-5 w-5 shrink-0",style:{color:w.accent}})})),s.jsx("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:D,onClick:()=>{U(""),A("")}},{children:s.jsx(x.default,{className:"h-6 w-6 shrink-0",style:{color:w.accent}})}))]}):s.jsx("button",Object.assign({className:"outline-none disabled:cursor-default w-8 h-8 flex items-center justify-center rounded-full transition-colors duration-200 ease-in-out",disabled:D,onClick:()=>{var e;null===(e=B.current)||void 0===e||e.click()},style:{backgroundColor:q?w.accent+"10":void 0}},I,{children:s.jsx(d.default,{className:"h-6 w-6 shrink-0",style:{color:q?w.accent:w.accent+"80"}})}))}))]}))]}))]})),R.length>0&&s.jsx("div",Object.assign({className:p.default("flex gap-4","viewport"===O?"min-[765px]:flex-col":"@[767px]/pickaxe-root:flex-col")},{children:R.map((e=>{var l,a,r;return s.jsx(t.Fragment,{children:"document"===e.type?s.jsxs("div",Object.assign({className:"relative w-full max-w-[350px] gap-x-[10px] flex items-center px-2 h-[56px] border",style:L},{children:[s.jsx("div",Object.assign({className:"w-10 h-10 flex items-center justify-center shrink-0",style:{backgroundColor:w.accent,borderRadius:L.borderRadius}},{children:D?s.jsx(b.default,{className:"w-5 h-5 animate-spin",style:{color:w.accentText}}):s.jsx(m.default,{className:"w-5 h-5",style:{color:w.accentText}})})),s.jsxs("div",Object.assign({className:"flex flex-col justify-center truncate"},{children:[s.jsx("p",Object.assign({className:(p.default(v.b3),"font-medium truncate")},{children:e.name})),s.jsx("p",Object.assign({className:p.default(v.b4,"opacity-80 truncate")},{children:c.formatBytes(e.size)}))]})),s.jsx("button",Object.assign({type:"button",disabled:D,onClick:()=>S([]),className:"absolute w-5 h-5 rounded-full -right-2 -top-2 flex items-center justify-center border outline-none disabled:cursor-default",style:{backgroundColor:w.accent,borderColor:L.backgroundColor}},{children:s.jsx(x.default,{className:"w-4 h-4",style:{color:w.accentText}})}))]})):"image"===e.type?s.jsxs("div",Object.assign({className:"relative h-[56px] w-[56px] bg-stone-100",style:{borderRadius:L.borderRadius}},{children:["finished"===e.status?s.jsx("img",{style:{borderRadius:L.borderRadius},className:"object-cover w-full h-full",src:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/documentinterrogation/${null===(l=e.documentId)||void 0===l?void 0:l.split("-")[2]}/${null===(a=e.documentId)||void 0===a?void 0:a.split("-")[1]}.${null===(r=e.documentId)||void 0===r?void 0:r.split("-")[2]}`,alt:""}):s.jsx("div",{className:"h-full w-full animate-pulse",style:{borderRadius:L.borderRadius,backgroundColor:w.secondary}}),s.jsx("button",Object.assign({type:"button",disabled:D,onClick:()=>S([]),className:"absolute w-5 h-5 rounded-full -right-2 -top-2 flex items-center justify-center border outline-none disabled:cursor-default",style:{backgroundColor:w.accent,borderColor:L.backgroundColor}},{children:s.jsx(x.default,{className:"w-4 h-4",style:{color:w.accentText}})}))]})):"website"===e.type?s.jsxs("div",Object.assign({className:"relative w-full max-w-[350px] gap-x-[10px] flex items-center px-2 h-[56px] border",style:L},{children:[s.jsx("div",Object.assign({className:"w-10 h-10 flex items-center justify-center shrink-0",style:{backgroundColor:w.accent,borderRadius:L.borderRadius}},{children:D?s.jsx(b.default,{className:"w-5 h-5 animate-spin",style:{color:w.accentText}}):s.jsx(j.default,{className:"w-5 h-5",style:{color:w.accentText}})})),s.jsxs("div",Object.assign({className:"flex flex-col justify-center truncate"},{children:[s.jsx("p",Object.assign({className:(p.default(v.b3),"font-medium truncate")},{children:new URL(e.name).hostname})),s.jsx("p",Object.assign({className:p.default(v.b4,"opacity-80 truncate")},{children:(null==k?void 0:k.website)||"Website"}))]})),s.jsx("button",Object.assign({type:"button",disabled:D,onClick:()=>S([]),className:"absolute w-5 h-5 rounded-full -right-2 -top-2 flex items-center justify-center border outline-none disabled:cursor-default",style:{backgroundColor:w.accent,borderColor:L.backgroundColor}},{children:s.jsx(x.default,{className:"w-4 h-4",style:{color:w.accentText}})}))]})):null},e.id)}))})),T&&s.jsx(f.default,{error:T,className:"mt-3"})]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("react"),l=require("../../../../hooks/pickaxe/usePickaxeContext.js"),a=require("../../../../hooks/studio/useStyleInput.js"),r=require("../../../../hooks/studio/useStyleFontSize.js"),o=require("../../Addons/Document/hooks/useDocument.js"),i=require("../../../../hooks/core/useHover.js"),n=require("../../../../common/documents.js"),c=require("../../../../common/utils.js"),d=require("../../../Icons/attach-vertical.svg.js"),u=require("../../../Icons/check.svg.js"),b=require("../../../Icons/spinner-lines.svg.js"),m=require("../../../Icons/file.svg.js"),x=require("../../../Icons/x.svg.js"),j=require("../../../Icons/link.svg.js"),f=require("../../../Core/ErrorAlert.js"),p=require("../../../../common/cn.js");exports.default=({field:h,update:g})=>{var y;const v=r.useStyleFontSize(),{colors:w,styles:N,translations:k,responsiveBy:O}=l.usePickaxeContext(),C=i.useHover(),{isHover:q}=C,I=e.__rest(C,["isHover"]),{documents:R,documentError:T,websiteLink:_,isUploading:D,isImageUploadAllowed:F,setDocuments:S,setDocumentError:A,setWebsiteLink:U,onFileUpload:z,onWebsiteUpload:E}=o.useDocument({onQuestionChange:e=>{g(Object.assign(Object.assign({},h),e))}}),[H,P]=t.useState(!1),B=t.useRef(null),L=a.useStyleInput();return s.jsxs("div",Object.assign({className:"flex flex-col gap-y-4"},{children:[s.jsxs("div",Object.assign({className:"flex flex-col gap-y-2"},{children:[s.jsxs("div",Object.assign({className:"flex items-center gap-1"},{children:[s.jsx("p",Object.assign({className:p.default(v.b3,"font-semibold opacity-70")},{children:h.main})),h.isRequired&&s.jsx("span",Object.assign({className:"select-none font-semibold",style:{color:w.error}},{children:"*"}))]})),s.jsxs("div",Object.assign({className:"flex flex-col gap-y-2"},{children:[s.jsx("input",{ref:B,type:"file",accept:[...n.allowedFileMimeTypes,...F?n.allowedImageMimeTypes:[]].join(", "),id:h.id,hidden:!0,multiple:!1,className:"hidden",onChange:s=>e.__awaiter(void 0,void 0,void 0,(function*(){yield z(Array.from(s.target.files||[])),s.target.value=""})),disabled:D}),s.jsxs("div",Object.assign({className:p.default("flex items-center justify-between rounded-sm border border-transparent bg-white py-3 pl-4 pr-3 duration-300 ease-in-out transition-all",H&&"block"===N.formFieldStyle&&"shadow","block"===N.formFieldStyle&&"shadow hover:shadow-none"),style:L},{children:[s.jsx("input",{type:"text",value:_,className:p.default(v.i1,"w-full outline-none ring-0 bg-transparent placeholder:text-inherit placeholder:opacity-50"),placeholder:null!==(y=null==k?void 0:k["form-doc-placeholder"])&&void 0!==y?y:"Paste a website/video link or drag a file",onChange:e=>U(e.target.value),onDrop:s=>e.__awaiter(void 0,void 0,void 0,(function*(){s.preventDefault(),yield z(Array.from(s.dataTransfer.files||[]))})),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),E(_))},onFocus:()=>P(!0),onBlur:()=>P(!1)}),s.jsx("div",Object.assign({className:"flex items-center gap-3 pl-4"},{children:_.length>0?s.jsxs(s.Fragment,{children:[s.jsx("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:D,onClick:()=>E(_)},{children:s.jsx(u.default,{className:"h-5 w-5 shrink-0",style:{color:w.accent}})})),s.jsx("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:D,onClick:()=>{U(""),A("")}},{children:s.jsx(x.default,{className:"h-6 w-6 shrink-0",style:{color:w.accent}})}))]}):s.jsx("button",Object.assign({className:"outline-none disabled:cursor-default w-8 h-8 flex items-center justify-center rounded-full transition-colors duration-200 ease-in-out",disabled:D,onClick:()=>{var e;null===(e=B.current)||void 0===e||e.click()},style:{backgroundColor:q?w.accent+"10":void 0}},I,{children:s.jsx(d.default,{className:"h-6 w-6 shrink-0",style:{color:q?w.accent:w.accent+"80"}})}))}))]}))]}))]})),R.length>0&&s.jsx("div",Object.assign({className:p.default("flex gap-4","viewport"===O?"min-[765px]:flex-col":"@[767px]/pickaxe-root:flex-col")},{children:R.map((e=>{var l,a,r;return s.jsx(t.Fragment,{children:"document"===e.type?s.jsxs("div",Object.assign({className:"relative w-full max-w-[350px] gap-x-[10px] flex items-center px-2 h-[56px] border",style:L},{children:[s.jsx("div",Object.assign({className:"w-10 h-10 flex items-center justify-center shrink-0",style:{backgroundColor:w.accent,borderRadius:L.borderRadius}},{children:D?s.jsx(b.default,{className:"w-5 h-5 animate-spin",style:{color:w.accentText}}):s.jsx(m.default,{className:"w-5 h-5",style:{color:w.accentText}})})),s.jsxs("div",Object.assign({className:"flex flex-col justify-center truncate"},{children:[s.jsx("p",Object.assign({className:(p.default(v.b3),"font-medium truncate")},{children:e.name})),s.jsx("p",Object.assign({className:p.default(v.b4,"opacity-80 truncate")},{children:c.formatBytes(e.size)}))]})),s.jsx("button",Object.assign({type:"button",disabled:D,onClick:()=>S([]),className:"absolute w-5 h-5 rounded-full -right-2 -top-2 flex items-center justify-center border outline-none disabled:cursor-default",style:{backgroundColor:w.accent,borderColor:L.backgroundColor}},{children:s.jsx(x.default,{className:"w-4 h-4",style:{color:w.accentText}})}))]})):"image"===e.type?s.jsxs("div",Object.assign({className:"relative h-[56px] w-[56px] bg-stone-100",style:{borderRadius:L.borderRadius}},{children:["finished"===e.status?s.jsx("img",{style:{borderRadius:L.borderRadius},className:"object-cover w-full h-full",src:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/documentinterrogation/${null===(l=e.documentId)||void 0===l?void 0:l.split("-")[2]}/${null===(a=e.documentId)||void 0===a?void 0:a.split("-")[1]}.${null===(r=e.documentId)||void 0===r?void 0:r.split("-")[2]}`,alt:""}):s.jsx("div",{className:"h-full w-full animate-pulse",style:{borderRadius:L.borderRadius,backgroundColor:w.secondary}}),s.jsx("button",Object.assign({type:"button",disabled:D,onClick:()=>S([]),className:"absolute w-5 h-5 rounded-full -right-2 -top-2 flex items-center justify-center border outline-none disabled:cursor-default",style:{backgroundColor:w.accent,borderColor:L.backgroundColor}},{children:s.jsx(x.default,{className:"w-4 h-4",style:{color:w.accentText}})}))]})):"website"===e.type?s.jsxs("div",Object.assign({className:"relative w-full max-w-[350px] gap-x-[10px] flex items-center px-2 h-[56px] border",style:L},{children:[s.jsx("div",Object.assign({className:"w-10 h-10 flex items-center justify-center shrink-0",style:{backgroundColor:w.accent,borderRadius:L.borderRadius}},{children:D?s.jsx(b.default,{className:"w-5 h-5 animate-spin",style:{color:w.accentText}}):s.jsx(j.default,{className:"w-5 h-5",style:{color:w.accentText}})})),s.jsxs("div",Object.assign({className:"flex flex-col justify-center truncate"},{children:[s.jsx("p",Object.assign({className:(p.default(v.b3),"font-medium truncate")},{children:new URL(e.name).hostname})),s.jsx("p",Object.assign({className:p.default(v.b4,"opacity-80 truncate")},{children:(null==k?void 0:k.website)||"Website"}))]})),s.jsx("button",Object.assign({type:"button",disabled:D,onClick:()=>S([]),className:"absolute w-5 h-5 rounded-full -right-2 -top-2 flex items-center justify-center border outline-none disabled:cursor-default",style:{backgroundColor:w.accent,borderColor:L.backgroundColor}},{children:s.jsx(x.default,{className:"w-4 h-4",style:{color:w.accentText}})}))]})):null},e.id)}))})),T&&s.jsx(f.default,{error:T,className:"mt-3"})]}))};

package/dist/cjs/components/Pickaxe/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("../../hooks/pickaxe/usePickaxe.js"),r=require("react"),a=require("../../hooks/pickaxe/usePickaxeContext.js"),o=require("../../hooks/pickaxe/useResponseContext.js"),l=require("../../hooks/pickaxe/useDimensionContext.js"),n=require("../../common/utils.js"),i=require("./Addons/Scroll/Provider.js"),c=require("./Chat/index.js"),u=require("./Form/index.js"),f=require("../../common/cn.js"),d=require("../Core/Skeleton.js");function x(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(s){if("default"!==s){var r=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,r.get?r:{enumerable:!0,get:function(){return e[s]}})}})),t.default=e,Object.freeze(t)}exports.Pickaxe=({formId:p,className:m})=>{const{chatId:j,styles:h,colors:w,loadFont:k,responsiveBy:b,isFontLoaded:v,setFormId:g,setChatId:q,setPickaxe:O,setIsFontLoaded:P}=a.usePickaxeContext(),{setMessages:y,setResponse:C}=o.useResponseContext(),{setWidth:N,setHeight:R,setIsMobile:_}=l.useDimensionContext(),[F,I]=r.useState(!1),E=s.usePickaxe(),M=r.useRef(null);return r.useEffect((()=>{g(p)}),[p]),r.useEffect((()=>{if(!E.data)return;const e=E.data.chatflag;q(e?n.generateId(15):""),e?y([]):C(null),O(E.data),I(!0)}),[E.data]),r.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){"undefined"!=typeof window&&(v||k&&"Real Head Pro"!==h.font&&((yield Promise.resolve().then((function(){return x(require("webfontloader"))}))).default.load({google:{families:[h.font]}}),P(!0)))}))}),[h.font,k,v]),r.useEffect((()=>{if(!M.current)return;const e=new ResizeObserver((e=>{for(const t of e){const{width:e,height:s}=t.contentRect;N(e),R(s),_(e<768)}}));return e.observe(M.current),()=>{e.disconnect()}}),[M.current]),E.data?t.jsx("div",Object.assign({ref:M,className:f.default("relative @container/pickaxe-root flex flex-col flex-grow w-full h-full",m,"dark"===h.theme&&"dark"),style:Object.assign({backgroundColor:w.primary,color:w.text},h.font&&"Real Head Pro"!==h.font&&{fontFamily:h.font})},{children:F?t.jsx(t.Fragment,{children:j?t.jsx(i.default,{children:t.jsx(c.default,{})}):t.jsx(i.default,{children:t.jsx(u.default,{})})}):t.jsx("div",Object.assign({className:f.default("flex items-center flex-col w-full pt-12 px-4 pb-10","viewport"===b?"min-[767px]:pb-40":"@[767px]/pickaxe-root:pb-40")},{children:t.jsxs("div",Object.assign({className:"flex w-full items-center max-w-[700px] flex-col"},{children:[t.jsx(d.default,{className:"w-[72px] h-[72px]"}),t.jsx(d.default,{className:"h-[20px] mt-6 w-full"}),t.jsx(d.default,{className:"h-[20px] mt-2 w-full"}),t.jsx(d.default,{className:"h-[20px] mt-2 w-full max-w-[400px]"}),t.jsx("div",Object.assign({className:"flex flex-col gap-y-8 w-full mt-6"},{children:t.jsx(d.default,{className:f.default("w-full min-h-[48px]","viewport"===b?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]")})}))]}))}))})):null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("../../hooks/pickaxe/usePickaxe.js"),r=require("react"),a=require("../../hooks/pickaxe/usePickaxeContext.js"),o=require("../../hooks/pickaxe/useResponseContext.js"),i=require("../../hooks/pickaxe/useDimensionContext.js"),l=require("../../common/utils.js"),n=require("./Addons/Scroll/Provider.js"),c=require("./Chat/index.js"),u=require("./Form/index.js"),f=require("../../common/cn.js"),d=require("../Core/Skeleton.js");function x(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(s){if("default"!==s){var r=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,r.get?r:{enumerable:!0,get:function(){return e[s]}})}})),t.default=e,Object.freeze(t)}exports.Pickaxe=({formId:p,className:m})=>{const{chatId:j,styles:h,colors:w,loadFont:k,responsiveBy:b,isFontLoaded:g,setFormId:v,setChatId:q,setPickaxe:O,setIsFontLoaded:P}=a.usePickaxeContext(),{setMessages:y,setResponse:C}=o.useResponseContext(),{setWidth:N,setHeight:R,setIsMobile:_}=i.useDimensionContext(),[F,I]=r.useState(!1),E=s.usePickaxe(),M=r.useRef(null);return r.useEffect((()=>{v(p)}),[p]),r.useEffect((()=>{if(!E.data)return;const e=E.data.chatflag;q(e?l.generateId(15):""),e?y([]):C(null),O(E.data),I(!0)}),[E.data]),r.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){"undefined"!=typeof window&&(g||k&&"Real Head Pro"!==h.font&&((yield Promise.resolve().then((function(){return x(require("webfontloader"))}))).default.load({google:{families:[h.font]}}),P(!0)))}))}),[h.font,k,g]),r.useEffect((()=>{if(!M.current)return;const e=new ResizeObserver((e=>{for(const t of e){const{width:e,height:s}=t.contentRect;N(e),R(s),_(e<768)}}));return e.observe(M.current),()=>{e.disconnect()}}),[M.current]),E.data?t.jsx("div",Object.assign({ref:M,className:f.default("relative @container/pickaxe-root flex flex-col flex-grow w-full h-full",m,"dark"===h.theme&&"dark"),style:Object.assign({backgroundColor:w.primary,color:w.text},h.font&&"Real Head Pro"!==h.font&&{fontFamily:h.font})},{children:E.isLoading||!F?t.jsx("div",Object.assign({className:f.default("flex items-center flex-col w-full pt-12 px-4 pb-10","viewport"===b?"min-[767px]:pb-40":"@[767px]/pickaxe-root:pb-40")},{children:t.jsxs("div",Object.assign({className:"flex w-full items-center max-w-[700px] flex-col"},{children:[t.jsx(d.default,{className:"w-[72px] h-[72px]"}),t.jsx(d.default,{className:"h-[20px] mt-6 w-full"}),t.jsx(d.default,{className:"h-[20px] mt-2 w-full"}),t.jsx(d.default,{className:"h-[20px] mt-2 w-full max-w-[400px]"}),t.jsx("div",Object.assign({className:"flex flex-col gap-y-8 w-full mt-6"},{children:t.jsx(d.default,{className:f.default("w-full min-h-[48px]","viewport"===b?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]")})}))]}))})):t.jsx(t.Fragment,{children:j?t.jsx(n.default,{children:t.jsx(c.default,{})}):t.jsx(n.default,{children:t.jsx(u.default,{})})})})):null};

package/dist/cjs/src/components/Pickaxe/Addons/Document/Provider.d.ts

@@ -8,7 +8,6 @@ type DocumentContextType = {
     websiteLink: string;
     isUploading: boolean;
     isShowList: boolean;
-    upsertDocuments: (newDocuments: MemoryStoredDocument[]) => void;
     editDocument: (newDocument: Partial<MemoryStoredDocument>) => void;
     editDocumentByDocId: (newDocument: Partial<MemoryStoredDocument>) => void;
     setDocuments: SetState<MemoryStoredDocument[]>;

package/dist/cjs/src/components/Pickaxe/Addons/Document/hooks/useDocument.d.ts

@@ -14,7 +14,6 @@ export declare const useDocument: ({ onQuestionChange }?: UseDocumentProps) => {
     websiteLink: string;
     isUploading: boolean;
     isShowList: boolean;
-    upsertDocuments: (newDocuments: MemoryStoredDocument[]) => void;
     editDocument: (newDocument: Partial<MemoryStoredDocument>) => void;
     editDocumentByDocId: (newDocument: Partial<MemoryStoredDocument>) => void;
     setDocuments: import("../../../../../types/common").SetState<MemoryStoredDocument[]>;

package/dist/cjs/src/components/Pickaxe/Addons/Document/hooks/useDocumentContext.d.ts

@@ -5,7 +5,6 @@ export declare const useDocumentContext: () => {
     websiteLink: string;
     isUploading: boolean;
     isShowList: boolean;
-    upsertDocuments: (newDocuments: import("../../../../../types/document").MemoryStoredDocument[]) => void;
     editDocument: (newDocument: Partial<import("../../../../../types/document").MemoryStoredDocument>) => void;
     editDocumentByDocId: (newDocument: Partial<import("../../../../../types/document").MemoryStoredDocument>) => void;
     setDocuments: import("../../../../../types/common").SetState<import("../../../../../types/document").MemoryStoredDocument[]>;

package/dist/esm/components/Pickaxe/Addons/Document/Provider.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{useState as e,createContext as s}from"react";const n=s({}),o=({children:s})=>{const[o,i]=e([]),[c,r]=e(""),[d,m]=e(""),[u,a]=e(!1),[g,p]=e(!1);return t(n.Provider,Object.assign({value:{documents:o,documentCount:o.length,documentError:c,websiteLink:d,isUploading:u,isShowList:g,upsertDocuments:t=>{i(t)},editDocument:t=>{const e=o.map((e=>e.id===t.id?Object.assign(Object.assign({},e),t):e));i(e)},editDocumentByDocId:t=>{const e=o.map((e=>e.documentId===t.documentId?Object.assign(Object.assign({},e),t):e));i(e)},setDocuments:i,setDocumentError:r,setWebsiteLink:m,setIsUploading:a,setIsShowList:p}},{children:s}))};export{n as DocumentContext,o as default};
+import{jsx as t}from"react/jsx-runtime";import{useState as e,createContext as s}from"react";const n=s({}),o=({children:s})=>{const[o,i]=e([]),[c,r]=e(""),[d,m]=e(""),[a,u]=e(!1),[g,b]=e(!1);return t(n.Provider,Object.assign({value:{documents:o,documentCount:o.length,documentError:c,websiteLink:d,isUploading:a,isShowList:g,editDocument:t=>{const e=o.map((e=>e.id===t.id?Object.assign(Object.assign({},e),t):e));i(e)},editDocumentByDocId:t=>{const e=o.map((e=>e.documentId===t.documentId?Object.assign(Object.assign({},e),t):e));i(e)},setDocuments:i,setDocumentError:r,setWebsiteLink:m,setIsUploading:u,setIsShowList:b}},{children:s}))};export{n as DocumentContext,o as default};

package/dist/esm/components/Pickaxe/Addons/Document/hooks/useDocument.js

@@ -1 +1 @@
-import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{useMemo as t}from"react";import{usePickaxeContext as o}from"../../../../../hooks/pickaxe/usePickaxeContext.js";import{useSubmitDocument as s}from"../../../../../hooks/pickaxe/useSubmitDocument.js";import{useDocumentContext as n}from"./useDocumentContext.js";import{allowedFileMimeTypes as i,allowedImageMimeTypes as r}from"../../../../../common/documents.js";import a from"../../../../../common/error.js";const d=["gpt-4o-mini","gpt-4o","gpt-4.5-preview","o1"],u=({onQuestionChange:u}={})=>{const{formId:l,chatId:m,pickaxe:c}=o(),p=n(),f=s(),h=t((()=>{var e;return d.includes(null!==(e=null==c?void 0:c.model)&&void 0!==e?e:"gpt-3.5-turbo")}),[c]);return Object.assign(Object.assign({},p),{isImageUploadAllowed:h,onFileUpload:t=>e(void 0,void 0,void 0,(function*(){if(p.setDocumentError(""),!t.length)return null;const e=t[0];try{const o=[...i,...h?r:[]],s=t.some((e=>!o.includes(e.type)));if(s){throw new Error(h?"You can only upload PDF, TXT, DOCX, CSV, XLSX, JSON, PPTX, PNG, JPEG, WEBP, or GIF files. Please try again.":"You can only upload PDF, TXT, DOCX, CSV, XLSX, JSON, or PPTX files. Please try again.")}p.setIsUploading(!0),p.setIsShowList(!0),p.upsertDocuments([{type:"document",id:e.name,size:e.size,name:e.name,status:"uploading"}]);const n=yield f.document({formId:l,responseId:m,file:e}),{success:a,documentId:d,error:c}=n;if(!a)throw new Error(null!=c?c:"Document processing failed, please try again.");null==u||u({input:e.name,documentId:d});const y=d.startsWith("IMAGE-")?"image":"document";p.upsertDocuments([{type:y,id:e.name,size:e.size,name:e.name,status:"finished",documentId:d}]);return{type:y,size:e.size,id:e.name,name:e.name,status:"finished",documentId:d}}catch(t){const o=a(t);if(console.log("[onFileUpload] Error",o),o.includes("You can only upload"))return p.setDocumentError(o),null;p.editDocument({type:"document",id:e.name,name:e.name,size:e.size,status:"failed",error:o});return{type:"document",size:e.size,id:e.name,name:e.name,status:"failed",error:o}}finally{p.setIsUploading(!1)}})),onWebsiteUpload:t=>e(void 0,void 0,void 0,(function*(){p.setDocumentError("");let e=t.trim();if(!e)return null;e.startsWith("http://")&&(e=e.replace("http://","https://")),e.startsWith("https://")||(e=`https://${e}`);try{if(!e.includes("."))throw new Error("Please paste a valid website URL or Youtube video link to add to the knowledge base.");p.setIsUploading(!0),p.setIsShowList(!0),p.setWebsiteLink(""),p.upsertDocuments([{type:"website",id:e,size:0,name:e,status:"uploading"}]);const t=yield f.website({formId:l,responseId:m,website:e}),{success:o,documentId:s}=t;if(!o)throw new Error("Website processing failed, please try again.");p.upsertDocuments([{type:"website",id:e,size:0,name:e,status:"finished",documentId:s}]);return{type:"website",id:e,name:e,size:0,status:"finished",documentId:s}}catch(t){const o=a(t);if(console.log("[onWebsiteUpload] Error",o),o.includes("Please paste a valid website URL"))return p.setDocumentError(o),null;p.editDocument({type:"website",id:e,size:0,name:e,status:"failed",error:o});return{type:"website",id:e,size:0,name:e,status:"failed",error:o}}finally{p.setIsUploading(!1)}})),onEditDocumentByDocId:p.editDocumentByDocId})};export{u as useDocument};
+import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{useMemo as t}from"react";import{usePickaxeContext as o}from"../../../../../hooks/pickaxe/usePickaxeContext.js";import{useSubmitDocument as s}from"../../../../../hooks/pickaxe/useSubmitDocument.js";import{useDocumentContext as n}from"./useDocumentContext.js";import{allowedFileMimeTypes as i,allowedImageMimeTypes as r}from"../../../../../common/documents.js";import a from"../../../../../common/error.js";const d=["gpt-4o-mini","gpt-4o","gpt-4.5-preview","o1"],u=({onQuestionChange:u}={})=>{const{formId:l,chatId:m,pickaxe:c}=o(),p=n(),f=s(),h=t((()=>{var e;return d.includes(null!==(e=null==c?void 0:c.model)&&void 0!==e?e:"gpt-3.5-turbo")}),[c]);return Object.assign(Object.assign({},p),{isImageUploadAllowed:h,onFileUpload:t=>e(void 0,void 0,void 0,(function*(){if(p.setDocumentError(""),!t.length)return null;const e=t[0];try{const o=[...i,...h?r:[]],s=t.some((e=>!o.includes(e.type)));if(s){throw new Error(h?"You can only upload PDF, TXT, DOCX, CSV, XLSX, JSON, PPTX, PNG, JPEG, WEBP, or GIF files. Please try again.":"You can only upload PDF, TXT, DOCX, CSV, XLSX, JSON, or PPTX files. Please try again.")}p.setIsUploading(!0),p.setIsShowList(!0),p.setDocuments([{type:"document",id:e.name,size:e.size,name:e.name,status:"uploading"}]);const n=yield f.document({formId:l,responseId:m,file:e}),{success:a,documentId:d,error:c}=n;if(!a)throw new Error(null!=c?c:"Document processing failed, please try again.");null==u||u({input:e.name,documentId:d});const y=d.startsWith("IMAGE-")?"image":"document";p.setDocuments([{type:y,id:e.name,size:e.size,name:e.name,status:"finished",documentId:d}]);return{type:y,size:e.size,id:e.name,name:e.name,status:"finished",documentId:d}}catch(t){const o=a(t);if(console.log("[onFileUpload] Error",o),o.includes("You can only upload"))return p.setDocumentError(o),null;p.editDocument({type:"document",id:e.name,name:e.name,size:e.size,status:"failed",error:o});return{type:"document",size:e.size,id:e.name,name:e.name,status:"failed",error:o}}finally{p.setIsUploading(!1)}})),onWebsiteUpload:t=>e(void 0,void 0,void 0,(function*(){p.setDocumentError("");let e=t.trim();if(!e)return null;e.startsWith("http://")&&(e=e.replace("http://","https://")),e.startsWith("https://")||(e=`https://${e}`);try{if(!e.includes("."))throw new Error("Please paste a valid website URL or Youtube video link to add to the knowledge base.");p.setIsUploading(!0),p.setIsShowList(!0),p.setWebsiteLink(""),p.setDocuments([{type:"website",id:e,size:0,name:e,status:"uploading"}]);const t=yield f.website({formId:l,responseId:m,website:e}),{success:o,documentId:s}=t;if(!o)throw new Error("Website processing failed, please try again.");p.setDocuments([{type:"website",id:e,size:0,name:e,status:"finished",documentId:s}]);return{type:"website",id:e,name:e,size:0,status:"finished",documentId:s}}catch(t){const o=a(t);if(console.log("[onWebsiteUpload] Error",o),o.includes("Please paste a valid website URL"))return p.setDocumentError(o),null;p.editDocument({type:"website",id:e,size:0,name:e,status:"failed",error:o});return{type:"website",id:e,size:0,name:e,status:"failed",error:o}}finally{p.setIsUploading(!1)}})),onEditDocumentByDocId:p.editDocumentByDocId})};export{u as useDocument};

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

@@ -1 +1 @@
-import{__rest as e,__awaiter as s}from"../../../_virtual/_tslib.js";import{jsx as t,jsxs as o}from"react/jsx-runtime";import{useState as r,useRef as n,useMemo as i,useEffect as l,Fragment as a}from"react";import{usePickaxeContext as d}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as c}from"../../../hooks/pickaxe/useResponseContext.js";import{useStyleInput as u}from"../../../hooks/studio/useStyleInput.js";import{useStyleFontSize as m}from"../../../hooks/studio/useStyleFontSize.js";import{useConversation as p}from"../../../hooks/pickaxe/useConversation.js";import{useSubmit as f}from"../../../hooks/pickaxe/useSubmit.js";import{useSubmitResult as g}from"../../../hooks/pickaxe/useSubmitResult.js";import{allowedFileMimeTypes as h,allowedImageMimeTypes as b}from"../../../common/documents.js";import{streamer as v}from"../../../common/api/streamer.js";import{useDocument as x}from"../Addons/Document/hooks/useDocument.js";import{useScroll as j}from"../Addons/Scroll/hooks/useScroll.js";import{useHover as y}from"../../../hooks/core/useHover.js";import{formatBytes as w}from"../../../common/utils.js";import I from"../../Icons/attach-vertical.svg.js";import k from"../../Icons/spinner-lines.svg.js";import O from"../../Icons/file.svg.js";import N from"../../Icons/x.svg.js";import C from"../../Icons/arrow-right.svg.js";import R from"../Addons/IceBreaker/index.js";import S from"../../Core/Textarea.js";import A from"../../../common/error.js";import D from"../../../common/cn.js";const U=({isFocused:U,onFocus:E,onBlur:T})=>{var B;const{formId:F,chatId:H,userId:z,studioUserId:P,embedUserId:G,deploymentId:L,pickaxe:W,styles:$,colors:K,responsiveBy:X,isNewChat:_,setIsNewChat:M,setIsShowIceBreaker:q,onGenerateComplete:J}=d(),{messages:Q,status:V,limits:Y,isGenerating:Z,setMessages:ee,setStatus:se,setLimitData:te,setError:oe,setIsGenerating:re}=c(),{documents:ne,isUploading:ie,isImageUploadAllowed:le,upsertDocuments:ae,onFileUpload:de}=x(),{scrollStartSession:ce,scrollEndSession:ue,scrollToBottom:me}=j({auto:!0}),pe=p(),fe=f(),ge=g(),he=m(),be=u(),[ve,xe]=r(""),je=n(null),ye=y(),{isHover:we}=ye,Ie=e(ye,["isHover"]),ke=y(),{isHover:Oe}=ke,Ne=e(ke,["isHover"]),Ce=i((()=>{var e,s,t;return!!_&&(!!W&&(!pe.isLoading&&(!((null!==(s=null===(e=pe.data)||void 0===e?void 0:e.messages.length)&&void 0!==s?s:0)>1)&&!!(null===(t=W.icebreakers)||void 0===t?void 0:t.length))))}),[W,_,pe.data,pe.isLoading]),Re=e=>s(void 0,void 0,void 0,(function*(){try{if(ie||"idle"!==V||Z)return;const s=null!=e?e:ve;if(!s)return;xe(""),oe(""),te(null),re(!0),M(!1);const t=new Date,o="enduserupload"===(null==W?void 0:W.documentuploadtype),r=ne.filter((e=>"finished"===e.status&&!e.isInsertedAsRaw)),n=r.length?r[r.length-1].documentId:"";se("fetching"),ce(),me();const i=Array.from(Q);let l=[...i,{id:Q.length+1,role:"user",content:s}];ee(l),me();const{success:a,data:d,actionData:c,usedDocumentIds:u,endUserDocumentId:m,endUserImageId:p,rawUserInput:f,error:g}=yield fe.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign({formId:F,responseId:H,value:s},o&&n&&{documentId:n}),P&&{studioUserId:P}),G&&{embedUserId:G}),L&&{deploymentId:L}));if(!a)throw new Error(null!=g?g:"An error occurred, please try again.");const h=[];m&&h.push(m),p&&h.push(p),h.length>0&&(l=[...i,Object.assign({id:Q.length+1,role:"user",content:s},h&&{documentIds:h})],ee(l),me()),ae([]),me();const b=(yield v({formId:F,responseId:H,data:d,actionData:c})).body;if(!b)throw new Error("Streaming error");const x=b.getReader(),j=new TextDecoder,y=l.length;let w="",I=!0,k=!1;for(;I;){const{value:e,done:s}=yield x.read();I=!s;const t=j.decode(e);if(t.startsWith("[PXE-ERROR]"))throw new Error(t.replace("[PXE-ERROR]","").trim());if(w+=t.replace(/\u200B/g,""),w)k||(se("streaming"),k=!0),ee([...l.slice(0,y),{id:Q.length+1,role:"assistant",content:w}]);else if(!I&&!w)throw new Error("Server error")}const O=new Date;w&&(me(),yield ge.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:F,responseId:H,documentIds:u},z&&{userId:z}),P&&{studioUserId:P}),P&&(null==W?void 0:W.studioid)&&{studioId:W.studioid}),G&&{embedUserId:G}),L&&{deploymentId:L}),{messages:[Object.assign(Object.assign({role:"user",message:f},h&&{documentIds:h}),{sentAt:t}),{role:"assistant",message:w,sentAt:O}]})),se("idle"),null==J||J(H))}catch(e){let s=A(e)||"";s&&!s.includes("Unexpected token 'A',")||(s="Oops! We're experiencing high traffic at the moment. Please try again later.");const t=Object.entries(Y).find((([e])=>s.includes(e)));t?te(t[1]):oe(s),me()}finally{se("idle"),re(!1),ue()}}));return l((()=>{q(Ce)}),[Ce]),t("div",Object.assign({className:"px-4 pb-4 w-full flex flex-col items-center absolute bottom-0 left-0 z-1"},{children:o("div",Object.assign({className:"relative flex flex-col max-w-[800px] w-full"},{children:[t("div",Object.assign({className:"absolute right-0 bottom-full"},{children:t("div",Object.assign({className:D("flex justify-end flex-col gap-2 pb-4 px-2","viewport"===X?"min-[767px]:items-end":"@[767px]/pickaxe-root:items-end")},{children:Ce&&!U&&t(R,{data:(null==W?void 0:W.icebreakers)||[],onSend:Re})}))})),o("div",Object.assign({className:D("flex flex-col gap-y-2 px-4 py-3","block"===$.formFieldStyle&&"shadow"),style:be},{children:["idle"===V&&ne.length>0&&t("div",Object.assign({className:D("grid grid-cols-1","viewport"===X?"min-[765px]:grid-cols-2":"@[767px]/pickaxe-root:grid-cols-2")},{children:ne.map((e=>{var s,r,n;return t(a,{children:"document"===e.type?o("div",Object.assign({className:"relative gap-x-[10px] flex items-center px-2 h-[56px] border",style:{borderRadius:be.borderRadius,borderColor:K.secondaryText+"50"}},{children:[t("div",Object.assign({className:"w-10 h-10 flex items-center justify-center shrink-0",style:{backgroundColor:K.accent,borderRadius:be.borderRadius}},{children:ie?t(k,{className:"w-5 h-5 animate-spin",style:{color:K.accentText}}):t(O,{className:"w-5 h-5",style:{color:K.accentText}})})),o("div",Object.assign({className:"flex flex-col justify-center truncate"},{children:[t("p",Object.assign({className:(D(he.b3),"font-medium truncate")},{children:e.name})),t("p",Object.assign({className:D(he.b4,"opacity-80 truncate")},{children:w(e.size)}))]})),t("button",Object.assign({type:"button",className:"absolute w-5 h-5 rounded-full -right-2 -top-2 flex items-center justify-center border outline-none disabled:cursor-default",style:{backgroundColor:K.accent,borderColor:be.backgroundColor},disabled:ie||"idle"!==V,onClick:()=>ae([])},{children:t(N,{className:"w-4 h-4",style:{color:K.accentText}})}))]})):"image"===e.type?o("div",Object.assign({className:"relative h-[56px] w-[56px] bg-stone-100",style:{borderRadius:be.borderRadius}},{children:["finished"===e.status?t("img",{style:{borderRadius:be.borderRadius},className:"object-cover w-full h-full",src:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/documentinterrogation/${null===(s=e.documentId)||void 0===s?void 0:s.split("-")[2]}/${null===(r=e.documentId)||void 0===r?void 0:r.split("-")[1]}.${null===(n=e.documentId)||void 0===n?void 0:n.split("-")[2]}`,alt:""}):t("div",{className:"h-full w-full animate-pulse",style:{borderRadius:be.borderRadius,backgroundColor:K.secondary}}),t("button",Object.assign({type:"button",className:"absolute w-5 h-5 rounded-full -right-2 -top-2 flex items-center justify-center border outline-none disabled:cursor-default",style:{backgroundColor:K.accent,borderColor:be.backgroundColor},disabled:ie||"idle"!==V,onClick:()=>ae([])},{children:t(N,{className:"w-4 h-4",style:{color:K.accentText}})}))]})):null},e.id)}))})),o("div",Object.assign({className:"flex items-end gap-x-2"},{children:[t(S,{className:D(he.i1,"max-h-60 min-h-[27px] w-full border-transparent bg-transparent",!ve.length&&"max-h-6 overflow-hidden text-ellipsis whitespace-nowrap"),value:ve,placeholder:null!==(B=null==W?void 0:W.placeholdertext)&&void 0!==B?B:"What do you want to talk about?",onChange:e=>xe(e),onKeyDown:e=>{"Enter"===e.key&&(e.shiftKey||(e.preventDefault(),ie||"idle"!==V||Re()))},onFocus:E,onBlur:T}),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:Oe?K.accent+"10":void 0},disabled:ie||"idle"!==V,onClick:()=>{var e;return null===(e=je.current)||void 0===e?void 0:e.click()}},Ne,{children:[t("input",{id:"file-upload",ref:je,type:"file",accept:[...h,...le?b:[]].join(", "),multiple:!1,hidden:!0,className:"hidden",onChange:e=>s(void 0,void 0,void 0,(function*(){yield de(Array.from(e.target.files||[])),e.target.value=""}))}),t(I,{className:"h-6 w-6 shrink-0 duration-200 transition-colors ease-in-out",style:{color:Oe?K.accent:K.accent+"80"}})]})),t("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:(we||ve.length||ne.length&&ne.every((e=>"finished"===e.status)))&&!Z?K.accent:K.accent+"10"},disabled:ie||"idle"!==V,onClick:()=>Re()},Ie,{children:t(C,{className:"h-6 w-6 shrink-0 duration-200 transition-colors ease-in-out",style:{color:(we||ve.length||ne.length&&ne.every((e=>"finished"===e.status)))&&!Z?K.accentText:K.accent+"80"}})}))]}))]}))]}))]}))}))};export{U as default};
+import{__rest as e,__awaiter as s}from"../../../_virtual/_tslib.js";import{jsx as t,jsxs as o}from"react/jsx-runtime";import{useState as r,useRef as n,useMemo as i,useEffect as l,Fragment as a}from"react";import{usePickaxeContext as d}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as c}from"../../../hooks/pickaxe/useResponseContext.js";import{useStyleInput as u}from"../../../hooks/studio/useStyleInput.js";import{useStyleFontSize as m}from"../../../hooks/studio/useStyleFontSize.js";import{useConversation as p}from"../../../hooks/pickaxe/useConversation.js";import{useSubmit as f}from"../../../hooks/pickaxe/useSubmit.js";import{useSubmitResult as g}from"../../../hooks/pickaxe/useSubmitResult.js";import{allowedFileMimeTypes as h,allowedImageMimeTypes as b}from"../../../common/documents.js";import{streamer as v}from"../../../common/api/streamer.js";import{useDocument as x}from"../Addons/Document/hooks/useDocument.js";import{useScroll as j}from"../Addons/Scroll/hooks/useScroll.js";import{useHover as y}from"../../../hooks/core/useHover.js";import{formatBytes as w}from"../../../common/utils.js";import I from"../../Icons/attach-vertical.svg.js";import k from"../../Icons/spinner-lines.svg.js";import O from"../../Icons/file.svg.js";import N from"../../Icons/x.svg.js";import C from"../../Icons/arrow-right.svg.js";import R from"../Addons/IceBreaker/index.js";import S from"../../Core/Textarea.js";import A from"../../../common/error.js";import D from"../../../common/cn.js";const U=({isFocused:U,onFocus:E,onBlur:T})=>{var B;const{formId:F,chatId:H,userId:z,studioUserId:P,embedUserId:G,deploymentId:L,pickaxe:W,styles:$,colors:K,responsiveBy:X,isNewChat:_,setIsNewChat:M,setIsShowIceBreaker:q,onGenerateComplete:J}=d(),{messages:Q,status:V,limits:Y,isGenerating:Z,setMessages:ee,setStatus:se,setLimitData:te,setError:oe,setIsGenerating:re}=c(),{documents:ne,isUploading:ie,isImageUploadAllowed:le,setDocuments:ae,onFileUpload:de}=x(),{scrollStartSession:ce,scrollEndSession:ue,scrollToBottom:me}=j({auto:!0}),pe=p(),fe=f(),ge=g(),he=m(),be=u(),[ve,xe]=r(""),je=n(null),ye=y(),{isHover:we}=ye,Ie=e(ye,["isHover"]),ke=y(),{isHover:Oe}=ke,Ne=e(ke,["isHover"]),Ce=i((()=>{var e,s,t;return!!_&&(!!W&&(!pe.isLoading&&(!((null!==(s=null===(e=pe.data)||void 0===e?void 0:e.messages.length)&&void 0!==s?s:0)>1)&&!!(null===(t=W.icebreakers)||void 0===t?void 0:t.length))))}),[W,_,pe.data,pe.isLoading]),Re=e=>s(void 0,void 0,void 0,(function*(){try{if(ie||"idle"!==V||Z)return;const s=null!=e?e:ve;if(!s)return;xe(""),oe(""),te(null),re(!0),M(!1);const t=new Date,o="enduserupload"===(null==W?void 0:W.documentuploadtype),r=ne.filter((e=>"finished"===e.status&&!e.isInsertedAsRaw)),n=r.length?r[r.length-1].documentId:"";se("fetching"),ce(),me();const i=Array.from(Q);let l=[...i,{id:Q.length+1,role:"user",content:s}];ee(l),me();const{success:a,data:d,actionData:c,usedDocumentIds:u,endUserDocumentId:m,endUserImageId:p,rawUserInput:f,error:g}=yield fe.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign({formId:F,responseId:H,value:s},o&&n&&{documentId:n}),P&&{studioUserId:P}),G&&{embedUserId:G}),L&&{deploymentId:L}));if(!a)throw new Error(null!=g?g:"An error occurred, please try again.");const h=[];m&&h.push(m),p&&h.push(p),h.length>0&&(l=[...i,Object.assign({id:Q.length+1,role:"user",content:s},h&&{documentIds:h})],ee(l),me()),ae([]),me();const b=(yield v({formId:F,responseId:H,data:d,actionData:c})).body;if(!b)throw new Error("Streaming error");const x=b.getReader(),j=new TextDecoder,y=l.length;let w="",I=!0,k=!1;for(;I;){const{value:e,done:s}=yield x.read();I=!s;const t=j.decode(e);if(t.startsWith("[PXE-ERROR]"))throw new Error(t.replace("[PXE-ERROR]","").trim());if(w+=t.replace(/\u200B/g,""),w)k||(se("streaming"),k=!0),ee([...l.slice(0,y),{id:Q.length+1,role:"assistant",content:w}]);else if(!I&&!w)throw new Error("Server error")}const O=new Date;w&&(me(),yield ge.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:F,responseId:H,documentIds:u},z&&{userId:z}),P&&{studioUserId:P}),P&&(null==W?void 0:W.studioid)&&{studioId:W.studioid}),G&&{embedUserId:G}),L&&{deploymentId:L}),{messages:[Object.assign(Object.assign({role:"user",message:f},h&&{documentIds:h}),{sentAt:t}),{role:"assistant",message:w,sentAt:O}]})),se("idle"),null==J||J(H))}catch(e){let s=A(e)||"";s&&!s.includes("Unexpected token 'A',")||(s="Oops! We're experiencing high traffic at the moment. Please try again later.");const t=Object.entries(Y).find((([e])=>s.includes(e)));t?te(t[1]):oe(s),me()}finally{se("idle"),re(!1),ue()}}));return l((()=>{q(Ce)}),[Ce]),t("div",Object.assign({className:"px-4 pb-4 w-full flex flex-col items-center absolute bottom-0 left-0 z-1"},{children:o("div",Object.assign({className:"relative flex flex-col max-w-[800px] w-full"},{children:[t("div",Object.assign({className:"absolute right-0 bottom-full"},{children:t("div",Object.assign({className:D("flex justify-end flex-col gap-2 pb-4 px-2","viewport"===X?"min-[767px]:items-end":"@[767px]/pickaxe-root:items-end")},{children:Ce&&!U&&t(R,{data:(null==W?void 0:W.icebreakers)||[],onSend:Re})}))})),o("div",Object.assign({className:D("flex flex-col gap-y-2 px-4 py-3","block"===$.formFieldStyle&&"shadow"),style:be},{children:["idle"===V&&ne.length>0&&t("div",Object.assign({className:D("grid grid-cols-1","viewport"===X?"min-[765px]:grid-cols-2":"@[767px]/pickaxe-root:grid-cols-2")},{children:ne.map((e=>{var s,r,n;return t(a,{children:"document"===e.type?o("div",Object.assign({className:"relative gap-x-[10px] flex items-center px-2 h-[56px] border",style:{borderRadius:be.borderRadius,borderColor:K.secondaryText+"50"}},{children:[t("div",Object.assign({className:"w-10 h-10 flex items-center justify-center shrink-0",style:{backgroundColor:K.accent,borderRadius:be.borderRadius}},{children:ie?t(k,{className:"w-5 h-5 animate-spin",style:{color:K.accentText}}):t(O,{className:"w-5 h-5",style:{color:K.accentText}})})),o("div",Object.assign({className:"flex flex-col justify-center truncate"},{children:[t("p",Object.assign({className:(D(he.b3),"font-medium truncate")},{children:e.name})),t("p",Object.assign({className:D(he.b4,"opacity-80 truncate")},{children:w(e.size)}))]})),t("button",Object.assign({type:"button",className:"absolute w-5 h-5 rounded-full -right-2 -top-2 flex items-center justify-center border outline-none disabled:cursor-default",style:{backgroundColor:K.accent,borderColor:be.backgroundColor},disabled:ie||"idle"!==V,onClick:()=>ae([])},{children:t(N,{className:"w-4 h-4",style:{color:K.accentText}})}))]})):"image"===e.type?o("div",Object.assign({className:"relative h-[56px] w-[56px] bg-stone-100",style:{borderRadius:be.borderRadius}},{children:["finished"===e.status?t("img",{style:{borderRadius:be.borderRadius},className:"object-cover w-full h-full",src:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/documentinterrogation/${null===(s=e.documentId)||void 0===s?void 0:s.split("-")[2]}/${null===(r=e.documentId)||void 0===r?void 0:r.split("-")[1]}.${null===(n=e.documentId)||void 0===n?void 0:n.split("-")[2]}`,alt:""}):t("div",{className:"h-full w-full animate-pulse",style:{borderRadius:be.borderRadius,backgroundColor:K.secondary}}),t("button",Object.assign({type:"button",className:"absolute w-5 h-5 rounded-full -right-2 -top-2 flex items-center justify-center border outline-none disabled:cursor-default",style:{backgroundColor:K.accent,borderColor:be.backgroundColor},disabled:ie||"idle"!==V,onClick:()=>ae([])},{children:t(N,{className:"w-4 h-4",style:{color:K.accentText}})}))]})):null},e.id)}))})),o("div",Object.assign({className:"flex items-end gap-x-2"},{children:[t(S,{className:D(he.i1,"max-h-60 min-h-[27px] w-full border-transparent bg-transparent",!ve.length&&"max-h-6 overflow-hidden text-ellipsis whitespace-nowrap"),value:ve,placeholder:null!==(B=null==W?void 0:W.placeholdertext)&&void 0!==B?B:"What do you want to talk about?",onChange:e=>xe(e),onKeyDown:e=>{"Enter"===e.key&&(e.shiftKey||(e.preventDefault(),ie||"idle"!==V||Re()))},onFocus:E,onBlur:T}),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:Oe?K.accent+"10":void 0},disabled:ie||"idle"!==V,onClick:()=>{var e;return null===(e=je.current)||void 0===e?void 0:e.click()}},Ne,{children:[t("input",{id:"file-upload",ref:je,type:"file",accept:[...h,...le?b:[]].join(", "),multiple:!1,hidden:!0,className:"hidden",onChange:e=>s(void 0,void 0,void 0,(function*(){yield de(Array.from(e.target.files||[])),e.target.value=""}))}),t(I,{className:"h-6 w-6 shrink-0 duration-200 transition-colors ease-in-out",style:{color:Oe?K.accent:K.accent+"80"}})]})),t("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:(we||ve.length||ne.length&&ne.every((e=>"finished"===e.status)))&&!Z?K.accent:K.accent+"10"},disabled:ie||"idle"!==V,onClick:()=>Re()},Ie,{children:t(C,{className:"h-6 w-6 shrink-0 duration-200 transition-colors ease-in-out",style:{color:(we||ve.length||ne.length&&ne.every((e=>"finished"===e.status)))&&!Z?K.accentText:K.accent+"80"}})}))]}))]}))]}))]}))}))};export{U as default};

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

@@ -1 +1 @@
-import{jsxs as o,jsx as e}from"react/jsx-runtime";import{useState as t}from"react";import{useDimensionContext as r}from"../../../hooks/pickaxe/useDimensionContext.js";import s from"./History/index.js";import i from"./Input.js";const n=()=>{const{width:n,height:m}=r(),[c,f]=t(!1);return o("div",Object.assign({className:"flex flex-grow flex-col items-center"},{children:[e(s,{hideInfo:m<=545||n<=450||c,isInputFocused:c}),e(i,{isFocused:c,onFocus:()=>f(!0),onBlur:()=>f(!1)})]}))};export{n as default};
+import{jsxs as o,jsx as e}from"react/jsx-runtime";import{useState as t,useEffect as s}from"react";import{useDimensionContext as r}from"../../../hooks/pickaxe/useDimensionContext.js";import{useDocument as i}from"../Addons/Document/hooks/useDocument.js";import n from"./History/index.js";import m from"./Input.js";const c=()=>{const{width:c,height:u}=r(),{setDocuments:f}=i(),[d,p]=t(!1);return s((()=>()=>{f([])}),[]),o("div",Object.assign({className:"flex flex-grow flex-col items-center"},{children:[e(n,{hideInfo:u<=545||c<=450||d,isInputFocused:d}),e(m,{isFocused:d,onFocus:()=>p(!0),onBlur:()=>p(!1)})]}))};export{c as default};

package/dist/esm/components/Pickaxe/Form/History/Item.js

@@ -1 +1 @@
-import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useMemo as o}from"react";import{usePickaxeContext as t}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as n}from"../../../../hooks/pickaxe/useResponseContext.js";import{useStyleFontSize as i}from"../../../../hooks/studio/useStyleFontSize.js";import{useDocument as r}from"../../Addons/Document/hooks/useDocument.js";import{format as a}from"date-fns";import{PickaxeMarkdown as l}from"../../common/PickaxeMarkdown/index.js";import{PickaxeMarkdownRenderer as c}from"../../common/PickaxeMarkdown/Renderer.js";import m from"../../../Icons/message-square-notes.svg.js";import d from"../../../Icons/visitor.svg.js";import p from"../../common/PickaxeIcon.js";import h from"../../common/PickaxeSimpleButton.js";import u from"../../common/PickaxeCopyButton.js";import f from"../../../../common/cn.js";const g=({item:g})=>{const{pickaxe:x,styles:v,colors:b,misc:j,translations:k,setChatId:y,setIsNewChat:w}=t(),{setMessages:N}=n(),{upsertDocuments:O}=r(),C=i(),I=o((()=>a(g.createdAt,"hh:mm a MMM dd, yy")),[g]),M=o((()=>g&&g.messages?g.messages.length:0),[g]),P=o((()=>{var e,s,o,t;if("form"===g.type){return(null!==(e=g.questions)&&void 0!==e?e:[]).map((e=>`<div style="display: flex; flex-direction: column; margin-bottom: 1em;">\n  <p style="font-weight: 500;">${e.question}</p>\n  <p>${e.answer||"n/a"}</p>\n</div>`)).join("")}return null!==(t=null===(o=null===(s=g.messages)||void 0===s?void 0:s[0])||void 0===o?void 0:o.message)&&void 0!==t?t:""}),[g]),$=o((()=>{var e,s,o,t;return"form"===g.type?null!==(e=g.questionResponse)&&void 0!==e?e:"":null!==(t=null===(o=null===(s=g.messages)||void 0===s?void 0:s[1])||void 0===o?void 0:o.message)&&void 0!==t?t:""}),[g]);return e("div",Object.assign({className:"flex flex-col shadow-black transition duration-300 hover:shadow"},{children:[e("div",Object.assign({className:"flex gap-x-3 overflow-hidden px-4 py-5",style:{backgroundColor:b.primary,color:b.text}},{children:[s("div",Object.assign({className:"shrink-0 pt-1"},{children:s(d,{className:"h-6 w-6"})})),e("div",Object.assign({className:"flex flex-col gap-y-1 overflow-x-auto pb-1.5 scrollbar-track-gray-100 scrollbar-thumb-[#4A4A4B] lg:max-w-[520px] lg:scrollbar-thin"},{children:[s("input",{id:`${g.responseId}-input`,type:"checkbox",className:"peer hidden",defaultChecked:P.length<280}),s("div",{className:"danger-html hidden flex-col peer-checked:flex",dangerouslySetInnerHTML:{__html:P}}),s("label",Object.assign({htmlFor:`${g.responseId}-input`,className:f(C.b3,"mt-1 flex shrink-0 whitespace-nowrap font-semibold peer-checked:hidden hover:cursor-pointer"),style:{color:b.accent}},{children:(null==k?void 0:k["see-input"])||"See input"})),s("label",Object.assign({htmlFor:`${g.responseId}-input`,className:f(C.b3,"hidden shrink-0 whitespace-nowrap font-semibold peer-checked:flex hover:cursor-pointer"),style:{color:b.accent}},{children:(null==k?void 0:k["hide-input"])||"Hide input"}))]}))]})),e("div",Object.assign({className:"flex gap-x-3 px-4 py-5",style:{backgroundColor:b.secondary,color:b.secondaryText}},{children:[j.isChatImage&&s(p,{src:null==x?void 0:x.chaticon,alt:`${null==x?void 0:x.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6 pt-1",textColor:b.secondaryText}),e("div",Object.assign({className:"flex w-full flex-col gap-y-2 overflow-hidden"},{children:[s(l,Object.assign({theme:v.theme,accentColor:b.accent,linkPreviews:!0,actions:!0},{children:s(c,{className:"overflow-x-auto pb-2 font-semilight opacity-90 scrollbar scrollbar-thin",value:$})})),e("div",Object.assign({className:"flex flex-wrap items-center justify-between gap-x-3 gap-y-1"},{children:[e("div",Object.assign({className:"flex items-center gap-3"},{children:[(null==x?void 0:x.enablechatresponses)&&e(h,Object.assign({color:b.accent,onClick:()=>{return e=g.responseId,O([]),N([]),w(!1),void y(e);var e}},{children:[s(m,{className:"h-4 w-4 shrink-0"}),s("p",Object.assign({className:f(C.b3,"font-semibold")},{children:M+1}))]})),s(u,{color:b.accent,text:$})]})),s("div",Object.assign({className:"flex shrink-0 grow justify-end"},{children:s("p",Object.assign({className:f(C.b3,"font-semibold uppercase opacity-30")},{children:I}))}))]}))]}))]}))]}))};export{g as default};
+import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useMemo as o}from"react";import{usePickaxeContext as t}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as n}from"../../../../hooks/pickaxe/useResponseContext.js";import{useStyleFontSize as i}from"../../../../hooks/studio/useStyleFontSize.js";import{useDocument as r}from"../../Addons/Document/hooks/useDocument.js";import{format as a}from"date-fns";import{PickaxeMarkdown as l}from"../../common/PickaxeMarkdown/index.js";import{PickaxeMarkdownRenderer as c}from"../../common/PickaxeMarkdown/Renderer.js";import m from"../../../Icons/message-square-notes.svg.js";import d from"../../../Icons/visitor.svg.js";import p from"../../common/PickaxeIcon.js";import h from"../../common/PickaxeSimpleButton.js";import u from"../../common/PickaxeCopyButton.js";import f from"../../../../common/cn.js";const g=({item:g})=>{const{pickaxe:x,styles:v,colors:b,misc:j,translations:k,setChatId:y,setIsNewChat:w}=t(),{setMessages:N}=n(),{setDocuments:O}=r(),C=i(),I=o((()=>a(g.createdAt,"hh:mm a MMM dd, yy")),[g]),M=o((()=>g&&g.messages?g.messages.length:0),[g]),P=o((()=>{var e,s,o,t;if("form"===g.type){return(null!==(e=g.questions)&&void 0!==e?e:[]).map((e=>`<div style="display: flex; flex-direction: column; margin-bottom: 1em;">\n  <p style="font-weight: 500;">${e.question}</p>\n  <p>${e.answer||"n/a"}</p>\n</div>`)).join("")}return null!==(t=null===(o=null===(s=g.messages)||void 0===s?void 0:s[0])||void 0===o?void 0:o.message)&&void 0!==t?t:""}),[g]),$=o((()=>{var e,s,o,t;return"form"===g.type?null!==(e=g.questionResponse)&&void 0!==e?e:"":null!==(t=null===(o=null===(s=g.messages)||void 0===s?void 0:s[1])||void 0===o?void 0:o.message)&&void 0!==t?t:""}),[g]);return e("div",Object.assign({className:"flex flex-col shadow-black transition duration-300 hover:shadow"},{children:[e("div",Object.assign({className:"flex gap-x-3 overflow-hidden px-4 py-5",style:{backgroundColor:b.primary,color:b.text}},{children:[s("div",Object.assign({className:"shrink-0 pt-1"},{children:s(d,{className:"h-6 w-6"})})),e("div",Object.assign({className:"flex flex-col gap-y-1 overflow-x-auto pb-1.5 scrollbar-track-gray-100 scrollbar-thumb-[#4A4A4B] lg:max-w-[520px] lg:scrollbar-thin"},{children:[s("input",{id:`${g.responseId}-input`,type:"checkbox",className:"peer hidden",defaultChecked:P.length<280}),s("div",{className:"danger-html hidden flex-col peer-checked:flex",dangerouslySetInnerHTML:{__html:P}}),s("label",Object.assign({htmlFor:`${g.responseId}-input`,className:f(C.b3,"mt-1 flex shrink-0 whitespace-nowrap font-semibold peer-checked:hidden hover:cursor-pointer"),style:{color:b.accent}},{children:(null==k?void 0:k["see-input"])||"See input"})),s("label",Object.assign({htmlFor:`${g.responseId}-input`,className:f(C.b3,"hidden shrink-0 whitespace-nowrap font-semibold peer-checked:flex hover:cursor-pointer"),style:{color:b.accent}},{children:(null==k?void 0:k["hide-input"])||"Hide input"}))]}))]})),e("div",Object.assign({className:"flex gap-x-3 px-4 py-5",style:{backgroundColor:b.secondary,color:b.secondaryText}},{children:[j.isChatImage&&s(p,{src:null==x?void 0:x.chaticon,alt:`${null==x?void 0:x.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6 pt-1",textColor:b.secondaryText}),e("div",Object.assign({className:"flex w-full flex-col gap-y-2 overflow-hidden"},{children:[s(l,Object.assign({theme:v.theme,accentColor:b.accent,linkPreviews:!0,actions:!0},{children:s(c,{className:"overflow-x-auto pb-2 font-semilight opacity-90 scrollbar scrollbar-thin",value:$})})),e("div",Object.assign({className:"flex flex-wrap items-center justify-between gap-x-3 gap-y-1"},{children:[e("div",Object.assign({className:"flex items-center gap-3"},{children:[(null==x?void 0:x.enablechatresponses)&&e(h,Object.assign({color:b.accent,onClick:()=>{return e=g.responseId,O([]),N([]),w(!1),void y(e);var e}},{children:[s(m,{className:"h-4 w-4 shrink-0"}),s("p",Object.assign({className:f(C.b3,"font-semibold")},{children:M+1}))]})),s(u,{color:b.accent,text:$})]})),s("div",Object.assign({className:"flex shrink-0 grow justify-end"},{children:s("p",Object.assign({className:f(C.b3,"font-semibold uppercase opacity-30")},{children:I}))}))]}))]}))]}))]}))};export{g as default};

package/dist/esm/components/Pickaxe/Form/History/Response.js

@@ -1 +1 @@
-import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useMemo as o}from"react";import{usePickaxeContext as t}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as n}from"../../../../hooks/pickaxe/useResponseContext.js";import{useScrollContext as r}from"../../Addons/Scroll/hooks/useScrollContext.js";import{useStyleFontSize as i}from"../../../../hooks/studio/useStyleFontSize.js";import{useDocument as l}from"../../Addons/Document/hooks/useDocument.js";import{format as c}from"date-fns";import{PickaxeMarkdown as a}from"../../common/PickaxeMarkdown/index.js";import{PickaxeMarkdownRenderer as m}from"../../common/PickaxeMarkdown/Renderer.js";import d from"../../../Icons/message-square-notes.svg.js";import p from"../../../Icons/visitor.svg.js";import h from"../../common/PickaxeIcon.js";import f from"../../common/PickaxeSimpleButton.js";import u from"../../common/PickaxeCopyButton.js";import x from"../../Addons/Scroll/ScrollLockView.js";import g from"../../../../common/cn.js";const b=()=>{var b;const{pickaxe:v,styles:j,colors:k,misc:y,translations:w,setChatId:N,setIsNewChat:O}=t(),{response:C,setMessages:I}=n(),{scrollTargetRef:S}=r(),D=i(),{upsertDocuments:M}=l(),P=o((()=>c(C?C.createdAt:new Date,"hh:mm a MMM dd, yy")),[C]),$=o((()=>{var e;if(!C)return"";return(null!==(e=C.questions)&&void 0!==e?e:[]).map((e=>`<div style="display: flex; flex-direction: column; margin-bottom: 1em;">\n  <p style="font-weight: 500;">${e.question}</p>\n  <p>${e.answer||"n/a"}</p>\n</div>`)).join("")}),[C]);return C?e("div",Object.assign({ref:S,className:"flex flex-col shadow-black transition duration-300 hover:shadow"},{children:[e("div",Object.assign({className:"flex gap-x-3 overflow-hidden px-4 py-5",style:{backgroundColor:k.primary,color:k.text}},{children:[s("div",Object.assign({className:"shrink-0 pt-1"},{children:s(p,{className:"h-6 w-6"})})),e("div",Object.assign({className:"flex flex-col gap-y-1 overflow-x-auto pb-[6px] scrollbar scrollbar-thin"},{children:[s("input",{id:`${C.responseId}-input`,type:"checkbox",className:"peer hidden",defaultChecked:$.length<280}),s("div",{className:"danger-html hidden flex-col opacity-50 peer-checked:flex",dangerouslySetInnerHTML:{__html:$}}),s("label",Object.assign({htmlFor:`${C.responseId}-input`,className:g(D.b3,"mt-1 flex shrink-0 whitespace-nowrap font-semibold text-[#228DD7] peer-checked:hidden hover:cursor-pointer"),style:{color:k.accent}},{children:(null==w?void 0:w["see-input"])||"See input"})),s("label",Object.assign({htmlFor:`${C.responseId}-input`,className:g(D.b3,"hidden shrink-0 whitespace-nowrap font-semibold text-[#228DD7] peer-checked:flex hover:cursor-pointer"),style:{color:k.accent}},{children:(null==w?void 0:w["hide-input"])||"Hide input"}))]}))]})),e("div",Object.assign({className:"flex gap-x-3 px-4 py-5",style:{backgroundColor:k.secondary,color:k.secondaryText}},{children:[y.isChatImage&&s(h,{src:null==v?void 0:v.chaticon,alt:`${null==v?void 0:v.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6 pt-1",textColor:k.secondaryText}),e("div",Object.assign({className:"flex w-full flex-col gap-y-2 overflow-hidden"},{children:[s(a,Object.assign({theme:j.theme,accentColor:k.accent,linkPreviews:!0,actions:!0},{children:s(m,{className:"overflow-x-auto pb-2 font-semilight opacity-90 scrollbar scrollbar-thin",value:C.questionResponse})})),e("div",Object.assign({className:"flex flex-wrap items-center justify-between gap-x-3 gap-y-1"},{children:[e("div",Object.assign({className:"flex items-center gap-3"},{children:[(null==v?void 0:v.enablechatresponses)&&e(f,Object.assign({color:k.accent,onClick:()=>{return e=C.responseId,M([]),I([]),O(!1),void N(e);var e}},{children:[s(d,{className:"h-4 w-4 shrink-0"}),s("p",Object.assign({className:g(D.b3,"font-semibold")},{children:C.messages.length+1}))]})),s(u,{color:k.accent,text:null!==(b=C.questionResponse)&&void 0!==b?b:""})]})),s("div",Object.assign({className:"flex shrink-0 grow justify-end"},{children:s("p",Object.assign({className:g(D.b3,"font-semibold uppercase opacity-30")},{children:P}))}))]}))]}))]})),s(x,{className:"w-full"})]})):null};export{b as default};
+import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useMemo as o}from"react";import{usePickaxeContext as t}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as n}from"../../../../hooks/pickaxe/useResponseContext.js";import{useScrollContext as r}from"../../Addons/Scroll/hooks/useScrollContext.js";import{useStyleFontSize as i}from"../../../../hooks/studio/useStyleFontSize.js";import{useDocument as l}from"../../Addons/Document/hooks/useDocument.js";import{format as c}from"date-fns";import{PickaxeMarkdown as a}from"../../common/PickaxeMarkdown/index.js";import{PickaxeMarkdownRenderer as m}from"../../common/PickaxeMarkdown/Renderer.js";import d from"../../../Icons/message-square-notes.svg.js";import p from"../../../Icons/visitor.svg.js";import h from"../../common/PickaxeIcon.js";import f from"../../common/PickaxeSimpleButton.js";import u from"../../common/PickaxeCopyButton.js";import x from"../../Addons/Scroll/ScrollLockView.js";import g from"../../../../common/cn.js";const b=()=>{var b;const{pickaxe:v,styles:j,colors:k,misc:y,translations:w,setChatId:N,setIsNewChat:O}=t(),{response:C,setMessages:I}=n(),{scrollTargetRef:S}=r(),{setDocuments:D}=l(),M=i(),P=o((()=>c(C?C.createdAt:new Date,"hh:mm a MMM dd, yy")),[C]),$=o((()=>{var e;if(!C)return"";return(null!==(e=C.questions)&&void 0!==e?e:[]).map((e=>`<div style="display: flex; flex-direction: column; margin-bottom: 1em;">\n  <p style="font-weight: 500;">${e.question}</p>\n  <p>${e.answer||"n/a"}</p>\n</div>`)).join("")}),[C]);return C?e("div",Object.assign({ref:S,className:"flex flex-col shadow-black transition duration-300 hover:shadow"},{children:[e("div",Object.assign({className:"flex gap-x-3 overflow-hidden px-4 py-5",style:{backgroundColor:k.primary,color:k.text}},{children:[s("div",Object.assign({className:"shrink-0 pt-1"},{children:s(p,{className:"h-6 w-6"})})),e("div",Object.assign({className:"flex flex-col gap-y-1 overflow-x-auto pb-[6px] scrollbar scrollbar-thin"},{children:[s("input",{id:`${C.responseId}-input`,type:"checkbox",className:"peer hidden",defaultChecked:$.length<280}),s("div",{className:"danger-html hidden flex-col opacity-50 peer-checked:flex",dangerouslySetInnerHTML:{__html:$}}),s("label",Object.assign({htmlFor:`${C.responseId}-input`,className:g(M.b3,"mt-1 flex shrink-0 whitespace-nowrap font-semibold text-[#228DD7] peer-checked:hidden hover:cursor-pointer"),style:{color:k.accent}},{children:(null==w?void 0:w["see-input"])||"See input"})),s("label",Object.assign({htmlFor:`${C.responseId}-input`,className:g(M.b3,"hidden shrink-0 whitespace-nowrap font-semibold text-[#228DD7] peer-checked:flex hover:cursor-pointer"),style:{color:k.accent}},{children:(null==w?void 0:w["hide-input"])||"Hide input"}))]}))]})),e("div",Object.assign({className:"flex gap-x-3 px-4 py-5",style:{backgroundColor:k.secondary,color:k.secondaryText}},{children:[y.isChatImage&&s(h,{src:null==v?void 0:v.chaticon,alt:`${null==v?void 0:v.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6 pt-1",textColor:k.secondaryText}),e("div",Object.assign({className:"flex w-full flex-col gap-y-2 overflow-hidden"},{children:[s(a,Object.assign({theme:j.theme,accentColor:k.accent,linkPreviews:!0,actions:!0},{children:s(m,{className:"overflow-x-auto pb-2 font-semilight opacity-90 scrollbar scrollbar-thin",value:C.questionResponse})})),e("div",Object.assign({className:"flex flex-wrap items-center justify-between gap-x-3 gap-y-1"},{children:[e("div",Object.assign({className:"flex items-center gap-3"},{children:[(null==v?void 0:v.enablechatresponses)&&e(f,Object.assign({color:k.accent,onClick:()=>{return e=C.responseId,D([]),I([]),O(!1),void N(e);var e}},{children:[s(d,{className:"h-4 w-4 shrink-0"}),s("p",Object.assign({className:g(M.b3,"font-semibold")},{children:C.messages.length+1}))]})),s(u,{color:k.accent,text:null!==(b=C.questionResponse)&&void 0!==b?b:""})]})),s("div",Object.assign({className:"flex shrink-0 grow justify-end"},{children:s("p",Object.assign({className:g(M.b3,"font-semibold uppercase opacity-30")},{children:P}))}))]}))]}))]})),s(x,{className:"w-full"})]})):null};export{b as default};

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

@@ -1 +1 @@
-import{__rest as e,__awaiter as s}from"../../../../_virtual/_tslib.js";import{jsxs as t,jsx as o,Fragment as l}from"react/jsx-runtime";import{useState as a,useRef as r,Fragment as i}from"react";import{usePickaxeContext as n}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleInput as c}from"../../../../hooks/studio/useStyleInput.js";import{useStyleFontSize as d}from"../../../../hooks/studio/useStyleFontSize.js";import{useDocument as u}from"../../Addons/Document/hooks/useDocument.js";import{useHover as m}from"../../../../hooks/core/useHover.js";import{allowedFileMimeTypes as b,allowedImageMimeTypes as p}from"../../../../common/documents.js";import{formatBytes as f}from"../../../../common/utils.js";import h from"../../../Icons/attach-vertical.svg.js";import g from"../../../Icons/check.svg.js";import y from"../../../Icons/spinner-lines.svg.js";import v from"../../../Icons/file.svg.js";import x from"../../../Icons/x.svg.js";import j from"../../../Icons/link.svg.js";import w from"../../../Core/ErrorAlert.js";import N from"../../../../common/cn.js";const k=({field:k,update:O})=>{var C;const R=d(),{colors:I,styles:D,translations:T,responsiveBy:F}=n(),A=m(),{isHover:S}=A,U=e(A,["isHover"]),{documents:E,documentError:z,websiteLink:H,isUploading:L,isImageUploadAllowed:W,upsertDocuments:$,setDocumentError:B,setWebsiteLink:P,onFileUpload:_,onWebsiteUpload:q}=u({onQuestionChange:e=>{O(Object.assign(Object.assign({},k),e))}}),[K,Q]=a(!1),G=r(null),J=c();return t("div",Object.assign({className:"flex flex-col gap-y-4"},{children:[t("div",Object.assign({className:"flex flex-col gap-y-2"},{children:[t("div",Object.assign({className:"flex items-center gap-1"},{children:[o("p",Object.assign({className:N(R.b3,"font-semibold opacity-70")},{children:k.main})),k.isRequired&&o("span",Object.assign({className:"select-none font-semibold",style:{color:I.error}},{children:"*"}))]})),t("div",Object.assign({className:"flex flex-col gap-y-2"},{children:[o("input",{ref:G,type:"file",accept:[...b,...W?p:[]].join(", "),id:k.id,hidden:!0,multiple:!1,className:"hidden",onChange:e=>s(void 0,void 0,void 0,(function*(){yield _(Array.from(e.target.files||[])),e.target.value=""})),disabled:L}),t("div",Object.assign({className:N("flex items-center justify-between rounded-sm border border-transparent bg-white py-3 pl-4 pr-3 duration-300 ease-in-out transition-all",K&&"block"===D.formFieldStyle&&"shadow","block"===D.formFieldStyle&&"shadow hover:shadow-none"),style:J},{children:[o("input",{type:"text",value:H,className:N(R.i1,"w-full outline-none ring-0 bg-transparent placeholder:text-inherit placeholder:opacity-50"),placeholder:null!==(C=null==T?void 0:T["form-doc-placeholder"])&&void 0!==C?C:"Paste a website/video link or drag a file",onChange:e=>P(e.target.value),onDrop:e=>s(void 0,void 0,void 0,(function*(){e.preventDefault(),yield _(Array.from(e.dataTransfer.files||[]))})),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),q(H))},onFocus:()=>Q(!0),onBlur:()=>Q(!1)}),o("div",Object.assign({className:"flex items-center gap-3 pl-4"},{children:H.length>0?t(l,{children:[o("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:L,onClick:()=>q(H)},{children:o(g,{className:"h-5 w-5 shrink-0",style:{color:I.accent}})})),o("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:L,onClick:()=>{P(""),B("")}},{children:o(x,{className:"h-6 w-6 shrink-0",style:{color:I.accent}})}))]}):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",disabled:L,onClick:()=>{var e;null===(e=G.current)||void 0===e||e.click()},style:{backgroundColor:S?I.accent+"10":void 0}},U,{children:o(h,{className:"h-6 w-6 shrink-0",style:{color:S?I.accent:I.accent+"80"}})}))}))]}))]}))]})),E.length>0&&o("div",Object.assign({className:N("flex gap-4","viewport"===F?"min-[765px]:flex-col":"@[767px]/pickaxe-root:flex-col")},{children:E.map((e=>{var s,l,a;return o(i,{children:"document"===e.type?t("div",Object.assign({className:"relative w-full max-w-[350px] gap-x-[10px] flex items-center px-2 h-[56px] border",style:J},{children:[o("div",Object.assign({className:"w-10 h-10 flex items-center justify-center shrink-0",style:{backgroundColor:I.accent,borderRadius:J.borderRadius}},{children:L?o(y,{className:"w-5 h-5 animate-spin",style:{color:I.accentText}}):o(v,{className:"w-5 h-5",style:{color:I.accentText}})})),t("div",Object.assign({className:"flex flex-col justify-center truncate"},{children:[o("p",Object.assign({className:(N(R.b3),"font-medium truncate")},{children:e.name})),o("p",Object.assign({className:N(R.b4,"opacity-80 truncate")},{children:f(e.size)}))]})),o("button",Object.assign({type:"button",disabled:L,onClick:()=>$([]),className:"absolute w-5 h-5 rounded-full -right-2 -top-2 flex items-center justify-center border outline-none disabled:cursor-default",style:{backgroundColor:I.accent,borderColor:J.backgroundColor}},{children:o(x,{className:"w-4 h-4",style:{color:I.accentText}})}))]})):"image"===e.type?t("div",Object.assign({className:"relative h-[56px] w-[56px] bg-stone-100",style:{borderRadius:J.borderRadius}},{children:["finished"===e.status?o("img",{style:{borderRadius:J.borderRadius},className:"object-cover w-full h-full",src:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/documentinterrogation/${null===(s=e.documentId)||void 0===s?void 0:s.split("-")[2]}/${null===(l=e.documentId)||void 0===l?void 0:l.split("-")[1]}.${null===(a=e.documentId)||void 0===a?void 0:a.split("-")[2]}`,alt:""}):o("div",{className:"h-full w-full animate-pulse",style:{borderRadius:J.borderRadius,backgroundColor:I.secondary}}),o("button",Object.assign({type:"button",disabled:L,onClick:()=>$([]),className:"absolute w-5 h-5 rounded-full -right-2 -top-2 flex items-center justify-center border outline-none disabled:cursor-default",style:{backgroundColor:I.accent,borderColor:J.backgroundColor}},{children:o(x,{className:"w-4 h-4",style:{color:I.accentText}})}))]})):"website"===e.type?t("div",Object.assign({className:"relative w-full max-w-[350px] gap-x-[10px] flex items-center px-2 h-[56px] border",style:J},{children:[o("div",Object.assign({className:"w-10 h-10 flex items-center justify-center shrink-0",style:{backgroundColor:I.accent,borderRadius:J.borderRadius}},{children:L?o(y,{className:"w-5 h-5 animate-spin",style:{color:I.accentText}}):o(j,{className:"w-5 h-5",style:{color:I.accentText}})})),t("div",Object.assign({className:"flex flex-col justify-center truncate"},{children:[o("p",Object.assign({className:(N(R.b3),"font-medium truncate")},{children:new URL(e.name).hostname})),o("p",Object.assign({className:N(R.b4,"opacity-80 truncate")},{children:(null==T?void 0:T.website)||"Website"}))]})),o("button",Object.assign({type:"button",disabled:L,onClick:()=>$([]),className:"absolute w-5 h-5 rounded-full -right-2 -top-2 flex items-center justify-center border outline-none disabled:cursor-default",style:{backgroundColor:I.accent,borderColor:J.backgroundColor}},{children:o(x,{className:"w-4 h-4",style:{color:I.accentText}})}))]})):null},e.id)}))})),z&&o(w,{error:z,className:"mt-3"})]}))};export{k as default};
+import{__rest as e,__awaiter as s}from"../../../../_virtual/_tslib.js";import{jsxs as t,jsx as o,Fragment as l}from"react/jsx-runtime";import{useState as a,useRef as r,Fragment as i}from"react";import{usePickaxeContext as n}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleInput as c}from"../../../../hooks/studio/useStyleInput.js";import{useStyleFontSize as d}from"../../../../hooks/studio/useStyleFontSize.js";import{useDocument as u}from"../../Addons/Document/hooks/useDocument.js";import{useHover as m}from"../../../../hooks/core/useHover.js";import{allowedFileMimeTypes as b,allowedImageMimeTypes as p}from"../../../../common/documents.js";import{formatBytes as f}from"../../../../common/utils.js";import h from"../../../Icons/attach-vertical.svg.js";import g from"../../../Icons/check.svg.js";import y from"../../../Icons/spinner-lines.svg.js";import v from"../../../Icons/file.svg.js";import x from"../../../Icons/x.svg.js";import j from"../../../Icons/link.svg.js";import w from"../../../Core/ErrorAlert.js";import N from"../../../../common/cn.js";const k=({field:k,update:O})=>{var C;const R=d(),{colors:I,styles:D,translations:T,responsiveBy:F}=n(),A=m(),{isHover:S}=A,U=e(A,["isHover"]),{documents:E,documentError:z,websiteLink:H,isUploading:L,isImageUploadAllowed:W,setDocuments:$,setDocumentError:B,setWebsiteLink:P,onFileUpload:_,onWebsiteUpload:q}=u({onQuestionChange:e=>{O(Object.assign(Object.assign({},k),e))}}),[K,Q]=a(!1),G=r(null),J=c();return t("div",Object.assign({className:"flex flex-col gap-y-4"},{children:[t("div",Object.assign({className:"flex flex-col gap-y-2"},{children:[t("div",Object.assign({className:"flex items-center gap-1"},{children:[o("p",Object.assign({className:N(R.b3,"font-semibold opacity-70")},{children:k.main})),k.isRequired&&o("span",Object.assign({className:"select-none font-semibold",style:{color:I.error}},{children:"*"}))]})),t("div",Object.assign({className:"flex flex-col gap-y-2"},{children:[o("input",{ref:G,type:"file",accept:[...b,...W?p:[]].join(", "),id:k.id,hidden:!0,multiple:!1,className:"hidden",onChange:e=>s(void 0,void 0,void 0,(function*(){yield _(Array.from(e.target.files||[])),e.target.value=""})),disabled:L}),t("div",Object.assign({className:N("flex items-center justify-between rounded-sm border border-transparent bg-white py-3 pl-4 pr-3 duration-300 ease-in-out transition-all",K&&"block"===D.formFieldStyle&&"shadow","block"===D.formFieldStyle&&"shadow hover:shadow-none"),style:J},{children:[o("input",{type:"text",value:H,className:N(R.i1,"w-full outline-none ring-0 bg-transparent placeholder:text-inherit placeholder:opacity-50"),placeholder:null!==(C=null==T?void 0:T["form-doc-placeholder"])&&void 0!==C?C:"Paste a website/video link or drag a file",onChange:e=>P(e.target.value),onDrop:e=>s(void 0,void 0,void 0,(function*(){e.preventDefault(),yield _(Array.from(e.dataTransfer.files||[]))})),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),q(H))},onFocus:()=>Q(!0),onBlur:()=>Q(!1)}),o("div",Object.assign({className:"flex items-center gap-3 pl-4"},{children:H.length>0?t(l,{children:[o("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:L,onClick:()=>q(H)},{children:o(g,{className:"h-5 w-5 shrink-0",style:{color:I.accent}})})),o("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:L,onClick:()=>{P(""),B("")}},{children:o(x,{className:"h-6 w-6 shrink-0",style:{color:I.accent}})}))]}):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",disabled:L,onClick:()=>{var e;null===(e=G.current)||void 0===e||e.click()},style:{backgroundColor:S?I.accent+"10":void 0}},U,{children:o(h,{className:"h-6 w-6 shrink-0",style:{color:S?I.accent:I.accent+"80"}})}))}))]}))]}))]})),E.length>0&&o("div",Object.assign({className:N("flex gap-4","viewport"===F?"min-[765px]:flex-col":"@[767px]/pickaxe-root:flex-col")},{children:E.map((e=>{var s,l,a;return o(i,{children:"document"===e.type?t("div",Object.assign({className:"relative w-full max-w-[350px] gap-x-[10px] flex items-center px-2 h-[56px] border",style:J},{children:[o("div",Object.assign({className:"w-10 h-10 flex items-center justify-center shrink-0",style:{backgroundColor:I.accent,borderRadius:J.borderRadius}},{children:L?o(y,{className:"w-5 h-5 animate-spin",style:{color:I.accentText}}):o(v,{className:"w-5 h-5",style:{color:I.accentText}})})),t("div",Object.assign({className:"flex flex-col justify-center truncate"},{children:[o("p",Object.assign({className:(N(R.b3),"font-medium truncate")},{children:e.name})),o("p",Object.assign({className:N(R.b4,"opacity-80 truncate")},{children:f(e.size)}))]})),o("button",Object.assign({type:"button",disabled:L,onClick:()=>$([]),className:"absolute w-5 h-5 rounded-full -right-2 -top-2 flex items-center justify-center border outline-none disabled:cursor-default",style:{backgroundColor:I.accent,borderColor:J.backgroundColor}},{children:o(x,{className:"w-4 h-4",style:{color:I.accentText}})}))]})):"image"===e.type?t("div",Object.assign({className:"relative h-[56px] w-[56px] bg-stone-100",style:{borderRadius:J.borderRadius}},{children:["finished"===e.status?o("img",{style:{borderRadius:J.borderRadius},className:"object-cover w-full h-full",src:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/documentinterrogation/${null===(s=e.documentId)||void 0===s?void 0:s.split("-")[2]}/${null===(l=e.documentId)||void 0===l?void 0:l.split("-")[1]}.${null===(a=e.documentId)||void 0===a?void 0:a.split("-")[2]}`,alt:""}):o("div",{className:"h-full w-full animate-pulse",style:{borderRadius:J.borderRadius,backgroundColor:I.secondary}}),o("button",Object.assign({type:"button",disabled:L,onClick:()=>$([]),className:"absolute w-5 h-5 rounded-full -right-2 -top-2 flex items-center justify-center border outline-none disabled:cursor-default",style:{backgroundColor:I.accent,borderColor:J.backgroundColor}},{children:o(x,{className:"w-4 h-4",style:{color:I.accentText}})}))]})):"website"===e.type?t("div",Object.assign({className:"relative w-full max-w-[350px] gap-x-[10px] flex items-center px-2 h-[56px] border",style:J},{children:[o("div",Object.assign({className:"w-10 h-10 flex items-center justify-center shrink-0",style:{backgroundColor:I.accent,borderRadius:J.borderRadius}},{children:L?o(y,{className:"w-5 h-5 animate-spin",style:{color:I.accentText}}):o(j,{className:"w-5 h-5",style:{color:I.accentText}})})),t("div",Object.assign({className:"flex flex-col justify-center truncate"},{children:[o("p",Object.assign({className:(N(R.b3),"font-medium truncate")},{children:new URL(e.name).hostname})),o("p",Object.assign({className:N(R.b4,"opacity-80 truncate")},{children:(null==T?void 0:T.website)||"Website"}))]})),o("button",Object.assign({type:"button",disabled:L,onClick:()=>$([]),className:"absolute w-5 h-5 rounded-full -right-2 -top-2 flex items-center justify-center border outline-none disabled:cursor-default",style:{backgroundColor:I.accent,borderColor:J.backgroundColor}},{children:o(x,{className:"w-4 h-4",style:{color:I.accentText}})}))]})):null},e.id)}))})),z&&o(w,{error:z,className:"mt-3"})]}))};export{k as default};

package/dist/esm/components/Pickaxe/index.js

@@ -1 +1 @@
-import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsx as o,jsxs as t,Fragment as s}from"react/jsx-runtime";import{usePickaxe as r}from"../../hooks/pickaxe/usePickaxe.js";import{useState as i,useRef as l,useEffect as a}from"react";import{usePickaxeContext as n}from"../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as c}from"../../hooks/pickaxe/useResponseContext.js";import{useDimensionContext as m}from"../../hooks/pickaxe/useDimensionContext.js";import{generateId as f}from"../../common/utils.js";import p from"./Addons/Scroll/Provider.js";import d from"./Chat/index.js";import x from"./Form/index.js";import u from"../../common/cn.js";import h from"../Core/Skeleton.js";const w=({formId:w,className:k})=>{const{chatId:j,styles:v,colors:b,loadFont:g,responsiveBy:N,isFontLoaded:y,setFormId:C,setChatId:F,setPickaxe:I,setIsFontLoaded:O}=n(),{setMessages:P,setResponse:R}=c(),{setWidth:H,setHeight:L,setIsMobile:M}=m(),[S,_]=i(!1),z=r(),A=l(null);return a((()=>{C(w)}),[w]),a((()=>{if(!z.data)return;const e=z.data.chatflag;F(e?f(15):""),e?P([]):R(null),I(z.data),_(!0)}),[z.data]),a((()=>{e(void 0,void 0,void 0,(function*(){"undefined"!=typeof window&&(y||g&&"Real Head Pro"!==v.font&&((yield import("webfontloader")).default.load({google:{families:[v.font]}}),O(!0)))}))}),[v.font,g,y]),a((()=>{if(!A.current)return;const e=new ResizeObserver((e=>{for(const o of e){const{width:e,height:t}=o.contentRect;H(e),L(t),M(e<768)}}));return e.observe(A.current),()=>{e.disconnect()}}),[A.current]),z.data?o("div",Object.assign({ref:A,className:u("relative @container/pickaxe-root flex flex-col flex-grow w-full h-full",k,"dark"===v.theme&&"dark"),style:Object.assign({backgroundColor:b.primary,color:b.text},v.font&&"Real Head Pro"!==v.font&&{fontFamily:v.font})},{children:S?o(s,{children:o(p,j?{children:o(d,{})}:{children:o(x,{})})}):o("div",Object.assign({className:u("flex items-center flex-col w-full pt-12 px-4 pb-10","viewport"===N?"min-[767px]:pb-40":"@[767px]/pickaxe-root:pb-40")},{children:t("div",Object.assign({className:"flex w-full items-center max-w-[700px] flex-col"},{children:[o(h,{className:"w-[72px] h-[72px]"}),o(h,{className:"h-[20px] mt-6 w-full"}),o(h,{className:"h-[20px] mt-2 w-full"}),o(h,{className:"h-[20px] mt-2 w-full max-w-[400px]"}),o("div",Object.assign({className:"flex flex-col gap-y-8 w-full mt-6"},{children:o(h,{className:u("w-full min-h-[48px]","viewport"===N?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]")})}))]}))}))})):null};export{w as Pickaxe};
+import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsx as o,jsxs as t,Fragment as s}from"react/jsx-runtime";import{usePickaxe as r}from"../../hooks/pickaxe/usePickaxe.js";import{useState as i,useRef as a,useEffect as l}from"react";import{usePickaxeContext as n}from"../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as c}from"../../hooks/pickaxe/useResponseContext.js";import{useDimensionContext as m}from"../../hooks/pickaxe/useDimensionContext.js";import{generateId as f}from"../../common/utils.js";import d from"./Addons/Scroll/Provider.js";import p from"./Chat/index.js";import x from"./Form/index.js";import u from"../../common/cn.js";import h from"../Core/Skeleton.js";const w=({formId:w,className:k})=>{const{chatId:j,styles:g,colors:v,loadFont:b,responsiveBy:N,isFontLoaded:y,setFormId:C,setChatId:F,setPickaxe:I,setIsFontLoaded:O}=n(),{setMessages:P,setResponse:R}=c(),{setWidth:H,setHeight:L,setIsMobile:M}=m(),[S,_]=i(!1),z=r(),A=a(null);return l((()=>{C(w)}),[w]),l((()=>{if(!z.data)return;const e=z.data.chatflag;F(e?f(15):""),e?P([]):R(null),I(z.data),_(!0)}),[z.data]),l((()=>{e(void 0,void 0,void 0,(function*(){"undefined"!=typeof window&&(y||b&&"Real Head Pro"!==g.font&&((yield import("webfontloader")).default.load({google:{families:[g.font]}}),O(!0)))}))}),[g.font,b,y]),l((()=>{if(!A.current)return;const e=new ResizeObserver((e=>{for(const o of e){const{width:e,height:t}=o.contentRect;H(e),L(t),M(e<768)}}));return e.observe(A.current),()=>{e.disconnect()}}),[A.current]),z.data?o("div",Object.assign({ref:A,className:u("relative @container/pickaxe-root flex flex-col flex-grow w-full h-full",k,"dark"===g.theme&&"dark"),style:Object.assign({backgroundColor:v.primary,color:v.text},g.font&&"Real Head Pro"!==g.font&&{fontFamily:g.font})},{children:z.isLoading||!S?o("div",Object.assign({className:u("flex items-center flex-col w-full pt-12 px-4 pb-10","viewport"===N?"min-[767px]:pb-40":"@[767px]/pickaxe-root:pb-40")},{children:t("div",Object.assign({className:"flex w-full items-center max-w-[700px] flex-col"},{children:[o(h,{className:"w-[72px] h-[72px]"}),o(h,{className:"h-[20px] mt-6 w-full"}),o(h,{className:"h-[20px] mt-2 w-full"}),o(h,{className:"h-[20px] mt-2 w-full max-w-[400px]"}),o("div",Object.assign({className:"flex flex-col gap-y-8 w-full mt-6"},{children:o(h,{className:u("w-full min-h-[48px]","viewport"===N?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]")})}))]}))})):o(s,{children:o(d,j?{children:o(p,{})}:{children:o(x,{})})})})):null};export{w as Pickaxe};

package/dist/esm/src/components/Pickaxe/Addons/Document/Provider.d.ts

@@ -8,7 +8,6 @@ type DocumentContextType = {
     websiteLink: string;
     isUploading: boolean;
     isShowList: boolean;
-    upsertDocuments: (newDocuments: MemoryStoredDocument[]) => void;
     editDocument: (newDocument: Partial<MemoryStoredDocument>) => void;
     editDocumentByDocId: (newDocument: Partial<MemoryStoredDocument>) => void;
     setDocuments: SetState<MemoryStoredDocument[]>;

package/dist/esm/src/components/Pickaxe/Addons/Document/hooks/useDocument.d.ts

@@ -14,7 +14,6 @@ export declare const useDocument: ({ onQuestionChange }?: UseDocumentProps) => {
     websiteLink: string;
     isUploading: boolean;
     isShowList: boolean;
-    upsertDocuments: (newDocuments: MemoryStoredDocument[]) => void;
     editDocument: (newDocument: Partial<MemoryStoredDocument>) => void;
     editDocumentByDocId: (newDocument: Partial<MemoryStoredDocument>) => void;
     setDocuments: import("../../../../../types/common").SetState<MemoryStoredDocument[]>;

package/dist/esm/src/components/Pickaxe/Addons/Document/hooks/useDocumentContext.d.ts

@@ -5,7 +5,6 @@ export declare const useDocumentContext: () => {
     websiteLink: string;
     isUploading: boolean;
     isShowList: boolean;
-    upsertDocuments: (newDocuments: import("../../../../../types/document").MemoryStoredDocument[]) => void;
     editDocument: (newDocument: Partial<import("../../../../../types/document").MemoryStoredDocument>) => void;
     editDocumentByDocId: (newDocument: Partial<import("../../../../../types/document").MemoryStoredDocument>) => void;
     setDocuments: import("../../../../../types/common").SetState<import("../../../../../types/document").MemoryStoredDocument[]>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pickaxeproject/react",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "description": "Client utility library for Pickaxe",
   "repository": {
     "type": "git",