@pickaxeproject/react 1.0.9 → 1.0.10

package/dist/cjs/components/Core/Textarea.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),a=require("react"),l=require("react-textarea-autosize"),o=require("../../common/cn.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=t(l);const n=a.forwardRef(((a,l)=>{var{name:t,value:n="",rows:u=1,maxRows:c,placeholder:i,className:d,hideScrollbar:m,onChange:b}=a,f=e.__rest(a,["name","value","rows","maxRows","placeholder","className","hideScrollbar","onChange"]);return r.jsx(s.default,Object.assign({},t&&{name:t},{ref:l,value:n,onChange:e=>null==b?void 0:b(e.target.value),minRows:u},c&&{maxRows:c},{className:o.default("w-full resize-none bg-transparent outline-none ring-0 placeholder:font-semilight",d,m?"no-scrollbar":"scrollbar scrollbar-thumb-black/50 scrollbar-thumb-rounded-full scrollbar-w-[4px] scrollbar-h-[4px]"),placeholder:i},f))}));n.displayName="Textarea",exports.default=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),a=require("react"),l=require("react-textarea-autosize"),o=require("../../common/cn.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=t(l);const n=a.forwardRef(((a,l)=>{var{name:t,value:n="",rows:u=1,maxRows:c,placeholder:i,className:d,hideScrollbar:b,onChange:m}=a,h=e.__rest(a,["name","value","rows","maxRows","placeholder","className","hideScrollbar","onChange"]);return r.jsx(s.default,Object.assign({},t&&{name:t},{ref:l,value:n,onChange:e=>null==m?void 0:m(e.target.value),minRows:u},c&&{maxRows:c},{className:o.default("w-full resize-none bg-transparent outline-none ring-0 placeholder:text-inherit placeholder:opacity-50",d,b?"no-scrollbar":"scrollbar scrollbar-thumb-black/50 scrollbar-thumb-rounded-full scrollbar-w-[4px] scrollbar-h-[4px]"),placeholder:i},h))}));n.displayName="Textarea",exports.default=n;

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");const r=t.createContext({});exports.DimensionContext=r,exports.default=({children:s})=>{const[i,n]=t.useState(0),[o,u]=t.useState(0);return e.jsx(r.Provider,Object.assign({value:{width:i,height:o,setWidth:n,setHeight:u,setDimension:(e,t)=>{n(e),u(t)}}},{children:s}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");const s=t.createContext({});exports.DimensionContext=s,exports.default=({children:r})=>{const[i,n]=t.useState(0),[o,u]=t.useState(0),[a,c]=t.useState(!1);return e.jsx(s.Provider,Object.assign({value:{width:i,height:o,isMobile:a,setWidth:n,setHeight:u,setDimension:(e,t)=>{n(e),u(t)},setIsMobile:c}},{children:r}))};

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

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

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

@@ -3,9 +3,11 @@ import { type ReactNode } from "react";
 type DimensionContextType = {
     width: number;
     height: number;
+    isMobile: boolean;
     setWidth: SetState<number>;
     setHeight: SetState<number>;
     setDimension: (width: number, height: number) => void;
+    setIsMobile: SetState<boolean>;
 };
 interface IDimensionProviderProps {
     children: ReactNode;

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

@@ -1,7 +1,9 @@
 export declare const useDimensionContext: () => {
     width: number;
     height: number;
+    isMobile: boolean;
     setWidth: import("../../types/common").SetState<number>;
     setHeight: import("../../types/common").SetState<number>;
     setDimension: (width: number, height: number) => void;
+    setIsMobile: import("../../types/common").SetState<boolean>;
 };

package/dist/esm/components/Core/Textarea.js

@@ -1 +1 @@
-import{__rest as a}from"../../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import l from"react-textarea-autosize";import o from"../../common/cn.js";const s=e(((e,s)=>{var{name:t,value:n="",rows:m=1,maxRows:c,placeholder:i,className:u,hideScrollbar:b,onChange:p}=e,h=a(e,["name","value","rows","maxRows","placeholder","className","hideScrollbar","onChange"]);return r(l,Object.assign({},t&&{name:t},{ref:s,value:n,onChange:a=>null==p?void 0:p(a.target.value),minRows:m},c&&{maxRows:c},{className:o("w-full resize-none bg-transparent outline-none ring-0 placeholder:font-semilight",u,b?"no-scrollbar":"scrollbar scrollbar-thumb-black/50 scrollbar-thumb-rounded-full scrollbar-w-[4px] scrollbar-h-[4px]"),placeholder:i},h))}));s.displayName="Textarea";export{s as default};
+import{__rest as a}from"../../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import l from"react-textarea-autosize";import o from"../../common/cn.js";const t=e(((e,t)=>{var{name:s,value:n="",rows:m=1,maxRows:c,placeholder:i,className:p,hideScrollbar:u,onChange:b}=e,h=a(e,["name","value","rows","maxRows","placeholder","className","hideScrollbar","onChange"]);return r(l,Object.assign({},s&&{name:s},{ref:t,value:n,onChange:a=>null==b?void 0:b(a.target.value),minRows:m},c&&{maxRows:c},{className:o("w-full resize-none bg-transparent outline-none ring-0 placeholder:text-inherit placeholder:opacity-50",p,u?"no-scrollbar":"scrollbar scrollbar-thumb-black/50 scrollbar-thumb-rounded-full scrollbar-w-[4px] scrollbar-h-[4px]"),placeholder:i},h))}));t.displayName="Textarea";export{t as default};

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

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

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

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{useState as e,createContext as r}from"react";const i=r({}),s=({children:r})=>{const[s,n]=e(0),[o,c]=e(0);return t(i.Provider,Object.assign({value:{width:s,height:o,setWidth:n,setHeight:c,setDimension:(t,e)=>{n(t),c(e)}}},{children:r}))};export{i as DimensionContext,s as default};
+import{jsx as e}from"react/jsx-runtime";import{useState as t,createContext as i}from"react";const r=i({}),s=({children:i})=>{const[s,o]=t(0),[n,c]=t(0),[h,a]=t(!1);return e(r.Provider,Object.assign({value:{width:s,height:n,isMobile:h,setWidth:o,setHeight:c,setDimension:(e,t)=>{o(e),c(t)},setIsMobile:a}},{children:i}))};export{r as DimensionContext,s as default};

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

@@ -1 +1 @@
-import{__awaiter as o}from"../../_virtual/_tslib.js";import{jsx as e}from"react/jsx-runtime";import{usePickaxe as t}from"../../hooks/pickaxe/usePickaxe.js";import{useRef as r,useEffect as s}from"react";import{usePickaxeContext as n}from"../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as i}from"../../hooks/pickaxe/useResponseContext.js";import{useDimensionContext as a}from"../../hooks/pickaxe/useDimensionContext.js";import{generateId as c}from"../../common/utils.js";import l from"./Addons/Scroll/Provider.js";import m from"./Chat/index.js";import d from"./Form/index.js";import f from"../../common/cn.js";const p=({formId:p,className:u})=>{const{chatId:x,styles:h,colors:k,loadFont:j,isFontLoaded:g,setFormId:v,setChatId:b,setPickaxe:w,setIsFontLoaded:y}=n(),{setMessages:C,setResponse:F}=i(),{setDimension:P}=a(),R=t(),I=r(null);return s((()=>{v(p)}),[p]),s((()=>{if(!R.data)return;const o=R.data.chatflag;b(o?c(15):""),o?C([]):F(null),w(R.data)}),[R.data]),s((()=>{o(void 0,void 0,void 0,(function*(){"undefined"!=typeof window&&(g||j&&"Real Head Pro"!==h.font&&((yield import("webfontloader")).default.load({google:{families:[h.font]}}),y(!0)))}))}),[h.font,j,g]),s((()=>{if(!I.current)return;const o=new ResizeObserver((o=>{for(const e of o){const{width:o,height:t}=e.contentRect;P(o,t)}}));return o.observe(I.current),()=>{o.disconnect()}}),[I.current]),R.data?e("div",Object.assign({ref:I,className:f("relative @container/pickaxe-root flex flex-col flex-grow w-full h-full",u,"dark"===h.theme&&"dark"),style:Object.assign({backgroundColor:k.primary,color:k.text},h.font&&"Real Head Pro"!==h.font&&{fontFamily:h.font})},{children:e(l,x?{children:e(m,{})}:{children:e(d,{})})})):null};export{p as Pickaxe};
+import{__awaiter as o}from"../../_virtual/_tslib.js";import{jsx as e}from"react/jsx-runtime";import{usePickaxe as t}from"../../hooks/pickaxe/usePickaxe.js";import{useRef as r,useEffect as s}from"react";import{usePickaxeContext as n}from"../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as i}from"../../hooks/pickaxe/useResponseContext.js";import{useDimensionContext as a}from"../../hooks/pickaxe/useDimensionContext.js";import{generateId as c}from"../../common/utils.js";import l from"./Addons/Scroll/Provider.js";import d from"./Chat/index.js";import m from"./Form/index.js";import f from"../../common/cn.js";const p=({formId:p,className:u})=>{const{chatId:x,styles:k,colors:h,loadFont:j,isFontLoaded:v,setFormId:b,setChatId:g,setPickaxe:w,setIsFontLoaded:y}=n(),{setMessages:C,setResponse:F}=i(),{setIsMobile:I}=a(),P=t(),R=r(null);return s((()=>{b(p)}),[p]),s((()=>{if(!P.data)return;const o=P.data.chatflag;g(o?c(15):""),o?C([]):F(null),w(P.data)}),[P.data]),s((()=>{o(void 0,void 0,void 0,(function*(){"undefined"!=typeof window&&(v||j&&"Real Head Pro"!==k.font&&((yield import("webfontloader")).default.load({google:{families:[k.font]}}),y(!0)))}))}),[k.font,j,v]),s((()=>{if(!R.current)return;const o=new ResizeObserver((o=>{for(const e of o){const{width:o}=e.contentRect;I(o<768)}}));return o.observe(R.current),()=>{o.disconnect()}}),[R.current]),P.data?e("div",Object.assign({ref:R,className:f("relative @container/pickaxe-root flex flex-col flex-grow w-full h-full",u,"dark"===k.theme&&"dark"),style:Object.assign({backgroundColor:h.primary,color:h.text},k.font&&"Real Head Pro"!==k.font&&{fontFamily:k.font})},{children:e(l,x?{children:e(d,{})}:{children:e(m,{})})})):null};export{p as Pickaxe};

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

@@ -3,9 +3,11 @@ import { type ReactNode } from "react";
 type DimensionContextType = {
     width: number;
     height: number;
+    isMobile: boolean;
     setWidth: SetState<number>;
     setHeight: SetState<number>;
     setDimension: (width: number, height: number) => void;
+    setIsMobile: SetState<boolean>;
 };
 interface IDimensionProviderProps {
     children: ReactNode;

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

@@ -1,7 +1,9 @@
 export declare const useDimensionContext: () => {
     width: number;
     height: number;
+    isMobile: boolean;
     setWidth: import("../../types/common").SetState<number>;
     setHeight: import("../../types/common").SetState<number>;
     setDimension: (width: number, height: number) => void;
+    setIsMobile: import("../../types/common").SetState<boolean>;
 };

package/package.json

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