@pickaxeproject/react 3.3.0 → 3.3.1
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),a=require("../../../../hooks/pickaxe/usePickaxeContext.js"),t=require("../../../../hooks/pickaxe/useResponseContext.js"),l=require("../../../../hooks/pickaxe/useDimensionContext.js"),i=require("../../Addons/Scroll/hooks/useScrollContext.js"),o=require("../../../../hooks/studio/useStyleFontSize.js"),n=require("../../../../hooks/pickaxe/useConversation.js"),r=require("../../Addons/Artifact/hooks/useArtifactContext.js"),c=require("../../../Core/ErrorAlert.js"),d=require("../../common/PickaxeHead.js"),u=require("../../common/PickaxeCompactHead.js"),x=require("../../common/PickaxeUpgradeCard.js"),m=require("../../common/PickaxeIcon.js"),f=require("../../common/PickaxeBranding.js"),j=require("../../common/PickaxeSkeleton.js"),p=require("../../Addons/Scroll/ScrollLockView.js"),h=require("../../Addons/Artifact/Renderer/index.js"),g=require("./Message.js"),v=require("../../../../common/cn.js");exports.default=({hideInfo:w,isInputFocused:N})=>{var b;const y=n.useConversation(),k=o.useStyleFontSize(),{pickaxe:C,colors:q,misc:O,isNewChat:S,isRtl:P,isEmbed:A,setChatId:I}=a.usePickaxeContext(),{scrollContainerRef:E}=i.useScrollContext(),{messages:L,status:M,limitData:R,error:z}=t.useResponseContext(),{height:D}=l.useDimensionContext(),{currentArtifact:H,chatPopupType:$,currentPopupType:F}=r.useArtifactContext(),T=s.useMemo((()=>!!y.data&&!(y.data.messages.length<=1)),[y.data]),_=s.useMemo((()=>!w&&y.isSuccess&&S&&!T),[w,y.isSuccess,S,T]),B=s.useMemo((()=>{var e,s;return!!L.length&&!(null!==(s=null===(e=null==L?void 0:L[L.length-1])||void 0===e?void 0:e.content)&&void 0!==s?s:"").trim()}),[L]);return e.jsxs("div",Object.assign({ref:E,className:"flex w-full flex-col items-center overflow-y-auto mb-12 pb-8 scrollbar scrollbar-thin",style:{height:`calc(${D}px - 74px)`}},{children:[!!H&&"inline"===F&&e.jsx("div",Object.assign({className:v.default("absolute top-0 z-10 w-full
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),a=require("../../../../hooks/pickaxe/usePickaxeContext.js"),t=require("../../../../hooks/pickaxe/useResponseContext.js"),l=require("../../../../hooks/pickaxe/useDimensionContext.js"),i=require("../../Addons/Scroll/hooks/useScrollContext.js"),o=require("../../../../hooks/studio/useStyleFontSize.js"),n=require("../../../../hooks/pickaxe/useConversation.js"),r=require("../../Addons/Artifact/hooks/useArtifactContext.js"),c=require("../../../Core/ErrorAlert.js"),d=require("../../common/PickaxeHead.js"),u=require("../../common/PickaxeCompactHead.js"),x=require("../../common/PickaxeUpgradeCard.js"),m=require("../../common/PickaxeIcon.js"),f=require("../../common/PickaxeBranding.js"),j=require("../../common/PickaxeSkeleton.js"),p=require("../../Addons/Scroll/ScrollLockView.js"),h=require("../../Addons/Artifact/Renderer/index.js"),g=require("./Message.js"),v=require("../../../../common/cn.js");exports.default=({hideInfo:w,isInputFocused:N})=>{var b;const y=n.useConversation(),k=o.useStyleFontSize(),{pickaxe:C,colors:q,misc:O,isNewChat:S,isRtl:P,isEmbed:A,setChatId:I}=a.usePickaxeContext(),{scrollContainerRef:E}=i.useScrollContext(),{messages:L,status:M,limitData:R,error:z}=t.useResponseContext(),{height:D}=l.useDimensionContext(),{currentArtifact:H,chatPopupType:$,currentPopupType:F}=r.useArtifactContext(),T=s.useMemo((()=>!!y.data&&!(y.data.messages.length<=1)),[y.data]),_=s.useMemo((()=>!w&&y.isSuccess&&S&&!T),[w,y.isSuccess,S,T]),B=s.useMemo((()=>{var e,s;return!!L.length&&!(null!==(s=null===(e=null==L?void 0:L[L.length-1])||void 0===e?void 0:e.content)&&void 0!==s?s:"").trim()}),[L]);return e.jsxs("div",Object.assign({ref:E,className:"flex w-full flex-col items-center overflow-y-auto mb-12 pb-8 scrollbar scrollbar-thin",style:{height:`calc(${D}px - 74px)`}},{children:[!!H&&"inline"===F&&e.jsx("div",Object.assign({className:v.default("absolute top-0 z-10 w-full px-4 py-2",$),style:{height:`calc(${D}px - 80px)`}},{children:e.jsx(h.default,{type:"inline",className:"pxe-artifact-inline h-full shadow",artifact:{id:H.id,version:H.version}})})),e.jsxs("div",Object.assign({className:"relative flex flex-col items-center flex-grow w-full max-w-[800px] px-4"},{children:[(_||!A)&&!O.isWhiteLabel&&e.jsx(f.default,{className:v.default("absolute top-4 right-4",!_&&!A&&"top-2"),animateHover:!0}),e.jsx(d.default,{className:v.default("opacity-0 mt-[0%] transition-all duration-500 ease-in-out max-h-0 overflow-hidden max-w-[500px]",_&&"opacity-100 mt-[10%] max-h-[100%]"),iconClassName:"duration-300 hover:opacity-90",maxDescriptionChars:500,onIconClick:()=>I("")}),A&&!y.isLoading&&e.jsx(u.default,{className:v.default("opacity-0 transition-all duration-500 ease-in-out h-0 w-full",!_&&"opacity-100 h-[56px]"),iconClassName:"duration-300 hover:opacity-90",onIconClick:()=>I("")}),e.jsx("div",Object.assign({className:v.default("flex flex-col mt-6 transition-all duration-300 ease-in-out w-full",A&&!y.isLoading&&!_&&"mt-0")},{children:y.isLoading&&!(null==C?void 0:C.enablechatresponses)?e.jsxs("div",Object.assign({className:"grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-6 pt-10"},{children:[S&&e.jsxs("div",Object.assign({className:"flex flex-col items-center w-full"},{children:[e.jsx(j.default,{className:"w-[72px] h-[72px]"}),e.jsx(j.default,{className:"h-[20px] mt-6 w-full"}),e.jsx(j.default,{className:"h-[20px] mt-2 w-full"}),e.jsx(j.default,{className:"h-[20px] mt-2 w-full max-w-[400px]"})]})),e.jsx(j.default,{className:"h-10 w-[70%] animate-pulse justify-self-end rounded"}),e.jsx(j.default,{className:"h-[150px] w-[70%] animate-pulse rounded"}),e.jsx(j.default,{className:"h-10 w-[50%] animate-pulse justify-self-end rounded"})]})):y.isError?e.jsx("div",Object.assign({className:"flex w-full justify-center"},{children:e.jsxs("p",Object.assign({className:v.default(k.b2,"text-center font-semibold")},{children:["Something went wrong. Please try again, or"," ",e.jsx("a",Object.assign({href:"mailto:info@pickaxeproject.com?subject=Help",target:"_blank",rel:"noreferrer"},{children:"contact us"}))," ","for help."]}))})):y.data?e.jsxs("div",Object.assign({className:"flex flex-col w-full"},{children:[e.jsxs("div",Object.assign({className:"grid grid-cols-1 gap-y-6 w-full"},{children:[y.data.messages.map(((s,a)=>e.jsx(g.default,Object.assign({index:a,message:s},0===a&&{isIntroExpand:N}),a))),L.map(((s,a)=>e.jsx(g.default,{index:y.data.messages.length+a,message:s},a))),"fetching"===M||B?e.jsx("div",Object.assign({className:v.default("flex w-full",P?"justify-end":"justify-start")},{children:e.jsx("div",Object.assign({className:"flex flex-col"},{children:e.jsxs("div",Object.assign({className:v.default("flex gap-x-3",P&&"flex-row-reverse")},{children:["NONE"!==(null==C?void 0:C.chaticon)&&e.jsx(m.default,{src:null!==(b=null==C?void 0:C.chaticon)&&void 0!==b?b:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/chaticons/${null==C?void 0:C.formid}.png`,alt:`${null==C?void 0:C.formtitle}'s Chat Icon`,width:24,height:24,className:"my-3 h-6 w-6",textColor:q.text}),e.jsx("div",Object.assign({className:"flex items-center gap-x-2 rounded px-2"},{children:Array.from({length:3}).map(((s,a)=>e.jsx("div",{className:v.default("h-1.5 w-1.5 animate-dot rounded-full",1===a&&"animate-dot-down"),style:{backgroundColor:q.secondaryText}},a)))}))]}))}))})):R?e.jsx("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:e.jsx(x.default,{})})):z?e.jsx("div",Object.assign({className:v.default("flex items-center gap-x-3",P?"justify-end":"justify-start")},{children:e.jsx(c.default,{error:z})})):null]})),e.jsx(p.default,{})]})):null}))]}))]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useMemo as a}from"react";import{usePickaxeContext as t}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as i}from"../../../../hooks/pickaxe/useResponseContext.js";import{useDimensionContext as o}from"../../../../hooks/pickaxe/useDimensionContext.js";import{useScrollContext as l}from"../../Addons/Scroll/hooks/useScrollContext.js";import{useStyleFontSize as r}from"../../../../hooks/studio/useStyleFontSize.js";import{useConversation as n}from"../../../../hooks/pickaxe/useConversation.js";import{useArtifactContext as c}from"../../Addons/Artifact/hooks/useArtifactContext.js";import m from"../../../Core/ErrorAlert.js";import d from"../../common/PickaxeHead.js";import p from"../../common/PickaxeCompactHead.js";import f from"../../common/PickaxeUpgradeCard.js";import x from"../../common/PickaxeIcon.js";import u from"../../common/PickaxeBranding.js";import h from"../../common/PickaxeSkeleton.js";import g from"../../Addons/Scroll/ScrollLockView.js";import j from"../../Addons/Artifact/Renderer/index.js";import v from"./Message.js";import w from"../../../../common/cn.js";const N=({hideInfo:N,isInputFocused:b})=>{var
|
|
1
|
+
import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useMemo as a}from"react";import{usePickaxeContext as t}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as i}from"../../../../hooks/pickaxe/useResponseContext.js";import{useDimensionContext as o}from"../../../../hooks/pickaxe/useDimensionContext.js";import{useScrollContext as l}from"../../Addons/Scroll/hooks/useScrollContext.js";import{useStyleFontSize as r}from"../../../../hooks/studio/useStyleFontSize.js";import{useConversation as n}from"../../../../hooks/pickaxe/useConversation.js";import{useArtifactContext as c}from"../../Addons/Artifact/hooks/useArtifactContext.js";import m from"../../../Core/ErrorAlert.js";import d from"../../common/PickaxeHead.js";import p from"../../common/PickaxeCompactHead.js";import f from"../../common/PickaxeUpgradeCard.js";import x from"../../common/PickaxeIcon.js";import u from"../../common/PickaxeBranding.js";import h from"../../common/PickaxeSkeleton.js";import g from"../../Addons/Scroll/ScrollLockView.js";import j from"../../Addons/Artifact/Renderer/index.js";import v from"./Message.js";import w from"../../../../common/cn.js";const N=({hideInfo:N,isInputFocused:b})=>{var y;const k=n(),C=r(),{pickaxe:O,colors:A,misc:P,isNewChat:S,isRtl:I,isEmbed:E,setChatId:L}=t(),{scrollContainerRef:H}=l(),{messages:R,status:$,limitData:z,error:D}=i(),{height:T}=o(),{currentArtifact:F,chatPopupType:B,currentPopupType:M}=c(),U=a((()=>!!k.data&&!(k.data.messages.length<=1)),[k.data]),V=a((()=>!N&&k.isSuccess&&S&&!U),[N,k.isSuccess,S,U]),W=a((()=>{var e,s;return!!R.length&&!(null!==(s=null===(e=null==R?void 0:R[R.length-1])||void 0===e?void 0:e.content)&&void 0!==s?s:"").trim()}),[R]);return e("div",Object.assign({ref:H,className:"flex w-full flex-col items-center overflow-y-auto mb-12 pb-8 scrollbar scrollbar-thin",style:{height:`calc(${T}px - 74px)`}},{children:[!!F&&"inline"===M&&s("div",Object.assign({className:w("absolute top-0 z-10 w-full px-4 py-2",B),style:{height:`calc(${T}px - 80px)`}},{children:s(j,{type:"inline",className:"pxe-artifact-inline h-full shadow",artifact:{id:F.id,version:F.version}})})),e("div",Object.assign({className:"relative flex flex-col items-center flex-grow w-full max-w-[800px] px-4"},{children:[(V||!E)&&!P.isWhiteLabel&&s(u,{className:w("absolute top-4 right-4",!V&&!E&&"top-2"),animateHover:!0}),s(d,{className:w("opacity-0 mt-[0%] transition-all duration-500 ease-in-out max-h-0 overflow-hidden max-w-[500px]",V&&"opacity-100 mt-[10%] max-h-[100%]"),iconClassName:"duration-300 hover:opacity-90",maxDescriptionChars:500,onIconClick:()=>L("")}),E&&!k.isLoading&&s(p,{className:w("opacity-0 transition-all duration-500 ease-in-out h-0 w-full",!V&&"opacity-100 h-[56px]"),iconClassName:"duration-300 hover:opacity-90",onIconClick:()=>L("")}),s("div",Object.assign({className:w("flex flex-col mt-6 transition-all duration-300 ease-in-out w-full",E&&!k.isLoading&&!V&&"mt-0")},{children:k.isLoading&&!(null==O?void 0:O.enablechatresponses)?e("div",Object.assign({className:"grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-6 pt-10"},{children:[S&&e("div",Object.assign({className:"flex flex-col items-center w-full"},{children:[s(h,{className:"w-[72px] h-[72px]"}),s(h,{className:"h-[20px] mt-6 w-full"}),s(h,{className:"h-[20px] mt-2 w-full"}),s(h,{className:"h-[20px] mt-2 w-full max-w-[400px]"})]})),s(h,{className:"h-10 w-[70%] animate-pulse justify-self-end rounded"}),s(h,{className:"h-[150px] w-[70%] animate-pulse rounded"}),s(h,{className:"h-10 w-[50%] animate-pulse justify-self-end rounded"})]})):k.isError?s("div",Object.assign({className:"flex w-full justify-center"},{children:e("p",Object.assign({className:w(C.b2,"text-center font-semibold")},{children:["Something went wrong. Please try again, or"," ",s("a",Object.assign({href:"mailto:info@pickaxeproject.com?subject=Help",target:"_blank",rel:"noreferrer"},{children:"contact us"}))," ","for help."]}))})):k.data?e("div",Object.assign({className:"flex flex-col w-full"},{children:[e("div",Object.assign({className:"grid grid-cols-1 gap-y-6 w-full"},{children:[k.data.messages.map(((e,a)=>s(v,Object.assign({index:a,message:e},0===a&&{isIntroExpand:b}),a))),R.map(((e,a)=>s(v,{index:k.data.messages.length+a,message:e},a))),"fetching"===$||W?s("div",Object.assign({className:w("flex w-full",I?"justify-end":"justify-start")},{children:s("div",Object.assign({className:"flex flex-col"},{children:e("div",Object.assign({className:w("flex gap-x-3",I&&"flex-row-reverse")},{children:["NONE"!==(null==O?void 0:O.chaticon)&&s(x,{src:null!==(y=null==O?void 0:O.chaticon)&&void 0!==y?y:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/chaticons/${null==O?void 0:O.formid}.png`,alt:`${null==O?void 0:O.formtitle}'s Chat Icon`,width:24,height:24,className:"my-3 h-6 w-6",textColor:A.text}),s("div",Object.assign({className:"flex items-center gap-x-2 rounded px-2"},{children:Array.from({length:3}).map(((e,a)=>s("div",{className:w("h-1.5 w-1.5 animate-dot rounded-full",1===a&&"animate-dot-down"),style:{backgroundColor:A.secondaryText}},a)))}))]}))}))})):z?s("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:s(f,{})})):D?s("div",Object.assign({className:w("flex items-center gap-x-3",I?"justify-end":"justify-start")},{children:s(m,{error:D})})):null]})),s(g,{})]})):null}))]}))]}))};export{N as default};
|