@pickaxeproject/react 0.0.24 → 0.0.26

package/README.md

@@ -1,6 +1,6 @@
 # Pickaxe - React
 
-> Client utility library for Pickaxe
+> Client utility library for Pickaxes
 
 ## How to publish
 

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"),a=require("../../../hooks/pickaxe/useResponseContext.js"),i=require("../../../hooks/studio/useStyleInput.js"),n=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,k,w,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}=a.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=i.useStyleInput(),se=n.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)),a=r.length?r[r.length-1].documentId:"";M("fetching");const i=[...R,{id:R.length+1,role:"user",content:e}];O(i);const{success:n,data:l,usedDocumentIds:d,newDocumentId:u,newDocumentName:c,isInsertedFile:m,error:p}=yield G.mutateAsync(Object.assign({formId:S,responseId:q,value:e},o&&a&&{documentId:a}));if(!n)throw new Error(null!=p?p:"An error occurred, please try again.");m&&a&&K({documentId:a,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=i.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([...i.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]/pickaxe-root:relative @[767px]/pickaxe-root:bottom-auto @[767px]/pickaxe-root:left-auto")},{children:[C&&D&&!Y.isLoading&&(null!==(k=null===(j=Y.data)||void 0===j?void 0:j.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:$,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}})}))]}))]}))};
+"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"),i=require("../../../hooks/pickaxe/useResponseContext.js"),a=require("../../../hooks/studio/useStyleInput.js"),n=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:q,chatId:S,userId:D,studioUserId:A,pickaxe:C,colors:_,responsiveBy:N,isNewChat:O,isForceMobile:M,setIsNewChat:R}=r.usePickaxeContext(),{messages:E,status:z,setMessages:F,setStatus:U,setError:T}=i.useResponseContext(),{documents:B,isUploading:P,isImageUploadAllowed:K,upsertDocuments:Q,onFileUpload:W,onEditDocumentByDocId:L}=c.useDocument(),{isScrollIncreasing:G,scrollToBottom:H,scrollStart:J,scrollEnd:V}=m.useScroll(),X=l.useConversation(),Y=d.useSubmit(),Z=u.useSubmitResult(),[$,ee]=t.useState(""),se=t.useRef(null),[te]=o.useMediaQuery("(max-width: 767px)"),oe=a.useStyleInput(),re=n.useStyleFontSize({type:"body"}),ie=s=>e.__awaiter(void 0,void 0,void 0,(function*(){try{if(P)return;T(""),R(!1);const e=null!=s?s:$;if(!e||"fetching"===z||"streaming"===z)return;const t=new Date;ee("");const o="enduserupload"===(null==C?void 0:C.documentuploadtype),r=B.filter((e=>"finished"===e.status&&!e.isInsertedAsRaw)),i=r.length?r[r.length-1].documentId:"";U("fetching");const a=[...E,{id:E.length+1,role:"user",content:e}];F(a);const{success:n,data:l,usedDocumentIds:d,newDocumentId:u,newDocumentName:c,isInsertedFile:m,error:p}=yield Y.mutateAsync(Object.assign({formId:q,responseId:S,value:e},o&&i&&{documentId:i}));if(!n)throw new Error(null!=p?p:"An error occurred, please try again.");m&&i&&L({documentId:i,isInsertedAsRaw:!0}),u&&c&&Q([{type:"website",id:c,name:c,status:"finished",documentId:u}]),J(),H();const x=(yield h.streamer({formId:q,responseId:S,data:l})).body;if(!x)throw new Error("Streaming error");const f=x.getReader(),g=new TextDecoder,y=a.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)F([...a.slice(0,y),{id:E.length+1,role:"assistant",content:b}]),G&&H();else if(!j&&!b)throw new Error("Server error")}const v=new Date;b&&(H(),U("idle"),yield Z.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign({formId:q,responseId:S,documentIds:d},D&&{userId:D}),A&&{studioUserId:A}),A&&(null==C?void 0:C.studioid)&&{studioId:C.studioid}),{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."),T(s),H()}finally{U("idle"),V()}}));return s.jsxs("div",Object.assign({className:j.default("fixed flex w-full flex-col bottom-0 left-0","viewport"===N?"min-[767px]:relative min-[767px]:bottom-auto min-[767px]:left-auto":"absolute @[767px]/pickaxe-root:relative @[767px]/pickaxe-root:bottom-auto @[767px]/pickaxe-root:left-auto")},{children:[O&&C&&!X.isLoading&&(null!==(k=null===(v=X.data)||void 0===v?void 0:v.messages.length)&&void 0!==k?k:0)<=1&&C.icebreakers&&C.icebreakers.length>0&&s.jsx(y.default,{data:null!==(w=C.icebreakers)&&void 0!==w?w:[],style:{backgroundColor:_.secondary,color:_.secondaryText},isMobile:M||te,onSend:ie}),s.jsxs("div",Object.assign({style:oe,className:"flex min-h-[56px] items-end gap-x-2 px-4 py-3 pb-[15px] shadow"},{children:["enduserupload"===(null==C?void 0:C.documentuploadtype)&&s.jsxs("div",Object.assign({className:"tooltip"},{children:[s.jsx("input",{id:"file-upload",ref:se,type:"file",accept:[...p.allowedFileMimeTypes,...K?p.allowedImageMimeTypes:[]].join(", "),multiple:!0,hidden:!0,className:"hidden",onChange:s=>e.__awaiter(void 0,void 0,void 0,(function*(){yield W(Array.from(s.target.files||[])),s.target.value=""}))}),s.jsx("button",Object.assign({className:"flex items-center disabled:cursor-wait disabled:opacity-50",disabled:P,onClick:()=>{var e;return null===(e=se.current)||void 0===e?void 0:e.click()}},{children:s.jsx(f.default,{className:"h-6 w-6 shrink-0 stroke-2",style:{color:_.accent}})}))]})),s.jsx(x.default,{className:j.default(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!==(I=null==C?void 0:C.placeholdertext)&&void 0!==I?I:"What do you want to talk about?",onChange:e=>ee(e.target.value),onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),ie())}}),s.jsx("button",Object.assign({className:"outline-none disabled:cursor-default disabled:opacity-50",disabled:"idle"!==z||P,onClick:()=>ie()},{children:s.jsx(g.default,{className:"h-6 w-6 shrink-0 stroke-2",style:{color:_.accent}})}))]}))]}))};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("react"),o=require("../../../../hooks/pickaxe/usePickaxeContext.js"),r=require("../../../../hooks/pickaxe/useResponseContext.js"),i=require("../../../../hooks/pickaxe/useSubmit.js"),n=require("../../../../hooks/pickaxe/useSubmitResult.js"),u=require("../../Addons/Document/hooks/useDocument.js"),a=require("../../Addons/Scroll/hooks/useScroll.js"),l=require("../../../../common/api/streamer.js"),d=require("../../../../common/utils.js"),c=require("@nem035/gpt-3-encoder"),m=require("../../common/PickaxeButton.js"),p=require("../../../../common/error.js"),f=require("../../../../common/cn.js");exports.default=({questions:x})=>{const{formId:g,pickaxe:h,isShowHistory:w,responsiveBy:q,setIsShowHistory:j}=o.usePickaxeContext(),{status:k,setResponse:y,setStatus:b,setError:v}=r.useResponseContext(),{documents:S,websiteLink:I,isUploading:R,onWebsiteUpload:E,setDocumentError:O}=u.useDocument(),{isScrollIncreasing:P,scrollToContainer:U,scrollToBottom:C,scrollStart:D,scrollEnd:A}=a.useScroll(),_=i.useSubmit(),T=n.useSubmitResult(),[B,L]=s.useState(!1);return t.jsxs("div",Object.assign({className:"mt-4 flex flex-wrap gap-2"},{children:[t.jsx(m.default,Object.assign({className:f.default("w-full","viewport"===q?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]"),isDisabled:R||B||"fetching"===k||"streaming"===k,onClick:()=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;try{if(R||B||"fetching"===k||"streaming"===k)return;O("");const t="enduserupload"===(null==h?void 0:h.documentuploadtype),s=x.some((e=>"userinput:documentupload"===e.id&&e.isRequired)),o=S.filter((e=>"finished"===e.status)),r=d.extractUrlsFromText(I),i=S.map((e=>e.name)),n=r.filter((e=>!i.includes(e)));if(n.length){const e=n[n.length-1],t=yield E(e);t&&(o.push(t),L(!0),yield new Promise((e=>setTimeout(e,5e3))),L(!1))}else if(s&&t&&!o.length)return void O("Please paste a valid website/video link or drag a file to add to the knowledge base.");v("");const u=["Multiple Choice","Checkbox"];for(const e of x){if(c.encode(e.input).length>e.maxLength&&!u.includes(e.type))throw new Error("One or more of your responses is too long!");if(e.isRequired&&!e.input.trim()&&"userinput:documentupload"!==e.id)throw new Error("You must fill out all required fields.")}const a=o.length?o[o.length-1]:null;let m={};x.forEach((e=>m=Object.assign(Object.assign({},m),{[e.id]:"Knowledge Upload"===e.type||e.id.includes("documentupload")?(null==a?void 0:a.name)||"":e.input}))),b("fetching");const{success:p,responseId:f,data:w,usedDocumentIds:q,rawUserInput:j,error:U}=yield _.mutateAsync(Object.assign({formId:g,valueObj:m},t&&a&&{documentId:null!==(e=a.documentId)&&void 0!==e?e:""}));if(!p)throw new Error(null!=U?U:"An error occurred, please try again.");D();const A=(yield l.streamer({formId:g,responseId:f,data:w})).body;if(!A)throw new Error("Streaming error");const H=A.getReader(),N=new TextDecoder;let F="",M=!0;y(null);const W=x.map((e=>({id:e.id,question:e.main,answer:e.input})));for(;M;){const{value:e,done:t}=yield H.read();M=!t;if(F+=N.decode(e),F)b("streaming"),y({formId:g,responseId:f,documentIds:q,messages:[],questions:W,questionPrompt:j,questionResponse:F,createdAt:new Date}),P&&C();else if(!M&&!F)throw new Error("Server error")}F&&(C(),b("idle"),yield T.mutateAsync({formId:g,responseId:f,documentIds:q,studioUserId:"USER68RFBSHU4YS2I4L",questions:W,questionPrompt:j,questionResponse:F}))}catch(e){let t=p.default(e);t.includes("Unexpected token 'A',")&&(t="Oops! We're experiencing high traffic at the moment. Please try again later."),v(t),L(!1),U()}finally{b("idle"),A()}}))},{children:B?"Processing...":R?"Uploading...":"fetching"===k||"streaming"===k?"Loading...":"Submit"})),!w&&t.jsx(m.default,Object.assign({variant:"transparent-text",className:f.default("w-full","viewport"===q?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]"),onClick:()=>j(!0)},{children:"See history"}))]}))};
+"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/pickaxe/usePickaxeContext.js"),r=require("../../../../hooks/pickaxe/useResponseContext.js"),i=require("../../../../hooks/pickaxe/useSubmit.js"),n=require("../../../../hooks/pickaxe/useSubmitResult.js"),u=require("../../Addons/Document/hooks/useDocument.js"),a=require("../../Addons/Scroll/hooks/useScroll.js"),d=require("../../../../common/api/streamer.js"),l=require("../../../../common/utils.js"),c=require("@nem035/gpt-3-encoder"),m=require("../../common/PickaxeButton.js"),p=require("../../../../common/error.js"),f=require("../../../../common/cn.js");exports.default=({questions:g})=>{const{formId:x,userId:h,studioUserId:w,pickaxe:j,isShowHistory:q,responsiveBy:b,setIsShowHistory:k}=o.usePickaxeContext(),{status:v,setResponse:y,setStatus:I,setError:S}=r.useResponseContext(),{documents:O,websiteLink:P,isUploading:R,onWebsiteUpload:C,setDocumentError:E}=u.useDocument(),{isScrollIncreasing:U,scrollToContainer:D,scrollToBottom:A,scrollStart:_,scrollEnd:T}=a.useScroll(),B=i.useSubmit(),L=n.useSubmitResult(),[N,H]=t.useState(!1);return s.jsxs("div",Object.assign({className:"mt-4 flex flex-wrap gap-2"},{children:[s.jsx(m.default,Object.assign({className:f.default("w-full","viewport"===b?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]"),isDisabled:R||N||"fetching"===v||"streaming"===v,onClick:()=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;try{if(R||N||"fetching"===v||"streaming"===v)return;E("");const s="enduserupload"===(null==j?void 0:j.documentuploadtype),t=g.some((e=>"userinput:documentupload"===e.id&&e.isRequired)),o=O.filter((e=>"finished"===e.status)),r=l.extractUrlsFromText(P),i=O.map((e=>e.name)),n=r.filter((e=>!i.includes(e)));if(n.length){const e=n[n.length-1],s=yield C(e);s&&(o.push(s),H(!0),yield new Promise((e=>setTimeout(e,5e3))),H(!1))}else if(t&&s&&!o.length)return void E("Please paste a valid website/video link or drag a file to add to the knowledge base.");S("");const u=["Multiple Choice","Checkbox"];for(const e of g){if(c.encode(e.input).length>e.maxLength&&!u.includes(e.type))throw new Error("One or more of your responses is too long!");if(e.isRequired&&!e.input.trim()&&"userinput:documentupload"!==e.id)throw new Error("You must fill out all required fields.")}const a=o.length?o[o.length-1]:null;let m={};g.forEach((e=>m=Object.assign(Object.assign({},m),{[e.id]:"Knowledge Upload"===e.type||e.id.includes("documentupload")?(null==a?void 0:a.name)||"":e.input}))),I("fetching");const{success:p,responseId:f,data:q,usedDocumentIds:b,rawUserInput:k,error:D}=yield B.mutateAsync(Object.assign({formId:x,valueObj:m},s&&a&&{documentId:null!==(e=a.documentId)&&void 0!==e?e:""}));if(!p)throw new Error(null!=D?D:"An error occurred, please try again.");_();const T=(yield d.streamer({formId:x,responseId:f,data:q})).body;if(!T)throw new Error("Streaming error");const M=T.getReader(),W=new TextDecoder;let F="",K=!0;y(null);const Y=g.map((e=>({id:e.id,question:e.main,answer:e.input})));for(;K;){const{value:e,done:s}=yield M.read();K=!s;if(F+=W.decode(e),F)I("streaming"),y({formId:x,responseId:f,documentIds:b,messages:[],questions:Y,questionPrompt:k,questionResponse:F,createdAt:new Date}),U&&A();else if(!K&&!F)throw new Error("Server error")}F&&(A(),I("idle"),yield L.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign({formId:x,responseId:f,documentIds:b},h&&{userId:h}),w&&{studioUserId:w}),w&&(null==j?void 0:j.studioid)&&{studioId:j.studioid}),{questions:Y,questionPrompt:k,questionResponse:F})))}catch(e){let s=p.default(e);s.includes("Unexpected token 'A',")&&(s="Oops! We're experiencing high traffic at the moment. Please try again later."),S(s),H(!1),D()}finally{I("idle"),T()}}))},{children:N?"Processing...":R?"Uploading...":"fetching"===v||"streaming"===v?"Loading...":"Submit"})),!q&&s.jsx(m.default,Object.assign({variant:"transparent-text",className:f.default("w-full","viewport"===b?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]"),onClick:()=>k(!0)},{children:"See history"}))]}))};

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"),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})})}))};
+"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=({userId:i="",studioUserId:a="",styles:c,colors:d,responsiveBy:n="viewport",isForceMobile:u=!1,children:l})=>{const[F,x]=t.useState(""),[h,I]=t.useState(""),[S,y]=t.useState(null),[j,p]=t.useState(!0),[v,P]=t.useState(!0),[b,f]=t.useState(!1);return e.jsx(o.Provider,Object.assign({value:{formId:F,chatId:h,userId:i,studioUserId:a,pickaxe:S,styles:Object.assign({theme:"light",font:"Real Head Pro",fontSize:"md",formFieldStyle:"box",btnStyle:"filled",outlineThickness:1,cornerRadius:4},c),colors:Object.assign({primary:"#F6F8FA",text:"#000000",secondary:"#FFFFFF",secondaryText:"#000000",accent:"#228DD7",accentText:"#FFFFFF",error:"#EF4444"},d),responsiveBy:n,isNewChat:j,isShowIceBreaker:v,isShowHistory:b,isForceMobile:u,setFormId:x,setChatId:I,setPickaxe:y,setIsNewChat:p,setIsShowIceBreaker:P,setIsShowHistory:f}},{children:e.jsx(r.default,{children:e.jsx(s.default,{children:l})})}))};

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,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]/pickaxe-root: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}))]}))}))]}))}))};
+"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"),r=require("../../Core/Modal/index.js"),l=require("../../Core/Modal/Body.js"),o=require("./PickaxeIcon.js"),a=require("./PickaxeSimpleButton.js"),c=require("../../../common/cn.js");exports.default=({isOpen:n,onChangeIsOpen:x})=>{const{pickaxe:d,colors:u,responsiveBy:p}=s.usePickaxeContext(),j=t.useStyleFontSize({type:"body"});return e.jsx(r.default,Object.assign({isOpen:n,onChange:x},{children:e.jsxs(l.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:u.primary,color:u.text,borderColor:u.text+"4D"},avoidOverflow:!0},{children:[e.jsx("div",Object.assign({className:"flex items-start justify-end gap-4"},{children:e.jsx(a.default,Object.assign({color:u.text,onClick:()=>x(!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(o.default,{src:null==d?void 0:d.coverphoto,alt:`${null==d?void 0:d.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"}),e.jsx("h2",Object.assign({className:c.default("mt-6 text-center font-semibold opacity-70","viewport"===p?"min-[767px]:text-[18px]":"@[767px]/pickaxe-root:text-[18px]")},{children:null==d?void 0:d.formtitle})),e.jsx("p",Object.assign({className:j("mt-4 font-semilight opacity-70")},{children:null==d?void 0:d.formdescription}))]}))}))]}))}))};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),o=require("../../../hooks/core/useHover.js"),s=require("../../../common/cn.js");exports.default=({color:t,children:i,className:c,isForceColor:l,onClick:n})=>{const u=o.useHover(),{isHover:a}=u,j=e.__rest(u,["isHover"]);return r.jsx("button",Object.assign({className:s.default("flex items-center gap-1 outline-none",c)},(a||l)&&{style:{color:t}},n&&{onClick:e=>{e.stopPropagation(),n()}},j,{children:i}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),o=require("../../../hooks/core/useHover.js"),s=require("../../../common/cn.js");exports.default=({color:t,children:i,className:n,isForceColor:l,onClick:a})=>{const c=o.useHover(),{isHover:u}=c,d=e.__rest(c,["isHover"]);return r.jsx("button",Object.assign({className:s.default("flex items-center gap-1 outline-none transition-all duration-300 ease-in-out",n)},(u||l)&&{style:{color:t}},a&&{onClick:e=>{e.stopPropagation(),a()}},d,{children:i}))};

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

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

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

@@ -24,13 +24,16 @@ export type PickaxeResponsiveBy = "viewport" | "container";
 type PickaxeContextType = {
     formId: string;
     chatId: string;
+    userId: string;
+    studioUserId: string;
     pickaxe: Pickaxe | null;
     styles: PickaxeProviderStyles;
     colors: PickaxeProviderColors;
+    responsiveBy: PickaxeResponsiveBy;
     isNewChat: boolean;
     isShowIceBreaker: boolean;
     isShowHistory: boolean;
-    responsiveBy: PickaxeResponsiveBy;
+    isForceMobile: boolean;
     setFormId: SetState<string>;
     setChatId: SetState<string>;
     setPickaxe: SetState<Pickaxe | null>;
@@ -39,11 +42,14 @@ type PickaxeContextType = {
     setIsShowHistory: SetState<boolean>;
 };
 export interface IPickaxeProviderProps {
+    userId?: string;
+    studioUserId?: string;
     styles?: Partial<PickaxeProviderStyles>;
     colors?: Partial<PickaxeProviderColors>;
     responsiveBy?: PickaxeResponsiveBy;
+    isForceMobile?: boolean;
     children: ReactNode;
 }
 export declare const PickaxeContext: import("react").Context<PickaxeContextType>;
-export declare const PickaxeProvider: ({ styles, colors, responsiveBy, children, }: IPickaxeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PickaxeProvider: ({ userId, studioUserId, styles, colors, responsiveBy, isForceMobile, children, }: IPickaxeProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

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

package/dist/esm/components/Pickaxe/Form/Questions/Submit.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}from"react";import{usePickaxeContext as r}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as i}from"../../../../hooks/pickaxe/useResponseContext.js";import{useSubmit as n}from"../../../../hooks/pickaxe/useSubmit.js";import{useSubmitResult as a}from"../../../../hooks/pickaxe/useSubmitResult.js";import{useDocument as l}from"../../Addons/Document/hooks/useDocument.js";import{useScroll as m}from"../../Addons/Scroll/hooks/useScroll.js";import{streamer as d}from"../../../../common/api/streamer.js";import{extractUrlsFromText as c}from"../../../../common/utils.js";import{encode as u}from"@nem035/gpt-3-encoder";import p from"../../common/PickaxeButton.js";import f from"../../../../common/error.js";import g from"../../../../common/cn.js";const h=({questions:h})=>{const{formId:x,pickaxe:w,isShowHistory:k,responsiveBy:y,setIsShowHistory:j}=r(),{status:v,setResponse:I,setStatus:b,setError:S}=i(),{documents:q,websiteLink:E,isUploading:R,onWebsiteUpload:O,setDocumentError:U}=l(),{isScrollIncreasing:P,scrollToContainer:A,scrollToBottom:C,scrollStart:D,scrollEnd:B}=m(),L=n(),T=a(),[H,N]=s(!1);return o("div",Object.assign({className:"mt-4 flex flex-wrap gap-2"},{children:[t(p,Object.assign({className:g("w-full","viewport"===y?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]"),isDisabled:R||H||"fetching"===v||"streaming"===v,onClick:()=>e(void 0,void 0,void 0,(function*(){var e;try{if(R||H||"fetching"===v||"streaming"===v)return;U("");const o="enduserupload"===(null==w?void 0:w.documentuploadtype),t=h.some((e=>"userinput:documentupload"===e.id&&e.isRequired)),s=q.filter((e=>"finished"===e.status)),r=c(E),i=q.map((e=>e.name)),n=r.filter((e=>!i.includes(e)));if(n.length){const e=n[n.length-1],o=yield O(e);o&&(s.push(o),N(!0),yield new Promise((e=>setTimeout(e,5e3))),N(!1))}else if(t&&o&&!s.length)return void U("Please paste a valid website/video link or drag a file to add to the knowledge base.");S("");const a=["Multiple Choice","Checkbox"];for(const e of h){if(u(e.input).length>e.maxLength&&!a.includes(e.type))throw new Error("One or more of your responses is too long!");if(e.isRequired&&!e.input.trim()&&"userinput:documentupload"!==e.id)throw new Error("You must fill out all required fields.")}const l=s.length?s[s.length-1]:null;let m={};h.forEach((e=>m=Object.assign(Object.assign({},m),{[e.id]:"Knowledge Upload"===e.type||e.id.includes("documentupload")?(null==l?void 0:l.name)||"":e.input}))),b("fetching");const{success:p,responseId:f,data:g,usedDocumentIds:k,rawUserInput:y,error:j}=yield L.mutateAsync(Object.assign({formId:x,valueObj:m},o&&l&&{documentId:null!==(e=l.documentId)&&void 0!==e?e:""}));if(!p)throw new Error(null!=j?j:"An error occurred, please try again.");D();const A=(yield d({formId:x,responseId:f,data:g})).body;if(!A)throw new Error("Streaming error");const B=A.getReader(),W=new TextDecoder;let Y="",_=!0;I(null);const F=h.map((e=>({id:e.id,question:e.main,answer:e.input})));for(;_;){const{value:e,done:o}=yield B.read();_=!o;if(Y+=W.decode(e),Y)b("streaming"),I({formId:x,responseId:f,documentIds:k,messages:[],questions:F,questionPrompt:y,questionResponse:Y,createdAt:new Date}),P&&C();else if(!_&&!Y)throw new Error("Server error")}Y&&(C(),b("idle"),yield T.mutateAsync({formId:x,responseId:f,documentIds:k,studioUserId:"USER68RFBSHU4YS2I4L",questions:F,questionPrompt:y,questionResponse:Y}))}catch(e){let o=f(e);o.includes("Unexpected token 'A',")&&(o="Oops! We're experiencing high traffic at the moment. Please try again later."),S(o),N(!1),A()}finally{b("idle"),B()}}))},{children:H?"Processing...":R?"Uploading...":"fetching"===v||"streaming"===v?"Loading...":"Submit"})),!k&&t(p,Object.assign({variant:"transparent-text",className:g("w-full","viewport"===y?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]"),onClick:()=>j(!0)},{children:"See history"}))]}))};export{h 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}from"react";import{usePickaxeContext as r}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as i}from"../../../../hooks/pickaxe/useResponseContext.js";import{useSubmit as n}from"../../../../hooks/pickaxe/useSubmit.js";import{useSubmitResult as d}from"../../../../hooks/pickaxe/useSubmitResult.js";import{useDocument as a}from"../../Addons/Document/hooks/useDocument.js";import{useScroll as l}from"../../Addons/Scroll/hooks/useScroll.js";import{streamer as m}from"../../../../common/api/streamer.js";import{extractUrlsFromText as c}from"../../../../common/utils.js";import{encode as u}from"@nem035/gpt-3-encoder";import p from"../../common/PickaxeButton.js";import f from"../../../../common/error.js";import g from"../../../../common/cn.js";const h=({questions:h})=>{const{formId:x,userId:w,studioUserId:j,pickaxe:b,isShowHistory:k,responsiveBy:I,setIsShowHistory:y}=r(),{status:v,setResponse:O,setStatus:S,setError:q}=i(),{documents:E,websiteLink:P,isUploading:R,onWebsiteUpload:U,setDocumentError:A}=a(),{isScrollIncreasing:C,scrollToContainer:D,scrollToBottom:T,scrollStart:B,scrollEnd:L}=l(),N=n(),H=d(),[W,_]=s(!1);return o("div",Object.assign({className:"mt-4 flex flex-wrap gap-2"},{children:[t(p,Object.assign({className:g("w-full","viewport"===I?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]"),isDisabled:R||W||"fetching"===v||"streaming"===v,onClick:()=>e(void 0,void 0,void 0,(function*(){var e;try{if(R||W||"fetching"===v||"streaming"===v)return;A("");const o="enduserupload"===(null==b?void 0:b.documentuploadtype),t=h.some((e=>"userinput:documentupload"===e.id&&e.isRequired)),s=E.filter((e=>"finished"===e.status)),r=c(P),i=E.map((e=>e.name)),n=r.filter((e=>!i.includes(e)));if(n.length){const e=n[n.length-1],o=yield U(e);o&&(s.push(o),_(!0),yield new Promise((e=>setTimeout(e,5e3))),_(!1))}else if(t&&o&&!s.length)return void A("Please paste a valid website/video link or drag a file to add to the knowledge base.");q("");const d=["Multiple Choice","Checkbox"];for(const e of h){if(u(e.input).length>e.maxLength&&!d.includes(e.type))throw new Error("One or more of your responses is too long!");if(e.isRequired&&!e.input.trim()&&"userinput:documentupload"!==e.id)throw new Error("You must fill out all required fields.")}const a=s.length?s[s.length-1]:null;let l={};h.forEach((e=>l=Object.assign(Object.assign({},l),{[e.id]:"Knowledge Upload"===e.type||e.id.includes("documentupload")?(null==a?void 0:a.name)||"":e.input}))),S("fetching");const{success:p,responseId:f,data:g,usedDocumentIds:k,rawUserInput:I,error:y}=yield N.mutateAsync(Object.assign({formId:x,valueObj:l},o&&a&&{documentId:null!==(e=a.documentId)&&void 0!==e?e:""}));if(!p)throw new Error(null!=y?y:"An error occurred, please try again.");B();const D=(yield m({formId:x,responseId:f,data:g})).body;if(!D)throw new Error("Streaming error");const L=D.getReader(),K=new TextDecoder;let M="",Y=!0;O(null);const z=h.map((e=>({id:e.id,question:e.main,answer:e.input})));for(;Y;){const{value:e,done:o}=yield L.read();Y=!o;if(M+=K.decode(e),M)S("streaming"),O({formId:x,responseId:f,documentIds:k,messages:[],questions:z,questionPrompt:I,questionResponse:M,createdAt:new Date}),C&&T();else if(!Y&&!M)throw new Error("Server error")}M&&(T(),S("idle"),yield H.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign({formId:x,responseId:f,documentIds:k},w&&{userId:w}),j&&{studioUserId:j}),j&&(null==b?void 0:b.studioid)&&{studioId:b.studioid}),{questions:z,questionPrompt:I,questionResponse:M})))}catch(e){let o=f(e);o.includes("Unexpected token 'A',")&&(o="Oops! We're experiencing high traffic at the moment. Please try again later."),q(o),_(!1),D()}finally{S("idle"),L()}}))},{children:W?"Processing...":R?"Uploading...":"fetching"===v||"streaming"===v?"Loading...":"Submit"})),!k&&t(p,Object.assign({variant:"transparent-text",className:g("w-full","viewport"===I?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]"),onClick:()=>y(!0)},{children:"See history"}))]}))};export{h 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 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};
+import{jsx as e}from"react/jsx-runtime";import{createContext as r,useState as s}from"react";import o from"./Addons/Document/Provider.js";import t from"./ResponseProvider.js";const i=r({}),c=({userId:r="",studioUserId:c="",styles:n,colors:d,responsiveBy:a="viewport",isForceMobile:l=!1,children:F})=>{const[m,h]=s(""),[I,p]=s(""),[u,y]=s(null),[f,x]=s(!0),[b,v]=s(!0),[w,S]=s(!1);return e(i.Provider,Object.assign({value:{formId:m,chatId:I,userId:r,studioUserId:c,pickaxe:u,styles:Object.assign({theme:"light",font:"Real Head Pro",fontSize:"md",formFieldStyle:"box",btnStyle:"filled",outlineThickness:1,cornerRadius:4},n),colors:Object.assign({primary:"#F6F8FA",text:"#000000",secondary:"#FFFFFF",secondaryText:"#000000",accent:"#228DD7",accentText:"#FFFFFF",error:"#EF4444"},d),responsiveBy:a,isNewChat:f,isShowIceBreaker:b,isShowHistory:w,isForceMobile:l,setFormId:h,setChatId:p,setPickaxe:y,setIsNewChat:x,setIsShowIceBreaker:v,setIsShowHistory:S}},{children:e(t,{children:e(o,{children:F})})}))};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,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]/pickaxe-root: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};
+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 c from"./PickaxeIcon.js";import n from"./PickaxeSimpleButton.js";import a from"../../../common/cn.js";const m=({isOpen:m,onChangeIsOpen:p})=>{const{pickaxe:x,colors:d,responsiveBy:f}=t(),h=i({type:"body"});return e(r,Object.assign({isOpen:m,onChange:p},{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:d.primary,color:d.text,borderColor:d.text+"4D"},avoidOverflow:!0},{children:[e("div",Object.assign({className:"flex items-start justify-end gap-4"},{children:e(n,Object.assign({color:d.text,onClick:()=>p(!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(c,{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("h2",Object.assign({className:a("mt-6 text-center font-semibold opacity-70","viewport"===f?"min-[767px]:text-[18px]":"@[767px]/pickaxe-root:text-[18px]")},{children:null==x?void 0:x.formtitle})),e("p",Object.assign({className:h("mt-4 font-semilight opacity-70")},{children:null==x?void 0:x.formdescription}))]}))}))]}))}))};export{m as default};

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

@@ -1 +1 @@
-import{__rest as o}from"../../../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import{useHover as e}from"../../../hooks/core/useHover.js";import s from"../../../common/cn.js";const t=({color:t,children:i,className:c,isForceColor:n,onClick:l})=>{const m=e(),{isHover:a}=m,p=o(m,["isHover"]);return r("button",Object.assign({className:s("flex items-center gap-1 outline-none",c)},(a||n)&&{style:{color:t}},l&&{onClick:o=>{o.stopPropagation(),l()}},p,{children:i}))};export{t as default};
+import{__rest as o}from"../../../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import{useHover as t}from"../../../hooks/core/useHover.js";import e from"../../../common/cn.js";const s=({color:s,children:i,className:n,isForceColor:c,onClick:l})=>{const a=t(),{isHover:m}=a,u=o(a,["isHover"]);return r("button",Object.assign({className:e("flex items-center gap-1 outline-none transition-all duration-300 ease-in-out",n)},(m||c)&&{style:{color:s}},l&&{onClick:o=>{o.stopPropagation(),l()}},u,{children:i}))};export{s as default};

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

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

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

@@ -24,13 +24,16 @@ export type PickaxeResponsiveBy = "viewport" | "container";
 type PickaxeContextType = {
     formId: string;
     chatId: string;
+    userId: string;
+    studioUserId: string;
     pickaxe: Pickaxe | null;
     styles: PickaxeProviderStyles;
     colors: PickaxeProviderColors;
+    responsiveBy: PickaxeResponsiveBy;
     isNewChat: boolean;
     isShowIceBreaker: boolean;
     isShowHistory: boolean;
-    responsiveBy: PickaxeResponsiveBy;
+    isForceMobile: boolean;
     setFormId: SetState<string>;
     setChatId: SetState<string>;
     setPickaxe: SetState<Pickaxe | null>;
@@ -39,11 +42,14 @@ type PickaxeContextType = {
     setIsShowHistory: SetState<boolean>;
 };
 export interface IPickaxeProviderProps {
+    userId?: string;
+    studioUserId?: string;
     styles?: Partial<PickaxeProviderStyles>;
     colors?: Partial<PickaxeProviderColors>;
     responsiveBy?: PickaxeResponsiveBy;
+    isForceMobile?: boolean;
     children: ReactNode;
 }
 export declare const PickaxeContext: import("react").Context<PickaxeContextType>;
-export declare const PickaxeProvider: ({ styles, colors, responsiveBy, children, }: IPickaxeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PickaxeProvider: ({ userId, studioUserId, styles, colors, responsiveBy, isForceMobile, children, }: IPickaxeProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,13 +1,16 @@
 export declare const usePickaxeContext: () => {
     formId: string;
     chatId: string;
+    userId: string;
+    studioUserId: string;
     pickaxe: import("../../types/pickaxe").Pickaxe | null;
     styles: import("../../components/Pickaxe/Provider").PickaxeProviderStyles;
     colors: import("../../components/Pickaxe/Provider").PickaxeProviderColors;
+    responsiveBy: import("../../components/Pickaxe/Provider").PickaxeResponsiveBy;
     isNewChat: boolean;
     isShowIceBreaker: boolean;
     isShowHistory: boolean;
-    responsiveBy: import("../../components/Pickaxe/Provider").PickaxeResponsiveBy;
+    isForceMobile: boolean;
     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.24",
+  "version": "0.0.26",
   "description": "Client utility library for Pickaxe",
   "repository": {
     "type": "git",