@pickaxeproject/react 1.0.13 → 1.1.0

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../hooks/pickaxe/usePickaxeContext.js"),t=require("../../../hooks/pickaxe/useResponseContext.js"),i=require("../../../common/utils.js"),r=require("../common/PickaxeButton.js"),a=require("../common/PickaxeBranding.js"),o=require("../../../common/cn.js");exports.default=()=>{const{misc:x,responsiveBy:n,isShowHistory:c,setChatId:l,setIsNewChat:p,setIsShowHistory:u}=s.usePickaxeContext(),{setMessages:m}=t.useResponseContext();return e.jsxs("div",Object.assign({className:o.default("mt-4 flex flex-wrap flex-col justify-between gap-2","viewport"===n?"min-[767px]:flex-row":"@[767px]/pickaxe-root:flex-row")},{children:[e.jsxs("div",Object.assign({className:"flex items-center flex-grow flex-wrap gap-2"},{children:[e.jsx(r.default,Object.assign({className:o.default("w-full","viewport"===n?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]"),onClick:()=>{return e=i.generateId(20),m([]),l(e),void p(!0);var e}},{children:"New chat"})),x.isHistory&&!c&&e.jsx(r.default,Object.assign({variant:"transparent-text",className:o.default("w-full","viewport"===n?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]"),onClick:()=>u(!0)},{children:"See history"}))]})),!x.isWhiteLabel&&e.jsx("div",Object.assign({className:"flex justify-end pr-3"},{children:e.jsx(a.default,{})}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../hooks/pickaxe/usePickaxeContext.js"),t=require("../../../hooks/pickaxe/useResponseContext.js"),i=require("../../../common/utils.js"),a=require("../common/PickaxeButton.js"),r=require("../common/PickaxeBranding.js"),o=require("../../../common/cn.js");exports.default=()=>{const{misc:n,translations:x,responsiveBy:l,isShowHistory:c,setChatId:u,setIsNewChat:p,setIsShowHistory:d}=s.usePickaxeContext(),{setMessages:m}=t.useResponseContext();return e.jsxs("div",Object.assign({className:o.default("mt-4 flex flex-wrap flex-col justify-between gap-2","viewport"===l?"min-[767px]:flex-row":"@[767px]/pickaxe-root:flex-row")},{children:[e.jsxs("div",Object.assign({className:"flex items-center flex-grow flex-wrap gap-2"},{children:[e.jsx(a.default,Object.assign({className:o.default("w-full","viewport"===l?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]"),onClick:()=>{return e=i.generateId(20),m([]),u(e),void p(!0);var e}},{children:(null==x?void 0:x["new-chat"])||"New chat"})),n.isHistory&&!c&&e.jsx(a.default,Object.assign({variant:"transparent-text",className:o.default("w-full","viewport"===l?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]"),onClick:()=>d(!0)},{children:(null==x?void 0:x["see-history"])||"See history"}))]})),!n.isWhiteLabel&&e.jsx("div",Object.assign({className:"flex justify-end pr-3"},{children:e.jsx(r.default,{})}))]}))};

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("./Addons/Document/Provider.js"),r=require("./ResponseProvider.js"),i=require("./DimensionProvider.js");const o=t.createContext({});exports.PickaxeContext=o,exports.PickaxeProvider=({children:a,userId:n="",studioUserId:d="",deploymentId:c="",styles:l,colors:u,limits:F={},misc:m={isWhiteLabel:!0,isProfileImage:!0,isChatImage:!0,isTitle:!0,isDescription:!0,isHistory:!0},responsiveBy:h="viewport",loadFont:x=!0,forceMobile:I=!1,onGenerateComplete:f})=>{const[p,y]=t.useState(""),[j,S]=t.useState(""),[v,b]=t.useState(null),[P,g]=t.useState(!1),[C,k]=t.useState(!0),[w,O]=t.useState(!0),[q,D]=t.useState(!1);return t.useEffect((()=>{g(!1)}),[null==l?void 0:l.font]),e.jsx(o.Provider,Object.assign({value:Object.assign({formId:p,chatId:j,userId:n,studioUserId:d,deploymentId:c,pickaxe:v,styles:Object.assign({theme:"light",font:"Real Head Pro",fontSize:"md",formFieldStyle:"box",btnStyle:"filled",outlineThickness:1,cornerRadius:4},l),colors:Object.assign({primary:"#F6F8FA",text:"#000000",secondary:"#FFFFFF",secondaryText:"#000000",accent:"#228DD7",accentText:"#FFFFFF",error:"#EF4444"},u),misc:m,responsiveBy:h,isFontLoaded:P,isNewChat:C,isShowIceBreaker:w,isShowHistory:q,loadFont:x,forceMobile:I,setIsFontLoaded:g,setFormId:y,setChatId:S,setPickaxe:b,setIsNewChat:k,setIsShowIceBreaker:O,setIsShowHistory:D},f&&{onGenerateComplete:f})},{children:e.jsx(r.default,Object.assign({limits:F},{children:e.jsx(i.default,{children:e.jsx(s.default,{children:a})})}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("./Addons/Document/Provider.js"),i=require("./ResponseProvider.js"),r=require("./DimensionProvider.js");const o=s.createContext({});exports.PickaxeContext=o,exports.PickaxeProvider=({children:a,userId:n="",studioUserId:d="",deploymentId:c="",styles:l,colors:u,limits:h={},misc:F={isWhiteLabel:!0,isProfileImage:!0,isChatImage:!0,isTitle:!0,isDescription:!0,isHistory:!0},translations:m,responsiveBy:p="viewport",loadFont:x=!0,forceMobile:I=!1,onGenerateComplete:y})=>{const[f,g]=s.useState(""),[j,S]=s.useState(""),[b,v]=s.useState(null),[P,w]=s.useState(!1),[C,k]=s.useState(!0),[O,q]=s.useState(!0),[D,B]=s.useState(!1);return s.useEffect((()=>{w(!1)}),[null==l?void 0:l.font]),e.jsx(o.Provider,Object.assign({value:Object.assign({formId:f,chatId:j,userId:n,studioUserId:d,deploymentId:c,pickaxe:b,styles:Object.assign({theme:"light",font:"Real Head Pro",fontSize:"md",formFieldStyle:"box",btnStyle:"filled",outlineThickness:1,cornerRadius:4},l),colors:Object.assign({primary:"#F6F8FA",text:"#000000",secondary:"#FFFFFF",secondaryText:"#000000",accent:"#228DD7",accentText:"#FFFFFF",error:"#EF4444"},u),misc:F,translations:Object.assign({"new-chat":"New chat","see-history":"See history",processing:"Processing...",uploading:"Uploading...",loading:"Loading..."},m),responsiveBy:p,isFontLoaded:P,isNewChat:C,isShowIceBreaker:O,isShowHistory:D,loadFont:x,forceMobile:I,setIsFontLoaded:w,setFormId:g,setChatId:S,setPickaxe:v,setIsNewChat:k,setIsShowIceBreaker:q,setIsShowHistory:B},y&&{onGenerateComplete:y})},{children:e.jsx(i.default,Object.assign({limits:h},{children:e.jsx(r.default,{children:e.jsx(t.default,{children:a})})}))}))};

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

@@ -3,6 +3,9 @@ import type { Pickaxe } from "../../types/pickaxe";
 import type { StudioFontSize, StudioFormFieldStyle, StudioButtonStyle } from "../../types/studio";
 import { type ReactNode } from "react";
 import { type PickaxeLimitData } from "./ResponseProvider";
+export type PickaxeTranslations = {
+    [key: string]: string;
+};
 export type PickaxeProviderStyles = {
     theme: "light" | "dark";
     font: string;
@@ -40,6 +43,7 @@ type PickaxeContextType = {
     styles: PickaxeProviderStyles;
     colors: PickaxeProviderColors;
     misc: PickaxeMisc;
+    translations: PickaxeTranslations;
     responsiveBy: PickaxeResponsiveBy;
     isFontLoaded: boolean;
     isNewChat: boolean;
@@ -65,11 +69,12 @@ export interface IPickaxeProviderProps {
     colors?: Partial<PickaxeProviderColors>;
     limits?: Record<string, PickaxeLimitData>;
     misc?: PickaxeMisc;
+    translations?: PickaxeTranslations;
     responsiveBy?: PickaxeResponsiveBy;
     loadFont?: boolean;
     forceMobile?: boolean;
     onGenerateComplete?: (responseId: string) => void;
 }
 export declare const PickaxeContext: import("react").Context<PickaxeContextType>;
-export declare const PickaxeProvider: ({ children, userId, studioUserId, deploymentId, styles, colors, limits, misc, responsiveBy, loadFont, forceMobile, onGenerateComplete, }: IPickaxeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PickaxeProvider: ({ children, userId, studioUserId, deploymentId, styles, colors, limits, misc, translations, responsiveBy, loadFont, forceMobile, onGenerateComplete, }: IPickaxeProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -8,6 +8,7 @@ export declare const usePickaxeContext: () => {
     styles: import("../../components/Pickaxe/Provider").PickaxeProviderStyles;
     colors: import("../../components/Pickaxe/Provider").PickaxeProviderColors;
     misc: import("../../components/Pickaxe/Provider").PickaxeMisc;
+    translations: import("../../components/Pickaxe/Provider").PickaxeTranslations;
     responsiveBy: import("../../components/Pickaxe/Provider").PickaxeResponsiveBy;
     isFontLoaded: boolean;
     isNewChat: boolean;

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

@@ -1 +1 @@
-import{jsxs as e,jsx as s}from"react/jsx-runtime";import{usePickaxeContext as o}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as t}from"../../../hooks/pickaxe/useResponseContext.js";import{generateId as i}from"../../../common/utils.js";import r from"../common/PickaxeButton.js";import a from"../common/PickaxeBranding.js";import m from"../../../common/cn.js";const n=()=>{const{misc:n,responsiveBy:c,isShowHistory:x,setChatId:p,setIsNewChat:l,setIsShowHistory:f}=o(),{setMessages:w}=t();return e("div",Object.assign({className:m("mt-4 flex flex-wrap flex-col justify-between gap-2","viewport"===c?"min-[767px]:flex-row":"@[767px]/pickaxe-root:flex-row")},{children:[e("div",Object.assign({className:"flex items-center flex-grow flex-wrap gap-2"},{children:[s(r,Object.assign({className:m("w-full","viewport"===c?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]"),onClick:()=>{return e=i(20),w([]),p(e),void l(!0);var e}},{children:"New chat"})),n.isHistory&&!x&&s(r,Object.assign({variant:"transparent-text",className:m("w-full","viewport"===c?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]"),onClick:()=>f(!0)},{children:"See history"}))]})),!n.isWhiteLabel&&s("div",Object.assign({className:"flex justify-end pr-3"},{children:s(a,{})}))]}))};export{n as default};
+import{jsxs as e,jsx as s}from"react/jsx-runtime";import{usePickaxeContext as o}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as t}from"../../../hooks/pickaxe/useResponseContext.js";import{generateId as i}from"../../../common/utils.js";import r from"../common/PickaxeButton.js";import a from"../common/PickaxeBranding.js";import n from"../../../common/cn.js";const c=()=>{const{misc:c,translations:m,responsiveBy:x,isShowHistory:l,setChatId:p,setIsNewChat:f,setIsShowHistory:w}=o(),{setMessages:h}=t();return e("div",Object.assign({className:n("mt-4 flex flex-wrap flex-col justify-between gap-2","viewport"===x?"min-[767px]:flex-row":"@[767px]/pickaxe-root:flex-row")},{children:[e("div",Object.assign({className:"flex items-center flex-grow flex-wrap gap-2"},{children:[s(r,Object.assign({className:n("w-full","viewport"===x?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]"),onClick:()=>{return e=i(20),h([]),p(e),void f(!0);var e}},{children:(null==m?void 0:m["new-chat"])||"New chat"})),c.isHistory&&!l&&s(r,Object.assign({variant:"transparent-text",className:n("w-full","viewport"===x?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]"),onClick:()=>w(!0)},{children:(null==m?void 0:m["see-history"])||"See history"}))]})),!c.isWhiteLabel&&s("div",Object.assign({className:"flex justify-end pr-3"},{children:s(a,{})}))]}))};export{c 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 n}from"../../../../hooks/pickaxe/useResponseContext.js";import{useSubmit as r}from"../../../../hooks/pickaxe/useSubmit.js";import{useSubmitResult as a}from"../../../../hooks/pickaxe/useSubmitResult.js";import{useDocument as l}from"../../Addons/Document/hooks/useDocument.js";import{useScroll as 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})=>{var w;const{formId:j,userId:b,studioUserId:y,deploymentId:v,pickaxe:I,misc:k,responsiveBy:O,isShowHistory:S,setIsShowHistory:q,onGenerateComplete:D}=i(),{status:E,limits:P,setResponse:U,setStatus:R,setLimitData:A,setError:C,setIsGenerating:L}=n(),{documents:N,websiteLink:T,isUploading:B,onWebsiteUpload:H,setDocumentError:W}=l(),{scrollStartSession:G,scrollEndSession:_,scrollToTarget:K,scrollToBottom:M}=d({auto:!0}),Y=r(),z=a(),[F,J]=s(!1);return o("div",Object.assign({className:x("mt-4 flex flex-wrap flex-col justify-between gap-2","viewport"===O?"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"===O?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]"),isDisabled:B||F||"idle"!==E,onClick:()=>e(void 0,void 0,void 0,(function*(){var e;try{if(B||F||"idle"!==E)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=m(T),n=N.map((e=>e.name)),r=i.filter((e=>!n.includes(e)));if(r.length){const e=r[r.length-1];J(!0);const o=yield H(e);o&&(s.push(o),yield new Promise((e=>setTimeout(e,5e3)))),J(!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 a=["Multiple Choice","Checkbox"];for(const e of h){if(u(e.input).length>e.maxLength&&!a.includes(e.type))throw new Error("One or more of your responses is too long!");if(e.isRequired&&!e.input.trim()&&"userinput:documentupload"!==e.id)throw new Error("You must fill out all required fields.")}const l=s.length?s[s.length-1]:null;let d={};h.forEach((e=>d=Object.assign(Object.assign({},d),{[e.id]:"Knowledge Upload"===e.type||e.id.includes("documentupload")?(null==l?void 0:l.name)||"":e.input}))),R("fetching");const{success:p,responseId:f,data:g,actionData:x,usedDocumentIds:w,rawUserInput:k,error:O}=yield Y.mutateAsync(Object.assign(Object.assign(Object.assign({formId:j,valueObj:d},o&&l&&{documentId:null!==(e=l.documentId)&&void 0!==e?e:""}),y&&{studioUserId:y}),v&&{deploymentId:v}));if(!p)throw new Error(null!=O?O:"An error occurred, please try again.");const S=(yield c({formId:j,responseId:f,data:g,actionData:x})).body;if(!S)throw new Error("Streaming error");const q=S.getReader(),P=new TextDecoder;let _="",K=!0,Q=!1;U(null);const V=h.map((e=>({id:e.id,question:e.main,answer:e.input})));for(;K;){const{value:e,done:o}=yield q.read();K=!o;const t=P.decode(e);if(_&&!Q&&(G(),M(),Q=!0),_+=t,_)R("streaming"),U({formId:j,responseId:f,documentIds:w,messages:[],questions:V,questionPrompt:k,questionResponse:_,createdAt:new Date});else if(!K&&!_)throw new Error("Server error")}_&&(M(),R("idle"),yield z.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:j,responseId:f,documentIds:w},b&&{userId:b}),y&&{studioUserId:y}),y&&(null==I?void 0:I.studioid)&&{studioId:I.studioid}),v&&{deploymentId:v}),{questions:V,questionPrompt:k,questionResponse:_})),null==D||D(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(P).find((([e])=>o.includes(e)));t?A(t[1]):C(o),K(),M()}finally{R("idle"),L(!1),J(!1),_()}}))},{children:F?"Processing...":B?"Uploading...":"fetching"===E||"streaming"===E?"Loading...":null!==(w=null==I?void 0:I.submittext)&&void 0!==w?w:"Submit"})),k.isHistory&&!S&&t(f,Object.assign({variant:"transparent-text",className:x("w-full","viewport"===O?"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};
+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 n}from"../../../../hooks/pickaxe/useResponseContext.js";import{useSubmit as r}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})=>{var w;const{formId:j,userId:b,studioUserId:v,deploymentId:y,pickaxe:I,misc:k,translations:O,responsiveBy:S,isShowHistory:q,setIsShowHistory:D,onGenerateComplete:E}=i(),{status:P,limits:U,setResponse:R,setStatus:A,setLimitData:C,setError:L,setIsGenerating:N}=n(),{documents:T,websiteLink:B,isUploading:H,onWebsiteUpload:W,setDocumentError:G}=a(),{scrollStartSession:_,scrollEndSession:K,scrollToTarget:M,scrollToBottom:Y}=d({auto:!0}),z=r(),F=l(),[J,Q]=s(!1);return o("div",Object.assign({className:x("mt-4 flex flex-wrap flex-col justify-between gap-2","viewport"===S?"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"===S?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]"),isDisabled:H||J||"idle"!==P,onClick:()=>e(void 0,void 0,void 0,(function*(){var e;try{if(H||J||"idle"!==P)return;C(null),G(""),N(!0);const o="enduserupload"===(null==I?void 0:I.documentuploadtype),t=h.some((e=>"userinput:documentupload"===e.id&&e.isRequired)),s=T.filter((e=>"finished"===e.status)),i=m(B),n=T.map((e=>e.name)),r=i.filter((e=>!n.includes(e)));if(r.length){const e=r[r.length-1];Q(!0);const o=yield W(e);o&&(s.push(o),yield new Promise((e=>setTimeout(e,5e3)))),Q(!1)}else if(t&&o&&!s.length)return void G("Please paste a valid website/video link or drag a file to add to the knowledge base.");L("");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}))),A("fetching");const{success:p,responseId:f,data:g,actionData:x,usedDocumentIds:w,rawUserInput:k,error:O}=yield z.mutateAsync(Object.assign(Object.assign(Object.assign({formId:j,valueObj:d},o&&a&&{documentId:null!==(e=a.documentId)&&void 0!==e?e:""}),v&&{studioUserId:v}),y&&{deploymentId:y}));if(!p)throw new Error(null!=O?O:"An error occurred, please try again.");const S=(yield c({formId:j,responseId:f,data:g,actionData:x})).body;if(!S)throw new Error("Streaming error");const q=S.getReader(),D=new TextDecoder;let U="",K=!0,M=!1;R(null);const V=h.map((e=>({id:e.id,question:e.main,answer:e.input})));for(;K;){const{value:e,done:o}=yield q.read();K=!o;const t=D.decode(e);if(U&&!M&&(_(),Y(),M=!0),U+=t,U)A("streaming"),R({formId:j,responseId:f,documentIds:w,messages:[],questions:V,questionPrompt:k,questionResponse:U,createdAt:new Date});else if(!K&&!U)throw new Error("Server error")}U&&(Y(),A("idle"),yield F.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:j,responseId:f,documentIds:w},b&&{userId:b}),v&&{studioUserId:v}),v&&(null==I?void 0:I.studioid)&&{studioId:I.studioid}),y&&{deploymentId:y}),{questions:V,questionPrompt:k,questionResponse:U})),null==E||E(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?C(t[1]):L(o),M(),Y()}finally{A("idle"),N(!1),Q(!1),K()}}))},{children:J?(null==O?void 0:O.processing)||"Processing...":H?(null==O?void 0:O.uploading)||"Uploading...":"fetching"===P||"streaming"===P?(null==O?void 0:O.processing)||"Loading...":null!==(w=null==I?void 0:I.submittext)&&void 0!==w?w:"Submit"})),k.isHistory&&!q&&t(f,Object.assign({variant:"transparent-text",className:x("w-full","viewport"===S?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]"),onClick:()=>D(!0)},{children:(null==O?void 0:O["see-history"])||"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/Provider.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{createContext as o,useState as s,useEffect as t}from"react";import i from"./Addons/Document/Provider.js";import r from"./ResponseProvider.js";import n from"./DimensionProvider.js";const d=o({}),c=({children:o,userId:c="",studioUserId:l="",deploymentId:a="",styles:m,colors:F,limits:h={},misc:I={isWhiteLabel:!0,isProfileImage:!0,isChatImage:!0,isTitle:!0,isDescription:!0,isHistory:!0},responsiveBy:p="viewport",loadFont:f=!0,forceMobile:y=!1,onGenerateComplete:u})=>{const[b,j]=s(""),[v,g]=s(""),[x,w]=s(null),[P,S]=s(!1),[C,k]=s(!0),[D,O]=s(!0),[B,H]=s(!1);return t((()=>{S(!1)}),[null==m?void 0:m.font]),e(d.Provider,Object.assign({value:Object.assign({formId:b,chatId:v,userId:c,studioUserId:l,deploymentId:a,pickaxe:x,styles:Object.assign({theme:"light",font:"Real Head Pro",fontSize:"md",formFieldStyle:"box",btnStyle:"filled",outlineThickness:1,cornerRadius:4},m),colors:Object.assign({primary:"#F6F8FA",text:"#000000",secondary:"#FFFFFF",secondaryText:"#000000",accent:"#228DD7",accentText:"#FFFFFF",error:"#EF4444"},F),misc:I,responsiveBy:p,isFontLoaded:P,isNewChat:C,isShowIceBreaker:D,isShowHistory:B,loadFont:f,forceMobile:y,setIsFontLoaded:S,setFormId:j,setChatId:g,setPickaxe:w,setIsNewChat:k,setIsShowIceBreaker:O,setIsShowHistory:H},u&&{onGenerateComplete:u})},{children:e(r,Object.assign({limits:h},{children:e(n,{children:e(i,{children:o})})}))}))};export{d as PickaxeContext,c as PickaxeProvider};
+import{jsx as e}from"react/jsx-runtime";import{createContext as s,useState as o,useEffect as t}from"react";import i from"./Addons/Document/Provider.js";import r from"./ResponseProvider.js";import n from"./DimensionProvider.js";const a=s({}),d=({children:s,userId:d="",studioUserId:c="",deploymentId:l="",styles:m,colors:h,limits:F={},misc:p={isWhiteLabel:!0,isProfileImage:!0,isChatImage:!0,isTitle:!0,isDescription:!0,isHistory:!0},translations:I,responsiveBy:y="viewport",loadFont:g=!0,forceMobile:f=!1,onGenerateComplete:u})=>{const[b,j]=o(""),[v,w]=o(""),[x,P]=o(null),[S,C]=o(!1),[O,k]=o(!0),[D,B]=o(!0),[H,L]=o(!1);return t((()=>{C(!1)}),[null==m?void 0:m.font]),e(a.Provider,Object.assign({value:Object.assign({formId:b,chatId:v,userId:d,studioUserId:c,deploymentId:l,pickaxe:x,styles:Object.assign({theme:"light",font:"Real Head Pro",fontSize:"md",formFieldStyle:"box",btnStyle:"filled",outlineThickness:1,cornerRadius:4},m),colors:Object.assign({primary:"#F6F8FA",text:"#000000",secondary:"#FFFFFF",secondaryText:"#000000",accent:"#228DD7",accentText:"#FFFFFF",error:"#EF4444"},h),misc:p,translations:Object.assign({"new-chat":"New chat","see-history":"See history",processing:"Processing...",uploading:"Uploading...",loading:"Loading..."},I),responsiveBy:y,isFontLoaded:S,isNewChat:O,isShowIceBreaker:D,isShowHistory:H,loadFont:g,forceMobile:f,setIsFontLoaded:C,setFormId:j,setChatId:w,setPickaxe:P,setIsNewChat:k,setIsShowIceBreaker:B,setIsShowHistory:L},u&&{onGenerateComplete:u})},{children:e(r,Object.assign({limits:F},{children:e(n,{children:e(i,{children:s})})}))}))};export{a as PickaxeContext,d as PickaxeProvider};

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

@@ -3,6 +3,9 @@ import type { Pickaxe } from "../../types/pickaxe";
 import type { StudioFontSize, StudioFormFieldStyle, StudioButtonStyle } from "../../types/studio";
 import { type ReactNode } from "react";
 import { type PickaxeLimitData } from "./ResponseProvider";
+export type PickaxeTranslations = {
+    [key: string]: string;
+};
 export type PickaxeProviderStyles = {
     theme: "light" | "dark";
     font: string;
@@ -40,6 +43,7 @@ type PickaxeContextType = {
     styles: PickaxeProviderStyles;
     colors: PickaxeProviderColors;
     misc: PickaxeMisc;
+    translations: PickaxeTranslations;
     responsiveBy: PickaxeResponsiveBy;
     isFontLoaded: boolean;
     isNewChat: boolean;
@@ -65,11 +69,12 @@ export interface IPickaxeProviderProps {
     colors?: Partial<PickaxeProviderColors>;
     limits?: Record<string, PickaxeLimitData>;
     misc?: PickaxeMisc;
+    translations?: PickaxeTranslations;
     responsiveBy?: PickaxeResponsiveBy;
     loadFont?: boolean;
     forceMobile?: boolean;
     onGenerateComplete?: (responseId: string) => void;
 }
 export declare const PickaxeContext: import("react").Context<PickaxeContextType>;
-export declare const PickaxeProvider: ({ children, userId, studioUserId, deploymentId, styles, colors, limits, misc, responsiveBy, loadFont, forceMobile, onGenerateComplete, }: IPickaxeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PickaxeProvider: ({ children, userId, studioUserId, deploymentId, styles, colors, limits, misc, translations, responsiveBy, loadFont, forceMobile, onGenerateComplete, }: IPickaxeProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -8,6 +8,7 @@ export declare const usePickaxeContext: () => {
     styles: import("../../components/Pickaxe/Provider").PickaxeProviderStyles;
     colors: import("../../components/Pickaxe/Provider").PickaxeProviderColors;
     misc: import("../../components/Pickaxe/Provider").PickaxeMisc;
+    translations: import("../../components/Pickaxe/Provider").PickaxeTranslations;
     responsiveBy: import("../../components/Pickaxe/Provider").PickaxeResponsiveBy;
     isFontLoaded: boolean;
     isNewChat: boolean;

package/package.json

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