@pickaxeproject/react 2.7.2 → 2.7.3
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/EmbedPreview/ChatInput.js +1 -1
- package/dist/cjs/components/EmbedPreview/FAB.js +1 -1
- package/dist/cjs/components/EmbedPreview/Inline.js +1 -1
- package/dist/cjs/components/EmbedPreview/Popup.js +1 -1
- package/dist/cjs/components/Pickaxe/Chat/History/index.js +1 -1
- package/dist/cjs/components/Pickaxe/Chat/index.js +1 -1
- package/dist/cjs/components/Pickaxe/Form/Questions/Submit.js +1 -1
- package/dist/cjs/components/Pickaxe/Form/index.js +1 -1
- package/dist/cjs/components/Pickaxe/common/PickaxeCompactHead.js +1 -1
- package/dist/cjs/components/Pickaxe/common/PickaxeMarkdown/Components/A/index.js +1 -1
- package/dist/cjs/components/Pickaxe/common/PickaxeMarkdown/Components/P/index.js +1 -1
- package/dist/cjs/components/Pickaxe/common/PickaxeMarkdown/Components/common/IframeVideo.js +1 -0
- package/dist/cjs/components/Pickaxe/common/PickaxeSkeleton.js +1 -0
- package/dist/cjs/components/Pickaxe/index.js +1 -1
- package/dist/cjs/src/components/Pickaxe/common/PickaxeCompactHead.d.ts +1 -1
- package/dist/cjs/src/components/Pickaxe/common/PickaxeMarkdown/Components/common/IframeVideo.d.ts +7 -0
- package/dist/cjs/src/components/Pickaxe/common/PickaxeSkeleton.d.ts +9 -0
- package/dist/esm/components/EmbedPreview/ChatInput.js +1 -1
- package/dist/esm/components/EmbedPreview/FAB.js +1 -1
- package/dist/esm/components/EmbedPreview/Inline.js +1 -1
- package/dist/esm/components/EmbedPreview/Popup.js +1 -1
- package/dist/esm/components/Pickaxe/Chat/History/index.js +1 -1
- package/dist/esm/components/Pickaxe/Chat/index.js +1 -1
- package/dist/esm/components/Pickaxe/Form/Questions/Submit.js +1 -1
- package/dist/esm/components/Pickaxe/Form/index.js +1 -1
- package/dist/esm/components/Pickaxe/common/PickaxeCompactHead.js +1 -1
- package/dist/esm/components/Pickaxe/common/PickaxeMarkdown/Components/A/index.js +1 -1
- package/dist/esm/components/Pickaxe/common/PickaxeMarkdown/Components/P/index.js +1 -1
- package/dist/esm/components/Pickaxe/common/PickaxeMarkdown/Components/common/IframeVideo.js +1 -0
- package/dist/esm/components/Pickaxe/common/PickaxeSkeleton.js +1 -0
- package/dist/esm/components/Pickaxe/index.js +1 -1
- package/dist/esm/src/components/Pickaxe/common/PickaxeCompactHead.d.ts +1 -1
- package/dist/esm/src/components/Pickaxe/common/PickaxeMarkdown/Components/common/IframeVideo.d.ts +7 -0
- package/dist/esm/src/components/Pickaxe/common/PickaxeSkeleton.d.ts +9 -0
- package/package.json +1 -1
- package/dist/cjs/components/Core/Skeleton.js +0 -1
- package/dist/cjs/src/components/Core/Skeleton.d.ts +0 -9
- package/dist/esm/components/Core/Skeleton.js +0 -1
- package/dist/esm/src/components/Core/Skeleton.d.ts +0 -9
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),i=require("react/jsx-runtime"),t=require("../../hooks/pickaxe/usePickaxeContext.js"),r=require("@tanstack/react-query"),s=require("../Pickaxe/index.js"),n=require("../Pickaxe/Provider.js"),a=require("../../common/cn.js");const l=new r.QueryClient({defaultOptions:{queries:{refetchOnWindowFocus:!1}}}),o=({children:e})=>{var r;const{styles:s,deploymentDimensions:n,isNewChat:l,isDropShadow:o}=t.usePickaxeContext();return i.jsx("div",Object.assign({className:a.default("relative top-0 flex w-full flex-col transition-all",o&&"shadow-embed",!l&&"overflow-y-auto overflow-x-hidden
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),i=require("react/jsx-runtime"),t=require("../../hooks/pickaxe/usePickaxeContext.js"),r=require("@tanstack/react-query"),s=require("../Pickaxe/index.js"),n=require("../Pickaxe/Provider.js"),a=require("../../common/cn.js");const l=new r.QueryClient({defaultOptions:{queries:{refetchOnWindowFocus:!1}}}),o=({children:e})=>{var r;const{styles:s,deploymentDimensions:n,isNewChat:l,isDropShadow:o}=t.usePickaxeContext();return i.jsx("div",Object.assign({className:a.default("relative top-0 flex w-full flex-col transition-all",o&&"shadow-embed",!l&&"overflow-y-auto overflow-x-hidden"),style:Object.assign(Object.assign({borderRadius:null!==(r=null==s?void 0:s.cornerRadius)&&void 0!==r?r:0},"px"===(null==n?void 0:n.width.unit)?{width:n.width.value+n.width.unit}:"%"===(null==n?void 0:n.width.unit)?{width:"100%",maxWidth:n.maxWidth+"px"}:{}),l?{height:58}:"px"===(null==n?void 0:n.height.unit)?{height:n.height.value+"px"}:"auto"===(null==n?void 0:n.height.unit)?{minHeight:n.minHeight+"px",maxHeight:n.maxHeight+"px"}:{})},{children:e}))};exports.ChatInput=t=>{var{formId:a,className:u}=t,d=e.__rest(t,["formId","className"]);return i.jsx(r.QueryClientProvider,Object.assign({client:l},{children:i.jsx(n.PickaxeProvider,Object.assign({},d,{deploymentType:"chat-input",isEmbed:!0},{children:i.jsx(o,{children:i.jsx(s.Pickaxe,Object.assign({formId:a},u&&{className:u}))})}))}))},exports.ChatInputWrapper=o;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),i=require("react/jsx-runtime"),t=require("react"),s=require("../../hooks/pickaxe/usePickaxeContext.js"),n=require("@tanstack/react-query"),a=require("../Pickaxe/index.js"),r=require("../Pickaxe/Provider.js"),o=require("framer-motion"),c=require("../Icons/pickaxe.svg.js"),l=require("../Icons/spark.svg.js"),d=require("../Icons/x.svg.js"),u=require("../../common/cn.js");const h=new n.QueryClient({defaultOptions:{queries:{refetchOnWindowFocus:!1}}}),m=({isOpen:n,setIsOpen:a})=>{const{colors:r,deploymentMisc:o}=s.usePickaxeContext(),[u,h]=t.useState({src:"",isLarge:!1}),[m,g]=t.useState(!0);return t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){try{if(!(null==o?void 0:o.fabImage))return;g(!0);const e=new Image;e.src=o.fabImage,yield e.decode();const i=e.width>200;h({src:o.fabImage,isLarge:i})}catch(e){console.error("[pxe] error loading FAB image:",e),h({src:"",isLarge:!1})}finally{g(!1)}}))}),[null==o?void 0:o.fabImage]),m?null:i.jsx("button",Object.assign({className:"absolute z-50 flex h-[60px] w-[60px] cursor-pointer items-center justify-center overflow-hidden rounded-full bg-white dark:bg-black",style:{boxShadow:"0px 6px 6px rgba(0, 0, 0, 0.12)",background:r.primary,color:r.text,bottom:20,right:20},onClick:()=>a(!n)},{children:n?i.jsx(x,Object.assign({id:"close-btn"},{children:i.jsx(d.default,{className:"w-[28px] h-[28px] shrink-0 select-none"})})):i.jsx(x,Object.assign({id:"open-btn"},{children:u.src===`https://${process.env.NEXT_PUBLIC_PICKAXE_DOMAIN}/builder/assets/images/pickaxe-chaticons/chaticon2.png`?i.jsx(l.default,{className:"h-6 w-6 shrink-0 select-none"}):u.src?i.jsx("img",{src:u.src,alt:"FAB Icon",width:u.isLarge?60:24,height:u.isLarge?60:24,className:"select-none"}):i.jsx(c.default,{className:"h-6 w-6 shrink-0 select-none"})}))}))},x=({id:e,children:t})=>i.jsx(o.motion.div,Object.assign({initial:{opacity:0,rotate:-10},animate:{opacity:1,rotate:0},exit:{opacity:0,rotate:10},transition:{duration:.3}},{children:t}),e);exports.FAB=s=>{var c,l,d,x,{formId:g,className:p}=s,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),i=require("react/jsx-runtime"),t=require("react"),s=require("../../hooks/pickaxe/usePickaxeContext.js"),n=require("@tanstack/react-query"),a=require("../Pickaxe/index.js"),r=require("../Pickaxe/Provider.js"),o=require("framer-motion"),c=require("../Icons/pickaxe.svg.js"),l=require("../Icons/spark.svg.js"),d=require("../Icons/x.svg.js"),u=require("../../common/cn.js");const h=new n.QueryClient({defaultOptions:{queries:{refetchOnWindowFocus:!1}}}),m=({isOpen:n,setIsOpen:a})=>{const{colors:r,deploymentMisc:o}=s.usePickaxeContext(),[u,h]=t.useState({src:"",isLarge:!1}),[m,g]=t.useState(!0);return t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){try{if(!(null==o?void 0:o.fabImage))return;g(!0);const e=new Image;e.src=o.fabImage,yield e.decode();const i=e.width>200;h({src:o.fabImage,isLarge:i})}catch(e){console.error("[pxe] error loading FAB image:",e),h({src:"",isLarge:!1})}finally{g(!1)}}))}),[null==o?void 0:o.fabImage]),m?null:i.jsx("button",Object.assign({className:"absolute z-50 flex h-[60px] w-[60px] cursor-pointer items-center justify-center overflow-hidden rounded-full bg-white dark:bg-black",style:{boxShadow:"0px 6px 6px rgba(0, 0, 0, 0.12)",background:r.primary,color:r.text,bottom:20,right:20},onClick:()=>a(!n)},{children:n?i.jsx(x,Object.assign({id:"close-btn"},{children:i.jsx(d.default,{className:"w-[28px] h-[28px] shrink-0 select-none"})})):i.jsx(x,Object.assign({id:"open-btn"},{children:u.src===`https://${process.env.NEXT_PUBLIC_PICKAXE_DOMAIN}/builder/assets/images/pickaxe-chaticons/chaticon2.png`?i.jsx(l.default,{className:"h-6 w-6 shrink-0 select-none"}):u.src?i.jsx("img",{src:u.src,alt:"FAB Icon",width:u.isLarge?60:24,height:u.isLarge?60:24,className:"select-none"}):i.jsx(c.default,{className:"h-6 w-6 shrink-0 select-none"})}))}))},x=({id:e,children:t})=>i.jsx(o.motion.div,Object.assign({initial:{opacity:0,rotate:-10},animate:{opacity:1,rotate:0},exit:{opacity:0,rotate:10},transition:{duration:.3}},{children:t}),e);exports.FAB=s=>{var c,l,d,x,{formId:g,className:p}=s,v=e.__rest(s,["formId","className"]);const[b,f]=t.useState(!1),[j,w]=t.useState({}),y=()=>{const e=v.deploymentDimensions;if(!e)return;const i={value:e.width.value,unit:e.width.unit},t=e.maxWidth,s={value:e.height.value,unit:e.height.unit},n=e.minHeight,a=e.maxHeight,r=window.innerHeight-150,o=window.innerWidth-40;let c=0;c="px"===s.unit?s.value:a;let l=Math.min(c,r);l=Math.max(l,n,100),l=Math.min(l,r);let d=0;d="px"===i.unit?i.value:t;let u=Math.min(d,o,t);u=Math.max(u,150),u=Math.min(u,o);w({width:"%"===i.unit?i.value+"%":u+"px",minWidth:150,maxWidth:u,height:"auto"===s.unit?s.value:l+"px",minHeight:100,maxHeight:l})};return t.useEffect((()=>(y(),window.addEventListener("resize",y),()=>window.removeEventListener("resize",y))),[v.deploymentDimensions]),i.jsx(n.QueryClientProvider,Object.assign({client:h},{children:i.jsx(r.PickaxeProvider,Object.assign({},v,{deploymentType:"fab",isEmbed:!0},{children:i.jsxs(o.AnimatePresence,{children:[b&&i.jsx(o.motion.div,Object.assign({initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},transition:{duration:.1},className:u.default("transition-h absolute z-50 flex flex-col overflow-hidden bg-transparent",v.isDropShadow&&"shadow-embed"),style:Object.assign({transformOrigin:"bottom right",borderRadius:null!==(l=null===(c=v.styles)||void 0===c?void 0:c.cornerRadius)&&void 0!==l?l:0,bottom:100,right:20},j)},{children:i.jsx("div",Object.assign({className:"flex flex-col overflow-auto h-full",style:{borderRadius:null!==(x=null===(d=v.styles)||void 0===d?void 0:d.cornerRadius)&&void 0!==x?x:0}},{children:i.jsx(a.Pickaxe,Object.assign({formId:g},p&&{className:p}))}))}),"fab-content"),i.jsx(m,{isOpen:b,setIsOpen:f})]})}))}))},exports.FABButton=m;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),i=require("react/jsx-runtime"),n=require("@tanstack/react-query"),s=require("../Pickaxe/index.js"),t=require("../Pickaxe/Provider.js"),o=require("../../common/cn.js");const
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),i=require("react/jsx-runtime"),n=require("@tanstack/react-query"),s=require("../Pickaxe/index.js"),t=require("../Pickaxe/Provider.js"),o=require("../../common/cn.js");const d=new n.QueryClient({defaultOptions:{queries:{refetchOnWindowFocus:!1}}});exports.Inline=l=>{var r,a,m,u,c,h,{formId:x,className:p}=l,v=e.__rest(l,["formId","className"]);return i.jsx(n.QueryClientProvider,Object.assign({client:d},{children:i.jsx(t.PickaxeProvider,Object.assign({},v,{deploymentType:"inline",isEmbed:!0},{children:i.jsx("div",Object.assign({className:o.default("relative top-0 flex w-full flex-col overflow-y-auto overflow-x-hidden transition-all",v.isDropShadow&&"shadow-embed"),style:Object.assign(Object.assign({borderRadius:null!==(a=null===(r=v.styles)||void 0===r?void 0:r.cornerRadius)&&void 0!==a?a:0},"px"===(null===(m=v.deploymentDimensions)||void 0===m?void 0:m.width.unit)?{width:v.deploymentDimensions.width.value+v.deploymentDimensions.width.unit}:"%"===(null===(u=v.deploymentDimensions)||void 0===u?void 0:u.width.unit)?{width:"100%",maxWidth:v.deploymentDimensions.maxWidth+"px"}:{}),"px"===(null===(c=v.deploymentDimensions)||void 0===c?void 0:c.height.unit)?{height:v.deploymentDimensions.height.value+"px"}:"auto"===(null===(h=v.deploymentDimensions)||void 0===h?void 0:h.height.unit)?{minHeight:v.deploymentDimensions.minHeight+"px",maxHeight:v.deploymentDimensions.maxHeight+"px"}:{})},{children:i.jsx(s.Pickaxe,Object.assign({formId:x},p&&{className:p}))}))}))}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),i=require("react/jsx-runtime"),o=require("react"),s=require("../../hooks/pickaxe/usePickaxeContext.js"),t=require("../../hooks/pickaxe/usePickaxe.js"),n=require("../../hooks/studio/useStyleFontSize.js"),l=require("@tanstack/react-query"),a=require("../Pickaxe/index.js"),r=require("../Pickaxe/Provider.js"),d=require("../Icons/x.svg.js"),u=require("../Core/Modal/index.js"),c=require("../Core/Modal/Body.js"),m=require("../../common/cn.js");const p=new l.QueryClient({defaultOptions:{queries:{refetchOnWindowFocus:!1}}}),x=({formId:e,setIsOpen:o})=>{var l;const{colors:a,styles:r,deploymentDimensions:d,deploymentMisc:u}=s.usePickaxeContext(),c=n.useStyleFontSize(),p=t.useInstantPickaxe(e);return p.isLoading?null:i.jsx("button",Object.assign({style:Object.assign(Object.assign(Object.assign({},"Real Head Pro"!==r.font&&{fontFamily:r.font}),{color:a.accentText,backgroundColor:a.accent,borderRadius:r.cornerRadius+"px",borderWidth:r.outlineThickness+"px",maxWidth:"%"===(null==d?void 0:d.width.unit)?(null==d?void 0:d.maxWidth)+"px":(null==d?void 0:d.width.value)+"px",minHeight:48}),"Real Head Pro"!==r.font&&{fontFamily:r.font}),className:m.default(c.b2,"flex w-max min-w-[130px] select-none items-center font-semibold justify-center gap-x-3 px-4 hover:duration-300 focus:outline focus:outline-black/30 active:opacity-90 disabled:cursor-not-allowed dark:focus:outline-white/30"),onClick:()=>o(!0)},{children:i.jsx("p",Object.assign({className:m.default(c.b2,"font-semibold"),style:Object.assign({color:a.accentText},"Real Head Pro"!==r.font&&{fontFamily:r.font})},{children:(null==u?void 0:u.popupText)||(null===(l=p.data)||void 0===l?void 0:l.formtitle)||"Open Tool"}))}))};exports.Popup=s=>{var t,n,h,v,j,y,b,f,g,{formId:O,className:k}=s,w=e.__rest(s,["formId","className"]);const[P,q]=o.useState(!1);return i.jsx(l.QueryClientProvider,Object.assign({client:p},{children:i.jsxs(r.PickaxeProvider,Object.assign({},w,{deploymentType:"popup",isEmbed:!0},{children:[i.jsx(x,{formId:O,setIsOpen:q}),i.jsx(u.default,Object.assign({isOpen:P,onChange:()=>q(!1)},{children:i.jsxs(c.default,Object.assign({className:m.default("relative bg-transparent overflow-hidden",w.isDropShadow&&"shadow-embed"),style:{borderRadius:(null!==(n=null===(t=w.styles)||void 0===t?void 0:t.cornerRadius)&&void 0!==n?n:0)+"px"}},{children:[i.jsx("div",Object.assign({className:"overflow-auto
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),i=require("react/jsx-runtime"),o=require("react"),s=require("../../hooks/pickaxe/usePickaxeContext.js"),t=require("../../hooks/pickaxe/usePickaxe.js"),n=require("../../hooks/studio/useStyleFontSize.js"),l=require("@tanstack/react-query"),a=require("../Pickaxe/index.js"),r=require("../Pickaxe/Provider.js"),d=require("../Icons/x.svg.js"),u=require("../Core/Modal/index.js"),c=require("../Core/Modal/Body.js"),m=require("../../common/cn.js");const p=new l.QueryClient({defaultOptions:{queries:{refetchOnWindowFocus:!1}}}),x=({formId:e,setIsOpen:o})=>{var l;const{colors:a,styles:r,deploymentDimensions:d,deploymentMisc:u}=s.usePickaxeContext(),c=n.useStyleFontSize(),p=t.useInstantPickaxe(e);return p.isLoading?null:i.jsx("button",Object.assign({style:Object.assign(Object.assign(Object.assign({},"Real Head Pro"!==r.font&&{fontFamily:r.font}),{color:a.accentText,backgroundColor:a.accent,borderRadius:r.cornerRadius+"px",borderWidth:r.outlineThickness+"px",maxWidth:"%"===(null==d?void 0:d.width.unit)?(null==d?void 0:d.maxWidth)+"px":(null==d?void 0:d.width.value)+"px",minHeight:48}),"Real Head Pro"!==r.font&&{fontFamily:r.font}),className:m.default(c.b2,"flex w-max min-w-[130px] select-none items-center font-semibold justify-center gap-x-3 px-4 hover:duration-300 focus:outline focus:outline-black/30 active:opacity-90 disabled:cursor-not-allowed dark:focus:outline-white/30"),onClick:()=>o(!0)},{children:i.jsx("p",Object.assign({className:m.default(c.b2,"font-semibold"),style:Object.assign({color:a.accentText},"Real Head Pro"!==r.font&&{fontFamily:r.font})},{children:(null==u?void 0:u.popupText)||(null===(l=p.data)||void 0===l?void 0:l.formtitle)||"Open Tool"}))}))};exports.Popup=s=>{var t,n,h,v,j,y,b,f,g,{formId:O,className:k}=s,w=e.__rest(s,["formId","className"]);const[P,q]=o.useState(!1);return i.jsx(l.QueryClientProvider,Object.assign({client:p},{children:i.jsxs(r.PickaxeProvider,Object.assign({},w,{deploymentType:"popup",isEmbed:!0},{children:[i.jsx(x,{formId:O,setIsOpen:q}),i.jsx(u.default,Object.assign({isOpen:P,onChange:()=>q(!1)},{children:i.jsxs(c.default,Object.assign({className:m.default("relative bg-transparent overflow-hidden",w.isDropShadow&&"shadow-embed"),style:{borderRadius:(null!==(n=null===(t=w.styles)||void 0===t?void 0:t.cornerRadius)&&void 0!==n?n:0)+"px"}},{children:[i.jsx("div",Object.assign({className:"overflow-auto",style:Object.assign(Object.assign({borderRadius:(null!==(v=null===(h=w.styles)||void 0===h?void 0:h.cornerRadius)&&void 0!==v?v:0)+"px"},"px"===(null===(j=w.deploymentDimensions)||void 0===j?void 0:j.width.unit)?{width:w.deploymentDimensions.width.value+w.deploymentDimensions.width.unit}:"%"===(null===(y=w.deploymentDimensions)||void 0===y?void 0:y.width.unit)?{width:Math.floor(w.deploymentDimensions.maxWidth*(w.deploymentDimensions.width.value/100))}:{}),"px"===(null===(b=w.deploymentDimensions)||void 0===b?void 0:b.height.unit)?{height:w.deploymentDimensions.height.value+"px"}:"auto"===(null===(f=w.deploymentDimensions)||void 0===f?void 0:f.height.unit)?{height:w.deploymentDimensions.minHeight+"px",maxHeight:w.deploymentDimensions.maxHeight+"px"}:{})},{children:i.jsx(a.Pickaxe,Object.assign({formId:O},k&&{className:k}))})),i.jsx("button",Object.assign({className:"absolute z-10 outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>q(!1),style:{right:12,top:12,color:(null===(g=w.colors)||void 0===g?void 0:g.text)||"#000"}},{children:i.jsx(d.default,{className:"h-5 w-5 shrink-0"})}))]}))}))]}))}))},exports.PopupCTAButton=x;
|
|
@@ -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("
|
|
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("../../../Core/ErrorAlert.js"),c=require("../../common/PickaxeHead.js"),d=require("../../common/PickaxeCompactHead.js"),u=require("../../common/PickaxeUpgradeCard.js"),x=require("../../common/PickaxeIcon.js"),m=require("../../common/PickaxeBranding.js"),f=require("../../common/PickaxeSkeleton.js"),j=require("../../Addons/Scroll/ScrollLockView.js"),h=require("./Message.js"),p=require("../../../../common/cn.js");exports.default=({hideInfo:g,isInputFocused:v})=>{var w;const N=n.useConversation(),b=o.useStyleFontSize(),{pickaxe:k,colors:y,misc:C,isNewChat:O,isRtl:q,isEmbed:S,setChatId:P}=a.usePickaxeContext(),{scrollContainerRef:I}=i.useScrollContext(),{messages:E,status:L,limitData:M,error:A}=t.useResponseContext(),{height:D}=l.useDimensionContext(),H=s.useMemo((()=>!!N.data&&!(N.data.messages.length<=1)),[N.data]),R=s.useMemo((()=>!g&&N.isSuccess&&O&&!H),[g,N.isSuccess,O,H]),z=s.useMemo((()=>{var e,s;return!!E.length&&!(null!==(s=null===(e=null==E?void 0:E[E.length-1])||void 0===e?void 0:e.content)&&void 0!==s?s:"").trim()}),[E]);return e.jsx("div",Object.assign({ref:I,className:"flex w-full flex-col items-center overflow-y-auto mb-12 pb-8",style:{height:`calc(${D}px - 74px)`}},{children:e.jsxs("div",Object.assign({className:"relative flex flex-col items-center flex-grow w-full max-w-[800px] px-4"},{children:[(R||!S)&&!C.isWhiteLabel&&e.jsx(m.default,{className:p.default("absolute top-4 right-4",!R&&!S&&"top-2"),animateHover:!0}),e.jsx(c.default,{className:p.default("opacity-0 mt-[0%] transition-all duration-500 ease-in-out max-h-0 overflow-hidden max-w-[500px]",R&&"opacity-100 mt-[10%] max-h-[100%]"),iconClassName:"duration-300 hover:opacity-90",maxDescriptionChars:500,onIconClick:()=>P("")}),S&&!N.isLoading&&e.jsx(d.default,{className:p.default("opacity-0 transition-all duration-500 ease-in-out h-0 w-full",!R&&"opacity-100 h-[56px]"),iconClassName:"duration-300 hover:opacity-90",onIconClick:()=>P("")}),e.jsx("div",Object.assign({className:p.default("flex flex-col mt-6 transition-all duration-300 ease-in-out w-full",S&&!N.isLoading&&!R&&"mt-0")},{children:N.isLoading&&!(null==k?void 0:k.enablechatresponses)?e.jsxs("div",Object.assign({className:"grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-6 pt-10"},{children:[O&&e.jsxs("div",Object.assign({className:"flex flex-col items-center w-full"},{children:[e.jsx(f.default,{className:"w-[72px] h-[72px]"}),e.jsx(f.default,{className:"h-[20px] mt-6 w-full"}),e.jsx(f.default,{className:"h-[20px] mt-2 w-full"}),e.jsx(f.default,{className:"h-[20px] mt-2 w-full max-w-[400px]"})]})),e.jsx(f.default,{className:"h-10 w-[70%] animate-pulse justify-self-end rounded"}),e.jsx(f.default,{className:"h-[150px] w-[70%] animate-pulse rounded"}),e.jsx(f.default,{className:"h-10 w-[50%] animate-pulse justify-self-end rounded"})]})):N.isError?e.jsx("div",Object.assign({className:"flex w-full justify-center"},{children:e.jsxs("p",Object.assign({className:p.default(b.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."]}))})):N.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:[N.data.messages.map(((s,a)=>e.jsx(h.default,Object.assign({index:a,message:s},0===a&&{isIntroExpand:v}),a))),E.map(((s,a)=>e.jsx(h.default,{index:N.data.messages.length+a,message:s},a))),"fetching"===L||z?e.jsx("div",Object.assign({className:p.default("flex w-full",q?"justify-end":"justify-start")},{children:e.jsx("div",Object.assign({className:"flex flex-col"},{children:e.jsxs("div",Object.assign({className:p.default("flex gap-x-3",q&&"flex-row-reverse")},{children:["NONE"!==(null==k?void 0:k.chaticon)&&e.jsx(x.default,{src:null!==(w=null==k?void 0:k.chaticon)&&void 0!==w?w:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/chaticons/${null==k?void 0:k.formid}.png`,alt:`${null==k?void 0:k.formtitle}'s Chat Icon`,width:24,height:24,className:"my-3 h-6 w-6",textColor:y.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:p.default("h-1.5 w-1.5 animate-dot rounded-full",1===a&&"animate-dot-down"),style:{backgroundColor:y.secondaryText}},a)))}))]}))}))})):M?e.jsx("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:e.jsx(u.default,{})})):A?e.jsx("div",Object.assign({className:p.default("flex items-center gap-x-3",q?"justify-end":"justify-start")},{children:e.jsx(r.default,{error:A})})):null]})),e.jsx(j.default,{className:"w-full"})]})):null}))]}))}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("../../../hooks/pickaxe/usePickaxeContext.js"),r=require("../../../hooks/pickaxe/useDimensionContext.js"),n=require("../Addons/Document/hooks/useDocument.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("../../../hooks/pickaxe/usePickaxeContext.js"),r=require("../../../hooks/pickaxe/useDimensionContext.js"),n=require("../Addons/Document/hooks/useDocument.js"),o=require("./History/index.js"),u=require("./Input.js");exports.default=()=>{const{deploymentType:i,isNewChat:c}=s.usePickaxeContext(),{width:a,height:x,setDimension:d}=r.useDimensionContext(),{setDocuments:f}=n.useDocument(),[l,h]=t.useState(!1),j=t.useRef(null);return t.useEffect((()=>()=>{f([])}),[]),t.useEffect((()=>{if(!j.current)return;const e=new ResizeObserver((e=>{for(const t of e){const{width:e,height:s}=t.contentRect;d(parseInt(e.toFixed(0)),parseInt(s.toFixed(0)))}}));return e.observe(j.current),()=>{e.disconnect()}}),[j.current]),e.jsx("div",Object.assign({ref:j,className:"relative flex flex-grow flex-col items-center"},{children:"chat-input"===i&&c?e.jsx(u.default,{}):e.jsxs(e.Fragment,{children:[e.jsx(o.default,{hideInfo:x<=545||a<=350||l,isInputFocused:l}),e.jsx(u.default,{isFocused:l,onFocus:()=>h(!0),onBlur:()=>h(!1)})]})}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("react"),n=require("../../../../hooks/pickaxe/usePickaxeContext.js"),o=require("../../../../hooks/pickaxe/useResponseContext.js"),i=require("../../../../hooks/pickaxe/useSubmit.js"),r=require("../../Addons/Document/hooks/useDocument.js"),a=require("../../Addons/Scroll/hooks/useScroll.js"),l=require("../../../../common/utils.js"),d=require("@nem035/gpt-3-encoder"),u=require("eventsource-parser"),c=require("../../common/PickaxeBranding.js"),m=require("../../common/PickaxeButton.js"),p=require("../../../../common/error.js")
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("react"),n=require("../../../../hooks/pickaxe/usePickaxeContext.js"),o=require("../../../../hooks/pickaxe/useResponseContext.js"),i=require("../../../../hooks/pickaxe/useSubmit.js"),r=require("../../Addons/Document/hooks/useDocument.js"),a=require("../../Addons/Scroll/hooks/useScroll.js"),l=require("../../../../common/utils.js"),d=require("@nem035/gpt-3-encoder"),u=require("eventsource-parser"),c=require("../../common/PickaxeBranding.js"),m=require("../../common/PickaxeButton.js"),p=require("../../../../common/error.js");exports.default=({questions:g})=>{var f;const{formId:h,userId:x,studioUserId:b,embedUserId:j,deploymentId:v,pickaxe:w,misc:k,translations:q,setChatId:y,setIsNewChat:I,onGenerateComplete:O}=n.usePickaxeContext(),{status:S,limits:C,isGenerating:P,setResponse:D,setMessages:U,setStatus:E,setLimitData:R,setError:N}=o.useResponseContext(),{documents:_,websiteLink:A,isUploading:L,onWebsiteUpload:T,setDocuments:B,setDocumentError:M}=r.useDocument(),{scrollStartSession:W,scrollEndSession:G,scrollToTarget:J}=a.useScroll({auto:!(null==w?void 0:w.enablechatresponses)}),F=i.useSubmit(),[K,X]=t.useState(!1);return s.jsxs("div",Object.assign({className:"mt-4 flex flex-wrap justify-between gap-4 items-center"},{children:[s.jsx("div",Object.assign({className:"flex items-center flex-grow flex-wrap gap-2"},{children:s.jsx(m.default,Object.assign({className:"px-5 min-h-[42px]",isDisabled:L||"idle"!==S||P||K,onClick:()=>e.__awaiter(void 0,void 0,void 0,(function*(){try{if("idle"!==S||L||K)return;N(""),M(""),R(null),D(null);const e=["Multiple Choice","Checkbox"];for(const s of g){if(d.encode(s.input).length>s.maxLength&&!e.includes(s.type))throw new Error("One or more of your responses is too long!");if(s.isRequired&&!s.input.trim()&&"userinput:documentupload"!==s.id)throw new Error("You must fill out all required fields.")}const s=_.filter((e=>"finished"===e.status)),t=_.map((e=>e.name)),n="enduserupload"===(null==w?void 0:w.documentuploadtype),o=g.some((e=>"userinput:documentupload"===e.id&&e.isRequired)),i=l.extractUrlsFromText(A).filter((e=>!t.includes(e)));if(i.length){const e=i[i.length-1];X(!0);const t=yield T(e);t&&(s.push(t),yield new Promise((e=>setTimeout(e,5e3)))),X(!1)}else if(o&&n&&!s.length)return void M("Please paste a valid website/video link or drag a file to add to the knowledge base.");const r=s.map((e=>e.documentId)).filter(Boolean),a=n&&r.length>0;let c={};g.forEach((e=>c=Object.assign(Object.assign({},c),{[e.id]:"Knowledge Upload"===e.type||e.id.includes("documentupload")?s.map((e=>e.name)).join(",")||"":e.input}))),E("fetching"),W(),J();const m=yield F.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:h,valueObj:c},a&&{documentIds:r}),x&&{userId:x}),b&&{studioUserId:b}),j&&{embedUserId:j}),v&&{deploymentId:v})),p=m.body;if(!p)throw new Error("Streaming error");const f=m.headers.get("X-Pickaxe-Response-Id");if(!f)throw new Error("Response ID not found");const k=new TextDecoder,q=p.getReader();let C="",P=!0,G=!1;const Y=u.createParser({onEvent:e=>{if("delta"===e.event){const s=JSON.parse(e.data).token.replace(/\u200B/g,"");C+=s,D({formId:h,responseId:f,documentIds:r,questions:g.map((e=>({id:e.id,question:e.main,answer:e.input}))),questionResponse:C,messageCount:0,sentAt:new Date}),(null==w?void 0:w.enablechatresponses)&&U([{id:0,role:"assistant",content:C}])}else if("error"===e.event){const s=JSON.parse(e.data);N(s.error||"Something went wrong, please try again.")}else"stop"===e.event&&(P=!1)}});for(;P;){const{value:e,done:s}=yield q.read();if(s){P=!1;break}const t=k.decode(e);t&&(G||(E("streaming"),G=!0,a&&B([]),(null==w?void 0:w.enablechatresponses)&&(y(f),I(!1))),Y.feed(t))}null==O||O(f)}catch(e){let s=p.default(e)||"";s&&!s.includes("Unexpected token 'A',")||(s="Oops! We're experiencing high traffic at the moment. Please try again later.");const t=Object.entries(C).find((([e])=>s.includes(e)));t?R(t[1]):N(s),J()}finally{E("idle"),X(!1),G()}}))},{children:K?(null==q?void 0:q.processing)||"Processing...":L?(null==q?void 0:q.uploading)||"Uploading...":"fetching"===S||"streaming"===S?(null==q?void 0:q.loading)||"Loading...":null!==(f=null==w?void 0:w.submittext)&&void 0!==f?f:"Submit"}))})),!k.isWhiteLabel&&s.jsx("div",Object.assign({className:"flex justify-end pr-3"},{children:s.jsx(c.default,{})}))]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../hooks/pickaxe/usePickaxeContext.js"),l=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../hooks/pickaxe/usePickaxeContext.js"),l=require("../common/PickaxeSkeleton.js"),x=require("../common/PickaxeHead.js"),a=require("./History/index.js"),t=require("./NewChat.js"),i=require("./Questions/index.js"),c=require("../../../common/cn.js");exports.default=()=>{const{pickaxe:r,responsiveBy:u}=s.usePickaxeContext();return e.jsx("div",Object.assign({className:c.default("flex w-full flex-col items-center pt-12 px-6 pb-10","viewport"===u?"min-[767px]:pb-40":"@[767px]/pickaxe-root:pb-40")},{children:r?e.jsxs("div",Object.assign({className:"flex w-full max-w-[700px] flex-col"},{children:[e.jsx(x.default,{}),e.jsxs("div",Object.assign({className:c.default("flex flex-col gap-y-8","viewport"===u?"min-[767px]:mt-4":"@[767px]/pickaxe-root:mt-4")},{children:[(null==r?void 0:r.chatflag)?e.jsx(t.default,{}):e.jsx(i.default,{}),e.jsx(a.default,{})]}))]})):e.jsxs("div",Object.assign({className:"flex w-full max-w-[700px] flex-col items-center"},{children:[e.jsx(l.default,{className:"w-[72px] h-[72px]"}),e.jsx(l.default,{className:"h-[20px] mt-6 w-full"}),e.jsx(l.default,{className:"h-[20px] mt-2 w-full"}),e.jsx(l.default,{className:"h-[20px] mt-2 w-full max-w-[400px]"})]}))}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),s=require("../../../hooks/pickaxe/usePickaxeContext.js"),t=require("../../../hooks/studio/useStyleFontSize.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),s=require("../../../hooks/pickaxe/usePickaxeContext.js"),t=require("../../../hooks/studio/useStyleFontSize.js"),l=require("./PickaxeIcon.js"),r=require("./PickaxeBranding.js"),a=require("../../../common/cn.js");exports.default=({className:o,iconClassName:c,onIconClick:n})=>{const{pickaxe:u,misc:d,deploymentType:p}=s.usePickaxeContext(),x=t.useStyleFontSize(),m=i.useMemo((()=>({title:(null==u?void 0:u.formtitle)||"",description:(null==u?void 0:u.formdescription)||""})),[u]);return d.isTitle||d.isDescription||!d.isWhiteLabel?e.jsxs("div",Object.assign({className:a.default("flex h-[56px] items-center justify-between gap-4",o)},{children:[e.jsxs("div",Object.assign({className:"flex items-center gap-4"},{children:[d.isProfileImage&&e.jsx(l.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:a.default("shrink-0 h-[32px] w-[32px] rounded-full",c,!!n&&"cursor-pointer")},n&&{onClick:n})),d.isTitle&&e.jsx("p",Object.assign({className:a.default(x.b1)},{children:m.title}))]})),!d.isWhiteLabel&&e.jsx(r.default,{className:a.default("flex","popup"===p&&"p-0 pr-12"),animateHover:!0})]})):null};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../hooks/usePickaxeMarkdownContext.js"),s=require("../Img/index.js"),i=require("../common/Action.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../hooks/usePickaxeMarkdownContext.js"),s=require("../Img/index.js"),o=require("../common/IframeVideo.js"),i=require("../common/Action.js"),a=require("./Audio.js"),c=require("./Html/index.js");exports.A=({href:m="",children:u})=>{const{accentColor:l,actions:n}=r.usePickaxeMarkdownContext(),d=t.useMemo((()=>{if(!m)return"";return m.startsWith("http://")?`https://${m.slice(7)}`:m.startsWith("www.")?`https://${m}`:m}),[m]),p=t.useMemo((()=>{const e=d.match(/(?:youtube\.com\/watch\?v=|youtu\.be\/)([\w-]+)/i);if(e)return{title:"youtube-embed",src:`https://www.youtube.com/embed/${e[1]}`};const t=d.match(/loom\.com\/(?:share|embed)\/([\w-]+)/i);if(t)return{title:"loom-embed",src:`https://www.loom.com/embed/${t[1]}`};const r=d.match(/vimeo\.com\/(?:video\/)?(\d+)/i);if(r)return{title:"vimeo-embed",src:`https://player.vimeo.com/video/${r[1]}`};const s=d.match(/streamable\.com\/([\w-]+)/i);return s?{title:"streamable-embed",src:`https://streamable.com/e/${s[1]}`}:null}),[d]),f=t.useMemo((()=>d.match(/\.(jpeg|jpg|gif|bmp|webp|svg|tiff|avif|png|jfif|pjpeg|pjp)$/)),[d]),h=t.useMemo((()=>d.includes("action_generated_files")&&d.match(/\.(mp3|wav|ogg|flac|aac|wma|alac|m4a|aiff|ape|au|mid|midi|opus)$/)),[d]),j=t.useMemo((()=>d.includes("action_generated_files")&&d.match(/\.html$/)),[d]),b=t.useMemo((()=>n&&d.includes("pickaxe")&&(d.includes("/api/fn/result")||d.includes("/api/function_call_results"))),[n,d]);return p?e.jsx(o.default,{title:p.title,src:p.src}):f?e.jsx(s.Img,{src:d,alt:"string"==typeof u?u:"Markdown Image"}):h?e.jsx(a.default,{url:d}):j?e.jsx(c.default,{url:d}):b?e.jsx(i.default,{jobUrl:d}):e.jsx("a",Object.assign({href:d,target:"_blank",rel:"noopener noreferrer",style:{color:l}},{children:u}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");exports.P=({children:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../common/IframeVideo.js");exports.P=({children:o})=>{const m=t.useMemo((()=>{if("string"!=typeof o)return null;const e=o.match(/(?:youtube\.com\/watch\?v=|youtu\.be\/)([\w-]+)/i);if(e)return{title:"youtube-embed",src:`https://www.youtube.com/embed/${e[1]}`};const t=o.match(/loom\.com\/(?:share|embed)\/([\w-]+)/i);if(t)return{title:"loom-embed",src:`https://www.loom.com/embed/${t[1]}`};const r=o.match(/vimeo\.com\/(?:video\/)?(\d+)/i);if(r)return{title:"vimeo-embed",src:`https://player.vimeo.com/video/${r[1]}`};const m=o.match(/streamable\.com\/([\w-]+)/i);return m?{title:"streamable-embed",src:`https://streamable.com/e/${m[1]}`}:null}),[o]);return m?e.jsx(r.default,{title:m.title,src:m.src}):e.jsx("p",{children:o})};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=({title:t,src:r,fallback:s="Iframe not supported, use a different browser."})=>e.jsx("div",Object.assign({className:"pxe-markdown-video"},{children:e.jsx("iframe",Object.assign({title:t,src:r,allowFullScreen:!0,style:{width:"100%",maxWidth:"560px",aspectRatio:"16 / 9"}},{children:s}))}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../hooks/pickaxe/usePickaxeContext.js"),a=require("../../../common/cn.js");exports.default=({children:t,className:r,innerClassName:i,isLoaded:n=!1})=>{const{styles:c}=s.usePickaxeContext();return e.jsx("div",Object.assign({className:a.default("rounded-sm",!n&&"pxe-animate-pulse",n&&"pxe-animate-none",r),style:{backgroundColor:"dark"===c.theme?"#1E1E1F":"#E5E7EB"}},{children:e.jsx("div",Object.assign({className:a.default("pxe-flex pxe-items-center",!n&&"pxe-opacity-0",i)},{children:t}))}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../hooks/pickaxe/usePickaxe.js"),t=require("react"),a=require("../../hooks/pickaxe/usePickaxeContext.js"),l=require("../../hooks/pickaxe/useResponseContext.js"),r=require("./Addons/Document/hooks/useDocumentContext.js"),o=require("../../common/utils.js"),i=require("./Addons/Scroll/Provider.js"),n=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../hooks/pickaxe/usePickaxe.js"),t=require("react"),a=require("../../hooks/pickaxe/usePickaxeContext.js"),l=require("../../hooks/pickaxe/useResponseContext.js"),r=require("./Addons/Document/hooks/useDocumentContext.js"),o=require("../../common/utils.js"),i=require("./Addons/Scroll/Provider.js"),n=require("./common/PickaxeSkeleton.js"),x=require("./Chat/index.js"),c=require("./Form/index.js"),u=require("../../common/cn.js");exports.Pickaxe=({formId:d,className:f})=>{const{chatId:m,styles:p,colors:j,responsiveBy:h,deploymentType:k,isNewChat:w,setFormId:g,setChatId:q,setSessionId:v,setPickaxe:N}=a.usePickaxeContext(),{setMessages:b,setResponse:C,setError:P,setLimitData:y,setStatus:I}=l.useResponseContext(),{setDocumentError:O}=r.useDocumentContext(),[D,E]=t.useState(!1),S=s.usePickaxe();return t.useEffect((()=>{g(d)}),[d]),t.useEffect((()=>{if(!S.data)return;const e=S.data.chatflag;q(e?o.generateId(15):""),v(o.generateId(15)),e?b([]):C(null),P(""),O(""),y(null),N(S.data),E(!0)}),[S.data]),t.useEffect((()=>{P(""),O(""),y(null),b([]),C(null),I("idle")}),[m]),S.data?e.jsx("div",Object.assign({className:u.default("relative @container/pickaxe-root flex flex-col flex-grow w-full",!k&&"h-full","popup"===k&&m&&"h-full","dark"===p.theme&&"dark",f),style:Object.assign({backgroundColor:"chat-input"===k&&w?"transparent":j.primary,color:j.text},p.font&&"Real Head Pro"!==p.font&&{fontFamily:p.font})},{children:S.isLoading||!D?e.jsx("div",Object.assign({className:u.default("flex items-center flex-col w-full pt-12 px-4 pb-10","viewport"===h?"min-[767px]:pb-40":"@[767px]/pickaxe-root:pb-40")},{children:e.jsxs("div",Object.assign({className:"flex w-full items-center max-w-[700px] flex-col"},{children:[e.jsx(n.default,{className:"w-[72px] h-[72px]"}),e.jsx(n.default,{className:"h-[20px] mt-6 w-full"}),e.jsx(n.default,{className:"h-[20px] mt-2 w-full"}),e.jsx(n.default,{className:"h-[20px] mt-2 w-full max-w-[400px]"}),e.jsx("div",Object.assign({className:"flex flex-col gap-y-8 w-full mt-6"},{children:e.jsx(n.default,{className:u.default("w-full min-h-[48px]","viewport"===h?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]")})}))]}))})):e.jsx(e.Fragment,{children:m?e.jsx(i.default,{children:e.jsx(x.default,{})}):e.jsx(i.default,{children:e.jsx(c.default,{})})})})):null};
|
|
@@ -3,5 +3,5 @@ interface PickaxeCompactHeadProps {
|
|
|
3
3
|
iconClassName?: string;
|
|
4
4
|
onIconClick?: () => void;
|
|
5
5
|
}
|
|
6
|
-
declare const PickaxeCompactHead: ({ className, iconClassName, onIconClick, }: PickaxeCompactHeadProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare const PickaxeCompactHead: ({ className, iconClassName, onIconClick, }: PickaxeCompactHeadProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
7
7
|
export default PickaxeCompactHead;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
interface PickaxeSkeletonProps {
|
|
3
|
+
children?: ReactNode;
|
|
4
|
+
className?: string;
|
|
5
|
+
innerClassName?: string;
|
|
6
|
+
isLoaded?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare const PickaxeSkeleton: ({ children, className, innerClassName, isLoaded, }: PickaxeSkeletonProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export default PickaxeSkeleton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as i}from"../../_virtual/_tslib.js";import{jsx as e}from"react/jsx-runtime";import{usePickaxeContext as t}from"../../hooks/pickaxe/usePickaxeContext.js";import{QueryClient as o,QueryClientProvider as
|
|
1
|
+
import{__rest as i}from"../../_virtual/_tslib.js";import{jsx as e}from"react/jsx-runtime";import{usePickaxeContext as t}from"../../hooks/pickaxe/usePickaxeContext.js";import{QueryClient as o,QueryClientProvider as n}from"@tanstack/react-query";import{Pickaxe as r}from"../Pickaxe/index.js";import{PickaxeProvider as s}from"../Pickaxe/Provider.js";import a from"../../common/cn.js";const l=new o({defaultOptions:{queries:{refetchOnWindowFocus:!1}}}),d=t=>{var{formId:o,className:a}=t,d=i(t,["formId","className"]);return e(n,Object.assign({client:l},{children:e(s,Object.assign({},d,{deploymentType:"chat-input",isEmbed:!0},{children:e(m,{children:e(r,Object.assign({formId:o},a&&{className:a}))})}))}))},m=({children:i})=>{var o;const{styles:n,deploymentDimensions:r,isNewChat:s,isDropShadow:l}=t();return e("div",Object.assign({className:a("relative top-0 flex w-full flex-col transition-all",l&&"shadow-embed",!s&&"overflow-y-auto overflow-x-hidden"),style:Object.assign(Object.assign({borderRadius:null!==(o=null==n?void 0:n.cornerRadius)&&void 0!==o?o:0},"px"===(null==r?void 0:r.width.unit)?{width:r.width.value+r.width.unit}:"%"===(null==r?void 0:r.width.unit)?{width:"100%",maxWidth:r.maxWidth+"px"}:{}),s?{height:58}:"px"===(null==r?void 0:r.height.unit)?{height:r.height.value+"px"}:"auto"===(null==r?void 0:r.height.unit)?{minHeight:r.minHeight+"px",maxHeight:r.maxHeight+"px"}:{})},{children:i}))};export{d as ChatInput,m as ChatInputWrapper};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e,__awaiter as i}from"../../_virtual/_tslib.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useState as s,useEffect as o}from"react";import{usePickaxeContext as a}from"../../hooks/pickaxe/usePickaxeContext.js";import{QueryClient as r,QueryClientProvider as c}from"@tanstack/react-query";import{Pickaxe as l}from"../Pickaxe/index.js";import{PickaxeProvider as
|
|
1
|
+
import{__rest as e,__awaiter as i}from"../../_virtual/_tslib.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useState as s,useEffect as o}from"react";import{usePickaxeContext as a}from"../../hooks/pickaxe/usePickaxeContext.js";import{QueryClient as r,QueryClientProvider as c}from"@tanstack/react-query";import{Pickaxe as l}from"../Pickaxe/index.js";import{PickaxeProvider as m}from"../Pickaxe/Provider.js";import{AnimatePresence as d,motion as h}from"framer-motion";import p from"../Icons/pickaxe.svg.js";import u from"../Icons/spark.svg.js";import g from"../Icons/x.svg.js";import f from"../../common/cn.js";const x=new r({defaultOptions:{queries:{refetchOnWindowFocus:!1}}}),b=i=>{var a,r,p,u,{formId:g,className:b}=i,w=e(i,["formId","className"]);const[y,j]=s(!1),[O,I]=s({}),k=()=>{const e=w.deploymentDimensions;if(!e)return;const i={value:e.width.value,unit:e.width.unit},t=e.maxWidth,n={value:e.height.value,unit:e.height.unit},s=e.minHeight,o=e.maxHeight,a=window.innerHeight-150,r=window.innerWidth-40;let c=0;c="px"===n.unit?n.value:o;let l=Math.min(c,a);l=Math.max(l,s,100),l=Math.min(l,a);let m=0;m="px"===i.unit?i.value:t;let d=Math.min(m,r,t);d=Math.max(d,150),d=Math.min(d,r);I({width:"%"===i.unit?i.value+"%":d+"px",minWidth:150,maxWidth:d,height:"auto"===n.unit?n.value:l+"px",minHeight:100,maxHeight:l})};return o((()=>(k(),window.addEventListener("resize",k),()=>window.removeEventListener("resize",k))),[w.deploymentDimensions]),t(c,Object.assign({client:x},{children:t(m,Object.assign({},w,{deploymentType:"fab",isEmbed:!0},{children:n(d,{children:[y&&t(h.div,Object.assign({initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},transition:{duration:.1},className:f("transition-h absolute z-50 flex flex-col overflow-hidden bg-transparent",w.isDropShadow&&"shadow-embed"),style:Object.assign({transformOrigin:"bottom right",borderRadius:null!==(r=null===(a=w.styles)||void 0===a?void 0:a.cornerRadius)&&void 0!==r?r:0,bottom:100,right:20},O)},{children:t("div",Object.assign({className:"flex flex-col overflow-auto h-full",style:{borderRadius:null!==(u=null===(p=w.styles)||void 0===p?void 0:p.cornerRadius)&&void 0!==u?u:0}},{children:t(l,Object.assign({formId:g},b&&{className:b}))}))}),"fab-content"),t(v,{isOpen:y,setIsOpen:j})]})}))}))},v=({isOpen:e,setIsOpen:n})=>{const{colors:r,deploymentMisc:c}=a(),[l,m]=s({src:"",isLarge:!1}),[d,h]=s(!0);return o((()=>{i(void 0,void 0,void 0,(function*(){try{if(!(null==c?void 0:c.fabImage))return;h(!0);const e=new Image;e.src=c.fabImage,yield e.decode();const i=e.width>200;m({src:c.fabImage,isLarge:i})}catch(e){console.error("[pxe] error loading FAB image:",e),m({src:"",isLarge:!1})}finally{h(!1)}}))}),[null==c?void 0:c.fabImage]),d?null:t("button",Object.assign({className:"absolute z-50 flex h-[60px] w-[60px] cursor-pointer items-center justify-center overflow-hidden rounded-full bg-white dark:bg-black",style:{boxShadow:"0px 6px 6px rgba(0, 0, 0, 0.12)",background:r.primary,color:r.text,bottom:20,right:20},onClick:()=>n(!e)},{children:t(w,e?Object.assign({id:"close-btn"},{children:t(g,{className:"w-[28px] h-[28px] shrink-0 select-none"})}):Object.assign({id:"open-btn"},{children:l.src===`https://${process.env.NEXT_PUBLIC_PICKAXE_DOMAIN}/builder/assets/images/pickaxe-chaticons/chaticon2.png`?t(u,{className:"h-6 w-6 shrink-0 select-none"}):l.src?t("img",{src:l.src,alt:"FAB Icon",width:l.isLarge?60:24,height:l.isLarge?60:24,className:"select-none"}):t(p,{className:"h-6 w-6 shrink-0 select-none"})}))}))},w=({id:e,children:i})=>t(h.div,Object.assign({initial:{opacity:0,rotate:-10},animate:{opacity:1,rotate:0},exit:{opacity:0,rotate:10},transition:{duration:.3}},{children:i}),e);export{b as FAB,v as FABButton};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as i}from"../../_virtual/_tslib.js";import{jsx as e}from"react/jsx-runtime";import{QueryClient as n,QueryClientProvider as o}from"@tanstack/react-query";import{Pickaxe as t}from"../Pickaxe/index.js";import{PickaxeProvider as s}from"../Pickaxe/Provider.js";import
|
|
1
|
+
import{__rest as i}from"../../_virtual/_tslib.js";import{jsx as e}from"react/jsx-runtime";import{QueryClient as n,QueryClientProvider as o}from"@tanstack/react-query";import{Pickaxe as t}from"../Pickaxe/index.js";import{PickaxeProvider as s}from"../Pickaxe/Provider.js";import m from"../../common/cn.js";const d=new n({defaultOptions:{queries:{refetchOnWindowFocus:!1}}}),l=n=>{var l,r,a,p,h,c,{formId:u,className:v}=n,x=i(n,["formId","className"]);return e(o,Object.assign({client:d},{children:e(s,Object.assign({},x,{deploymentType:"inline",isEmbed:!0},{children:e("div",Object.assign({className:m("relative top-0 flex w-full flex-col overflow-y-auto overflow-x-hidden transition-all",x.isDropShadow&&"shadow-embed"),style:Object.assign(Object.assign({borderRadius:null!==(r=null===(l=x.styles)||void 0===l?void 0:l.cornerRadius)&&void 0!==r?r:0},"px"===(null===(a=x.deploymentDimensions)||void 0===a?void 0:a.width.unit)?{width:x.deploymentDimensions.width.value+x.deploymentDimensions.width.unit}:"%"===(null===(p=x.deploymentDimensions)||void 0===p?void 0:p.width.unit)?{width:"100%",maxWidth:x.deploymentDimensions.maxWidth+"px"}:{}),"px"===(null===(h=x.deploymentDimensions)||void 0===h?void 0:h.height.unit)?{height:x.deploymentDimensions.height.value+"px"}:"auto"===(null===(c=x.deploymentDimensions)||void 0===c?void 0:c.height.unit)?{minHeight:x.deploymentDimensions.minHeight+"px",maxHeight:x.deploymentDimensions.maxHeight+"px"}:{})},{children:e(t,Object.assign({formId:u},v&&{className:v}))}))}))}))};export{l as Inline};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e}from"../../_virtual/_tslib.js";import{jsx as o,jsxs as i}from"react/jsx-runtime";import{useState as t}from"react";import{usePickaxeContext as n}from"../../hooks/pickaxe/usePickaxeContext.js";import{useInstantPickaxe as s}from"../../hooks/pickaxe/usePickaxe.js";import{useStyleFontSize as l}from"../../hooks/studio/useStyleFontSize.js";import{QueryClient as a,QueryClientProvider as
|
|
1
|
+
import{__rest as e}from"../../_virtual/_tslib.js";import{jsx as o,jsxs as i}from"react/jsx-runtime";import{useState as t}from"react";import{usePickaxeContext as n}from"../../hooks/pickaxe/usePickaxeContext.js";import{useInstantPickaxe as s}from"../../hooks/pickaxe/usePickaxe.js";import{useStyleFontSize as l}from"../../hooks/studio/useStyleFontSize.js";import{QueryClient as a,QueryClientProvider as d}from"@tanstack/react-query";import{Pickaxe as r}from"../Pickaxe/index.js";import{PickaxeProvider as m}from"../Pickaxe/Provider.js";import c from"../Icons/x.svg.js";import p from"../Core/Modal/index.js";import u from"../Core/Modal/Body.js";import h from"../../common/cn.js";const f=new a({defaultOptions:{queries:{refetchOnWindowFocus:!1}}}),v=n=>{var s,l,a,v,b,y,g,j,O,{formId:w,className:k}=n,D=e(n,["formId","className"]);const[N,R]=t(!1);return o(d,Object.assign({client:f},{children:i(m,Object.assign({},D,{deploymentType:"popup",isEmbed:!0},{children:[o(x,{formId:w,setIsOpen:R}),o(p,Object.assign({isOpen:N,onChange:()=>R(!1)},{children:i(u,Object.assign({className:h("relative bg-transparent overflow-hidden",D.isDropShadow&&"shadow-embed"),style:{borderRadius:(null!==(l=null===(s=D.styles)||void 0===s?void 0:s.cornerRadius)&&void 0!==l?l:0)+"px"}},{children:[o("div",Object.assign({className:"overflow-auto",style:Object.assign(Object.assign({borderRadius:(null!==(v=null===(a=D.styles)||void 0===a?void 0:a.cornerRadius)&&void 0!==v?v:0)+"px"},"px"===(null===(b=D.deploymentDimensions)||void 0===b?void 0:b.width.unit)?{width:D.deploymentDimensions.width.value+D.deploymentDimensions.width.unit}:"%"===(null===(y=D.deploymentDimensions)||void 0===y?void 0:y.width.unit)?{width:Math.floor(D.deploymentDimensions.maxWidth*(D.deploymentDimensions.width.value/100))}:{}),"px"===(null===(g=D.deploymentDimensions)||void 0===g?void 0:g.height.unit)?{height:D.deploymentDimensions.height.value+"px"}:"auto"===(null===(j=D.deploymentDimensions)||void 0===j?void 0:j.height.unit)?{height:D.deploymentDimensions.minHeight+"px",maxHeight:D.deploymentDimensions.maxHeight+"px"}:{})},{children:o(r,Object.assign({formId:w},k&&{className:k}))})),o("button",Object.assign({className:"absolute z-10 outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>R(!1),style:{right:12,top:12,color:(null===(O=D.colors)||void 0===O?void 0:O.text)||"#000"}},{children:o(c,{className:"h-5 w-5 shrink-0"})}))]}))}))]}))}))},x=({formId:e,setIsOpen:i})=>{var t;const{colors:a,styles:d,deploymentDimensions:r,deploymentMisc:m}=n(),c=l(),p=s(e);return p.isLoading?null:o("button",Object.assign({style:Object.assign(Object.assign(Object.assign({},"Real Head Pro"!==d.font&&{fontFamily:d.font}),{color:a.accentText,backgroundColor:a.accent,borderRadius:d.cornerRadius+"px",borderWidth:d.outlineThickness+"px",maxWidth:"%"===(null==r?void 0:r.width.unit)?(null==r?void 0:r.maxWidth)+"px":(null==r?void 0:r.width.value)+"px",minHeight:48}),"Real Head Pro"!==d.font&&{fontFamily:d.font}),className:h(c.b2,"flex w-max min-w-[130px] select-none items-center font-semibold justify-center gap-x-3 px-4 hover:duration-300 focus:outline focus:outline-black/30 active:opacity-90 disabled:cursor-not-allowed dark:focus:outline-white/30"),onClick:()=>i(!0)},{children:o("p",Object.assign({className:h(c.b2,"font-semibold"),style:Object.assign({color:a.accentText},"Real Head Pro"!==d.font&&{fontFamily:d.font})},{children:(null==m?void 0:m.popupText)||(null===(t=p.data)||void 0===t?void 0:t.formtitle)||"Open Tool"}))}))};export{v as Popup,x as PopupCTAButton};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as s}from"react/jsx-runtime";import{useMemo as a}from"react";import{usePickaxeContext as o}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as t}from"../../../../hooks/pickaxe/useResponseContext.js";import{useDimensionContext as i}from"../../../../hooks/pickaxe/useDimensionContext.js";import{useScrollContext as l}from"../../Addons/Scroll/hooks/useScrollContext.js";import{useStyleFontSize as n}from"../../../../hooks/studio/useStyleFontSize.js";import{useConversation as r}from"../../../../hooks/pickaxe/useConversation.js";import c from"
|
|
1
|
+
import{jsx as e,jsxs as s}from"react/jsx-runtime";import{useMemo as a}from"react";import{usePickaxeContext as o}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as t}from"../../../../hooks/pickaxe/useResponseContext.js";import{useDimensionContext as i}from"../../../../hooks/pickaxe/useDimensionContext.js";import{useScrollContext as l}from"../../Addons/Scroll/hooks/useScrollContext.js";import{useStyleFontSize as n}from"../../../../hooks/studio/useStyleFontSize.js";import{useConversation as r}from"../../../../hooks/pickaxe/useConversation.js";import c from"../../../Core/ErrorAlert.js";import m from"../../common/PickaxeHead.js";import d from"../../common/PickaxeCompactHead.js";import p from"../../common/PickaxeUpgradeCard.js";import f from"../../common/PickaxeIcon.js";import x from"../../common/PickaxeBranding.js";import u from"../../common/PickaxeSkeleton.js";import h from"../../Addons/Scroll/ScrollLockView.js";import g from"./Message.js";import j from"../../../../common/cn.js";const w=({hideInfo:w,isInputFocused:v})=>{var N;const b=r(),k=n(),{pickaxe:y,colors:C,misc:O,isNewChat:S,isRtl:I,isEmbed:P,setChatId:E}=o(),{scrollContainerRef:L}=l(),{messages:A,status:H,limitData:D,error:R}=t(),{height:$}=i(),z=a((()=>!!b.data&&!(b.data.messages.length<=1)),[b.data]),F=a((()=>!w&&b.isSuccess&&S&&!z),[w,b.isSuccess,S,z]),B=a((()=>{var e,s;return!!A.length&&!(null!==(s=null===(e=null==A?void 0:A[A.length-1])||void 0===e?void 0:e.content)&&void 0!==s?s:"").trim()}),[A]);return e("div",Object.assign({ref:L,className:"flex w-full flex-col items-center overflow-y-auto mb-12 pb-8",style:{height:`calc(${$}px - 74px)`}},{children:s("div",Object.assign({className:"relative flex flex-col items-center flex-grow w-full max-w-[800px] px-4"},{children:[(F||!P)&&!O.isWhiteLabel&&e(x,{className:j("absolute top-4 right-4",!F&&!P&&"top-2"),animateHover:!0}),e(m,{className:j("opacity-0 mt-[0%] transition-all duration-500 ease-in-out max-h-0 overflow-hidden max-w-[500px]",F&&"opacity-100 mt-[10%] max-h-[100%]"),iconClassName:"duration-300 hover:opacity-90",maxDescriptionChars:500,onIconClick:()=>E("")}),P&&!b.isLoading&&e(d,{className:j("opacity-0 transition-all duration-500 ease-in-out h-0 w-full",!F&&"opacity-100 h-[56px]"),iconClassName:"duration-300 hover:opacity-90",onIconClick:()=>E("")}),e("div",Object.assign({className:j("flex flex-col mt-6 transition-all duration-300 ease-in-out w-full",P&&!b.isLoading&&!F&&"mt-0")},{children:b.isLoading&&!(null==y?void 0:y.enablechatresponses)?s("div",Object.assign({className:"grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-6 pt-10"},{children:[S&&s("div",Object.assign({className:"flex flex-col items-center w-full"},{children:[e(u,{className:"w-[72px] h-[72px]"}),e(u,{className:"h-[20px] mt-6 w-full"}),e(u,{className:"h-[20px] mt-2 w-full"}),e(u,{className:"h-[20px] mt-2 w-full max-w-[400px]"})]})),e(u,{className:"h-10 w-[70%] animate-pulse justify-self-end rounded"}),e(u,{className:"h-[150px] w-[70%] animate-pulse rounded"}),e(u,{className:"h-10 w-[50%] animate-pulse justify-self-end rounded"})]})):b.isError?e("div",Object.assign({className:"flex w-full justify-center"},{children:s("p",Object.assign({className:j(k.b2,"text-center font-semibold")},{children:["Something went wrong. Please try again, or"," ",e("a",Object.assign({href:"mailto:info@pickaxeproject.com?subject=Help",target:"_blank",rel:"noreferrer"},{children:"contact us"}))," ","for help."]}))})):b.data?s("div",Object.assign({className:"flex flex-col w-full"},{children:[s("div",Object.assign({className:"grid grid-cols-1 gap-y-6 w-full"},{children:[b.data.messages.map(((s,a)=>e(g,Object.assign({index:a,message:s},0===a&&{isIntroExpand:v}),a))),A.map(((s,a)=>e(g,{index:b.data.messages.length+a,message:s},a))),"fetching"===H||B?e("div",Object.assign({className:j("flex w-full",I?"justify-end":"justify-start")},{children:e("div",Object.assign({className:"flex flex-col"},{children:s("div",Object.assign({className:j("flex gap-x-3",I&&"flex-row-reverse")},{children:["NONE"!==(null==y?void 0:y.chaticon)&&e(f,{src:null!==(N=null==y?void 0:y.chaticon)&&void 0!==N?N:`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:"my-3 h-6 w-6",textColor:C.text}),e("div",Object.assign({className:"flex items-center gap-x-2 rounded px-2"},{children:Array.from({length:3}).map(((s,a)=>e("div",{className:j("h-1.5 w-1.5 animate-dot rounded-full",1===a&&"animate-dot-down"),style:{backgroundColor:C.secondaryText}},a)))}))]}))}))})):D?e("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:e(p,{})})):R?e("div",Object.assign({className:j("flex items-center gap-x-3",I?"justify-end":"justify-start")},{children:e(c,{error:R})})):null]})),e(h,{className:"w-full"})]})):null}))]}))}))};export{w as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useState as
|
|
1
|
+
import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{useState as r,useRef as n,useEffect as s}from"react";import{usePickaxeContext as i}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useDimensionContext as c}from"../../../hooks/pickaxe/useDimensionContext.js";import{useDocument as m}from"../Addons/Document/hooks/useDocument.js";import u from"./History/index.js";import p from"./Input.js";const d=()=>{const{deploymentType:d,isNewChat:f}=i(),{width:a,height:h,setDimension:l}=c(),{setDocuments:x}=m(),[j,k]=r(!1),w=n(null);return s((()=>()=>{x([])}),[]),s((()=>{if(!w.current)return;const e=new ResizeObserver((e=>{for(const t of e){const{width:e,height:o}=t.contentRect;l(parseInt(e.toFixed(0)),parseInt(o.toFixed(0)))}}));return e.observe(w.current),()=>{e.disconnect()}}),[w.current]),e("div",Object.assign({ref:w,className:"relative flex flex-grow flex-col items-center"},{children:"chat-input"===d&&f?e(p,{}):t(o,{children:[e(u,{hideInfo:h<=545||a<=350||j,isInputFocused:j}),e(p,{isFocused:j,onFocus:()=>k(!0),onBlur:()=>k(!1)})]})}))};export{d as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter as e}from"../../../../_virtual/_tslib.js";import{jsxs as
|
|
1
|
+
import{__awaiter as e}from"../../../../_virtual/_tslib.js";import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useState as s}from"react";import{usePickaxeContext as n}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as i}from"../../../../hooks/pickaxe/useResponseContext.js";import{useSubmit as r}from"../../../../hooks/pickaxe/useSubmit.js";import{useDocument as a}from"../../Addons/Document/hooks/useDocument.js";import{useScroll as l}from"../../Addons/Scroll/hooks/useScroll.js";import{extractUrlsFromText as d}from"../../../../common/utils.js";import{encode as c}from"@nem035/gpt-3-encoder";import{createParser as m}from"eventsource-parser";import u from"../../common/PickaxeBranding.js";import p from"../../common/PickaxeButton.js";import f from"../../../../common/error.js";const g=({questions:g})=>{var h;const{formId:b,userId:j,studioUserId:v,embedUserId:x,deploymentId:w,pickaxe:k,misc:I,translations:y,setChatId:O,setIsNewChat:S,onGenerateComplete:C}=n(),{status:D,limits:E,isGenerating:U,setResponse:P,setMessages:R,setStatus:q,setLimitData:N,setError:A}=i(),{documents:L,websiteLink:B,isUploading:T,onWebsiteUpload:W,setDocuments:G,setDocumentError:J}=a(),{scrollStartSession:M,scrollEndSession:_,scrollToTarget:K}=l({auto:!(null==k?void 0:k.enablechatresponses)}),X=r(),[Y,z]=s(!1);return t("div",Object.assign({className:"mt-4 flex flex-wrap justify-between gap-4 items-center"},{children:[o("div",Object.assign({className:"flex items-center flex-grow flex-wrap gap-2"},{children:o(p,Object.assign({className:"px-5 min-h-[42px]",isDisabled:T||"idle"!==D||U||Y,onClick:()=>e(void 0,void 0,void 0,(function*(){try{if("idle"!==D||T||Y)return;A(""),J(""),N(null),P(null);const e=["Multiple Choice","Checkbox"];for(const t of g){if(c(t.input).length>t.maxLength&&!e.includes(t.type))throw new Error("One or more of your responses is too long!");if(t.isRequired&&!t.input.trim()&&"userinput:documentupload"!==t.id)throw new Error("You must fill out all required fields.")}const t=L.filter((e=>"finished"===e.status)),o=L.map((e=>e.name)),s="enduserupload"===(null==k?void 0:k.documentuploadtype),n=g.some((e=>"userinput:documentupload"===e.id&&e.isRequired)),i=d(B).filter((e=>!o.includes(e)));if(i.length){const e=i[i.length-1];z(!0);const o=yield W(e);o&&(t.push(o),yield new Promise((e=>setTimeout(e,5e3)))),z(!1)}else if(n&&s&&!t.length)return void J("Please paste a valid website/video link or drag a file to add to the knowledge base.");const r=t.map((e=>e.documentId)).filter(Boolean),a=s&&r.length>0;let l={};g.forEach((e=>l=Object.assign(Object.assign({},l),{[e.id]:"Knowledge Upload"===e.type||e.id.includes("documentupload")?t.map((e=>e.name)).join(",")||"":e.input}))),q("fetching"),M(),K();const u=yield X.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:b,valueObj:l},a&&{documentIds:r}),j&&{userId:j}),v&&{studioUserId:v}),x&&{embedUserId:x}),w&&{deploymentId:w})),p=u.body;if(!p)throw new Error("Streaming error");const f=u.headers.get("X-Pickaxe-Response-Id");if(!f)throw new Error("Response ID not found");const h=new TextDecoder,I=p.getReader();let y="",E=!0,U=!1;const _=m({onEvent:e=>{if("delta"===e.event){const t=JSON.parse(e.data).token.replace(/\u200B/g,"");y+=t,P({formId:b,responseId:f,documentIds:r,questions:g.map((e=>({id:e.id,question:e.main,answer:e.input}))),questionResponse:y,messageCount:0,sentAt:new Date}),(null==k?void 0:k.enablechatresponses)&&R([{id:0,role:"assistant",content:y}])}else if("error"===e.event){const t=JSON.parse(e.data);A(t.error||"Something went wrong, please try again.")}else"stop"===e.event&&(E=!1)}});for(;E;){const{value:e,done:t}=yield I.read();if(t){E=!1;break}const o=h.decode(e);o&&(U||(q("streaming"),U=!0,a&&G([]),(null==k?void 0:k.enablechatresponses)&&(O(f),S(!1))),_.feed(o))}null==C||C(f)}catch(e){let t=f(e)||"";t&&!t.includes("Unexpected token 'A',")||(t="Oops! We're experiencing high traffic at the moment. Please try again later.");const o=Object.entries(E).find((([e])=>t.includes(e)));o?N(o[1]):A(t),K()}finally{q("idle"),z(!1),_()}}))},{children:Y?(null==y?void 0:y.processing)||"Processing...":T?(null==y?void 0:y.uploading)||"Uploading...":"fetching"===D||"streaming"===D?(null==y?void 0:y.loading)||"Loading...":null!==(h=null==k?void 0:k.submittext)&&void 0!==h?h:"Submit"}))})),!I.isWhiteLabel&&o("div",Object.assign({className:"flex justify-end pr-3"},{children:o(u,{})}))]}))};export{g as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as s}from"react/jsx-runtime";import{usePickaxeContext as
|
|
1
|
+
import{jsx as e,jsxs as s}from"react/jsx-runtime";import{usePickaxeContext as m}from"../../../hooks/pickaxe/usePickaxeContext.js";import o from"../common/PickaxeSkeleton.js";import l from"../common/PickaxeHead.js";import t from"./History/index.js";import i from"./NewChat.js";import a from"./Questions/index.js";import c from"../../../common/cn.js";const x=()=>{const{pickaxe:x,responsiveBy:p}=m();return e("div",Object.assign({className:c("flex w-full flex-col items-center pt-12 px-6 pb-10","viewport"===p?"min-[767px]:pb-40":"@[767px]/pickaxe-root:pb-40")},{children:s("div",x?Object.assign({className:"flex w-full max-w-[700px] flex-col"},{children:[e(l,{}),s("div",Object.assign({className:c("flex flex-col gap-y-8","viewport"===p?"min-[767px]:mt-4":"@[767px]/pickaxe-root:mt-4")},{children:[(null==x?void 0:x.chatflag)?e(i,{}):e(a,{}),e(t,{})]}))]}):Object.assign({className:"flex w-full max-w-[700px] flex-col items-center"},{children:[e(o,{className:"w-[72px] h-[72px]"}),e(o,{className:"h-[20px] mt-6 w-full"}),e(o,{className:"h-[20px] mt-2 w-full"}),e(o,{className:"h-[20px] mt-2 w-full max-w-[400px]"})]}))}))};export{x as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useMemo as
|
|
1
|
+
import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useMemo as s}from"react";import{usePickaxeContext as t}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleFontSize as o}from"../../../hooks/studio/useStyleFontSize.js";import r from"./PickaxeIcon.js";import l from"./PickaxeBranding.js";import c from"../../../common/cn.js";const n=({className:n,iconClassName:a,onIconClick:m})=>{const{pickaxe:p,misc:d,deploymentType:f}=t(),u=o(),h=s((()=>({title:(null==p?void 0:p.formtitle)||"",description:(null==p?void 0:p.formdescription)||""})),[p]);return d.isTitle||d.isDescription||!d.isWhiteLabel?e("div",Object.assign({className:c("flex h-[56px] items-center justify-between gap-4",n)},{children:[e("div",Object.assign({className:"flex items-center gap-4"},{children:[d.isProfileImage&&i(r,Object.assign({src:null==p?void 0:p.coverphoto,alt:`${null==p?void 0:p.formtitle}'s Profile Picture`,width:32,height:32,className:c("shrink-0 h-[32px] w-[32px] rounded-full",a,!!m&&"cursor-pointer")},m&&{onClick:m})),d.isTitle&&i("p",Object.assign({className:c(u.b1)},{children:h.title}))]})),!d.isWhiteLabel&&i(l,{className:c("flex","popup"===f&&"p-0 pr-12"),animateHover:!0})]})):null};export{n as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import{useMemo as e}from"react";import{usePickaxeMarkdownContext as o}from"../../hooks/usePickaxeMarkdownContext.js";import{Img as r}from"../Img/index.js";import i from"../common/IframeVideo.js";import m from"../common/Action.js";import c from"./Audio.js";import s from"./Html/index.js";const a=({href:a="",children:n})=>{const{accentColor:l,actions:p}=o(),u=e((()=>{if(!a)return"";return a.startsWith("http://")?`https://${a.slice(7)}`:a.startsWith("www.")?`https://${a}`:a}),[a]),f=e((()=>{const t=u.match(/(?:youtube\.com\/watch\?v=|youtu\.be\/)([\w-]+)/i);if(t)return{title:"youtube-embed",src:`https://www.youtube.com/embed/${t[1]}`};const e=u.match(/loom\.com\/(?:share|embed)\/([\w-]+)/i);if(e)return{title:"loom-embed",src:`https://www.loom.com/embed/${e[1]}`};const o=u.match(/vimeo\.com\/(?:video\/)?(\d+)/i);if(o)return{title:"vimeo-embed",src:`https://player.vimeo.com/video/${o[1]}`};const r=u.match(/streamable\.com\/([\w-]+)/i);return r?{title:"streamable-embed",src:`https://streamable.com/e/${r[1]}`}:null}),[u]),d=e((()=>u.match(/\.(jpeg|jpg|gif|bmp|webp|svg|tiff|avif|png|jfif|pjpeg|pjp)$/)),[u]),h=e((()=>u.includes("action_generated_files")&&u.match(/\.(mp3|wav|ogg|flac|aac|wma|alac|m4a|aiff|ape|au|mid|midi|opus)$/)),[u]),b=e((()=>u.includes("action_generated_files")&&u.match(/\.html$/)),[u]),w=e((()=>p&&u.includes("pickaxe")&&(u.includes("/api/fn/result")||u.includes("/api/function_call_results"))),[p,u]);return f?t(i,{title:f.title,src:f.src}):d?t(r,{src:u,alt:"string"==typeof n?n:"Markdown Image"}):h?t(c,{url:u}):b?t(s,{url:u}):w?t(m,{jobUrl:u}):t("a",Object.assign({href:u,target:"_blank",rel:"noopener noreferrer",style:{color:l}},{children:n}))};export{a as A};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{useMemo as t}from"react";const
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{useMemo as t}from"react";import o from"../common/IframeVideo.js";const m=({children:m})=>{const r=t((()=>{if("string"!=typeof m)return null;const e=m.match(/(?:youtube\.com\/watch\?v=|youtu\.be\/)([\w-]+)/i);if(e)return{title:"youtube-embed",src:`https://www.youtube.com/embed/${e[1]}`};const t=m.match(/loom\.com\/(?:share|embed)\/([\w-]+)/i);if(t)return{title:"loom-embed",src:`https://www.loom.com/embed/${t[1]}`};const o=m.match(/vimeo\.com\/(?:video\/)?(\d+)/i);if(o)return{title:"vimeo-embed",src:`https://player.vimeo.com/video/${o[1]}`};const r=m.match(/streamable\.com\/([\w-]+)/i);return r?{title:"streamable-embed",src:`https://streamable.com/e/${r[1]}`}:null}),[m]);return r?e(o,{title:r.title,src:r.src}):e("p",{children:m})};export{m as P};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";const t=({title:t,src:a,fallback:r="Iframe not supported, use a different browser."})=>e("div",Object.assign({className:"pxe-markdown-video"},{children:e("iframe",Object.assign({title:t,src:a,allowFullScreen:!0,style:{width:"100%",maxWidth:"560px",aspectRatio:"16 / 9"}},{children:r}))}));export{t as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{usePickaxeContext as s}from"../../../hooks/pickaxe/usePickaxeContext.js";import a from"../../../common/cn.js";const t=({children:t,className:n,innerClassName:o,isLoaded:r=!1})=>{const{styles:i}=s();return e("div",Object.assign({className:a("rounded-sm",!r&&"pxe-animate-pulse",r&&"pxe-animate-none",n),style:{backgroundColor:"dark"===i.theme?"#1E1E1F":"#E5E7EB"}},{children:e("div",Object.assign({className:a("pxe-flex pxe-items-center",!r&&"pxe-opacity-0",o)},{children:t}))}))};export{t as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as
|
|
1
|
+
import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{usePickaxe as s}from"../../hooks/pickaxe/usePickaxe.js";import{useState as a,useEffect as l}from"react";import{usePickaxeContext as r}from"../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as m}from"../../hooks/pickaxe/useResponseContext.js";import{useDocumentContext as i}from"./Addons/Document/hooks/useDocumentContext.js";import{generateId as n}from"../../common/utils.js";import c from"./Addons/Scroll/Provider.js";import p from"./common/PickaxeSkeleton.js";import x from"./Chat/index.js";import f from"./Form/index.js";import d from"../../common/cn.js";const u=({formId:u,className:h})=>{const{chatId:k,styles:w,colors:j,responsiveBy:g,deploymentType:N,isNewChat:b,setFormId:v,setChatId:y,setSessionId:C,setPickaxe:P}=r(),{setMessages:I,setResponse:O,setError:D,setLimitData:S,setStatus:F}=m(),{setDocumentError:R}=i(),[A,E]=a(!1),L=s();return l((()=>{v(u)}),[u]),l((()=>{if(!L.data)return;const e=L.data.chatflag;y(e?n(15):""),C(n(15)),e?I([]):O(null),D(""),R(""),S(null),P(L.data),E(!0)}),[L.data]),l((()=>{D(""),R(""),S(null),I([]),O(null),F("idle")}),[k]),L.data?e("div",Object.assign({className:d("relative @container/pickaxe-root flex flex-col flex-grow w-full",!N&&"h-full","popup"===N&&k&&"h-full","dark"===w.theme&&"dark",h),style:Object.assign({backgroundColor:"chat-input"===N&&b?"transparent":j.primary,color:j.text},w.font&&"Real Head Pro"!==w.font&&{fontFamily:w.font})},{children:L.isLoading||!A?e("div",Object.assign({className:d("flex items-center flex-col w-full pt-12 px-4 pb-10","viewport"===g?"min-[767px]:pb-40":"@[767px]/pickaxe-root:pb-40")},{children:o("div",Object.assign({className:"flex w-full items-center max-w-[700px] flex-col"},{children:[e(p,{className:"w-[72px] h-[72px]"}),e(p,{className:"h-[20px] mt-6 w-full"}),e(p,{className:"h-[20px] mt-2 w-full"}),e(p,{className:"h-[20px] mt-2 w-full max-w-[400px]"}),e("div",Object.assign({className:"flex flex-col gap-y-8 w-full mt-6"},{children:e(p,{className:d("w-full min-h-[48px]","viewport"===g?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]")})}))]}))})):e(t,{children:e(c,k?{children:e(x,{})}:{children:e(f,{})})})})):null};export{u as Pickaxe};
|
|
@@ -3,5 +3,5 @@ interface PickaxeCompactHeadProps {
|
|
|
3
3
|
iconClassName?: string;
|
|
4
4
|
onIconClick?: () => void;
|
|
5
5
|
}
|
|
6
|
-
declare const PickaxeCompactHead: ({ className, iconClassName, onIconClick, }: PickaxeCompactHeadProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare const PickaxeCompactHead: ({ className, iconClassName, onIconClick, }: PickaxeCompactHeadProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
7
7
|
export default PickaxeCompactHead;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
interface PickaxeSkeletonProps {
|
|
3
|
+
children?: ReactNode;
|
|
4
|
+
className?: string;
|
|
5
|
+
innerClassName?: string;
|
|
6
|
+
isLoaded?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare const PickaxeSkeleton: ({ children, className, innerClassName, isLoaded, }: PickaxeSkeletonProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export default PickaxeSkeleton;
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../common/cn.js");exports.default=({children:a,className:r,innerClassName:i,isLoaded:t=!1})=>e.jsx("div",Object.assign({className:s.default("rounded-sm",!t&&"animate-pulse bg-[#E5E7EB] dark:bg-[#1E1E1F]",t&&"animate-none",r)},{children:e.jsx("div",Object.assign({className:s.default("flex items-center",!t&&"opacity-0",i)},{children:a}))}));
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from "react";
|
|
2
|
-
interface SkeletonProps {
|
|
3
|
-
children?: ReactNode;
|
|
4
|
-
className?: string;
|
|
5
|
-
innerClassName?: string;
|
|
6
|
-
isLoaded?: boolean;
|
|
7
|
-
}
|
|
8
|
-
declare const Skeleton: ({ children, className, innerClassName, isLoaded, }: SkeletonProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export default Skeleton;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import a from"../../common/cn.js";const s=({children:s,className:n,innerClassName:i,isLoaded:m=!1})=>e("div",Object.assign({className:a("rounded-sm",!m&&"animate-pulse bg-[#E5E7EB] dark:bg-[#1E1E1F]",m&&"animate-none",n)},{children:e("div",Object.assign({className:a("flex items-center",!m&&"opacity-0",i)},{children:s}))}));export{s as default};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from "react";
|
|
2
|
-
interface SkeletonProps {
|
|
3
|
-
children?: ReactNode;
|
|
4
|
-
className?: string;
|
|
5
|
-
innerClassName?: string;
|
|
6
|
-
isLoaded?: boolean;
|
|
7
|
-
}
|
|
8
|
-
declare const Skeleton: ({ children, className, innerClassName, isLoaded, }: SkeletonProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export default Skeleton;
|