@pickaxeproject/react 1.1.1 → 1.1.2

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

@@ -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"),r=require("../../../../hooks/studio/useStyleFontSize.js"),n=require("../../../../hooks/pickaxe/useConversation.js"),o=require("../../../../hooks/core/useDebounce.js"),l=require("../../common/PickaxeIcon.js"),i=require("../../../Core/ErrorAlert.js"),c=require("../../Addons/Scroll/ScrollLockView.js"),d=require("../../common/PickaxeHead.js"),u=require("../../common/PickaxeInfoModal.js"),x=require("../../common/PickaxeUpgradeCard.js"),m=require("./Message.js"),f=require("../../../../common/cn.js");exports.default=()=>{var j;const g=n.useConversation(),p=r.useStyleFontSize(),{pickaxe:h,styles:b,colors:k,responsiveBy:v,isNewChat:E,setChatId:w}=a.usePickaxeContext(),{messages:y,status:C,limitData:N,error:O}=t.useResponseContext(),[q,S]=s.useState(!1),[B,F]=s.useState(!1),P=s.useRef(null),R=s.useRef(null),I=s.useRef(null),M=s.useMemo((()=>!!g.data&&!(g.data.messages.length<=1)),[g.data]),z=s.useMemo((()=>g.isSuccess&&E&&!M),[g.isSuccess,E,M]),T=o.useDebounce((()=>{D()}),200),D=s.useCallback((()=>{if(!P.current||!I.current)return;const e=P.current.getBoundingClientRect(),s=I.current.getBoundingClientRect().top-e.top;F(s<=210)}),[]);return s.useEffect((()=>{if(!P.current||!I.current)return;const e=new ResizeObserver((()=>{T()}));return e.observe(P.current),e.observe(I.current),()=>{e.disconnect()}}),[]),e.jsxs("div",Object.assign({ref:P,className:"relative flex flex-grow flex-col justify-end"},{children:[q&&e.jsx(u.default,{isOpen:q,onChangeIsOpen:S}),e.jsx("div",Object.assign({ref:R,className:f.default("absolute left-1/2 top-0 flex w-full max-w-[550px] -translate-x-1/2 -translate-y-1/3 transform flex-col items-center px-4 opacity-0 duration-300",z&&!B&&"top-1/4 opacity-100")},{children:e.jsx(d.default,{iconClassName:"duration-300 hover:opacity-90",maxLines:2,onIconClick:()=>w("")})})),e.jsx("div",Object.assign({ref:I,className:"pxe-messages-container flex w-full justify-center"},{children:g.isLoading?e.jsxs("div",Object.assign({className:"grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-6 pt-10"},{children:[e.jsx("div",{className:"h-10 w-[70%] animate-pulse justify-self-end rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===b.theme?"#1E1E1F":"#E5E7EB"}}),e.jsx("div",{className:"h-[150px] w-[70%] animate-pulse rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===b.theme?"#1E1E1F":"#E5E7EB"}}),e.jsx("div",{className:"h-10 w-[50%] animate-pulse justify-self-end rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===b.theme?"#1E1E1F":"#E5E7EB"}})]})):g.isError?e.jsx("div",Object.assign({className:"flex w-full max-w-[800px] justify-center pt-10"},{children:e.jsxs("p",Object.assign({className:f.default(p.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."]}))})):e.jsxs("div",Object.assign({className:"flex flex-col w-full"},{children:[e.jsxs("div",Object.assign({className:f.default("relative grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-4 pt-6","viewport"===v?"min-[767px]:pt-10":"@[767px]/pickaxe-root:pt-10")},{children:[g.data.messages.map(((s,a)=>e.jsx(m.default,{index:a,message:s},a))),y.map(((s,a)=>e.jsx(m.default,{index:g.data.messages.length+a,message:s},a))),"fetching"===C?e.jsxs("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:["NONE"!==(null==h?void 0:h.chaticon)&&e.jsx(l.default,{src:null!==(j=null==h?void 0:h.chaticon)&&void 0!==j?j:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/chaticons/${null==h?void 0:h.formid}.png`,alt:`${null==h?void 0:h.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6",textColor:k.text}),e.jsxs("div",Object.assign({className:"flex items-center gap-x-2 rounded px-4 py-4",style:{backgroundColor:k.secondary+"80",color:k.secondaryText}},{children:[e.jsx("div",{className:"h-1.5 w-1.5 animate-dot rounded-full",style:{backgroundColor:k.secondaryText}}),e.jsx("div",{className:"h-1.5 w-1.5 animate-dot-down rounded-full",style:{backgroundColor:k.secondaryText}}),e.jsx("div",{className:"h-1.5 w-1.5 animate-dot rounded-full",style:{backgroundColor:k.secondaryText}})]}))]})):N?e.jsx("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:e.jsx(x.default,{})})):O?e.jsx("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:e.jsx(i.default,{error:O})})):null]})),e.jsx(c.default,{className:"w-full"})]}))}))]}))};
+"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"),r=require("../../../../hooks/studio/useStyleFontSize.js"),o=require("../../../../hooks/pickaxe/useConversation.js"),n=require("../../../../hooks/core/useDebounce.js"),l=require("../../common/PickaxeIcon.js"),i=require("../../../Core/ErrorAlert.js"),c=require("../../Addons/Scroll/ScrollLockView.js"),d=require("../../common/PickaxeHead.js"),u=require("../../common/PickaxeCompactHead.js"),x=require("../../common/PickaxeInfoModal.js"),m=require("../../common/PickaxeUpgradeCard.js"),f=require("./Message.js"),j=require("../../../../common/cn.js");exports.default=()=>{var g;const p=o.useConversation(),h=r.useStyleFontSize(),{pickaxe:b,styles:k,colors:v,responsiveBy:E,isNewChat:w,setChatId:y,isEmbed:C}=a.usePickaxeContext(),{messages:N,status:O,limitData:q,error:S}=t.useResponseContext(),[B,P]=s.useState(!1),[F,R]=s.useState(!1),I=s.useRef(null),M=s.useRef(null),z=s.useRef(null),T=s.useMemo((()=>!!p.data&&!(p.data.messages.length<=1)),[p.data]),D=s.useMemo((()=>p.isSuccess&&w&&!T),[p.isSuccess,w,T]),H=n.useDebounce((()=>{L()}),200),L=s.useCallback((()=>{if(!I.current||!z.current)return;const e=I.current.getBoundingClientRect(),s=z.current.getBoundingClientRect().top-e.top;R(s<=210)}),[]);return s.useEffect((()=>{if(!I.current||!z.current)return;const e=new ResizeObserver((()=>{H()}));return e.observe(I.current),e.observe(z.current),()=>{e.disconnect()}}),[]),e.jsxs("div",Object.assign({ref:I,className:j.default("relative flex flex-grow flex-col",!C||!F&&D?"justify-end":"justify-between gap-y-4")},{children:[B&&e.jsx(x.default,{isOpen:B,onChangeIsOpen:P}),!C||!F&&D?e.jsx("div",Object.assign({ref:M,className:j.default("absolute left-1/2 top-0 flex w-full max-w-[550px] -translate-x-1/2 -translate-y-1/3 transform flex-col items-center px-4 opacity-0 duration-300",D&&!F&&"top-1/4 opacity-100")},{children:e.jsx(d.default,{iconClassName:"duration-300 hover:opacity-90",maxLines:2,onIconClick:()=>y("")})})):e.jsx(u.default,{}),e.jsx("div",Object.assign({ref:z,className:"pxe-messages-container flex w-full justify-center"},{children:p.isLoading?e.jsxs("div",Object.assign({className:"grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-6 pt-10"},{children:[e.jsx("div",{className:"h-10 w-[70%] animate-pulse justify-self-end rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===k.theme?"#1E1E1F":"#E5E7EB"}}),e.jsx("div",{className:"h-[150px] w-[70%] animate-pulse rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===k.theme?"#1E1E1F":"#E5E7EB"}}),e.jsx("div",{className:"h-10 w-[50%] animate-pulse justify-self-end rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===k.theme?"#1E1E1F":"#E5E7EB"}})]})):p.isError?e.jsx("div",Object.assign({className:"flex w-full max-w-[800px] justify-center pt-10"},{children:e.jsxs("p",Object.assign({className:j.default(h.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."]}))})):e.jsxs("div",Object.assign({className:"flex flex-col w-full"},{children:[e.jsxs("div",Object.assign({className:j.default("relative grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-4 pt-6","viewport"===E?"min-[767px]:pt-10":"@[767px]/pickaxe-root:pt-10")},{children:[p.data.messages.map(((s,a)=>e.jsx(f.default,{index:a,message:s},a))),N.map(((s,a)=>e.jsx(f.default,{index:p.data.messages.length+a,message:s},a))),"fetching"===O?e.jsxs("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:["NONE"!==(null==b?void 0:b.chaticon)&&e.jsx(l.default,{src:null!==(g=null==b?void 0:b.chaticon)&&void 0!==g?g:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/chaticons/${null==b?void 0:b.formid}.png`,alt:`${null==b?void 0:b.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6",textColor:v.text}),e.jsxs("div",Object.assign({className:"flex items-center gap-x-2 rounded px-4 py-4",style:{backgroundColor:v.secondary+"80",color:v.secondaryText}},{children:[e.jsx("div",{className:"h-1.5 w-1.5 animate-dot rounded-full",style:{backgroundColor:v.secondaryText}}),e.jsx("div",{className:"h-1.5 w-1.5 animate-dot-down rounded-full",style:{backgroundColor:v.secondaryText}}),e.jsx("div",{className:"h-1.5 w-1.5 animate-dot rounded-full",style:{backgroundColor:v.secondaryText}})]}))]})):q?e.jsx("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:e.jsx(m.default,{})})):S?e.jsx("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:e.jsx(i.default,{error:S})})):null]})),e.jsx(c.default,{className:"w-full"})]}))}))]}))};

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"),i=require("./ResponseProvider.js"),r=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:h={},misc:F={isWhiteLabel:!0,isProfileImage:!0,isChatImage:!0,isTitle:!0,isDescription:!0,isHistory:!0},translations:p,chatInput:I="",responsiveBy:m="viewport",loadFont:x=!0,forceMobile:y=!1,onGenerateComplete:f})=>{const[g,j]=t.useState(""),[S,b]=t.useState(""),[v,P]=t.useState(null),[w,C]=t.useState(!1),[k,O]=t.useState(!0),[q,D]=t.useState(!0),[B,H]=t.useState(!1);return t.useEffect((()=>{C(!1)}),[null==l?void 0:l.font]),e.jsx(o.Provider,Object.assign({value:Object.assign({formId:g,chatId:S,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:F,translations:Object.assign({"new-chat":"New chat","see-history":"See history",processing:"Processing...",uploading:"Uploading...",loading:"Loading..."},p),chatInput:I,responsiveBy:m,isFontLoaded:w,isNewChat:k,isShowIceBreaker:q,isShowHistory:B,loadFont:x,forceMobile:y,setIsFontLoaded:C,setFormId:j,setChatId:b,setPickaxe:P,setIsNewChat:O,setIsShowIceBreaker:D,setIsShowHistory:H},f&&{onGenerateComplete:f})},{children:e.jsx(i.default,Object.assign({limits:h},{children:e.jsx(r.default,{children:e.jsx(s.default,{children:a})})}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("./Addons/Document/Provider.js"),i=require("./ResponseProvider.js"),r=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:h={},misc:F={isWhiteLabel:!0,isProfileImage:!0,isChatImage:!0,isTitle:!0,isDescription:!0,isHistory:!0},translations:m,chatInput:p="",responsiveBy:I="viewport",loadFont:x=!0,forceMobile:y=!1,isEmbed:f=!1,onGenerateComplete:g})=>{const[j,S]=t.useState(""),[b,v]=t.useState(""),[P,w]=t.useState(null),[C,k]=t.useState(!1),[O,q]=t.useState(!0),[D,B]=t.useState(!0),[E,H]=t.useState(!1);return t.useEffect((()=>{k(!1)}),[null==l?void 0:l.font]),e.jsx(o.Provider,Object.assign({value:Object.assign({formId:j,chatId:b,userId:n,studioUserId:d,deploymentId:c,pickaxe:P,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),chatInput:p,responsiveBy:I,isFontLoaded:C,isNewChat:O,isShowIceBreaker:D,isShowHistory:E,loadFont:x,forceMobile:y,isEmbed:f,setIsFontLoaded:k,setFormId:S,setChatId:v,setPickaxe:w,setIsNewChat:q,setIsShowIceBreaker:B,setIsShowHistory:H},g&&{onGenerateComplete:g})},{children:e.jsx(i.default,Object.assign({limits:h},{children:e.jsx(r.default,{children:e.jsx(s.default,{children:a})})}))}))};

package/dist/cjs/components/Pickaxe/common/PickaxeCompactHead.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("../../../hooks/pickaxe/usePickaxeContext.js"),s=require("../../../hooks/studio/useStyleFontSize.js"),r=require("../../../common/cn.js"),o=require("./PickaxeIcon.js");exports.default=({iconClassName:l,onIconClick:c})=>{const{pickaxe:u,misc:a}=i.usePickaxeContext(),n=s.useStyleFontSize(),x=t.useMemo((()=>({title:(null==u?void 0:u.formtitle)||""})),[u]);return e.jsxs("div",Object.assign({className:"flex h-[56px] items-center gap-x-4 px-4"},{children:[a.isProfileImage&&e.jsx(o.default,Object.assign({src:null==u?void 0:u.coverphoto,alt:`${null==u?void 0:u.formtitle}'s Profile Picture`,width:32,height:32,className:r.default("shrink-0 h-[32px] w-[32px] rounded-full",l,!!c&&"cursor-pointer")},c&&{onClick:c})),a.isTitle&&e.jsx("p",Object.assign({className:r.default(n.b1,"truncate")},{children:x.title}))]}))};

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

@@ -52,6 +52,7 @@ type PickaxeContextType = {
     isShowHistory: boolean;
     loadFont: boolean;
     forceMobile: boolean;
+    isEmbed: boolean;
     setFormId: SetState<string>;
     setChatId: SetState<string>;
     setPickaxe: SetState<Pickaxe | null>;
@@ -75,8 +76,9 @@ export interface IPickaxeProviderProps {
     responsiveBy?: PickaxeResponsiveBy;
     loadFont?: boolean;
     forceMobile?: boolean;
+    isEmbed?: 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, translations, chatInput, responsiveBy, loadFont, forceMobile, onGenerateComplete, }: IPickaxeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PickaxeProvider: ({ children, userId, studioUserId, deploymentId, styles, colors, limits, misc, translations, chatInput, responsiveBy, loadFont, forceMobile, isEmbed, onGenerateComplete, }: IPickaxeProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/src/components/Pickaxe/common/PickaxeCompactHead.d.ts

@@ -0,0 +1,6 @@
+interface PickaxeCompactHeadProps {
+    iconClassName?: string;
+    onIconClick?: () => void;
+}
+declare const PickaxeCompactHead: ({ iconClassName, onIconClick, }: PickaxeCompactHeadProps) => import("react/jsx-runtime").JSX.Element;
+export default PickaxeCompactHead;

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

@@ -17,6 +17,7 @@ export declare const usePickaxeContext: () => {
     isShowHistory: boolean;
     loadFont: boolean;
     forceMobile: boolean;
+    isEmbed: boolean;
     setFormId: import("../../types/common").SetState<string>;
     setChatId: import("../../types/common").SetState<string>;
     setPickaxe: import("../../types/common").SetState<import("../../types/pickaxe").Pickaxe | null>;

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

@@ -1 +1 @@
-import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useState as a,useRef as o,useMemo as t,useCallback as r,useEffect as n}from"react";import{usePickaxeContext as i}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as l}from"../../../../hooks/pickaxe/useResponseContext.js";import{useStyleFontSize as c}from"../../../../hooks/studio/useStyleFontSize.js";import{useConversation as d}from"../../../../hooks/pickaxe/useConversation.js";import{useDebounce as m}from"../../../../hooks/core/useDebounce.js";import u from"../../common/PickaxeIcon.js";import p from"../../../Core/ErrorAlert.js";import x from"../../Addons/Scroll/ScrollLockView.js";import f from"../../common/PickaxeHead.js";import g from"../../common/PickaxeInfoModal.js";import h from"../../common/PickaxeUpgradeCard.js";import b from"./Message.js";import j from"../../../../common/cn.js";const k=()=>{var k;const E=d(),v=c(),{pickaxe:w,styles:y,colors:N,responsiveBy:C,isNewChat:O,setChatId:B}=i(),{messages:F,status:S,limitData:I,error:P}=l(),[R,T]=a(!1),[z,L]=a(!1),A=o(null),D=o(null),H=o(null),M=t((()=>!!E.data&&!(E.data.messages.length<=1)),[E.data]),$=t((()=>E.isSuccess&&O&&!M),[E.isSuccess,O,M]),U=m((()=>{V()}),200),V=r((()=>{if(!A.current||!H.current)return;const e=A.current.getBoundingClientRect(),s=H.current.getBoundingClientRect().top-e.top;L(s<=210)}),[]);return n((()=>{if(!A.current||!H.current)return;const e=new ResizeObserver((()=>{U()}));return e.observe(A.current),e.observe(H.current),()=>{e.disconnect()}}),[]),e("div",Object.assign({ref:A,className:"relative flex flex-grow flex-col justify-end"},{children:[R&&s(g,{isOpen:R,onChangeIsOpen:T}),s("div",Object.assign({ref:D,className:j("absolute left-1/2 top-0 flex w-full max-w-[550px] -translate-x-1/2 -translate-y-1/3 transform flex-col items-center px-4 opacity-0 duration-300",$&&!z&&"top-1/4 opacity-100")},{children:s(f,{iconClassName:"duration-300 hover:opacity-90",maxLines:2,onIconClick:()=>B("")})})),s("div",Object.assign({ref:H,className:"pxe-messages-container flex w-full justify-center"},{children:E.isLoading?e("div",Object.assign({className:"grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-6 pt-10"},{children:[s("div",{className:"h-10 w-[70%] animate-pulse justify-self-end rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===y.theme?"#1E1E1F":"#E5E7EB"}}),s("div",{className:"h-[150px] w-[70%] animate-pulse rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===y.theme?"#1E1E1F":"#E5E7EB"}}),s("div",{className:"h-10 w-[50%] animate-pulse justify-self-end rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===y.theme?"#1E1E1F":"#E5E7EB"}})]})):E.isError?s("div",Object.assign({className:"flex w-full max-w-[800px] justify-center pt-10"},{children:e("p",Object.assign({className:j(v.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."]}))})):e("div",Object.assign({className:"flex flex-col w-full"},{children:[e("div",Object.assign({className:j("relative grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-4 pt-6","viewport"===C?"min-[767px]:pt-10":"@[767px]/pickaxe-root:pt-10")},{children:[E.data.messages.map(((e,a)=>s(b,{index:a,message:e},a))),F.map(((e,a)=>s(b,{index:E.data.messages.length+a,message:e},a))),"fetching"===S?e("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:["NONE"!==(null==w?void 0:w.chaticon)&&s(u,{src:null!==(k=null==w?void 0:w.chaticon)&&void 0!==k?k:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/chaticons/${null==w?void 0:w.formid}.png`,alt:`${null==w?void 0:w.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6",textColor:N.text}),e("div",Object.assign({className:"flex items-center gap-x-2 rounded px-4 py-4",style:{backgroundColor:N.secondary+"80",color:N.secondaryText}},{children:[s("div",{className:"h-1.5 w-1.5 animate-dot rounded-full",style:{backgroundColor:N.secondaryText}}),s("div",{className:"h-1.5 w-1.5 animate-dot-down rounded-full",style:{backgroundColor:N.secondaryText}}),s("div",{className:"h-1.5 w-1.5 animate-dot rounded-full",style:{backgroundColor:N.secondaryText}})]}))]})):I?s("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:s(h,{})})):P?s("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:s(p,{error:P})})):null]})),s(x,{className:"w-full"})]}))}))]}))};export{k as default};
+import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useState as a,useRef as o,useMemo as t,useCallback as r,useEffect as n}from"react";import{usePickaxeContext as i}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as c}from"../../../../hooks/pickaxe/useResponseContext.js";import{useStyleFontSize as l}from"../../../../hooks/studio/useStyleFontSize.js";import{useConversation as m}from"../../../../hooks/pickaxe/useConversation.js";import{useDebounce as d}from"../../../../hooks/core/useDebounce.js";import p from"../../common/PickaxeIcon.js";import u from"../../../Core/ErrorAlert.js";import f from"../../Addons/Scroll/ScrollLockView.js";import x from"../../common/PickaxeHead.js";import g from"../../common/PickaxeCompactHead.js";import h from"../../common/PickaxeInfoModal.js";import b from"../../common/PickaxeUpgradeCard.js";import j from"./Message.js";import k from"../../../../common/cn.js";const E=()=>{var E;const w=m(),v=l(),{pickaxe:y,styles:N,colors:C,responsiveBy:O,isNewChat:B,setChatId:F,isEmbed:P}=i(),{messages:S,status:I,limitData:R,error:T}=c(),[z,H]=a(!1),[L,A]=a(!1),D=o(null),M=o(null),$=o(null),U=t((()=>!!w.data&&!(w.data.messages.length<=1)),[w.data]),V=t((()=>w.isSuccess&&B&&!U),[w.isSuccess,B,U]),_=d((()=>{q()}),200),q=r((()=>{if(!D.current||!$.current)return;const e=D.current.getBoundingClientRect(),s=$.current.getBoundingClientRect().top-e.top;A(s<=210)}),[]);return n((()=>{if(!D.current||!$.current)return;const e=new ResizeObserver((()=>{_()}));return e.observe(D.current),e.observe($.current),()=>{e.disconnect()}}),[]),e("div",Object.assign({ref:D,className:k("relative flex flex-grow flex-col",!P||!L&&V?"justify-end":"justify-between gap-y-4")},{children:[z&&s(h,{isOpen:z,onChangeIsOpen:H}),!P||!L&&V?s("div",Object.assign({ref:M,className:k("absolute left-1/2 top-0 flex w-full max-w-[550px] -translate-x-1/2 -translate-y-1/3 transform flex-col items-center px-4 opacity-0 duration-300",V&&!L&&"top-1/4 opacity-100")},{children:s(x,{iconClassName:"duration-300 hover:opacity-90",maxLines:2,onIconClick:()=>F("")})})):s(g,{}),s("div",Object.assign({ref:$,className:"pxe-messages-container flex w-full justify-center"},{children:w.isLoading?e("div",Object.assign({className:"grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-6 pt-10"},{children:[s("div",{className:"h-10 w-[70%] animate-pulse justify-self-end rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===N.theme?"#1E1E1F":"#E5E7EB"}}),s("div",{className:"h-[150px] w-[70%] animate-pulse rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===N.theme?"#1E1E1F":"#E5E7EB"}}),s("div",{className:"h-10 w-[50%] animate-pulse justify-self-end rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===N.theme?"#1E1E1F":"#E5E7EB"}})]})):w.isError?s("div",Object.assign({className:"flex w-full max-w-[800px] justify-center pt-10"},{children:e("p",Object.assign({className:k(v.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."]}))})):e("div",Object.assign({className:"flex flex-col w-full"},{children:[e("div",Object.assign({className:k("relative grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-4 pt-6","viewport"===O?"min-[767px]:pt-10":"@[767px]/pickaxe-root:pt-10")},{children:[w.data.messages.map(((e,a)=>s(j,{index:a,message:e},a))),S.map(((e,a)=>s(j,{index:w.data.messages.length+a,message:e},a))),"fetching"===I?e("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:["NONE"!==(null==y?void 0:y.chaticon)&&s(p,{src:null!==(E=null==y?void 0:y.chaticon)&&void 0!==E?E:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/chaticons/${null==y?void 0:y.formid}.png`,alt:`${null==y?void 0:y.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6",textColor:C.text}),e("div",Object.assign({className:"flex items-center gap-x-2 rounded px-4 py-4",style:{backgroundColor:C.secondary+"80",color:C.secondaryText}},{children:[s("div",{className:"h-1.5 w-1.5 animate-dot rounded-full",style:{backgroundColor:C.secondaryText}}),s("div",{className:"h-1.5 w-1.5 animate-dot-down rounded-full",style:{backgroundColor:C.secondaryText}}),s("div",{className:"h-1.5 w-1.5 animate-dot rounded-full",style:{backgroundColor:C.secondaryText}})]}))]})):R?s("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:s(b,{})})):T?s("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:s(u,{error:T})})):null]})),s(f,{className:"w-full"})]}))}))]}))};export{E as default};

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

@@ -1 +1 @@
-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:p={},misc:F={isWhiteLabel:!0,isProfileImage:!0,isChatImage:!0,isTitle:!0,isDescription:!0,isHistory:!0},translations:I,chatInput:y="",responsiveBy:g="viewport",loadFont:u=!0,forceMobile:f=!1,onGenerateComplete:b})=>{const[j,v]=o(""),[w,x]=o(""),[P,S]=o(null),[C,O]=o(!1),[k,D]=o(!0),[B,H]=o(!0),[L,T]=o(!1);return t((()=>{O(!1)}),[null==m?void 0:m.font]),e(a.Provider,Object.assign({value:Object.assign({formId:j,chatId:w,userId:d,studioUserId:c,deploymentId:l,pickaxe:P,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:F,translations:Object.assign({"new-chat":"New chat","see-history":"See history",processing:"Processing...",uploading:"Uploading...",loading:"Loading..."},I),chatInput:y,responsiveBy:g,isFontLoaded:C,isNewChat:k,isShowIceBreaker:B,isShowHistory:L,loadFont:u,forceMobile:f,setIsFontLoaded:O,setFormId:v,setChatId:x,setPickaxe:S,setIsNewChat:D,setIsShowIceBreaker:H,setIsShowHistory:T},b&&{onGenerateComplete:b})},{children:e(r,Object.assign({limits:p},{children:e(n,{children:e(i,{children:s})})}))}))};export{a as PickaxeContext,d 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:p={},misc:F={isWhiteLabel:!0,isProfileImage:!0,isChatImage:!0,isTitle:!0,isDescription:!0,isHistory:!0},translations:I,chatInput:y="",responsiveBy:g="viewport",loadFont:u=!0,forceMobile:f=!1,isEmbed:b=!1,onGenerateComplete:j})=>{const[v,w]=o(""),[x,P]=o(""),[S,C]=o(null),[O,k]=o(!1),[D,B]=o(!0),[H,L]=o(!0),[T,E]=o(!1);return t((()=>{k(!1)}),[null==m?void 0:m.font]),e(a.Provider,Object.assign({value:Object.assign({formId:v,chatId:x,userId:d,studioUserId:c,deploymentId:l,pickaxe:S,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:F,translations:Object.assign({"new-chat":"New chat","see-history":"See history",processing:"Processing...",uploading:"Uploading...",loading:"Loading..."},I),chatInput:y,responsiveBy:g,isFontLoaded:O,isNewChat:D,isShowIceBreaker:H,isShowHistory:T,loadFont:u,forceMobile:f,isEmbed:b,setIsFontLoaded:k,setFormId:w,setChatId:P,setPickaxe:C,setIsNewChat:B,setIsShowIceBreaker:L,setIsShowHistory:E},j&&{onGenerateComplete:j})},{children:e(r,Object.assign({limits:p},{children:e(n,{children:e(i,{children:s})})}))}))};export{a as PickaxeContext,d as PickaxeProvider};

package/dist/esm/components/Pickaxe/common/PickaxeCompactHead.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useMemo as i}from"react";import{usePickaxeContext as t}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleFontSize as s}from"../../../hooks/studio/useStyleFontSize.js";import r from"../../../common/cn.js";import c from"./PickaxeIcon.js";const l=({iconClassName:l,onIconClick:n})=>{const{pickaxe:m,misc:a}=t(),p=s(),u=i((()=>({title:(null==m?void 0:m.formtitle)||""})),[m]);return e("div",Object.assign({className:"flex h-[56px] items-center gap-x-4 px-4"},{children:[a.isProfileImage&&o(c,Object.assign({src:null==m?void 0:m.coverphoto,alt:`${null==m?void 0:m.formtitle}'s Profile Picture`,width:32,height:32,className:r("shrink-0 h-[32px] w-[32px] rounded-full",l,!!n&&"cursor-pointer")},n&&{onClick:n})),a.isTitle&&o("p",Object.assign({className:r(p.b1,"truncate")},{children:u.title}))]}))};export{l as default};

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

@@ -52,6 +52,7 @@ type PickaxeContextType = {
     isShowHistory: boolean;
     loadFont: boolean;
     forceMobile: boolean;
+    isEmbed: boolean;
     setFormId: SetState<string>;
     setChatId: SetState<string>;
     setPickaxe: SetState<Pickaxe | null>;
@@ -75,8 +76,9 @@ export interface IPickaxeProviderProps {
     responsiveBy?: PickaxeResponsiveBy;
     loadFont?: boolean;
     forceMobile?: boolean;
+    isEmbed?: 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, translations, chatInput, responsiveBy, loadFont, forceMobile, onGenerateComplete, }: IPickaxeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PickaxeProvider: ({ children, userId, studioUserId, deploymentId, styles, colors, limits, misc, translations, chatInput, responsiveBy, loadFont, forceMobile, isEmbed, onGenerateComplete, }: IPickaxeProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/src/components/Pickaxe/common/PickaxeCompactHead.d.ts

@@ -0,0 +1,6 @@
+interface PickaxeCompactHeadProps {
+    iconClassName?: string;
+    onIconClick?: () => void;
+}
+declare const PickaxeCompactHead: ({ iconClassName, onIconClick, }: PickaxeCompactHeadProps) => import("react/jsx-runtime").JSX.Element;
+export default PickaxeCompactHead;

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

@@ -17,6 +17,7 @@ export declare const usePickaxeContext: () => {
     isShowHistory: boolean;
     loadFont: boolean;
     forceMobile: boolean;
+    isEmbed: boolean;
     setFormId: import("../../types/common").SetState<string>;
     setChatId: import("../../types/common").SetState<string>;
     setPickaxe: import("../../types/common").SetState<import("../../types/pickaxe").Pickaxe | null>;

package/package.json

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