@pickaxeproject/react 3.15.0 → 3.15.1

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../hooks/pickaxe/usePickaxe.js"),s=require("react"),a=require("../../hooks/pickaxe/usePickaxeContext.js"),r=require("./Addons/Auth/hooks/useAuthContext.js"),l=require("../../hooks/pickaxe/useResponseContext.js"),o=require("./Addons/Document/hooks/useDocumentContext.js"),i=require("./Addons/Artifact/hooks/useArtifactContext.js"),n=require("../../common/utils.js"),u=require("./Addons/Scroll/Provider.js"),c=require("./common/PickaxeSkeleton.js"),x=require("./Chat/index.js"),d=require("./Form/index.js"),p=require("./Addons/Auth/index.js"),f=require("../../common/cn.js");exports.Pickaxe=({formId:m,className:j})=>{const{chatId:h,styles:k,colors:g,responsiveBy:w,deploymentType:q,isNewChat:C,isEmailLogin:v,opacity:A,setFormId:P,setChatId:b,setSessionId:y,setPickaxe:N}=a.usePickaxeContext(),{isLoggedOut:O,isSent:S}=r.useAuthContext(),{setMessages:I,setResponse:E,setError:D,setLimitData:F,setStatus:L}=l.useResponseContext(),{setDocumentError:R}=o.useDocumentContext(),{setCurrentArtifact:M}=i.useArtifactContext(),[_,B]=s.useState(!1),H=t.usePickaxe(),T="chat-input"===q&&C&&!S,z="popup"===q&&h,G="chat-input"!==q||!S,J="popup"===q&&!h&&v&&O;return s.useEffect((()=>{P(m)}),[m]),s.useEffect((()=>{if(!H.data)return;const e=H.data.chatflag;b(e?n.generateId(15):""),y(n.generateId(15)),e?I([]):E(null),D(""),R(""),F(null),M(null),N(H.data),B(!0)}),[H.data]),s.useEffect((()=>{D(""),R(""),F(null),I([]),E(null),M(null),L("idle")}),[h]),H.data?e.jsx("div",Object.assign({className:f.default("relative @container/pickaxe-root flex flex-col flex-grow w-full",(!q||z||J)&&"h-full","dark"===k.theme&&"dark",j),style:Object.assign(Object.assign({backgroundColor:T?"transparent":g.primary,color:g.text},k.font&&"Real Head Pro"!==k.font&&{fontFamily:k.font}),{opacity:A})},{children:v&&O&&G?e.jsx(p.default,{}):e.jsx(e.Fragment,{children:H.isLoading||!_?e.jsx("div",Object.assign({className:f.default("flex items-center flex-col w-full pt-12 px-4 pb-10","viewport"===w?"min-[767px]:pb-40":"@[767px]/pickaxe-root:pb-40")},{children:e.jsxs("div",Object.assign({className:"flex w-full items-center max-w-[700px] flex-col"},{children:[e.jsx(c.default,{className:"w-[72px] h-[72px]"}),e.jsx(c.default,{className:"h-[20px] mt-6 w-full"}),e.jsx(c.default,{className:"h-[20px] mt-2 w-full"}),e.jsx(c.default,{className:"h-[20px] mt-2 w-full max-w-[400px]"}),e.jsx("div",Object.assign({className:"flex flex-col gap-y-8 w-full mt-6"},{children:e.jsx(c.default,{className:f.default("w-full min-h-[48px]","viewport"===w?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]")})}))]}))})):e.jsx(e.Fragment,{children:h?e.jsx(u.ScrollProvider,{children:e.jsx(x.default,{})}):e.jsx(u.ScrollProvider,{children:e.jsx(d.default,{})})})})})):null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../hooks/pickaxe/usePickaxe.js"),s=require("react"),r=require("../../hooks/pickaxe/usePickaxeContext.js"),a=require("./Addons/Auth/hooks/useAuthContext.js"),o=require("../../hooks/pickaxe/useResponseContext.js"),l=require("./Addons/Document/hooks/useDocumentContext.js"),i=require("./Addons/Artifact/hooks/useArtifactContext.js"),n=require("../../common/utils.js"),u=require("./Addons/Scroll/Provider.js"),c=require("./common/PickaxeSkeleton.js"),x=require("./Chat/index.js"),d=require("./Form/index.js"),p=require("./Addons/Auth/index.js"),m=require("../../common/cn.js");exports.Pickaxe=({formId:f,className:j})=>{const{chatId:h,styles:k,colors:g,responsiveBy:w,deploymentType:q,isNewChat:C,isEmailLogin:y,opacity:v,setFormId:A,setChatId:P,setSessionId:N,setPickaxe:b}=r.usePickaxeContext(),{isLoggedOut:S,isSent:I}=a.useAuthContext(),{setMessages:O,setResponse:E,setError:D,setLimitData:F,setStatus:L}=o.useResponseContext(),{setDocumentError:M}=l.useDocumentContext(),{setCurrentArtifact:R}=i.useArtifactContext(),[$,_]=s.useState(!1),B=t.usePickaxe(),H="chat-input"===q&&C&&!I,T="popup"===q&&h,W="chat-input"!==q||!I,z="popup"===q&&!h&&y&&S;s.useEffect((()=>{A(f)}),[f]),s.useEffect((()=>{if(!B.data)return;const e=B.data.chatflag;P(e?n.generateId(15):""),N(n.generateId(15)),e?O([]):E(null),D(""),M(""),F(null),R(null),b(B.data),_(!0)}),[B.data]),s.useEffect((()=>{D(""),M(""),F(null),O([]),E(null),R(null),L("idle")}),[h]);const G=s.useMemo((()=>{const e=null!=v?v:1;if(!g.primary||!g.primary.startsWith("#")||e<0||e>1)return g.primary;const t=Math.round(255*e).toString(16).padStart(2,"0");return`${g.primary}${t}`}),[g.primary,v]);return B.data?e.jsx("div",Object.assign({className:m.default("relative @container/pickaxe-root flex flex-col flex-grow w-full",(!q||T||z)&&"h-full","dark"===k.theme&&"dark",j),style:Object.assign({backgroundColor:H?"transparent":G,color:g.text},k.font&&"Real Head Pro"!==k.font&&{fontFamily:k.font})},{children:y&&S&&W?e.jsx(p.default,{}):e.jsx(e.Fragment,{children:B.isLoading||!$?e.jsx("div",Object.assign({className:m.default("flex items-center flex-col w-full pt-12 px-4 pb-10","viewport"===w?"min-[767px]:pb-40":"@[767px]/pickaxe-root:pb-40")},{children:e.jsxs("div",Object.assign({className:"flex w-full items-center max-w-[700px] flex-col"},{children:[e.jsx(c.default,{className:"w-[72px] h-[72px]"}),e.jsx(c.default,{className:"h-[20px] mt-6 w-full"}),e.jsx(c.default,{className:"h-[20px] mt-2 w-full"}),e.jsx(c.default,{className:"h-[20px] mt-2 w-full max-w-[400px]"}),e.jsx("div",Object.assign({className:"flex flex-col gap-y-8 w-full mt-6"},{children:e.jsx(c.default,{className:m.default("w-full min-h-[48px]","viewport"===w?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]")})}))]}))})):e.jsx(e.Fragment,{children:h?e.jsx(u.ScrollProvider,{children:e.jsx(x.default,{})}):e.jsx(u.ScrollProvider,{children:e.jsx(d.default,{})})})})})):null};

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

@@ -1 +1 @@
-import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import{usePickaxe as s}from"../../hooks/pickaxe/usePickaxe.js";import{useState as r,useEffect as a}from"react";import{usePickaxeContext as i}from"../../hooks/pickaxe/usePickaxeContext.js";import{useAuthContext as l}from"./Addons/Auth/hooks/useAuthContext.js";import{useResponseContext as n}from"../../hooks/pickaxe/useResponseContext.js";import{useDocumentContext as m}from"./Addons/Document/hooks/useDocumentContext.js";import{useArtifactContext as c}from"./Addons/Artifact/hooks/useArtifactContext.js";import{generateId as p}from"../../common/utils.js";import{ScrollProvider as x}from"./Addons/Scroll/Provider.js";import d from"./common/PickaxeSkeleton.js";import f from"./Chat/index.js";import u from"./Form/index.js";import h from"./Addons/Auth/index.js";import j from"../../common/cn.js";const k=({formId:k,className:w})=>{const{chatId:g,styles:A,colors:N,responsiveBy:b,deploymentType:y,isNewChat:C,isEmailLogin:v,opacity:O,setFormId:P,setChatId:I,setSessionId:S,setPickaxe:D}=i(),{isLoggedOut:L,isSent:E}=l(),{setMessages:F,setResponse:R,setError:B,setLimitData:H,setStatus:M}=n(),{setDocumentError:T}=m(),{setCurrentArtifact:q}=c(),[z,G]=r(!1),J=s(),K="chat-input"===y&&C&&!E,Q="popup"===y&&g,U="chat-input"!==y||!E,V="popup"===y&&!g&&v&&L;return a((()=>{P(k)}),[k]),a((()=>{if(!J.data)return;const e=J.data.chatflag;I(e?p(15):""),S(p(15)),e?F([]):R(null),B(""),T(""),H(null),q(null),D(J.data),G(!0)}),[J.data]),a((()=>{B(""),T(""),H(null),F([]),R(null),q(null),M("idle")}),[g]),J.data?e("div",Object.assign({className:j("relative @container/pickaxe-root flex flex-col flex-grow w-full",(!y||Q||V)&&"h-full","dark"===A.theme&&"dark",w),style:Object.assign(Object.assign({backgroundColor:K?"transparent":N.primary,color:N.text},A.font&&"Real Head Pro"!==A.font&&{fontFamily:A.font}),{opacity:O})},{children:v&&L&&U?e(h,{}):e(t,{children:J.isLoading||!z?e("div",Object.assign({className:j("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:o("div",Object.assign({className:"flex w-full items-center max-w-[700px] flex-col"},{children:[e(d,{className:"w-[72px] h-[72px]"}),e(d,{className:"h-[20px] mt-6 w-full"}),e(d,{className:"h-[20px] mt-2 w-full"}),e(d,{className:"h-[20px] mt-2 w-full max-w-[400px]"}),e("div",Object.assign({className:"flex flex-col gap-y-8 w-full mt-6"},{children:e(d,{className:j("w-full min-h-[48px]","viewport"===b?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]")})}))]}))})):e(t,{children:e(x,g?{children:e(f,{})}:{children:e(u,{})})})})})):null};export{k as Pickaxe};
+import{jsx as t,Fragment as e,jsxs as o}from"react/jsx-runtime";import{usePickaxe as s}from"../../hooks/pickaxe/usePickaxe.js";import{useState as r,useEffect as a,useMemo as i}from"react";import{usePickaxeContext as l}from"../../hooks/pickaxe/usePickaxeContext.js";import{useAuthContext as n}from"./Addons/Auth/hooks/useAuthContext.js";import{useResponseContext as m}from"../../hooks/pickaxe/useResponseContext.js";import{useDocumentContext as c}from"./Addons/Document/hooks/useDocumentContext.js";import{useArtifactContext as p}from"./Addons/Artifact/hooks/useArtifactContext.js";import{generateId as x}from"../../common/utils.js";import{ScrollProvider as d}from"./Addons/Scroll/Provider.js";import f from"./common/PickaxeSkeleton.js";import u from"./Chat/index.js";import h from"./Form/index.js";import k from"./Addons/Auth/index.js";import j from"../../common/cn.js";const w=({formId:w,className:g})=>{const{chatId:y,styles:A,colors:N,responsiveBy:C,deploymentType:b,isNewChat:v,isEmailLogin:S,opacity:O,setFormId:P,setChatId:I,setSessionId:D,setPickaxe:L}=l(),{isLoggedOut:E,isSent:F}=n(),{setMessages:R,setResponse:M,setError:$,setLimitData:B,setStatus:H}=m(),{setDocumentError:T}=c(),{setCurrentArtifact:W}=p(),[q,z]=r(!1),G=s(),J="chat-input"===b&&v&&!F,K="popup"===b&&y,Q="chat-input"!==b||!F,U="popup"===b&&!y&&S&&E;a((()=>{P(w)}),[w]),a((()=>{if(!G.data)return;const t=G.data.chatflag;I(t?x(15):""),D(x(15)),t?R([]):M(null),$(""),T(""),B(null),W(null),L(G.data),z(!0)}),[G.data]),a((()=>{$(""),T(""),B(null),R([]),M(null),W(null),H("idle")}),[y]);const V=i((()=>{const t=null!=O?O:1;if(!N.primary||!N.primary.startsWith("#")||t<0||t>1)return N.primary;const e=Math.round(255*t).toString(16).padStart(2,"0");return`${N.primary}${e}`}),[N.primary,O]);return G.data?t("div",Object.assign({className:j("relative @container/pickaxe-root flex flex-col flex-grow w-full",(!b||K||U)&&"h-full","dark"===A.theme&&"dark",g),style:Object.assign({backgroundColor:J?"transparent":V,color:N.text},A.font&&"Real Head Pro"!==A.font&&{fontFamily:A.font})},{children:S&&E&&Q?t(k,{}):t(e,{children:G.isLoading||!q?t("div",Object.assign({className:j("flex items-center flex-col w-full pt-12 px-4 pb-10","viewport"===C?"min-[767px]:pb-40":"@[767px]/pickaxe-root:pb-40")},{children:o("div",Object.assign({className:"flex w-full items-center max-w-[700px] flex-col"},{children:[t(f,{className:"w-[72px] h-[72px]"}),t(f,{className:"h-[20px] mt-6 w-full"}),t(f,{className:"h-[20px] mt-2 w-full"}),t(f,{className:"h-[20px] mt-2 w-full max-w-[400px]"}),t("div",Object.assign({className:"flex flex-col gap-y-8 w-full mt-6"},{children:t(f,{className:j("w-full min-h-[48px]","viewport"===C?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]")})}))]}))})):t(e,{children:t(d,y?{children:t(u,{})}:{children:t(h,{})})})})})):null};export{w as Pickaxe};

package/package.json

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