@pickaxeproject/react 0.0.40 → 0.0.41

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");const o=t.createContext({});exports.PickaxeContext=o,exports.PickaxeProvider=({children:i,userId:a="",studioUserId:n="",styles:c,colors:d,responsiveBy:l="viewport",limits:u={},loadFont:F=!0,forceMobile:x=!1,onGenerateComplete:h})=>{const[I,S]=t.useState(""),[j,m]=t.useState(""),[p,y]=t.useState(null),[b,f]=t.useState(!0),[v,P]=t.useState(!0),[k,w]=t.useState(!1);return e.jsx(o.Provider,Object.assign({value:Object.assign({formId:I,chatId:j,userId:a,studioUserId:n,pickaxe:p,styles:Object.assign({theme:"light",font:"Real Head Pro",fontSize:"md",formFieldStyle:"box",btnStyle:"filled",outlineThickness:1,cornerRadius:4},c),colors:Object.assign({primary:"#F6F8FA",text:"#000000",secondary:"#FFFFFF",secondaryText:"#000000",accent:"#228DD7",accentText:"#FFFFFF",error:"#EF4444"},d),responsiveBy:l,isNewChat:b,isShowIceBreaker:v,isShowHistory:k,loadFont:F,forceMobile:x,setFormId:S,setChatId:m,setPickaxe:y,setIsNewChat:f,setIsShowIceBreaker:P,setIsShowHistory:w},h&&{onGenerateComplete:h})},{children:e.jsx(r.default,Object.assign({limits:u},{children:e.jsx(s.default,{children:i})}))}))};
+"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");const o=t.createContext({});exports.PickaxeContext=o,exports.PickaxeProvider=({children:i,userId:a="",studioUserId:n="",styles:d,colors:c,responsiveBy:l="viewport",limits:u={},loadFont:F=!0,forceMobile:x=!1,onGenerateComplete:h})=>{const[I,S]=t.useState(""),[f,j]=t.useState(""),[m,p]=t.useState(null),[y,v]=t.useState(!1),[b,P]=t.useState(!0),[k,w]=t.useState(!0),[C,g]=t.useState(!1);return t.useEffect((()=>{v(!1)}),[null==d?void 0:d.font]),e.jsx(o.Provider,Object.assign({value:Object.assign({formId:I,chatId:f,userId:a,studioUserId:n,pickaxe:m,styles:Object.assign({theme:"light",font:"Real Head Pro",fontSize:"md",formFieldStyle:"box",btnStyle:"filled",outlineThickness:1,cornerRadius:4},d),colors:Object.assign({primary:"#F6F8FA",text:"#000000",secondary:"#FFFFFF",secondaryText:"#000000",accent:"#228DD7",accentText:"#FFFFFF",error:"#EF4444"},c),responsiveBy:l,isFontLoaded:y,isNewChat:b,isShowIceBreaker:k,isShowHistory:C,loadFont:F,forceMobile:x,setIsFontLoaded:v,setFormId:S,setChatId:j,setPickaxe:p,setIsNewChat:P,setIsShowIceBreaker:w,setIsShowHistory:g},h&&{onGenerateComplete:h})},{children:e.jsx(r.default,Object.assign({limits:u},{children:e.jsx(s.default,{children:i})}))}))};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("../../hooks/pickaxe/usePickaxe.js"),o=require("react"),s=require("../../hooks/pickaxe/usePickaxeContext.js"),a=require("../../hooks/pickaxe/useResponseContext.js"),i=require("../../common/utils.js"),n=require("./Addons/Scroll/Provider.js"),u=require("./Chat/index.js"),l=require("./Form/index.js"),c=require("../../common/cn.js");function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}exports.Pickaxe=({formId:f,className:x})=>{const{chatId:j,styles:k,colors:m,loadFont:p,setFormId:h,setChatId:q,setPickaxe:v}=s.usePickaxeContext(),{setMessages:P,setResponse:b}=a.useResponseContext(),[g,y]=o.useState(!1),O=r.usePickaxe();return o.useEffect((()=>{h(f)}),[f]),o.useEffect((()=>{if(!O.data)return;const e=O.data.chatflag;q(e?i.generateId(15):""),e?P([]):b(null),v(O.data)}),[O.data]),o.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){"undefined"!=typeof window&&(g||p&&"Real Head Pro"!==k.font&&((yield Promise.resolve().then((function(){return d(require("webfontloader"))}))).default.load({google:{families:[k.font]}}),y(!0)))}))}),[k.font,p,g]),O.data?t.jsx("div",Object.assign({className:c.default("relative @container/pickaxe-root flex flex-col flex-grow w-full h-full",x,"dark"===k.theme&&"dark"),style:{backgroundColor:m.primary,color:m.text,fontFamily:k.font}},{children:j?t.jsx(n.default,{children:t.jsx(u.default,{})}):t.jsx(n.default,{children:t.jsx(l.default,{})})})):null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("../../hooks/pickaxe/usePickaxe.js"),o=require("react"),s=require("../../hooks/pickaxe/usePickaxeContext.js"),a=require("../../hooks/pickaxe/useResponseContext.js"),i=require("../../common/utils.js"),n=require("./Addons/Scroll/Provider.js"),u=require("./Chat/index.js"),l=require("./Form/index.js"),c=require("../../common/cn.js");function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}exports.Pickaxe=({formId:f,className:x})=>{const{chatId:j,styles:k,colors:m,loadFont:p,isFontLoaded:h,setFormId:q,setChatId:v,setPickaxe:P,setIsFontLoaded:b}=s.usePickaxeContext(),{setMessages:g,setResponse:y}=a.useResponseContext(),O=r.usePickaxe();return o.useEffect((()=>{q(f)}),[f]),o.useEffect((()=>{if(!O.data)return;const e=O.data.chatflag;v(e?i.generateId(15):""),e?g([]):y(null),P(O.data)}),[O.data]),o.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){"undefined"!=typeof window&&(h||p&&"Real Head Pro"!==k.font&&((yield Promise.resolve().then((function(){return d(require("webfontloader"))}))).default.load({google:{families:[k.font]}}),b(!0)))}))}),[k.font,p,h]),O.data?t.jsx("div",Object.assign({className:c.default("relative @container/pickaxe-root flex flex-col flex-grow w-full h-full",x,"dark"===k.theme&&"dark"),style:{backgroundColor:m.primary,color:m.text,fontFamily:k.font}},{children:j?t.jsx(n.default,{children:t.jsx(u.default,{})}):t.jsx(n.default,{children:t.jsx(l.default,{})})})):null};

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

@@ -31,6 +31,7 @@ type PickaxeContextType = {
     styles: PickaxeProviderStyles;
     colors: PickaxeProviderColors;
     responsiveBy: PickaxeResponsiveBy;
+    isFontLoaded: boolean;
     isNewChat: boolean;
     isShowIceBreaker: boolean;
     isShowHistory: boolean;
@@ -39,6 +40,7 @@ type PickaxeContextType = {
     setFormId: SetState<string>;
     setChatId: SetState<string>;
     setPickaxe: SetState<Pickaxe | null>;
+    setIsFontLoaded: SetState<boolean>;
     setIsNewChat: SetState<boolean>;
     setIsShowIceBreaker: SetState<boolean>;
     setIsShowHistory: SetState<boolean>;

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

@@ -7,6 +7,7 @@ export declare const usePickaxeContext: () => {
     styles: import("../../components/Pickaxe/Provider").PickaxeProviderStyles;
     colors: import("../../components/Pickaxe/Provider").PickaxeProviderColors;
     responsiveBy: import("../../components/Pickaxe/Provider").PickaxeResponsiveBy;
+    isFontLoaded: boolean;
     isNewChat: boolean;
     isShowIceBreaker: boolean;
     isShowHistory: boolean;
@@ -15,6 +16,7 @@ export declare const usePickaxeContext: () => {
     setFormId: import("../../types/common").SetState<string>;
     setChatId: import("../../types/common").SetState<string>;
     setPickaxe: import("../../types/common").SetState<import("../../types/pickaxe").Pickaxe | null>;
+    setIsFontLoaded: import("../../types/common").SetState<boolean>;
     setIsNewChat: import("../../types/common").SetState<boolean>;
     setIsShowIceBreaker: import("../../types/common").SetState<boolean>;
     setIsShowHistory: import("../../types/common").SetState<boolean>;

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

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

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

@@ -1 +1 @@
-import{__awaiter as o}from"../../_virtual/_tslib.js";import{jsx as t}from"react/jsx-runtime";import{usePickaxe as e}from"../../hooks/pickaxe/usePickaxe.js";import{useState as r,useEffect as a}from"react";import{usePickaxeContext as i}from"../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as s}from"../../hooks/pickaxe/useResponseContext.js";import{generateId as l}from"../../common/utils.js";import m from"./Addons/Scroll/Provider.js";import n from"./Chat/index.js";import d from"./Form/index.js";import c from"../../common/cn.js";const f=({formId:f,className:p})=>{const{chatId:x,styles:u,colors:k,loadFont:h,setFormId:j,setChatId:g,setPickaxe:v}=i(),{setMessages:y,setResponse:w}=s(),[C,P]=r(!1),b=e();return a((()=>{j(f)}),[f]),a((()=>{if(!b.data)return;const o=b.data.chatflag;g(o?l(15):""),o?y([]):w(null),v(b.data)}),[b.data]),a((()=>{o(void 0,void 0,void 0,(function*(){"undefined"!=typeof window&&(C||h&&"Real Head Pro"!==u.font&&((yield import("webfontloader")).default.load({google:{families:[u.font]}}),P(!0)))}))}),[u.font,h,C]),b.data?t("div",Object.assign({className:c("relative @container/pickaxe-root flex flex-col flex-grow w-full h-full",p,"dark"===u.theme&&"dark"),style:{backgroundColor:k.primary,color:k.text,fontFamily:u.font}},{children:t(m,x?{children:t(n,{})}:{children:t(d,{})})})):null};export{f as Pickaxe};
+import{__awaiter as o}from"../../_virtual/_tslib.js";import{jsx as t}from"react/jsx-runtime";import{usePickaxe as e}from"../../hooks/pickaxe/usePickaxe.js";import{useEffect as r}from"react";import{usePickaxeContext as s}from"../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as a}from"../../hooks/pickaxe/useResponseContext.js";import{generateId as i}from"../../common/utils.js";import n from"./Addons/Scroll/Provider.js";import l from"./Chat/index.js";import d from"./Form/index.js";import m from"../../common/cn.js";const c=({formId:c,className:f})=>{const{chatId:p,styles:x,colors:u,loadFont:k,isFontLoaded:h,setFormId:j,setChatId:g,setPickaxe:v,setIsFontLoaded:y}=s(),{setMessages:F,setResponse:w}=a(),C=e();return r((()=>{j(c)}),[c]),r((()=>{if(!C.data)return;const o=C.data.chatflag;g(o?i(15):""),o?F([]):w(null),v(C.data)}),[C.data]),r((()=>{o(void 0,void 0,void 0,(function*(){"undefined"!=typeof window&&(h||k&&"Real Head Pro"!==x.font&&((yield import("webfontloader")).default.load({google:{families:[x.font]}}),y(!0)))}))}),[x.font,k,h]),C.data?t("div",Object.assign({className:m("relative @container/pickaxe-root flex flex-col flex-grow w-full h-full",f,"dark"===x.theme&&"dark"),style:{backgroundColor:u.primary,color:u.text,fontFamily:x.font}},{children:t(n,p?{children:t(l,{})}:{children:t(d,{})})})):null};export{c as Pickaxe};

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

@@ -31,6 +31,7 @@ type PickaxeContextType = {
     styles: PickaxeProviderStyles;
     colors: PickaxeProviderColors;
     responsiveBy: PickaxeResponsiveBy;
+    isFontLoaded: boolean;
     isNewChat: boolean;
     isShowIceBreaker: boolean;
     isShowHistory: boolean;
@@ -39,6 +40,7 @@ type PickaxeContextType = {
     setFormId: SetState<string>;
     setChatId: SetState<string>;
     setPickaxe: SetState<Pickaxe | null>;
+    setIsFontLoaded: SetState<boolean>;
     setIsNewChat: SetState<boolean>;
     setIsShowIceBreaker: SetState<boolean>;
     setIsShowHistory: SetState<boolean>;

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

@@ -7,6 +7,7 @@ export declare const usePickaxeContext: () => {
     styles: import("../../components/Pickaxe/Provider").PickaxeProviderStyles;
     colors: import("../../components/Pickaxe/Provider").PickaxeProviderColors;
     responsiveBy: import("../../components/Pickaxe/Provider").PickaxeResponsiveBy;
+    isFontLoaded: boolean;
     isNewChat: boolean;
     isShowIceBreaker: boolean;
     isShowHistory: boolean;
@@ -15,6 +16,7 @@ export declare const usePickaxeContext: () => {
     setFormId: import("../../types/common").SetState<string>;
     setChatId: import("../../types/common").SetState<string>;
     setPickaxe: import("../../types/common").SetState<import("../../types/pickaxe").Pickaxe | null>;
+    setIsFontLoaded: import("../../types/common").SetState<boolean>;
     setIsNewChat: import("../../types/common").SetState<boolean>;
     setIsShowIceBreaker: import("../../types/common").SetState<boolean>;
     setIsShowHistory: import("../../types/common").SetState<boolean>;

package/package.json

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