@pickaxeproject/react 0.0.22 → 0.0.23

package/dist/cjs/components/Pickaxe/Chat/History/Message.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../../hooks/pickaxe/usePickaxeContext.js"),a=require("../../common/PickaxeIcon.js"),t=require("../../common/PickaxeMarkdown.js"),l=require("../../common/PickaxeCopyButton.js"),c=require("../../../../common/cn.js");exports.default=({message:o})=>{var r;const{formId:i,pickaxe:n,colors:x,responsive:d,forceMobile:m}=s.usePickaxeContext(),u=null!==(r=null==n?void 0:n.chaticon)&&void 0!==r?r:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/chaticons/${i}.png`;return"assistant"===o.role?e.jsx("div",Object.assign({className:c.default("flex flex-col",d&&"min-[767px]:max-w-[80%]",m&&"min-[767px]:max-w-[100%]")},{children:e.jsxs("div",Object.assign({className:"flex gap-x-3"},{children:["NONE"!==u&&e.jsx(a.default,{src:u,alt:"Assistant",width:24,height:24,className:"my-3 h-6 w-6",textColor:x.text}),e.jsxs("div",Object.assign({className:"flex flex-col"},{children:[e.jsx("div",Object.assign({className:"chat-message overflow-x-auto overflow-y-hidden rounded px-4 py-3 scrollbar-thin scrollbar-track-white scrollbar-thumb-[#4A4A4B]",style:{backgroundColor:x.secondary+"80",color:x.secondaryText}},{children:e.jsx(t.default,{className:"relative",html:o.content})})),e.jsx("div",Object.assign({className:"mb-2 ml-2 mt-4 flex gap-3"},{children:e.jsx(l.default,{color:x.accent,text:o.content})}))]}))]}))})):"user"===o.role?e.jsx("div",Object.assign({className:c.default("flex gap-x-3 justify-self-end pl-9",d&&"min-[767px]:max-w-[80%] min-[767px]:pl-0",m&&"min-[767px]:max-w-[100%] min-[767px]:pl-9")},{children:e.jsx("div",Object.assign({className:"overflow-x-auto overflow-y-hidden rounded px-4 py-3 scrollbar-thin scrollbar-track-white scrollbar-thumb-[#4A4A4B]"},{children:e.jsx(t.default,{className:"relative",html:o.content})}))})):e.jsx("div",{})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../../hooks/pickaxe/usePickaxeContext.js"),a=require("../../common/PickaxeIcon.js"),t=require("../../common/PickaxeMarkdown.js"),l=require("../../common/PickaxeCopyButton.js"),c=require("../../../../common/cn.js");exports.default=({message:o})=>{var r;const{formId:i,pickaxe:n,colors:x,responsiveBy:d}=s.usePickaxeContext(),m=null!==(r=null==n?void 0:n.chaticon)&&void 0!==r?r:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/chaticons/${i}.png`;return"assistant"===o.role?e.jsx("div",Object.assign({className:c.default("flex flex-col","viewport"===d?"min-[767px]:max-w-[80%]":"@[767px]:max-w-[80%]")},{children:e.jsxs("div",Object.assign({className:"flex gap-x-3"},{children:["NONE"!==m&&e.jsx(a.default,{src:m,alt:"Assistant",width:24,height:24,className:"my-3 h-6 w-6",textColor:x.text}),e.jsxs("div",Object.assign({className:"flex flex-col"},{children:[e.jsx("div",Object.assign({className:"chat-message overflow-x-auto overflow-y-hidden rounded px-4 py-3 scrollbar-thin scrollbar-track-white scrollbar-thumb-[#4A4A4B]",style:{backgroundColor:x.secondary+"80",color:x.secondaryText}},{children:e.jsx(t.default,{className:"relative",html:o.content})})),e.jsx("div",Object.assign({className:"mb-2 ml-2 mt-4 flex gap-3"},{children:e.jsx(l.default,{color:x.accent,text:o.content})}))]}))]}))})):"user"===o.role?e.jsx("div",Object.assign({className:c.default("flex gap-x-3 justify-self-end pl-9","viewport"===d?"min-[767px]:max-w-[80%] min-[767px]:pl-0":"@[767px]:max-w-[80%] @[767px]:pl-0")},{children:e.jsx("div",Object.assign({className:"overflow-x-auto overflow-y-hidden rounded px-4 py-3 scrollbar-thin scrollbar-track-white scrollbar-thumb-[#4A4A4B]"},{children:e.jsx(t.default,{className:"relative",html:o.content})}))})):e.jsx("div",{})};

package/dist/cjs/components/Pickaxe/Chat/History/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/usePickaxeContext.js"),a=require("../../../../hooks/pickaxe/useResponseContext.js"),l=require("../../../../hooks/studio/useStyleFontSize.js"),i=require("../../../../hooks/pickaxe/useConversation.js"),o=require("../../../Icons/circle-info.svg.js"),r=require("../../common/PickaxeIcon.js"),n=require("../../../Core/HtmlRenderer.js"),c=require("../../Addons/Scroll/ScrollLockView.js"),d=require("../../common/PickaxeInfoModal.js"),x=require("./Message.js"),u=require("../../../../common/cn.js");exports.default=()=>{var m;const{pickaxe:j,styles:p,colors:f,isNewChat:h,responsive:g,forceMobile:b}=t.usePickaxeContext(),{messages:v,status:y,error:w}=a.useResponseContext(),E=i.useConversation(),[k,N]=s.useState(!1),O=l.useStyleFontSize({type:"body"}),C=s.useMemo((()=>!!E.data&&!(E.data.messages.length<=1)),[E.data]),q=s.useMemo((()=>E.isSuccess&&h&&!C),[E.isSuccess,h,C]);return e.jsxs("div",Object.assign({className:"relative flex flex-grow flex-col justify-end"},{children:[k&&e.jsx(d.default,{isOpen:k,onChangeIsOpen:N}),e.jsxs("div",Object.assign({className:u.default("absolute left-1/2 top-5 flex w-full max-w-[400px] -translate-x-1/2 -translate-y-1/3 transform flex-col items-center px-4 opacity-0 duration-300",q&&"top-1/3 opacity-100")},{children:[e.jsx(r.default,{src:null==j?void 0:j.coverphoto,alt:`${null==j?void 0:j.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"}),e.jsxs("div",Object.assign({className:"flex flex-col items-center"},{children:[e.jsxs("h2",Object.assign({className:u.default("mt-6 text-center font-semibold opacity-70",g&&"min-[767px]:text-lg",b&&"min-[767px]:text-base")},{children:[`${null==j?void 0:j.formtitle.slice(0,130)}${(null!==(m=null==j?void 0:j.formtitle)&&void 0!==m?m:"").length>130?"...":""}`,e.jsx("button",Object.assign({className:"ml-2 inline-block outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>N(!0)},{children:e.jsx(o.default,{className:"h-5 w-5 shrink-0",style:{color:f.accent}})}))]})),e.jsx("p",Object.assign({className:O("mt-2 line-clamp-3 whitespace-pre-line max-w-[600px] text-center font-semilight opacity-70")},{children:null==j?void 0:j.formdescription}))]}))]})),e.jsx("div",Object.assign({className:"flex w-full justify-center"},{children:E.isLoading?e.jsxs("div",Object.assign({className:"grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-6 pt-10"},{children:[e.jsx("div",{className:"h-10 w-[70%] animate-pulse justify-self-end rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===p.theme?"#1E1E1F":"#E5E7EB"}}),e.jsx("div",{className:"h-[150px] w-[70%] animate-pulse rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===p.theme?"#1E1E1F":"#E5E7EB"}}),e.jsx("div",{className:"h-10 w-[50%] animate-pulse justify-self-end rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===p.theme?"#1E1E1F":"#E5E7EB"}})]})):E.isError?e.jsx("div",Object.assign({className:"flex w-full max-w-[800px] justify-center pt-10"},{children:e.jsxs("p",Object.assign({className:"text-center text-xl font-semibold"},{children:["Something went wrong. Please try again, or"," ",e.jsx("a",Object.assign({href:"mailto:info@pickaxeproject.com?subject=Help"},{children:"contact us"}))," ","for help."]}))})):e.jsxs("div",Object.assign({className:u.default("relative grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-4 pt-6",g&&"min-[767px]:pt-10",b&&"min-[767px]:pt-6")},{children:[E.data.messages.map(((s,t)=>e.jsx(x.default,{message:s},t))),v.map(((s,t)=>e.jsx(x.default,{message:s},t))),"fetching"===y?e.jsxs("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:["NONE"!==(null==j?void 0:j.chaticon)&&e.jsx(r.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"}),e.jsxs("div",Object.assign({className:"flex items-center gap-x-2 rounded px-4 py-4",style:{backgroundColor:f.secondary+"80",color:f.secondaryText}},{children:[e.jsx("div",{className:"h-1.5 w-1.5 animate-dot rounded-full",style:{backgroundColor:f.secondaryText}}),e.jsx("div",{className:"h-1.5 w-1.5 animate-dot-down rounded-full",style:{backgroundColor:f.secondaryText}}),e.jsx("div",{className:"h-1.5 w-1.5 animate-dot rounded-full",style:{backgroundColor:f.secondaryText}})]}))]})):w?e.jsxs("div",Object.assign({className:"flex max-w-[80%] gap-x-3"},{children:[e.jsx(o.default,{className:"mt-2 h-6 w-6 shrink-0 text-red-500"}),e.jsx(n.default,{className:"x-4 py-2 font-semibold text-red-500",html:w})]})):null,e.jsx(c.default,{className:"absolute bottom-0 left-0 w-full"})]}))}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("../../../../hooks/pickaxe/usePickaxeContext.js"),a=require("../../../../hooks/pickaxe/useResponseContext.js"),l=require("../../../../hooks/studio/useStyleFontSize.js"),i=require("../../../../hooks/pickaxe/useConversation.js"),o=require("../../../Icons/circle-info.svg.js"),r=require("../../common/PickaxeIcon.js"),n=require("../../../Core/HtmlRenderer.js"),c=require("../../Addons/Scroll/ScrollLockView.js"),d=require("../../common/PickaxeInfoModal.js"),x=require("./Message.js"),u=require("../../../../common/cn.js");exports.default=()=>{var m;const{pickaxe:p,styles:j,colors:f,isNewChat:g,responsiveBy:h}=t.usePickaxeContext(),{messages:v,status:b,error:y}=a.useResponseContext(),w=i.useConversation(),[E,k]=s.useState(!1),N=l.useStyleFontSize({type:"body"}),O=s.useMemo((()=>!!w.data&&!(w.data.messages.length<=1)),[w.data]),C=s.useMemo((()=>w.isSuccess&&g&&!O),[w.isSuccess,g,O]);return e.jsxs("div",Object.assign({className:"relative flex flex-grow flex-col justify-end"},{children:[E&&e.jsx(d.default,{isOpen:E,onChangeIsOpen:k}),e.jsxs("div",Object.assign({className:u.default("absolute left-1/2 top-5 flex w-full max-w-[400px] -translate-x-1/2 -translate-y-1/3 transform flex-col items-center px-4 opacity-0 duration-300",C&&"top-1/3 opacity-100")},{children:[e.jsx(r.default,{src:null==p?void 0:p.coverphoto,alt:`${null==p?void 0:p.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"}),e.jsxs("div",Object.assign({className:"flex flex-col items-center"},{children:[e.jsxs("h2",Object.assign({className:u.default("mt-6 text-center font-semibold opacity-70","viewport"===h?"min-[767px]:text-lg":"@[767px]:text-lg")},{children:[`${null==p?void 0:p.formtitle.slice(0,130)}${(null!==(m=null==p?void 0:p.formtitle)&&void 0!==m?m:"").length>130?"...":""}`,e.jsx("button",Object.assign({className:"ml-2 inline-block outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>k(!0)},{children:e.jsx(o.default,{className:"h-5 w-5 shrink-0",style:{color:f.accent}})}))]})),e.jsx("p",Object.assign({className:N("mt-2 line-clamp-3 whitespace-pre-line max-w-[600px] text-center font-semilight opacity-70")},{children:null==p?void 0:p.formdescription}))]}))]})),e.jsx("div",Object.assign({className:"flex w-full justify-center"},{children:w.isLoading?e.jsxs("div",Object.assign({className:"grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-6 pt-10"},{children:[e.jsx("div",{className:"h-10 w-[70%] animate-pulse justify-self-end rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===j.theme?"#1E1E1F":"#E5E7EB"}}),e.jsx("div",{className:"h-[150px] w-[70%] animate-pulse rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===j.theme?"#1E1E1F":"#E5E7EB"}}),e.jsx("div",{className:"h-10 w-[50%] animate-pulse justify-self-end rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===j.theme?"#1E1E1F":"#E5E7EB"}})]})):w.isError?e.jsx("div",Object.assign({className:"flex w-full max-w-[800px] justify-center pt-10"},{children:e.jsxs("p",Object.assign({className:"text-center text-xl font-semibold"},{children:["Something went wrong. Please try again, or"," ",e.jsx("a",Object.assign({href:"mailto:info@pickaxeproject.com?subject=Help"},{children:"contact us"}))," ","for help."]}))})):e.jsxs("div",Object.assign({className:u.default("relative grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-4 pt-6","viewport"===h?"min-[767px]:pt-10":"@[767px]:pt-10")},{children:[w.data.messages.map(((s,t)=>e.jsx(x.default,{message:s},t))),v.map(((s,t)=>e.jsx(x.default,{message:s},t))),"fetching"===b?e.jsxs("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:["NONE"!==(null==p?void 0:p.chaticon)&&e.jsx(r.default,{src:null==p?void 0:p.chaticon,alt:`${null==p?void 0:p.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6"}),e.jsxs("div",Object.assign({className:"flex items-center gap-x-2 rounded px-4 py-4",style:{backgroundColor:f.secondary+"80",color:f.secondaryText}},{children:[e.jsx("div",{className:"h-1.5 w-1.5 animate-dot rounded-full",style:{backgroundColor:f.secondaryText}}),e.jsx("div",{className:"h-1.5 w-1.5 animate-dot-down rounded-full",style:{backgroundColor:f.secondaryText}}),e.jsx("div",{className:"h-1.5 w-1.5 animate-dot rounded-full",style:{backgroundColor:f.secondaryText}})]}))]})):y?e.jsxs("div",Object.assign({className:"flex max-w-[80%] gap-x-3"},{children:[e.jsx(o.default,{className:"mt-2 h-6 w-6 shrink-0 text-red-500"}),e.jsx(n.default,{className:"x-4 py-2 font-semibold text-red-500",html:y})]})):null,e.jsx(c.default,{className:"absolute bottom-0 left-0 w-full"})]}))}))]}))};

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"),o=require("../../../hooks/core/useMediaQuery.js"),r=require("../../../hooks/pickaxe/usePickaxeContext.js"),n=require("../../../hooks/pickaxe/useResponseContext.js"),i=require("../../../hooks/studio/useStyleInput.js"),a=require("../../../hooks/studio/useStyleFontSize.js"),l=require("../../../hooks/pickaxe/useConversation.js"),d=require("../../../hooks/pickaxe/useSubmit.js"),u=require("../../../hooks/pickaxe/useSubmitResult.js"),c=require("../Addons/Document/hooks/useDocument.js"),m=require("../Addons/Scroll/hooks/useScroll.js"),p=require("../../../common/documents.js"),h=require("../../../common/api/streamer.js"),x=require("../../../node_modules/.pnpm/react-textarea-autosize@8.5.7_@types_react@18.3.18_react@18.3.1/node_modules/react-textarea-autosize/dist/react-textarea-autosize.esm.js"),f=require("../../Icons/attach.svg.js"),g=require("../../Icons/send.svg.js"),y=require("../Addons/IceBreaker/index.js"),b=require("../../../common/error.js"),j=require("../../../common/cn.js");exports.default=()=>{var v,k,w,I;const{formId:S,chatId:q,pickaxe:D,colors:A,isNewChat:C,responsive:_,forceMobile:N,setIsNewChat:R}=r.usePickaxeContext(),{messages:E,status:M,setMessages:O,setStatus:U,setError:z}=n.useResponseContext(),{documents:F,isUploading:T,isImageUploadAllowed:B,upsertDocuments:P,onFileUpload:K,onEditDocumentByDocId:L}=c.useDocument(),{isScrollIncreasing:Q,scrollToBottom:W,scrollStart:H,scrollEnd:Y}=m.useScroll(),G=l.useConversation(),J=d.useSubmit(),V=u.useSubmitResult(),[X,Z]=t.useState(""),$=t.useRef(null),[ee]=o.useMediaQuery("(max-width: 767px)"),se=i.useStyleInput(),te=a.useStyleFontSize({type:"body"}),oe=s=>e.__awaiter(void 0,void 0,void 0,(function*(){try{if(T)return;z(""),R(!1);const e=null!=s?s:X;if(!e||"fetching"===M||"streaming"===M)return;const t=new Date;Z("");const o="enduserupload"===(null==D?void 0:D.documentuploadtype),r=F.filter((e=>"finished"===e.status&&!e.isInsertedAsRaw)),n=r.length?r[r.length-1].documentId:"";U("fetching");const i=[...E,{id:E.length+1,role:"user",content:e}];O(i);const{success:a,data:l,usedDocumentIds:d,newDocumentId:u,newDocumentName:c,isInsertedFile:m,error:p}=yield J.mutateAsync(Object.assign({formId:S,responseId:q,value:e},o&&n&&{documentId:n}));if(!a)throw new Error(null!=p?p:"An error occurred, please try again.");m&&n&&L({documentId:n,isInsertedAsRaw:!0}),u&&c&&P([{type:"website",id:c,name:c,status:"finished",documentId:u}]),H(),W();const x=(yield h.streamer({formId:S,responseId:q,data:l})).body;if(!x)throw new Error("Streaming error");const f=x.getReader(),g=new TextDecoder,y=i.length;let b="",j=!0;for(U("streaming");j;){const{value:e,done:s}=yield f.read();j=!s;if(b+=g.decode(e),b)O([...i.slice(0,y),{id:E.length+1,role:"assistant",content:b}]),Q&&W();else if(!j&&!b)throw new Error("Server error")}const v=new Date;b&&(W(),U("idle"),yield V.mutateAsync({formId:S,responseId:q,documentIds:d,studioUserId:"USER68RFBSHU4YS2I4L",messages:[{role:"user",message:e,sentAt:t},{role:"assistant",message:b,sentAt:v}]}))}catch(e){let s=b.default(e);s.includes("Unexpected token 'A',")&&(s="Oops! We're experiencing high traffic at the moment. Please try again later."),z(s),W()}finally{U("idle"),Y()}}));return s.jsxs("div",Object.assign({className:j.default("fixed flex w-full flex-col bottom-0 left-0",_&&"min-[767px]:relative min-[767px]:bottom-auto min-[767px]:left-auto",N&&"min-[767px]:fixed min-[767px]:bottom-0 min-[767px]:left-0")},{children:[C&&D&&!G.isLoading&&(null!==(k=null===(v=G.data)||void 0===v?void 0:v.messages.length)&&void 0!==k?k:0)<=1&&D.icebreakers&&D.icebreakers.length>0&&s.jsx(y.default,{data:null!==(w=D.icebreakers)&&void 0!==w?w:[],style:{backgroundColor:A.secondary,color:A.secondaryText},isMobile:ee,onSend:oe}),s.jsxs("div",Object.assign({style:se,className:"flex min-h-[56px] items-end gap-x-2 px-4 py-3 pb-[15px] shadow"},{children:["enduserupload"===(null==D?void 0:D.documentuploadtype)&&s.jsxs("div",Object.assign({className:"tooltip"},{children:[s.jsx("input",{id:"file-upload",ref:$,type:"file",accept:[...p.allowedFileMimeTypes,...B?p.allowedImageMimeTypes:[]].join(", "),multiple:!0,hidden:!0,className:"hidden",onChange:s=>e.__awaiter(void 0,void 0,void 0,(function*(){yield K(Array.from(s.target.files||[])),s.target.value=""}))}),s.jsx("button",Object.assign({className:"flex items-center disabled:cursor-wait disabled:opacity-50",disabled:T,onClick:()=>{var e;return null===(e=$.current)||void 0===e?void 0:e.click()}},{children:s.jsx(f.default,{className:"h-6 w-6 shrink-0 stroke-2",style:{color:A.accent}})}))]})),s.jsx(x.default,{className:j.default(te("max-h-60 w-full resize-none border-transparent bg-transparent outline-none ring-0 scrollbar scrollbar-thin placeholder:font-semilight"),!X.length&&"max-h-6 overflow-hidden text-ellipsis whitespace-nowrap"),value:X,placeholder:null!==(I=null==D?void 0:D.placeholdertext)&&void 0!==I?I:"What do you want to talk about?",onChange:e=>Z(e.target.value),onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),oe())}}),s.jsx("button",Object.assign({className:"outline-none disabled:cursor-default disabled:opacity-50",disabled:"idle"!==M||T,onClick:()=>oe()},{children:s.jsx(g.default,{className:"h-6 w-6 shrink-0 stroke-2",style:{color:A.accent}})}))]}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("react"),o=require("../../../hooks/core/useMediaQuery.js"),r=require("../../../hooks/pickaxe/usePickaxeContext.js"),n=require("../../../hooks/pickaxe/useResponseContext.js"),a=require("../../../hooks/studio/useStyleInput.js"),i=require("../../../hooks/studio/useStyleFontSize.js"),l=require("../../../hooks/pickaxe/useConversation.js"),d=require("../../../hooks/pickaxe/useSubmit.js"),u=require("../../../hooks/pickaxe/useSubmitResult.js"),c=require("../Addons/Document/hooks/useDocument.js"),m=require("../Addons/Scroll/hooks/useScroll.js"),p=require("../../../common/documents.js"),h=require("../../../common/api/streamer.js"),x=require("../../../node_modules/.pnpm/react-textarea-autosize@8.5.7_@types_react@18.3.18_react@18.3.1/node_modules/react-textarea-autosize/dist/react-textarea-autosize.esm.js"),f=require("../../Icons/attach.svg.js"),g=require("../../Icons/send.svg.js"),y=require("../Addons/IceBreaker/index.js"),v=require("../../../common/error.js"),b=require("../../../common/cn.js");exports.default=()=>{var j,w,k,I;const{formId:S,chatId:q,pickaxe:D,colors:A,isNewChat:C,responsiveBy:_,setIsNewChat:N}=r.usePickaxeContext(),{messages:R,status:E,setMessages:O,setStatus:M,setError:U}=n.useResponseContext(),{documents:z,isUploading:F,isImageUploadAllowed:B,upsertDocuments:T,onFileUpload:P,onEditDocumentByDocId:K}=c.useDocument(),{isScrollIncreasing:L,scrollToBottom:Q,scrollStart:W,scrollEnd:H}=m.useScroll(),Y=l.useConversation(),G=d.useSubmit(),J=u.useSubmitResult(),[V,X]=t.useState(""),Z=t.useRef(null),[$]=o.useMediaQuery("(max-width: 767px)"),ee=a.useStyleInput(),se=i.useStyleFontSize({type:"body"}),te=s=>e.__awaiter(void 0,void 0,void 0,(function*(){try{if(F)return;U(""),N(!1);const e=null!=s?s:V;if(!e||"fetching"===E||"streaming"===E)return;const t=new Date;X("");const o="enduserupload"===(null==D?void 0:D.documentuploadtype),r=z.filter((e=>"finished"===e.status&&!e.isInsertedAsRaw)),n=r.length?r[r.length-1].documentId:"";M("fetching");const a=[...R,{id:R.length+1,role:"user",content:e}];O(a);const{success:i,data:l,usedDocumentIds:d,newDocumentId:u,newDocumentName:c,isInsertedFile:m,error:p}=yield G.mutateAsync(Object.assign({formId:S,responseId:q,value:e},o&&n&&{documentId:n}));if(!i)throw new Error(null!=p?p:"An error occurred, please try again.");m&&n&&K({documentId:n,isInsertedAsRaw:!0}),u&&c&&T([{type:"website",id:c,name:c,status:"finished",documentId:u}]),W(),Q();const x=(yield h.streamer({formId:S,responseId:q,data:l})).body;if(!x)throw new Error("Streaming error");const f=x.getReader(),g=new TextDecoder,y=a.length;let v="",b=!0;for(M("streaming");b;){const{value:e,done:s}=yield f.read();b=!s;if(v+=g.decode(e),v)O([...a.slice(0,y),{id:R.length+1,role:"assistant",content:v}]),L&&Q();else if(!b&&!v)throw new Error("Server error")}const j=new Date;v&&(Q(),M("idle"),yield J.mutateAsync({formId:S,responseId:q,documentIds:d,studioUserId:"USER68RFBSHU4YS2I4L",messages:[{role:"user",message:e,sentAt:t},{role:"assistant",message:v,sentAt:j}]}))}catch(e){let s=v.default(e);s.includes("Unexpected token 'A',")&&(s="Oops! We're experiencing high traffic at the moment. Please try again later."),U(s),Q()}finally{M("idle"),H()}}));return s.jsxs("div",Object.assign({className:b.default("fixed flex w-full flex-col bottom-0 left-0","viewport"===_?"min-[767px]:relative min-[767px]:bottom-auto min-[767px]:left-auto":"absolute @[767px]:relative @[767px]:bottom-auto @[767px]:left-auto")},{children:[C&&D&&!Y.isLoading&&(null!==(w=null===(j=Y.data)||void 0===j?void 0:j.messages.length)&&void 0!==w?w:0)<=1&&D.icebreakers&&D.icebreakers.length>0&&s.jsx(y.default,{data:null!==(k=D.icebreakers)&&void 0!==k?k:[],style:{backgroundColor:A.secondary,color:A.secondaryText},isMobile:$,onSend:te}),s.jsxs("div",Object.assign({style:ee,className:"flex min-h-[56px] items-end gap-x-2 px-4 py-3 pb-[15px] shadow"},{children:["enduserupload"===(null==D?void 0:D.documentuploadtype)&&s.jsxs("div",Object.assign({className:"tooltip"},{children:[s.jsx("input",{id:"file-upload",ref:Z,type:"file",accept:[...p.allowedFileMimeTypes,...B?p.allowedImageMimeTypes:[]].join(", "),multiple:!0,hidden:!0,className:"hidden",onChange:s=>e.__awaiter(void 0,void 0,void 0,(function*(){yield P(Array.from(s.target.files||[])),s.target.value=""}))}),s.jsx("button",Object.assign({className:"flex items-center disabled:cursor-wait disabled:opacity-50",disabled:F,onClick:()=>{var e;return null===(e=Z.current)||void 0===e?void 0:e.click()}},{children:s.jsx(f.default,{className:"h-6 w-6 shrink-0 stroke-2",style:{color:A.accent}})}))]})),s.jsx(x.default,{className:b.default(se("max-h-60 w-full resize-none border-transparent bg-transparent outline-none ring-0 scrollbar scrollbar-thin placeholder:font-semilight"),!V.length&&"max-h-6 overflow-hidden text-ellipsis whitespace-nowrap"),value:V,placeholder:null!==(I=null==D?void 0:D.placeholdertext)&&void 0!==I?I:"What do you want to talk about?",onChange:e=>X(e.target.value),onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),te())}}),s.jsx("button",Object.assign({className:"outline-none disabled:cursor-default disabled:opacity-50",disabled:"idle"!==E||F,onClick:()=>te()},{children:s.jsx(g.default,{className:"h-6 w-6 shrink-0 stroke-2",style:{color:A.accent}})}))]}))]}))};

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("../../../hooks/pickaxe/usePickaxeContext.js"),l=require("../Addons/Scroll/hooks/useScroll.js"),r=require("../../Core/ScrollArea.js"),i=require("../Addons/Document/List.js"),t=require("./History/index.js"),o=require("./Input.js"),a=require("../../../common/cn.js");exports.default=()=>{const{pickaxe:c,isShowIceBreaker:n,responsive:x,forceMobile:u}=s.usePickaxeContext(),{scrollContainerRef:d}=l.useScroll();return e.jsx("div",Object.assign({className:"relative flex flex-grow flex-col items-center"},{children:e.jsxs("div",Object.assign({className:"relative flex w-full max-w-[800px] flex-grow flex-col"},{children:["enduserupload"===(null==c?void 0:c.documentuploadtype)&&e.jsx(i.default,{className:"absolute z-10 mt-4"}),e.jsx("div",Object.assign({className:a.default("flex w-full flex-grow flex-col pb-[4.5rem]",x&&"min-[767px]:pb-24",n&&"pb-40",x&&n&&"min-[767px]:pb-44",u&&"min-[767px]:pb-[4.5rem]",u&&n&&"min-[767px]:pb-40")},{children:e.jsx(r.default,Object.assign({ref:d,hideScrollbar:!0},{children:e.jsx(t.default,{})}))})),e.jsx("div",Object.assign({className:a.default("absolute bottom-0 flex w-full justify-center",x&&"min-[767px]:mx-4 min-[767px]:mt-4 min-[767px]:mb-6",u&&"min-[767px]:m-0")},{children:e.jsx(o.default,{})}))]}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../hooks/pickaxe/usePickaxeContext.js"),l=require("../Addons/Scroll/hooks/useScroll.js"),r=require("../../Core/ScrollArea.js"),i=require("../Addons/Document/List.js"),t=require("./History/index.js"),o=require("./Input.js"),x=require("../../../common/cn.js");exports.default=()=>{const{pickaxe:a,isShowIceBreaker:c,responsiveBy:u}=s.usePickaxeContext(),{scrollContainerRef:n}=l.useScroll();return e.jsx("div",Object.assign({className:"relative flex flex-grow flex-col items-center"},{children:e.jsxs("div",Object.assign({className:"relative flex w-full max-w-[800px] flex-grow flex-col"},{children:["enduserupload"===(null==a?void 0:a.documentuploadtype)&&e.jsx(i.default,{className:"absolute z-10 mt-4"}),e.jsx("div",Object.assign({className:x.default("flex w-full flex-grow flex-col pb-[4.5rem]","viewport"===u?"min-[767px]:pb-24":"@[767px]:pb-24",c&&"pb-40",c&&("viewport"===u?"min-[767px]:pb-44":"@[767px]:pb-44"))},{children:e.jsx(r.default,Object.assign({ref:n,hideScrollbar:!0},{children:e.jsx(t.default,{})}))})),e.jsx("div",Object.assign({className:x.default("absolute bottom-0 flex w-full justify-center","viewport"===u?"min-[767px]:mx-4 min-[767px]:mt-4 min-[767px]:mb-6":"@[767px]:mx-4 @[767px]:mt-4 @[767px]:mb-6")},{children:e.jsx(o.default,{})}))]}))}))};

package/dist/cjs/components/Pickaxe/Form/Head.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("../../../hooks/pickaxe/usePickaxeContext.js"),s=require("../../../hooks/studio/useStyleFontSize.js"),o=require("../../Icons/circle-info.svg.js"),l=require("../common/PickaxeIcon.js"),n=require("../common/PickaxeInfoModal.js"),c=require("../../../common/cn.js");exports.default=()=>{var r;const{pickaxe:a,colors:u,responsive:x,forceMobile:d}=i.usePickaxeContext(),[m,p]=t.useState(!1),h=s.useStyleFontSize({type:"body"});return e.jsxs("div",Object.assign({className:"flex flex-col items-center"},{children:[m&&e.jsx(n.default,{isOpen:m,onChangeIsOpen:p}),e.jsx(l.default,{src:null==a?void 0:a.coverphoto,alt:`${null==a?void 0:a.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"}),e.jsxs("h2",Object.assign({className:c.default("mt-6 text-center font-semibold opacity-70",x&&"min-[767px]:text-[18px]",d&&"min-[767px]:text-base")},{children:[`${null==a?void 0:a.formtitle.slice(0,130)}${(null!==(r=null==a?void 0:a.formtitle)&&void 0!==r?r:"").length>130?"...":""}`,e.jsx("button",Object.assign({className:"ml-2 inline-block outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>p(!0)},{children:e.jsx(o.default,{className:"h-5 w-5 shrink-0",style:{color:u.accent}})}))]})),e.jsx("p",Object.assign({className:h("mt-2 max-w-[600px] line-clamp-3 whitespace-pre-line text-center font-semilight opacity-70")},{children:null==a?void 0:a.formdescription}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("../../../hooks/pickaxe/usePickaxeContext.js"),s=require("../../../hooks/studio/useStyleFontSize.js"),o=require("../../Icons/circle-info.svg.js"),l=require("../common/PickaxeIcon.js"),n=require("../common/PickaxeInfoModal.js"),c=require("../../../common/cn.js");exports.default=()=>{var r;const{pickaxe:a,colors:u,responsiveBy:x}=i.usePickaxeContext(),[d,p]=t.useState(!1),m=s.useStyleFontSize({type:"body"});return e.jsxs("div",Object.assign({className:"flex flex-col items-center"},{children:[d&&e.jsx(n.default,{isOpen:d,onChangeIsOpen:p}),e.jsx(l.default,{src:null==a?void 0:a.coverphoto,alt:`${null==a?void 0:a.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"}),e.jsxs("h2",Object.assign({className:c.default("mt-6 text-center font-semibold opacity-70","viewport"===x?"min-[767px]:text-[18px]":"@[767px]:text-[18px]")},{children:[`${null==a?void 0:a.formtitle.slice(0,130)}${(null!==(r=null==a?void 0:a.formtitle)&&void 0!==r?r:"").length>130?"...":""}`,e.jsx("button",Object.assign({className:"ml-2 inline-block outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>p(!0)},{children:e.jsx(o.default,{className:"h-5 w-5 shrink-0",style:{color:u.accent}})}))]})),e.jsx("p",Object.assign({className:m("mt-2 max-w-[600px] line-clamp-3 whitespace-pre-line text-center font-semilight opacity-70")},{children:null==a?void 0:a.formdescription}))]}))};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../hooks/pickaxe/usePickaxeContext.js"),i=require("./Head.js"),t=require("./History/index.js"),l=require("./NewChat.js"),r=require("./Questions/index.js"),x=require("../../../common/cn.js");exports.default=()=>{const{pickaxe:a,responsive:c,forceMobile:u}=s.usePickaxeContext();return e.jsx("div",Object.assign({className:x.default("flex w-full flex-col items-center pt-12 px-4 pb-10",c&&"min-[767px]:pb-40",u&&"min-[767px]:pb-10")},{children:e.jsxs("div",Object.assign({className:"flex w-full max-w-[700px] flex-col"},{children:[e.jsx(i.default,{}),e.jsxs("div",Object.assign({className:x.default("flex flex-col gap-y-8",c&&"min-[767px]:mt-4",u&&"min-[767px]:mt-0")},{children:[(null==a?void 0:a.chatflag)?e.jsx(l.default,{}):e.jsx(r.default,{}),e.jsx(t.default,{})]}))]}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../hooks/pickaxe/usePickaxeContext.js"),t=require("./Head.js"),i=require("./History/index.js"),r=require("./NewChat.js"),l=require("./Questions/index.js"),x=require("../../../common/cn.js");exports.default=()=>{const{pickaxe:a,responsiveBy:u}=s.usePickaxeContext();return e.jsx("div",Object.assign({className:x.default("flex w-full flex-col items-center pt-12 px-4 pb-10","viewport"===u?"min-[767px]:pb-40":"@[767px]:pb-40")},{children:e.jsxs("div",Object.assign({className:"flex w-full max-w-[700px] flex-col"},{children:[e.jsx(t.default,{}),e.jsxs("div",Object.assign({className:x.default("flex flex-col gap-y-8","viewport"===u?"min-[767px]:mt-4":"@[767px]:mt-4")},{children:[(null==a?void 0:a.chatflag)?e.jsx(r.default,{}):e.jsx(l.default,{}),e.jsx(i.default,{})]}))]}))}))};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./Addons/Document/Provider.js"),s=require("./ResponseProvider.js");const o=t.createContext({});exports.PickaxeContext=o,exports.PickaxeProvider=({styles:i,colors:a,responsive:c=!0,forceMobile:n=!1,children:d})=>{const[l,u]=t.useState(""),[F,x]=t.useState(""),[h,S]=t.useState(null),[f,j]=t.useState(!0),[y,p]=t.useState(!0),[v,I]=t.useState(!1);return e.jsx(o.Provider,Object.assign({value:{formId:l,chatId:F,pickaxe:h,styles:Object.assign({theme:"light",font:"Real Head Pro",fontSize:"md",formFieldStyle:"box",btnStyle:"filled",outlineThickness:1,cornerRadius:4},i),colors:Object.assign({primary:"#F6F8FA",text:"#000000",secondary:"#FFFFFF",secondaryText:"#000000",accent:"#228DD7",accentText:"#FFFFFF",error:"#EF4444"},a),isNewChat:f,isShowIceBreaker:y,isShowHistory:v,responsive:c,forceMobile:n,setFormId:u,setChatId:x,setPickaxe:S,setIsNewChat:j,setIsShowIceBreaker:p,setIsShowHistory:I}},{children:e.jsx(s.default,{children:e.jsx(r.default,{children:d})})}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("./Addons/Document/Provider.js"),r=require("./ResponseProvider.js");const o=t.createContext({});exports.PickaxeContext=o,exports.PickaxeProvider=({styles:i,colors:a,responsiveBy:c="viewport",children:n})=>{const[d,l]=t.useState(""),[u,F]=t.useState(""),[x,h]=t.useState(null),[S,y]=t.useState(!0),[j,p]=t.useState(!0),[v,I]=t.useState(!1);return e.jsx(o.Provider,Object.assign({value:{formId:d,chatId:u,pickaxe:x,styles:Object.assign({theme:"light",font:"Real Head Pro",fontSize:"md",formFieldStyle:"box",btnStyle:"filled",outlineThickness:1,cornerRadius:4},i),colors:Object.assign({primary:"#F6F8FA",text:"#000000",secondary:"#FFFFFF",secondaryText:"#000000",accent:"#228DD7",accentText:"#FFFFFF",error:"#EF4444"},a),isNewChat:S,isShowIceBreaker:j,isShowHistory:v,responsiveBy:c,setFormId:l,setChatId:F,setPickaxe:h,setIsNewChat:y,setIsShowIceBreaker:p,setIsShowHistory:I}},{children:e.jsx(r.default,{children:e.jsx(s.default,{children:n})})}))};

package/dist/cjs/components/Pickaxe/common/PickaxeInfoModal.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../hooks/pickaxe/usePickaxeContext.js"),t=require("../../../hooks/studio/useStyleFontSize.js"),i=require("../../Icons/x.svg.js"),o=require("../../Core/Modal/index.js"),r=require("../../Core/Modal/Body.js"),l=require("./PickaxeIcon.js"),a=require("../../../common/cn.js");exports.default=({isOpen:n,onChangeIsOpen:c})=>{const{pickaxe:x,colors:d,responsive:u,forceMobile:m}=s.usePickaxeContext(),p=t.useStyleFontSize({type:"body"});return e.jsx(o.default,Object.assign({isOpen:n,onChange:c},{children:e.jsxs(r.default,Object.assign({className:a.default("relative flex flex-col px-8 py-[26px] w-full",u&&"min-[767px]:max-w-[480px] max-[767px]:border-0",m&&"border-0 min-[767px]:max-w-[100%]"),style:{backgroundColor:d.primary,borderColor:d.text+"4D"},avoidOverflow:!0},{children:[e.jsx("div",Object.assign({className:"flex items-start justify-end gap-4"},{children:e.jsx("button",Object.assign({className:"outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>c(!1)},{children:e.jsx(i.default,{className:"h-6 w-6 shrink-0"})}))})),e.jsx("div",Object.assign({className:"mt-8 flex flex-col items-center"},{children:e.jsxs("div",Object.assign({className:"flex w-full max-w-[360px] flex-col items-center text-center"},{children:[e.jsx(l.default,{src:null==x?void 0:x.coverphoto,alt:`${null==x?void 0:x.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"}),e.jsx("h2",Object.assign({className:a.default("mt-6 text-center font-semibold opacity-70",u&&"min-[767px]:text-[18px]",m&&"min-[767px]:text-base")},{children:null==x?void 0:x.formtitle})),e.jsx("p",Object.assign({className:p("mt-4 font-semilight opacity-70")},{children:null==x?void 0:x.formdescription}))]}))}))]}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../hooks/pickaxe/usePickaxeContext.js"),t=require("../../../hooks/studio/useStyleFontSize.js"),i=require("../../Icons/x.svg.js"),o=require("../../Core/Modal/index.js"),r=require("../../Core/Modal/Body.js"),l=require("./PickaxeIcon.js"),a=require("../../../common/cn.js");exports.default=({isOpen:n,onChangeIsOpen:c})=>{const{pickaxe:x,colors:d,responsiveBy:u}=s.usePickaxeContext(),p=t.useStyleFontSize({type:"body"});return e.jsx(o.default,Object.assign({isOpen:n,onChange:c},{children:e.jsxs(r.default,Object.assign({className:"relative flex flex-col px-8 py-[26px] w-full min-[767px]:max-w-[480px] max-[767px]:border-0",style:{backgroundColor:d.primary,borderColor:d.text+"4D"},avoidOverflow:!0},{children:[e.jsx("div",Object.assign({className:"flex items-start justify-end gap-4"},{children:e.jsx("button",Object.assign({className:"outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>c(!1)},{children:e.jsx(i.default,{className:"h-6 w-6 shrink-0"})}))})),e.jsx("div",Object.assign({className:"mt-8 flex flex-col items-center"},{children:e.jsxs("div",Object.assign({className:"flex w-full max-w-[360px] flex-col items-center text-center"},{children:[e.jsx(l.default,{src:null==x?void 0:x.coverphoto,alt:`${null==x?void 0:x.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"}),e.jsx("h2",Object.assign({className:a.default("mt-6 text-center font-semibold opacity-70","viewport"===u?"min-[767px]:text-[18px]":"@[767px]:text-[18px]")},{children:null==x?void 0:x.formtitle})),e.jsx("p",Object.assign({className:p("mt-4 font-semilight opacity-70")},{children:null==x?void 0:x.formdescription}))]}))}))]}))}))};

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

@@ -20,6 +20,7 @@ export type PickaxeProviderColors = {
     accentText: string;
     error: string;
 };
+export type PickaxeResponsiveBy = "viewport" | "container";
 type PickaxeContextType = {
     formId: string;
     chatId: string;
@@ -29,8 +30,7 @@ type PickaxeContextType = {
     isNewChat: boolean;
     isShowIceBreaker: boolean;
     isShowHistory: boolean;
-    responsive: boolean;
-    forceMobile: boolean;
+    responsiveBy: PickaxeResponsiveBy;
     setFormId: SetState<string>;
     setChatId: SetState<string>;
     setPickaxe: SetState<Pickaxe | null>;
@@ -41,10 +41,9 @@ type PickaxeContextType = {
 export interface IPickaxeProviderProps {
     styles?: Partial<PickaxeProviderStyles>;
     colors?: Partial<PickaxeProviderColors>;
-    responsive?: boolean;
-    forceMobile?: boolean;
+    responsiveBy?: PickaxeResponsiveBy;
     children: ReactNode;
 }
 export declare const PickaxeContext: import("react").Context<PickaxeContextType>;
-export declare const PickaxeProvider: ({ styles, colors, responsive, forceMobile, children, }: IPickaxeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PickaxeProvider: ({ styles, colors, responsiveBy, children, }: IPickaxeProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -7,8 +7,7 @@ export declare const usePickaxeContext: () => {
     isNewChat: boolean;
     isShowIceBreaker: boolean;
     isShowHistory: boolean;
-    responsive: boolean;
-    forceMobile: boolean;
+    responsiveBy: import("../../components/Pickaxe/Provider").PickaxeResponsiveBy;
     setFormId: import("../../types/common").SetState<string>;
     setChatId: import("../../types/common").SetState<string>;
     setPickaxe: import("../../types/common").SetState<import("../../types/pickaxe").Pickaxe | null>;

package/dist/esm/components/Pickaxe/Chat/History/Message.js

@@ -1 +1 @@
-import{jsx as e,jsxs as s}from"react/jsx-runtime";import{usePickaxeContext as o}from"../../../../hooks/pickaxe/usePickaxeContext.js";import a from"../../common/PickaxeIcon.js";import c from"../../common/PickaxeMarkdown.js";import t from"../../common/PickaxeCopyButton.js";import l from"../../../../common/cn.js";const r=({message:r})=>{var i;const{formId:n,pickaxe:m,colors:x,responsive:d,forceMobile:p}=o(),h=null!==(i=null==m?void 0:m.chaticon)&&void 0!==i?i:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/chaticons/${n}.png`;return"assistant"===r.role?e("div",Object.assign({className:l("flex flex-col",d&&"min-[767px]:max-w-[80%]",p&&"min-[767px]:max-w-[100%]")},{children:s("div",Object.assign({className:"flex gap-x-3"},{children:["NONE"!==h&&e(a,{src:h,alt:"Assistant",width:24,height:24,className:"my-3 h-6 w-6",textColor:x.text}),s("div",Object.assign({className:"flex flex-col"},{children:[e("div",Object.assign({className:"chat-message overflow-x-auto overflow-y-hidden rounded px-4 py-3 scrollbar-thin scrollbar-track-white scrollbar-thumb-[#4A4A4B]",style:{backgroundColor:x.secondary+"80",color:x.secondaryText}},{children:e(c,{className:"relative",html:r.content})})),e("div",Object.assign({className:"mb-2 ml-2 mt-4 flex gap-3"},{children:e(t,{color:x.accent,text:r.content})}))]}))]}))})):"user"===r.role?e("div",Object.assign({className:l("flex gap-x-3 justify-self-end pl-9",d&&"min-[767px]:max-w-[80%] min-[767px]:pl-0",p&&"min-[767px]:max-w-[100%] min-[767px]:pl-9")},{children:e("div",Object.assign({className:"overflow-x-auto overflow-y-hidden rounded px-4 py-3 scrollbar-thin scrollbar-track-white scrollbar-thumb-[#4A4A4B]"},{children:e(c,{className:"relative",html:r.content})}))})):e("div",{})};export{r as default};
+import{jsx as e,jsxs as s}from"react/jsx-runtime";import{usePickaxeContext as o}from"../../../../hooks/pickaxe/usePickaxeContext.js";import a from"../../common/PickaxeIcon.js";import t from"../../common/PickaxeMarkdown.js";import c from"../../common/PickaxeCopyButton.js";import l from"../../../../common/cn.js";const r=({message:r})=>{var i;const{formId:n,pickaxe:m,colors:x,responsiveBy:d}=o(),p=null!==(i=null==m?void 0:m.chaticon)&&void 0!==i?i:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/chaticons/${n}.png`;return"assistant"===r.role?e("div",Object.assign({className:l("flex flex-col","viewport"===d?"min-[767px]:max-w-[80%]":"@[767px]:max-w-[80%]")},{children:s("div",Object.assign({className:"flex gap-x-3"},{children:["NONE"!==p&&e(a,{src:p,alt:"Assistant",width:24,height:24,className:"my-3 h-6 w-6",textColor:x.text}),s("div",Object.assign({className:"flex flex-col"},{children:[e("div",Object.assign({className:"chat-message overflow-x-auto overflow-y-hidden rounded px-4 py-3 scrollbar-thin scrollbar-track-white scrollbar-thumb-[#4A4A4B]",style:{backgroundColor:x.secondary+"80",color:x.secondaryText}},{children:e(t,{className:"relative",html:r.content})})),e("div",Object.assign({className:"mb-2 ml-2 mt-4 flex gap-3"},{children:e(c,{color:x.accent,text:r.content})}))]}))]}))})):"user"===r.role?e("div",Object.assign({className:l("flex gap-x-3 justify-self-end pl-9","viewport"===d?"min-[767px]:max-w-[80%] min-[767px]:pl-0":"@[767px]:max-w-[80%] @[767px]:pl-0")},{children:e("div",Object.assign({className:"overflow-x-auto overflow-y-hidden rounded px-4 py-3 scrollbar-thin scrollbar-track-white scrollbar-thumb-[#4A4A4B]"},{children:e(t,{className:"relative",html:r.content})}))})):e("div",{})};export{r as default};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useState as t,useMemo as o}from"react";import{usePickaxeContext as a}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as l}from"../../../../hooks/pickaxe/useResponseContext.js";import{useStyleFontSize as i}from"../../../../hooks/studio/useStyleFontSize.js";import{useConversation as r}from"../../../../hooks/pickaxe/useConversation.js";import c from"../../../Icons/circle-info.svg.js";import n from"../../common/PickaxeIcon.js";import m from"../../../Core/HtmlRenderer.js";import d from"../../Addons/Scroll/ScrollLockView.js";import p from"../../common/PickaxeInfoModal.js";import x from"./Message.js";import f from"../../../../common/cn.js";const u=()=>{var u;const{pickaxe:h,styles:g,colors:b,isNewChat:v,responsive:j,forceMobile:y}=a(),{messages:w,status:E,error:k}=l(),N=r(),[O,C]=t(!1),F=i({type:"body"}),S=o((()=>!!N.data&&!(N.data.messages.length<=1)),[N.data]),B=o((()=>N.isSuccess&&v&&!S),[N.isSuccess,v,S]);return e("div",Object.assign({className:"relative flex flex-grow flex-col justify-end"},{children:[O&&s(p,{isOpen:O,onChangeIsOpen:C}),e("div",Object.assign({className:f("absolute left-1/2 top-5 flex w-full max-w-[400px] -translate-x-1/2 -translate-y-1/3 transform flex-col items-center px-4 opacity-0 duration-300",B&&"top-1/3 opacity-100")},{children:[s(n,{src:null==h?void 0:h.coverphoto,alt:`${null==h?void 0:h.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"}),e("div",Object.assign({className:"flex flex-col items-center"},{children:[e("h2",Object.assign({className:f("mt-6 text-center font-semibold opacity-70",j&&"min-[767px]:text-lg",y&&"min-[767px]:text-base")},{children:[`${null==h?void 0:h.formtitle.slice(0,130)}${(null!==(u=null==h?void 0:h.formtitle)&&void 0!==u?u:"").length>130?"...":""}`,s("button",Object.assign({className:"ml-2 inline-block outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>C(!0)},{children:s(c,{className:"h-5 w-5 shrink-0",style:{color:b.accent}})}))]})),s("p",Object.assign({className:F("mt-2 line-clamp-3 whitespace-pre-line max-w-[600px] text-center font-semilight opacity-70")},{children:null==h?void 0:h.formdescription}))]}))]})),s("div",Object.assign({className:"flex w-full justify-center"},{children:N.isLoading?e("div",Object.assign({className:"grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-6 pt-10"},{children:[s("div",{className:"h-10 w-[70%] animate-pulse justify-self-end rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===g.theme?"#1E1E1F":"#E5E7EB"}}),s("div",{className:"h-[150px] w-[70%] animate-pulse rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===g.theme?"#1E1E1F":"#E5E7EB"}}),s("div",{className:"h-10 w-[50%] animate-pulse justify-self-end rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===g.theme?"#1E1E1F":"#E5E7EB"}})]})):N.isError?s("div",Object.assign({className:"flex w-full max-w-[800px] justify-center pt-10"},{children:e("p",Object.assign({className:"text-center text-xl font-semibold"},{children:["Something went wrong. Please try again, or"," ",s("a",Object.assign({href:"mailto:info@pickaxeproject.com?subject=Help"},{children:"contact us"}))," ","for help."]}))})):e("div",Object.assign({className:f("relative grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-4 pt-6",j&&"min-[767px]:pt-10",y&&"min-[767px]:pt-6")},{children:[N.data.messages.map(((e,t)=>s(x,{message:e},t))),w.map(((e,t)=>s(x,{message:e},t))),"fetching"===E?e("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:["NONE"!==(null==h?void 0:h.chaticon)&&s(n,{src:null==h?void 0:h.chaticon,alt:`${null==h?void 0:h.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6"}),e("div",Object.assign({className:"flex items-center gap-x-2 rounded px-4 py-4",style:{backgroundColor:b.secondary+"80",color:b.secondaryText}},{children:[s("div",{className:"h-1.5 w-1.5 animate-dot rounded-full",style:{backgroundColor:b.secondaryText}}),s("div",{className:"h-1.5 w-1.5 animate-dot-down rounded-full",style:{backgroundColor:b.secondaryText}}),s("div",{className:"h-1.5 w-1.5 animate-dot rounded-full",style:{backgroundColor:b.secondaryText}})]}))]})):k?e("div",Object.assign({className:"flex max-w-[80%] gap-x-3"},{children:[s(c,{className:"mt-2 h-6 w-6 shrink-0 text-red-500"}),s(m,{className:"x-4 py-2 font-semibold text-red-500",html:k})]})):null,s(d,{className:"absolute bottom-0 left-0 w-full"})]}))}))]}))};export{u as default};
+import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useState as t,useMemo as o}from"react";import{usePickaxeContext as a}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as l}from"../../../../hooks/pickaxe/useResponseContext.js";import{useStyleFontSize as i}from"../../../../hooks/studio/useStyleFontSize.js";import{useConversation as r}from"../../../../hooks/pickaxe/useConversation.js";import c from"../../../Icons/circle-info.svg.js";import n from"../../common/PickaxeIcon.js";import m from"../../../Core/HtmlRenderer.js";import d from"../../Addons/Scroll/ScrollLockView.js";import p from"../../common/PickaxeInfoModal.js";import x from"./Message.js";import u from"../../../../common/cn.js";const f=()=>{var f;const{pickaxe:g,styles:h,colors:b,isNewChat:v,responsiveBy:y}=a(),{messages:j,status:w,error:E}=l(),k=r(),[N,O]=t(!1),C=i({type:"body"}),B=o((()=>!!k.data&&!(k.data.messages.length<=1)),[k.data]),F=o((()=>k.isSuccess&&v&&!B),[k.isSuccess,v,B]);return e("div",Object.assign({className:"relative flex flex-grow flex-col justify-end"},{children:[N&&s(p,{isOpen:N,onChangeIsOpen:O}),e("div",Object.assign({className:u("absolute left-1/2 top-5 flex w-full max-w-[400px] -translate-x-1/2 -translate-y-1/3 transform flex-col items-center px-4 opacity-0 duration-300",F&&"top-1/3 opacity-100")},{children:[s(n,{src:null==g?void 0:g.coverphoto,alt:`${null==g?void 0:g.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"}),e("div",Object.assign({className:"flex flex-col items-center"},{children:[e("h2",Object.assign({className:u("mt-6 text-center font-semibold opacity-70","viewport"===y?"min-[767px]:text-lg":"@[767px]:text-lg")},{children:[`${null==g?void 0:g.formtitle.slice(0,130)}${(null!==(f=null==g?void 0:g.formtitle)&&void 0!==f?f:"").length>130?"...":""}`,s("button",Object.assign({className:"ml-2 inline-block outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>O(!0)},{children:s(c,{className:"h-5 w-5 shrink-0",style:{color:b.accent}})}))]})),s("p",Object.assign({className:C("mt-2 line-clamp-3 whitespace-pre-line max-w-[600px] text-center font-semilight opacity-70")},{children:null==g?void 0:g.formdescription}))]}))]})),s("div",Object.assign({className:"flex w-full justify-center"},{children:k.isLoading?e("div",Object.assign({className:"grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-6 pt-10"},{children:[s("div",{className:"h-10 w-[70%] animate-pulse justify-self-end rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===h.theme?"#1E1E1F":"#E5E7EB"}}),s("div",{className:"h-[150px] w-[70%] animate-pulse rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===h.theme?"#1E1E1F":"#E5E7EB"}}),s("div",{className:"h-10 w-[50%] animate-pulse justify-self-end rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===h.theme?"#1E1E1F":"#E5E7EB"}})]})):k.isError?s("div",Object.assign({className:"flex w-full max-w-[800px] justify-center pt-10"},{children:e("p",Object.assign({className:"text-center text-xl font-semibold"},{children:["Something went wrong. Please try again, or"," ",s("a",Object.assign({href:"mailto:info@pickaxeproject.com?subject=Help"},{children:"contact us"}))," ","for help."]}))})):e("div",Object.assign({className:u("relative grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-4 pt-6","viewport"===y?"min-[767px]:pt-10":"@[767px]:pt-10")},{children:[k.data.messages.map(((e,t)=>s(x,{message:e},t))),j.map(((e,t)=>s(x,{message:e},t))),"fetching"===w?e("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:["NONE"!==(null==g?void 0:g.chaticon)&&s(n,{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"}),e("div",Object.assign({className:"flex items-center gap-x-2 rounded px-4 py-4",style:{backgroundColor:b.secondary+"80",color:b.secondaryText}},{children:[s("div",{className:"h-1.5 w-1.5 animate-dot rounded-full",style:{backgroundColor:b.secondaryText}}),s("div",{className:"h-1.5 w-1.5 animate-dot-down rounded-full",style:{backgroundColor:b.secondaryText}}),s("div",{className:"h-1.5 w-1.5 animate-dot rounded-full",style:{backgroundColor:b.secondaryText}})]}))]})):E?e("div",Object.assign({className:"flex max-w-[80%] gap-x-3"},{children:[s(c,{className:"mt-2 h-6 w-6 shrink-0 text-red-500"}),s(m,{className:"x-4 py-2 font-semibold text-red-500",html:E})]})):null,s(d,{className:"absolute bottom-0 left-0 w-full"})]}))}))]}))};export{f as default};

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

@@ -1 +1 @@
-import{__awaiter as e}from"../../../_virtual/_tslib.js";import{jsxs as o,jsx as t}from"react/jsx-runtime";import{useState as s,useRef as r}from"react";import{useMediaQuery as n}from"../../../hooks/core/useMediaQuery.js";import{usePickaxeContext as i}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as a}from"../../../hooks/pickaxe/useResponseContext.js";import{useStyleInput as l}from"../../../hooks/studio/useStyleInput.js";import{useStyleFontSize as d}from"../../../hooks/studio/useStyleFontSize.js";import{useConversation as c}from"../../../hooks/pickaxe/useConversation.js";import{useSubmit as m}from"../../../hooks/pickaxe/useSubmit.js";import{useSubmitResult as u}from"../../../hooks/pickaxe/useSubmitResult.js";import{useDocument as p}from"../Addons/Document/hooks/useDocument.js";import{useScroll as f}from"../Addons/Scroll/hooks/useScroll.js";import{allowedFileMimeTypes as h,allowedImageMimeTypes as g}from"../../../common/documents.js";import{streamer as x}from"../../../common/api/streamer.js";import y from"../../../node_modules/.pnpm/react-textarea-autosize@8.5.7_@types_react@18.3.18_react@18.3.1/node_modules/react-textarea-autosize/dist/react-textarea-autosize.esm.js";import b from"../../Icons/attach.svg.js";import v from"../../Icons/send.svg.js";import k from"../Addons/IceBreaker/index.js";import w from"../../../common/error.js";import I from"../../../common/cn.js";const j=()=>{var j,S,A,D;const{formId:N,chatId:C,pickaxe:E,colors:O,isNewChat:R,responsive:U,forceMobile:_,setIsNewChat:z}=i(),{messages:B,status:F,setMessages:M,setStatus:T,setError:K}=a(),{documents:L,isUploading:P,isImageUploadAllowed:W,upsertDocuments:H,onFileUpload:Q,onEditDocumentByDocId:Y}=p(),{isScrollIncreasing:q,scrollToBottom:G,scrollStart:J,scrollEnd:V}=f(),X=c(),Z=m(),$=u(),[ee,oe]=s(""),te=r(null),[se]=n("(max-width: 767px)"),re=l(),ne=d({type:"body"}),ie=o=>e(void 0,void 0,void 0,(function*(){try{if(P)return;K(""),z(!1);const e=null!=o?o:ee;if(!e||"fetching"===F||"streaming"===F)return;const t=new Date;oe("");const s="enduserupload"===(null==E?void 0:E.documentuploadtype),r=L.filter((e=>"finished"===e.status&&!e.isInsertedAsRaw)),n=r.length?r[r.length-1].documentId:"";T("fetching");const i=[...B,{id:B.length+1,role:"user",content:e}];M(i);const{success:a,data:l,usedDocumentIds:d,newDocumentId:c,newDocumentName:m,isInsertedFile:u,error:p}=yield Z.mutateAsync(Object.assign({formId:N,responseId:C,value:e},s&&n&&{documentId:n}));if(!a)throw new Error(null!=p?p:"An error occurred, please try again.");u&&n&&Y({documentId:n,isInsertedAsRaw:!0}),c&&m&&H([{type:"website",id:m,name:m,status:"finished",documentId:c}]),J(),G();const f=(yield x({formId:N,responseId:C,data:l})).body;if(!f)throw new Error("Streaming error");const h=f.getReader(),g=new TextDecoder,y=i.length;let b="",v=!0;for(T("streaming");v;){const{value:e,done:o}=yield h.read();v=!o;if(b+=g.decode(e),b)M([...i.slice(0,y),{id:B.length+1,role:"assistant",content:b}]),q&&G();else if(!v&&!b)throw new Error("Server error")}const k=new Date;b&&(G(),T("idle"),yield $.mutateAsync({formId:N,responseId:C,documentIds:d,studioUserId:"USER68RFBSHU4YS2I4L",messages:[{role:"user",message:e,sentAt:t},{role:"assistant",message:b,sentAt:k}]}))}catch(e){let o=w(e);o.includes("Unexpected token 'A',")&&(o="Oops! We're experiencing high traffic at the moment. Please try again later."),K(o),G()}finally{T("idle"),V()}}));return o("div",Object.assign({className:I("fixed flex w-full flex-col bottom-0 left-0",U&&"min-[767px]:relative min-[767px]:bottom-auto min-[767px]:left-auto",_&&"min-[767px]:fixed min-[767px]:bottom-0 min-[767px]:left-0")},{children:[R&&E&&!X.isLoading&&(null!==(S=null===(j=X.data)||void 0===j?void 0:j.messages.length)&&void 0!==S?S:0)<=1&&E.icebreakers&&E.icebreakers.length>0&&t(k,{data:null!==(A=E.icebreakers)&&void 0!==A?A:[],style:{backgroundColor:O.secondary,color:O.secondaryText},isMobile:se,onSend:ie}),o("div",Object.assign({style:re,className:"flex min-h-[56px] items-end gap-x-2 px-4 py-3 pb-[15px] shadow"},{children:["enduserupload"===(null==E?void 0:E.documentuploadtype)&&o("div",Object.assign({className:"tooltip"},{children:[t("input",{id:"file-upload",ref:te,type:"file",accept:[...h,...W?g:[]].join(", "),multiple:!0,hidden:!0,className:"hidden",onChange:o=>e(void 0,void 0,void 0,(function*(){yield Q(Array.from(o.target.files||[])),o.target.value=""}))}),t("button",Object.assign({className:"flex items-center disabled:cursor-wait disabled:opacity-50",disabled:P,onClick:()=>{var e;return null===(e=te.current)||void 0===e?void 0:e.click()}},{children:t(b,{className:"h-6 w-6 shrink-0 stroke-2",style:{color:O.accent}})}))]})),t(y,{className:I(ne("max-h-60 w-full resize-none border-transparent bg-transparent outline-none ring-0 scrollbar scrollbar-thin placeholder:font-semilight"),!ee.length&&"max-h-6 overflow-hidden text-ellipsis whitespace-nowrap"),value:ee,placeholder:null!==(D=null==E?void 0:E.placeholdertext)&&void 0!==D?D:"What do you want to talk about?",onChange:e=>oe(e.target.value),onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),ie())}}),t("button",Object.assign({className:"outline-none disabled:cursor-default disabled:opacity-50",disabled:"idle"!==F||P,onClick:()=>ie()},{children:t(v,{className:"h-6 w-6 shrink-0 stroke-2",style:{color:O.accent}})}))]}))]}))};export{j as default};
+import{__awaiter as e}from"../../../_virtual/_tslib.js";import{jsxs as o,jsx as t}from"react/jsx-runtime";import{useState as s,useRef as r}from"react";import{useMediaQuery as n}from"../../../hooks/core/useMediaQuery.js";import{usePickaxeContext as i}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as a}from"../../../hooks/pickaxe/useResponseContext.js";import{useStyleInput as l}from"../../../hooks/studio/useStyleInput.js";import{useStyleFontSize as d}from"../../../hooks/studio/useStyleFontSize.js";import{useConversation as c}from"../../../hooks/pickaxe/useConversation.js";import{useSubmit as m}from"../../../hooks/pickaxe/useSubmit.js";import{useSubmitResult as u}from"../../../hooks/pickaxe/useSubmitResult.js";import{useDocument as p}from"../Addons/Document/hooks/useDocument.js";import{useScroll as f}from"../Addons/Scroll/hooks/useScroll.js";import{allowedFileMimeTypes as h,allowedImageMimeTypes as g}from"../../../common/documents.js";import{streamer as x}from"../../../common/api/streamer.js";import y from"../../../node_modules/.pnpm/react-textarea-autosize@8.5.7_@types_react@18.3.18_react@18.3.1/node_modules/react-textarea-autosize/dist/react-textarea-autosize.esm.js";import v from"../../Icons/attach.svg.js";import b from"../../Icons/send.svg.js";import k from"../Addons/IceBreaker/index.js";import w from"../../../common/error.js";import I from"../../../common/cn.js";const j=()=>{var j,S,A,D;const{formId:N,chatId:C,pickaxe:E,colors:O,isNewChat:R,responsiveBy:U,setIsNewChat:_}=i(),{messages:z,status:B,setMessages:F,setStatus:M,setError:T}=a(),{documents:K,isUploading:L,isImageUploadAllowed:P,upsertDocuments:W,onFileUpload:H,onEditDocumentByDocId:Q}=p(),{isScrollIncreasing:Y,scrollToBottom:q,scrollStart:G,scrollEnd:J}=f(),V=c(),X=m(),Z=u(),[$,ee]=s(""),oe=r(null),[te]=n("(max-width: 767px)"),se=l(),re=d({type:"body"}),ne=o=>e(void 0,void 0,void 0,(function*(){try{if(L)return;T(""),_(!1);const e=null!=o?o:$;if(!e||"fetching"===B||"streaming"===B)return;const t=new Date;ee("");const s="enduserupload"===(null==E?void 0:E.documentuploadtype),r=K.filter((e=>"finished"===e.status&&!e.isInsertedAsRaw)),n=r.length?r[r.length-1].documentId:"";M("fetching");const i=[...z,{id:z.length+1,role:"user",content:e}];F(i);const{success:a,data:l,usedDocumentIds:d,newDocumentId:c,newDocumentName:m,isInsertedFile:u,error:p}=yield X.mutateAsync(Object.assign({formId:N,responseId:C,value:e},s&&n&&{documentId:n}));if(!a)throw new Error(null!=p?p:"An error occurred, please try again.");u&&n&&Q({documentId:n,isInsertedAsRaw:!0}),c&&m&&W([{type:"website",id:m,name:m,status:"finished",documentId:c}]),G(),q();const f=(yield x({formId:N,responseId:C,data:l})).body;if(!f)throw new Error("Streaming error");const h=f.getReader(),g=new TextDecoder,y=i.length;let v="",b=!0;for(M("streaming");b;){const{value:e,done:o}=yield h.read();b=!o;if(v+=g.decode(e),v)F([...i.slice(0,y),{id:z.length+1,role:"assistant",content:v}]),Y&&q();else if(!b&&!v)throw new Error("Server error")}const k=new Date;v&&(q(),M("idle"),yield Z.mutateAsync({formId:N,responseId:C,documentIds:d,studioUserId:"USER68RFBSHU4YS2I4L",messages:[{role:"user",message:e,sentAt:t},{role:"assistant",message:v,sentAt:k}]}))}catch(e){let o=w(e);o.includes("Unexpected token 'A',")&&(o="Oops! We're experiencing high traffic at the moment. Please try again later."),T(o),q()}finally{M("idle"),J()}}));return o("div",Object.assign({className:I("fixed flex w-full flex-col bottom-0 left-0","viewport"===U?"min-[767px]:relative min-[767px]:bottom-auto min-[767px]:left-auto":"absolute @[767px]:relative @[767px]:bottom-auto @[767px]:left-auto")},{children:[R&&E&&!V.isLoading&&(null!==(S=null===(j=V.data)||void 0===j?void 0:j.messages.length)&&void 0!==S?S:0)<=1&&E.icebreakers&&E.icebreakers.length>0&&t(k,{data:null!==(A=E.icebreakers)&&void 0!==A?A:[],style:{backgroundColor:O.secondary,color:O.secondaryText},isMobile:te,onSend:ne}),o("div",Object.assign({style:se,className:"flex min-h-[56px] items-end gap-x-2 px-4 py-3 pb-[15px] shadow"},{children:["enduserupload"===(null==E?void 0:E.documentuploadtype)&&o("div",Object.assign({className:"tooltip"},{children:[t("input",{id:"file-upload",ref:oe,type:"file",accept:[...h,...P?g:[]].join(", "),multiple:!0,hidden:!0,className:"hidden",onChange:o=>e(void 0,void 0,void 0,(function*(){yield H(Array.from(o.target.files||[])),o.target.value=""}))}),t("button",Object.assign({className:"flex items-center disabled:cursor-wait disabled:opacity-50",disabled:L,onClick:()=>{var e;return null===(e=oe.current)||void 0===e?void 0:e.click()}},{children:t(v,{className:"h-6 w-6 shrink-0 stroke-2",style:{color:O.accent}})}))]})),t(y,{className:I(re("max-h-60 w-full resize-none border-transparent bg-transparent outline-none ring-0 scrollbar scrollbar-thin placeholder:font-semilight"),!$.length&&"max-h-6 overflow-hidden text-ellipsis whitespace-nowrap"),value:$,placeholder:null!==(D=null==E?void 0:E.placeholdertext)&&void 0!==D?D:"What do you want to talk about?",onChange:e=>ee(e.target.value),onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),ne())}}),t("button",Object.assign({className:"outline-none disabled:cursor-default disabled:opacity-50",disabled:"idle"!==B||L,onClick:()=>ne()},{children:t(b,{className:"h-6 w-6 shrink-0 stroke-2",style:{color:O.accent}})}))]}))]}))};export{j as default};

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

@@ -1 +1 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{usePickaxeContext as r}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useScroll as l}from"../Addons/Scroll/hooks/useScroll.js";import s from"../../Core/ScrollArea.js";import i from"../Addons/Document/List.js";import m from"./History/index.js";import t from"./Input.js";import n from"../../../common/cn.js";const c=()=>{const{pickaxe:c,isShowIceBreaker:a,responsive:p,forceMobile:x}=r(),{scrollContainerRef:f}=l();return e("div",Object.assign({className:"relative flex flex-grow flex-col items-center"},{children:o("div",Object.assign({className:"relative flex w-full max-w-[800px] flex-grow flex-col"},{children:["enduserupload"===(null==c?void 0:c.documentuploadtype)&&e(i,{className:"absolute z-10 mt-4"}),e("div",Object.assign({className:n("flex w-full flex-grow flex-col pb-[4.5rem]",p&&"min-[767px]:pb-24",a&&"pb-40",p&&a&&"min-[767px]:pb-44",x&&"min-[767px]:pb-[4.5rem]",x&&a&&"min-[767px]:pb-40")},{children:e(s,Object.assign({ref:f,hideScrollbar:!0},{children:e(m,{})}))})),e("div",Object.assign({className:n("absolute bottom-0 flex w-full justify-center",p&&"min-[767px]:mx-4 min-[767px]:mt-4 min-[767px]:mb-6",x&&"min-[767px]:m-0")},{children:e(t,{})}))]}))}))};export{c as default};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{usePickaxeContext as r}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useScroll as l}from"../Addons/Scroll/hooks/useScroll.js";import s from"../../Core/ScrollArea.js";import i from"../Addons/Document/List.js";import t from"./History/index.js";import m from"./Input.js";import c from"../../../common/cn.js";const p=()=>{const{pickaxe:p,isShowIceBreaker:n,responsiveBy:a}=r(),{scrollContainerRef:x}=l();return e("div",Object.assign({className:"relative flex flex-grow flex-col items-center"},{children:o("div",Object.assign({className:"relative flex w-full max-w-[800px] flex-grow flex-col"},{children:["enduserupload"===(null==p?void 0:p.documentuploadtype)&&e(i,{className:"absolute z-10 mt-4"}),e("div",Object.assign({className:c("flex w-full flex-grow flex-col pb-[4.5rem]","viewport"===a?"min-[767px]:pb-24":"@[767px]:pb-24",n&&"pb-40",n&&("viewport"===a?"min-[767px]:pb-44":"@[767px]:pb-44"))},{children:e(s,Object.assign({ref:x,hideScrollbar:!0},{children:e(t,{})}))})),e("div",Object.assign({className:c("absolute bottom-0 flex w-full justify-center","viewport"===a?"min-[767px]:mx-4 min-[767px]:mt-4 min-[767px]:mb-6":"@[767px]:mx-4 @[767px]:mt-4 @[767px]:mb-6")},{children:e(m,{})}))]}))}))};export{p as default};

package/dist/esm/components/Pickaxe/Form/Head.js

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as t}from"react";import{usePickaxeContext as i}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleFontSize as n}from"../../../hooks/studio/useStyleFontSize.js";import c from"../../Icons/circle-info.svg.js";import s from"../common/PickaxeIcon.js";import l from"../common/PickaxeInfoModal.js";import r from"../../../common/cn.js";const m=()=>{var m;const{pickaxe:a,colors:p,responsive:f,forceMobile:d}=i(),[x,h]=t(!1),u=n({type:"body"});return e("div",Object.assign({className:"flex flex-col items-center"},{children:[x&&o(l,{isOpen:x,onChangeIsOpen:h}),o(s,{src:null==a?void 0:a.coverphoto,alt:`${null==a?void 0:a.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"}),e("h2",Object.assign({className:r("mt-6 text-center font-semibold opacity-70",f&&"min-[767px]:text-[18px]",d&&"min-[767px]:text-base")},{children:[`${null==a?void 0:a.formtitle.slice(0,130)}${(null!==(m=null==a?void 0:a.formtitle)&&void 0!==m?m:"").length>130?"...":""}`,o("button",Object.assign({className:"ml-2 inline-block outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>h(!0)},{children:o(c,{className:"h-5 w-5 shrink-0",style:{color:p.accent}})}))]})),o("p",Object.assign({className:u("mt-2 max-w-[600px] line-clamp-3 whitespace-pre-line text-center font-semilight opacity-70")},{children:null==a?void 0:a.formdescription}))]}))};export{m as default};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as t}from"react";import{usePickaxeContext as i}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleFontSize as n}from"../../../hooks/studio/useStyleFontSize.js";import c from"../../Icons/circle-info.svg.js";import s from"../common/PickaxeIcon.js";import l from"../common/PickaxeInfoModal.js";import r from"../../../common/cn.js";const m=()=>{var m;const{pickaxe:a,colors:p,responsiveBy:x}=i(),[d,f]=t(!1),h=n({type:"body"});return e("div",Object.assign({className:"flex flex-col items-center"},{children:[d&&o(l,{isOpen:d,onChangeIsOpen:f}),o(s,{src:null==a?void 0:a.coverphoto,alt:`${null==a?void 0:a.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"}),e("h2",Object.assign({className:r("mt-6 text-center font-semibold opacity-70","viewport"===x?"min-[767px]:text-[18px]":"@[767px]:text-[18px]")},{children:[`${null==a?void 0:a.formtitle.slice(0,130)}${(null!==(m=null==a?void 0:a.formtitle)&&void 0!==m?m:"").length>130?"...":""}`,o("button",Object.assign({className:"ml-2 inline-block outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>f(!0)},{children:o(c,{className:"h-5 w-5 shrink-0",style:{color:p.accent}})}))]})),o("p",Object.assign({className:h("mt-2 max-w-[600px] line-clamp-3 whitespace-pre-line text-center font-semilight opacity-70")},{children:null==a?void 0:a.formdescription}))]}))};export{m as default};

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

@@ -1 +1 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";import{usePickaxeContext as o}from"../../../hooks/pickaxe/usePickaxeContext.js";import s from"./Head.js";import m from"./History/index.js";import t from"./NewChat.js";import r from"./Questions/index.js";import l from"../../../common/cn.js";const c=()=>{const{pickaxe:c,responsive:n,forceMobile:p}=o();return e("div",Object.assign({className:l("flex w-full flex-col items-center pt-12 px-4 pb-10",n&&"min-[767px]:pb-40",p&&"min-[767px]:pb-10")},{children:i("div",Object.assign({className:"flex w-full max-w-[700px] flex-col"},{children:[e(s,{}),i("div",Object.assign({className:l("flex flex-col gap-y-8",n&&"min-[767px]:mt-4",p&&"min-[767px]:mt-0")},{children:[(null==c?void 0:c.chatflag)?e(t,{}):e(r,{}),e(m,{})]}))]}))}))};export{c as default};
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{usePickaxeContext as o}from"../../../hooks/pickaxe/usePickaxeContext.js";import s from"./Head.js";import t from"./History/index.js";import r from"./NewChat.js";import m from"./Questions/index.js";import p from"../../../common/cn.js";const l=()=>{const{pickaxe:l,responsiveBy:c}=o();return e("div",Object.assign({className:p("flex w-full flex-col items-center pt-12 px-4 pb-10","viewport"===c?"min-[767px]:pb-40":"@[767px]:pb-40")},{children:i("div",Object.assign({className:"flex w-full max-w-[700px] flex-col"},{children:[e(s,{}),i("div",Object.assign({className:p("flex flex-col gap-y-8","viewport"===c?"min-[767px]:mt-4":"@[767px]:mt-4")},{children:[(null==l?void 0:l.chatflag)?e(r,{}):e(m,{}),e(t,{})]}))]}))}))};export{l as default};

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

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{createContext as r,useState as o}from"react";import s from"./Addons/Document/Provider.js";import t from"./ResponseProvider.js";const i=r({}),c=({styles:r,colors:c,responsive:n=!0,forceMobile:a=!1,children:l})=>{const[d,F]=o(""),[m,h]=o(""),[f,p]=o(null),[y,I]=o(!0),[x,b]=o(!0),[u,S]=o(!1);return e(i.Provider,Object.assign({value:{formId:d,chatId:m,pickaxe:f,styles:Object.assign({theme:"light",font:"Real Head Pro",fontSize:"md",formFieldStyle:"box",btnStyle:"filled",outlineThickness:1,cornerRadius:4},r),colors:Object.assign({primary:"#F6F8FA",text:"#000000",secondary:"#FFFFFF",secondaryText:"#000000",accent:"#228DD7",accentText:"#FFFFFF",error:"#EF4444"},c),isNewChat:y,isShowIceBreaker:x,isShowHistory:u,responsive:n,forceMobile:a,setFormId:F,setChatId:h,setPickaxe:p,setIsNewChat:I,setIsShowIceBreaker:b,setIsShowHistory:S}},{children:e(t,{children:e(s,{children:l})})}))};export{i as PickaxeContext,c as PickaxeProvider};
+import{jsx as e}from"react/jsx-runtime";import{createContext as r,useState as t}from"react";import s from"./Addons/Document/Provider.js";import o from"./ResponseProvider.js";const i=r({}),c=({styles:r,colors:c,responsiveBy:n="viewport",children:a})=>{const[d,l]=t(""),[F,m]=t(""),[h,p]=t(null),[y,f]=t(!0),[I,x]=t(!0),[u,v]=t(!1);return e(i.Provider,Object.assign({value:{formId:d,chatId:F,pickaxe:h,styles:Object.assign({theme:"light",font:"Real Head Pro",fontSize:"md",formFieldStyle:"box",btnStyle:"filled",outlineThickness:1,cornerRadius:4},r),colors:Object.assign({primary:"#F6F8FA",text:"#000000",secondary:"#FFFFFF",secondaryText:"#000000",accent:"#228DD7",accentText:"#FFFFFF",error:"#EF4444"},c),isNewChat:y,isShowIceBreaker:I,isShowHistory:u,responsiveBy:n,setFormId:l,setChatId:m,setPickaxe:p,setIsNewChat:f,setIsShowIceBreaker:x,setIsShowHistory:v}},{children:e(o,{children:e(s,{children:a})})}))};export{i as PickaxeContext,c as PickaxeProvider};

package/dist/esm/components/Pickaxe/common/PickaxeInfoModal.js

@@ -1 +1 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{usePickaxeContext as t}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleFontSize as i}from"../../../hooks/studio/useStyleFontSize.js";import s from"../../Icons/x.svg.js";import r from"../../Core/Modal/index.js";import l from"../../Core/Modal/Body.js";import n from"./PickaxeIcon.js";import c from"../../../common/cn.js";const a=({isOpen:a,onChangeIsOpen:m})=>{const{pickaxe:p,colors:x,responsive:d,forceMobile:f}=t(),h=i({type:"body"});return e(r,Object.assign({isOpen:a,onChange:m},{children:o(l,Object.assign({className:c("relative flex flex-col px-8 py-[26px] w-full",d&&"min-[767px]:max-w-[480px] max-[767px]:border-0",f&&"border-0 min-[767px]:max-w-[100%]"),style:{backgroundColor:x.primary,borderColor:x.text+"4D"},avoidOverflow:!0},{children:[e("div",Object.assign({className:"flex items-start justify-end gap-4"},{children:e("button",Object.assign({className:"outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>m(!1)},{children:e(s,{className:"h-6 w-6 shrink-0"})}))})),e("div",Object.assign({className:"mt-8 flex flex-col items-center"},{children:o("div",Object.assign({className:"flex w-full max-w-[360px] flex-col items-center text-center"},{children:[e(n,{src:null==p?void 0:p.coverphoto,alt:`${null==p?void 0:p.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"}),e("h2",Object.assign({className:c("mt-6 text-center font-semibold opacity-70",d&&"min-[767px]:text-[18px]",f&&"min-[767px]:text-base")},{children:null==p?void 0:p.formtitle})),e("p",Object.assign({className:h("mt-4 font-semilight opacity-70")},{children:null==p?void 0:p.formdescription}))]}))}))]}))}))};export{a as default};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{usePickaxeContext as t}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleFontSize as i}from"../../../hooks/studio/useStyleFontSize.js";import s from"../../Icons/x.svg.js";import r from"../../Core/Modal/index.js";import l from"../../Core/Modal/Body.js";import n from"./PickaxeIcon.js";import c from"../../../common/cn.js";const a=({isOpen:a,onChangeIsOpen:m})=>{const{pickaxe:p,colors:x,responsiveBy:d}=t(),f=i({type:"body"});return e(r,Object.assign({isOpen:a,onChange:m},{children:o(l,Object.assign({className:"relative flex flex-col px-8 py-[26px] w-full min-[767px]:max-w-[480px] max-[767px]:border-0",style:{backgroundColor:x.primary,borderColor:x.text+"4D"},avoidOverflow:!0},{children:[e("div",Object.assign({className:"flex items-start justify-end gap-4"},{children:e("button",Object.assign({className:"outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>m(!1)},{children:e(s,{className:"h-6 w-6 shrink-0"})}))})),e("div",Object.assign({className:"mt-8 flex flex-col items-center"},{children:o("div",Object.assign({className:"flex w-full max-w-[360px] flex-col items-center text-center"},{children:[e(n,{src:null==p?void 0:p.coverphoto,alt:`${null==p?void 0:p.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"}),e("h2",Object.assign({className:c("mt-6 text-center font-semibold opacity-70","viewport"===d?"min-[767px]:text-[18px]":"@[767px]:text-[18px]")},{children:null==p?void 0:p.formtitle})),e("p",Object.assign({className:f("mt-4 font-semilight opacity-70")},{children:null==p?void 0:p.formdescription}))]}))}))]}))}))};export{a as default};

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

@@ -20,6 +20,7 @@ export type PickaxeProviderColors = {
     accentText: string;
     error: string;
 };
+export type PickaxeResponsiveBy = "viewport" | "container";
 type PickaxeContextType = {
     formId: string;
     chatId: string;
@@ -29,8 +30,7 @@ type PickaxeContextType = {
     isNewChat: boolean;
     isShowIceBreaker: boolean;
     isShowHistory: boolean;
-    responsive: boolean;
-    forceMobile: boolean;
+    responsiveBy: PickaxeResponsiveBy;
     setFormId: SetState<string>;
     setChatId: SetState<string>;
     setPickaxe: SetState<Pickaxe | null>;
@@ -41,10 +41,9 @@ type PickaxeContextType = {
 export interface IPickaxeProviderProps {
     styles?: Partial<PickaxeProviderStyles>;
     colors?: Partial<PickaxeProviderColors>;
-    responsive?: boolean;
-    forceMobile?: boolean;
+    responsiveBy?: PickaxeResponsiveBy;
     children: ReactNode;
 }
 export declare const PickaxeContext: import("react").Context<PickaxeContextType>;
-export declare const PickaxeProvider: ({ styles, colors, responsive, forceMobile, children, }: IPickaxeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PickaxeProvider: ({ styles, colors, responsiveBy, children, }: IPickaxeProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -7,8 +7,7 @@ export declare const usePickaxeContext: () => {
     isNewChat: boolean;
     isShowIceBreaker: boolean;
     isShowHistory: boolean;
-    responsive: boolean;
-    forceMobile: boolean;
+    responsiveBy: import("../../components/Pickaxe/Provider").PickaxeResponsiveBy;
     setFormId: import("../../types/common").SetState<string>;
     setChatId: import("../../types/common").SetState<string>;
     setPickaxe: import("../../types/common").SetState<import("../../types/pickaxe").Pickaxe | null>;

package/package.json

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