@pickaxeproject/react 0.0.9 → 0.0.11

package/dist/cjs/components/Core/ErrorAlert.js

@@ -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;
+"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;

package/dist/cjs/components/Core/Menu/Button.js

@@ -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;
+"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;

package/dist/cjs/components/Core/Menu/List.js

@@ -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;
+"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;

package/dist/cjs/components/Pickaxe/Chat/History/Message.js

@@ -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",{})};
+"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 i;const{formId:c,pickaxe:x}=s.usePickaxeContext(),o=null!==(i=null==x?void 0:x.chaticon)&&void 0!==i?i:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/chaticons/${c}.png`;return"assistant"===r.role?e.jsx("div",Object.assign({className:"flex flex-col max-[767px]:max-w-full",style:{maxWidth:"80%"}},{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 gap-x-3 justify-self-end max-[767px]:max-w-full max-[767px]:pl-9",style:{maxWidth:"80%"}},{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",{})};

package/dist/cjs/components/Pickaxe/Chat/History/index.js

@@ -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"})]}))}))]}))};
+"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"),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");exports.default=()=>{var x;const{pickaxe:u,colors:m,isNewChat:h}=t.usePickaxeContext(),{messages:j,status:f,error:g}=a.useResponseContext(),p=l.useConversation(),[b,v]=s.useState(!1),w=s.useMemo((()=>!!p.data&&!(p.data.messages.length<=1)),[p.data]),y=s.useMemo((()=>p.isSuccess&&h&&!w),[p.isSuccess,h,w]);return e.jsxs("div",Object.assign({className:"relative flex flex-grow flex-col justify-end"},{children:[b&&e.jsx(r.default,{isOpen:b,onChangeIsOpen:v}),e.jsxs("div",Object.assign({className:d.default("absolute left-1/2 top-5 flex w-full w-96 -translate-x-1/2 -translate-y-1/3 transform flex-col items-center px-4 opacity-0 duration-300",y&&"top-1/3 opacity-100")},{children:[e.jsx(c.default,{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.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==u?void 0:u.formtitle.slice(0,130)}${(null!==(x=null==u?void 0:u.formtitle)&&void 0!==x?x:"").length>130?"...":""}`,e.jsx("button",Object.assign({className:"ml-2 inline-block outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>v(!0)},{children:e.jsx(i.default,{className:"h-5 w-5 shrink-0",style:{color:m.accent}})}))]})),e.jsx("p",Object.assign({className:"mt-2 line-clamp-3 whitespace-pre-line text-center font-semilight text-black/70",style:{maxWidth:"600px"}},{children:null==u?void 0:u.formdescription}))]}))]})),e.jsx("div",Object.assign({className:"flex w-full justify-center"},{children:p.isLoading?e.jsxs("div",Object.assign({className:"grid w-full grid-cols-1 gap-y-6 px-6 pt-10",style:{maxWidth:"800px"}},{children:[e.jsx("div",{className:"h-10 w-[70%] animate-pulse justify-self-end rounded bg-gray-200",style:{width:"70%"}}),e.jsx("div",{className:"w-[70%] animate-pulse rounded bg-gray-200",style:{height:"150px",width:"70%"}}),e.jsx("div",{className:"h-10 w-[50%] animate-pulse justify-self-end rounded bg-gray-200",style:{width:"50%"}})]})):p.isError?e.jsx("div",Object.assign({className:"flex w-full justify-center pt-10",style:{maxWidth:"800px"}},{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 grid-cols-1 gap-y-6 px-4 pt-10 max-[767px]:pt-6",style:{maxWidth:"800px"}},{children:[p.data.messages.map(((s,t)=>e.jsx(o.default,{message:s},t))),j.map(((s,t)=>e.jsx(o.default,{message:s},t))),"fetching"===f?e.jsxs("div",Object.assign({className:"flex items-center gap-x-3",style:{maxWidth:"80%"}},{children:["NONE"!==(null==u?void 0:u.chaticon)&&e.jsx(c.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-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"})]}))]})):g?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("div",{className:"rounded px-4 py-2 font-semibold text-red-500",dangerouslySetInnerHTML:{__html:`${g}`}})]})):null,e.jsx(n.default,{className:"absolute bottom-0 left-0 w-full"})]}))}))]}))};

package/dist/cjs/components/Pickaxe/Chat/Input.js

@@ -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"})}))]}))]}))};
+"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"),h=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"),p=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:h}=yield W.mutateAsync(Object.assign({formId:k,responseId:I,value:e},r&&a&&{documentId:a}));if(!i)throw new Error(null!=h?h:"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 p=(yield m.streamer({formId:k,responseId:I,data:n})).body;if(!p)throw new Error("Streaming error");const x=p.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-14 items-end gap-x-2 bg-white p-4 pt-3 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(p.default,{className:"h-6 w-6 shrink-0 stroke-2",style:{color:S.accent}})}))]})),s.jsx(h.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}})}))]}))]}))};

package/dist/cjs/components/Pickaxe/Chat/index.js

@@ -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,{})}))]}))}))};
+"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 flex-grow flex-col",style:{maxWidth:"800px"}},{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-20",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,{})}))]}))}))};

package/dist/cjs/components/Pickaxe/Form/Head.js

@@ -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}))]}))};
+"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 line-clamp-3 whitespace-pre-line text-center font-semilight text-black/70",style:{maxWidth:"600px"}},{children:null==n?void 0:n.formdescription}))]}))};

package/dist/cjs/components/Pickaxe/Form/History/Container.js

@@ -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};
+"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 animate-pulse bg-gray-200",style:{height:"300px"}}):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};

package/dist/cjs/components/Pickaxe/Form/History/Item.js

@@ -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}))}))]}))]}))]}))]}))};
+"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}))}))]}))]}))]}))]}))};

package/dist/cjs/components/Pickaxe/Form/History/Response.js

@@ -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};
+"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};

package/dist/cjs/components/Pickaxe/Form/Questions/Checkbox.js

@@ -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(","):[]).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(/,/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(","):[],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(",")}))})(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)))}))}))]}))};
+"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(","):[]).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(/,/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(","):[],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(",")}))})(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)))}))}))]}))};

package/dist/cjs/components/Pickaxe/Form/Questions/Document.js

@@ -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"})]}))};
+"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"})]}))};

package/dist/cjs/components/Pickaxe/Form/Questions/Option.js

@@ -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)))}))}))]}))};
+"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)))}))}))]}))};

package/dist/cjs/components/Pickaxe/InfoModal.js

@@ -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}))]}))}))]}))}))};
+"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}))]}))}))]}))}))};

package/dist/cjs/components/Pickaxe/Provider.d.ts

@@ -1,10 +1,20 @@
 import type { SetState } from "../../types/common";
 import type { Pickaxe } from "../../types/pickaxe";
 import { type ReactNode } from "react";
+export type PickaxeProviderColors = {
+    primary: string;
+    text: string;
+    secondary: string;
+    secondaryText: string;
+    accent: string;
+    accentText: string;
+    error: string;
+};
 type PickaxeContextType = {
     formId: string;
     chatId: string;
     pickaxe: Pickaxe | null;
+    colors: PickaxeProviderColors;
     isNewChat: boolean;
     isShowIceBreaker: boolean;
     isShowHistory: boolean;
@@ -16,8 +26,9 @@ type PickaxeContextType = {
     setIsShowHistory: SetState<boolean>;
 };
 interface IPickaxeProviderProps {
+    colors?: Partial<PickaxeProviderColors>;
     children: ReactNode;
 }
 export declare const PickaxeContext: import("react").Context<PickaxeContextType>;
-export declare const PickaxeProvider: ({ children }: IPickaxeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PickaxeProvider: ({ colors, children, }: IPickaxeProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/components/Pickaxe/Provider.js

@@ -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})})}))};
+"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})})}))};

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

@@ -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&&(k(m.data),m.data.chatflag&&j(a.generateId(15)))}),[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,{})}))})};
+"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,{})}))})};

package/dist/cjs/hooks/pickaxe/usePickaxeContext.d.ts

@@ -2,6 +2,7 @@ export declare const usePickaxeContext: () => {
     formId: string;
     chatId: string;
     pickaxe: import("../../types/pickaxe").Pickaxe | null;
+    colors: import("../../components/Pickaxe/Provider").PickaxeProviderColors;
     isNewChat: boolean;
     isShowIceBreaker: boolean;
     isShowHistory: boolean;

package/dist/esm/components/Core/ErrorAlert.js

@@ -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};
+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};

package/dist/esm/components/Core/Menu/Button.js

@@ -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};
+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};

package/dist/esm/components/Core/Menu/List.js

@@ -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};
+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};

package/dist/esm/components/Pickaxe/Chat/History/Message.js

@@ -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};
+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 flex-col max-[767px]:max-w-full",style:{maxWidth:"80%"}},{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 gap-x-3 justify-self-end max-[767px]:max-w-full max-[767px]:pl-9",style:{maxWidth:"80%"}},{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};

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

@@ -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};
+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 d from"../../InfoModal.js";import m from"./Message.js";import p from"../../../../common/cn.js";const h=()=>{var h;const{pickaxe:f,colors:x,isNewChat:u}=l(),{messages:g,status:b,error:v}=i(),j=o(),[w,N]=t(!1),y=a((()=>!!j.data&&!(j.data.messages.length<=1)),[j.data]),k=a((()=>j.isSuccess&&u&&!y),[j.isSuccess,u,y]);return e("div",Object.assign({className:"relative flex flex-grow flex-col justify-end"},{children:[w&&s(d,{isOpen:w,onChangeIsOpen:N}),e("div",Object.assign({className:p("absolute left-1/2 top-5 flex w-full w-96 -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(n,{src:null==f?void 0:f.coverphoto,alt:`${null==f?void 0:f.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==f?void 0:f.formtitle.slice(0,130)}${(null!==(h=null==f?void 0:f.formtitle)&&void 0!==h?h:"").length>130?"...":""}`,s("button",Object.assign({className:"ml-2 inline-block outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>N(!0)},{children:s(c,{className:"h-5 w-5 shrink-0",style:{color:x.accent}})}))]})),s("p",Object.assign({className:"mt-2 line-clamp-3 whitespace-pre-line text-center font-semilight text-black/70",style:{maxWidth:"600px"}},{children:null==f?void 0:f.formdescription}))]}))]})),s("div",Object.assign({className:"flex w-full justify-center"},{children:j.isLoading?e("div",Object.assign({className:"grid w-full grid-cols-1 gap-y-6 px-6 pt-10",style:{maxWidth:"800px"}},{children:[s("div",{className:"h-10 w-[70%] animate-pulse justify-self-end rounded bg-gray-200",style:{width:"70%"}}),s("div",{className:"w-[70%] animate-pulse rounded bg-gray-200",style:{height:"150px",width:"70%"}}),s("div",{className:"h-10 w-[50%] animate-pulse justify-self-end rounded bg-gray-200",style:{width:"50%"}})]})):j.isError?s("div",Object.assign({className:"flex w-full justify-center pt-10",style:{maxWidth:"800px"}},{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 grid-cols-1 gap-y-6 px-4 pt-10 max-[767px]:pt-6",style:{maxWidth:"800px"}},{children:[j.data.messages.map(((e,t)=>s(m,{message:e},t))),g.map(((e,t)=>s(m,{message:e},t))),"fetching"===b?e("div",Object.assign({className:"flex items-center gap-x-3",style:{maxWidth:"80%"}},{children:["NONE"!==(null==f?void 0:f.chaticon)&&s(n,{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-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"})]}))]})):v?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("div",{className:"rounded px-4 py-2 font-semibold text-red-500",dangerouslySetInnerHTML:{__html:`${v}`}})]})):null,s(r,{className:"absolute bottom-0 left-0 w-full"})]}))}))]}))};export{h as default};

package/dist/esm/components/Pickaxe/Chat/Input.js

@@ -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};
+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-14 items-end gap-x-2 bg-white p-4 pt-3 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};

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

@@ -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};
+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 c from"./Input.js";import m 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 flex-grow flex-col",style:{maxWidth:"800px"}},{children:["enduserupload"===(null==a?void 0:a.documentuploadtype)&&e(t,{className:"absolute z-10 mt-4"}),e("div",Object.assign({className:m("flex w-full flex-grow flex-col pb-24 max-[767px]:pb-20",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(c,{})}))]}))}))};export{a as default};

package/dist/esm/components/Pickaxe/Form/Head.js

@@ -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};
+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 line-clamp-3 whitespace-pre-line text-center font-semilight text-black/70",style:{maxWidth:"600px"}},{children:null==r?void 0:r.formdescription}))]}))};export{s as default};

package/dist/esm/components/Pickaxe/Form/History/Container.js

@@ -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};
+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 animate-pulse bg-gray-200",style:{height:"300px"}}):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};

package/dist/esm/components/Pickaxe/Form/History/Item.js

@@ -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};
+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};

package/dist/esm/components/Pickaxe/Form/History/Response.js

@@ -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};
+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};

package/dist/esm/components/Pickaxe/Form/Questions/Checkbox.js

@@ -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(","):[]).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(/,/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(","):[],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(",")}))})(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};
+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(","):[]).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(/,/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(","):[],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(",")}))})(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};

package/dist/esm/components/Pickaxe/Form/Questions/Document.js

@@ -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};
+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};

package/dist/esm/components/Pickaxe/Form/Questions/Option.js

@@ -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};
+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};

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

@@ -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};
+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};

package/dist/esm/components/Pickaxe/Provider.d.ts

@@ -1,10 +1,20 @@
 import type { SetState } from "../../types/common";
 import type { Pickaxe } from "../../types/pickaxe";
 import { type ReactNode } from "react";
+export type PickaxeProviderColors = {
+    primary: string;
+    text: string;
+    secondary: string;
+    secondaryText: string;
+    accent: string;
+    accentText: string;
+    error: string;
+};
 type PickaxeContextType = {
     formId: string;
     chatId: string;
     pickaxe: Pickaxe | null;
+    colors: PickaxeProviderColors;
     isNewChat: boolean;
     isShowIceBreaker: boolean;
     isShowHistory: boolean;
@@ -16,8 +26,9 @@ type PickaxeContextType = {
     setIsShowHistory: SetState<boolean>;
 };
 interface IPickaxeProviderProps {
+    colors?: Partial<PickaxeProviderColors>;
     children: ReactNode;
 }
 export declare const PickaxeContext: import("react").Context<PickaxeContextType>;
-export declare const PickaxeProvider: ({ children }: IPickaxeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PickaxeProvider: ({ colors, children, }: IPickaxeProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -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};
+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};

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

@@ -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&&(h(j.data),j.data.chatflag&&x(a(15)))}),[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};
+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};

package/dist/esm/hooks/pickaxe/usePickaxeContext.d.ts

@@ -2,6 +2,7 @@ export declare const usePickaxeContext: () => {
     formId: string;
     chatId: string;
     pickaxe: import("../../types/pickaxe").Pickaxe | null;
+    colors: import("../../components/Pickaxe/Provider").PickaxeProviderColors;
     isNewChat: boolean;
     isShowIceBreaker: boolean;
     isShowHistory: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pickaxeproject/react",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "description": "Client utility library for Pickaxe",
   "repository": {
     "type": "git",
@@ -92,6 +92,7 @@
     "rollup": "^2.79.1",
     "rollup-plugin-delete": "^2.0.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-typescript2": "^0.34.1",
     "tailwind-merge": "^2.6.0",
     "tailwind-scrollbar": "^3.1.0",