@pickaxeproject/react 0.0.10 → 0.0.12

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 (44) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/components/Core/ErrorAlert.js +1 -1
  3. package/dist/cjs/components/Core/Menu/Button.js +1 -1
  4. package/dist/cjs/components/Core/Menu/List.js +1 -1
  5. package/dist/cjs/components/Pickaxe/Chat/History/Message.js +1 -1
  6. package/dist/cjs/components/Pickaxe/Chat/History/index.js +1 -1
  7. package/dist/cjs/components/Pickaxe/Chat/Input.js +1 -1
  8. package/dist/cjs/components/Pickaxe/Chat/index.js +1 -1
  9. package/dist/cjs/components/Pickaxe/Form/Head.js +1 -1
  10. package/dist/cjs/components/Pickaxe/Form/History/Container.js +1 -1
  11. package/dist/cjs/components/Pickaxe/Form/History/Item.js +1 -1
  12. package/dist/cjs/components/Pickaxe/Form/History/Response.js +1 -1
  13. package/dist/cjs/components/Pickaxe/Form/Questions/Checkbox.js +1 -1
  14. package/dist/cjs/components/Pickaxe/Form/Questions/Document.js +1 -1
  15. package/dist/cjs/components/Pickaxe/Form/Questions/Option.js +1 -1
  16. package/dist/cjs/components/Pickaxe/InfoModal.js +1 -1
  17. package/dist/cjs/components/Pickaxe/Provider.d.ts +12 -1
  18. package/dist/cjs/components/Pickaxe/Provider.js +1 -1
  19. package/dist/cjs/components/Pickaxe/index.js +1 -1
  20. package/dist/cjs/hooks/pickaxe/usePickaxeContext.d.ts +1 -0
  21. package/dist/cjs/index.d.ts +8 -0
  22. package/dist/cjs/index.js +1 -1
  23. package/dist/esm/components/Core/ErrorAlert.js +1 -1
  24. package/dist/esm/components/Core/Menu/Button.js +1 -1
  25. package/dist/esm/components/Core/Menu/List.js +1 -1
  26. package/dist/esm/components/Pickaxe/Chat/History/Message.js +1 -1
  27. package/dist/esm/components/Pickaxe/Chat/History/index.js +1 -1
  28. package/dist/esm/components/Pickaxe/Chat/Input.js +1 -1
  29. package/dist/esm/components/Pickaxe/Chat/index.js +1 -1
  30. package/dist/esm/components/Pickaxe/Form/Head.js +1 -1
  31. package/dist/esm/components/Pickaxe/Form/History/Container.js +1 -1
  32. package/dist/esm/components/Pickaxe/Form/History/Item.js +1 -1
  33. package/dist/esm/components/Pickaxe/Form/History/Response.js +1 -1
  34. package/dist/esm/components/Pickaxe/Form/Questions/Checkbox.js +1 -1
  35. package/dist/esm/components/Pickaxe/Form/Questions/Document.js +1 -1
  36. package/dist/esm/components/Pickaxe/Form/Questions/Option.js +1 -1
  37. package/dist/esm/components/Pickaxe/InfoModal.js +1 -1
  38. package/dist/esm/components/Pickaxe/Provider.d.ts +12 -1
  39. package/dist/esm/components/Pickaxe/Provider.js +1 -1
  40. package/dist/esm/components/Pickaxe/index.js +1 -1
  41. package/dist/esm/hooks/pickaxe/usePickaxeContext.d.ts +1 -0
  42. package/dist/esm/index.d.ts +8 -0
  43. package/dist/esm/index.js +1 -1
  44. package/package.json +1 -1
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # Pickaxe - React
2
2
 
3
- > Client utility library for Pickaxe
3
+ > Client utility library for Pickaxe display
4
4
 
5
5
  ## How to publish
6
6
 
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../Icons/circle-exclamation.svg.js"),r=require("./HtmlRenderer.js"),a=require("../../common/cn.js");exports.default=({error:t,className:l,iconClassName:c,htmlClassName:i})=>t?e.jsxs("div",Object.assign({className:a.default("flex items-center gap-2 text-[#FF0000]/80",l)},{children:[e.jsx(s.default,{className:a.default("h-5 w-5 shrink-0",c)}),e.jsx(r.default,{className:a.default("danger-error text-sm font-semibold",i),html:t})]})):null;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../Icons/circle-exclamation.svg.js"),r=require("./HtmlRenderer.js"),a=require("../../common/cn.js");exports.default=({error:t,className:l,iconClassName:c,htmlClassName:i})=>t?e.jsxs("div",Object.assign({className:a.default("flex items-center gap-2 text-red-500",l)},{children:[e.jsx(s.default,{className:a.default("h-5 w-5 shrink-0",c)}),e.jsx(r.default,{className:a.default("danger-error text-sm font-semibold",i),html:t})]})):null;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),i=require("react"),s=require("./index.js"),r=require("../../Icons/chevron-down.svg.js"),n=require("../../../common/cn.js");const o=i.forwardRef(((o,a)=>{var{children:l,variant:c="default",isDisabled:d=!1,style:u,className:v,anchorClassName:p}=o,f=e.__rest(o,["children","variant","isDisabled","style","className","anchorClassName"]);const{id:m,isOpen:j,setIsOpen:x}=i.useContext(s.MenuContext);return"anchor"===c?t.jsxs("div",Object.assign({ref:a,id:m},f,{className:n.default("flex cursor-pointer items-center gap-2",v),style:Object.assign({cursor:d?"not-allowed":"pointer",pointerEvents:d?"none":"auto"},u),onClick:t=>e.__awaiter(void 0,void 0,void 0,(function*(){if(t.stopPropagation(),t.preventDefault(),!d){if(f.onClick)return f.onClick(t),void x(!j);x(!j),yield new Promise((e=>setTimeout(e,100)))}}))},{children:[l,t.jsx(r.default,{className:n.default("duration:300 h-[18px] w-[18px] shrink-0 rotate-0 transition-rotate",j&&"rotate-180",p)})]})):t.jsx("div",Object.assign({ref:a,id:m},f,{className:n.default("flex items-center",v),style:Object.assign({cursor:d?"not-allowed":"pointer",pointerEvents:d?"none":"auto"},u),onClick:t=>e.__awaiter(void 0,void 0,void 0,(function*(){t.stopPropagation(),t.preventDefault(),d||(f.onClick?f.onClick(t):(x(!j),yield new Promise((e=>setTimeout(e,100)))))}))},{children:l}))}));o.displayName="MenuButton",exports.default=o;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),i=require("react"),s=require("./index.js"),r=require("../../Icons/chevron-down.svg.js"),n=require("../../../common/cn.js");const o=i.forwardRef(((o,a)=>{var{children:l,variant:c="default",isDisabled:d=!1,style:u,className:v,anchorClassName:f}=o,p=e.__rest(o,["children","variant","isDisabled","style","className","anchorClassName"]);const{id:m,isOpen:j,setIsOpen:x}=i.useContext(s.MenuContext);return"anchor"===c?t.jsxs("div",Object.assign({ref:a,id:m},p,{className:n.default("flex cursor-pointer items-center gap-2",v),style:Object.assign({cursor:d?"not-allowed":"pointer",pointerEvents:d?"none":"auto"},u),onClick:t=>e.__awaiter(void 0,void 0,void 0,(function*(){if(t.stopPropagation(),t.preventDefault(),!d){if(p.onClick)return p.onClick(t),void x(!j);x(!j),yield new Promise((e=>setTimeout(e,100)))}}))},{children:[l,t.jsx(r.default,{className:n.default("duration:300 h-5 w-5 shrink-0 rotate-0 transition-rotate",j&&"rotate-180",f)})]})):t.jsx("div",Object.assign({ref:a,id:m},p,{className:n.default("flex items-center",v),style:Object.assign({cursor:d?"not-allowed":"pointer",pointerEvents:d?"none":"auto"},u),onClick:t=>e.__awaiter(void 0,void 0,void 0,(function*(){t.stopPropagation(),t.preventDefault(),d||(p.onClick?p.onClick(t):(x(!j),yield new Promise((e=>setTimeout(e,100)))))}))},{children:l}))}));o.displayName="MenuButton",exports.default=o;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),i=require("react"),l=require("./index.js"),r=require("react-tooltip"),s=require("../../../common/cn.js");const a=i.forwardRef(((a,n)=>{var{children:o,width:c="200px",fixedWidth:d,maxHeight:x,align:u="bottom-start",style:h,className:b}=a,p=e.__rest(a,["children","width","fixedWidth","maxHeight","align","style","className"]);const{id:m,isOpen:f,closeOnSelect:g,openOnClick:j,setIsOpen:O,onChange:w}=i.useContext(l.MenuContext);return t.jsx("div",{children:t.jsx(r.Tooltip,Object.assign({ref:n,anchorSelect:`#${m}`,place:u,style:Object.assign(Object.assign(Object.assign(Object.assign({fontFamily:"inherit",zIndex:1337,display:"flex",flexDirection:"column",padding:"0",backgroundColor:"white",color:"black"},"auto"!==c&&{width:"100%",maxWidth:c}),d&&{width:d,maxWidth:"inherit"}),{borderRadius:"4px"}),h),clickable:!0,noArrow:!0,border:"1px solid rgba(0,0,0,.8)",opacity:1,isOpen:f,setIsOpen:w,openOnClick:j},p,{children:t.jsx("div",Object.assign({className:s.default("flex w-full select-none flex-col overflow-y-auto text-[16px] shadow-lg scrollbar scrollbar-thumb-black/50 scrollbar-thumb-rounded-full scrollbar-w-[4px] scrollbar-h-[4px]",b),style:{maxHeight:x}},g&&{onClick:()=>O(!1)},{children:o}))}))})}));a.displayName="MenuList",exports.default=a;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),i=require("react"),l=require("./index.js"),r=require("react-tooltip"),s=require("../../../common/cn.js");const a=i.forwardRef(((a,n)=>{var{children:o,width:c="200px",fixedWidth:d,maxHeight:u,align:x="bottom-start",style:h,className:b}=a,p=e.__rest(a,["children","width","fixedWidth","maxHeight","align","style","className"]);const{id:m,isOpen:f,closeOnSelect:g,openOnClick:j,setIsOpen:O,onChange:w}=i.useContext(l.MenuContext);return t.jsx("div",{children:t.jsx(r.Tooltip,Object.assign({ref:n,anchorSelect:`#${m}`,place:x,style:Object.assign(Object.assign(Object.assign(Object.assign({fontFamily:"inherit",zIndex:1337,display:"flex",flexDirection:"column",padding:"0",backgroundColor:"white",color:"black"},"auto"!==c&&{width:"100%",maxWidth:c}),d&&{width:d,maxWidth:"inherit"}),{borderRadius:"4px"}),h),clickable:!0,noArrow:!0,border:"1px solid rgba(0,0,0,.8)",opacity:1,isOpen:f,setIsOpen:w,openOnClick:j},p,{children:t.jsx("div",Object.assign({className:s.default("flex w-full select-none flex-col overflow-y-auto text-base shadow-lg scrollbar scrollbar-thumb-black/50 scrollbar-thumb-rounded-full scrollbar-w-[4px] scrollbar-h-[4px]",b),style:{maxHeight:u}},g&&{onClick:()=>O(!1)},{children:o}))}))})}));a.displayName="MenuList",exports.default=a;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../../hooks/pickaxe/usePickaxeContext.js"),a=require("../../../Core/PickaxeIcon.js"),t=require("../../../Core/CopyButton.js"),l=require("../../../Core/MarkdownRenderer.js");exports.default=({message:r})=>{var x;const{formId:c,pickaxe:i}=s.usePickaxeContext(),o=null!==(x=null==i?void 0:i.chaticon)&&void 0!==x?x:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/chaticons/${c}.png`;return"assistant"===r.role?e.jsx("div",Object.assign({className:"flex max-w-[80%] flex-col max-[767px]:max-w-full"},{children:e.jsxs("div",Object.assign({className:"flex gap-x-3"},{children:["NONE"!==o&&e.jsx(a.default,{src:o,alt:"Assistant",width:24,height:24,className:"my-3 h-6 w-6"}),e.jsxs("div",Object.assign({className:"flex flex-col"},{children:[e.jsx("div",Object.assign({className:"chat-message overflow-x-auto overflow-y-hidden rounded bg-blue-100/50 px-4 py-3 scrollbar-thin scrollbar-track-white scrollbar-thumb-[#4A4A4B]"},{children:e.jsx(l.default,{className:"relative max-[767px]:text-[14px]",html:r.content})})),e.jsx("div",Object.assign({className:"mb-2 ml-2 mt-4 flex gap-3"},{children:e.jsx(t.default,{text:r.content})}))]}))]}))})):"user"===r.role?e.jsx("div",Object.assign({className:"flex max-w-[80%] gap-x-3 justify-self-end max-[767px]:max-w-full max-[767px]:pl-[36px]"},{children:e.jsx("div",Object.assign({className:"overflow-x-auto overflow-y-hidden rounded bg-white px-4 py-3 scrollbar-thin scrollbar-track-white scrollbar-thumb-[#4A4A4B]"},{children:e.jsx(l.default,{className:"relative max-[767px]:text-[14px]",html:r.content})}))})):e.jsx("div",{})};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../../hooks/pickaxe/usePickaxeContext.js"),a=require("../../../Core/PickaxeIcon.js"),t=require("../../../Core/CopyButton.js"),l=require("../../../Core/MarkdownRenderer.js");exports.default=({message:r})=>{var c;const{formId:i,pickaxe:x}=s.usePickaxeContext(),o=null!==(c=null==x?void 0:x.chaticon)&&void 0!==c?c:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/chaticons/${i}.png`;return"assistant"===r.role?e.jsx("div",Object.assign({className:"flex max-w-[80%] flex-col max-[767px]:max-w-full"},{children:e.jsxs("div",Object.assign({className:"flex gap-x-3"},{children:["NONE"!==o&&e.jsx(a.default,{src:o,alt:"Assistant",width:24,height:24,className:"my-3 h-6 w-6"}),e.jsxs("div",Object.assign({className:"flex flex-col"},{children:[e.jsx("div",Object.assign({className:"chat-message overflow-x-auto overflow-y-hidden rounded bg-blue-100/50 px-4 py-3 scrollbar-thin scrollbar-track-white scrollbar-thumb-[#4A4A4B]"},{children:e.jsx(l.default,{className:"relative max-[767px]:text-sm",html:r.content})})),e.jsx("div",Object.assign({className:"mb-2 ml-2 mt-4 flex gap-3"},{children:e.jsx(t.default,{text:r.content})}))]}))]}))})):"user"===r.role?e.jsx("div",Object.assign({className:"flex max-w-[80%] gap-x-3 justify-self-end max-[767px]:max-w-full max-[767px]:pl-9"},{children:e.jsx("div",Object.assign({className:"overflow-x-auto overflow-y-hidden rounded bg-white px-4 py-3 scrollbar-thin scrollbar-track-white scrollbar-thumb-[#4A4A4B]"},{children:e.jsx(l.default,{className:"relative max-[767px]:text-sm",html:r.content})}))})):e.jsx("div",{})};
@@ -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/useConversation.js"),i=require("../../../Icons/circle-info.svg.js"),n=require("../../../Core/PickaxeIcon.js"),c=require("../../Addons/Scroll/ScrollLockView.js"),r=require("../../InfoModal.js"),o=require("./Message.js"),x=require("../../../../common/cn.js");exports.default=()=>{var d;const{pickaxe:u,isNewChat:m}=a.usePickaxeContext(),{messages:p,status:j,error:f}=t.useResponseContext(),g=l.useConversation(),[h,b]=s.useState(!1),v=s.useMemo((()=>!!g.data&&!(g.data.messages.length<=1)),[g.data]),w=s.useMemo((()=>g.isSuccess&&m&&!v),[g.isSuccess,m,v]);return e.jsxs("div",Object.assign({className:"relative flex flex-grow flex-col justify-end"},{children:[h&&e.jsx(r.default,{isOpen:h,onChangeIsOpen:b}),e.jsxs("div",Object.assign({className:x.default("absolute left-1/2 top-[20px] flex w-full max-w-[400px] -translate-x-1/2 -translate-y-1/3 transform flex-col items-center px-4 opacity-0 duration-300",w&&"top-1/3 opacity-100")},{children:[e.jsx(n.default,{src:null==u?void 0:u.coverphoto,alt:`${null==u?void 0:u.formtitle}'s Profile Picture`,width:64,height:64,className:"h-[64px] w-[64px] rounded-full"}),e.jsxs("div",Object.assign({className:"flex flex-col items-center"},{children:[e.jsxs("h2",Object.assign({className:"mt-6 text-center text-[18px] font-semibold text-black/70 max-[767px]:text-[16px]"},{children:[`${null==u?void 0:u.formtitle.slice(0,130)}${(null!==(d=null==u?void 0:u.formtitle)&&void 0!==d?d:"").length>130?"...":""}`,e.jsx("button",Object.assign({className:"ml-2 inline-block outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>b(!0)},{children:e.jsx(i.default,{className:"h-[18px] w-[18px] shrink-0 text-c-blue"})}))]})),e.jsx("p",Object.assign({className:"mt-2 line-clamp-3 max-w-[600px] whitespace-pre-line text-center font-semilight text-black/70"},{children:null==u?void 0:u.formdescription}))]}))]})),e.jsx("div",Object.assign({className:"flex w-full justify-center"},{children:g.isLoading?e.jsxs("div",Object.assign({className:"grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-6 pt-10"},{children:[e.jsx("div",{className:"h-10 w-[70%] animate-pulse justify-self-end rounded bg-gray-200"}),e.jsx("div",{className:"h-[150px] w-[70%] animate-pulse rounded bg-gray-200"}),e.jsx("div",{className:"h-10 w-[50%] animate-pulse justify-self-end rounded bg-gray-200"})]})):g.isError?e.jsx("div",Object.assign({className:"flex w-full max-w-[800px] justify-center pt-10"},{children:e.jsxs("p",Object.assign({className:"text-center text-xl font-semibold"},{children:["Something went wrong. Please try again, or"," ",e.jsx("a",Object.assign({href:"mailto:info@pickaxeproject.com?subject=Help"},{children:"contact us"}))," ","for help."]}))})):e.jsxs("div",Object.assign({className:"relative grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-4 pt-10 max-[767px]:pt-6"},{children:[g.data.messages.map(((s,a)=>e.jsx(o.default,{message:s},a))),p.map(((s,a)=>e.jsx(o.default,{message:s},a))),"fetching"===j?e.jsxs("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:["NONE"!==(null==u?void 0:u.chaticon)&&e.jsx(n.default,{src:null==u?void 0:u.chaticon,alt:`${null==u?void 0:u.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6"}),e.jsxs("div",Object.assign({className:"flex items-center gap-x-2 rounded bg-blue-100/50 px-4 py-4"},{children:[e.jsx("div",{className:"h-[6px] w-[6px] animate-dot rounded-full bg-black/60"}),e.jsx("div",{className:"h-[6px] w-[6px] animate-dot-down rounded-full bg-black/60"}),e.jsx("div",{className:"h-[6px] w-[6px] animate-dot rounded-full bg-black/60"})]}))]})):f?e.jsxs("div",Object.assign({className:"flex max-w-[80%] gap-x-3"},{children:[e.jsx(i.default,{className:"danger-error mt-2 h-6 w-6 shrink-0 text-[#FF0000]/80"}),e.jsx("div",{className:"danger-error rounded bg-[#FF0000]/5 px-4 py-2 font-semibold text-[#FF0000]/80",dangerouslySetInnerHTML:{__html:`${f}`}})]})):null,e.jsx(c.default,{className:"absolute bottom-0 left-0 w-full"})]}))}))]}))};
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/useConversation.js"),i=require("../../../Icons/circle-info.svg.js"),c=require("../../../Core/PickaxeIcon.js"),n=require("../../Addons/Scroll/ScrollLockView.js"),r=require("../../InfoModal.js"),o=require("./Message.js"),d=require("../../../../common/cn.js"),x=require("../../../Core/HtmlRenderer.js");exports.default=()=>{var u;const{pickaxe:m,colors:j,isNewChat:f}=a.usePickaxeContext(),{messages:p,status:g,error:h}=t.useResponseContext(),b=l.useConversation(),[v,w]=s.useState(!1),N=s.useMemo((()=>!!b.data&&!(b.data.messages.length<=1)),[b.data]),k=s.useMemo((()=>b.isSuccess&&f&&!N),[b.isSuccess,f,N]);return e.jsxs("div",Object.assign({className:"relative flex flex-grow flex-col justify-end"},{children:[v&&e.jsx(r.default,{isOpen:v,onChangeIsOpen:w}),e.jsxs("div",Object.assign({className:d.default("absolute left-1/2 top-5 flex w-full max-w-[400px] -translate-x-1/2 -translate-y-1/3 transform flex-col items-center px-4 opacity-0 duration-300",k&&"top-1/3 opacity-100")},{children:[e.jsx(c.default,{src:null==m?void 0:m.coverphoto,alt:`${null==m?void 0:m.formtitle}'s Profile Picture`,width:64,height:64,className:"h-16 w-16 rounded-full"}),e.jsxs("div",Object.assign({className:"flex flex-col items-center"},{children:[e.jsxs("h2",Object.assign({className:"mt-6 text-center text-lg font-semibold text-black/70 max-[767px]:text-base"},{children:[`${null==m?void 0:m.formtitle.slice(0,130)}${(null!==(u=null==m?void 0:m.formtitle)&&void 0!==u?u:"").length>130?"...":""}`,e.jsx("button",Object.assign({className:"ml-2 inline-block outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>w(!0)},{children:e.jsx(i.default,{className:"h-5 w-5 shrink-0",style:{color:j.accent}})}))]})),e.jsx("p",Object.assign({className:"mt-2 line-clamp-3 whitespace-pre-line max-w-[600px] text-center font-semilight text-black/70"},{children:null==m?void 0:m.formdescription}))]}))]})),e.jsx("div",Object.assign({className:"flex w-full justify-center"},{children:b.isLoading?e.jsxs("div",Object.assign({className:"grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-6 pt-10"},{children:[e.jsx("div",{className:"h-10 w-[70%] animate-pulse justify-self-end rounded bg-gray-200"}),e.jsx("div",{className:"h-[150px] w-[70%] animate-pulse rounded bg-gray-200"}),e.jsx("div",{className:"h-10 w-[50%] animate-pulse justify-self-end rounded bg-gray-200"})]})):b.isError?e.jsx("div",Object.assign({className:"flex w-full max-w-[800px] justify-center pt-10"},{children:e.jsxs("p",Object.assign({className:"text-center text-xl font-semibold"},{children:["Something went wrong. Please try again, or"," ",e.jsx("a",Object.assign({href:"mailto:info@pickaxeproject.com?subject=Help"},{children:"contact us"}))," ","for help."]}))})):e.jsxs("div",Object.assign({className:"relative grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-4 pt-10 max-[767px]:pt-6"},{children:[b.data.messages.map(((s,a)=>e.jsx(o.default,{message:s},a))),p.map(((s,a)=>e.jsx(o.default,{message:s},a))),"fetching"===g?e.jsxs("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:["NONE"!==(null==m?void 0:m.chaticon)&&e.jsx(c.default,{src:null==m?void 0:m.chaticon,alt:`${null==m?void 0:m.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6"}),e.jsxs("div",Object.assign({className:"flex items-center gap-x-2 rounded bg-blue-100/50 px-4 py-4"},{children:[e.jsx("div",{className:"h-1.5 w-1.5 animate-dot rounded-full bg-black/60"}),e.jsx("div",{className:"h-1.5 w-1.5 animate-dot-down rounded-full bg-black/60"}),e.jsx("div",{className:"h-1.5 w-1.5 animate-dot rounded-full bg-black/60"})]}))]})):h?e.jsxs("div",Object.assign({className:"flex max-w-[80%] gap-x-3"},{children:[e.jsx(i.default,{className:"mt-2 h-6 w-6 shrink-0 text-red-500"}),e.jsx(x.default,{className:"x-4 py-2 font-semibold text-red-500",html:h})]})):null,e.jsx(n.default,{className:"absolute bottom-0 left-0 w-full"})]}))}))]}))};
@@ -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"),r=require("../../../hooks/core/useMediaQuery.js"),o=require("../../../hooks/pickaxe/usePickaxeContext.js"),a=require("../../../hooks/pickaxe/useResponseContext.js"),i=require("../../../hooks/pickaxe/useConversation.js"),n=require("../../../hooks/pickaxe/useSubmit.js"),l=require("../../../hooks/pickaxe/useSubmitResult.js"),d=require("../Addons/Document/hooks/useDocument.js"),u=require("../Addons/Scroll/hooks/useScroll.js"),c=require("../../../common/documents.js"),m=require("../../../common/api/streamer.js"),p=require("../../../node_modules/.pnpm/react-textarea-autosize@8.5.7_@types_react@18.3.18_react@18.3.1/node_modules/react-textarea-autosize/dist/react-textarea-autosize.esm.js"),h=require("../../Icons/attach.svg.js"),x=require("../../Icons/send.svg.js"),f=require("../Addons/IceBreaker/index.js"),g=require("../../../common/error.js"),b=require("../../../common/cn.js");exports.default=()=>{var v,j,w,y;const{formId:k,chatId:I,pickaxe:q,isNewChat:S,setIsNewChat:D}=o.usePickaxeContext(),{messages:A,status:_,setMessage:C,setStatus:N,setError:R}=a.useResponseContext(),{documents:E,isUploading:O,isImageUploadAllowed:M,upsertDocuments:U,onFileUpload:z,onEditDocumentByDocId:B}=d.useDocument(),{isScrollIncreasing:F,scrollToBottom:P,scrollStart:T,scrollEnd:K}=u.useScroll(),L=i.useConversation(),Q=n.useSubmit(),W=l.useSubmitResult(),[H,Y]=t.useState(""),G=t.useRef(null),[J]=r.useMediaQuery("(max-width: 767px)"),V=s=>e.__awaiter(void 0,void 0,void 0,(function*(){try{if(O)return;R(""),D(!1);const e=null!=s?s:H;if(!e||"fetching"===_||"streaming"===_)return;const t=new Date;Y("");const r="enduserupload"===(null==q?void 0:q.documentuploadtype),o=E.filter((e=>"finished"===e.status&&!e.isInsertedAsRaw)),a=o.length?o[o.length-1].documentId:"";N("fetching"),C({id:A.length+1,role:"user",content:e});const{success:i,data:n,usedDocumentIds:l,newDocumentId:d,newDocumentName:u,isInsertedFile:c,error:p}=yield Q.mutateAsync(Object.assign({formId:k,responseId:I,value:e},r&&a&&{documentId:a}));if(!i)throw new Error(null!=p?p:"An error occurred, please try again.");c&&a&&B({documentId:a,isInsertedAsRaw:!0}),d&&u&&U([{type:"website",id:u,name:u,status:"finished",documentId:d}]),T(),P();const h=(yield m.streamer({formId:k,responseId:I,data:n})).body;if(!h)throw new Error("Streaming error");const x=h.getReader(),f=new TextDecoder;let g="",b=!0;for(;b;){const{value:e,done:s}=yield x.read();b=!s;if(g+=f.decode(e),g)N("streaming"),C({id:A.length+2,role:"assistant",content:g}),F&&P();else if(!b&&!g)throw new Error("Server error")}const v=new Date;g&&(P(),N("idle"),yield W.mutateAsync({formId:k,responseId:I,documentIds:l,studioUserId:"USER68RFBSHU4YS2I4L",messages:[{role:"user",message:e,sentAt:t},{role:"assistant",message:g,sentAt:v}]}))}catch(e){let s=g.default(e);s.includes("Unexpected token 'A',")&&(s="Oops! We're experiencing high traffic at the moment. Please try again later."),R(s),P()}finally{N("idle"),K()}}));return s.jsxs("div",Object.assign({className:"relative flex w-full flex-col max-[767px]:fixed max-[767px]:bottom-0 max-[767px]:left-0"},{children:[S&&q&&!L.isLoading&&(null!==(j=null===(v=L.data)||void 0===v?void 0:v.messages.length)&&void 0!==j?j:0)<=1&&q.icebreakers&&q.icebreakers.length>0&&s.jsx(f.default,{data:null!==(w=q.icebreakers)&&void 0!==w?w:[],style:{color:"#000000"},isMobile:J,onSend:V}),s.jsxs("div",Object.assign({className:"flex min-h-[56px] items-end gap-x-2 bg-white px-4 py-3 pb-[15px] shadow"},{children:["enduserupload"===(null==q?void 0:q.documentuploadtype)&&s.jsxs("div",Object.assign({className:"tooltip"},{children:[s.jsx("input",{id:"file-upload",ref:G,type:"file",accept:[...c.allowedFileMimeTypes,...M?c.allowedImageMimeTypes:[]].join(", "),multiple:!0,hidden:!0,className:"hidden",onChange:s=>e.__awaiter(void 0,void 0,void 0,(function*(){yield z(Array.from(s.target.files||[])),s.target.value=""}))}),s.jsx("button",Object.assign({className:"flex items-center disabled:cursor-wait disabled:opacity-50",disabled:O,onClick:()=>{var e;return null===(e=G.current)||void 0===e?void 0:e.click()}},{children:s.jsx(h.default,{className:"h-6 w-6 shrink-0 stroke-2 text-c-blue"})}))]})),s.jsx(p.default,{className:b.default("max-h-[240px] w-full resize-none border-black bg-transparent outline-none ring-0 scrollbar scrollbar-thin placeholder:font-semilight",!H.length&&"max-h-[24px] overflow-hidden text-ellipsis whitespace-nowrap"),value:H,placeholder:null!==(y=null==q?void 0:q.placeholdertext)&&void 0!==y?y:"What do you want to talk about?",onChange:e=>Y(e.target.value),onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),V())}}),s.jsx("button",Object.assign({className:"outline-none disabled:cursor-default disabled:opacity-50",disabled:"idle"!==_||O,onClick:()=>V()},{children:s.jsx(x.default,{className:"h-6 w-6 shrink-0 stroke-2 text-c-blue"})}))]}))]}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("react"),r=require("../../../hooks/core/useMediaQuery.js"),o=require("../../../hooks/pickaxe/usePickaxeContext.js"),a=require("../../../hooks/pickaxe/useResponseContext.js"),i=require("../../../hooks/pickaxe/useConversation.js"),n=require("../../../hooks/pickaxe/useSubmit.js"),l=require("../../../hooks/pickaxe/useSubmitResult.js"),d=require("../Addons/Document/hooks/useDocument.js"),u=require("../Addons/Scroll/hooks/useScroll.js"),c=require("../../../common/documents.js"),m=require("../../../common/api/streamer.js"),p=require("../../../node_modules/.pnpm/react-textarea-autosize@8.5.7_@types_react@18.3.18_react@18.3.1/node_modules/react-textarea-autosize/dist/react-textarea-autosize.esm.js"),h=require("../../Icons/attach.svg.js"),x=require("../../Icons/send.svg.js"),f=require("../Addons/IceBreaker/index.js"),g=require("../../../common/error.js"),v=require("../../../common/cn.js");exports.default=()=>{var j,b,w,y;const{formId:k,chatId:I,pickaxe:q,colors:S,isNewChat:D,setIsNewChat:A}=o.usePickaxeContext(),{messages:_,status:C,setMessage:N,setStatus:R,setError:E}=a.useResponseContext(),{documents:O,isUploading:M,isImageUploadAllowed:U,upsertDocuments:z,onFileUpload:B,onEditDocumentByDocId:F}=d.useDocument(),{isScrollIncreasing:P,scrollToBottom:T,scrollStart:K,scrollEnd:L}=u.useScroll(),Q=i.useConversation(),W=n.useSubmit(),H=l.useSubmitResult(),[Y,G]=t.useState(""),J=t.useRef(null),[V]=r.useMediaQuery("(max-width: 767px)"),X=s=>e.__awaiter(void 0,void 0,void 0,(function*(){try{if(M)return;E(""),A(!1);const e=null!=s?s:Y;if(!e||"fetching"===C||"streaming"===C)return;const t=new Date;G("");const r="enduserupload"===(null==q?void 0:q.documentuploadtype),o=O.filter((e=>"finished"===e.status&&!e.isInsertedAsRaw)),a=o.length?o[o.length-1].documentId:"";R("fetching"),N({id:_.length+1,role:"user",content:e});const{success:i,data:n,usedDocumentIds:l,newDocumentId:d,newDocumentName:u,isInsertedFile:c,error:p}=yield W.mutateAsync(Object.assign({formId:k,responseId:I,value:e},r&&a&&{documentId:a}));if(!i)throw new Error(null!=p?p:"An error occurred, please try again.");c&&a&&F({documentId:a,isInsertedAsRaw:!0}),d&&u&&z([{type:"website",id:u,name:u,status:"finished",documentId:d}]),K(),T();const h=(yield m.streamer({formId:k,responseId:I,data:n})).body;if(!h)throw new Error("Streaming error");const x=h.getReader(),f=new TextDecoder;let g="",v=!0;for(;v;){const{value:e,done:s}=yield x.read();v=!s;if(g+=f.decode(e),g)R("streaming"),N({id:_.length+2,role:"assistant",content:g}),P&&T();else if(!v&&!g)throw new Error("Server error")}const j=new Date;g&&(T(),R("idle"),yield H.mutateAsync({formId:k,responseId:I,documentIds:l,studioUserId:"USER68RFBSHU4YS2I4L",messages:[{role:"user",message:e,sentAt:t},{role:"assistant",message:g,sentAt:j}]}))}catch(e){let s=g.default(e);s.includes("Unexpected token 'A',")&&(s="Oops! We're experiencing high traffic at the moment. Please try again later."),E(s),T()}finally{R("idle"),L()}}));return s.jsxs("div",Object.assign({className:"relative flex w-full flex-col max-[767px]:fixed max-[767px]:bottom-0 max-[767px]:left-0"},{children:[D&&q&&!Q.isLoading&&(null!==(b=null===(j=Q.data)||void 0===j?void 0:j.messages.length)&&void 0!==b?b:0)<=1&&q.icebreakers&&q.icebreakers.length>0&&s.jsx(f.default,{data:null!==(w=q.icebreakers)&&void 0!==w?w:[],style:{color:"#000000"},isMobile:V,onSend:X}),s.jsxs("div",Object.assign({className:"flex min-h-[56px] items-end gap-x-2 bg-white px-4 py-3 pb-[15px] shadow"},{children:["enduserupload"===(null==q?void 0:q.documentuploadtype)&&s.jsxs("div",Object.assign({className:"tooltip"},{children:[s.jsx("input",{id:"file-upload",ref:J,type:"file",accept:[...c.allowedFileMimeTypes,...U?c.allowedImageMimeTypes:[]].join(", "),multiple:!0,hidden:!0,className:"hidden",onChange:s=>e.__awaiter(void 0,void 0,void 0,(function*(){yield B(Array.from(s.target.files||[])),s.target.value=""}))}),s.jsx("button",Object.assign({className:"flex items-center disabled:cursor-wait disabled:opacity-50",disabled:M,onClick:()=>{var e;return null===(e=J.current)||void 0===e?void 0:e.click()}},{children:s.jsx(h.default,{className:"h-6 w-6 shrink-0 stroke-2",style:{color:S.accent}})}))]})),s.jsx(p.default,{className:v.default("max-h-60 w-full resize-none border-black bg-transparent outline-none ring-0 scrollbar scrollbar-thin placeholder:font-semilight",!Y.length&&"max-h-6 overflow-hidden text-ellipsis whitespace-nowrap"),value:Y,placeholder:null!==(y=null==q?void 0:q.placeholdertext)&&void 0!==y?y:"What do you want to talk about?",onChange:e=>G(e.target.value),onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),X())}}),s.jsx("button",Object.assign({className:"outline-none disabled:cursor-default disabled:opacity-50",disabled:"idle"!==C||M,onClick:()=>X()},{children:s.jsx(x.default,{className:"h-6 w-6 shrink-0 stroke-2",style:{color:S.accent}})}))]}))]}))};
@@ -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("../Addons/Scroll/hooks/useScroll.js"),r=require("../../Core/ScrollArea.js"),t=require("../Addons/Document/List.js"),a=require("./History/index.js"),i=require("./Input.js"),o=require("../../../common/cn.js");exports.default=()=>{const{pickaxe:c,isShowIceBreaker:u}=s.usePickaxeContext(),{scrollContainerRef:x}=l.useScroll();return e.jsx("div",Object.assign({className:"relative flex flex-grow flex-col items-center"},{children:e.jsxs("div",Object.assign({className:"relative flex w-full max-w-[800px] flex-grow flex-col"},{children:["enduserupload"===(null==c?void 0:c.documentuploadtype)&&e.jsx(t.default,{className:"absolute z-10 mt-4"}),e.jsx("div",Object.assign({className:o.default("flex w-full flex-grow flex-col pb-[6rem] max-[767px]:pb-[4.5rem]",u&&"pb-44 max-[767px]:pb-40")},{children:e.jsx(r.default,Object.assign({ref:x,hideScrollbar:!0},{children:e.jsx(a.default,{})}))})),e.jsx("div",Object.assign({className:"absolute bottom-0 mb-6 mt-4 flex w-full justify-center max-[767px]:m-0"},{children:e.jsx(i.default,{})}))]}))}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../hooks/pickaxe/usePickaxeContext.js"),l=require("../Addons/Scroll/hooks/useScroll.js"),r=require("../../Core/ScrollArea.js"),t=require("../Addons/Document/List.js"),a=require("./History/index.js"),i=require("./Input.js"),o=require("../../../common/cn.js");exports.default=()=>{const{pickaxe:c,isShowIceBreaker:u}=s.usePickaxeContext(),{scrollContainerRef:x}=l.useScroll();return e.jsx("div",Object.assign({className:"relative flex flex-grow flex-col items-center"},{children:e.jsxs("div",Object.assign({className:"relative flex w-full max-w-[800px] flex-grow flex-col"},{children:["enduserupload"===(null==c?void 0:c.documentuploadtype)&&e.jsx(t.default,{className:"absolute z-10 mt-4"}),e.jsx("div",Object.assign({className:o.default("flex w-full flex-grow flex-col pb-24 max-[767px]:pb-[4.5rem]",u&&"pb-44 max-[767px]:pb-40")},{children:e.jsx(r.default,Object.assign({ref:x,hideScrollbar:!0},{children:e.jsx(a.default,{})}))})),e.jsx("div",Object.assign({className:"absolute bottom-0 mb-6 mt-4 flex w-full justify-center max-[767px]:m-0"},{children:e.jsx(i.default,{})}))]}))}))};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("../../../hooks/pickaxe/usePickaxeContext.js"),s=require("../../Icons/circle-info.svg.js"),l=require("../../Core/PickaxeIcon.js"),r=require("../InfoModal.js");exports.default=()=>{var c;const{pickaxe:n}=i.usePickaxeContext(),[o,a]=t.useState(!1);return e.jsxs("div",Object.assign({className:"flex flex-col items-center"},{children:[o&&e.jsx(r.default,{isOpen:o,onChangeIsOpen:a}),e.jsx(l.default,{src:null==n?void 0:n.coverphoto,alt:`${null==n?void 0:n.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"}),e.jsxs("h2",Object.assign({className:"mt-6 text-center text-[18px] font-semibold text-black/70 max-[767px]:text-[16px]"},{children:[`${null==n?void 0:n.formtitle.slice(0,130)}${(null!==(c=null==n?void 0:n.formtitle)&&void 0!==c?c:"").length>130?"...":""}`,e.jsx("button",Object.assign({className:"ml-2 inline-block outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>a(!0)},{children:e.jsx(s.default,{className:"h-[18px] w-[18px] shrink-0 text-c-blue"})}))]})),e.jsx("p",Object.assign({className:"mt-2 line-clamp-3 max-w-[600px] whitespace-pre-line text-center font-semilight text-black/70"},{children:null==n?void 0:n.formdescription}))]}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("../../../hooks/pickaxe/usePickaxeContext.js"),s=require("../../Icons/circle-info.svg.js"),l=require("../../Core/PickaxeIcon.js"),r=require("../InfoModal.js");exports.default=()=>{var c;const{pickaxe:n}=i.usePickaxeContext(),[o,a]=t.useState(!1);return e.jsxs("div",Object.assign({className:"flex flex-col items-center"},{children:[o&&e.jsx(r.default,{isOpen:o,onChangeIsOpen:a}),e.jsx(l.default,{src:null==n?void 0:n.coverphoto,alt:`${null==n?void 0:n.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"}),e.jsxs("h2",Object.assign({className:"mt-6 text-center text-[18px] font-semibold text-black/70 max-[767px]:text-base"},{children:[`${null==n?void 0:n.formtitle.slice(0,130)}${(null!==(c=null==n?void 0:n.formtitle)&&void 0!==c?c:"").length>130?"...":""}`,e.jsx("button",Object.assign({className:"ml-2 inline-block outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>a(!0)},{children:e.jsx(s.default,{className:"h-5 w-5 shrink-0 text-c-blue"})}))]})),e.jsx("p",Object.assign({className:"mt-2 max-w-[600px] line-clamp-3 whitespace-pre-line text-center font-semilight text-black/70"},{children:null==n?void 0:n.formdescription}))]}))};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),i=require("react-intersection-observer"),a=require("../../../../hooks/pickaxe/usePickaxeContext.js"),r=require("../../../../hooks/pickaxe/useHistory.js"),t=require("../../../Icons/spinner-circle.svg.js"),n=require("./Item.js");exports.default=()=>{var l;const{isShowHistory:c}=a.usePickaxeContext(),u=r.useHistory({enabled:c}),{ref:x}=i.useInView({onChange(e){e&&u.hasNextPage&&u.fetchNextPage()}});return c&&u.isLoading?e.jsx("div",{className:"h-[300px] w-full animate-pulse bg-gray-200"}):u.isError?e.jsx("div",{}):c?e.jsxs("div",Object.assign({className:"flex flex-col gap-y-8"},{children:[null===(l=u.data)||void 0===l?void 0:l.pages.map(((i,a)=>e.jsx(s.Fragment,{children:i.data.map((i=>e.jsx(s.Fragment,{children:e.jsx(n.default,{item:i})},i.responseId)))},a))),e.jsx("div",Object.assign({className:"flex items-center justify-center"},{children:u.isFetchingNextPage?e.jsx(t.default,{className:"my-10 h-14 w-14 animate-spin animate-spin fill-c-blue text-gray-300"}):u.hasNextPage?e.jsx("div",{ref:x,className:"invisible h-14 w-14"}):null}))]})):null};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),i=require("react-intersection-observer"),a=require("../../../../hooks/pickaxe/usePickaxeContext.js"),r=require("../../../../hooks/pickaxe/useHistory.js"),t=require("../../../Icons/spinner-circle.svg.js"),n=require("./Item.js");exports.default=()=>{var l;const{colors:c,isShowHistory:o}=a.usePickaxeContext(),x=r.useHistory({enabled:o}),{ref:u}=i.useInView({onChange(e){e&&x.hasNextPage&&x.fetchNextPage()}});return o&&x.isLoading?e.jsx("div",{className:"w-full min-h-[300px] animate-pulse bg-gray-200"}):x.isError?e.jsx("div",{}):o?e.jsxs("div",Object.assign({className:"flex flex-col gap-y-8"},{children:[null===(l=x.data)||void 0===l?void 0:l.pages.map(((i,a)=>e.jsx(s.Fragment,{children:i.data.map((i=>e.jsx(s.Fragment,{children:e.jsx(n.default,{item:i})},i.responseId)))},a))),e.jsx("div",Object.assign({className:"flex items-center justify-center"},{children:x.isFetchingNextPage?e.jsx(t.default,{className:"my-10 h-14 w-14 animate-spin animate-spin text-gray-300",style:{fill:c.accent}}):x.hasNextPage?e.jsx("div",{ref:u,className:"invisible h-14 w-14"}):null}))]})):null};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("../../../../hooks/pickaxe/usePickaxeContext.js"),l=require("date-fns"),a=require("../../../Icons/message-square-notes.svg.js"),r=require("../../../Icons/visitor.svg.js"),i=require("../../../Core/PickaxeIcon.js"),n=require("../../../Core/CopyButton.js"),o=require("../../../Core/MarkdownRenderer.js");exports.default=({item:c})=>{const{pickaxe:d,setChatId:x,setIsNewChat:u}=t.usePickaxeContext(),h=s.useMemo((()=>l.format(c.createdAt,"hh:mm a MMM dd, yy")),[c]),m=s.useMemo((()=>c&&c.messages?c.messages.length:0),[c]),p=s.useMemo((()=>{var e,s,t,l;if("form"===c.type){return(null!==(e=c.questions)&&void 0!==e?e:[]).map((e=>`<div style="display: flex; flex-direction: column; margin-bottom: 1em;">\n <p style="font-weight: 500;">${e.question}</p>\n <p>${e.answer||"n/a"}</p>\n</div>`)).join("")}return null!==(l=null===(t=null===(s=c.messages)||void 0===s?void 0:s[0])||void 0===t?void 0:t.message)&&void 0!==l?l:""}),[c]),f=s.useMemo((()=>{var e,s,t,l;return"form"===c.type?null!==(e=c.questionResponse)&&void 0!==e?e:"":null!==(l=null===(t=null===(s=c.messages)||void 0===s?void 0:s[1])||void 0===t?void 0:t.message)&&void 0!==l?l:""}),[c]);return e.jsxs("div",Object.assign({className:"flex flex-col shadow-black transition hover:shadow"},{children:[e.jsxs("div",Object.assign({className:"flex gap-x-3 overflow-hidden bg-white px-4 py-5"},{children:[e.jsx("div",Object.assign({className:"shrink-0 pt-1"},{children:e.jsx(r.default,{className:"h-6 w-6 text-black"})})),e.jsxs("div",Object.assign({className:"flex flex-col gap-y-1 overflow-x-auto pb-[6px] scrollbar-track-gray-100 scrollbar-thumb-[#4A4A4B] lg:max-w-[520px] lg:scrollbar-thin"},{children:[e.jsx("input",{id:`${c.responseId}-input`,type:"checkbox",className:"peer hidden",defaultChecked:p.length<280}),e.jsx("div",{className:"danger-html hidden flex-col text-black/50 peer-checked:flex",dangerouslySetInnerHTML:{__html:p}}),e.jsx("label",Object.assign({htmlFor:`${c.responseId}-input`,className:"mt-1 flex shrink-0 whitespace-nowrap text-sm font-semibold text-[#228DD7] peer-checked:hidden hover:cursor-pointer"},{children:"See input"})),e.jsx("label",Object.assign({htmlFor:`${c.responseId}-input`,className:"hidden shrink-0 whitespace-nowrap text-sm font-semibold text-[#228DD7] peer-checked:flex hover:cursor-pointer"},{children:"Hide input"}))]}))]})),e.jsxs("div",Object.assign({className:"flex gap-x-3 bg-[#E9F4FB] px-4 py-5"},{children:[e.jsx(i.default,{src:null==d?void 0:d.chaticon,alt:`${null==d?void 0:d.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6 pt-1"}),e.jsxs("div",Object.assign({className:"flex w-full flex-col gap-y-2 overflow-hidden"},{children:[e.jsx(o.default,{className:"overflow-x-auto pb-2 font-light text-black/90 scrollbar-thin scrollbar-track-white scrollbar-thumb-[#4A4A4B]",html:f}),e.jsxs("div",Object.assign({className:"flex flex-wrap items-center justify-between gap-x-3 gap-y-1"},{children:[e.jsxs("div",Object.assign({className:"flex items-center gap-3"},{children:[(null==d?void 0:d.enablechatresponses)&&e.jsxs("button",Object.assign({className:"flex items-center gap-x-1 text-c-gray hover:cursor-pointer hover:text-c-blue",onClick:()=>{return e=c.responseId,u(!1),void x(e);var e}},{children:[e.jsx(a.default,{className:"h-4 w-4"}),e.jsx("p",Object.assign({className:"text-sm font-semibold"},{children:m+1}))]})),e.jsx(n.default,{text:f})]})),e.jsx("div",Object.assign({className:"flex shrink-0 grow justify-end"},{children:e.jsx("p",Object.assign({className:"text-sm font-semibold uppercase text-black/30"},{children:h}))}))]}))]}))]}))]}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("../../../../hooks/pickaxe/usePickaxeContext.js"),l=require("date-fns"),r=require("../../../Icons/message-square-notes.svg.js"),a=require("../../../Icons/visitor.svg.js"),i=require("../../../Core/PickaxeIcon.js"),n=require("../../../Core/CopyButton.js"),o=require("../../../Core/MarkdownRenderer.js");exports.default=({item:c})=>{const{pickaxe:d,colors:u,setChatId:x,setIsNewChat:h}=t.usePickaxeContext(),m=s.useMemo((()=>l.format(c.createdAt,"hh:mm a MMM dd, yy")),[c]),p=s.useMemo((()=>c&&c.messages?c.messages.length:0),[c]),f=s.useMemo((()=>{var e,s,t,l;if("form"===c.type){return(null!==(e=c.questions)&&void 0!==e?e:[]).map((e=>`<div style="display: flex; flex-direction: column; margin-bottom: 1em;">\n <p style="font-weight: 500;">${e.question}</p>\n <p>${e.answer||"n/a"}</p>\n</div>`)).join("")}return null!==(l=null===(t=null===(s=c.messages)||void 0===s?void 0:s[0])||void 0===t?void 0:t.message)&&void 0!==l?l:""}),[c]),j=s.useMemo((()=>{var e,s,t,l;return"form"===c.type?null!==(e=c.questionResponse)&&void 0!==e?e:"":null!==(l=null===(t=null===(s=c.messages)||void 0===s?void 0:s[1])||void 0===t?void 0:t.message)&&void 0!==l?l:""}),[c]);return e.jsxs("div",Object.assign({className:"flex flex-co transition hover:shadow"},{children:[e.jsxs("div",Object.assign({className:"flex gap-x-3 overflow-hidden bg-white px-4 py-5"},{children:[e.jsx("div",Object.assign({className:"shrink-0 pt-1"},{children:e.jsx(a.default,{className:"h-6 w-6"})})),e.jsxs("div",Object.assign({className:"flex flex-col gap-y-1 overflow-x-auto pb-1.5 scrollbar-track-gray-100 scrollbar-thumb-[#4A4A4B] lg:max-w-[520px] lg:scrollbar-thin"},{children:[e.jsx("input",{id:`${c.responseId}-input`,type:"checkbox",className:"peer hidden",defaultChecked:f.length<280}),e.jsx("div",{className:"danger-html hidden flex-col peer-checked:flex",dangerouslySetInnerHTML:{__html:f}}),e.jsx("label",Object.assign({htmlFor:`${c.responseId}-input`,className:"mt-1 flex shrink-0 whitespace-nowrap text-sm font-semibold peer-checked:hidden hover:cursor-pointer",style:{color:u.accent}},{children:"See input"})),e.jsx("label",Object.assign({htmlFor:`${c.responseId}-input`,className:"hidden shrink-0 whitespace-nowrap text-sm font-semibold peer-checked:flex hover:cursor-pointer",style:{color:u.accent}},{children:"Hide input"}))]}))]})),e.jsxs("div",Object.assign({className:"flex gap-x-3 px-4 py-5",style:{backgroundColor:u.secondary,color:u.secondaryText}},{children:[e.jsx(i.default,{src:null==d?void 0:d.chaticon,alt:`${null==d?void 0:d.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6 pt-1"}),e.jsxs("div",Object.assign({className:"flex w-full flex-col gap-y-2 overflow-hidden"},{children:[e.jsx(o.default,{className:"overflow-x-auto pb-2 font-light text-black/90 scrollbar-thin scrollbar-track-white scrollbar-thumb-[#4A4A4B]",html:j}),e.jsxs("div",Object.assign({className:"flex flex-wrap items-center justify-between gap-x-3 gap-y-1"},{children:[e.jsxs("div",Object.assign({className:"flex items-center gap-3"},{children:[(null==d?void 0:d.enablechatresponses)&&e.jsxs("button",Object.assign({className:"flex items-center gap-x-1 hover:cursor-pointer hover:text-c-blue",onClick:()=>{return e=c.responseId,h(!1),void x(e);var e}},{children:[e.jsx(r.default,{className:"h-4 w-4"}),e.jsx("p",Object.assign({className:"text-sm font-semibold"},{children:p+1}))]})),e.jsx(n.default,{text:j})]})),e.jsx("div",Object.assign({className:"flex shrink-0 grow justify-end"},{children:e.jsx("p",Object.assign({className:"text-sm font-semibold uppercase opacity-30"},{children:m}))}))]}))]}))]}))]}))};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("../../../../hooks/pickaxe/usePickaxeContext.js"),a=require("../../../../hooks/pickaxe/useResponseContext.js"),r=require("date-fns"),l=require("../../../Icons/message-square-notes.svg.js"),n=require("../../../Icons/visitor.svg.js"),i=require("../../../Core/PickaxeIcon.js"),o=require("../../../Core/CopyButton.js"),c=require("../../../Core/MarkdownRenderer.js"),d=require("../../Addons/Scroll/ScrollLockView.js");exports.default=()=>{var x;const{pickaxe:h,setChatId:u,setIsNewChat:p}=t.usePickaxeContext(),{response:m}=a.useResponseContext(),j=s.useMemo((()=>m?r.format(m.createdAt,"hh:mm a MMM dd, yy"):r.format(new Date,"hh:mm a MMM dd, yy")),[m]),f=s.useMemo((()=>{var e;if(!m)return"";return(null!==(e=m.questions)&&void 0!==e?e:[]).map((e=>`<div style="display: flex; flex-direction: column; margin-bottom: 1em;">\n <p style="font-weight: 500;">${e.question}</p>\n <p>${e.answer||"n/a"}</p>\n</div>`)).join("")}),[m]);return m?e.jsxs("div",Object.assign({className:"flex flex-col shadow-black transition hover:shadow"},{children:[e.jsxs("div",Object.assign({className:"flex gap-x-3 overflow-hidden bg-white px-4 py-5"},{children:[e.jsx("div",Object.assign({className:"shrink-0 pt-1"},{children:e.jsx(n.default,{className:"h-6 w-6 text-black"})})),e.jsxs("div",Object.assign({className:"flex flex-col gap-y-1 overflow-x-auto pb-[6px] scrollbar-track-gray-100 scrollbar-thumb-[#4A4A4B] lg:max-w-[520px] lg:scrollbar-thin"},{children:[e.jsx("input",{id:`${m.responseId}-input`,type:"checkbox",className:"peer hidden",defaultChecked:f.length<280}),e.jsx("div",{className:"danger-html hidden flex-col text-black/50 peer-checked:flex",dangerouslySetInnerHTML:{__html:f}}),e.jsx("label",Object.assign({htmlFor:`${m.responseId}-input`,className:"mt-1 flex shrink-0 whitespace-nowrap text-sm font-semibold text-[#228DD7] peer-checked:hidden hover:cursor-pointer"},{children:"See input"})),e.jsx("label",Object.assign({htmlFor:`${m.responseId}-input`,className:"hidden shrink-0 whitespace-nowrap text-sm font-semibold text-[#228DD7] peer-checked:flex hover:cursor-pointer"},{children:"Hide input"}))]}))]})),e.jsxs("div",Object.assign({className:"flex gap-x-3 bg-[#E9F4FB] px-4 py-5"},{children:[e.jsx(i.default,{src:null==h?void 0:h.chaticon,alt:`${null==h?void 0:h.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6 pt-1"}),e.jsxs("div",Object.assign({className:"flex w-full flex-col gap-y-2 overflow-hidden"},{children:[e.jsx(c.default,{className:"overflow-x-auto pb-2 font-light text-black/90 scrollbar-thin scrollbar-track-white scrollbar-thumb-[#4A4A4B]",html:m.questionResponse}),e.jsxs("div",Object.assign({className:"flex flex-wrap items-center justify-between gap-x-3 gap-y-1"},{children:[e.jsxs("div",Object.assign({className:"flex items-center gap-3"},{children:[(null==h?void 0:h.enablechatresponses)&&e.jsxs("button",Object.assign({className:"flex items-center gap-x-1 text-c-gray hover:cursor-pointer hover:text-c-blue",onClick:()=>{return e=m.responseId,p(!1),void u(e);var e}},{children:[e.jsx(l.default,{className:"h-4 w-4"}),e.jsx("p",Object.assign({className:"text-sm font-semibold"},{children:m.messages.length+1}))]})),e.jsx(o.default,{text:null!==(x=m.questionResponse)&&void 0!==x?x:""})]})),e.jsx("div",Object.assign({className:"flex shrink-0 grow justify-end"},{children:e.jsx("p",Object.assign({className:"text-sm font-semibold uppercase text-black/30"},{children:j}))}))]}))]}))]})),e.jsx(d.default,{})]})):null};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("../../../../hooks/pickaxe/usePickaxeContext.js"),r=require("../../../../hooks/pickaxe/useResponseContext.js"),a=require("date-fns"),l=require("../../../Icons/message-square-notes.svg.js"),n=require("../../../Icons/visitor.svg.js"),o=require("../../../Core/PickaxeIcon.js"),i=require("../../../Core/CopyButton.js"),c=require("../../../Core/MarkdownRenderer.js"),d=require("../../Addons/Scroll/ScrollLockView.js");exports.default=()=>{var x;const{pickaxe:h,colors:u,setChatId:p,setIsNewChat:m}=t.usePickaxeContext(),{response:j}=r.useResponseContext(),f=s.useMemo((()=>j?a.format(j.createdAt,"hh:mm a MMM dd, yy"):a.format(new Date,"hh:mm a MMM dd, yy")),[j]),b=s.useMemo((()=>{var e;if(!j)return"";return(null!==(e=j.questions)&&void 0!==e?e:[]).map((e=>`<div style="display: flex; flex-direction: column; margin-bottom: 1em;">\n <p style="font-weight: 500;">${e.question}</p>\n <p>${e.answer||"n/a"}</p>\n</div>`)).join("")}),[j]);return j?e.jsxs("div",Object.assign({className:"flex flex-col shadow-black transition hover:shadow"},{children:[e.jsxs("div",Object.assign({className:"flex gap-x-3 overflow-hidden bg-white px-4 py-5"},{children:[e.jsx("div",Object.assign({className:"shrink-0 pt-1"},{children:e.jsx(n.default,{className:"h-6 w-6 text-black"})})),e.jsxs("div",Object.assign({className:"flex flex-col gap-y-1 overflow-x-auto pb-[6px] scrollbar-track-gray-100 scrollbar-thumb-[#4A4A4B] lg:max-w-[520px] lg:scrollbar-thin"},{children:[e.jsx("input",{id:`${j.responseId}-input`,type:"checkbox",className:"peer hidden",defaultChecked:b.length<280}),e.jsx("div",{className:"danger-html hidden flex-col text-black/50 peer-checked:flex",dangerouslySetInnerHTML:{__html:b}}),e.jsx("label",Object.assign({htmlFor:`${j.responseId}-input`,className:"mt-1 flex shrink-0 whitespace-nowrap text-sm font-semibold text-[#228DD7] peer-checked:hidden hover:cursor-pointer",style:{color:u.accent}},{children:"See input"})),e.jsx("label",Object.assign({htmlFor:`${j.responseId}-input`,className:"hidden shrink-0 whitespace-nowrap text-sm font-semibold text-[#228DD7] peer-checked:flex hover:cursor-pointer",style:{color:u.accent}},{children:"Hide input"}))]}))]})),e.jsxs("div",Object.assign({className:"flex gap-x-3 px-4 py-5",style:{backgroundColor:u.secondary,color:u.secondaryText}},{children:[e.jsx(o.default,{src:null==h?void 0:h.chaticon,alt:`${null==h?void 0:h.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6 pt-1"}),e.jsxs("div",Object.assign({className:"flex w-full flex-col gap-y-2 overflow-hidden"},{children:[e.jsx(c.default,{className:"overflow-x-auto pb-2 font-light text-black/90 scrollbar-thin scrollbar-track-white scrollbar-thumb-[#4A4A4B]",html:j.questionResponse}),e.jsxs("div",Object.assign({className:"flex flex-wrap items-center justify-between gap-x-3 gap-y-1"},{children:[e.jsxs("div",Object.assign({className:"flex items-center gap-3"},{children:[(null==h?void 0:h.enablechatresponses)&&e.jsxs("button",Object.assign({className:"flex items-center gap-x-1 hover:cursor-pointer hover:text-c-blue",onClick:()=>{return e=j.responseId,m(!1),void p(e);var e}},{children:[e.jsx(l.default,{className:"h-4 w-4"}),e.jsx("p",Object.assign({className:"text-sm font-semibold"},{children:j.messages.length+1}))]})),e.jsx(i.default,{text:null!==(x=j.questionResponse)&&void 0!==x?x:""})]})),e.jsx("div",Object.assign({className:"flex shrink-0 grow justify-end"},{children:e.jsx("p",Object.assign({className:"text-sm font-semibold uppercase opacity-30"},{children:f}))}))]}))]}))]})),e.jsx(d.default,{})]})):null};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../../hooks/pickaxe/useResponseContext.js"),t=require("./Dropdown.js");exports.default=({field:i,update:n})=>{const{setError:a}=s.useResponseContext(),c=e=>(i.input?i.input.split("&#44;"):[]).includes(e);return e.jsxs("div",Object.assign({className:"flex flex-col gap-y-3"},{children:[e.jsxs("div",Object.assign({className:"flex items-center gap-2"},{children:[e.jsx("p",Object.assign({className:"text-[14px] font-semibold text-black/70"},{children:i.main})),i.isRequired&&e.jsx("span",Object.assign({className:"select-none font-semibold text-c-red"},{children:"*"}))]})),e.jsx(t.default,Object.assign({id:i.id.replace(/[^A-Za-z]+/g,""),value:i.input.replace(/&#44;/g,", "),placeholder:"Select option(s)",closeOnSelect:!1,maxToken:i.maxLength,isDropdown:i.isDropdown},{children:e.jsx("div",Object.assign({className:"flex flex-col items-start gap-y-3"},{children:i.example.split("S3P32X").map(((s,t)=>e.jsxs("div",Object.assign({className:"flex items-center gap-x-2 hover:cursor-pointer",onClick:()=>(e=>{a("");const s=i.input?i.input.split("&#44;"):[],t=new Set(s);c(e)&&t.has(e)?t.delete(e):c(e)||t.has(e)||t.add(e);const l=Array.from(t).filter((e=>""!==e.trim()));n(Object.assign(Object.assign({},i),{input:l.join("&#44;")}))})(s)},{children:[e.jsx("div",Object.assign({className:"flex h-6 w-6 shrink-0 items-center justify-center border-2 border-black bg-white"},{children:c(s)&&e.jsx("div",{className:"h-4 w-4 bg-[#288DD7]"})})),e.jsx("p",Object.assign({className:"select-none max-lg:text-sm"},{children:s}))]}),t)))}))}))]}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../../hooks/pickaxe/usePickaxeContext.js"),t=require("../../../../hooks/pickaxe/useResponseContext.js"),i=require("./Dropdown.js");exports.default=({field:n,update:a})=>{const{colors:c}=s.usePickaxeContext(),{setError:r}=t.useResponseContext(),l=e=>(n.input?n.input.split("&#44;"):[]).includes(e);return e.jsxs("div",Object.assign({className:"flex flex-col gap-y-3"},{children:[e.jsxs("div",Object.assign({className:"flex items-center gap-2"},{children:[e.jsx("p",Object.assign({className:"text-sm font-semibold opacity-70"},{children:n.main})),n.isRequired&&e.jsx("span",Object.assign({className:"select-none font-semibold",style:{color:c.error}},{children:"*"}))]})),e.jsx(i.default,Object.assign({id:n.id.replace(/[^A-Za-z]+/g,""),value:n.input.replace(/&#44;/g,", "),placeholder:"Select option(s)",closeOnSelect:!1,maxToken:n.maxLength,isDropdown:n.isDropdown},{children:e.jsx("div",Object.assign({className:"flex flex-col items-start gap-y-3"},{children:n.example.split("S3P32X").map(((s,t)=>e.jsxs("div",Object.assign({className:"flex items-center gap-x-2 hover:cursor-pointer",onClick:()=>(e=>{r("");const s=n.input?n.input.split("&#44;"):[],t=new Set(s);l(e)&&t.has(e)?t.delete(e):l(e)||t.has(e)||t.add(e);const i=Array.from(t).filter((e=>""!==e.trim()));a(Object.assign(Object.assign({},n),{input:i.join("&#44;")}))})(s)},{children:[e.jsx("div",Object.assign({className:"flex h-6 w-6 shrink-0 items-center justify-center border-2 border-black bg-white"},{children:l(s)&&e.jsx("div",{className:"h-4 w-4",style:{backgroundColor:c.accent}})})),e.jsx("p",Object.assign({className:"select-none max-lg:text-sm"},{children:s}))]}),t)))}))}))]}))};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),a=require("react"),i=require("../../Addons/Document/hooks/useDocument.js"),t=require("../../../../common/documents.js"),l=require("../../../Icons/attach.svg.js"),n=require("../../../Icons/check.svg.js"),r=require("../../../Icons/x.svg.js"),o=require("../../../Core/ErrorAlert.js"),c=require("../../Addons/Document/List.js"),d=require("../../../../common/cn.js");exports.default=({field:u,update:b})=>{const[m,j]=a.useState(!1),{documentError:x,websiteLink:p,isUploading:f,isImageUploadAllowed:g,setDocumentError:h,setWebsiteLink:v,onFileUpload:w,onWebsiteUpload:y}=i.useDocument({onQuestionChange:e=>{b(Object.assign(Object.assign({},u),e))}}),N=a.useRef(null);return s.jsxs("div",Object.assign({className:"flex flex-col gap-y-1"},{children:[s.jsxs("div",Object.assign({className:"flex flex-col gap-y-2"},{children:[s.jsxs("div",Object.assign({className:"flex items-center gap-2"},{children:[s.jsx("p",Object.assign({className:"text-[14px] font-semibold text-black/70"},{children:u.main})),u.isRequired&&s.jsx("span",Object.assign({className:"select-none font-semibold text-c-red"},{children:"*"}))]})),s.jsxs("div",Object.assign({className:"flex flex-col gap-y-2"},{children:[s.jsx("input",{ref:N,type:"file",accept:[...t.allowedFileMimeTypes,...g?t.allowedImageMimeTypes:[]].join(", "),id:u.id,hidden:!0,className:"hidden",onChange:s=>e.__awaiter(void 0,void 0,void 0,(function*(){yield w(Array.from(s.target.files||[])),s.target.value=""})),disabled:f}),s.jsxs("div",Object.assign({className:d.default("flex items-center justify-between rounded-sm border border-transparent bg-white py-3 pl-4 pr-3 shadow duration-300 hover:border-black/25",m&&"border-black/70 shadow-none hover:border-black/70")},{children:[s.jsx("input",{type:"text",value:p,className:"w-full outline-none",placeholder:"Paste a website/video link or drag a file",onChange:e=>v(e.target.value),onDrop:s=>e.__awaiter(void 0,void 0,void 0,(function*(){s.preventDefault(),yield w(Array.from(s.dataTransfer.files||[]))})),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),y(p))},onFocus:()=>j(!0),onBlur:()=>j(!1)}),s.jsx("div",Object.assign({className:"flex items-center gap-3 pl-4"},{children:p.length>0?s.jsxs(s.Fragment,{children:[s.jsx("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:f,onClick:()=>y(p)},{children:s.jsx(n.default,{className:"h-[20px] w-[20px] shrink-0 text-c-blue"})})),s.jsx("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:f,onClick:()=>{v(""),h("")}},{children:s.jsx(r.default,{className:"h-6 w-6 shrink-0 text-c-blue"})}))]}):s.jsx("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:f,onClick:()=>{var e;null===(e=N.current)||void 0===e||e.click()}},{children:s.jsx(l.default,{className:"h-6 w-6 shrink-0 text-c-blue"})}))}))]}))]}))]})),s.jsx(c.default,{className:"mt-2"}),x&&s.jsx(o.default,{error:x,className:"mt-3"})]}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),a=require("react"),i=require("../../../../hooks/pickaxe/usePickaxeContext.js"),t=require("../../Addons/Document/hooks/useDocument.js"),r=require("../../../../common/documents.js"),l=require("../../../Icons/attach.svg.js"),n=require("../../../Icons/check.svg.js"),o=require("../../../Icons/x.svg.js"),c=require("../../../Core/ErrorAlert.js"),d=require("../../Addons/Document/List.js"),u=require("../../../../common/cn.js");exports.default=({field:m,update:j})=>{const{colors:b}=i.usePickaxeContext(),{documentError:x,websiteLink:p,isUploading:f,isImageUploadAllowed:g,setDocumentError:h,setWebsiteLink:v,onFileUpload:y,onWebsiteUpload:k}=t.useDocument({onQuestionChange:e=>{j(Object.assign(Object.assign({},m),e))}}),[w,N]=a.useState(!1),O=a.useRef(null);return s.jsxs("div",Object.assign({className:"flex flex-col gap-y-1"},{children:[s.jsxs("div",Object.assign({className:"flex flex-col gap-y-2"},{children:[s.jsxs("div",Object.assign({className:"flex items-center gap-2"},{children:[s.jsx("p",Object.assign({className:"text-sm font-semibold opacity-70"},{children:m.main})),m.isRequired&&s.jsx("span",Object.assign({className:"select-none font-semibold",style:{color:b.error}},{children:"*"}))]})),s.jsxs("div",Object.assign({className:"flex flex-col gap-y-2"},{children:[s.jsx("input",{ref:O,type:"file",accept:[...r.allowedFileMimeTypes,...g?r.allowedImageMimeTypes:[]].join(", "),id:m.id,hidden:!0,className:"hidden",onChange:s=>e.__awaiter(void 0,void 0,void 0,(function*(){yield y(Array.from(s.target.files||[])),s.target.value=""})),disabled:f}),s.jsxs("div",Object.assign({className:u.default("flex items-center justify-between rounded-sm border border-transparent bg-white py-3 pl-4 pr-3 shadow duration-300 hover:border-black/25",w&&"border-black/70 shadow-none hover:border-black/70")},{children:[s.jsx("input",{type:"text",value:p,className:"w-full outline-none",placeholder:"Paste a website/video link or drag a file",onChange:e=>v(e.target.value),onDrop:s=>e.__awaiter(void 0,void 0,void 0,(function*(){s.preventDefault(),yield y(Array.from(s.dataTransfer.files||[]))})),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),k(p))},onFocus:()=>N(!0),onBlur:()=>N(!1)}),s.jsx("div",Object.assign({className:"flex items-center gap-3 pl-4"},{children:p.length>0?s.jsxs(s.Fragment,{children:[s.jsx("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:f,onClick:()=>k(p)},{children:s.jsx(n.default,{className:"h-5 w-5 shrink-0",style:{color:b.accent}})})),s.jsx("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:f,onClick:()=>{v(""),h("")}},{children:s.jsx(o.default,{className:"h-6 w-6 shrink-0",style:{color:b.accent}})}))]}):s.jsx("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:f,onClick:()=>{var e;null===(e=O.current)||void 0===e||e.click()}},{children:s.jsx(l.default,{className:"h-6 w-6 shrink-0",style:{color:b.accent}})}))}))]}))]}))]})),s.jsx(d.default,{className:"mt-2"}),x&&s.jsx(c.default,{error:x,className:"mt-3"})]}))};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../../hooks/pickaxe/useResponseContext.js"),t=require("./Dropdown.js");exports.default=({field:i,update:n})=>{const{setError:a}=s.useResponseContext();return e.jsxs("div",Object.assign({className:"flex flex-col gap-y-3"},{children:[e.jsxs("div",Object.assign({className:"flex items-center gap-2"},{children:[e.jsx("p",Object.assign({className:"text-[14px] font-semibold text-black/70"},{children:i.main})),i.isRequired&&e.jsx("span",Object.assign({className:"select-none font-semibold text-c-red"},{children:"*"}))]})),e.jsx(t.default,Object.assign({id:i.id.replace(/[^A-Za-z]+/g,""),value:i.input,placeholder:"Select an option",closeOnSelect:!1,maxToken:i.maxLength,isDropdown:i.isDropdown},{children:e.jsx("div",Object.assign({className:"flex flex-col items-start gap-y-3"},{children:i.example.split("S3P32X").map(((s,t)=>e.jsxs("div",Object.assign({className:"flex items-center gap-x-2 hover:cursor-pointer",onClick:()=>{return e=s,a(""),void n(Object.assign(Object.assign({},i),{input:e}));var e}},{children:[e.jsx("div",Object.assign({className:"flex h-6 w-6 shrink-0 items-center justify-center rounded-full border-2 border-black bg-white"},{children:i.input===s&&e.jsx("div",{className:"h-4 w-4 rounded-full bg-[#288DD7]"})})),e.jsx("p",Object.assign({className:"select-none max-lg:text-sm"},{children:s}))]}),t)))}))}))]}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../../hooks/pickaxe/usePickaxeContext.js"),t=require("../../../../hooks/pickaxe/useResponseContext.js"),i=require("./Dropdown.js");exports.default=({field:n,update:r})=>{const{colors:a}=s.usePickaxeContext(),{setError:c}=t.useResponseContext();return e.jsxs("div",Object.assign({className:"flex flex-col gap-y-3"},{children:[e.jsxs("div",Object.assign({className:"flex items-center gap-2"},{children:[e.jsx("p",Object.assign({className:"text-sn font-semibold opacity-70"},{children:n.main})),n.isRequired&&e.jsx("span",Object.assign({className:"select-none font-semibold",style:{color:a.error}},{children:"*"}))]})),e.jsx(i.default,Object.assign({id:n.id.replace(/[^A-Za-z]+/g,""),value:n.input,placeholder:"Select an option",closeOnSelect:!1,maxToken:n.maxLength,isDropdown:n.isDropdown},{children:e.jsx("div",Object.assign({className:"flex flex-col items-start gap-y-3"},{children:n.example.split("S3P32X").map(((s,t)=>e.jsxs("div",Object.assign({className:"flex items-center gap-x-2 hover:cursor-pointer",onClick:()=>{return e=s,c(""),void r(Object.assign(Object.assign({},n),{input:e}));var e}},{children:[e.jsx("div",Object.assign({className:"flex h-6 w-6 shrink-0 items-center justify-center rounded-full border-2 border-black bg-white"},{children:n.input===s&&e.jsx("div",{className:"h-4 w-4 rounded-full",style:{backgroundColor:a.accent}})})),e.jsx("p",Object.assign({className:"select-none max-lg:text-sm"},{children:s}))]}),t)))}))}))]}))};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../hooks/pickaxe/usePickaxeContext.js"),t=require("../Icons/x.svg.js"),i=require("../Core/Modal/index.js"),l=require("../Core/Modal/Body.js"),a=require("../Core/PickaxeIcon.js");exports.default=({isOpen:c,onChangeIsOpen:r})=>{const{pickaxe:n}=s.usePickaxeContext();return e.jsx(i.default,Object.assign({isOpen:c,onChange:r},{children:e.jsxs(l.default,Object.assign({className:"relative flex w-full max-w-[480px] flex-col px-8 py-[26px] max-[767px]:max-w-full",avoidOverflow:!0},{children:[e.jsx("div",Object.assign({className:"flex items-start justify-end gap-4"},{children:e.jsx("button",Object.assign({className:"outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>r(!1)},{children:e.jsx(t.default,{className:"h-6 w-6 shrink-0"})}))})),e.jsx("div",Object.assign({className:"mt-8 flex flex-col items-center"},{children:e.jsxs("div",Object.assign({className:"flex w-full max-w-[360px] flex-col items-center text-center"},{children:[e.jsx(a.default,{src:null==n?void 0:n.coverphoto,alt:`${null==n?void 0:n.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"}),e.jsx("h2",Object.assign({className:"mt-6 text-center text-[18px] font-semibold text-black/70 max-[767px]:text-[16px]"},{children:null==n?void 0:n.formtitle})),e.jsx("p",Object.assign({className:"mt-4 font-semilight text-black/70"},{children:null==n?void 0:n.formdescription}))]}))}))]}))}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../hooks/pickaxe/usePickaxeContext.js"),t=require("../Icons/x.svg.js"),i=require("../Core/Modal/index.js"),l=require("../Core/Modal/Body.js"),a=require("../Core/PickaxeIcon.js");exports.default=({isOpen:c,onChangeIsOpen:r})=>{const{pickaxe:n}=s.usePickaxeContext();return e.jsx(i.default,Object.assign({isOpen:c,onChange:r},{children:e.jsxs(l.default,Object.assign({className:"relative flex w-full max-w-[480px] flex-col px-8 py-[26px] max-[767px]:max-w-full",avoidOverflow:!0},{children:[e.jsx("div",Object.assign({className:"flex items-start justify-end gap-4"},{children:e.jsx("button",Object.assign({className:"outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>r(!1)},{children:e.jsx(t.default,{className:"h-6 w-6 shrink-0"})}))})),e.jsx("div",Object.assign({className:"mt-8 flex flex-col items-center"},{children:e.jsxs("div",Object.assign({className:"flex w-full max-w-[360px] flex-col items-center text-center"},{children:[e.jsx(a.default,{src:null==n?void 0:n.coverphoto,alt:`${null==n?void 0:n.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"}),e.jsx("h2",Object.assign({className:"mt-6 text-center text-[18px] font-semibold text-black/70 max-[767px]:text-base"},{children:null==n?void 0:n.formtitle})),e.jsx("p",Object.assign({className:"mt-4 font-semilight text-black/70"},{children:null==n?void 0:n.formdescription}))]}))}))]}))}))};
@@ -1,10 +1,20 @@
1
1
  import type { SetState } from "../../types/common";
2
2
  import type { Pickaxe } from "../../types/pickaxe";
3
3
  import { type ReactNode } from "react";
4
+ export type PickaxeProviderColors = {
5
+ primary: string;
6
+ text: string;
7
+ secondary: string;
8
+ secondaryText: string;
9
+ accent: string;
10
+ accentText: string;
11
+ error: string;
12
+ };
4
13
  type PickaxeContextType = {
5
14
  formId: string;
6
15
  chatId: string;
7
16
  pickaxe: Pickaxe | null;
17
+ colors: PickaxeProviderColors;
8
18
  isNewChat: boolean;
9
19
  isShowIceBreaker: boolean;
10
20
  isShowHistory: boolean;
@@ -16,8 +26,9 @@ type PickaxeContextType = {
16
26
  setIsShowHistory: SetState<boolean>;
17
27
  };
18
28
  interface IPickaxeProviderProps {
29
+ colors?: Partial<PickaxeProviderColors>;
19
30
  children: ReactNode;
20
31
  }
21
32
  export declare const PickaxeContext: import("react").Context<PickaxeContextType>;
22
- export declare const PickaxeProvider: ({ children }: IPickaxeProviderProps) => import("react/jsx-runtime").JSX.Element;
33
+ export declare const PickaxeProvider: ({ colors, children, }: IPickaxeProviderProps) => import("react/jsx-runtime").JSX.Element;
23
34
  export {};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./Addons/Document/Provider.js"),s=require("./ResponseProvider.js");const a=t.createContext({});exports.PickaxeContext=a,exports.PickaxeProvider=({children:i})=>{const[o,c]=t.useState(""),[u,d]=t.useState(""),[n,x]=t.useState(null),[h,l]=t.useState(!0),[S,I]=t.useState(!0),[j,P]=t.useState(!1);return e.jsx(a.Provider,Object.assign({value:{formId:o,chatId:u,pickaxe:n,isNewChat:h,isShowIceBreaker:S,isShowHistory:j,setFormId:c,setChatId:d,setPickaxe:x,setIsNewChat:l,setIsShowIceBreaker:I,setIsShowHistory:P}},{children:e.jsx(s.default,{children:e.jsx(r.default,{children:i})})}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./Addons/Document/Provider.js"),s=require("./ResponseProvider.js");const a=t.createContext({});exports.PickaxeContext=a,exports.PickaxeProvider=({colors:o,children:c})=>{const[i,n]=t.useState(""),[d,u]=t.useState(""),[F,x]=t.useState(null),[l,h]=t.useState(!0),[S,j]=t.useState(!0),[I,P]=t.useState(!1);return e.jsx(a.Provider,Object.assign({value:{formId:i,chatId:d,pickaxe:F,colors:Object.assign({primary:"#F6F8FA",text:"#000000",secondary:"#FFFFFF",secondaryText:"#000000",accent:"#228DD7",accentText:"#FFFFFF",error:"#FF0000"},o),isNewChat:l,isShowIceBreaker:S,isShowHistory:I,setFormId:n,setChatId:u,setPickaxe:x,setIsNewChat:h,setIsShowIceBreaker:j,setIsShowHistory:P}},{children:e.jsx(s.default,{children:e.jsx(r.default,{children:c})})}))};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../hooks/pickaxe/usePickaxe.js"),t=require("react"),s=require("../../hooks/pickaxe/usePickaxeContext.js"),a=require("../../common/utils.js"),c=require("./Addons/Scroll/Provider.js"),i=require("./Chat/index.js"),o=require("./Form/index.js"),u=require("../../common/cn.js");exports.Pickaxe=({formId:d,chatId:x,className:l})=>{const{chatId:n,setFormId:f,setChatId:j,setPickaxe:k}=s.usePickaxeContext(),m=r.usePickaxe();return t.useEffect((()=>{f(d)}),[d]),t.useEffect((()=>{"string"==typeof x&&j(x)}),[x]),t.useEffect((()=>{m.data&&(j(m.data.chatflag?a.generateId(15):""),k(m.data))}),[m.data]),e.jsx(c.default,{children:e.jsx("div",Object.assign({className:u.default("@container/pickaxe-root flex flex-col flex-grow w-full",l)},{children:n?e.jsx(i.default,{}):e.jsx(o.default,{})}))})};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../hooks/pickaxe/usePickaxe.js"),t=require("react"),a=require("../../hooks/pickaxe/usePickaxeContext.js"),s=require("../../common/utils.js"),c=require("./Addons/Scroll/Provider.js"),o=require("./Chat/index.js"),i=require("./Form/index.js"),u=require("../../common/cn.js");exports.Pickaxe=({formId:d,chatId:l,className:x})=>{const{chatId:n,colors:f,setFormId:j,setChatId:k,setPickaxe:m}=a.usePickaxeContext(),h=r.usePickaxe();return t.useEffect((()=>{j(d)}),[d]),t.useEffect((()=>{"string"==typeof l&&k(l)}),[l]),t.useEffect((()=>{h.data&&(k(h.data.chatflag?s.generateId(15):""),m(h.data))}),[h.data]),e.jsx(c.default,{children:e.jsx("div",Object.assign({className:u.default("relative @container/pickaxe-root flex flex-col flex-grow w-full",x),style:{backgroundColor:f.primary,color:f.text}},{children:n?e.jsx(o.default,{}):e.jsx(i.default,{})}))})};
@@ -2,6 +2,7 @@ export declare const usePickaxeContext: () => {
2
2
  formId: string;
3
3
  chatId: string;
4
4
  pickaxe: import("../../types/pickaxe").Pickaxe | null;
5
+ colors: import("../../components/Pickaxe/Provider").PickaxeProviderColors;
5
6
  isNewChat: boolean;
6
7
  isShowIceBreaker: boolean;
7
8
  isShowHistory: boolean;
@@ -1,3 +1,11 @@
1
1
  export * from "./components/Pickaxe";
2
2
  export * from "./components/Pickaxe/Provider";
3
3
  export * from "./components/Pickaxe/ResponseProvider";
4
+ export * from "./hooks/pickaxe/useConversation";
5
+ export * from "./hooks/pickaxe/useHistory";
6
+ export * from "./hooks/pickaxe/usePickaxe";
7
+ export * from "./hooks/pickaxe/usePickaxeContext";
8
+ export * from "./hooks/pickaxe/useResponseContext";
9
+ export * from "./hooks/pickaxe/useSubmit";
10
+ export * from "./hooks/pickaxe/useSubmitDocument";
11
+ export * from "./hooks/pickaxe/useSubmitResult";
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"),r=require("./components/Pickaxe/ResponseProvider.js");exports.Pickaxe=e.Pickaxe,exports.PickaxeContext=o.PickaxeContext,exports.PickaxeProvider=o.PickaxeProvider,exports.ResponseContext=r.ResponseContext;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./components/Pickaxe/index.js"),s=require("./components/Pickaxe/Provider.js"),o=require("./components/Pickaxe/ResponseProvider.js"),t=require("./hooks/pickaxe/useConversation.js"),i=require("./hooks/pickaxe/useHistory.js"),r=require("./hooks/pickaxe/usePickaxe.js"),u=require("./hooks/pickaxe/usePickaxeContext.js"),x=require("./hooks/pickaxe/useResponseContext.js"),n=require("./hooks/pickaxe/useSubmit.js"),c=require("./hooks/pickaxe/useSubmitDocument.js"),k=require("./hooks/pickaxe/useSubmitResult.js");exports.Pickaxe=e.Pickaxe,exports.PickaxeContext=s.PickaxeContext,exports.PickaxeProvider=s.PickaxeProvider,exports.ResponseContext=o.ResponseContext,exports.useConversation=t.useConversation,exports.useHistory=i.useHistory,exports.usePickaxe=r.usePickaxe,exports.usePickaxeContext=u.usePickaxeContext,exports.useResponseContext=x.useResponseContext,exports.useSubmit=n.useSubmit,exports.useSubmitDocument=c.useSubmitDocument,exports.useSubmitResult=k.useSubmitResult;
@@ -1 +1 @@
1
- import{jsxs as e,jsx as s}from"react/jsx-runtime";import m from"../Icons/circle-exclamation.svg.js";import r from"./HtmlRenderer.js";import t from"../../common/cn.js";const a=({error:a,className:o,iconClassName:l,htmlClassName:c})=>a?e("div",Object.assign({className:t("flex items-center gap-2 text-[#FF0000]/80",o)},{children:[s(m,{className:t("h-5 w-5 shrink-0",l)}),s(r,{className:t("danger-error text-sm font-semibold",c),html:a})]})):null;export{a as default};
1
+ import{jsxs as e,jsx as s}from"react/jsx-runtime";import r from"../Icons/circle-exclamation.svg.js";import m from"./HtmlRenderer.js";import t from"../../common/cn.js";const a=({error:a,className:o,iconClassName:l,htmlClassName:c})=>a?e("div",Object.assign({className:t("flex items-center gap-2 text-red-500",o)},{children:[s(r,{className:t("h-5 w-5 shrink-0",l)}),s(m,{className:t("danger-error text-sm font-semibold",c),html:a})]})):null;export{a as default};
@@ -1 +1 @@
1
- import{__rest as e,__awaiter as o}from"../../../_virtual/_tslib.js";import{jsxs as t,jsx as i}from"react/jsx-runtime";import{forwardRef as n,useContext as s}from"react";import{MenuContext as r}from"./index.js";import a from"../../Icons/chevron-down.svg.js";import l from"../../../common/cn.js";const c=n(((n,c)=>{var{children:m,variant:d="default",isDisabled:p=!1,style:u,className:v,anchorClassName:f}=n,h=e(n,["children","variant","isDisabled","style","className","anchorClassName"]);const{id:j,isOpen:g,setIsOpen:C}=s(r);return"anchor"===d?t("div",Object.assign({ref:c,id:j},h,{className:l("flex cursor-pointer items-center gap-2",v),style:Object.assign({cursor:p?"not-allowed":"pointer",pointerEvents:p?"none":"auto"},u),onClick:e=>o(void 0,void 0,void 0,(function*(){if(e.stopPropagation(),e.preventDefault(),!p){if(h.onClick)return h.onClick(e),void C(!g);C(!g),yield new Promise((e=>setTimeout(e,100)))}}))},{children:[m,i(a,{className:l("duration:300 h-[18px] w-[18px] shrink-0 rotate-0 transition-rotate",g&&"rotate-180",f)})]})):i("div",Object.assign({ref:c,id:j},h,{className:l("flex items-center",v),style:Object.assign({cursor:p?"not-allowed":"pointer",pointerEvents:p?"none":"auto"},u),onClick:e=>o(void 0,void 0,void 0,(function*(){e.stopPropagation(),e.preventDefault(),p||(h.onClick?h.onClick(e):(C(!g),yield new Promise((e=>setTimeout(e,100)))))}))},{children:m}))}));c.displayName="MenuButton";export{c as default};
1
+ import{__rest as e,__awaiter as o}from"../../../_virtual/_tslib.js";import{jsxs as t,jsx as i}from"react/jsx-runtime";import{forwardRef as n,useContext as s}from"react";import{MenuContext as r}from"./index.js";import a from"../../Icons/chevron-down.svg.js";import l from"../../../common/cn.js";const c=n(((n,c)=>{var{children:m,variant:d="default",isDisabled:p=!1,style:u,className:v,anchorClassName:f}=n,h=e(n,["children","variant","isDisabled","style","className","anchorClassName"]);const{id:j,isOpen:g,setIsOpen:C}=s(r);return"anchor"===d?t("div",Object.assign({ref:c,id:j},h,{className:l("flex cursor-pointer items-center gap-2",v),style:Object.assign({cursor:p?"not-allowed":"pointer",pointerEvents:p?"none":"auto"},u),onClick:e=>o(void 0,void 0,void 0,(function*(){if(e.stopPropagation(),e.preventDefault(),!p){if(h.onClick)return h.onClick(e),void C(!g);C(!g),yield new Promise((e=>setTimeout(e,100)))}}))},{children:[m,i(a,{className:l("duration:300 h-5 w-5 shrink-0 rotate-0 transition-rotate",g&&"rotate-180",f)})]})):i("div",Object.assign({ref:c,id:j},h,{className:l("flex items-center",v),style:Object.assign({cursor:p?"not-allowed":"pointer",pointerEvents:p?"none":"auto"},u),onClick:e=>o(void 0,void 0,void 0,(function*(){e.stopPropagation(),e.preventDefault(),p||(h.onClick?h.onClick(e):(C(!g),yield new Promise((e=>setTimeout(e,100)))))}))},{children:m}))}));c.displayName="MenuButton";export{c as default};
@@ -1 +1 @@
1
- import{__rest as e}from"../../../_virtual/_tslib.js";import{jsx as t}from"react/jsx-runtime";import{forwardRef as i,useContext as l}from"react";import{MenuContext as o}from"./index.js";import{Tooltip as r}from"react-tooltip";import a from"../../../common/cn.js";const s=i(((i,s)=>{var{children:n,width:c="200px",fixedWidth:d,maxHeight:m,align:h="bottom-start",style:p,className:b}=i,x=e(i,["children","width","fixedWidth","maxHeight","align","style","className"]);const{id:f,isOpen:g,closeOnSelect:u,openOnClick:O,setIsOpen:j,onChange:w}=l(o);return t("div",{children:t(r,Object.assign({ref:s,anchorSelect:`#${f}`,place:h,style:Object.assign(Object.assign(Object.assign(Object.assign({fontFamily:"inherit",zIndex:1337,display:"flex",flexDirection:"column",padding:"0",backgroundColor:"white",color:"black"},"auto"!==c&&{width:"100%",maxWidth:c}),d&&{width:d,maxWidth:"inherit"}),{borderRadius:"4px"}),p),clickable:!0,noArrow:!0,border:"1px solid rgba(0,0,0,.8)",opacity:1,isOpen:g,setIsOpen:w,openOnClick:O},x,{children:t("div",Object.assign({className:a("flex w-full select-none flex-col overflow-y-auto text-[16px] shadow-lg scrollbar scrollbar-thumb-black/50 scrollbar-thumb-rounded-full scrollbar-w-[4px] scrollbar-h-[4px]",b),style:{maxHeight:m}},u&&{onClick:()=>j(!1)},{children:n}))}))})}));s.displayName="MenuList";export{s as default};
1
+ import{__rest as e}from"../../../_virtual/_tslib.js";import{jsx as t}from"react/jsx-runtime";import{forwardRef as i,useContext as l}from"react";import{MenuContext as o}from"./index.js";import{Tooltip as r}from"react-tooltip";import a from"../../../common/cn.js";const s=i(((i,s)=>{var{children:n,width:c="200px",fixedWidth:d,maxHeight:m,align:h="bottom-start",style:p,className:b}=i,x=e(i,["children","width","fixedWidth","maxHeight","align","style","className"]);const{id:f,isOpen:g,closeOnSelect:u,openOnClick:O,setIsOpen:j,onChange:w}=l(o);return t("div",{children:t(r,Object.assign({ref:s,anchorSelect:`#${f}`,place:h,style:Object.assign(Object.assign(Object.assign(Object.assign({fontFamily:"inherit",zIndex:1337,display:"flex",flexDirection:"column",padding:"0",backgroundColor:"white",color:"black"},"auto"!==c&&{width:"100%",maxWidth:c}),d&&{width:d,maxWidth:"inherit"}),{borderRadius:"4px"}),p),clickable:!0,noArrow:!0,border:"1px solid rgba(0,0,0,.8)",opacity:1,isOpen:g,setIsOpen:w,openOnClick:O},x,{children:t("div",Object.assign({className:a("flex w-full select-none flex-col overflow-y-auto text-base shadow-lg scrollbar scrollbar-thumb-black/50 scrollbar-thumb-rounded-full scrollbar-w-[4px] scrollbar-h-[4px]",b),style:{maxHeight:m}},u&&{onClick:()=>j(!1)},{children:n}))}))})}));s.displayName="MenuList";export{s as default};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as a}from"react/jsx-runtime";import{usePickaxeContext as s}from"../../../../hooks/pickaxe/usePickaxeContext.js";import t from"../../../Core/PickaxeIcon.js";import l from"../../../Core/CopyButton.js";import r from"../../../Core/MarkdownRenderer.js";const o=({message:o})=>{var c;const{formId:i,pickaxe:n}=s(),m=null!==(c=null==n?void 0:n.chaticon)&&void 0!==c?c:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/chaticons/${i}.png`;return"assistant"===o.role?e("div",Object.assign({className:"flex max-w-[80%] flex-col max-[767px]:max-w-full"},{children:a("div",Object.assign({className:"flex gap-x-3"},{children:["NONE"!==m&&e(t,{src:m,alt:"Assistant",width:24,height:24,className:"my-3 h-6 w-6"}),a("div",Object.assign({className:"flex flex-col"},{children:[e("div",Object.assign({className:"chat-message overflow-x-auto overflow-y-hidden rounded bg-blue-100/50 px-4 py-3 scrollbar-thin scrollbar-track-white scrollbar-thumb-[#4A4A4B]"},{children:e(r,{className:"relative max-[767px]:text-[14px]",html:o.content})})),e("div",Object.assign({className:"mb-2 ml-2 mt-4 flex gap-3"},{children:e(l,{text:o.content})}))]}))]}))})):"user"===o.role?e("div",Object.assign({className:"flex max-w-[80%] gap-x-3 justify-self-end max-[767px]:max-w-full max-[767px]:pl-[36px]"},{children:e("div",Object.assign({className:"overflow-x-auto overflow-y-hidden rounded bg-white px-4 py-3 scrollbar-thin scrollbar-track-white scrollbar-thumb-[#4A4A4B]"},{children:e(r,{className:"relative max-[767px]:text-[14px]",html:o.content})}))})):e("div",{})};export{o as default};
1
+ import{jsx as e,jsxs as s}from"react/jsx-runtime";import{usePickaxeContext as a}from"../../../../hooks/pickaxe/usePickaxeContext.js";import t from"../../../Core/PickaxeIcon.js";import l from"../../../Core/CopyButton.js";import r from"../../../Core/MarkdownRenderer.js";const o=({message:o})=>{var c;const{formId:i,pickaxe:m}=a(),n=null!==(c=null==m?void 0:m.chaticon)&&void 0!==c?c:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/chaticons/${i}.png`;return"assistant"===o.role?e("div",Object.assign({className:"flex max-w-[80%] flex-col max-[767px]:max-w-full"},{children:s("div",Object.assign({className:"flex gap-x-3"},{children:["NONE"!==n&&e(t,{src:n,alt:"Assistant",width:24,height:24,className:"my-3 h-6 w-6"}),s("div",Object.assign({className:"flex flex-col"},{children:[e("div",Object.assign({className:"chat-message overflow-x-auto overflow-y-hidden rounded bg-blue-100/50 px-4 py-3 scrollbar-thin scrollbar-track-white scrollbar-thumb-[#4A4A4B]"},{children:e(r,{className:"relative max-[767px]:text-sm",html:o.content})})),e("div",Object.assign({className:"mb-2 ml-2 mt-4 flex gap-3"},{children:e(l,{text:o.content})}))]}))]}))})):"user"===o.role?e("div",Object.assign({className:"flex max-w-[80%] gap-x-3 justify-self-end max-[767px]:max-w-full max-[767px]:pl-9"},{children:e("div",Object.assign({className:"overflow-x-auto overflow-y-hidden rounded bg-white px-4 py-3 scrollbar-thin scrollbar-track-white scrollbar-thumb-[#4A4A4B]"},{children:e(r,{className:"relative max-[767px]:text-sm",html:o.content})}))})):e("div",{})};export{o as default};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useState as a,useMemo as t}from"react";import{usePickaxeContext as l}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as i}from"../../../../hooks/pickaxe/useResponseContext.js";import{useConversation as o}from"../../../../hooks/pickaxe/useConversation.js";import n from"../../../Icons/circle-info.svg.js";import c from"../../../Core/PickaxeIcon.js";import r from"../../Addons/Scroll/ScrollLockView.js";import m from"../../InfoModal.js";import d from"./Message.js";import p from"../../../../common/cn.js";const x=()=>{var x;const{pickaxe:f,isNewChat:u}=l(),{messages:g,status:h,error:b}=i(),v=o(),[j,w]=a(!1),N=t((()=>!!v.data&&!(v.data.messages.length<=1)),[v.data]),k=t((()=>v.isSuccess&&u&&!N),[v.isSuccess,u,N]);return e("div",Object.assign({className:"relative flex flex-grow flex-col justify-end"},{children:[j&&s(m,{isOpen:j,onChangeIsOpen:w}),e("div",Object.assign({className:p("absolute left-1/2 top-[20px] flex w-full max-w-[400px] -translate-x-1/2 -translate-y-1/3 transform flex-col items-center px-4 opacity-0 duration-300",k&&"top-1/3 opacity-100")},{children:[s(c,{src:null==f?void 0:f.coverphoto,alt:`${null==f?void 0:f.formtitle}'s Profile Picture`,width:64,height:64,className:"h-[64px] w-[64px] rounded-full"}),e("div",Object.assign({className:"flex flex-col items-center"},{children:[e("h2",Object.assign({className:"mt-6 text-center text-[18px] font-semibold text-black/70 max-[767px]:text-[16px]"},{children:[`${null==f?void 0:f.formtitle.slice(0,130)}${(null!==(x=null==f?void 0:f.formtitle)&&void 0!==x?x:"").length>130?"...":""}`,s("button",Object.assign({className:"ml-2 inline-block outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>w(!0)},{children:s(n,{className:"h-[18px] w-[18px] shrink-0 text-c-blue"})}))]})),s("p",Object.assign({className:"mt-2 line-clamp-3 max-w-[600px] whitespace-pre-line text-center font-semilight text-black/70"},{children:null==f?void 0:f.formdescription}))]}))]})),s("div",Object.assign({className:"flex w-full justify-center"},{children:v.isLoading?e("div",Object.assign({className:"grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-6 pt-10"},{children:[s("div",{className:"h-10 w-[70%] animate-pulse justify-self-end rounded bg-gray-200"}),s("div",{className:"h-[150px] w-[70%] animate-pulse rounded bg-gray-200"}),s("div",{className:"h-10 w-[50%] animate-pulse justify-self-end rounded bg-gray-200"})]})):v.isError?s("div",Object.assign({className:"flex w-full max-w-[800px] justify-center pt-10"},{children:e("p",Object.assign({className:"text-center text-xl font-semibold"},{children:["Something went wrong. Please try again, or"," ",s("a",Object.assign({href:"mailto:info@pickaxeproject.com?subject=Help"},{children:"contact us"}))," ","for help."]}))})):e("div",Object.assign({className:"relative grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-4 pt-10 max-[767px]:pt-6"},{children:[v.data.messages.map(((e,a)=>s(d,{message:e},a))),g.map(((e,a)=>s(d,{message:e},a))),"fetching"===h?e("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:["NONE"!==(null==f?void 0:f.chaticon)&&s(c,{src:null==f?void 0:f.chaticon,alt:`${null==f?void 0:f.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6"}),e("div",Object.assign({className:"flex items-center gap-x-2 rounded bg-blue-100/50 px-4 py-4"},{children:[s("div",{className:"h-[6px] w-[6px] animate-dot rounded-full bg-black/60"}),s("div",{className:"h-[6px] w-[6px] animate-dot-down rounded-full bg-black/60"}),s("div",{className:"h-[6px] w-[6px] animate-dot rounded-full bg-black/60"})]}))]})):b?e("div",Object.assign({className:"flex max-w-[80%] gap-x-3"},{children:[s(n,{className:"danger-error mt-2 h-6 w-6 shrink-0 text-[#FF0000]/80"}),s("div",{className:"danger-error rounded bg-[#FF0000]/5 px-4 py-2 font-semibold text-[#FF0000]/80",dangerouslySetInnerHTML:{__html:`${b}`}})]})):null,s(r,{className:"absolute bottom-0 left-0 w-full"})]}))}))]}))};export{x as default};
1
+ import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useState as t,useMemo as a}from"react";import{usePickaxeContext as l}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as i}from"../../../../hooks/pickaxe/useResponseContext.js";import{useConversation as o}from"../../../../hooks/pickaxe/useConversation.js";import c from"../../../Icons/circle-info.svg.js";import n from"../../../Core/PickaxeIcon.js";import r from"../../Addons/Scroll/ScrollLockView.js";import m from"../../InfoModal.js";import d from"./Message.js";import p from"../../../../common/cn.js";import f from"../../../Core/HtmlRenderer.js";const x=()=>{var x;const{pickaxe:u,colors:g,isNewChat:h}=l(),{messages:b,status:v,error:j}=i(),w=o(),[N,k]=t(!1),y=a((()=>!!w.data&&!(w.data.messages.length<=1)),[w.data]),O=a((()=>w.isSuccess&&h&&!y),[w.isSuccess,h,y]);return e("div",Object.assign({className:"relative flex flex-grow flex-col justify-end"},{children:[N&&s(m,{isOpen:N,onChangeIsOpen:k}),e("div",Object.assign({className:p("absolute left-1/2 top-5 flex w-full max-w-[400px] -translate-x-1/2 -translate-y-1/3 transform flex-col items-center px-4 opacity-0 duration-300",O&&"top-1/3 opacity-100")},{children:[s(n,{src:null==u?void 0:u.coverphoto,alt:`${null==u?void 0:u.formtitle}'s Profile Picture`,width:64,height:64,className:"h-16 w-16 rounded-full"}),e("div",Object.assign({className:"flex flex-col items-center"},{children:[e("h2",Object.assign({className:"mt-6 text-center text-lg font-semibold text-black/70 max-[767px]:text-base"},{children:[`${null==u?void 0:u.formtitle.slice(0,130)}${(null!==(x=null==u?void 0:u.formtitle)&&void 0!==x?x:"").length>130?"...":""}`,s("button",Object.assign({className:"ml-2 inline-block outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>k(!0)},{children:s(c,{className:"h-5 w-5 shrink-0",style:{color:g.accent}})}))]})),s("p",Object.assign({className:"mt-2 line-clamp-3 whitespace-pre-line max-w-[600px] text-center font-semilight text-black/70"},{children:null==u?void 0:u.formdescription}))]}))]})),s("div",Object.assign({className:"flex w-full justify-center"},{children:w.isLoading?e("div",Object.assign({className:"grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-6 pt-10"},{children:[s("div",{className:"h-10 w-[70%] animate-pulse justify-self-end rounded bg-gray-200"}),s("div",{className:"h-[150px] w-[70%] animate-pulse rounded bg-gray-200"}),s("div",{className:"h-10 w-[50%] animate-pulse justify-self-end rounded bg-gray-200"})]})):w.isError?s("div",Object.assign({className:"flex w-full max-w-[800px] justify-center pt-10"},{children:e("p",Object.assign({className:"text-center text-xl font-semibold"},{children:["Something went wrong. Please try again, or"," ",s("a",Object.assign({href:"mailto:info@pickaxeproject.com?subject=Help"},{children:"contact us"}))," ","for help."]}))})):e("div",Object.assign({className:"relative grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-4 pt-10 max-[767px]:pt-6"},{children:[w.data.messages.map(((e,t)=>s(d,{message:e},t))),b.map(((e,t)=>s(d,{message:e},t))),"fetching"===v?e("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:["NONE"!==(null==u?void 0:u.chaticon)&&s(n,{src:null==u?void 0:u.chaticon,alt:`${null==u?void 0:u.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6"}),e("div",Object.assign({className:"flex items-center gap-x-2 rounded bg-blue-100/50 px-4 py-4"},{children:[s("div",{className:"h-1.5 w-1.5 animate-dot rounded-full bg-black/60"}),s("div",{className:"h-1.5 w-1.5 animate-dot-down rounded-full bg-black/60"}),s("div",{className:"h-1.5 w-1.5 animate-dot rounded-full bg-black/60"})]}))]})):j?e("div",Object.assign({className:"flex max-w-[80%] gap-x-3"},{children:[s(c,{className:"mt-2 h-6 w-6 shrink-0 text-red-500"}),s(f,{className:"x-4 py-2 font-semibold text-red-500",html:j})]})):null,s(r,{className:"absolute bottom-0 left-0 w-full"})]}))}))]}))};export{x as default};
@@ -1 +1 @@
1
- import{__awaiter as e}from"../../../_virtual/_tslib.js";import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useState as s,useRef as r}from"react";import{useMediaQuery as n}from"../../../hooks/core/useMediaQuery.js";import{usePickaxeContext as i}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as a}from"../../../hooks/pickaxe/useResponseContext.js";import{useConversation as l}from"../../../hooks/pickaxe/useConversation.js";import{useSubmit as d}from"../../../hooks/pickaxe/useSubmit.js";import{useSubmitResult as c}from"../../../hooks/pickaxe/useSubmitResult.js";import{useDocument as m}from"../Addons/Document/hooks/useDocument.js";import{useScroll as u}from"../Addons/Scroll/hooks/useScroll.js";import{allowedFileMimeTypes as p,allowedImageMimeTypes as f}from"../../../common/documents.js";import{streamer as h}from"../../../common/api/streamer.js";import g from"../../../node_modules/.pnpm/react-textarea-autosize@8.5.7_@types_react@18.3.18_react@18.3.1/node_modules/react-textarea-autosize/dist/react-textarea-autosize.esm.js";import x from"../../Icons/attach.svg.js";import b from"../../Icons/send.svg.js";import v from"../Addons/IceBreaker/index.js";import k from"../../../common/error.js";import w from"../../../common/cn.js";const y=()=>{var y,I,j,A;const{formId:D,chatId:S,pickaxe:N,isNewChat:C,setIsNewChat:E}=i(),{messages:O,status:R,setMessage:U,setStatus:_,setError:z}=a(),{documents:B,isUploading:F,isImageUploadAllowed:M,upsertDocuments:K,onFileUpload:L,onEditDocumentByDocId:P}=m(),{isScrollIncreasing:T,scrollToBottom:W,scrollStart:H,scrollEnd:Q}=u(),Y=l(),q=d(),G=c(),[J,V]=s(""),X=r(null),[Z]=n("(max-width: 767px)"),$=t=>e(void 0,void 0,void 0,(function*(){try{if(F)return;z(""),E(!1);const e=null!=t?t:J;if(!e||"fetching"===R||"streaming"===R)return;const o=new Date;V("");const s="enduserupload"===(null==N?void 0:N.documentuploadtype),r=B.filter((e=>"finished"===e.status&&!e.isInsertedAsRaw)),n=r.length?r[r.length-1].documentId:"";_("fetching"),U({id:O.length+1,role:"user",content:e});const{success:i,data:a,usedDocumentIds:l,newDocumentId:d,newDocumentName:c,isInsertedFile:m,error:u}=yield q.mutateAsync(Object.assign({formId:D,responseId:S,value:e},s&&n&&{documentId:n}));if(!i)throw new Error(null!=u?u:"An error occurred, please try again.");m&&n&&P({documentId:n,isInsertedAsRaw:!0}),d&&c&&K([{type:"website",id:c,name:c,status:"finished",documentId:d}]),H(),W();const p=(yield h({formId:D,responseId:S,data:a})).body;if(!p)throw new Error("Streaming error");const f=p.getReader(),g=new TextDecoder;let x="",b=!0;for(;b;){const{value:e,done:t}=yield f.read();b=!t;if(x+=g.decode(e),x)_("streaming"),U({id:O.length+2,role:"assistant",content:x}),T&&W();else if(!b&&!x)throw new Error("Server error")}const v=new Date;x&&(W(),_("idle"),yield G.mutateAsync({formId:D,responseId:S,documentIds:l,studioUserId:"USER68RFBSHU4YS2I4L",messages:[{role:"user",message:e,sentAt:o},{role:"assistant",message:x,sentAt:v}]}))}catch(e){let t=k(e);t.includes("Unexpected token 'A',")&&(t="Oops! We're experiencing high traffic at the moment. Please try again later."),z(t),W()}finally{_("idle"),Q()}}));return t("div",Object.assign({className:"relative flex w-full flex-col max-[767px]:fixed max-[767px]:bottom-0 max-[767px]:left-0"},{children:[C&&N&&!Y.isLoading&&(null!==(I=null===(y=Y.data)||void 0===y?void 0:y.messages.length)&&void 0!==I?I:0)<=1&&N.icebreakers&&N.icebreakers.length>0&&o(v,{data:null!==(j=N.icebreakers)&&void 0!==j?j:[],style:{color:"#000000"},isMobile:Z,onSend:$}),t("div",Object.assign({className:"flex min-h-[56px] items-end gap-x-2 bg-white px-4 py-3 pb-[15px] shadow"},{children:["enduserupload"===(null==N?void 0:N.documentuploadtype)&&t("div",Object.assign({className:"tooltip"},{children:[o("input",{id:"file-upload",ref:X,type:"file",accept:[...p,...M?f:[]].join(", "),multiple:!0,hidden:!0,className:"hidden",onChange:t=>e(void 0,void 0,void 0,(function*(){yield L(Array.from(t.target.files||[])),t.target.value=""}))}),o("button",Object.assign({className:"flex items-center disabled:cursor-wait disabled:opacity-50",disabled:F,onClick:()=>{var e;return null===(e=X.current)||void 0===e?void 0:e.click()}},{children:o(x,{className:"h-6 w-6 shrink-0 stroke-2 text-c-blue"})}))]})),o(g,{className:w("max-h-[240px] w-full resize-none border-black bg-transparent outline-none ring-0 scrollbar scrollbar-thin placeholder:font-semilight",!J.length&&"max-h-[24px] overflow-hidden text-ellipsis whitespace-nowrap"),value:J,placeholder:null!==(A=null==N?void 0:N.placeholdertext)&&void 0!==A?A:"What do you want to talk about?",onChange:e=>V(e.target.value),onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),$())}}),o("button",Object.assign({className:"outline-none disabled:cursor-default disabled:opacity-50",disabled:"idle"!==R||F,onClick:()=>$()},{children:o(b,{className:"h-6 w-6 shrink-0 stroke-2 text-c-blue"})}))]}))]}))};export{y as default};
1
+ import{__awaiter as e}from"../../../_virtual/_tslib.js";import{jsxs as o,jsx as t}from"react/jsx-runtime";import{useState as s,useRef as r}from"react";import{useMediaQuery as n}from"../../../hooks/core/useMediaQuery.js";import{usePickaxeContext as i}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as a}from"../../../hooks/pickaxe/useResponseContext.js";import{useConversation as l}from"../../../hooks/pickaxe/useConversation.js";import{useSubmit as d}from"../../../hooks/pickaxe/useSubmit.js";import{useSubmitResult as c}from"../../../hooks/pickaxe/useSubmitResult.js";import{useDocument as m}from"../Addons/Document/hooks/useDocument.js";import{useScroll as u}from"../Addons/Scroll/hooks/useScroll.js";import{allowedFileMimeTypes as p,allowedImageMimeTypes as f}from"../../../common/documents.js";import{streamer as h}from"../../../common/api/streamer.js";import g from"../../../node_modules/.pnpm/react-textarea-autosize@8.5.7_@types_react@18.3.18_react@18.3.1/node_modules/react-textarea-autosize/dist/react-textarea-autosize.esm.js";import x from"../../Icons/attach.svg.js";import v from"../../Icons/send.svg.js";import b from"../Addons/IceBreaker/index.js";import k from"../../../common/error.js";import w from"../../../common/cn.js";const y=()=>{var y,I,j,A;const{formId:D,chatId:S,pickaxe:N,colors:C,isNewChat:E,setIsNewChat:O}=i(),{messages:R,status:U,setMessage:_,setStatus:z,setError:B}=a(),{documents:F,isUploading:M,isImageUploadAllowed:K,upsertDocuments:L,onFileUpload:P,onEditDocumentByDocId:T}=m(),{isScrollIncreasing:W,scrollToBottom:H,scrollStart:Q,scrollEnd:Y}=u(),q=l(),G=d(),J=c(),[V,X]=s(""),Z=r(null),[$]=n("(max-width: 767px)"),ee=o=>e(void 0,void 0,void 0,(function*(){try{if(M)return;B(""),O(!1);const e=null!=o?o:V;if(!e||"fetching"===U||"streaming"===U)return;const t=new Date;X("");const s="enduserupload"===(null==N?void 0:N.documentuploadtype),r=F.filter((e=>"finished"===e.status&&!e.isInsertedAsRaw)),n=r.length?r[r.length-1].documentId:"";z("fetching"),_({id:R.length+1,role:"user",content:e});const{success:i,data:a,usedDocumentIds:l,newDocumentId:d,newDocumentName:c,isInsertedFile:m,error:u}=yield G.mutateAsync(Object.assign({formId:D,responseId:S,value:e},s&&n&&{documentId:n}));if(!i)throw new Error(null!=u?u:"An error occurred, please try again.");m&&n&&T({documentId:n,isInsertedAsRaw:!0}),d&&c&&L([{type:"website",id:c,name:c,status:"finished",documentId:d}]),Q(),H();const p=(yield h({formId:D,responseId:S,data:a})).body;if(!p)throw new Error("Streaming error");const f=p.getReader(),g=new TextDecoder;let x="",v=!0;for(;v;){const{value:e,done:o}=yield f.read();v=!o;if(x+=g.decode(e),x)z("streaming"),_({id:R.length+2,role:"assistant",content:x}),W&&H();else if(!v&&!x)throw new Error("Server error")}const b=new Date;x&&(H(),z("idle"),yield J.mutateAsync({formId:D,responseId:S,documentIds:l,studioUserId:"USER68RFBSHU4YS2I4L",messages:[{role:"user",message:e,sentAt:t},{role:"assistant",message:x,sentAt:b}]}))}catch(e){let o=k(e);o.includes("Unexpected token 'A',")&&(o="Oops! We're experiencing high traffic at the moment. Please try again later."),B(o),H()}finally{z("idle"),Y()}}));return o("div",Object.assign({className:"relative flex w-full flex-col max-[767px]:fixed max-[767px]:bottom-0 max-[767px]:left-0"},{children:[E&&N&&!q.isLoading&&(null!==(I=null===(y=q.data)||void 0===y?void 0:y.messages.length)&&void 0!==I?I:0)<=1&&N.icebreakers&&N.icebreakers.length>0&&t(b,{data:null!==(j=N.icebreakers)&&void 0!==j?j:[],style:{color:"#000000"},isMobile:$,onSend:ee}),o("div",Object.assign({className:"flex min-h-[56px] items-end gap-x-2 bg-white px-4 py-3 pb-[15px] shadow"},{children:["enduserupload"===(null==N?void 0:N.documentuploadtype)&&o("div",Object.assign({className:"tooltip"},{children:[t("input",{id:"file-upload",ref:Z,type:"file",accept:[...p,...K?f:[]].join(", "),multiple:!0,hidden:!0,className:"hidden",onChange:o=>e(void 0,void 0,void 0,(function*(){yield P(Array.from(o.target.files||[])),o.target.value=""}))}),t("button",Object.assign({className:"flex items-center disabled:cursor-wait disabled:opacity-50",disabled:M,onClick:()=>{var e;return null===(e=Z.current)||void 0===e?void 0:e.click()}},{children:t(x,{className:"h-6 w-6 shrink-0 stroke-2",style:{color:C.accent}})}))]})),t(g,{className:w("max-h-60 w-full resize-none border-black bg-transparent outline-none ring-0 scrollbar scrollbar-thin placeholder:font-semilight",!V.length&&"max-h-6 overflow-hidden text-ellipsis whitespace-nowrap"),value:V,placeholder:null!==(A=null==N?void 0:N.placeholdertext)&&void 0!==A?A:"What do you want to talk about?",onChange:e=>X(e.target.value),onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),ee())}}),t("button",Object.assign({className:"outline-none disabled:cursor-default disabled:opacity-50",disabled:"idle"!==U||M,onClick:()=>ee()},{children:t(v,{className:"h-6 w-6 shrink-0 stroke-2",style:{color:C.accent}})}))]}))]}))};export{y as default};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as o}from"react/jsx-runtime";import{usePickaxeContext as r}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useScroll as l}from"../Addons/Scroll/hooks/useScroll.js";import s from"../../Core/ScrollArea.js";import t from"../Addons/Document/List.js";import m from"./History/index.js";import i from"./Input.js";import c from"../../../common/cn.js";const a=()=>{const{pickaxe:a,isShowIceBreaker:n}=r(),{scrollContainerRef:f}=l();return e("div",Object.assign({className:"relative flex flex-grow flex-col items-center"},{children:o("div",Object.assign({className:"relative flex w-full max-w-[800px] flex-grow flex-col"},{children:["enduserupload"===(null==a?void 0:a.documentuploadtype)&&e(t,{className:"absolute z-10 mt-4"}),e("div",Object.assign({className:c("flex w-full flex-grow flex-col pb-[6rem] max-[767px]:pb-[4.5rem]",n&&"pb-44 max-[767px]:pb-40")},{children:e(s,Object.assign({ref:f,hideScrollbar:!0},{children:e(m,{})}))})),e("div",Object.assign({className:"absolute bottom-0 mb-6 mt-4 flex w-full justify-center max-[767px]:m-0"},{children:e(i,{})}))]}))}))};export{a as default};
1
+ import{jsx as e,jsxs as o}from"react/jsx-runtime";import{usePickaxeContext as l}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useScroll as r}from"../Addons/Scroll/hooks/useScroll.js";import s from"../../Core/ScrollArea.js";import t from"../Addons/Document/List.js";import i from"./History/index.js";import m from"./Input.js";import c from"../../../common/cn.js";const a=()=>{const{pickaxe:a,isShowIceBreaker:n}=l(),{scrollContainerRef:f}=r();return e("div",Object.assign({className:"relative flex flex-grow flex-col items-center"},{children:o("div",Object.assign({className:"relative flex w-full max-w-[800px] flex-grow flex-col"},{children:["enduserupload"===(null==a?void 0:a.documentuploadtype)&&e(t,{className:"absolute z-10 mt-4"}),e("div",Object.assign({className:c("flex w-full flex-grow flex-col pb-24 max-[767px]:pb-[4.5rem]",n&&"pb-44 max-[767px]:pb-40")},{children:e(s,Object.assign({ref:f,hideScrollbar:!0},{children:e(i,{})}))})),e("div",Object.assign({className:"absolute bottom-0 mb-6 mt-4 flex w-full justify-center max-[767px]:m-0"},{children:e(m,{})}))]}))}))};export{a as default};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as i}from"react";import{usePickaxeContext as o}from"../../../hooks/pickaxe/usePickaxeContext.js";import l from"../../Icons/circle-info.svg.js";import n from"../../Core/PickaxeIcon.js";import c from"../InfoModal.js";const r=()=>{var r;const{pickaxe:s}=o(),[a,m]=i(!1);return e("div",Object.assign({className:"flex flex-col items-center"},{children:[a&&t(c,{isOpen:a,onChangeIsOpen:m}),t(n,{src:null==s?void 0:s.coverphoto,alt:`${null==s?void 0:s.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"}),e("h2",Object.assign({className:"mt-6 text-center text-[18px] font-semibold text-black/70 max-[767px]:text-[16px]"},{children:[`${null==s?void 0:s.formtitle.slice(0,130)}${(null!==(r=null==s?void 0:s.formtitle)&&void 0!==r?r:"").length>130?"...":""}`,t("button",Object.assign({className:"ml-2 inline-block outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>m(!0)},{children:t(l,{className:"h-[18px] w-[18px] shrink-0 text-c-blue"})}))]})),t("p",Object.assign({className:"mt-2 line-clamp-3 max-w-[600px] whitespace-pre-line text-center font-semilight text-black/70"},{children:null==s?void 0:s.formdescription}))]}))};export{r as default};
1
+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as i}from"react";import{usePickaxeContext as o}from"../../../hooks/pickaxe/usePickaxeContext.js";import l from"../../Icons/circle-info.svg.js";import n from"../../Core/PickaxeIcon.js";import c from"../InfoModal.js";const s=()=>{var s;const{pickaxe:r}=o(),[a,m]=i(!1);return e("div",Object.assign({className:"flex flex-col items-center"},{children:[a&&t(c,{isOpen:a,onChangeIsOpen:m}),t(n,{src:null==r?void 0:r.coverphoto,alt:`${null==r?void 0:r.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"}),e("h2",Object.assign({className:"mt-6 text-center text-[18px] font-semibold text-black/70 max-[767px]:text-base"},{children:[`${null==r?void 0:r.formtitle.slice(0,130)}${(null!==(s=null==r?void 0:r.formtitle)&&void 0!==s?s:"").length>130?"...":""}`,t("button",Object.assign({className:"ml-2 inline-block outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>m(!0)},{children:t(l,{className:"h-5 w-5 shrink-0 text-c-blue"})}))]})),t("p",Object.assign({className:"mt-2 max-w-[600px] line-clamp-3 whitespace-pre-line text-center font-semilight text-black/70"},{children:null==r?void 0:r.formdescription}))]}))};export{s as default};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as i}from"react/jsx-runtime";import{Fragment as s}from"react";import{useInView as a}from"react-intersection-observer";import{usePickaxeContext as r}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useHistory as t}from"../../../../hooks/pickaxe/useHistory.js";import o from"../../../Icons/spinner-circle.svg.js";import n from"./Item.js";const c=()=>{var c;const{isShowHistory:l}=r(),m=t({enabled:l}),{ref:p}=a({onChange(e){e&&m.hasNextPage&&m.fetchNextPage()}});return l&&m.isLoading?e("div",{className:"h-[300px] w-full animate-pulse bg-gray-200"}):m.isError?e("div",{}):l?i("div",Object.assign({className:"flex flex-col gap-y-8"},{children:[null===(c=m.data)||void 0===c?void 0:c.pages.map(((i,a)=>e(s,{children:i.data.map((i=>e(s,{children:e(n,{item:i})},i.responseId)))},a))),e("div",Object.assign({className:"flex items-center justify-center"},{children:m.isFetchingNextPage?e(o,{className:"my-10 h-14 w-14 animate-spin animate-spin fill-c-blue text-gray-300"}):m.hasNextPage?e("div",{ref:p,className:"invisible h-14 w-14"}):null}))]})):null};export{c as default};
1
+ import{jsx as e,jsxs as s}from"react/jsx-runtime";import{Fragment as i}from"react";import{useInView as a}from"react-intersection-observer";import{usePickaxeContext as t}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useHistory as r}from"../../../../hooks/pickaxe/useHistory.js";import o from"../../../Icons/spinner-circle.svg.js";import n from"./Item.js";const c=()=>{var c;const{colors:l,isShowHistory:m}=t(),p=r({enabled:m}),{ref:d}=a({onChange(e){e&&p.hasNextPage&&p.fetchNextPage()}});return m&&p.isLoading?e("div",{className:"w-full min-h-[300px] animate-pulse bg-gray-200"}):p.isError?e("div",{}):m?s("div",Object.assign({className:"flex flex-col gap-y-8"},{children:[null===(c=p.data)||void 0===c?void 0:c.pages.map(((s,a)=>e(i,{children:s.data.map((s=>e(i,{children:e(n,{item:s})},s.responseId)))},a))),e("div",Object.assign({className:"flex items-center justify-center"},{children:p.isFetchingNextPage?e(o,{className:"my-10 h-14 w-14 animate-spin animate-spin text-gray-300",style:{fill:l.accent}}):p.hasNextPage?e("div",{ref:d,className:"invisible h-14 w-14"}):null}))]})):null};export{c as default};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useMemo as t}from"react";import{usePickaxeContext as l}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{format as a}from"date-fns";import i from"../../../Icons/message-square-notes.svg.js";import r from"../../../Icons/visitor.svg.js";import o from"../../../Core/PickaxeIcon.js";import n from"../../../Core/CopyButton.js";import c from"../../../Core/MarkdownRenderer.js";const d=({item:d})=>{const{pickaxe:m,setChatId:p,setIsNewChat:h}=l(),x=t((()=>a(d.createdAt,"hh:mm a MMM dd, yy")),[d]),f=t((()=>d&&d.messages?d.messages.length:0),[d]),g=t((()=>{var e,s,t,l;if("form"===d.type){return(null!==(e=d.questions)&&void 0!==e?e:[]).map((e=>`<div style="display: flex; flex-direction: column; margin-bottom: 1em;">\n <p style="font-weight: 500;">${e.question}</p>\n <p>${e.answer||"n/a"}</p>\n</div>`)).join("")}return null!==(l=null===(t=null===(s=d.messages)||void 0===s?void 0:s[0])||void 0===t?void 0:t.message)&&void 0!==l?l:""}),[d]),u=t((()=>{var e,s,t,l;return"form"===d.type?null!==(e=d.questionResponse)&&void 0!==e?e:"":null!==(l=null===(t=null===(s=d.messages)||void 0===s?void 0:s[1])||void 0===t?void 0:t.message)&&void 0!==l?l:""}),[d]);return e("div",Object.assign({className:"flex flex-col shadow-black transition hover:shadow"},{children:[e("div",Object.assign({className:"flex gap-x-3 overflow-hidden bg-white px-4 py-5"},{children:[s("div",Object.assign({className:"shrink-0 pt-1"},{children:s(r,{className:"h-6 w-6 text-black"})})),e("div",Object.assign({className:"flex flex-col gap-y-1 overflow-x-auto pb-[6px] scrollbar-track-gray-100 scrollbar-thumb-[#4A4A4B] lg:max-w-[520px] lg:scrollbar-thin"},{children:[s("input",{id:`${d.responseId}-input`,type:"checkbox",className:"peer hidden",defaultChecked:g.length<280}),s("div",{className:"danger-html hidden flex-col text-black/50 peer-checked:flex",dangerouslySetInnerHTML:{__html:g}}),s("label",Object.assign({htmlFor:`${d.responseId}-input`,className:"mt-1 flex shrink-0 whitespace-nowrap text-sm font-semibold text-[#228DD7] peer-checked:hidden hover:cursor-pointer"},{children:"See input"})),s("label",Object.assign({htmlFor:`${d.responseId}-input`,className:"hidden shrink-0 whitespace-nowrap text-sm font-semibold text-[#228DD7] peer-checked:flex hover:cursor-pointer"},{children:"Hide input"}))]}))]})),e("div",Object.assign({className:"flex gap-x-3 bg-[#E9F4FB] px-4 py-5"},{children:[s(o,{src:null==m?void 0:m.chaticon,alt:`${null==m?void 0:m.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6 pt-1"}),e("div",Object.assign({className:"flex w-full flex-col gap-y-2 overflow-hidden"},{children:[s(c,{className:"overflow-x-auto pb-2 font-light text-black/90 scrollbar-thin scrollbar-track-white scrollbar-thumb-[#4A4A4B]",html:u}),e("div",Object.assign({className:"flex flex-wrap items-center justify-between gap-x-3 gap-y-1"},{children:[e("div",Object.assign({className:"flex items-center gap-3"},{children:[(null==m?void 0:m.enablechatresponses)&&e("button",Object.assign({className:"flex items-center gap-x-1 text-c-gray hover:cursor-pointer hover:text-c-blue",onClick:()=>{return e=d.responseId,h(!1),void p(e);var e}},{children:[s(i,{className:"h-4 w-4"}),s("p",Object.assign({className:"text-sm font-semibold"},{children:f+1}))]})),s(n,{text:u})]})),s("div",Object.assign({className:"flex shrink-0 grow justify-end"},{children:s("p",Object.assign({className:"text-sm font-semibold uppercase text-black/30"},{children:x}))}))]}))]}))]}))]}))};export{d as default};
1
+ import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useMemo as t}from"react";import{usePickaxeContext as o}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{format as l}from"date-fns";import r from"../../../Icons/message-square-notes.svg.js";import a from"../../../Icons/visitor.svg.js";import i from"../../../Core/PickaxeIcon.js";import n from"../../../Core/CopyButton.js";import c from"../../../Core/MarkdownRenderer.js";const d=({item:d})=>{const{pickaxe:m,colors:p,setChatId:h,setIsNewChat:f}=o(),u=t((()=>l(d.createdAt,"hh:mm a MMM dd, yy")),[d]),g=t((()=>d&&d.messages?d.messages.length:0),[d]),x=t((()=>{var e,s,t,o;if("form"===d.type){return(null!==(e=d.questions)&&void 0!==e?e:[]).map((e=>`<div style="display: flex; flex-direction: column; margin-bottom: 1em;">\n <p style="font-weight: 500;">${e.question}</p>\n <p>${e.answer||"n/a"}</p>\n</div>`)).join("")}return null!==(o=null===(t=null===(s=d.messages)||void 0===s?void 0:s[0])||void 0===t?void 0:t.message)&&void 0!==o?o:""}),[d]),v=t((()=>{var e,s,t,o;return"form"===d.type?null!==(e=d.questionResponse)&&void 0!==e?e:"":null!==(o=null===(t=null===(s=d.messages)||void 0===s?void 0:s[1])||void 0===t?void 0:t.message)&&void 0!==o?o:""}),[d]);return e("div",Object.assign({className:"flex flex-co transition hover:shadow"},{children:[e("div",Object.assign({className:"flex gap-x-3 overflow-hidden bg-white px-4 py-5"},{children:[s("div",Object.assign({className:"shrink-0 pt-1"},{children:s(a,{className:"h-6 w-6"})})),e("div",Object.assign({className:"flex flex-col gap-y-1 overflow-x-auto pb-1.5 scrollbar-track-gray-100 scrollbar-thumb-[#4A4A4B] lg:max-w-[520px] lg:scrollbar-thin"},{children:[s("input",{id:`${d.responseId}-input`,type:"checkbox",className:"peer hidden",defaultChecked:x.length<280}),s("div",{className:"danger-html hidden flex-col peer-checked:flex",dangerouslySetInnerHTML:{__html:x}}),s("label",Object.assign({htmlFor:`${d.responseId}-input`,className:"mt-1 flex shrink-0 whitespace-nowrap text-sm font-semibold peer-checked:hidden hover:cursor-pointer",style:{color:p.accent}},{children:"See input"})),s("label",Object.assign({htmlFor:`${d.responseId}-input`,className:"hidden shrink-0 whitespace-nowrap text-sm font-semibold peer-checked:flex hover:cursor-pointer",style:{color:p.accent}},{children:"Hide input"}))]}))]})),e("div",Object.assign({className:"flex gap-x-3 px-4 py-5",style:{backgroundColor:p.secondary,color:p.secondaryText}},{children:[s(i,{src:null==m?void 0:m.chaticon,alt:`${null==m?void 0:m.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6 pt-1"}),e("div",Object.assign({className:"flex w-full flex-col gap-y-2 overflow-hidden"},{children:[s(c,{className:"overflow-x-auto pb-2 font-light text-black/90 scrollbar-thin scrollbar-track-white scrollbar-thumb-[#4A4A4B]",html:v}),e("div",Object.assign({className:"flex flex-wrap items-center justify-between gap-x-3 gap-y-1"},{children:[e("div",Object.assign({className:"flex items-center gap-3"},{children:[(null==m?void 0:m.enablechatresponses)&&e("button",Object.assign({className:"flex items-center gap-x-1 hover:cursor-pointer hover:text-c-blue",onClick:()=>{return e=d.responseId,f(!1),void h(e);var e}},{children:[s(r,{className:"h-4 w-4"}),s("p",Object.assign({className:"text-sm font-semibold"},{children:g+1}))]})),s(n,{text:v})]})),s("div",Object.assign({className:"flex shrink-0 grow justify-end"},{children:s("p",Object.assign({className:"text-sm font-semibold uppercase opacity-30"},{children:u}))}))]}))]}))]}))]}))};export{d as default};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useMemo as t}from"react";import{usePickaxeContext as r}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as a}from"../../../../hooks/pickaxe/useResponseContext.js";import{format as l}from"date-fns";import o from"../../../Icons/message-square-notes.svg.js";import n from"../../../Icons/visitor.svg.js";import i from"../../../Core/PickaxeIcon.js";import c from"../../../Core/CopyButton.js";import d from"../../../Core/MarkdownRenderer.js";import m from"../../Addons/Scroll/ScrollLockView.js";const p=()=>{var p;const{pickaxe:h,setChatId:x,setIsNewChat:f}=r(),{response:b}=a(),u=t((()=>l(b?b.createdAt:new Date,"hh:mm a MMM dd, yy")),[b]),g=t((()=>{var e;if(!b)return"";return(null!==(e=b.questions)&&void 0!==e?e:[]).map((e=>`<div style="display: flex; flex-direction: column; margin-bottom: 1em;">\n <p style="font-weight: 500;">${e.question}</p>\n <p>${e.answer||"n/a"}</p>\n</div>`)).join("")}),[b]);return b?e("div",Object.assign({className:"flex flex-col shadow-black transition hover:shadow"},{children:[e("div",Object.assign({className:"flex gap-x-3 overflow-hidden bg-white px-4 py-5"},{children:[s("div",Object.assign({className:"shrink-0 pt-1"},{children:s(n,{className:"h-6 w-6 text-black"})})),e("div",Object.assign({className:"flex flex-col gap-y-1 overflow-x-auto pb-[6px] scrollbar-track-gray-100 scrollbar-thumb-[#4A4A4B] lg:max-w-[520px] lg:scrollbar-thin"},{children:[s("input",{id:`${b.responseId}-input`,type:"checkbox",className:"peer hidden",defaultChecked:g.length<280}),s("div",{className:"danger-html hidden flex-col text-black/50 peer-checked:flex",dangerouslySetInnerHTML:{__html:g}}),s("label",Object.assign({htmlFor:`${b.responseId}-input`,className:"mt-1 flex shrink-0 whitespace-nowrap text-sm font-semibold text-[#228DD7] peer-checked:hidden hover:cursor-pointer"},{children:"See input"})),s("label",Object.assign({htmlFor:`${b.responseId}-input`,className:"hidden shrink-0 whitespace-nowrap text-sm font-semibold text-[#228DD7] peer-checked:flex hover:cursor-pointer"},{children:"Hide input"}))]}))]})),e("div",Object.assign({className:"flex gap-x-3 bg-[#E9F4FB] px-4 py-5"},{children:[s(i,{src:null==h?void 0:h.chaticon,alt:`${null==h?void 0:h.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6 pt-1"}),e("div",Object.assign({className:"flex w-full flex-col gap-y-2 overflow-hidden"},{children:[s(d,{className:"overflow-x-auto pb-2 font-light text-black/90 scrollbar-thin scrollbar-track-white scrollbar-thumb-[#4A4A4B]",html:b.questionResponse}),e("div",Object.assign({className:"flex flex-wrap items-center justify-between gap-x-3 gap-y-1"},{children:[e("div",Object.assign({className:"flex items-center gap-3"},{children:[(null==h?void 0:h.enablechatresponses)&&e("button",Object.assign({className:"flex items-center gap-x-1 text-c-gray hover:cursor-pointer hover:text-c-blue",onClick:()=>{return e=b.responseId,f(!1),void x(e);var e}},{children:[s(o,{className:"h-4 w-4"}),s("p",Object.assign({className:"text-sm font-semibold"},{children:b.messages.length+1}))]})),s(c,{text:null!==(p=b.questionResponse)&&void 0!==p?p:""})]})),s("div",Object.assign({className:"flex shrink-0 grow justify-end"},{children:s("p",Object.assign({className:"text-sm font-semibold uppercase text-black/30"},{children:u}))}))]}))]}))]})),s(m,{})]})):null};export{p as default};
1
+ import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useMemo as t}from"react";import{usePickaxeContext as o}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as r}from"../../../../hooks/pickaxe/useResponseContext.js";import{format as l}from"date-fns";import a from"../../../Icons/message-square-notes.svg.js";import n from"../../../Icons/visitor.svg.js";import i from"../../../Core/PickaxeIcon.js";import c from"../../../Core/CopyButton.js";import d from"../../../Core/MarkdownRenderer.js";import m from"../../Addons/Scroll/ScrollLockView.js";const p=()=>{var p;const{pickaxe:h,colors:x,setChatId:f,setIsNewChat:u}=o(),{response:b}=r(),g=t((()=>l(b?b.createdAt:new Date,"hh:mm a MMM dd, yy")),[b]),v=t((()=>{var e;if(!b)return"";return(null!==(e=b.questions)&&void 0!==e?e:[]).map((e=>`<div style="display: flex; flex-direction: column; margin-bottom: 1em;">\n <p style="font-weight: 500;">${e.question}</p>\n <p>${e.answer||"n/a"}</p>\n</div>`)).join("")}),[b]);return b?e("div",Object.assign({className:"flex flex-col shadow-black transition hover:shadow"},{children:[e("div",Object.assign({className:"flex gap-x-3 overflow-hidden bg-white px-4 py-5"},{children:[s("div",Object.assign({className:"shrink-0 pt-1"},{children:s(n,{className:"h-6 w-6 text-black"})})),e("div",Object.assign({className:"flex flex-col gap-y-1 overflow-x-auto pb-[6px] scrollbar-track-gray-100 scrollbar-thumb-[#4A4A4B] lg:max-w-[520px] lg:scrollbar-thin"},{children:[s("input",{id:`${b.responseId}-input`,type:"checkbox",className:"peer hidden",defaultChecked:v.length<280}),s("div",{className:"danger-html hidden flex-col text-black/50 peer-checked:flex",dangerouslySetInnerHTML:{__html:v}}),s("label",Object.assign({htmlFor:`${b.responseId}-input`,className:"mt-1 flex shrink-0 whitespace-nowrap text-sm font-semibold text-[#228DD7] peer-checked:hidden hover:cursor-pointer",style:{color:x.accent}},{children:"See input"})),s("label",Object.assign({htmlFor:`${b.responseId}-input`,className:"hidden shrink-0 whitespace-nowrap text-sm font-semibold text-[#228DD7] peer-checked:flex hover:cursor-pointer",style:{color:x.accent}},{children:"Hide input"}))]}))]})),e("div",Object.assign({className:"flex gap-x-3 px-4 py-5",style:{backgroundColor:x.secondary,color:x.secondaryText}},{children:[s(i,{src:null==h?void 0:h.chaticon,alt:`${null==h?void 0:h.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6 pt-1"}),e("div",Object.assign({className:"flex w-full flex-col gap-y-2 overflow-hidden"},{children:[s(d,{className:"overflow-x-auto pb-2 font-light text-black/90 scrollbar-thin scrollbar-track-white scrollbar-thumb-[#4A4A4B]",html:b.questionResponse}),e("div",Object.assign({className:"flex flex-wrap items-center justify-between gap-x-3 gap-y-1"},{children:[e("div",Object.assign({className:"flex items-center gap-3"},{children:[(null==h?void 0:h.enablechatresponses)&&e("button",Object.assign({className:"flex items-center gap-x-1 hover:cursor-pointer hover:text-c-blue",onClick:()=>{return e=b.responseId,u(!1),void f(e);var e}},{children:[s(a,{className:"h-4 w-4"}),s("p",Object.assign({className:"text-sm font-semibold"},{children:b.messages.length+1}))]})),s(c,{text:null!==(p=b.questionResponse)&&void 0!==p?p:""})]})),s("div",Object.assign({className:"flex shrink-0 grow justify-end"},{children:s("p",Object.assign({className:"text-sm font-semibold uppercase opacity-30"},{children:g}))}))]}))]}))]})),s(m,{})]})):null};export{p as default};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useResponseContext as t}from"../../../../hooks/pickaxe/useResponseContext.js";import i from"./Dropdown.js";const n=({field:n,update:a})=>{const{setError:c}=t(),l=e=>(n.input?n.input.split("&#44;"):[]).includes(e);return e("div",Object.assign({className:"flex flex-col gap-y-3"},{children:[e("div",Object.assign({className:"flex items-center gap-2"},{children:[s("p",Object.assign({className:"text-[14px] font-semibold text-black/70"},{children:n.main})),n.isRequired&&s("span",Object.assign({className:"select-none font-semibold text-c-red"},{children:"*"}))]})),s(i,Object.assign({id:n.id.replace(/[^A-Za-z]+/g,""),value:n.input.replace(/&#44;/g,", "),placeholder:"Select option(s)",closeOnSelect:!1,maxToken:n.maxLength,isDropdown:n.isDropdown},{children:s("div",Object.assign({className:"flex flex-col items-start gap-y-3"},{children:n.example.split("S3P32X").map(((t,i)=>e("div",Object.assign({className:"flex items-center gap-x-2 hover:cursor-pointer",onClick:()=>(e=>{c("");const s=n.input?n.input.split("&#44;"):[],t=new Set(s);l(e)&&t.has(e)?t.delete(e):l(e)||t.has(e)||t.add(e);const i=Array.from(t).filter((e=>""!==e.trim()));a(Object.assign(Object.assign({},n),{input:i.join("&#44;")}))})(t)},{children:[s("div",Object.assign({className:"flex h-6 w-6 shrink-0 items-center justify-center border-2 border-black bg-white"},{children:l(t)&&s("div",{className:"h-4 w-4 bg-[#288DD7]"})})),s("p",Object.assign({className:"select-none max-lg:text-sm"},{children:t}))]}),i)))}))}))]}))};export{n as default};
1
+ import{jsxs as e,jsx as s}from"react/jsx-runtime";import{usePickaxeContext as t}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as i}from"../../../../hooks/pickaxe/useResponseContext.js";import n from"./Dropdown.js";const a=({field:a,update:c})=>{const{colors:r}=t(),{setError:o}=i(),l=e=>(a.input?a.input.split("&#44;"):[]).includes(e);return e("div",Object.assign({className:"flex flex-col gap-y-3"},{children:[e("div",Object.assign({className:"flex items-center gap-2"},{children:[s("p",Object.assign({className:"text-sm font-semibold opacity-70"},{children:a.main})),a.isRequired&&s("span",Object.assign({className:"select-none font-semibold",style:{color:r.error}},{children:"*"}))]})),s(n,Object.assign({id:a.id.replace(/[^A-Za-z]+/g,""),value:a.input.replace(/&#44;/g,", "),placeholder:"Select option(s)",closeOnSelect:!1,maxToken:a.maxLength,isDropdown:a.isDropdown},{children:s("div",Object.assign({className:"flex flex-col items-start gap-y-3"},{children:a.example.split("S3P32X").map(((t,i)=>e("div",Object.assign({className:"flex items-center gap-x-2 hover:cursor-pointer",onClick:()=>(e=>{o("");const s=a.input?a.input.split("&#44;"):[],t=new Set(s);l(e)&&t.has(e)?t.delete(e):l(e)||t.has(e)||t.add(e);const i=Array.from(t).filter((e=>""!==e.trim()));c(Object.assign(Object.assign({},a),{input:i.join("&#44;")}))})(t)},{children:[s("div",Object.assign({className:"flex h-6 w-6 shrink-0 items-center justify-center border-2 border-black bg-white"},{children:l(t)&&s("div",{className:"h-4 w-4",style:{backgroundColor:r.accent}})})),s("p",Object.assign({className:"select-none max-lg:text-sm"},{children:t}))]}),i)))}))}))]}))};export{a as default};
@@ -1 +1 @@
1
- import{__awaiter as e}from"../../../../_virtual/_tslib.js";import{jsxs as s,jsx as t,Fragment as i}from"react/jsx-runtime";import{useState as o,useRef as a}from"react";import{useDocument as n}from"../../Addons/Document/hooks/useDocument.js";import{allowedFileMimeTypes as r,allowedImageMimeTypes as l}from"../../../../common/documents.js";import c from"../../../Icons/attach.svg.js";import d from"../../../Icons/check.svg.js";import m from"../../../Icons/x.svg.js";import b from"../../../Core/ErrorAlert.js";import u from"../../Addons/Document/List.js";import p from"../../../../common/cn.js";const f=({field:f,update:h})=>{const[g,v]=o(!1),{documentError:j,websiteLink:x,isUploading:N,isImageUploadAllowed:k,setDocumentError:y,setWebsiteLink:w,onFileUpload:O,onWebsiteUpload:D}=n({onQuestionChange:e=>{h(Object.assign(Object.assign({},f),e))}}),C=a(null);return s("div",Object.assign({className:"flex flex-col gap-y-1"},{children:[s("div",Object.assign({className:"flex flex-col gap-y-2"},{children:[s("div",Object.assign({className:"flex items-center gap-2"},{children:[t("p",Object.assign({className:"text-[14px] font-semibold text-black/70"},{children:f.main})),f.isRequired&&t("span",Object.assign({className:"select-none font-semibold text-c-red"},{children:"*"}))]})),s("div",Object.assign({className:"flex flex-col gap-y-2"},{children:[t("input",{ref:C,type:"file",accept:[...r,...k?l:[]].join(", "),id:f.id,hidden:!0,className:"hidden",onChange:s=>e(void 0,void 0,void 0,(function*(){yield O(Array.from(s.target.files||[])),s.target.value=""})),disabled:N}),s("div",Object.assign({className:p("flex items-center justify-between rounded-sm border border-transparent bg-white py-3 pl-4 pr-3 shadow duration-300 hover:border-black/25",g&&"border-black/70 shadow-none hover:border-black/70")},{children:[t("input",{type:"text",value:x,className:"w-full outline-none",placeholder:"Paste a website/video link or drag a file",onChange:e=>w(e.target.value),onDrop:s=>e(void 0,void 0,void 0,(function*(){s.preventDefault(),yield O(Array.from(s.dataTransfer.files||[]))})),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),D(x))},onFocus:()=>v(!0),onBlur:()=>v(!1)}),t("div",Object.assign({className:"flex items-center gap-3 pl-4"},{children:x.length>0?s(i,{children:[t("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:N,onClick:()=>D(x)},{children:t(d,{className:"h-[20px] w-[20px] shrink-0 text-c-blue"})})),t("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:N,onClick:()=>{w(""),y("")}},{children:t(m,{className:"h-6 w-6 shrink-0 text-c-blue"})}))]}):t("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:N,onClick:()=>{var e;null===(e=C.current)||void 0===e||e.click()}},{children:t(c,{className:"h-6 w-6 shrink-0 text-c-blue"})}))}))]}))]}))]})),t(u,{className:"mt-2"}),j&&t(b,{error:j,className:"mt-3"})]}))};export{f as default};
1
+ import{__awaiter as e}from"../../../../_virtual/_tslib.js";import{jsxs as s,jsx as o,Fragment as i}from"react/jsx-runtime";import{useState as a,useRef as t}from"react";import{usePickaxeContext as n}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useDocument as r}from"../../Addons/Document/hooks/useDocument.js";import{allowedFileMimeTypes as l,allowedImageMimeTypes as c}from"../../../../common/documents.js";import d from"../../../Icons/attach.svg.js";import m from"../../../Icons/check.svg.js";import p from"../../../Icons/x.svg.js";import b from"../../../Core/ErrorAlert.js";import u from"../../Addons/Document/List.js";import f from"../../../../common/cn.js";const h=({field:h,update:g})=>{const{colors:j}=n(),{documentError:v,websiteLink:y,isUploading:k,isImageUploadAllowed:N,setDocumentError:x,setWebsiteLink:w,onFileUpload:O,onWebsiteUpload:C}=r({onQuestionChange:e=>{g(Object.assign(Object.assign({},h),e))}}),[D,A]=a(!1),E=t(null);return s("div",Object.assign({className:"flex flex-col gap-y-1"},{children:[s("div",Object.assign({className:"flex flex-col gap-y-2"},{children:[s("div",Object.assign({className:"flex items-center gap-2"},{children:[o("p",Object.assign({className:"text-sm font-semibold opacity-70"},{children:h.main})),h.isRequired&&o("span",Object.assign({className:"select-none font-semibold",style:{color:j.error}},{children:"*"}))]})),s("div",Object.assign({className:"flex flex-col gap-y-2"},{children:[o("input",{ref:E,type:"file",accept:[...l,...N?c:[]].join(", "),id:h.id,hidden:!0,className:"hidden",onChange:s=>e(void 0,void 0,void 0,(function*(){yield O(Array.from(s.target.files||[])),s.target.value=""})),disabled:k}),s("div",Object.assign({className:f("flex items-center justify-between rounded-sm border border-transparent bg-white py-3 pl-4 pr-3 shadow duration-300 hover:border-black/25",D&&"border-black/70 shadow-none hover:border-black/70")},{children:[o("input",{type:"text",value:y,className:"w-full outline-none",placeholder:"Paste a website/video link or drag a file",onChange:e=>w(e.target.value),onDrop:s=>e(void 0,void 0,void 0,(function*(){s.preventDefault(),yield O(Array.from(s.dataTransfer.files||[]))})),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),C(y))},onFocus:()=>A(!0),onBlur:()=>A(!1)}),o("div",Object.assign({className:"flex items-center gap-3 pl-4"},{children:y.length>0?s(i,{children:[o("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:k,onClick:()=>C(y)},{children:o(m,{className:"h-5 w-5 shrink-0",style:{color:j.accent}})})),o("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:k,onClick:()=>{w(""),x("")}},{children:o(p,{className:"h-6 w-6 shrink-0",style:{color:j.accent}})}))]}):o("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:k,onClick:()=>{var e;null===(e=E.current)||void 0===e||e.click()}},{children:o(d,{className:"h-6 w-6 shrink-0",style:{color:j.accent}})}))}))]}))]}))]})),o(u,{className:"mt-2"}),v&&o(b,{error:v,className:"mt-3"})]}))};export{h as default};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useResponseContext as t}from"../../../../hooks/pickaxe/useResponseContext.js";import i from"./Dropdown.js";const n=({field:n,update:a})=>{const{setError:c}=t();return e("div",Object.assign({className:"flex flex-col gap-y-3"},{children:[e("div",Object.assign({className:"flex items-center gap-2"},{children:[s("p",Object.assign({className:"text-[14px] font-semibold text-black/70"},{children:n.main})),n.isRequired&&s("span",Object.assign({className:"select-none font-semibold text-c-red"},{children:"*"}))]})),s(i,Object.assign({id:n.id.replace(/[^A-Za-z]+/g,""),value:n.input,placeholder:"Select an option",closeOnSelect:!1,maxToken:n.maxLength,isDropdown:n.isDropdown},{children:s("div",Object.assign({className:"flex flex-col items-start gap-y-3"},{children:n.example.split("S3P32X").map(((t,i)=>e("div",Object.assign({className:"flex items-center gap-x-2 hover:cursor-pointer",onClick:()=>{return e=t,c(""),void a(Object.assign(Object.assign({},n),{input:e}));var e}},{children:[s("div",Object.assign({className:"flex h-6 w-6 shrink-0 items-center justify-center rounded-full border-2 border-black bg-white"},{children:n.input===t&&s("div",{className:"h-4 w-4 rounded-full bg-[#288DD7]"})})),s("p",Object.assign({className:"select-none max-lg:text-sm"},{children:t}))]}),i)))}))}))]}))};export{n as default};
1
+ import{jsxs as e,jsx as s}from"react/jsx-runtime";import{usePickaxeContext as t}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as i}from"../../../../hooks/pickaxe/useResponseContext.js";import n from"./Dropdown.js";const a=({field:a,update:c})=>{const{colors:r}=t(),{setError:o}=i();return e("div",Object.assign({className:"flex flex-col gap-y-3"},{children:[e("div",Object.assign({className:"flex items-center gap-2"},{children:[s("p",Object.assign({className:"text-sn font-semibold opacity-70"},{children:a.main})),a.isRequired&&s("span",Object.assign({className:"select-none font-semibold",style:{color:r.error}},{children:"*"}))]})),s(n,Object.assign({id:a.id.replace(/[^A-Za-z]+/g,""),value:a.input,placeholder:"Select an option",closeOnSelect:!1,maxToken:a.maxLength,isDropdown:a.isDropdown},{children:s("div",Object.assign({className:"flex flex-col items-start gap-y-3"},{children:a.example.split("S3P32X").map(((t,i)=>e("div",Object.assign({className:"flex items-center gap-x-2 hover:cursor-pointer",onClick:()=>{return e=t,o(""),void c(Object.assign(Object.assign({},a),{input:e}));var e}},{children:[s("div",Object.assign({className:"flex h-6 w-6 shrink-0 items-center justify-center rounded-full border-2 border-black bg-white"},{children:a.input===t&&s("div",{className:"h-4 w-4 rounded-full",style:{backgroundColor:r.accent}})})),s("p",Object.assign({className:"select-none max-lg:text-sm"},{children:t}))]}),i)))}))}))]}))};export{a as default};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as t}from"react/jsx-runtime";import{usePickaxeContext as i}from"../../hooks/pickaxe/usePickaxeContext.js";import s from"../Icons/x.svg.js";import l from"../Core/Modal/index.js";import o from"../Core/Modal/Body.js";import a from"../Core/PickaxeIcon.js";const c=({isOpen:c,onChangeIsOpen:n})=>{const{pickaxe:r}=i();return e(l,Object.assign({isOpen:c,onChange:n},{children:t(o,Object.assign({className:"relative flex w-full max-w-[480px] flex-col px-8 py-[26px] max-[767px]:max-w-full",avoidOverflow:!0},{children:[e("div",Object.assign({className:"flex items-start justify-end gap-4"},{children:e("button",Object.assign({className:"outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>n(!1)},{children:e(s,{className:"h-6 w-6 shrink-0"})}))})),e("div",Object.assign({className:"mt-8 flex flex-col items-center"},{children:t("div",Object.assign({className:"flex w-full max-w-[360px] flex-col items-center text-center"},{children:[e(a,{src:null==r?void 0:r.coverphoto,alt:`${null==r?void 0:r.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"}),e("h2",Object.assign({className:"mt-6 text-center text-[18px] font-semibold text-black/70 max-[767px]:text-[16px]"},{children:null==r?void 0:r.formtitle})),e("p",Object.assign({className:"mt-4 font-semilight text-black/70"},{children:null==r?void 0:r.formdescription}))]}))}))]}))}))};export{c as default};
1
+ import{jsx as e,jsxs as t}from"react/jsx-runtime";import{usePickaxeContext as s}from"../../hooks/pickaxe/usePickaxeContext.js";import i from"../Icons/x.svg.js";import l from"../Core/Modal/index.js";import o from"../Core/Modal/Body.js";import a from"../Core/PickaxeIcon.js";const c=({isOpen:c,onChangeIsOpen:n})=>{const{pickaxe:r}=s();return e(l,Object.assign({isOpen:c,onChange:n},{children:t(o,Object.assign({className:"relative flex w-full max-w-[480px] flex-col px-8 py-[26px] max-[767px]:max-w-full",avoidOverflow:!0},{children:[e("div",Object.assign({className:"flex items-start justify-end gap-4"},{children:e("button",Object.assign({className:"outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>n(!1)},{children:e(i,{className:"h-6 w-6 shrink-0"})}))})),e("div",Object.assign({className:"mt-8 flex flex-col items-center"},{children:t("div",Object.assign({className:"flex w-full max-w-[360px] flex-col items-center text-center"},{children:[e(a,{src:null==r?void 0:r.coverphoto,alt:`${null==r?void 0:r.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"}),e("h2",Object.assign({className:"mt-6 text-center text-[18px] font-semibold text-black/70 max-[767px]:text-base"},{children:null==r?void 0:r.formtitle})),e("p",Object.assign({className:"mt-4 font-semilight text-black/70"},{children:null==r?void 0:r.formdescription}))]}))}))]}))}))};export{c as default};
@@ -1,10 +1,20 @@
1
1
  import type { SetState } from "../../types/common";
2
2
  import type { Pickaxe } from "../../types/pickaxe";
3
3
  import { type ReactNode } from "react";
4
+ export type PickaxeProviderColors = {
5
+ primary: string;
6
+ text: string;
7
+ secondary: string;
8
+ secondaryText: string;
9
+ accent: string;
10
+ accentText: string;
11
+ error: string;
12
+ };
4
13
  type PickaxeContextType = {
5
14
  formId: string;
6
15
  chatId: string;
7
16
  pickaxe: Pickaxe | null;
17
+ colors: PickaxeProviderColors;
8
18
  isNewChat: boolean;
9
19
  isShowIceBreaker: boolean;
10
20
  isShowHistory: boolean;
@@ -16,8 +26,9 @@ type PickaxeContextType = {
16
26
  setIsShowHistory: SetState<boolean>;
17
27
  };
18
28
  interface IPickaxeProviderProps {
29
+ colors?: Partial<PickaxeProviderColors>;
19
30
  children: ReactNode;
20
31
  }
21
32
  export declare const PickaxeContext: import("react").Context<PickaxeContextType>;
22
- export declare const PickaxeProvider: ({ children }: IPickaxeProviderProps) => import("react/jsx-runtime").JSX.Element;
33
+ export declare const PickaxeProvider: ({ colors, children, }: IPickaxeProviderProps) => import("react/jsx-runtime").JSX.Element;
23
34
  export {};
@@ -1 +1 @@
1
- import{jsx as e}from"react/jsx-runtime";import{createContext as r,useState as o}from"react";import t from"./Addons/Document/Provider.js";import s from"./ResponseProvider.js";const i=r({}),c=({children:r})=>{const[c,d]=o(""),[n,a]=o(""),[h,m]=o(null),[I,l]=o(!0),[p,w]=o(!0),[f,u]=o(!1);return e(i.Provider,Object.assign({value:{formId:c,chatId:n,pickaxe:h,isNewChat:I,isShowIceBreaker:p,isShowHistory:f,setFormId:d,setChatId:a,setPickaxe:m,setIsNewChat:l,setIsShowIceBreaker:w,setIsShowHistory:u}},{children:e(s,{children:e(t,{children:r})})}))};export{i as PickaxeContext,c as PickaxeProvider};
1
+ import{jsx as e}from"react/jsx-runtime";import{createContext as r,useState as o}from"react";import t from"./Addons/Document/Provider.js";import s from"./ResponseProvider.js";const c=r({}),i=({colors:r,children:i})=>{const[a,n]=o(""),[F,d]=o(""),[m,h]=o(null),[l,I]=o(!0),[p,x]=o(!0),[w,f]=o(!1);return e(c.Provider,Object.assign({value:{formId:a,chatId:F,pickaxe:m,colors:Object.assign({primary:"#F6F8FA",text:"#000000",secondary:"#FFFFFF",secondaryText:"#000000",accent:"#228DD7",accentText:"#FFFFFF",error:"#FF0000"},r),isNewChat:l,isShowIceBreaker:p,isShowHistory:w,setFormId:n,setChatId:d,setPickaxe:h,setIsNewChat:I,setIsShowIceBreaker:x,setIsShowHistory:f}},{children:e(s,{children:e(t,{children:i})})}))};export{c as PickaxeContext,i as PickaxeProvider};
@@ -1 +1 @@
1
- import{jsx as o}from"react/jsx-runtime";import{usePickaxe as r}from"../../hooks/pickaxe/usePickaxe.js";import{useEffect as t}from"react";import{usePickaxeContext as e}from"../../hooks/pickaxe/usePickaxeContext.js";import{generateId as a}from"../../common/utils.js";import m from"./Addons/Scroll/Provider.js";import i from"./Chat/index.js";import s from"./Form/index.js";import c from"../../common/cn.js";const d=({formId:d,chatId:n,className:f})=>{const{chatId:l,setFormId:p,setChatId:x,setPickaxe:h}=e(),j=r();return t((()=>{p(d)}),[d]),t((()=>{"string"==typeof n&&x(n)}),[n]),t((()=>{j.data&&(x(j.data.chatflag?a(15):""),h(j.data))}),[j.data]),o(m,{children:o("div",Object.assign({className:c("@container/pickaxe-root flex flex-col flex-grow w-full",f)},{children:o(l?i:s,{})}))})};export{d as Pickaxe};
1
+ import{jsx as o}from"react/jsx-runtime";import{usePickaxe as r}from"../../hooks/pickaxe/usePickaxe.js";import{useEffect as t}from"react";import{usePickaxeContext as e}from"../../hooks/pickaxe/usePickaxeContext.js";import{generateId as a}from"../../common/utils.js";import m from"./Addons/Scroll/Provider.js";import i from"./Chat/index.js";import s from"./Form/index.js";import c from"../../common/cn.js";const l=({formId:l,chatId:d,className:n})=>{const{chatId:f,colors:p,setFormId:x,setChatId:h,setPickaxe:j}=e(),k=r();return t((()=>{x(l)}),[l]),t((()=>{"string"==typeof d&&h(d)}),[d]),t((()=>{k.data&&(h(k.data.chatflag?a(15):""),j(k.data))}),[k.data]),o(m,{children:o("div",Object.assign({className:c("relative @container/pickaxe-root flex flex-col flex-grow w-full",n),style:{backgroundColor:p.primary,color:p.text}},{children:o(f?i:s,{})}))})};export{l as Pickaxe};
@@ -2,6 +2,7 @@ export declare const usePickaxeContext: () => {
2
2
  formId: string;
3
3
  chatId: string;
4
4
  pickaxe: import("../../types/pickaxe").Pickaxe | null;
5
+ colors: import("../../components/Pickaxe/Provider").PickaxeProviderColors;
5
6
  isNewChat: boolean;
6
7
  isShowIceBreaker: boolean;
7
8
  isShowHistory: boolean;
@@ -1,3 +1,11 @@
1
1
  export * from "./components/Pickaxe";
2
2
  export * from "./components/Pickaxe/Provider";
3
3
  export * from "./components/Pickaxe/ResponseProvider";
4
+ export * from "./hooks/pickaxe/useConversation";
5
+ export * from "./hooks/pickaxe/useHistory";
6
+ export * from "./hooks/pickaxe/usePickaxe";
7
+ export * from "./hooks/pickaxe/usePickaxeContext";
8
+ export * from "./hooks/pickaxe/useResponseContext";
9
+ export * from "./hooks/pickaxe/useSubmit";
10
+ export * from "./hooks/pickaxe/useSubmitDocument";
11
+ export * from "./hooks/pickaxe/useSubmitResult";
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";
1
+ export{Pickaxe}from"./components/Pickaxe/index.js";export{PickaxeContext,PickaxeProvider}from"./components/Pickaxe/Provider.js";export{ResponseContext}from"./components/Pickaxe/ResponseProvider.js";export{useConversation}from"./hooks/pickaxe/useConversation.js";export{useHistory}from"./hooks/pickaxe/useHistory.js";export{usePickaxe}from"./hooks/pickaxe/usePickaxe.js";export{usePickaxeContext}from"./hooks/pickaxe/usePickaxeContext.js";export{useResponseContext}from"./hooks/pickaxe/useResponseContext.js";export{useSubmit}from"./hooks/pickaxe/useSubmit.js";export{useSubmitDocument}from"./hooks/pickaxe/useSubmitDocument.js";export{useSubmitResult}from"./hooks/pickaxe/useSubmitResult.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pickaxeproject/react",
3
- "version": "0.0.10",
3
+ "version": "0.0.12",
4
4
  "description": "Client utility library for Pickaxe",
5
5
  "repository": {
6
6
  "type": "git",