@pickaxeproject/react 0.0.38 → 0.0.40

package/dist/cjs/components/Core/Modal/Body.js

@@ -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"),n=require("framer-motion"),c=require("../../../common/cn.js");const l=t.forwardRef(((l,u)=>{var{children:d,className:m,avoidOverflow:f=!1}=l,b=e.__rest(l,["children","className","avoidOverflow"]);const p=document.createElement("div"),x=t.useRef(),y=t.useRef(p),{closeOnOutsideClick:h,setIsOpen:v}=t.useContext(a.ModalContext);return i.useOutsideAlerter({ref:x,callback:()=>{h&&v(!1)}}),t.useEffect((()=>{const e=document.querySelector("main");if(!e)return;const r=e.getAttribute("class");if(!r)return;const t=y.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),document.body.appendChild(t),()=>{document.body.removeChild(t)}}),[]),y.current?s.createPortal(r.jsx(n.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:c.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:c.default("animate-fade-in flex flex-col rounded border border-transparent shadow-md",m)},{children:d}))})),y.current):r.jsx(r.Fragment,{children:null})}));l.displayName="ModalBody",exports.default=l;
+"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;

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

package/dist/esm/components/Core/Modal/Body.js

@@ -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 s,useEffect as a}from"react";import{createPortal as c}from"react-dom";import{ModalContext as n}from"./index.js";import{useOutsideAlerter as l}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}=s(n);return l({ref:x,callback:()=>{O&&g(!1)}}),a((()=>{const r=document.querySelector("main");if(!r)return;const e=r.getAttribute("class");if(!e)return;const 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),document.body.appendChild(t),()=>{document.body.removeChild(t)}}),[]),j.current?c(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};
+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};

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

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

package/package.json

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