@pickaxeproject/react 0.0.49 → 0.0.51

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react");const t=r.createContext({});exports.ScrollContext=t,exports.default=({children:s})=>{const[c,l]=r.useState(!1),[o,n]=r.useState(!0),[i,a]=r.useState(!0),u=r.useRef(),d=r.useRef();return e.jsx(t.Provider,Object.assign({value:{scrollContainerRef:u,scrollTargetRef:d,isScrolling:c,isScrollIncreasing:o,isLocked:i,setIsScrolling:l,setIsScrollIncreasing:n,setIsLocked:a}},{children:s}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react");const s=r.createContext({});exports.ScrollContext=s,exports.default=({children:t})=>{const[l,c]=r.useState(!1),[o,n]=r.useState(!0),i=r.useRef(),a=r.useRef(),u=r.useRef(!1);return e.jsx(s.Provider,Object.assign({value:{scrollContainerRef:i,scrollTargetRef:a,hasScrolledRef:u,isScrolling:l,isScrollIncreasing:o,setIsScrolling:c,setIsScrollIncreasing:n}},{children:t}))};

package/dist/cjs/components/Pickaxe/Addons/Scroll/ScrollLockView.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react-intersection-observer"),s=require("./hooks/useScrollContext.js");exports.default=({className:t})=>{const{setIsLocked:o}=s.useScrollContext(),{ref:c}=r.useInView({onChange(e){e&&o(!0)}});return e.jsx("div",Object.assign({ref:c,id:"scroll-lock-view"},t&&{className:t}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react-intersection-observer"),s=require("./hooks/useScrollContext.js");exports.default=({className:t})=>{const{hasScrolledRef:o}=s.useScrollContext(),{ref:c}=r.useInView({onChange(e){e&&(o.current=!1)}});return e.jsx("div",Object.assign({ref:c,className:"scroll-lock-view"},t&&{className:t}))};

package/dist/cjs/components/Pickaxe/Addons/Scroll/hooks/useScroll.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("./useScrollContext.js");exports.useScroll=({behavior:t="smooth"}={behavior:"smooth"})=>{const{scrollContainerRef:n,scrollTargetRef:l,isScrolling:o,isScrollIncreasing:s,isLocked:c,setIsScrolling:u,setIsScrollIncreasing:i,setIsLocked:d}=r.useScrollContext(),[a,v]=e.useState(0),f=e.useRef(!1),h=e.useMemo((()=>n&&n.current?n.current:"undefined"==typeof window?null:window),[n]);e.useEffect((()=>{if(!h)return;const e=e=>{o&&c&&("mousedown"===e.type||"wheel"===e.type||"DOMMouseScroll"===e.type||"mousewheel"===e.type)&&d(!1)};return null==h||h.addEventListener("scroll",e),null==h||h.addEventListener("mousedown",e),null==h||h.addEventListener("wheel",e),null==h||h.addEventListener("DOMMouseScroll",e),null==h||h.addEventListener("mousewheel",e),()=>{null==h||h.removeEventListener("scroll",e),null==h||h.removeEventListener("mousedown",e),null==h||h.removeEventListener("wheel",e),null==h||h.removeEventListener("DOMMouseScroll",e),null==h||h.removeEventListener("mousewheel",e)}}),[o,c,h]),e.useEffect((()=>{f.current=!c}),[c]),e.useEffect((()=>{const e=setInterval((()=>{if(n.current&&o){const e=n.current.scrollHeight;if(e===a)return;i(e>a),v(e)}}),100);return()=>clearInterval(e)}),[a,o]);const w=e=>{if(f.current)return;const r=l.current;if(!n.current){if("undefined"==typeof window)return;const n=null!=e?e:r?r.clientHeight:document.body.scrollHeight;return void window.scrollTo({top:n,behavior:t})}const o=null!=e?e:r?r.clientHeight:n.current.scrollHeight;n.current.scrollTo({top:o,behavior:t})};return{scrollContainerRef:n,scrollTargetRef:l,isScrollIncreasing:s,scrollToContainer:()=>{w(0)},scrollToBottom:()=>{w()},scrollStart:()=>{u(!0),d(!f.current)},scrollEnd:()=>{u(!1)}}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("./useScrollContext.js");exports.useScroll=({auto:o})=>{const{scrollContainerRef:l,scrollTargetRef:t,hasScrolledRef:s,isScrollIncreasing:c,setIsScrolling:n,setIsScrollIncreasing:u}=r.useScrollContext(),[i,a]=e.useState(0);e.useEffect((()=>{const e=setInterval((()=>{if(l.current){const e=l.current.scrollHeight;if(e===i)return;const r=e>i;u(r),a(e),r&&o&&f()}}),100);return()=>clearInterval(e)}),[l,i]);const f=()=>{try{if(n(!0),!l.current)return void("development"===process.env.NODE_ENV&&console.log("[useScroll] scrollContainerRef not detected"));if(s.current)return;const e=l.current.scrollHeight;l.current.scrollTo({top:e,behavior:"smooth"}),"development"===process.env.NODE_ENV&&console.log("[useScroll] scrolled scrollContainerRef")}finally{n(!1)}};return{isScrollIncreasing:c,scrollToBottom:f,scrollToTarget:()=>{try{n(!0);const e=l.current||window;if(!t.current)return void("development"===process.env.NODE_ENV&&console.log("[useScroll] scrollTargetRef not detected"));const r=e.scrollHeight;e.scrollTo({top:r,behavior:"smooth"}),"development"===process.env.NODE_ENV&&console.log("[useScroll] scrolled scrollTargetRef")}finally{n(!1)}}}};

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

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

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

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

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

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

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"),s=require("react/jsx-runtime"),t=require("react"),o=require("../../../../hooks/pickaxe/usePickaxeContext.js"),i=require("../../../../hooks/pickaxe/useResponseContext.js"),r=require("../../../../hooks/pickaxe/useSubmit.js"),n=require("../../../../hooks/pickaxe/useSubmitResult.js"),l=require("../../Addons/Document/hooks/useDocument.js"),a=require("../../Addons/Scroll/hooks/useScroll.js"),u=require("../../../../common/api/streamer.js"),d=require("../../../../common/utils.js"),c=require("@nem035/gpt-3-encoder"),m=require("../../common/PickaxeBranding.js"),p=require("../../common/PickaxeButton.js"),f=require("../../../../common/error.js"),x=require("../../../../common/cn.js");exports.default=({questions:g})=>{const{formId:h,userId:j,studioUserId:w,deploymentId:b,pickaxe:q,misc:v,responsiveBy:y,isShowHistory:I,setIsShowHistory:k,onGenerateComplete:O}=o.usePickaxeContext(),{status:S,limits:E,setResponse:P,setStatus:R,setLimitData:C,setError:D}=i.useResponseContext(),{documents:U,websiteLink:A,isUploading:N,onWebsiteUpload:_,setDocumentError:L}=l.useDocument(),{isScrollIncreasing:T,scrollToContainer:B,scrollToBottom:W,scrollStart:H,scrollEnd:M}=a.useScroll(),F=r.useSubmit(),G=n.useSubmitResult(),[K,V]=t.useState(!1);return s.jsxs("div",Object.assign({className:x.default("mt-4 flex flex-wrap flex-col justify-between gap-2","viewport"===y?"min-[767px]:flex-row":"@[767px]/pickaxe-root:flex-row")},{children:[s.jsxs("div",Object.assign({className:"flex items-center flex-grow flex-wrap gap-2"},{children:[s.jsx(p.default,Object.assign({className:x.default("w-full","viewport"===y?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]"),isDisabled:N||K||"fetching"===S||"streaming"===S,onClick:()=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;try{if(N||K||"fetching"===S||"streaming"===S)return;C(null),L("");const s="enduserupload"===(null==q?void 0:q.documentuploadtype),t=g.some((e=>"userinput:documentupload"===e.id&&e.isRequired)),o=U.filter((e=>"finished"===e.status)),i=d.extractUrlsFromText(A),r=U.map((e=>e.name)),n=i.filter((e=>!r.includes(e)));if(n.length){const e=n[n.length-1],s=yield _(e);s&&(o.push(s),V(!0),yield new Promise((e=>setTimeout(e,5e3))),V(!1))}else if(t&&s&&!o.length)return void L("Please paste a valid website/video link or drag a file to add to the knowledge base.");D("");const l=["Multiple Choice","Checkbox"];for(const e of g){if(c.encode(e.input).length>e.maxLength&&!l.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}))),R("fetching");const{success:p,responseId:f,data:x,usedDocumentIds:v,rawUserInput:y,error:I}=yield F.mutateAsync(Object.assign(Object.assign(Object.assign({formId:h,valueObj:m},s&&a&&{documentId:null!==(e=a.documentId)&&void 0!==e?e:""}),w&&{studioUserId:w}),b&&{deploymentId:b}));if(!p)throw new Error(null!=I?I:"An error occurred, please try again.");H();const k=(yield u.streamer({formId:h,responseId:f,data:x})).body;if(!k)throw new Error("Streaming error");const E=k.getReader(),B=new TextDecoder;let M="",Y=!0;P(null);const z=g.map((e=>({id:e.id,question:e.main,answer:e.input})));for(;Y;){const{value:e,done:s}=yield E.read();Y=!s;if(M+=B.decode(e),"development"===process.env.NODE_ENV&&console.log("[streamingResult]",M),M)R("streaming"),P({formId:h,responseId:f,documentIds:v,messages:[],questions:z,questionPrompt:y,questionResponse:M,createdAt:new Date}),T&&W();else if(!Y&&!M)throw new Error("Server error")}M&&(W(),R("idle"),yield G.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:h,responseId:f,documentIds:v},j&&{userId:j}),w&&{studioUserId:w}),w&&(null==q?void 0:q.studioid)&&{studioId:q.studioid}),b&&{deploymentId:b}),{questions:z,questionPrompt:y,questionResponse:M})),null==O||O(f))}catch(e){let s=f.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(E).find((([e])=>s.includes(e)));t?C(t[1]):D(s),V(!1),B()}finally{R("idle"),M()}}))},{children:K?"Processing...":N?"Uploading...":"fetching"===S||"streaming"===S?"Loading...":"Submit"})),!I&&s.jsx(p.default,Object.assign({variant:"transparent-text",className:x.default("w-full","viewport"===y?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]"),onClick:()=>k(!0)},{children:"See history"}))]})),!v.isWhiteLabel&&s.jsx("div",Object.assign({className:"flex justify-end pr-3"},{children:s.jsx(m.default,{})}))]}))};
+"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"),i=require("../../../../hooks/pickaxe/useResponseContext.js"),r=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/PickaxeBranding.js"),p=require("../../common/PickaxeButton.js"),x=require("../../../../common/error.js"),f=require("../../../../common/cn.js");exports.default=({questions:g})=>{const{formId:j,userId:h,studioUserId:w,deploymentId:b,pickaxe:q,misc:y,responsiveBy:I,isShowHistory:k,setIsShowHistory:v,onGenerateComplete:O}=o.usePickaxeContext(),{status:S,limits:P,isGenerating:R,setResponse:U,setStatus:C,setLimitData:D,setError:E,setIsGenerating:A}=i.useResponseContext(),{documents:T,websiteLink:_,isUploading:L,onWebsiteUpload:N,setDocumentError:B}=u.useDocument(),{scrollToTarget:G,scrollToBottom:W}=a.useScroll({auto:!0}),H=r.useSubmit(),M=n.useSubmitResult(),[F,K]=t.useState(!1);return s.jsxs("div",Object.assign({className:f.default("mt-4 flex flex-wrap flex-col justify-between gap-2","viewport"===I?"min-[767px]:flex-row":"@[767px]/pickaxe-root:flex-row")},{children:[s.jsxs("div",Object.assign({className:"flex items-center flex-grow flex-wrap gap-2"},{children:[s.jsx(p.default,Object.assign({className:f.default("w-full","viewport"===I?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]"),isDisabled:R||L||F||"idle"!==S,onClick:()=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;try{if(R||L||F||"idle"!==S)return;D(null),B(""),A(!0);const s="enduserupload"===(null==q?void 0:q.documentuploadtype),t=g.some((e=>"userinput:documentupload"===e.id&&e.isRequired)),o=T.filter((e=>"finished"===e.status)),i=l.extractUrlsFromText(_),r=T.map((e=>e.name)),n=i.filter((e=>!r.includes(e)));if(n.length){const e=n[n.length-1];K(!0);const s=yield N(e);s&&(o.push(s),yield new Promise((e=>setTimeout(e,5e3)))),K(!1)}else if(t&&s&&!o.length)return void B("Please paste a valid website/video link or drag a file to add to the knowledge base.");E("");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}))),C("fetching");const{success:p,responseId:x,data:f,usedDocumentIds:y,rawUserInput:I,error:k}=yield H.mutateAsync(Object.assign(Object.assign(Object.assign({formId:j,valueObj:m},s&&a&&{documentId:null!==(e=a.documentId)&&void 0!==e?e:""}),w&&{studioUserId:w}),b&&{deploymentId:b}));if(!p)throw new Error(null!=k?k:"An error occurred, please try again.");const v=(yield d.streamer({formId:j,responseId:x,data:f})).body;if(!v)throw new Error("Streaming error");const P=v.getReader(),G=new TextDecoder;let Y="",z=!0,J=!1;U(null);const Q=g.map((e=>({id:e.id,question:e.main,answer:e.input})));for(;z;){const{value:e,done:s}=yield P.read();z=!s;const t=G.decode(e);if(Y&&!J&&(W(),J=!0),Y+=t,Y)C("streaming"),U({formId:j,responseId:x,documentIds:y,messages:[],questions:Q,questionPrompt:I,questionResponse:Y,createdAt:new Date});else if(!z&&!Y)throw new Error("Server error")}Y&&(W(),C("idle"),yield M.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:j,responseId:x,documentIds:y},h&&{userId:h}),w&&{studioUserId:w}),w&&(null==q?void 0:q.studioid)&&{studioId:q.studioid}),b&&{deploymentId:b}),{questions:Q,questionPrompt:I,questionResponse:Y})),null==O||O(x))}catch(e){let s=x.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(P).find((([e])=>s.includes(e)));t?D(t[1]):E(s),G(),W()}finally{C("idle"),A(!1),K(!1)}}))},{children:F?"Processing...":L?"Uploading...":"fetching"===S||"streaming"===S?"Loading...":"Submit"})),!k&&s.jsx(p.default,Object.assign({variant:"transparent-text",className:f.default("w-full","viewport"===I?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]"),onClick:()=>v(!0)},{children:"See history"}))]})),!y.isWhiteLabel&&s.jsx("div",Object.assign({className:"flex justify-end pr-3"},{children:s.jsx(m.default,{})}))]}))};

package/dist/cjs/components/Pickaxe/common/PickaxeMarkdown/Custom/A/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("react"),s=require("@tanstack/react-query"),o=require("../../hooks/usePickaxeMarkdownContext.js"),i=require("../common/Action.js"),n=require("../Img/index.js"),a=require("../../../../../../common/api/utils.js"),u=require("../../../../../../common/error.js");exports.default=({node:l,href:c="",children:d})=>{const{accentColor:f,websiteMetadatas:p,linkPreviews:m,actions:h,setWebsiteMetadatas:w}=o.usePickaxeMarkdownContext(),b=c.startsWith("http://")?`https://${c.slice(7)}`:c.startsWith("www.")?`https://${c}`:c;s.useQuery({queryKey:[b],queryFn:()=>(t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{if("development"===process.env.NODE_ENV&&console.log("[getWebsiteMetadata]",t),!t)return null;if(!t.startsWith("https"))return null;const e=["/api/function_call_results","/api/fn/result","https://prod-pickaxe-assets.s3.amazonaws.com"];if(t.includes("pickaxe")&&e.some((e=>t.includes(e))))return null;const r=(yield a.default.get(`/metadata?url=${encodeURIComponent(t)}`)).data;if(r.error)throw new Error(r.error||"Failed to fetch metadata");return r}catch(e){const t=u.default(e);return"development"===process.env.NODE_ENV&&console.error("[getJobResult]",t),null}})))(b),enabled:"undefined"!=typeof window&&m&&!!b&&!p.some((e=>e.href===b)),retry:2,onSuccess:t=>e.__awaiter(void 0,void 0,void 0,(function*(){t&&(p.some((e=>e.href===t.href))||w((e=>[...e,t])))}))}),r.useEffect((()=>{m&&b&&p.some((e=>e.href===b))}),[m,b,p]);const j=b.match(/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/watch\?v=|youtu\.be\/)([\w-]+)/i);if(j&&(null==j?void 0:j[1]))return t.jsx("div",Object.assign({style:{marginTop:"2rem",marginBottom:"2rem",display:"flex",width:"100%",justifyContent:"center"}},{children:t.jsx("iframe",Object.assign({title:"youtube-embed",src:`https://www.youtube.com/embed/${j[1]}`,style:{width:"100%",maxWidth:"560px"},allowFullScreen:!0},{children:"Iframe not supported, use a different browser."}))}));return b.match(/\.(jpeg|jpg|gif|bmp|webp|svg|tiff|avif)$/)?t.jsx(n.default,{src:b,alt:"string"==typeof d?d:"Markdown Image"}):h&&b.includes("pickaxe")&&(b.includes("/api/fn/result")||b.includes("/api/function_call_results"))?t.jsx(i.default,{jobUrl:b}):t.jsx("a",Object.assign({href:b,target:"_blank",rel:"noopener noreferrer",style:{color:f,fontWeight:600}},{children:d}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),s=require("@tanstack/react-query"),o=require("../../hooks/usePickaxeMarkdownContext.js"),i=require("../common/Action.js"),n=require("../Img/index.js"),a=require("../../../../../../common/api/utils.js"),u=require("../../../../../../common/error.js");exports.default=({node:c,href:l="",children:d})=>{const{accentColor:f,websiteMetadatas:p,linkPreviews:m,actions:h,setWebsiteMetadatas:w}=o.usePickaxeMarkdownContext(),b=l.startsWith("http://")?`https://${l.slice(7)}`:l.startsWith("www.")?`https://${l}`:l;s.useQuery({queryKey:[b],queryFn:()=>(t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{if("development"===process.env.NODE_ENV&&console.log("[getWebsiteMetadata]",t),!t)return null;if(!t.startsWith("https"))return null;const e=["/api/function_call_results","/api/fn/result","https://prod-pickaxe-assets.s3.amazonaws.com"];if(t.includes("pickaxe")&&e.some((e=>t.includes(e))))return null;const r=(yield a.default.get(`/metadata?url=${encodeURIComponent(t)}`)).data;if(r.error)throw new Error(r.error||"Failed to fetch metadata");return r}catch(e){const t=u.default(e);return"development"===process.env.NODE_ENV&&console.error("[getJobResult]",t),null}})))(b),enabled:"undefined"!=typeof window&&m&&!!b&&!p.some((e=>e.href===b))&&!b.includes("https://prod-pickaxe-assets.s3.amazonaws.com"),retry:2,onSuccess:t=>e.__awaiter(void 0,void 0,void 0,(function*(){t&&(p.some((e=>e.href===t.href))||w((e=>[...e,t])))}))}),r.useEffect((()=>{m&&b&&p.some((e=>e.href===b))}),[m,b,p]);const x=b.match(/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/watch\?v=|youtu\.be\/)([\w-]+)/i);if(x&&(null==x?void 0:x[1]))return t.jsx("div",Object.assign({style:{marginTop:"2rem",marginBottom:"2rem",display:"flex",width:"100%",justifyContent:"center"}},{children:t.jsx("iframe",Object.assign({title:"youtube-embed",src:`https://www.youtube.com/embed/${x[1]}`,style:{width:"100%",maxWidth:"560px",minHeight:"315px"},allowFullScreen:!0},{children:"Iframe not supported, use a different browser."}))}));return b.match(/\.(jpeg|jpg|gif|bmp|webp|svg|tiff|avif)$/)?t.jsx(n.default,{src:b,alt:"string"==typeof d?d:"Markdown Image"}):h&&b.includes("pickaxe")&&(b.includes("/api/fn/result")||b.includes("/api/function_call_results"))?t.jsx(i.default,{jobUrl:b}):t.jsx("a",Object.assign({href:b,target:"_blank",rel:"noopener noreferrer",style:{color:f,fontWeight:600}},{children:d}))};

package/dist/cjs/components/Pickaxe/common/PickaxeMarkdown/Custom/Iframe/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime");exports.default=t=>{var{node:i,title:l="Random Iframe",children:s}=t,a=e.__rest(t,["node","title","children"]);return r.jsx("iframe",Object.assign({title:l,style:{borderRadius:"8px"},allowFullScreen:!0},a,{children:s}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime");exports.default=t=>{var{node:i,title:l="Random Iframe",children:s}=t,a=e.__rest(t,["node","title","children"]);return r.jsx("iframe",Object.assign({title:l,style:{borderRadius:"8px",width:"100%",maxWidth:"560px",minHeight:"315px"},allowFullScreen:!0},a,{children:s}))};

package/dist/cjs/components/Pickaxe/common/PickaxeMarkdown/Custom/Img/ImgModal.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../../../../hooks/pickaxe/usePickaxeContext.js"),r=require("../../../../../Core/Modal/index.js"),o=require("../../../../../Core/Modal/Body.js"),t=require("../../../../../Core/Modal/CloseButton.js");exports.default=({children:l,isOpen:a,onChangeIsOpen:i})=>{const{colors:n}=s.usePickaxeContext();return e.jsx(r.default,Object.assign({isOpen:a,onChange:i},{children:e.jsxs(o.default,Object.assign({className:"border-0 w-full h-full",style:{backgroundColor:n.primary,color:n.text,borderColor:n.text+"4D"},avoidOverflow:!0},{children:[e.jsx("div",Object.assign({className:"flex items-start justify-end gap-4"},{children:e.jsx(t.default,{})})),e.jsx("div",Object.assign({className:"mt-4 flex flex-col flex-grow"},{children:l}))]}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../../../Core/Modal/index.js"),a=require("../../../../../Core/Modal/Body.js");exports.default=({src:n,isOpen:i,onChangeIsOpen:o})=>{const[s,d]=r.useState({width:500,height:500});return r.useEffect((()=>{if(!n)return;const e=new Image;e.src=n,e.onload=()=>{d({width:Math.min(e.naturalWidth,750),height:Math.min(e.naturalHeight,600)})}}),[n]),e.jsx(t.default,Object.assign({isOpen:i,onChange:o},{children:e.jsx(a.default,{className:"border-0 p-4",style:{backgroundColor:"#000",backgroundImage:`url("${n}")`,backgroundSize:"contain",backgroundPosition:"center",backgroundRepeat:"no-repeat",width:s.width,height:s.height},avoidOverflow:!0})}))};

package/dist/cjs/components/Pickaxe/common/PickaxeMarkdown/Custom/Img/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../../_virtual/_tslib.js"),o=require("react/jsx-runtime"),r=require("react"),s=require("../../hooks/usePickaxeMarkdownContext.js"),t=require("../../../../../../hooks/core/useHover.js"),i=require("framer-motion"),n=require("../../../../../../common/utils.js"),a=require("../../../../../Icons/download.svg.js"),l=require("../../../PickaxeCopyButton.js"),d=require("./ImgModal.js");exports.default=({node:c,src:u,alt:x})=>{const{accentColor:p}=s.usePickaxeMarkdownContext(),[b,g]=r.useState(!1),[h,j]=r.useState(!1),m=t.useHover(),{isHover:k}=m,v=e.__rest(m,["isHover"]),w={hidden:{opacity:0,y:-10,pointerEvents:"none"},visible:{opacity:1,y:0,pointerEvents:"auto"}},y=()=>o.jsxs("div",Object.assign({style:{position:"relative"}},{children:[o.jsxs(i.motion.div,Object.assign({initial:"hidden",animate:k?"visible":"hidden",variants:w,style:{position:"absolute",display:"flex",gap:"0.4rem",top:"10px",right:"10px",color:"#FFF"}},{children:[o.jsx(i.motion.button,Object.assign({style:{outline:"none",padding:"0.5rem 0.65rem",borderRadius:"4px",boxShadow:"0px 4px 6px rgba(0, 0, 0, 0.1)",transition:"background-color 0.2s ease",backgroundColor:p+"07"},whileHover:{backgroundColor:p},whileTap:{scale:.95},onClick:e=>{e.stopPropagation(),window.open(u,"_blank")}},{children:o.jsx(a.default,{width:24,height:24,style:{color:n.getContrastColor(p),flexShrink:0}})})),o.jsx(i.motion.button,Object.assign({style:{outline:"none",padding:"0.5rem 0.65rem",borderRadius:"4px",boxShadow:"0px 4px 6px rgba(0, 0, 0, 0.1)",transition:"background-color 0.2s ease",backgroundColor:p+"07"},whileHover:{backgroundColor:p},whileTap:{scale:.95},onClick:e=>e.stopPropagation()},{children:o.jsx(l.default,{color:n.getContrastColor(p),iconClassName:"w-6 h-6",text:u||""})}))]})),o.jsx("img",{src:u,alt:x,style:{borderRadius:"8px",width:"100%",transition:"box-shadow 0.3s ease",boxShadow:k?"inset 0px 4px 10px rgba(0, 0, 0, 0.5)":"none"},onError:()=>g(!0),onClick:()=>j(!0)})]}));return o.jsxs("div",Object.assign({style:{marginTop:"2rem",marginBottom:"2rem",display:"flex",width:"100%",justifyContent:"center",overflow:"hidden",borderRadius:"8px",transition:"transform 0.3s ease, box-shadow 0.3s ease",transform:k?"translateY(-5px)":"translateY(0)"}},v,{children:[b?o.jsx("p",Object.assign({style:{userSelect:"none",opacity:.5,fontStyle:"italic"}},{children:"[Image link is broken]"})):o.jsx(y,{}),h&&o.jsx(d.default,Object.assign({isOpen:h,onChangeIsOpen:j},{children:o.jsx(y,{})}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../../_virtual/_tslib.js"),o=require("react/jsx-runtime"),t=require("react"),r=require("../../hooks/usePickaxeMarkdownContext.js"),s=require("../../../../../../hooks/core/useHover.js"),i=require("framer-motion"),n=require("../../../../../../common/utils.js"),a=require("../../../../../Icons/download.svg.js"),l=require("../../../PickaxeCopyButton.js"),d=require("./ImgModal.js");exports.default=({node:c,src:p,alt:u})=>{const{accentColor:x}=r.usePickaxeMarkdownContext(),[b,h]=t.useState(!1),[g,j]=t.useState(!1),m=s.useHover(),{isHover:y}=m,v=e.__rest(m,["isHover"]);return o.jsxs("div",Object.assign({style:{marginTop:"2rem",marginBottom:"2rem",display:"flex",width:"100%",justifyContent:"center",overflow:"hidden",borderRadius:"8px",transition:"transform 0.3s ease, box-shadow 0.3s ease",transform:y?"translateY(-5px)":"translateY(0)"}},v,{children:[g&&o.jsx(d.default,{src:p,isOpen:g,onChangeIsOpen:j}),b?o.jsx("p",Object.assign({style:{userSelect:"none",opacity:.5,fontStyle:"italic"}},{children:"[Image link is broken]"})):o.jsxs("div",Object.assign({style:{position:"relative"}},{children:[o.jsxs(i.motion.div,Object.assign({initial:"hidden",animate:y?"visible":"hidden",variants:{hidden:{opacity:0,y:-10,pointerEvents:"none"},visible:{opacity:1,y:0,pointerEvents:"auto"}},style:{position:"absolute",display:"flex",gap:"0.4rem",top:"10px",right:"10px",color:"#FFF"}},{children:[o.jsx(i.motion.button,Object.assign({style:{outline:"none",padding:"0.5rem 0.65rem",borderRadius:"4px",boxShadow:"0px 4px 6px rgba(0, 0, 0, 0.1)",transition:"background-color 0.2s ease",backgroundColor:x,opacity:.6},whileTap:{scale:.95},whileHover:{opacity:1},onClick:e=>{e.stopPropagation(),window.open(p,"_blank")}},{children:o.jsx(a.default,{width:24,height:24,style:{color:n.getContrastColor(x),flexShrink:0}})})),o.jsx(i.motion.button,Object.assign({style:{outline:"none",padding:"0.5rem 0.65rem",borderRadius:"4px",boxShadow:"0px 4px 6px rgba(0, 0, 0, 0.1)",transition:"background-color 0.2s ease",backgroundColor:x,opacity:.6},whileTap:{scale:.95},whileHover:{opacity:1},onClick:e=>e.stopPropagation()},{children:o.jsx(l.default,{color:n.getContrastColor(x),iconClassName:"w-6 h-6",text:p||""})}))]})),o.jsx("img",{src:p,alt:u,style:{borderRadius:"8px",width:"100%",transition:"box-shadow 0.3s ease",boxShadow:y?"inset 0px 4px 10px rgba(0, 0, 0, 0.5)":"none"},onError:()=>h(!0),onClick:()=>j(!0)})]}))]}))};

package/dist/cjs/components/Pickaxe/common/PickaxeMarkdown/Custom/P/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../hooks/usePickaxeMarkdownContext.js"),s=require("../common/Action.js");exports.default=({node:n,children:i})=>{const{actions:l}=t.usePickaxeMarkdownContext();if(l&&"string"==typeof i&&i.includes("pickaxe")&&(i.includes("/api/fn/result")||i.includes("/api/function_call_results"))){const t=i.replace(/https:\/\/\S*(\/api\/fn\/result|\/api\/function_call_results)\S*/g,""),n=i.match(/https:\/\/\S*(\/api\/fn\/result|\/api\/function_call_results)\S*/g);return e.jsxs("div",Object.assign({className:"flex flex-col"},{children:[e.jsx("p",Object.assign({style:{fontWeight:350}},{children:t})),e.jsx(s.default,{jobUrl:(null==n?void 0:n[0])||""})]}))}return e.jsx("p",Object.assign({style:{fontWeight:350}},{children:i}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../hooks/usePickaxeMarkdownContext.js"),s=require("../common/Action.js"),i=require("../Img/index.js");exports.default=({node:r,children:n})=>{const{actions:l}=t.usePickaxeMarkdownContext(),a="string"==typeof n&&n.match(/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/watch\?v=|youtu\.be\/)([\w-]+)/i);if(a&&(null==a?void 0:a[1]))return e.jsx("div",Object.assign({style:{marginTop:"2rem",marginBottom:"2rem",display:"flex",width:"100%",justifyContent:"center"}},{children:e.jsx("iframe",Object.assign({title:"youtube-embed",src:`https://www.youtube.com/embed/${a[1]}`,style:{width:"100%",maxWidth:"560px",minHeight:"315px"},allowFullScreen:!0},{children:"Iframe not supported, use a different browser."}))}));if("string"==typeof n&&n.match(/\.(jpeg|jpg|gif|bmp|webp|svg|tiff|avif)$/))return e.jsx(i.default,{src:n,alt:"string"==typeof n?n:"Markdown Image"});if(l&&"string"==typeof n&&n.includes("pickaxe")&&(n.includes("/api/fn/result")||n.includes("/api/function_call_results"))){const t=n.replace(/https:\/\/\S*(\/api\/fn\/result|\/api\/function_call_results)\S*/g,""),i=n.match(/https:\/\/\S*(\/api\/fn\/result|\/api\/function_call_results)\S*/g);return e.jsxs("div",Object.assign({className:"flex flex-col"},{children:[e.jsx("p",Object.assign({style:{fontWeight:350}},{children:t})),e.jsx(s.default,{jobUrl:(null==i?void 0:i[0])||""})]}))}return e.jsx("p",Object.assign({style:{fontWeight:350}},{children:n}))};

package/dist/cjs/components/Pickaxe/common/PickaxeMarkdown/Custom/common/LinkPreview.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../../../../../hooks/pickaxe/usePickaxeContext.js"),t=require("framer-motion");exports.default=({data:r})=>{const{colors:o}=i.usePickaxeContext();return e.jsxs(t.motion.a,Object.assign({initial:{opacity:0,x:10},animate:{opacity:1,x:0},exit:{opacity:0,x:10},transition:{duration:.3},whileHover:{scale:1.02},whileTap:{scale:.98},style:{display:"flex",flexDirection:"column",backgroundColor:o.primary,color:o.text,borderRadius:"15px 15px 15px 10px",overflow:"hidden",minHeight:r.image?"145px":"auto",maxWidth:"220px",width:"100%"},href:r.href,target:"_blank",rel:"noopener noreferrer"},{children:[!!r.image&&e.jsx("div",{style:{backgroundImage:`url("${r.image}")`,backgroundSize:"cover",backgroundPosition:"center",flex:1}}),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"0.2rem",fontSize:"14px",padding:"0.25rem 1rem"}},{children:[e.jsx("p",Object.assign({style:{fontWeight:600,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},{children:r.title})),e.jsx("p",Object.assign({style:{fontWeight:350,opacity:.6,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},{children:r.description||"No description found"}))]}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../../../../../hooks/pickaxe/usePickaxeContext.js"),t=require("framer-motion");exports.default=({data:o})=>{var r,n;const{colors:a}=i.usePickaxeContext();return e.jsxs(t.motion.a,Object.assign({initial:{opacity:0,x:10},animate:{opacity:1,x:0},exit:{opacity:0,x:10},transition:{duration:.3},whileHover:{scale:1.02},whileTap:{scale:.98},style:{display:"flex",flexDirection:"column",backgroundColor:null!==(r=null==a?void 0:a.primary)&&void 0!==r?r:"#FFF",color:null!==(n=null==a?void 0:a.text)&&void 0!==n?n:"#000",borderRadius:"15px 15px 15px 10px",overflow:"hidden",minHeight:o.image?"145px":"auto",maxWidth:"220px",width:"100%"},href:o.href,target:"_blank",rel:"noopener noreferrer"},{children:[!!o.image&&e.jsx("div",{style:{backgroundImage:`url("${o.image}")`,backgroundSize:"cover",backgroundPosition:"center",flex:1}}),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"0.2rem",fontSize:"14px",padding:"0.25rem 1rem"}},{children:[e.jsx("p",Object.assign({style:{fontWeight:600,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},{children:o.title})),e.jsx("p",Object.assign({style:{fontWeight:350,opacity:.6,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},{children:o.description||"No description found"}))]}))]}))};

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

@@ -1,14 +1,14 @@
-import { Dispatch, MutableRefObject, ReactNode, RefObject, SetStateAction } from "react";
+import type { SetState } from "../../../../types/common";
+import { MutableRefObject, ReactNode, RefObject } from "react";
 export type AnyScrollRef = RefObject<HTMLDivElement> | MutableRefObject<HTMLDivElement>;
 type ScrollContextType = {
     scrollContainerRef: MutableRefObject<HTMLDivElement>;
     scrollTargetRef: MutableRefObject<HTMLDivElement>;
-    isLocked: boolean;
+    hasScrolledRef: MutableRefObject<boolean>;
     isScrolling: boolean;
     isScrollIncreasing: boolean;
-    setIsScrolling: Dispatch<SetStateAction<boolean>>;
-    setIsScrollIncreasing: Dispatch<SetStateAction<boolean>>;
-    setIsLocked: Dispatch<SetStateAction<boolean>>;
+    setIsScrolling: SetState<boolean>;
+    setIsScrollIncreasing: SetState<boolean>;
 };
 interface ScrollProviderProps {
     children: ReactNode;

package/dist/cjs/src/components/Pickaxe/Addons/Scroll/hooks/useScroll.d.ts

@@ -1,14 +1,9 @@
-/// <reference types="react" />
 interface UseScrollProps {
-    behavior?: ScrollBehavior;
+    auto?: boolean;
 }
-export declare const useScroll: ({ behavior }?: UseScrollProps) => {
-    scrollContainerRef: import("react").MutableRefObject<HTMLDivElement>;
-    scrollTargetRef: import("react").MutableRefObject<HTMLDivElement>;
+export declare const useScroll: ({ auto }: UseScrollProps) => {
     isScrollIncreasing: boolean;
-    scrollToContainer: () => void;
     scrollToBottom: () => void;
-    scrollStart: () => void;
-    scrollEnd: () => void;
+    scrollToTarget: () => void;
 };
 export {};

package/dist/cjs/src/components/Pickaxe/Addons/Scroll/hooks/useScrollContext.d.ts

@@ -2,10 +2,9 @@
 export declare const useScrollContext: () => {
     scrollContainerRef: import("react").MutableRefObject<HTMLDivElement>;
     scrollTargetRef: import("react").MutableRefObject<HTMLDivElement>;
-    isLocked: boolean;
+    hasScrolledRef: import("react").MutableRefObject<boolean>;
     isScrolling: boolean;
     isScrollIncreasing: boolean;
-    setIsScrolling: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    setIsScrollIncreasing: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    setIsLocked: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    setIsScrolling: import("../../../../../types/common").SetState<boolean>;
+    setIsScrollIncreasing: import("../../../../../types/common").SetState<boolean>;
 };

package/dist/cjs/src/components/Pickaxe/common/PickaxeMarkdown/Custom/Img/ImgModal.d.ts

@@ -1,8 +1,7 @@
-import type { ReactNode } from "react";
 interface ImgModalProps {
-    children?: ReactNode;
+    src?: string;
     isOpen: boolean;
     onChangeIsOpen: (isOpen: boolean) => void;
 }
-declare const ImgModal: ({ children, isOpen, onChangeIsOpen }: ImgModalProps) => import("react/jsx-runtime").JSX.Element;
+declare const ImgModal: ({ src, isOpen, onChangeIsOpen }: ImgModalProps) => import("react/jsx-runtime").JSX.Element;
 export default ImgModal;

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

@@ -1 +1 @@
-import{jsx as r}from"react/jsx-runtime";import{useState as e,useRef as s,createContext as c}from"react";const o=c({}),l=({children:c})=>{const[l,t]=e(!1),[i,n]=e(!0),[a,d]=e(!0),g=s(),f=s();return r(o.Provider,Object.assign({value:{scrollContainerRef:g,scrollTargetRef:f,isScrolling:l,isScrollIncreasing:i,isLocked:a,setIsScrolling:t,setIsScrollIncreasing:n,setIsLocked:d}},{children:c}))};export{o as ScrollContext,l as default};
+import{jsx as r}from"react/jsx-runtime";import{useState as e,useRef as l,createContext as s}from"react";const c=s({}),o=({children:s})=>{const[o,n]=e(!1),[t,i]=e(!0),a=l(),f=l(),g=l(!1);return r(c.Provider,Object.assign({value:{scrollContainerRef:a,scrollTargetRef:f,hasScrolledRef:g,isScrolling:o,isScrollIncreasing:t,setIsScrolling:n,setIsScrollIncreasing:i}},{children:s}))};export{c as ScrollContext,o as default};

package/dist/esm/components/Pickaxe/Addons/Scroll/ScrollLockView.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useInView as o}from"react-intersection-observer";import{useScrollContext as r}from"./hooks/useScrollContext.js";const s=({className:s})=>{const{setIsLocked:t}=r(),{ref:c}=o({onChange(e){e&&t(!0)}});return e("div",Object.assign({ref:c,id:"scroll-lock-view"},s&&{className:s}))};export{s as default};
+import{jsx as e}from"react/jsx-runtime";import{useInView as r}from"react-intersection-observer";import{useScrollContext as o}from"./hooks/useScrollContext.js";const s=({className:s})=>{const{hasScrolledRef:t}=o(),{ref:c}=r({onChange(e){e&&(t.current=!1)}});return e("div",Object.assign({ref:c,className:"scroll-lock-view"},s&&{className:s}))};export{s as default};

package/dist/esm/components/Pickaxe/Addons/Scroll/hooks/useScroll.js

@@ -1 +1 @@
-import{useState as e,useRef as r,useMemo as n,useEffect as t}from"react";import{useScrollContext as o}from"./useScrollContext.js";const l=({behavior:l="smooth"}={behavior:"smooth"})=>{const{scrollContainerRef:s,scrollTargetRef:c,isScrolling:i,isScrollIncreasing:u,isLocked:d,setIsScrolling:a,setIsScrollIncreasing:v,setIsLocked:m}=o(),[h,w]=e(0),f=r(!1),g=n((()=>s&&s.current?s.current:"undefined"==typeof window?null:window),[s]);t((()=>{if(!g)return;const e=e=>{i&&d&&("mousedown"===e.type||"wheel"===e.type||"DOMMouseScroll"===e.type||"mousewheel"===e.type)&&m(!1)};return null==g||g.addEventListener("scroll",e),null==g||g.addEventListener("mousedown",e),null==g||g.addEventListener("wheel",e),null==g||g.addEventListener("DOMMouseScroll",e),null==g||g.addEventListener("mousewheel",e),()=>{null==g||g.removeEventListener("scroll",e),null==g||g.removeEventListener("mousedown",e),null==g||g.removeEventListener("wheel",e),null==g||g.removeEventListener("DOMMouseScroll",e),null==g||g.removeEventListener("mousewheel",e)}}),[i,d,g]),t((()=>{f.current=!d}),[d]),t((()=>{const e=setInterval((()=>{if(s.current&&i){const e=s.current.scrollHeight;if(e===h)return;v(e>h),w(e)}}),100);return()=>clearInterval(e)}),[h,i]);const L=e=>{if(f.current)return;const r=c.current;if(!s.current){if("undefined"==typeof window)return;const n=null!=e?e:r?r.clientHeight:document.body.scrollHeight;return void window.scrollTo({top:n,behavior:l})}const n=null!=e?e:r?r.clientHeight:s.current.scrollHeight;s.current.scrollTo({top:n,behavior:l})};return{scrollContainerRef:s,scrollTargetRef:c,isScrollIncreasing:u,scrollToContainer:()=>{L(0)},scrollToBottom:()=>{L()},scrollStart:()=>{a(!0),m(!f.current)},scrollEnd:()=>{a(!1)}}};export{l as useScroll};
+import{useState as e,useEffect as o}from"react";import{useScrollContext as r}from"./useScrollContext.js";const l=({auto:l})=>{const{scrollContainerRef:t,scrollTargetRef:c,hasScrolledRef:n,isScrollIncreasing:s,setIsScrolling:i,setIsScrollIncreasing:a}=r(),[u,f]=e(0);o((()=>{const e=setInterval((()=>{if(t.current){const e=t.current.scrollHeight;if(e===u)return;const o=e>u;a(o),f(e),o&&l&&g()}}),100);return()=>clearInterval(e)}),[t,u]);const g=()=>{try{if(i(!0),!t.current)return void("development"===process.env.NODE_ENV&&console.log("[useScroll] scrollContainerRef not detected"));if(n.current)return;const e=t.current.scrollHeight;t.current.scrollTo({top:e,behavior:"smooth"}),"development"===process.env.NODE_ENV&&console.log("[useScroll] scrolled scrollContainerRef")}finally{i(!1)}};return{isScrollIncreasing:s,scrollToBottom:g,scrollToTarget:()=>{try{i(!0);const e=t.current||window;if(!c.current)return void("development"===process.env.NODE_ENV&&console.log("[useScroll] scrollTargetRef not detected"));const o=e.scrollHeight;e.scrollTo({top:o,behavior:"smooth"}),"development"===process.env.NODE_ENV&&console.log("[useScroll] scrolled scrollTargetRef")}finally{i(!1)}}}};export{l as useScroll};

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

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

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

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

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

@@ -1 +1 @@
-import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useMemo as o}from"react";import{usePickaxeContext as t}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as n}from"../../../../hooks/pickaxe/useResponseContext.js";import{format as r}from"date-fns";import{PickaxeMarkdown as a}from"../../common/PickaxeMarkdown/index.js";import{PickaxeMarkdownRenderer as i}from"../../common/PickaxeMarkdown/Renderer.js";import c from"../../../Icons/message-square-notes.svg.js";import l from"../../../Icons/visitor.svg.js";import m from"../../common/PickaxeIcon.js";import d from"../../common/PickaxeSimpleButton.js";import p from"../../Addons/Scroll/ScrollLockView.js";import h from"../../common/PickaxeCopyButton.js";const x=()=>{var x;const{pickaxe:f,styles:u,colors:g,misc:b,setChatId:v,setIsNewChat:k}=t(),{response:j}=n(),y=o((()=>r(j?j.createdAt:new Date,"hh:mm a MMM dd, yy")),[j]),w=o((()=>{var e;if(!j)return"";return(null!==(e=j.questions)&&void 0!==e?e:[]).map((e=>`<div style="display: flex; flex-direction: column; margin-bottom: 1em;">\n  <p style="font-weight: 500;">${e.question}</p>\n  <p>${e.answer||"n/a"}</p>\n</div>`)).join("")}),[j]);return j?e("div",Object.assign({className:"flex flex-col shadow-black transition duration-300 hover:shadow"},{children:[e("div",Object.assign({className:"flex gap-x-3 overflow-hidden px-4 py-5",style:{backgroundColor:g.primary,color:g.text}},{children:[s("div",Object.assign({className:"shrink-0 pt-1"},{children:s(l,{className:"h-6 w-6"})})),e("div",Object.assign({className:"flex flex-col gap-y-1 overflow-x-auto pb-[6px] scrollbar-track-gray-100 scrollbar-thumb-[#4A4A4B] lg:max-w-[520px] lg:scrollbar-thin"},{children:[s("input",{id:`${j.responseId}-input`,type:"checkbox",className:"peer hidden",defaultChecked:w.length<280}),s("div",{className:"danger-html hidden flex-col opacity-50 peer-checked:flex",dangerouslySetInnerHTML:{__html:w}}),s("label",Object.assign({htmlFor:`${j.responseId}-input`,className:"mt-1 flex shrink-0 whitespace-nowrap text-sm font-semibold text-[#228DD7] peer-checked:hidden hover:cursor-pointer",style:{color:g.accent}},{children:"See input"})),s("label",Object.assign({htmlFor:`${j.responseId}-input`,className:"hidden shrink-0 whitespace-nowrap text-sm font-semibold text-[#228DD7] peer-checked:flex hover:cursor-pointer",style:{color:g.accent}},{children:"Hide input"}))]}))]})),e("div",Object.assign({className:"flex gap-x-3 px-4 py-5",style:{backgroundColor:g.secondary,color:g.secondaryText}},{children:[b.isChatImage&&s(m,{src:null==f?void 0:f.chaticon,alt:`${null==f?void 0:f.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6 pt-1",textColor:g.secondaryText}),e("div",Object.assign({className:"flex w-full flex-col gap-y-2 overflow-hidden"},{children:[s(a,Object.assign({theme:u.theme,accentColor:g.accent,linkPreviews:!0,actions:!0},{children:s(i,{className:"overflow-x-auto pb-2 font-semilight opacity-90 scrollbar scrollbar-thin",value:j.questionResponse})})),e("div",Object.assign({className:"flex flex-wrap items-center justify-between gap-x-3 gap-y-1"},{children:[e("div",Object.assign({className:"flex items-center gap-3"},{children:[(null==f?void 0:f.enablechatresponses)&&e(d,Object.assign({color:g.accent,onClick:()=>{return e=j.responseId,k(!1),void v(e);var e}},{children:[s(c,{className:"h-4 w-4 shrink-0"}),s("p",Object.assign({className:"text-sm font-semibold"},{children:j.messages.length+1}))]})),s(h,{color:g.accent,text:null!==(x=j.questionResponse)&&void 0!==x?x:""})]})),s("div",Object.assign({className:"flex shrink-0 grow justify-end"},{children:s("p",Object.assign({className:"text-sm font-semibold uppercase opacity-30"},{children:y}))}))]}))]}))]})),s(p,{})]})):null};export{x as default};
+import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useMemo as o}from"react";import{usePickaxeContext as t}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as r}from"../../../../hooks/pickaxe/useResponseContext.js";import{useScrollContext as n}from"../../Addons/Scroll/hooks/useScrollContext.js";import{format as l}from"date-fns";import{PickaxeMarkdown as a}from"../../common/PickaxeMarkdown/index.js";import{PickaxeMarkdownRenderer as c}from"../../common/PickaxeMarkdown/Renderer.js";import i from"../../../Icons/message-square-notes.svg.js";import m from"../../../Icons/visitor.svg.js";import d from"../../common/PickaxeIcon.js";import p from"../../common/PickaxeSimpleButton.js";import h from"../../common/PickaxeCopyButton.js";import f from"../../Addons/Scroll/ScrollLockView.js";const x=()=>{var x;const{pickaxe:u,styles:g,colors:b,misc:v,setChatId:j,setIsNewChat:k}=t(),{response:w}=r(),{scrollTargetRef:y,scrollContainerRef:N}=n(),C=o((()=>l(w?w.createdAt:new Date,"hh:mm a MMM dd, yy")),[w]),O=o((()=>{var e;if(!w)return"";return(null!==(e=w.questions)&&void 0!==e?e:[]).map((e=>`<div style="display: flex; flex-direction: column; margin-bottom: 1em;">\n  <p style="font-weight: 500;">${e.question}</p>\n  <p>${e.answer||"n/a"}</p>\n</div>`)).join("")}),[w]);return w?e("div",Object.assign({ref:y,className:"flex flex-col shadow-black transition duration-300 hover:shadow"},{children:[e("div",Object.assign({className:"flex gap-x-3 overflow-hidden px-4 py-5",style:{backgroundColor:b.primary,color:b.text}},{children:[s("div",Object.assign({className:"shrink-0 pt-1"},{children:s(m,{className:"h-6 w-6"})})),e("div",Object.assign({className:"flex flex-col gap-y-1 overflow-x-auto pb-[6px] scrollbar scrollbar-thin"},{children:[s("input",{id:`${w.responseId}-input`,type:"checkbox",className:"peer hidden",defaultChecked:O.length<280}),s("div",{className:"danger-html hidden flex-col opacity-50 peer-checked:flex",dangerouslySetInnerHTML:{__html:O}}),s("label",Object.assign({htmlFor:`${w.responseId}-input`,className:"mt-1 flex shrink-0 whitespace-nowrap text-sm font-semibold text-[#228DD7] peer-checked:hidden hover:cursor-pointer",style:{color:b.accent}},{children:"See input"})),s("label",Object.assign({htmlFor:`${w.responseId}-input`,className:"hidden shrink-0 whitespace-nowrap text-sm font-semibold text-[#228DD7] peer-checked:flex hover:cursor-pointer",style:{color:b.accent}},{children:"Hide input"}))]}))]})),e("div",Object.assign({className:"flex gap-x-3 px-4 py-5",style:{backgroundColor:b.secondary,color:b.secondaryText}},{children:[v.isChatImage&&s(d,{src:null==u?void 0:u.chaticon,alt:`${null==u?void 0:u.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6 pt-1",textColor:b.secondaryText}),e("div",Object.assign({ref:N,className:"flex w-full flex-col gap-y-2 overflow-hidden"},{children:[s(a,Object.assign({theme:g.theme,accentColor:b.accent,linkPreviews:!0,actions:!0},{children:s(c,{className:"overflow-x-auto pb-2 font-semilight opacity-90 scrollbar scrollbar-thin",value:w.questionResponse})})),e("div",Object.assign({className:"flex flex-wrap items-center justify-between gap-x-3 gap-y-1"},{children:[e("div",Object.assign({className:"flex items-center gap-3"},{children:[(null==u?void 0:u.enablechatresponses)&&e(p,Object.assign({color:b.accent,onClick:()=>{return e=w.responseId,k(!1),void j(e);var e}},{children:[s(i,{className:"h-4 w-4 shrink-0"}),s("p",Object.assign({className:"text-sm font-semibold"},{children:w.messages.length+1}))]})),s(h,{color:b.accent,text:null!==(x=w.questionResponse)&&void 0!==x?x:""})]})),s("div",Object.assign({className:"flex shrink-0 grow justify-end"},{children:s("p",Object.assign({className:"text-sm font-semibold uppercase opacity-30"},{children:C}))}))]}))]}))]})),s(f,{className:"w-full"})]})):null};export{x 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 i}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as r}from"../../../../hooks/pickaxe/useResponseContext.js";import{useSubmit as n}from"../../../../hooks/pickaxe/useSubmit.js";import{useSubmitResult as l}from"../../../../hooks/pickaxe/useSubmitResult.js";import{useDocument as a}from"../../Addons/Document/hooks/useDocument.js";import{useScroll as d}from"../../Addons/Scroll/hooks/useScroll.js";import{streamer as c}from"../../../../common/api/streamer.js";import{extractUrlsFromText as m}from"../../../../common/utils.js";import{encode as u}from"@nem035/gpt-3-encoder";import p from"../../common/PickaxeBranding.js";import f from"../../common/PickaxeButton.js";import g from"../../../../common/error.js";import x from"../../../../common/cn.js";const h=({questions:h})=>{const{formId:w,userId:j,studioUserId:b,deploymentId:y,pickaxe:I,misc:v,responsiveBy:k,isShowHistory:O,setIsShowHistory:S,onGenerateComplete:q}=i(),{status:E,limits:D,setResponse:P,setStatus:R,setLimitData:U,setError:C}=r(),{documents:A,websiteLink:N,isUploading:L,onWebsiteUpload:B,setDocumentError:T}=a(),{isScrollIncreasing:W,scrollToContainer:_,scrollToBottom:H,scrollStart:G,scrollEnd:K}=d(),M=n(),V=l(),[Y,z]=s(!1);return o("div",Object.assign({className:x("mt-4 flex flex-wrap flex-col justify-between gap-2","viewport"===k?"min-[767px]:flex-row":"@[767px]/pickaxe-root:flex-row")},{children:[o("div",Object.assign({className:"flex items-center flex-grow flex-wrap gap-2"},{children:[t(f,Object.assign({className:x("w-full","viewport"===k?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]"),isDisabled:L||Y||"fetching"===E||"streaming"===E,onClick:()=>e(void 0,void 0,void 0,(function*(){var e;try{if(L||Y||"fetching"===E||"streaming"===E)return;U(null),T("");const o="enduserupload"===(null==I?void 0:I.documentuploadtype),t=h.some((e=>"userinput:documentupload"===e.id&&e.isRequired)),s=A.filter((e=>"finished"===e.status)),i=m(N),r=A.map((e=>e.name)),n=i.filter((e=>!r.includes(e)));if(n.length){const e=n[n.length-1],o=yield B(e);o&&(s.push(o),z(!0),yield new Promise((e=>setTimeout(e,5e3))),z(!1))}else if(t&&o&&!s.length)return void T("Please paste a valid website/video link or drag a file to add to the knowledge base.");C("");const l=["Multiple Choice","Checkbox"];for(const e of h){if(u(e.input).length>e.maxLength&&!l.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 d={};h.forEach((e=>d=Object.assign(Object.assign({},d),{[e.id]:"Knowledge Upload"===e.type||e.id.includes("documentupload")?(null==a?void 0:a.name)||"":e.input}))),R("fetching");const{success:p,responseId:f,data:g,usedDocumentIds:x,rawUserInput:v,error:k}=yield M.mutateAsync(Object.assign(Object.assign(Object.assign({formId:w,valueObj:d},o&&a&&{documentId:null!==(e=a.documentId)&&void 0!==e?e:""}),b&&{studioUserId:b}),y&&{deploymentId:y}));if(!p)throw new Error(null!=k?k:"An error occurred, please try again.");G();const O=(yield c({formId:w,responseId:f,data:g})).body;if(!O)throw new Error("Streaming error");const S=O.getReader(),D=new TextDecoder;let _="",K=!0;P(null);const F=h.map((e=>({id:e.id,question:e.main,answer:e.input})));for(;K;){const{value:e,done:o}=yield S.read();K=!o;if(_+=D.decode(e),"development"===process.env.NODE_ENV&&console.log("[streamingResult]",_),_)R("streaming"),P({formId:w,responseId:f,documentIds:x,messages:[],questions:F,questionPrompt:v,questionResponse:_,createdAt:new Date}),W&&H();else if(!K&&!_)throw new Error("Server error")}_&&(H(),R("idle"),yield V.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:w,responseId:f,documentIds:x},j&&{userId:j}),b&&{studioUserId:b}),b&&(null==I?void 0:I.studioid)&&{studioId:I.studioid}),y&&{deploymentId:y}),{questions:F,questionPrompt:v,questionResponse:_})),null==q||q(f))}catch(e){let o=g(e)||"";o&&!o.includes("Unexpected token 'A',")||(o="Oops! We're experiencing high traffic at the moment. Please try again later.");const t=Object.entries(D).find((([e])=>o.includes(e)));t?U(t[1]):C(o),z(!1),_()}finally{R("idle"),K()}}))},{children:Y?"Processing...":L?"Uploading...":"fetching"===E||"streaming"===E?"Loading...":"Submit"})),!O&&t(f,Object.assign({variant:"transparent-text",className:x("w-full","viewport"===k?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]"),onClick:()=>S(!0)},{children:"See history"}))]})),!v.isWhiteLabel&&t("div",Object.assign({className:"flex justify-end pr-3"},{children:t(p,{})}))]}))};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 i}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as r}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/PickaxeBranding.js";import f from"../../common/PickaxeButton.js";import g from"../../../../common/error.js";import x from"../../../../common/cn.js";const h=({questions:h})=>{const{formId:w,userId:j,studioUserId:b,deploymentId:y,pickaxe:I,misc:k,responsiveBy:v,isShowHistory:O,setIsShowHistory:q,onGenerateComplete:S}=i(),{status:P,limits:U,isGenerating:D,setResponse:E,setStatus:R,setLimitData:A,setError:C,setIsGenerating:L}=r(),{documents:N,websiteLink:T,isUploading:B,onWebsiteUpload:G,setDocumentError:W}=a(),{scrollToTarget:H,scrollToBottom:_}=l({auto:!0}),K=n(),M=d(),[Y,z]=s(!1);return o("div",Object.assign({className:x("mt-4 flex flex-wrap flex-col justify-between gap-2","viewport"===v?"min-[767px]:flex-row":"@[767px]/pickaxe-root:flex-row")},{children:[o("div",Object.assign({className:"flex items-center flex-grow flex-wrap gap-2"},{children:[t(f,Object.assign({className:x("w-full","viewport"===v?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]"),isDisabled:D||B||Y||"idle"!==P,onClick:()=>e(void 0,void 0,void 0,(function*(){var e;try{if(D||B||Y||"idle"!==P)return;A(null),W(""),L(!0);const o="enduserupload"===(null==I?void 0:I.documentuploadtype),t=h.some((e=>"userinput:documentupload"===e.id&&e.isRequired)),s=N.filter((e=>"finished"===e.status)),i=c(T),r=N.map((e=>e.name)),n=i.filter((e=>!r.includes(e)));if(n.length){const e=n[n.length-1];z(!0);const o=yield G(e);o&&(s.push(o),yield new Promise((e=>setTimeout(e,5e3)))),z(!1)}else if(t&&o&&!s.length)return void W("Please paste a valid website/video link or drag a file to add to the knowledge base.");C("");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}))),R("fetching");const{success:p,responseId:f,data:g,usedDocumentIds:x,rawUserInput:k,error:v}=yield K.mutateAsync(Object.assign(Object.assign(Object.assign({formId:w,valueObj:l},o&&a&&{documentId:null!==(e=a.documentId)&&void 0!==e?e:""}),b&&{studioUserId:b}),y&&{deploymentId:y}));if(!p)throw new Error(null!=v?v:"An error occurred, please try again.");const O=(yield m({formId:w,responseId:f,data:g})).body;if(!O)throw new Error("Streaming error");const q=O.getReader(),U=new TextDecoder;let H="",F=!0,J=!1;E(null);const Q=h.map((e=>({id:e.id,question:e.main,answer:e.input})));for(;F;){const{value:e,done:o}=yield q.read();F=!o;const t=U.decode(e);if(H&&!J&&(_(),J=!0),H+=t,H)R("streaming"),E({formId:w,responseId:f,documentIds:x,messages:[],questions:Q,questionPrompt:k,questionResponse:H,createdAt:new Date});else if(!F&&!H)throw new Error("Server error")}H&&(_(),R("idle"),yield M.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:w,responseId:f,documentIds:x},j&&{userId:j}),b&&{studioUserId:b}),b&&(null==I?void 0:I.studioid)&&{studioId:I.studioid}),y&&{deploymentId:y}),{questions:Q,questionPrompt:k,questionResponse:H})),null==S||S(f))}catch(e){let o=g(e)||"";o&&!o.includes("Unexpected token 'A',")||(o="Oops! We're experiencing high traffic at the moment. Please try again later.");const t=Object.entries(U).find((([e])=>o.includes(e)));t?A(t[1]):C(o),H(),_()}finally{R("idle"),L(!1),z(!1)}}))},{children:Y?"Processing...":B?"Uploading...":"fetching"===P||"streaming"===P?"Loading...":"Submit"})),!O&&t(f,Object.assign({variant:"transparent-text",className:x("w-full","viewport"===v?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]"),onClick:()=>q(!0)},{children:"See history"}))]})),!k.isWhiteLabel&&t("div",Object.assign({className:"flex justify-end pr-3"},{children:t(p,{})}))]}))};export{h as default};

package/dist/esm/components/Pickaxe/common/PickaxeMarkdown/Custom/A/index.js

@@ -1 +1 @@
-import{__awaiter as e}from"../../../../../../_virtual/_tslib.js";import{jsx as t}from"react/jsx-runtime";import{useEffect as r}from"react";import{useQuery as o}from"@tanstack/react-query";import{usePickaxeMarkdownContext as s}from"../../hooks/usePickaxeMarkdownContext.js";import n from"../common/Action.js";import i from"../Img/index.js";import a from"../../../../../../common/api/utils.js";import c from"../../../../../../common/error.js";const l=({node:l,href:m="",children:u})=>{const{accentColor:d,websiteMetadatas:f,linkPreviews:p,actions:h,setWebsiteMetadatas:w}=s(),b=m.startsWith("http://")?`https://${m.slice(7)}`:m.startsWith("www.")?`https://${m}`:m;o({queryKey:[b],queryFn:()=>(t=>e(void 0,void 0,void 0,(function*(){try{if("development"===process.env.NODE_ENV&&console.log("[getWebsiteMetadata]",t),!t)return null;if(!t.startsWith("https"))return null;const e=["/api/function_call_results","/api/fn/result","https://prod-pickaxe-assets.s3.amazonaws.com"];if(t.includes("pickaxe")&&e.some((e=>t.includes(e))))return null;const r=(yield a.get(`/metadata?url=${encodeURIComponent(t)}`)).data;if(r.error)throw new Error(r.error||"Failed to fetch metadata");return r}catch(e){const t=c(e);return"development"===process.env.NODE_ENV&&console.error("[getJobResult]",t),null}})))(b),enabled:"undefined"!=typeof window&&p&&!!b&&!f.some((e=>e.href===b)),retry:2,onSuccess:t=>e(void 0,void 0,void 0,(function*(){t&&(f.some((e=>e.href===t.href))||w((e=>[...e,t])))}))}),r((()=>{p&&b&&f.some((e=>e.href===b))}),[p,b,f]);const g=b.match(/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/watch\?v=|youtu\.be\/)([\w-]+)/i);if(g&&(null==g?void 0:g[1]))return t("div",Object.assign({style:{marginTop:"2rem",marginBottom:"2rem",display:"flex",width:"100%",justifyContent:"center"}},{children:t("iframe",Object.assign({title:"youtube-embed",src:`https://www.youtube.com/embed/${g[1]}`,style:{width:"100%",maxWidth:"560px"},allowFullScreen:!0},{children:"Iframe not supported, use a different browser."}))}));return b.match(/\.(jpeg|jpg|gif|bmp|webp|svg|tiff|avif)$/)?t(i,{src:b,alt:"string"==typeof u?u:"Markdown Image"}):h&&b.includes("pickaxe")&&(b.includes("/api/fn/result")||b.includes("/api/function_call_results"))?t(n,{jobUrl:b}):t("a",Object.assign({href:b,target:"_blank",rel:"noopener noreferrer",style:{color:d,fontWeight:600}},{children:u}))};export{l as default};
+import{__awaiter as e}from"../../../../../../_virtual/_tslib.js";import{jsx as t}from"react/jsx-runtime";import{useEffect as r}from"react";import{useQuery as o}from"@tanstack/react-query";import{usePickaxeMarkdownContext as s}from"../../hooks/usePickaxeMarkdownContext.js";import n from"../common/Action.js";import i from"../Img/index.js";import a from"../../../../../../common/api/utils.js";import c from"../../../../../../common/error.js";const l=({node:l,href:m="",children:u})=>{const{accentColor:d,websiteMetadatas:p,linkPreviews:f,actions:h,setWebsiteMetadatas:w}=s(),b=m.startsWith("http://")?`https://${m.slice(7)}`:m.startsWith("www.")?`https://${m}`:m;o({queryKey:[b],queryFn:()=>(t=>e(void 0,void 0,void 0,(function*(){try{if("development"===process.env.NODE_ENV&&console.log("[getWebsiteMetadata]",t),!t)return null;if(!t.startsWith("https"))return null;const e=["/api/function_call_results","/api/fn/result","https://prod-pickaxe-assets.s3.amazonaws.com"];if(t.includes("pickaxe")&&e.some((e=>t.includes(e))))return null;const r=(yield a.get(`/metadata?url=${encodeURIComponent(t)}`)).data;if(r.error)throw new Error(r.error||"Failed to fetch metadata");return r}catch(e){const t=c(e);return"development"===process.env.NODE_ENV&&console.error("[getJobResult]",t),null}})))(b),enabled:"undefined"!=typeof window&&f&&!!b&&!p.some((e=>e.href===b))&&!b.includes("https://prod-pickaxe-assets.s3.amazonaws.com"),retry:2,onSuccess:t=>e(void 0,void 0,void 0,(function*(){t&&(p.some((e=>e.href===t.href))||w((e=>[...e,t])))}))}),r((()=>{f&&b&&p.some((e=>e.href===b))}),[f,b,p]);const g=b.match(/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/watch\?v=|youtu\.be\/)([\w-]+)/i);if(g&&(null==g?void 0:g[1]))return t("div",Object.assign({style:{marginTop:"2rem",marginBottom:"2rem",display:"flex",width:"100%",justifyContent:"center"}},{children:t("iframe",Object.assign({title:"youtube-embed",src:`https://www.youtube.com/embed/${g[1]}`,style:{width:"100%",maxWidth:"560px",minHeight:"315px"},allowFullScreen:!0},{children:"Iframe not supported, use a different browser."}))}));return b.match(/\.(jpeg|jpg|gif|bmp|webp|svg|tiff|avif)$/)?t(i,{src:b,alt:"string"==typeof u?u:"Markdown Image"}):h&&b.includes("pickaxe")&&(b.includes("/api/fn/result")||b.includes("/api/function_call_results"))?t(n,{jobUrl:b}):t("a",Object.assign({href:b,target:"_blank",rel:"noopener noreferrer",style:{color:d,fontWeight:600}},{children:u}))};export{l as default};

package/dist/esm/components/Pickaxe/common/PickaxeMarkdown/Custom/Iframe/index.js

@@ -1 +1 @@
-import{__rest as e}from"../../../../../../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";const t=t=>{var{node:i,title:l="Random Iframe",children:a}=t,n=e(t,["node","title","children"]);return r("iframe",Object.assign({title:l,style:{borderRadius:"8px"},allowFullScreen:!0},n,{children:a}))};export{t as default};
+import{__rest as e}from"../../../../../../_virtual/_tslib.js";import{jsx as t}from"react/jsx-runtime";const r=r=>{var{node:i,title:l="Random Iframe",children:a}=r,n=e(r,["node","title","children"]);return t("iframe",Object.assign({title:l,style:{borderRadius:"8px",width:"100%",maxWidth:"560px",minHeight:"315px"},allowFullScreen:!0},n,{children:a}))};export{r as default};

package/dist/esm/components/Pickaxe/common/PickaxeMarkdown/Custom/Img/ImgModal.js

@@ -1 +1 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{usePickaxeContext as r}from"../../../../../../hooks/pickaxe/usePickaxeContext.js";import s from"../../../../../Core/Modal/index.js";import t from"../../../../../Core/Modal/Body.js";import l from"../../../../../Core/Modal/CloseButton.js";const i=({children:i,isOpen:a,onChangeIsOpen:n})=>{const{colors:c}=r();return e(s,Object.assign({isOpen:a,onChange:n},{children:o(t,Object.assign({className:"border-0 w-full h-full",style:{backgroundColor:c.primary,color:c.text,borderColor:c.text+"4D"},avoidOverflow:!0},{children:[e("div",Object.assign({className:"flex items-start justify-end gap-4"},{children:e(l,{})})),e("div",Object.assign({className:"mt-4 flex flex-col flex-grow"},{children:i}))]}))}))};export{i as default};
+import{jsx as e}from"react/jsx-runtime";import{useState as o,useEffect as r}from"react";import t from"../../../../../Core/Modal/index.js";import n from"../../../../../Core/Modal/Body.js";const a=({src:a,isOpen:i,onChangeIsOpen:d})=>{const[h,s]=o({width:500,height:500});return r((()=>{if(!a)return;const e=new Image;e.src=a,e.onload=()=>{s({width:Math.min(e.naturalWidth,750),height:Math.min(e.naturalHeight,600)})}}),[a]),e(t,Object.assign({isOpen:i,onChange:d},{children:e(n,{className:"border-0 p-4",style:{backgroundColor:"#000",backgroundImage:`url("${a}")`,backgroundSize:"contain",backgroundPosition:"center",backgroundRepeat:"no-repeat",width:h.width,height:h.height},avoidOverflow:!0})}))};export{a as default};

package/dist/esm/components/Pickaxe/common/PickaxeMarkdown/Custom/Img/index.js

@@ -1 +1 @@
-import{__rest as o}from"../../../../../../_virtual/_tslib.js";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as i}from"react";import{usePickaxeMarkdownContext as t}from"../../hooks/usePickaxeMarkdownContext.js";import{useHover as n}from"../../../../../../hooks/core/useHover.js";import{motion as s}from"framer-motion";import{getContrastColor as a}from"../../../../../../common/utils.js";import l from"../../../../../Icons/download.svg.js";import d from"../../../PickaxeCopyButton.js";import p from"./ImgModal.js";const c=({node:c,src:m,alt:b})=>{const{accentColor:h}=t(),[g,x]=i(!1),[u,f]=i(!1),k=n(),{isHover:w}=k,y=o(k,["isHover"]),v={hidden:{opacity:0,y:-10,pointerEvents:"none"},visible:{opacity:1,y:0,pointerEvents:"auto"}},j=()=>e("div",Object.assign({style:{position:"relative"}},{children:[e(s.div,Object.assign({initial:"hidden",animate:w?"visible":"hidden",variants:v,style:{position:"absolute",display:"flex",gap:"0.4rem",top:"10px",right:"10px",color:"#FFF"}},{children:[r(s.button,Object.assign({style:{outline:"none",padding:"0.5rem 0.65rem",borderRadius:"4px",boxShadow:"0px 4px 6px rgba(0, 0, 0, 0.1)",transition:"background-color 0.2s ease",backgroundColor:h+"07"},whileHover:{backgroundColor:h},whileTap:{scale:.95},onClick:o=>{o.stopPropagation(),window.open(m,"_blank")}},{children:r(l,{width:24,height:24,style:{color:a(h),flexShrink:0}})})),r(s.button,Object.assign({style:{outline:"none",padding:"0.5rem 0.65rem",borderRadius:"4px",boxShadow:"0px 4px 6px rgba(0, 0, 0, 0.1)",transition:"background-color 0.2s ease",backgroundColor:h+"07"},whileHover:{backgroundColor:h},whileTap:{scale:.95},onClick:o=>o.stopPropagation()},{children:r(d,{color:a(h),iconClassName:"w-6 h-6",text:m||""})}))]})),r("img",{src:m,alt:b,style:{borderRadius:"8px",width:"100%",transition:"box-shadow 0.3s ease",boxShadow:w?"inset 0px 4px 10px rgba(0, 0, 0, 0.5)":"none"},onError:()=>x(!0),onClick:()=>f(!0)})]}));return e("div",Object.assign({style:{marginTop:"2rem",marginBottom:"2rem",display:"flex",width:"100%",justifyContent:"center",overflow:"hidden",borderRadius:"8px",transition:"transform 0.3s ease, box-shadow 0.3s ease",transform:w?"translateY(-5px)":"translateY(0)"}},y,{children:[g?r("p",Object.assign({style:{userSelect:"none",opacity:.5,fontStyle:"italic"}},{children:"[Image link is broken]"})):r(j,{}),u&&r(p,Object.assign({isOpen:u,onChangeIsOpen:f},{children:r(j,{})}))]}))};export{c as default};
+import{__rest as o}from"../../../../../../_virtual/_tslib.js";import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as t}from"react";import{usePickaxeMarkdownContext as r}from"../../hooks/usePickaxeMarkdownContext.js";import{useHover as n}from"../../../../../../hooks/core/useHover.js";import{motion as s}from"framer-motion";import{getContrastColor as a}from"../../../../../../common/utils.js";import l from"../../../../../Icons/download.svg.js";import p from"../../../PickaxeCopyButton.js";import c from"./ImgModal.js";const d=({node:d,src:m,alt:b})=>{const{accentColor:h}=r(),[x,g]=t(!1),[u,y]=t(!1),f=n(),{isHover:w}=f,v=o(f,["isHover"]);return e("div",Object.assign({style:{marginTop:"2rem",marginBottom:"2rem",display:"flex",width:"100%",justifyContent:"center",overflow:"hidden",borderRadius:"8px",transition:"transform 0.3s ease, box-shadow 0.3s ease",transform:w?"translateY(-5px)":"translateY(0)"}},v,{children:[u&&i(c,{src:m,isOpen:u,onChangeIsOpen:y}),x?i("p",Object.assign({style:{userSelect:"none",opacity:.5,fontStyle:"italic"}},{children:"[Image link is broken]"})):e("div",Object.assign({style:{position:"relative"}},{children:[e(s.div,Object.assign({initial:"hidden",animate:w?"visible":"hidden",variants:{hidden:{opacity:0,y:-10,pointerEvents:"none"},visible:{opacity:1,y:0,pointerEvents:"auto"}},style:{position:"absolute",display:"flex",gap:"0.4rem",top:"10px",right:"10px",color:"#FFF"}},{children:[i(s.button,Object.assign({style:{outline:"none",padding:"0.5rem 0.65rem",borderRadius:"4px",boxShadow:"0px 4px 6px rgba(0, 0, 0, 0.1)",transition:"background-color 0.2s ease",backgroundColor:h,opacity:.6},whileTap:{scale:.95},whileHover:{opacity:1},onClick:o=>{o.stopPropagation(),window.open(m,"_blank")}},{children:i(l,{width:24,height:24,style:{color:a(h),flexShrink:0}})})),i(s.button,Object.assign({style:{outline:"none",padding:"0.5rem 0.65rem",borderRadius:"4px",boxShadow:"0px 4px 6px rgba(0, 0, 0, 0.1)",transition:"background-color 0.2s ease",backgroundColor:h,opacity:.6},whileTap:{scale:.95},whileHover:{opacity:1},onClick:o=>o.stopPropagation()},{children:i(p,{color:a(h),iconClassName:"w-6 h-6",text:m||""})}))]})),i("img",{src:m,alt:b,style:{borderRadius:"8px",width:"100%",transition:"box-shadow 0.3s ease",boxShadow:w?"inset 0px 4px 10px rgba(0, 0, 0, 0.5)":"none"},onError:()=>g(!0),onClick:()=>y(!0)})]}))]}))};export{d as default};

package/dist/esm/components/Pickaxe/common/PickaxeMarkdown/Custom/P/index.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{usePickaxeMarkdownContext as n}from"../../hooks/usePickaxeMarkdownContext.js";import s from"../common/Action.js";const i=({node:i,children:l})=>{const{actions:c}=n();if(c&&"string"==typeof l&&l.includes("pickaxe")&&(l.includes("/api/fn/result")||l.includes("/api/function_call_results"))){const n=l.replace(/https:\/\/\S*(\/api\/fn\/result|\/api\/function_call_results)\S*/g,""),i=l.match(/https:\/\/\S*(\/api\/fn\/result|\/api\/function_call_results)\S*/g);return t("div",Object.assign({className:"flex flex-col"},{children:[e("p",Object.assign({style:{fontWeight:350}},{children:n})),e(s,{jobUrl:(null==i?void 0:i[0])||""})]}))}return e("p",Object.assign({style:{fontWeight:350}},{children:l}))};export{i as default};
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{usePickaxeMarkdownContext as i}from"../../hooks/usePickaxeMarkdownContext.js";import n from"../common/Action.js";import s from"../Img/index.js";const r=({node:r,children:o})=>{const{actions:l}=i(),c="string"==typeof o&&o.match(/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/watch\?v=|youtu\.be\/)([\w-]+)/i);if(c&&(null==c?void 0:c[1]))return t("div",Object.assign({style:{marginTop:"2rem",marginBottom:"2rem",display:"flex",width:"100%",justifyContent:"center"}},{children:t("iframe",Object.assign({title:"youtube-embed",src:`https://www.youtube.com/embed/${c[1]}`,style:{width:"100%",maxWidth:"560px",minHeight:"315px"},allowFullScreen:!0},{children:"Iframe not supported, use a different browser."}))}));if("string"==typeof o&&o.match(/\.(jpeg|jpg|gif|bmp|webp|svg|tiff|avif)$/))return t(s,{src:o,alt:"string"==typeof o?o:"Markdown Image"});if(l&&"string"==typeof o&&o.includes("pickaxe")&&(o.includes("/api/fn/result")||o.includes("/api/function_call_results"))){const i=o.replace(/https:\/\/\S*(\/api\/fn\/result|\/api\/function_call_results)\S*/g,""),s=o.match(/https:\/\/\S*(\/api\/fn\/result|\/api\/function_call_results)\S*/g);return e("div",Object.assign({className:"flex flex-col"},{children:[t("p",Object.assign({style:{fontWeight:350}},{children:i})),t(n,{jobUrl:(null==s?void 0:s[0])||""})]}))}return t("p",Object.assign({style:{fontWeight:350}},{children:o}))};export{r as default};

package/dist/esm/components/Pickaxe/common/PickaxeMarkdown/Custom/common/LinkPreview.js

@@ -1 +1 @@
-import{jsxs as e,jsx as i}from"react/jsx-runtime";import{usePickaxeContext as o}from"../../../../../../hooks/pickaxe/usePickaxeContext.js";import{motion as t}from"framer-motion";const r=({data:r})=>{const{colors:a}=o();return e(t.a,Object.assign({initial:{opacity:0,x:10},animate:{opacity:1,x:0},exit:{opacity:0,x:10},transition:{duration:.3},whileHover:{scale:1.02},whileTap:{scale:.98},style:{display:"flex",flexDirection:"column",backgroundColor:a.primary,color:a.text,borderRadius:"15px 15px 15px 10px",overflow:"hidden",minHeight:r.image?"145px":"auto",maxWidth:"220px",width:"100%"},href:r.href,target:"_blank",rel:"noopener noreferrer"},{children:[!!r.image&&i("div",{style:{backgroundImage:`url("${r.image}")`,backgroundSize:"cover",backgroundPosition:"center",flex:1}}),e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"0.2rem",fontSize:"14px",padding:"0.25rem 1rem"}},{children:[i("p",Object.assign({style:{fontWeight:600,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},{children:r.title})),i("p",Object.assign({style:{fontWeight:350,opacity:.6,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},{children:r.description||"No description found"}))]}))]}))};export{r as default};
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import{usePickaxeContext as o}from"../../../../../../hooks/pickaxe/usePickaxeContext.js";import{motion as t}from"framer-motion";const r=({data:r})=>{var n,a;const{colors:l}=o();return e(t.a,Object.assign({initial:{opacity:0,x:10},animate:{opacity:1,x:0},exit:{opacity:0,x:10},transition:{duration:.3},whileHover:{scale:1.02},whileTap:{scale:.98},style:{display:"flex",flexDirection:"column",backgroundColor:null!==(n=null==l?void 0:l.primary)&&void 0!==n?n:"#FFF",color:null!==(a=null==l?void 0:l.text)&&void 0!==a?a:"#000",borderRadius:"15px 15px 15px 10px",overflow:"hidden",minHeight:r.image?"145px":"auto",maxWidth:"220px",width:"100%"},href:r.href,target:"_blank",rel:"noopener noreferrer"},{children:[!!r.image&&i("div",{style:{backgroundImage:`url("${r.image}")`,backgroundSize:"cover",backgroundPosition:"center",flex:1}}),e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"0.2rem",fontSize:"14px",padding:"0.25rem 1rem"}},{children:[i("p",Object.assign({style:{fontWeight:600,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},{children:r.title})),i("p",Object.assign({style:{fontWeight:350,opacity:.6,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},{children:r.description||"No description found"}))]}))]}))};export{r as default};

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

@@ -1,14 +1,14 @@
-import { Dispatch, MutableRefObject, ReactNode, RefObject, SetStateAction } from "react";
+import type { SetState } from "../../../../types/common";
+import { MutableRefObject, ReactNode, RefObject } from "react";
 export type AnyScrollRef = RefObject<HTMLDivElement> | MutableRefObject<HTMLDivElement>;
 type ScrollContextType = {
     scrollContainerRef: MutableRefObject<HTMLDivElement>;
     scrollTargetRef: MutableRefObject<HTMLDivElement>;
-    isLocked: boolean;
+    hasScrolledRef: MutableRefObject<boolean>;
     isScrolling: boolean;
     isScrollIncreasing: boolean;
-    setIsScrolling: Dispatch<SetStateAction<boolean>>;
-    setIsScrollIncreasing: Dispatch<SetStateAction<boolean>>;
-    setIsLocked: Dispatch<SetStateAction<boolean>>;
+    setIsScrolling: SetState<boolean>;
+    setIsScrollIncreasing: SetState<boolean>;
 };
 interface ScrollProviderProps {
     children: ReactNode;

package/dist/esm/src/components/Pickaxe/Addons/Scroll/hooks/useScroll.d.ts

@@ -1,14 +1,9 @@
-/// <reference types="react" />
 interface UseScrollProps {
-    behavior?: ScrollBehavior;
+    auto?: boolean;
 }
-export declare const useScroll: ({ behavior }?: UseScrollProps) => {
-    scrollContainerRef: import("react").MutableRefObject<HTMLDivElement>;
-    scrollTargetRef: import("react").MutableRefObject<HTMLDivElement>;
+export declare const useScroll: ({ auto }: UseScrollProps) => {
     isScrollIncreasing: boolean;
-    scrollToContainer: () => void;
     scrollToBottom: () => void;
-    scrollStart: () => void;
-    scrollEnd: () => void;
+    scrollToTarget: () => void;
 };
 export {};

package/dist/esm/src/components/Pickaxe/Addons/Scroll/hooks/useScrollContext.d.ts

@@ -2,10 +2,9 @@
 export declare const useScrollContext: () => {
     scrollContainerRef: import("react").MutableRefObject<HTMLDivElement>;
     scrollTargetRef: import("react").MutableRefObject<HTMLDivElement>;
-    isLocked: boolean;
+    hasScrolledRef: import("react").MutableRefObject<boolean>;
     isScrolling: boolean;
     isScrollIncreasing: boolean;
-    setIsScrolling: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    setIsScrollIncreasing: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    setIsLocked: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    setIsScrolling: import("../../../../../types/common").SetState<boolean>;
+    setIsScrollIncreasing: import("../../../../../types/common").SetState<boolean>;
 };

package/dist/esm/src/components/Pickaxe/common/PickaxeMarkdown/Custom/Img/ImgModal.d.ts

@@ -1,8 +1,7 @@
-import type { ReactNode } from "react";
 interface ImgModalProps {
-    children?: ReactNode;
+    src?: string;
     isOpen: boolean;
     onChangeIsOpen: (isOpen: boolean) => void;
 }
-declare const ImgModal: ({ children, isOpen, onChangeIsOpen }: ImgModalProps) => import("react/jsx-runtime").JSX.Element;
+declare const ImgModal: ({ src, isOpen, onChangeIsOpen }: ImgModalProps) => import("react/jsx-runtime").JSX.Element;
 export default ImgModal;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pickaxeproject/react",
-  "version": "0.0.49",
+  "version": "0.0.51",
   "description": "Client utility library for Pickaxe",
   "repository": {
     "type": "git",
@@ -52,16 +52,16 @@
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-replace": "^6.0.2",
     "@rollup/plugin-terser": "^0.3.0",
-    "@storybook/addon-a11y": "^8.4.7",
-    "@storybook/addon-docs": "^8.4.7",
-    "@storybook/addon-essentials": "8.4.7",
-    "@storybook/addon-interactions": "8.4.7",
-    "@storybook/addon-links": "^8.4.7",
-    "@storybook/addon-themes": "^8.4.7",
-    "@storybook/blocks": "8.4.7",
-    "@storybook/react": "8.4.7",
-    "@storybook/react-vite": "^8.4.7",
-    "@storybook/test": "8.4.7",
+    "@storybook/addon-a11y": "^8.5.3",
+    "@storybook/addon-docs": "^8.5.3",
+    "@storybook/addon-essentials": "^8.5.3",
+    "@storybook/addon-interactions": "^8.5.3",
+    "@storybook/addon-links": "^8.5.3",
+    "@storybook/addon-themes": "^8.5.3",
+    "@storybook/blocks": "^8.5.3",
+    "@storybook/react": "^8.5.3",
+    "@storybook/react-vite": "^8.5.3",
+    "@storybook/test": "^8.5.3",
     "@svgr/rollup": "^8.1.0",
     "@tailwindcss/container-queries": "^0.1.1",
     "@tanstack/react-query": "^4.36.1",
@@ -113,7 +113,7 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-typescript2": "^0.34.1",
-    "storybook": "8.4.7",
+    "storybook": "^8.5.3",
     "tailwind-merge": "^2.6.0",
     "tailwind-scrollbar": "^3.1.0",
     "tailwindcss": "^3.4.17",
@@ -161,6 +161,7 @@
   "scripts": {
     "build": "cross-env NODE_ENV=production rollup -c",
     "lint": "eslint . --ext .ts,.tsx,.js,.jsx",
+    "format": "prettier --write .",
     "changeset": "changeset",
     "release": "changeset publish",
     "dev": "storybook dev -p 6006",

package/dist/cjs/components/Core/Modal/CloseButton.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("./index.js"),r=require("../../Icons/x.svg.js"),n=require("../../../common/cn.js");exports.default=({className:o,iconClassName:a,icon:i,onClick:c})=>{const{setIsOpen:u}=s.useContext(t.ModalContext);return e.jsx("button",Object.assign({className:n.default("outline-none hover:opacity-70 hover:duration-300 active:opacity-100",o),onClick:()=>{u(!1),c&&c()}},{children:i||e.jsx(r.default,{className:n.default("h-6 w-6 shrink-0",a)})}))};

package/dist/esm/components/Core/Modal/CloseButton.js

@@ -1 +0,0 @@
-import{jsx as o}from"react/jsx-runtime";import{useContext as s}from"react";import{ModalContext as t}from"./index.js";import n from"../../Icons/x.svg.js";import r from"../../../common/cn.js";const e=({className:e,iconClassName:c,icon:i,onClick:a})=>{const{setIsOpen:m}=s(t);return o("button",Object.assign({className:r("outline-none hover:opacity-70 hover:duration-300 active:opacity-100",e),onClick:()=>{m(!1),a&&a()}},{children:i||o(n,{className:r("h-6 w-6 shrink-0",c)})}))};export{e as default};