@pickaxeproject/react 0.0.39 → 0.0.41
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.
- package/dist/cjs/components/Core/Modal/Body.js +1 -1
- package/dist/cjs/components/Pickaxe/Provider.js +1 -1
- package/dist/cjs/components/Pickaxe/index.js +1 -1
- package/dist/cjs/src/components/Pickaxe/Provider.d.ts +2 -0
- package/dist/cjs/src/hooks/pickaxe/usePickaxeContext.d.ts +2 -0
- package/dist/esm/components/Core/Modal/Body.js +1 -1
- package/dist/esm/components/Pickaxe/Provider.js +1 -1
- package/dist/esm/components/Pickaxe/index.js +1 -1
- package/dist/esm/src/components/Pickaxe/Provider.d.ts +2 -0
- package/dist/esm/src/hooks/pickaxe/usePickaxeContext.d.ts +2 -0
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react"),s=require("react-dom"),a=require("./index.js"),i=require("../../../hooks/core/useOutsideAlerter.js"),o=require("../../../common/utils.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react"),s=require("react-dom"),a=require("./index.js"),i=require("../../../hooks/core/useOutsideAlerter.js"),o=require("../../../common/utils.js"),l=require("framer-motion"),n=require("../../../common/cn.js");const c=t.forwardRef(((c,u)=>{var{children:d,className:m,avoidOverflow:f=!1}=c,b=e.__rest(c,["children","className","avoidOverflow"]);const p=document.createElement("div"),x=t.useRef(),v=t.useRef(p),{closeOnOutsideClick:y,setIsOpen:h}=t.useContext(a.ModalContext);return i.useOutsideAlerter({ref:x,callback:()=>{y&&h(!1)}}),t.useEffect((()=>{const e=document.querySelector("main"),r=null==e?void 0:e.getAttribute("class"),t=v.current;return t.setAttribute("id",o.randomStr(5)+"-modal"),t.setAttribute("class","fixed inset-0 z-50 flex items-center justify-center backdrop-blur-sm bg-black/20"+(r?` ${r}`:"")),document.body.appendChild(t),()=>{document.body.removeChild(t)}}),[]),v.current?s.createPortal(r.jsx(l.motion.div,Object.assign({initial:{y:300,opacity:0},animate:{y:0,opacity:1},exit:{y:300,opacity:0},transition:{type:"spring",stiffness:260,damping:20},className:n.default(f&&"max-h-[100vh] overflow-auto scrollbar scrollbar-thumb-black/50 scrollbar-thumb-rounded-full scrollbar-w-[4px] scrollbar-h-[4px]",m,"p-0")},{children:r.jsx("div",Object.assign({ref:e=>{e&&(x.current=e,"function"==typeof u?u(e):u&&(u.current=e))}},b,{className:n.default("animate-fade-in flex flex-col rounded border border-transparent shadow-md",m)},{children:d}))})),v.current):r.jsx(r.Fragment,{children:null})}));c.displayName="ModalBody",exports.default=c;
|
|
@@ -1 +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:
|
|
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: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})}))}))};
|
|
@@ -1 +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,
|
|
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,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};
|
|
@@ -31,6 +31,7 @@ type PickaxeContextType = {
|
|
|
31
31
|
styles: PickaxeProviderStyles;
|
|
32
32
|
colors: PickaxeProviderColors;
|
|
33
33
|
responsiveBy: PickaxeResponsiveBy;
|
|
34
|
+
isFontLoaded: boolean;
|
|
34
35
|
isNewChat: boolean;
|
|
35
36
|
isShowIceBreaker: boolean;
|
|
36
37
|
isShowHistory: boolean;
|
|
@@ -39,6 +40,7 @@ type PickaxeContextType = {
|
|
|
39
40
|
setFormId: SetState<string>;
|
|
40
41
|
setChatId: SetState<string>;
|
|
41
42
|
setPickaxe: SetState<Pickaxe | null>;
|
|
43
|
+
setIsFontLoaded: SetState<boolean>;
|
|
42
44
|
setIsNewChat: SetState<boolean>;
|
|
43
45
|
setIsShowIceBreaker: SetState<boolean>;
|
|
44
46
|
setIsShowHistory: SetState<boolean>;
|
|
@@ -7,6 +7,7 @@ export declare const usePickaxeContext: () => {
|
|
|
7
7
|
styles: import("../../components/Pickaxe/Provider").PickaxeProviderStyles;
|
|
8
8
|
colors: import("../../components/Pickaxe/Provider").PickaxeProviderColors;
|
|
9
9
|
responsiveBy: import("../../components/Pickaxe/Provider").PickaxeResponsiveBy;
|
|
10
|
+
isFontLoaded: boolean;
|
|
10
11
|
isNewChat: boolean;
|
|
11
12
|
isShowIceBreaker: boolean;
|
|
12
13
|
isShowHistory: boolean;
|
|
@@ -15,6 +16,7 @@ export declare const usePickaxeContext: () => {
|
|
|
15
16
|
setFormId: import("../../types/common").SetState<string>;
|
|
16
17
|
setChatId: import("../../types/common").SetState<string>;
|
|
17
18
|
setPickaxe: import("../../types/common").SetState<import("../../types/pickaxe").Pickaxe | null>;
|
|
19
|
+
setIsFontLoaded: import("../../types/common").SetState<boolean>;
|
|
18
20
|
setIsNewChat: import("../../types/common").SetState<boolean>;
|
|
19
21
|
setIsShowIceBreaker: import("../../types/common").SetState<boolean>;
|
|
20
22
|
setIsShowHistory: import("../../types/common").SetState<boolean>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as r}from"../../../_virtual/_tslib.js";import{jsx as e,Fragment as t}from"react/jsx-runtime";import{forwardRef as o,useRef as i,useContext as
|
|
1
|
+
import{__rest as r}from"../../../_virtual/_tslib.js";import{jsx as e,Fragment as t}from"react/jsx-runtime";import{forwardRef as o,useRef as i,useContext as a,useEffect as l}from"react";import{createPortal as s}from"react-dom";import{ModalContext as c}from"./index.js";import{useOutsideAlerter as n}from"../../../hooks/core/useOutsideAlerter.js";import{randomStr as m}from"../../../common/utils.js";import{motion as d}from"framer-motion";import u from"../../../common/cn.js";const f=o(((o,f)=>{var{children:p,className:b,avoidOverflow:h=!1}=o,y=r(o,["children","className","avoidOverflow"]);const v=document.createElement("div"),x=i(),j=i(v),{closeOnOutsideClick:O,setIsOpen:g}=a(c);return n({ref:x,callback:()=>{O&&g(!1)}}),l((()=>{const r=document.querySelector("main"),e=null==r?void 0:r.getAttribute("class"),t=j.current;return t.setAttribute("id",m(5)+"-modal"),t.setAttribute("class","fixed inset-0 z-50 flex items-center justify-center backdrop-blur-sm bg-black/20"+(e?` ${e}`:"")),document.body.appendChild(t),()=>{document.body.removeChild(t)}}),[]),j.current?s(e(d.div,Object.assign({initial:{y:300,opacity:0},animate:{y:0,opacity:1},exit:{y:300,opacity:0},transition:{type:"spring",stiffness:260,damping:20},className:u(h&&"max-h-[100vh] overflow-auto scrollbar scrollbar-thumb-black/50 scrollbar-thumb-rounded-full scrollbar-w-[4px] scrollbar-h-[4px]",b,"p-0")},{children:e("div",Object.assign({ref:r=>{r&&(x.current=r,"function"==typeof f?f(r):f&&(f.current=r))}},y,{className:u("animate-fade-in flex flex-col rounded border border-transparent shadow-md",b)},{children:p}))})),j.current):e(t,{children:null})}));f.displayName="ModalBody";export{f as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{createContext as o,useState as
|
|
1
|
+
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};
|
|
@@ -1 +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{
|
|
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{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};
|
|
@@ -31,6 +31,7 @@ type PickaxeContextType = {
|
|
|
31
31
|
styles: PickaxeProviderStyles;
|
|
32
32
|
colors: PickaxeProviderColors;
|
|
33
33
|
responsiveBy: PickaxeResponsiveBy;
|
|
34
|
+
isFontLoaded: boolean;
|
|
34
35
|
isNewChat: boolean;
|
|
35
36
|
isShowIceBreaker: boolean;
|
|
36
37
|
isShowHistory: boolean;
|
|
@@ -39,6 +40,7 @@ type PickaxeContextType = {
|
|
|
39
40
|
setFormId: SetState<string>;
|
|
40
41
|
setChatId: SetState<string>;
|
|
41
42
|
setPickaxe: SetState<Pickaxe | null>;
|
|
43
|
+
setIsFontLoaded: SetState<boolean>;
|
|
42
44
|
setIsNewChat: SetState<boolean>;
|
|
43
45
|
setIsShowIceBreaker: SetState<boolean>;
|
|
44
46
|
setIsShowHistory: SetState<boolean>;
|
|
@@ -7,6 +7,7 @@ export declare const usePickaxeContext: () => {
|
|
|
7
7
|
styles: import("../../components/Pickaxe/Provider").PickaxeProviderStyles;
|
|
8
8
|
colors: import("../../components/Pickaxe/Provider").PickaxeProviderColors;
|
|
9
9
|
responsiveBy: import("../../components/Pickaxe/Provider").PickaxeResponsiveBy;
|
|
10
|
+
isFontLoaded: boolean;
|
|
10
11
|
isNewChat: boolean;
|
|
11
12
|
isShowIceBreaker: boolean;
|
|
12
13
|
isShowHistory: boolean;
|
|
@@ -15,6 +16,7 @@ export declare const usePickaxeContext: () => {
|
|
|
15
16
|
setFormId: import("../../types/common").SetState<string>;
|
|
16
17
|
setChatId: import("../../types/common").SetState<string>;
|
|
17
18
|
setPickaxe: import("../../types/common").SetState<import("../../types/pickaxe").Pickaxe | null>;
|
|
19
|
+
setIsFontLoaded: import("../../types/common").SetState<boolean>;
|
|
18
20
|
setIsNewChat: import("../../types/common").SetState<boolean>;
|
|
19
21
|
setIsShowIceBreaker: import("../../types/common").SetState<boolean>;
|
|
20
22
|
setIsShowHistory: import("../../types/common").SetState<boolean>;
|