@pickaxeproject/react 2.6.0 → 2.6.1

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.
Files changed (33) hide show
  1. package/dist/cjs/components/EmbedPreview/ChatInput.js +1 -0
  2. package/dist/cjs/components/EmbedPreview/FAB.js +1 -0
  3. package/dist/cjs/components/EmbedPreview/Inline.js +1 -0
  4. package/dist/cjs/components/EmbedPreview/Popup.js +1 -0
  5. package/dist/cjs/components/Pickaxe/common/PickaxeButton.js +1 -1
  6. package/dist/cjs/components/Pickaxe/common/PickaxeHead.js +1 -1
  7. package/dist/cjs/components/Pickaxe/common/PickaxeUpgradeCard.js +1 -1
  8. package/dist/cjs/embed/index.js +1 -0
  9. package/dist/cjs/index.js +1 -1
  10. package/dist/cjs/src/components/EmbedPreview/ChatInput.d.ts +1 -1
  11. package/dist/cjs/src/components/EmbedPreview/FAB.d.ts +1 -1
  12. package/dist/cjs/src/components/EmbedPreview/Inline.d.ts +1 -1
  13. package/dist/cjs/src/components/EmbedPreview/Popup.d.ts +1 -1
  14. package/dist/cjs/src/components/Pickaxe/common/PickaxeButton.d.ts +1 -1
  15. package/dist/cjs/src/embed.d.ts +5 -0
  16. package/dist/cjs/src/index.d.ts +4 -0
  17. package/dist/esm/components/EmbedPreview/ChatInput.js +1 -0
  18. package/dist/esm/components/EmbedPreview/FAB.js +1 -0
  19. package/dist/esm/components/EmbedPreview/Inline.js +1 -0
  20. package/dist/esm/components/EmbedPreview/Popup.js +1 -0
  21. package/dist/esm/components/Pickaxe/common/PickaxeButton.js +1 -1
  22. package/dist/esm/components/Pickaxe/common/PickaxeHead.js +1 -1
  23. package/dist/esm/components/Pickaxe/common/PickaxeUpgradeCard.js +1 -1
  24. package/dist/esm/embed/index.js +1 -0
  25. package/dist/esm/index.js +1 -1
  26. package/dist/esm/src/components/EmbedPreview/ChatInput.d.ts +1 -1
  27. package/dist/esm/src/components/EmbedPreview/FAB.d.ts +1 -1
  28. package/dist/esm/src/components/EmbedPreview/Inline.d.ts +1 -1
  29. package/dist/esm/src/components/EmbedPreview/Popup.d.ts +1 -1
  30. package/dist/esm/src/components/Pickaxe/common/PickaxeButton.d.ts +1 -1
  31. package/dist/esm/src/embed.d.ts +5 -0
  32. package/dist/esm/src/index.d.ts +4 -0
  33. package/package.json +8 -2
@@ -0,0 +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 scrollbar scrollbar-thin"),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;
@@ -0,0 +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:"shrink-0 select-none",style:{width:28,height:28}})})):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:b}=s,p=e.__rest(s,["formId","className"]);const[v,f]=t.useState(!1),[j,w]=t.useState({}),y=()=>{const e=p.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))),[p.deploymentDimensions]),i.jsx(n.QueryClientProvider,Object.assign({client:h},{children:i.jsx(r.PickaxeProvider,Object.assign({},p,{deploymentType:"fab",isEmbed:!0},{children:i.jsxs(o.AnimatePresence,{children:[v&&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",p.isDropShadow&&"shadow-embed"),style:Object.assign({transformOrigin:"bottom right",borderRadius:null!==(l=null===(c=p.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 scrollbar scrollbar-thin dark:bg-black",style:{borderRadius:null!==(x=null===(d=p.styles)||void 0===d?void 0:d.cornerRadius)&&void 0!==x?x:0}},{children:i.jsx(a.Pickaxe,Object.assign({formId:g},b&&{className:b}))}))}),"fab-content"),i.jsx(m,{isOpen:v,setIsOpen:f})]})}))}))},exports.FABButton=m;
@@ -0,0 +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 l=new n.QueryClient({defaultOptions:{queries:{refetchOnWindowFocus:!1}}});exports.Inline=r=>{var d,a,m,u,c,h,{formId:x,className:p}=r,v=e.__rest(r,["formId","className"]);return i.jsx(n.QueryClientProvider,Object.assign({client:l},{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 scrollbar scrollbar-thin",v.isDropShadow&&"shadow-embed"),style:Object.assign(Object.assign({borderRadius:null!==(a=null===(d=v.styles)||void 0===d?void 0:d.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}))}))}))}))};
@@ -0,0 +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 scrollbar scrollbar-thin",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("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("../../../hooks/pickaxe/usePickaxeContext.js"),r=require("../../../hooks/studio/useStyleButton.js"),a=require("../../../hooks/studio/useStyleFontSize.js"),i=require("../../Core/Button.js"),o=require("../../../common/cn.js");exports.default=u=>{var{variant:n,className:l}=u,c=e.__rest(u,["variant","className"]);const{styles:y}=s.usePickaxeContext(),j=r.useStyleButton({variant:n}),v=a.useStyleFontSize();return t.jsx(i.default,Object.assign({variant:n,className:o.default(v.l2,"min-h-[48px]",l,("primary"===n||"secondary"===n)&&"hover:opacity-90","outlined"===y.btnStyle&&"hover:opacity-70"),style:j},c))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("../../../hooks/pickaxe/usePickaxeContext.js"),r=require("../../../hooks/studio/useStyleButton.js"),a=require("../../../hooks/studio/useStyleFontSize.js"),i=require("../../Core/Button.js"),o=require("../../../common/cn.js");exports.default=u=>{var{variant:n,className:l,style:c}=u,y=e.__rest(u,["variant","className","style"]);const{styles:j}=s.usePickaxeContext(),v=r.useStyleButton({variant:n}),x=a.useStyleFontSize();return t.jsx(i.default,Object.assign({variant:n,className:o.default(x.l2,"min-h-[48px]",l,("primary"===n||"secondary"===n)&&"hover:opacity-90","outlined"===j.btnStyle&&"hover:opacity-70"),style:Object.assign(Object.assign({},v),c)},y))};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),i=require("../../../hooks/pickaxe/usePickaxeContext.js"),t=require("../../../hooks/studio/useStyleFontSize.js"),r=require("./PickaxeMarkdown/Renderer.js"),l=require("./PickaxeIcon.js"),a=require("./PickaxeInfoModal.js"),o=require("./PickaxeMarkdown/index.js"),c=require("../../../common/cn.js");exports.default=({className:n,iconClassName:d,maxDescriptionChars:u,onIconClick:x})=>{const{pickaxe:m,styles:p,colors:j,misc:k,disableHtml:f,disableJs:h,disableCss:b,isRtl:C}=i.usePickaxeContext(),[P,v]=s.useState(!1),g=t.useStyleFontSize(),q=s.useMemo((()=>({title:(null==m?void 0:m.formtitle)||"",description:(null==m?void 0:m.formdescription)||""})),[m]);return e.jsxs("div",Object.assign({className:c.default("flex flex-col items-center",n)},{children:[P&&e.jsx(a.default,{isOpen:P,onChangeIsOpen:v}),k.isProfileImage&&e.jsx(l.default,Object.assign({src:null==m?void 0:m.coverphoto,alt:`${null==m?void 0:m.formtitle}'s Profile Picture`,width:72,height:72,className:c.default("h-[72px] w-[72px] rounded-full",d,!!x&&"cursor-pointer")},x&&{onClick:x})),k.isTitle&&!!q.title&&e.jsx("h2",Object.assign({className:c.default(g.h2,"mt-6 text-center font-semilight opacity-90",!u&&"line-clamp-2")},{children:null==m?void 0:m.formtitle})),k.isDescription&&!!q.description&&e.jsx(o.PickaxeMarkdown,Object.assign({theme:p.theme,accentColor:j.accent},C&&{rtl:!0},f&&{disableHtml:!0},h&&{disableJs:!0},b&&{disableCss:!0},{children:e.jsx(r.PickaxeMarkdownRenderer,Object.assign({className:"mt-2 text-center",value:q.description},u&&{maxDescriptionChars:u},{onExpandClick:()=>v(!0)}))}))]}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),i=require("../../../hooks/pickaxe/usePickaxeContext.js"),t=require("../../../hooks/studio/useStyleFontSize.js"),r=require("./PickaxeMarkdown/Renderer.js"),l=require("./PickaxeIcon.js"),a=require("./PickaxeInfoModal.js"),o=require("./PickaxeMarkdown/index.js"),c=require("../../../common/cn.js");exports.default=({className:n,iconClassName:d,maxDescriptionChars:u,onIconClick:x})=>{const{pickaxe:m,styles:j,colors:p,misc:k,disableHtml:f,disableJs:h,disableCss:b,isRtl:C}=i.usePickaxeContext(),[P,v]=s.useState(!1),g=t.useStyleFontSize(),q=s.useMemo((()=>({title:(null==m?void 0:m.formtitle)||"",description:(null==m?void 0:m.formdescription)||""})),[m]);return e.jsxs("div",Object.assign({className:c.default("flex flex-col items-center",n)},{children:[P&&e.jsx(a.default,{isOpen:P,onChangeIsOpen:v}),k.isProfileImage&&e.jsx(l.default,Object.assign({src:null==m?void 0:m.coverphoto,alt:`${null==m?void 0:m.formtitle}'s Profile Picture`,width:72,height:72,className:c.default("h-[72px] w-[72px] rounded-full",d,!!x&&"cursor-pointer")},x&&{onClick:x})),k.isTitle&&!!q.title&&e.jsx("h2",Object.assign({className:c.default(g.h2,"mt-6 text-center font-semilight opacity-90",!u&&"line-clamp-2")},{children:null==m?void 0:m.formtitle})),k.isDescription&&!!q.description&&e.jsx(o.PickaxeMarkdown,Object.assign({theme:j.theme,accentColor:p.accent},C&&{rtl:!0},f&&{disableHtml:!0},h&&{disableJs:!0},b&&{disableCss:!0},{children:e.jsx(r.PickaxeMarkdownRenderer,Object.assign({className:"mt-2 text-center",value:q.description},u&&{maxChars:u},{onExpandClick:()=>v(!0)}))}))]}))};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("framer-motion"),t=require("../../../hooks/pickaxe/usePickaxeContext.js"),r=require("../../../hooks/pickaxe/useResponseContext.js"),a=require("../../../hooks/studio/useStyleFontSize.js"),i=require("../../Icons/circle-exclamation.svg.js"),l=require("../../Core/SpringTransition.js"),n=require("../../Core/HtmlRenderer.js"),c=require("./PickaxeButton.js"),o=require("../../../common/cn.js");exports.default=({className:u,iconClassName:x,htmlClassName:m})=>{const{colors:j}=t.usePickaxeContext(),d=a.useStyleFontSize(),{limitData:f}=r.useResponseContext();return e.jsx(s.AnimatePresence,{children:!!f&&e.jsxs(l.default,Object.assign({className:o.default("flex gap-3",u)},{children:[e.jsx(i.default,{className:o.default("h-5 w-5 shrink-0",x),style:{color:j.accent}}),e.jsxs("div",Object.assign({className:"flex flex-col gap-4"},{children:[e.jsx(n.default,{className:o.default(d.b2,"font-semibold",m),style:{color:j.text},html:f.html}),!!f.cta&&e.jsx("a",Object.assign({href:f.ctaLink,target:"_parent",rel:"noreferrer"},{children:e.jsx(c.default,Object.assign({variant:"primary",className:"min-h-[38px]",style:{minHeight:"38px"}},{children:f.cta}))}))]}))]}))})};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("framer-motion"),t=require("../../../hooks/pickaxe/usePickaxeContext.js"),r=require("../../../hooks/pickaxe/useResponseContext.js"),a=require("../../../hooks/studio/useStyleFontSize.js"),i=require("../../Icons/circle-exclamation.svg.js"),l=require("../../Core/SpringTransition.js"),n=require("../../Core/HtmlRenderer.js"),c=require("./PickaxeButton.js"),o=require("../../../common/cn.js");exports.default=({className:u,iconClassName:x,htmlClassName:m})=>{const{colors:j}=t.usePickaxeContext(),{limitData:d}=r.useResponseContext(),f=a.useStyleFontSize();return e.jsx(s.AnimatePresence,{children:!!d&&e.jsxs(l.default,Object.assign({className:o.default("flex gap-3",u)},{children:[e.jsx(i.default,{className:o.default("h-5 w-5 shrink-0",x),style:{color:j.accent}}),e.jsxs("div",Object.assign({className:"flex flex-col gap-4"},{children:[e.jsx(n.default,{className:o.default(f.b2,"font-semibold",m),style:{color:j.text},html:d.html}),!!d.cta&&e.jsx("a",Object.assign({href:d.ctaLink,target:"_parent",rel:"noreferrer"},{children:e.jsx(c.default,Object.assign({variant:"primary",className:"min-h-[38px]",style:{minHeight:"38px"}},{children:d.cta}))}))]}))]}))})};
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../components/EmbedPreview/Inline.js"),t=require("../components/EmbedPreview/FAB.js"),p=require("../components/EmbedPreview/Popup.js"),r=require("../components/EmbedPreview/ChatInput.js");exports.Inline=e.Inline,exports.FAB=t.FAB,exports.FABButton=t.FABButton,exports.Popup=p.Popup,exports.PopupCTAButton=p.PopupCTAButton,exports.ChatInput=r.ChatInput,exports.ChatInputWrapper=r.ChatInputWrapper;
package/dist/cjs/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./components/Pickaxe/index.js"),o=require("./components/Pickaxe/Provider.js"),s=require("./components/Pickaxe/ResponseProvider.js"),r=require("./components/Pickaxe/common/PickaxeMarkdown/index.js"),t=require("./components/Pickaxe/common/PickaxeMarkdown/Renderer.js"),i=require("./hooks/pickaxe/useConversation.js"),x=require("./hooks/pickaxe/useHistory.js"),n=require("./hooks/pickaxe/usePickaxe.js"),k=require("./hooks/pickaxe/usePickaxeContext.js"),u=require("./hooks/pickaxe/useResponseContext.js"),a=require("./hooks/pickaxe/useDimensionContext.js"),c=require("./hooks/pickaxe/useSubmit.js"),p=require("./hooks/pickaxe/useSubmitDocument.js");exports.Pickaxe=e.Pickaxe,exports.PickaxeContext=o.PickaxeContext,exports.PickaxeProvider=o.PickaxeProvider,exports.ResponseContext=s.ResponseContext,exports.PickaxeMarkdown=r.PickaxeMarkdown,exports.PickaxeMarkdownContext=r.PickaxeMarkdownContext,exports.PickaxeMarkdownRenderer=t.PickaxeMarkdownRenderer,exports.useConversation=i.useConversation,exports.useHistory=x.useHistory,exports.useInstantPickaxe=n.useInstantPickaxe,exports.usePickaxe=n.usePickaxe,exports.usePickaxeContext=k.usePickaxeContext,exports.useResponseContext=u.useResponseContext,exports.useDimensionContext=a.useDimensionContext,exports.useSubmit=c.useSubmit,exports.useSubmitDocument=p.useSubmitDocument;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./components/Pickaxe/index.js"),o=require("./components/Pickaxe/Provider.js"),s=require("./components/Pickaxe/ResponseProvider.js"),t=require("./components/Pickaxe/common/PickaxeMarkdown/index.js"),r=require("./components/Pickaxe/common/PickaxeMarkdown/Renderer.js"),n=require("./components/EmbedPreview/Inline.js"),i=require("./components/EmbedPreview/FAB.js"),x=require("./components/EmbedPreview/Popup.js"),u=require("./components/EmbedPreview/ChatInput.js"),p=require("./hooks/pickaxe/useConversation.js"),a=require("./hooks/pickaxe/useHistory.js"),c=require("./hooks/pickaxe/usePickaxe.js"),k=require("./hooks/pickaxe/usePickaxeContext.js"),P=require("./hooks/pickaxe/useResponseContext.js"),m=require("./hooks/pickaxe/useDimensionContext.js"),C=require("./hooks/pickaxe/useSubmit.js"),d=require("./hooks/pickaxe/useSubmitDocument.js");exports.Pickaxe=e.Pickaxe,exports.PickaxeContext=o.PickaxeContext,exports.PickaxeProvider=o.PickaxeProvider,exports.ResponseContext=s.ResponseContext,exports.PickaxeMarkdown=t.PickaxeMarkdown,exports.PickaxeMarkdownContext=t.PickaxeMarkdownContext,exports.PickaxeMarkdownRenderer=r.PickaxeMarkdownRenderer,exports.Inline=n.Inline,exports.FAB=i.FAB,exports.FABButton=i.FABButton,exports.Popup=x.Popup,exports.PopupCTAButton=x.PopupCTAButton,exports.ChatInput=u.ChatInput,exports.ChatInputWrapper=u.ChatInputWrapper,exports.useConversation=p.useConversation,exports.useHistory=a.useHistory,exports.useInstantPickaxe=c.useInstantPickaxe,exports.usePickaxe=c.usePickaxe,exports.usePickaxeContext=k.usePickaxeContext,exports.useResponseContext=P.useResponseContext,exports.useDimensionContext=m.useDimensionContext,exports.useSubmit=C.useSubmit,exports.useSubmitDocument=d.useSubmitDocument;
@@ -1,7 +1,7 @@
1
1
  import type { ReactNode } from "react";
2
2
  import { PickaxeProps } from "../Pickaxe";
3
3
  import { IPickaxeProviderProps } from "../Pickaxe/Provider";
4
- type ChatInputProps = PickaxeProps & Omit<IPickaxeProviderProps, "deploymentType">;
4
+ type ChatInputProps = PickaxeProps & Omit<IPickaxeProviderProps, "children" | "deploymentType" | "isEmbed">;
5
5
  export declare const ChatInput: ({ formId, className, ...props }: ChatInputProps) => import("react/jsx-runtime").JSX.Element;
6
6
  export declare const ChatInputWrapper: ({ children }: {
7
7
  children: ReactNode;
@@ -1,7 +1,7 @@
1
1
  import type { SetState } from "../../types/common";
2
2
  import { PickaxeProps } from "../Pickaxe";
3
3
  import { IPickaxeProviderProps } from "../Pickaxe/Provider";
4
- type FABProps = PickaxeProps & Omit<IPickaxeProviderProps, "deploymentType">;
4
+ type FABProps = PickaxeProps & Omit<IPickaxeProviderProps, "children" | "deploymentType" | "isEmbed">;
5
5
  export declare const FAB: ({ formId, className, ...props }: FABProps) => import("react/jsx-runtime").JSX.Element;
6
6
  export declare const FABButton: ({ isOpen, setIsOpen, }: {
7
7
  isOpen: boolean;
@@ -1,5 +1,5 @@
1
1
  import { PickaxeProps } from "../Pickaxe";
2
2
  import { IPickaxeProviderProps } from "../Pickaxe/Provider";
3
- type InlineProps = PickaxeProps & Omit<IPickaxeProviderProps, "deploymentType">;
3
+ type InlineProps = PickaxeProps & Omit<IPickaxeProviderProps, "children" | "deploymentType" | "isEmbed">;
4
4
  export declare const Inline: ({ formId, className, ...props }: InlineProps) => import("react/jsx-runtime").JSX.Element;
5
5
  export {};
@@ -1,7 +1,7 @@
1
1
  import type { SetState } from "../../types/common";
2
2
  import { PickaxeProps } from "../Pickaxe";
3
3
  import { IPickaxeProviderProps } from "../Pickaxe/Provider";
4
- type PopupProps = PickaxeProps & Omit<IPickaxeProviderProps, "deploymentType">;
4
+ type PopupProps = PickaxeProps & Omit<IPickaxeProviderProps, "children" | "deploymentType" | "isEmbed">;
5
5
  export declare const Popup: ({ formId, className, ...props }: PopupProps) => import("react/jsx-runtime").JSX.Element;
6
6
  export declare const PopupCTAButton: ({ formId, setIsOpen, }: {
7
7
  formId: string;
@@ -1,3 +1,3 @@
1
1
  import { ButtonProps } from "../../Core/Button";
2
- declare const PickaxeButton: ({ variant, className, ...props }: Omit<ButtonProps, "ref">) => import("react/jsx-runtime").JSX.Element;
2
+ declare const PickaxeButton: ({ variant, className, style, ...props }: Omit<ButtonProps, "ref">) => import("react/jsx-runtime").JSX.Element;
3
3
  export default PickaxeButton;
@@ -0,0 +1,5 @@
1
+ import "./styles/prose.css";
2
+ export * from "./components/EmbedPreview/Inline";
3
+ export * from "./components/EmbedPreview/FAB";
4
+ export * from "./components/EmbedPreview/Popup";
5
+ export * from "./components/EmbedPreview/ChatInput";
@@ -4,6 +4,10 @@ export * from "./components/Pickaxe/Provider";
4
4
  export * from "./components/Pickaxe/ResponseProvider";
5
5
  export * from "./components/Pickaxe/common/PickaxeMarkdown";
6
6
  export * from "./components/Pickaxe/common/PickaxeMarkdown/Renderer";
7
+ export * from "./components/EmbedPreview/Inline";
8
+ export * from "./components/EmbedPreview/FAB";
9
+ export * from "./components/EmbedPreview/Popup";
10
+ export * from "./components/EmbedPreview/ChatInput";
7
11
  export * from "./hooks/pickaxe/useConversation";
8
12
  export * from "./hooks/pickaxe/useHistory";
9
13
  export * from "./hooks/pickaxe/usePickaxe";
@@ -0,0 +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 r}from"@tanstack/react-query";import{Pickaxe as n}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(r,Object.assign({client:l},{children:e(s,Object.assign({},d,{deploymentType:"chat-input",isEmbed:!0},{children:e(h,{children:e(n,Object.assign({formId:o},a&&{className:a}))})}))}))},h=({children:i})=>{var o;const{styles:r,deploymentDimensions:n,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 scrollbar scrollbar-thin"),style:Object.assign(Object.assign({borderRadius:null!==(o=null==r?void 0:r.cornerRadius)&&void 0!==o?o: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"}:{}),s?{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:i}))};export{d as ChatInput,h as ChatInputWrapper};
@@ -0,0 +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 d}from"../Pickaxe/Provider.js";import{AnimatePresence as m,motion as h}from"framer-motion";import u from"../Icons/pickaxe.svg.js";import p from"../Icons/spark.svg.js";import g from"../Icons/x.svg.js";import b from"../../common/cn.js";const f=new r({defaultOptions:{queries:{refetchOnWindowFocus:!1}}}),x=i=>{var a,r,u,p,{formId:g,className:x}=i,w=e(i,["formId","className"]);const[y,j]=s(!1),[k,O]=s({}),I=()=>{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 d=0;d="px"===i.unit?i.value:t;let m=Math.min(d,r,t);m=Math.max(m,150),m=Math.min(m,r);O({width:"%"===i.unit?i.value+"%":m+"px",minWidth:150,maxWidth:m,height:"auto"===n.unit?n.value:l+"px",minHeight:100,maxHeight:l})};return o((()=>(I(),window.addEventListener("resize",I),()=>window.removeEventListener("resize",I))),[w.deploymentDimensions]),t(c,Object.assign({client:f},{children:t(d,Object.assign({},w,{deploymentType:"fab",isEmbed:!0},{children:n(m,{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:b("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},k)},{children:t("div",Object.assign({className:"flex flex-col overflow-auto h-full scrollbar scrollbar-thin dark:bg-black",style:{borderRadius:null!==(p=null===(u=w.styles)||void 0===u?void 0:u.cornerRadius)&&void 0!==p?p:0}},{children:t(l,Object.assign({formId:g},x&&{className:x}))}))}),"fab-content"),t(v,{isOpen:y,setIsOpen:j})]})}))}))},v=({isOpen:e,setIsOpen:n})=>{const{colors:r,deploymentMisc:c}=a(),[l,d]=s({src:"",isLarge:!1}),[m,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;d({src:c.fabImage,isLarge:i})}catch(e){console.error("[pxe] error loading FAB image:",e),d({src:"",isLarge:!1})}finally{h(!1)}}))}),[null==c?void 0:c.fabImage]),m?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:"shrink-0 select-none",style:{width:28,height:28}})}):Object.assign({id:"open-btn"},{children:l.src===`https://${process.env.NEXT_PUBLIC_PICKAXE_DOMAIN}/builder/assets/images/pickaxe-chaticons/chaticon2.png`?t(p,{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(u,{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{x as FAB,v as FABButton};
@@ -0,0 +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 l from"../../common/cn.js";const m=new n({defaultOptions:{queries:{refetchOnWindowFocus:!1}}}),d=n=>{var d,r,a,c,h,p,{formId:u,className:v}=n,x=i(n,["formId","className"]);return e(o,Object.assign({client:m},{children:e(s,Object.assign({},x,{deploymentType:"inline",isEmbed:!0},{children:e("div",Object.assign({className:l("relative top-0 flex w-full flex-col overflow-y-auto overflow-x-hidden transition-all scrollbar scrollbar-thin",x.isDropShadow&&"shadow-embed"),style:Object.assign(Object.assign({borderRadius:null!==(r=null===(d=x.styles)||void 0===d?void 0:d.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===(c=x.deploymentDimensions)||void 0===c?void 0:c.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===(p=x.deploymentDimensions)||void 0===p?void 0:p.height.unit)?{minHeight:x.deploymentDimensions.minHeight+"px",maxHeight:x.deploymentDimensions.maxHeight+"px"}:{})},{children:e(t,Object.assign({formId:u},v&&{className:v}))}))}))}))};export{d as Inline};
@@ -0,0 +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 r}from"@tanstack/react-query";import{Pickaxe as d}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(r,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 scrollbar scrollbar-thin",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(d,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:r,deploymentDimensions:d,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"!==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: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"!==r.font&&{fontFamily:r.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{__rest as t}from"../../../_virtual/_tslib.js";import{jsx as o}from"react/jsx-runtime";import{usePickaxeContext as r}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleButton as s}from"../../../hooks/studio/useStyleButton.js";import{useStyleFontSize as a}from"../../../hooks/studio/useStyleFontSize.js";import e from"../../Core/Button.js";import i from"../../../common/cn.js";const m=m=>{var{variant:n,className:c}=m,l=t(m,["variant","className"]);const{styles:p}=r(),u=s({variant:n}),y=a();return o(e,Object.assign({variant:n,className:i(y.l2,"min-h-[48px]",c,("primary"===n||"secondary"===n)&&"hover:opacity-90","outlined"===p.btnStyle&&"hover:opacity-70"),style:u},l))};export{m as default};
1
+ import{__rest as t}from"../../../_virtual/_tslib.js";import{jsx as o}from"react/jsx-runtime";import{usePickaxeContext as s}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleButton as r}from"../../../hooks/studio/useStyleButton.js";import{useStyleFontSize as e}from"../../../hooks/studio/useStyleFontSize.js";import a from"../../Core/Button.js";import i from"../../../common/cn.js";const m=m=>{var{variant:n,className:c,style:l}=m,p=t(m,["variant","className","style"]);const{styles:u}=s(),y=r({variant:n}),j=e();return o(a,Object.assign({variant:n,className:i(j.l2,"min-h-[48px]",c,("primary"===n||"secondary"===n)&&"hover:opacity-90","outlined"===u.btnStyle&&"hover:opacity-70"),style:Object.assign(Object.assign({},y),l)},p))};export{m as default};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as s,useMemo as t}from"react";import{usePickaxeContext as o}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleFontSize as r}from"../../../hooks/studio/useStyleFontSize.js";import{PickaxeMarkdownRenderer as l}from"./PickaxeMarkdown/Renderer.js";import c from"./PickaxeIcon.js";import n from"./PickaxeInfoModal.js";import{PickaxeMarkdown as a}from"./PickaxeMarkdown/index.js";import m from"../../../common/cn.js";const d=({className:d,iconClassName:p,maxDescriptionChars:f,onIconClick:x})=>{const{pickaxe:h,styles:u,colors:k,misc:j,disableHtml:b,disableJs:C,disableCss:g,isRtl:v}=o(),[P,O]=s(!1),N=r(),I=t((()=>({title:(null==h?void 0:h.formtitle)||"",description:(null==h?void 0:h.formdescription)||""})),[h]);return e("div",Object.assign({className:m("flex flex-col items-center",d)},{children:[P&&i(n,{isOpen:P,onChangeIsOpen:O}),j.isProfileImage&&i(c,Object.assign({src:null==h?void 0:h.coverphoto,alt:`${null==h?void 0:h.formtitle}'s Profile Picture`,width:72,height:72,className:m("h-[72px] w-[72px] rounded-full",p,!!x&&"cursor-pointer")},x&&{onClick:x})),j.isTitle&&!!I.title&&i("h2",Object.assign({className:m(N.h2,"mt-6 text-center font-semilight opacity-90",!f&&"line-clamp-2")},{children:null==h?void 0:h.formtitle})),j.isDescription&&!!I.description&&i(a,Object.assign({theme:u.theme,accentColor:k.accent},v&&{rtl:!0},b&&{disableHtml:!0},C&&{disableJs:!0},g&&{disableCss:!0},{children:i(l,Object.assign({className:"mt-2 text-center",value:I.description},f&&{maxDescriptionChars:f},{onExpandClick:()=>O(!0)}))}))]}))};export{d as default};
1
+ import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as s,useMemo as t}from"react";import{usePickaxeContext as o}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleFontSize as r}from"../../../hooks/studio/useStyleFontSize.js";import{PickaxeMarkdownRenderer as l}from"./PickaxeMarkdown/Renderer.js";import c from"./PickaxeIcon.js";import n from"./PickaxeInfoModal.js";import{PickaxeMarkdown as a}from"./PickaxeMarkdown/index.js";import m from"../../../common/cn.js";const d=({className:d,iconClassName:p,maxDescriptionChars:f,onIconClick:x})=>{const{pickaxe:h,styles:u,colors:k,misc:j,disableHtml:b,disableJs:C,disableCss:g,isRtl:v}=o(),[P,O]=s(!1),N=r(),I=t((()=>({title:(null==h?void 0:h.formtitle)||"",description:(null==h?void 0:h.formdescription)||""})),[h]);return e("div",Object.assign({className:m("flex flex-col items-center",d)},{children:[P&&i(n,{isOpen:P,onChangeIsOpen:O}),j.isProfileImage&&i(c,Object.assign({src:null==h?void 0:h.coverphoto,alt:`${null==h?void 0:h.formtitle}'s Profile Picture`,width:72,height:72,className:m("h-[72px] w-[72px] rounded-full",p,!!x&&"cursor-pointer")},x&&{onClick:x})),j.isTitle&&!!I.title&&i("h2",Object.assign({className:m(N.h2,"mt-6 text-center font-semilight opacity-90",!f&&"line-clamp-2")},{children:null==h?void 0:h.formtitle})),j.isDescription&&!!I.description&&i(a,Object.assign({theme:u.theme,accentColor:k.accent},v&&{rtl:!0},b&&{disableHtml:!0},C&&{disableJs:!0},g&&{disableCss:!0},{children:i(l,Object.assign({className:"mt-2 text-center",value:I.description},f&&{maxChars:f},{onExpandClick:()=>O(!0)}))}))]}))};export{d as default};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as o}from"react/jsx-runtime";import{AnimatePresence as r}from"framer-motion";import{usePickaxeContext as s}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as t}from"../../../hooks/pickaxe/useResponseContext.js";import{useStyleFontSize as a}from"../../../hooks/studio/useStyleFontSize.js";import i from"../../Icons/circle-exclamation.svg.js";import m from"../../Core/SpringTransition.js";import c from"../../Core/HtmlRenderer.js";import n from"./PickaxeButton.js";import l from"../../../common/cn.js";const p=({className:p,iconClassName:f,htmlClassName:h})=>{const{colors:x}=s(),j=a(),{limitData:d}=t();return e(r,{children:!!d&&o(m,Object.assign({className:l("flex gap-3",p)},{children:[e(i,{className:l("h-5 w-5 shrink-0",f),style:{color:x.accent}}),o("div",Object.assign({className:"flex flex-col gap-4"},{children:[e(c,{className:l(j.b2,"font-semibold",h),style:{color:x.text},html:d.html}),!!d.cta&&e("a",Object.assign({href:d.ctaLink,target:"_parent",rel:"noreferrer"},{children:e(n,Object.assign({variant:"primary",className:"min-h-[38px]",style:{minHeight:"38px"}},{children:d.cta}))}))]}))]}))})};export{p as default};
1
+ import{jsx as e,jsxs as o}from"react/jsx-runtime";import{AnimatePresence as r}from"framer-motion";import{usePickaxeContext as s}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as t}from"../../../hooks/pickaxe/useResponseContext.js";import{useStyleFontSize as a}from"../../../hooks/studio/useStyleFontSize.js";import i from"../../Icons/circle-exclamation.svg.js";import m from"../../Core/SpringTransition.js";import c from"../../Core/HtmlRenderer.js";import n from"./PickaxeButton.js";import l from"../../../common/cn.js";const p=({className:p,iconClassName:f,htmlClassName:h})=>{const{colors:x}=s(),{limitData:j}=t(),d=a();return e(r,{children:!!j&&o(m,Object.assign({className:l("flex gap-3",p)},{children:[e(i,{className:l("h-5 w-5 shrink-0",f),style:{color:x.accent}}),o("div",Object.assign({className:"flex flex-col gap-4"},{children:[e(c,{className:l(d.b2,"font-semibold",h),style:{color:x.text},html:j.html}),!!j.cta&&e("a",Object.assign({href:j.ctaLink,target:"_parent",rel:"noreferrer"},{children:e(n,Object.assign({variant:"primary",className:"min-h-[38px]",style:{minHeight:"38px"}},{children:j.cta}))}))]}))]}))})};export{p as default};
@@ -0,0 +1 @@
1
+ export{Inline}from"../components/EmbedPreview/Inline.js";export{FAB,FABButton}from"../components/EmbedPreview/FAB.js";export{Popup,PopupCTAButton}from"../components/EmbedPreview/Popup.js";export{ChatInput,ChatInputWrapper}from"../components/EmbedPreview/ChatInput.js";
package/dist/esm/index.js CHANGED
@@ -1 +1 @@
1
- export{Pickaxe}from"./components/Pickaxe/index.js";export{PickaxeContext,PickaxeProvider}from"./components/Pickaxe/Provider.js";export{ResponseContext}from"./components/Pickaxe/ResponseProvider.js";export{PickaxeMarkdown,PickaxeMarkdownContext}from"./components/Pickaxe/common/PickaxeMarkdown/index.js";export{PickaxeMarkdownRenderer}from"./components/Pickaxe/common/PickaxeMarkdown/Renderer.js";export{useConversation}from"./hooks/pickaxe/useConversation.js";export{useHistory}from"./hooks/pickaxe/useHistory.js";export{useInstantPickaxe,usePickaxe}from"./hooks/pickaxe/usePickaxe.js";export{usePickaxeContext}from"./hooks/pickaxe/usePickaxeContext.js";export{useResponseContext}from"./hooks/pickaxe/useResponseContext.js";export{useDimensionContext}from"./hooks/pickaxe/useDimensionContext.js";export{useSubmit}from"./hooks/pickaxe/useSubmit.js";export{useSubmitDocument}from"./hooks/pickaxe/useSubmitDocument.js";
1
+ export{Pickaxe}from"./components/Pickaxe/index.js";export{PickaxeContext,PickaxeProvider}from"./components/Pickaxe/Provider.js";export{ResponseContext}from"./components/Pickaxe/ResponseProvider.js";export{PickaxeMarkdown,PickaxeMarkdownContext}from"./components/Pickaxe/common/PickaxeMarkdown/index.js";export{PickaxeMarkdownRenderer}from"./components/Pickaxe/common/PickaxeMarkdown/Renderer.js";export{Inline}from"./components/EmbedPreview/Inline.js";export{FAB,FABButton}from"./components/EmbedPreview/FAB.js";export{Popup,PopupCTAButton}from"./components/EmbedPreview/Popup.js";export{ChatInput,ChatInputWrapper}from"./components/EmbedPreview/ChatInput.js";export{useConversation}from"./hooks/pickaxe/useConversation.js";export{useHistory}from"./hooks/pickaxe/useHistory.js";export{useInstantPickaxe,usePickaxe}from"./hooks/pickaxe/usePickaxe.js";export{usePickaxeContext}from"./hooks/pickaxe/usePickaxeContext.js";export{useResponseContext}from"./hooks/pickaxe/useResponseContext.js";export{useDimensionContext}from"./hooks/pickaxe/useDimensionContext.js";export{useSubmit}from"./hooks/pickaxe/useSubmit.js";export{useSubmitDocument}from"./hooks/pickaxe/useSubmitDocument.js";
@@ -1,7 +1,7 @@
1
1
  import type { ReactNode } from "react";
2
2
  import { PickaxeProps } from "../Pickaxe";
3
3
  import { IPickaxeProviderProps } from "../Pickaxe/Provider";
4
- type ChatInputProps = PickaxeProps & Omit<IPickaxeProviderProps, "deploymentType">;
4
+ type ChatInputProps = PickaxeProps & Omit<IPickaxeProviderProps, "children" | "deploymentType" | "isEmbed">;
5
5
  export declare const ChatInput: ({ formId, className, ...props }: ChatInputProps) => import("react/jsx-runtime").JSX.Element;
6
6
  export declare const ChatInputWrapper: ({ children }: {
7
7
  children: ReactNode;
@@ -1,7 +1,7 @@
1
1
  import type { SetState } from "../../types/common";
2
2
  import { PickaxeProps } from "../Pickaxe";
3
3
  import { IPickaxeProviderProps } from "../Pickaxe/Provider";
4
- type FABProps = PickaxeProps & Omit<IPickaxeProviderProps, "deploymentType">;
4
+ type FABProps = PickaxeProps & Omit<IPickaxeProviderProps, "children" | "deploymentType" | "isEmbed">;
5
5
  export declare const FAB: ({ formId, className, ...props }: FABProps) => import("react/jsx-runtime").JSX.Element;
6
6
  export declare const FABButton: ({ isOpen, setIsOpen, }: {
7
7
  isOpen: boolean;
@@ -1,5 +1,5 @@
1
1
  import { PickaxeProps } from "../Pickaxe";
2
2
  import { IPickaxeProviderProps } from "../Pickaxe/Provider";
3
- type InlineProps = PickaxeProps & Omit<IPickaxeProviderProps, "deploymentType">;
3
+ type InlineProps = PickaxeProps & Omit<IPickaxeProviderProps, "children" | "deploymentType" | "isEmbed">;
4
4
  export declare const Inline: ({ formId, className, ...props }: InlineProps) => import("react/jsx-runtime").JSX.Element;
5
5
  export {};
@@ -1,7 +1,7 @@
1
1
  import type { SetState } from "../../types/common";
2
2
  import { PickaxeProps } from "../Pickaxe";
3
3
  import { IPickaxeProviderProps } from "../Pickaxe/Provider";
4
- type PopupProps = PickaxeProps & Omit<IPickaxeProviderProps, "deploymentType">;
4
+ type PopupProps = PickaxeProps & Omit<IPickaxeProviderProps, "children" | "deploymentType" | "isEmbed">;
5
5
  export declare const Popup: ({ formId, className, ...props }: PopupProps) => import("react/jsx-runtime").JSX.Element;
6
6
  export declare const PopupCTAButton: ({ formId, setIsOpen, }: {
7
7
  formId: string;
@@ -1,3 +1,3 @@
1
1
  import { ButtonProps } from "../../Core/Button";
2
- declare const PickaxeButton: ({ variant, className, ...props }: Omit<ButtonProps, "ref">) => import("react/jsx-runtime").JSX.Element;
2
+ declare const PickaxeButton: ({ variant, className, style, ...props }: Omit<ButtonProps, "ref">) => import("react/jsx-runtime").JSX.Element;
3
3
  export default PickaxeButton;
@@ -0,0 +1,5 @@
1
+ import "./styles/prose.css";
2
+ export * from "./components/EmbedPreview/Inline";
3
+ export * from "./components/EmbedPreview/FAB";
4
+ export * from "./components/EmbedPreview/Popup";
5
+ export * from "./components/EmbedPreview/ChatInput";
@@ -4,6 +4,10 @@ export * from "./components/Pickaxe/Provider";
4
4
  export * from "./components/Pickaxe/ResponseProvider";
5
5
  export * from "./components/Pickaxe/common/PickaxeMarkdown";
6
6
  export * from "./components/Pickaxe/common/PickaxeMarkdown/Renderer";
7
+ export * from "./components/EmbedPreview/Inline";
8
+ export * from "./components/EmbedPreview/FAB";
9
+ export * from "./components/EmbedPreview/Popup";
10
+ export * from "./components/EmbedPreview/ChatInput";
7
11
  export * from "./hooks/pickaxe/useConversation";
8
12
  export * from "./hooks/pickaxe/useHistory";
9
13
  export * from "./hooks/pickaxe/usePickaxe";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pickaxeproject/react",
3
- "version": "2.6.0",
3
+ "version": "2.6.1",
4
4
  "description": "Client utility library for Pickaxe",
5
5
  "repository": {
6
6
  "type": "git",
@@ -10,7 +10,13 @@
10
10
  "exports": {
11
11
  ".": {
12
12
  "import": "./dist/esm/index.js",
13
- "require": "./dist/cjs/index.js"
13
+ "require": "./dist/cjs/index.js",
14
+ "types": "./dist/esm/src/index.d.ts"
15
+ },
16
+ "./embed": {
17
+ "import": "./dist/esm/embed/index.js",
18
+ "require": "./dist/cjs/embed/index.js",
19
+ "types": "./dist/esm/src/embed.d.ts"
14
20
  },
15
21
  "./prose.css": "./dist/esm/prose.css"
16
22
  },