@pickaxeproject/react 1.4.3 → 1.4.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Pickaxe/Chat/History/Message.js +1 -1
- package/dist/cjs/components/Pickaxe/Chat/index.js +1 -1
- package/dist/cjs/components/Pickaxe/index.js +1 -1
- package/dist/cjs/src/components/Pickaxe/Chat/History/Message.d.ts +1 -1
- package/dist/esm/components/Pickaxe/Chat/History/Message.js +1 -1
- package/dist/esm/components/Pickaxe/Chat/index.js +1 -1
- package/dist/esm/components/Pickaxe/index.js +1 -1
- package/dist/esm/src/components/Pickaxe/Chat/History/Message.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),
|
|
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/studio/useStyleFontSize.js"),c=require("../../common/PickaxeMarkdown/index.js"),i=require("../../common/PickaxeMarkdown/Renderer.js"),n=require("../../common/PickaxeIcon.js"),o=require("./Document.js"),r=require("../../common/PickaxeCopyButton.js"),l=require("../../../../common/cn.js");exports.default=({index:d,message:x,isIntroExpand:m})=>{var u,p;const{formId:j,pickaxe:h,styles:k,colors:f,misc:g,responsiveBy:v,isNewChat:w}=t.usePickaxeContext(),b=a.useStyleFontSize(),y=null!==(u=null==h?void 0:h.chaticon)&&void 0!==u?u:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/chaticons/${j}.png`;return"assistant"===x.role?e.jsx("div",Object.assign({className:l.default("flex flex-col",0===d&&w&&"viewport"===v&&"min-[767px]:max-w-[80%]",0===d&&w&&"container"===v&&"@[767px]/pickaxe-root:max-w-[80%]")},{children:e.jsxs("div",Object.assign({className:"flex gap-x-3"},{children:[g.isChatImage&&"NONE"!==y&&e.jsx(n.default,{src:y,alt:"Assistant",width:24,height:24,className:"my-3 h-6 w-6",textColor:f.text}),e.jsxs("div",Object.assign({className:"flex flex-col"},{children:[e.jsx("div",Object.assign({className:l.default(b.b2,"chat-message pt-3")},{children:e.jsx(c.PickaxeMarkdown,Object.assign({theme:k.theme,accentColor:f.accent,linkPreviews:!0,actions:!0},{children:e.jsx(i.PickaxeMarkdownRenderer,Object.assign({value:x.content},0===d&&w&&x.content.length>470&&3===(null!==(p=null==h?void 0:h.icebreakers)&&void 0!==p?p:[]).length&&!x.content.includes("https://utils.pickaxe.co/api/fn")&&{maxLines:m?void 0:12}))}))})),e.jsx("div",Object.assign({className:"mt-4 flex gap-3"},{children:e.jsx(r.default,{color:f.accent,text:x.content})}))]}))]}))})):"user"===x.role?e.jsx("div",Object.assign({className:l.default("flex gap-x-3 justify-self-end pl-9","viewport"===v?"min-[767px]:max-w-[80%] min-[767px]:pl-0":"@[767px]/pickaxe-root:max-w-[80%] @[767px]/pickaxe-root:pl-0")},{children:e.jsxs("div",Object.assign({className:l.default(b.b2,"overflow-x-auto overflow-y-hidden px-4 py-3 scrollbar-thin scrollbar-track-white scrollbar-thumb-[#4A4A4B] flex flex-col gap-y-3"),style:{backgroundColor:f.secondary+"80",color:f.secondaryText,borderRadius:k.cornerRadius}},{children:[x.documentIds&&x.documentIds.length>0&&e.jsx("div",Object.assign({className:"flex flex-col items-end"},{children:x.documentIds.map((t=>e.jsx(s.Fragment,{children:t.startsWith("IMAGE-")?e.jsx("div",Object.assign({className:"max-w-[300px]"},{children:e.jsx("img",{style:{borderRadius:k.cornerRadius},className:"object-cover w-full h-full",src:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/documentinterrogation/${t.split("-")[2]}/${t.split("-")[1]}.${null==t?void 0:t.split("-")[2]}`,alt:""})})):e.jsx(o.default,{documentId:t})},t)))})),e.jsx(c.PickaxeMarkdown,Object.assign({theme:k.theme,accentColor:f.accent},{children:e.jsx(i.PickaxeMarkdownRenderer,{value:x.content})}))]}))})):e.jsx("div",{})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("../../../hooks/pickaxe/useDimensionContext.js"),u=require("../Addons/Document/hooks/useDocument.js"),r=require("./History/index.js"),o=require("./Input.js");exports.default=()=>{const{width:i,height:n}=t.useDimensionContext(),{setDocuments:c}=u.useDocument(),[d,x]=s.useState(!1);return s.useEffect((()=>()=>{c([])}),[]),e.jsxs("div",Object.assign({className:"flex flex-grow flex-col items-center"},{children:[e.jsx(r.default,{hideInfo:n<=545||i<=
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("../../../hooks/pickaxe/useDimensionContext.js"),u=require("../Addons/Document/hooks/useDocument.js"),r=require("./History/index.js"),o=require("./Input.js");exports.default=()=>{const{width:i,height:n}=t.useDimensionContext(),{setDocuments:c}=u.useDocument(),[d,x]=s.useState(!1);return s.useEffect((()=>()=>{c([])}),[]),e.jsxs("div",Object.assign({className:"flex flex-grow flex-col items-center"},{children:[e.jsx(r.default,{hideInfo:n<=545||i<=500||d,isInputFocused:d}),e.jsx(o.default,{isFocused:d,onFocus:()=>x(!0),onBlur:()=>x(!1)})]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("../../hooks/pickaxe/usePickaxe.js"),r=require("react"),a=require("../../hooks/pickaxe/usePickaxeContext.js"),o=require("../../hooks/pickaxe/useResponseContext.js"),i=require("../../hooks/pickaxe/useDimensionContext.js"),l=require("../../common/utils.js"),n=require("./Addons/Scroll/Provider.js"),c=require("./Chat/index.js"),u=require("./Form/index.js"),f=require("../../common/cn.js"),d=require("../Core/Skeleton.js");function x(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(s){if("default"!==s){var r=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,r.get?r:{enumerable:!0,get:function(){return e[s]}})}})),t.default=e,Object.freeze(t)}exports.Pickaxe=({formId:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("../../hooks/pickaxe/usePickaxe.js"),r=require("react"),a=require("../../hooks/pickaxe/usePickaxeContext.js"),o=require("../../hooks/pickaxe/useResponseContext.js"),i=require("../../hooks/pickaxe/useDimensionContext.js"),l=require("../../common/utils.js"),n=require("./Addons/Scroll/Provider.js"),c=require("./Chat/index.js"),u=require("./Form/index.js"),f=require("../../common/cn.js"),d=require("../Core/Skeleton.js");function x(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(s){if("default"!==s){var r=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,r.get?r:{enumerable:!0,get:function(){return e[s]}})}})),t.default=e,Object.freeze(t)}exports.Pickaxe=({formId:m,className:p})=>{const{chatId:j,styles:h,colors:w,loadFont:k,responsiveBy:b,isFontLoaded:g,setFormId:v,setChatId:q,setPickaxe:O,setIsFontLoaded:P}=a.usePickaxeContext(),{setMessages:y,setResponse:C,setError:N,setLimitData:R}=o.useResponseContext(),{setWidth:_,setHeight:F,setIsMobile:I}=i.useDimensionContext(),[E,D]=r.useState(!1),L=s.usePickaxe(),M=r.useRef(null);return r.useEffect((()=>{v(m)}),[m]),r.useEffect((()=>{if(!L.data)return;const e=L.data.chatflag;q(e?l.generateId(15):""),e?y([]):C(null),N(""),R(null),O(L.data),D(!0)}),[L.data]),r.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){"undefined"!=typeof window&&(g||k&&"Real Head Pro"!==h.font&&((yield Promise.resolve().then((function(){return x(require("webfontloader"))}))).default.load({google:{families:[h.font]}}),P(!0)))}))}),[h.font,k,g]),r.useEffect((()=>{if(!M.current)return;const e=new ResizeObserver((e=>{for(const t of e){const{width:e,height:s}=t.contentRect;_(e),F(s),I(e<768)}}));return e.observe(M.current),()=>{e.disconnect()}}),[M.current]),L.data?t.jsx("div",Object.assign({ref:M,className:f.default("relative @container/pickaxe-root flex flex-col flex-grow w-full h-full",p,"dark"===h.theme&&"dark"),style:Object.assign({backgroundColor:w.primary,color:w.text},h.font&&"Real Head Pro"!==h.font&&{fontFamily:h.font})},{children:L.isLoading||!E?t.jsx("div",Object.assign({className:f.default("flex items-center flex-col w-full pt-12 px-4 pb-10","viewport"===b?"min-[767px]:pb-40":"@[767px]/pickaxe-root:pb-40")},{children:t.jsxs("div",Object.assign({className:"flex w-full items-center max-w-[700px] flex-col"},{children:[t.jsx(d.default,{className:"w-[72px] h-[72px]"}),t.jsx(d.default,{className:"h-[20px] mt-6 w-full"}),t.jsx(d.default,{className:"h-[20px] mt-2 w-full"}),t.jsx(d.default,{className:"h-[20px] mt-2 w-full max-w-[400px]"}),t.jsx("div",Object.assign({className:"flex flex-col gap-y-8 w-full mt-6"},{children:t.jsx(d.default,{className:f.default("w-full min-h-[48px]","viewport"===b?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]")})}))]}))})):t.jsx(t.Fragment,{children:j?t.jsx(n.default,{children:t.jsx(c.default,{})}):t.jsx(n.default,{children:t.jsx(u.default,{})})})})):null};
|
|
@@ -4,5 +4,5 @@ interface MessageProps {
|
|
|
4
4
|
message: ChatMessage;
|
|
5
5
|
isIntroExpand?: boolean;
|
|
6
6
|
}
|
|
7
|
-
declare const Message: ({ index, message, isIntroExpand
|
|
7
|
+
declare const Message: ({ index, message, isIntroExpand }: MessageProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export default Message;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as s}from"react/jsx-runtime";import{Fragment as
|
|
1
|
+
import{jsx as e,jsxs as s}from"react/jsx-runtime";import{Fragment as t}from"react";import{usePickaxeContext as o}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleFontSize as c}from"../../../../hooks/studio/useStyleFontSize.js";import{PickaxeMarkdown as a}from"../../common/PickaxeMarkdown/index.js";import{PickaxeMarkdownRenderer as i}from"../../common/PickaxeMarkdown/Renderer.js";import n from"../../common/PickaxeIcon.js";import r from"./Document.js";import l from"../../common/PickaxeCopyButton.js";import m from"../../../../common/cn.js";const d=({index:d,message:p,isIntroExpand:x})=>{var h,u;const{formId:f,pickaxe:g,styles:v,colors:b,misc:j,responsiveBy:k,isNewChat:w}=o(),N=c(),y=null!==(h=null==g?void 0:g.chaticon)&&void 0!==h?h:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/chaticons/${f}.png`;return"assistant"===p.role?e("div",Object.assign({className:m("flex flex-col",0===d&&w&&"viewport"===k&&"min-[767px]:max-w-[80%]",0===d&&w&&"container"===k&&"@[767px]/pickaxe-root:max-w-[80%]")},{children:s("div",Object.assign({className:"flex gap-x-3"},{children:[j.isChatImage&&"NONE"!==y&&e(n,{src:y,alt:"Assistant",width:24,height:24,className:"my-3 h-6 w-6",textColor:b.text}),s("div",Object.assign({className:"flex flex-col"},{children:[e("div",Object.assign({className:m(N.b2,"chat-message pt-3")},{children:e(a,Object.assign({theme:v.theme,accentColor:b.accent,linkPreviews:!0,actions:!0},{children:e(i,Object.assign({value:p.content},0===d&&w&&p.content.length>470&&3===(null!==(u=null==g?void 0:g.icebreakers)&&void 0!==u?u:[]).length&&!p.content.includes("https://utils.pickaxe.co/api/fn")&&{maxLines:x?void 0:12}))}))})),e("div",Object.assign({className:"mt-4 flex gap-3"},{children:e(l,{color:b.accent,text:p.content})}))]}))]}))})):"user"===p.role?e("div",Object.assign({className:m("flex gap-x-3 justify-self-end pl-9","viewport"===k?"min-[767px]:max-w-[80%] min-[767px]:pl-0":"@[767px]/pickaxe-root:max-w-[80%] @[767px]/pickaxe-root:pl-0")},{children:s("div",Object.assign({className:m(N.b2,"overflow-x-auto overflow-y-hidden px-4 py-3 scrollbar-thin scrollbar-track-white scrollbar-thumb-[#4A4A4B] flex flex-col gap-y-3"),style:{backgroundColor:b.secondary+"80",color:b.secondaryText,borderRadius:v.cornerRadius}},{children:[p.documentIds&&p.documentIds.length>0&&e("div",Object.assign({className:"flex flex-col items-end"},{children:p.documentIds.map((s=>e(t,{children:s.startsWith("IMAGE-")?e("div",Object.assign({className:"max-w-[300px]"},{children:e("img",{style:{borderRadius:v.cornerRadius},className:"object-cover w-full h-full",src:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/documentinterrogation/${s.split("-")[2]}/${s.split("-")[1]}.${null==s?void 0:s.split("-")[2]}`,alt:""})})):e(r,{documentId:s})},s)))})),e(a,Object.assign({theme:v.theme,accentColor:b.accent},{children:e(i,{value:p.content})}))]}))})):e("div",{})};export{d as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as o,jsx as e}from"react/jsx-runtime";import{useState as t,useEffect as s}from"react";import{useDimensionContext as r}from"../../../hooks/pickaxe/useDimensionContext.js";import{useDocument as i}from"../Addons/Document/hooks/useDocument.js";import n from"./History/index.js";import m from"./Input.js";const c=()=>{const{width:c,height:u}=r(),{setDocuments:f}=i(),[d,p]=t(!1);return s((()=>()=>{f([])}),[]),o("div",Object.assign({className:"flex flex-grow flex-col items-center"},{children:[e(n,{hideInfo:u<=545||c<=
|
|
1
|
+
import{jsxs as o,jsx as e}from"react/jsx-runtime";import{useState as t,useEffect as s}from"react";import{useDimensionContext as r}from"../../../hooks/pickaxe/useDimensionContext.js";import{useDocument as i}from"../Addons/Document/hooks/useDocument.js";import n from"./History/index.js";import m from"./Input.js";const c=()=>{const{width:c,height:u}=r(),{setDocuments:f}=i(),[d,p]=t(!1);return s((()=>()=>{f([])}),[]),o("div",Object.assign({className:"flex flex-grow flex-col items-center"},{children:[e(n,{hideInfo:u<=545||c<=500||d,isInputFocused:d}),e(m,{isFocused:d,onFocus:()=>p(!0),onBlur:()=>p(!1)})]}))};export{c as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsx as o,jsxs as t,Fragment as s}from"react/jsx-runtime";import{usePickaxe as r}from"../../hooks/pickaxe/usePickaxe.js";import{useState as i,useRef as a,useEffect as l}from"react";import{usePickaxeContext as n}from"../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as c}from"../../hooks/pickaxe/useResponseContext.js";import{useDimensionContext as m}from"../../hooks/pickaxe/useDimensionContext.js";import{generateId as f}from"../../common/utils.js";import d from"./Addons/Scroll/Provider.js";import p from"./Chat/index.js";import x from"./Form/index.js";import u from"../../common/cn.js";import h from"../Core/Skeleton.js";const w=({formId:w,className:k})=>{const{chatId:j,styles:g,colors:v,loadFont:b,responsiveBy:N,isFontLoaded:y,setFormId:C,setChatId:F,setPickaxe:I,setIsFontLoaded:O}=n(),{setMessages:P,setResponse:R}=c(),{setWidth:
|
|
1
|
+
import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsx as o,jsxs as t,Fragment as s}from"react/jsx-runtime";import{usePickaxe as r}from"../../hooks/pickaxe/usePickaxe.js";import{useState as i,useRef as a,useEffect as l}from"react";import{usePickaxeContext as n}from"../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as c}from"../../hooks/pickaxe/useResponseContext.js";import{useDimensionContext as m}from"../../hooks/pickaxe/useDimensionContext.js";import{generateId as f}from"../../common/utils.js";import d from"./Addons/Scroll/Provider.js";import p from"./Chat/index.js";import x from"./Form/index.js";import u from"../../common/cn.js";import h from"../Core/Skeleton.js";const w=({formId:w,className:k})=>{const{chatId:j,styles:g,colors:v,loadFont:b,responsiveBy:N,isFontLoaded:y,setFormId:C,setChatId:F,setPickaxe:I,setIsFontLoaded:O}=n(),{setMessages:P,setResponse:R,setError:L,setLimitData:H}=c(),{setWidth:D,setHeight:M,setIsMobile:S}=m(),[_,z]=i(!1),A=r(),B=a(null);return l((()=>{C(w)}),[w]),l((()=>{if(!A.data)return;const e=A.data.chatflag;F(e?f(15):""),e?P([]):R(null),L(""),H(null),I(A.data),z(!0)}),[A.data]),l((()=>{e(void 0,void 0,void 0,(function*(){"undefined"!=typeof window&&(y||b&&"Real Head Pro"!==g.font&&((yield import("webfontloader")).default.load({google:{families:[g.font]}}),O(!0)))}))}),[g.font,b,y]),l((()=>{if(!B.current)return;const e=new ResizeObserver((e=>{for(const o of e){const{width:e,height:t}=o.contentRect;D(e),M(t),S(e<768)}}));return e.observe(B.current),()=>{e.disconnect()}}),[B.current]),A.data?o("div",Object.assign({ref:B,className:u("relative @container/pickaxe-root flex flex-col flex-grow w-full h-full",k,"dark"===g.theme&&"dark"),style:Object.assign({backgroundColor:v.primary,color:v.text},g.font&&"Real Head Pro"!==g.font&&{fontFamily:g.font})},{children:A.isLoading||!_?o("div",Object.assign({className:u("flex items-center flex-col w-full pt-12 px-4 pb-10","viewport"===N?"min-[767px]:pb-40":"@[767px]/pickaxe-root:pb-40")},{children:t("div",Object.assign({className:"flex w-full items-center max-w-[700px] flex-col"},{children:[o(h,{className:"w-[72px] h-[72px]"}),o(h,{className:"h-[20px] mt-6 w-full"}),o(h,{className:"h-[20px] mt-2 w-full"}),o(h,{className:"h-[20px] mt-2 w-full max-w-[400px]"}),o("div",Object.assign({className:"flex flex-col gap-y-8 w-full mt-6"},{children:o(h,{className:u("w-full min-h-[48px]","viewport"===N?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]")})}))]}))})):o(s,{children:o(d,j?{children:o(p,{})}:{children:o(x,{})})})})):null};export{w as Pickaxe};
|
|
@@ -4,5 +4,5 @@ interface MessageProps {
|
|
|
4
4
|
message: ChatMessage;
|
|
5
5
|
isIntroExpand?: boolean;
|
|
6
6
|
}
|
|
7
|
-
declare const Message: ({ index, message, isIntroExpand
|
|
7
|
+
declare const Message: ({ index, message, isIntroExpand }: MessageProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export default Message;
|