@pickaxeproject/react 0.0.54 → 0.0.56

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"),t=require("../../../../hooks/pickaxe/usePickaxeContext.js"),a=require("../../../../hooks/pickaxe/useResponseContext.js"),l=require("../../../../hooks/studio/useStyleFontSize.js"),i=require("../../../../hooks/pickaxe/useConversation.js"),o=require("../../../Icons/circle-info.svg.js"),r=require("../../common/PickaxeIcon.js"),c=require("../../../Core/ErrorAlert.js"),n=require("../../Addons/Scroll/ScrollLockView.js"),d=require("../../common/PickaxeInfoModal.js"),x=require("../../common/PickaxeUpgradeCard.js"),u=require("./Message.js"),m=require("../../../../common/cn.js");exports.default=()=>{var p,j;const{pickaxe:f,styles:g,colors:h,misc:v,responsiveBy:b,isNewChat:y,setChatId:w}=t.usePickaxeContext(),{messages:k,status:E,limitData:N,error:C}=a.useResponseContext(),O=i.useConversation(),[q,P]=s.useState(!1),S=l.useStyleFontSize({type:"body"}),F=s.useMemo((()=>!!O.data&&!(O.data.messages.length<=1)),[O.data]),B=s.useMemo((()=>O.isSuccess&&y&&!F),[O.isSuccess,y,F]);return e.jsxs("div",Object.assign({className:"relative flex flex-grow flex-col justify-end"},{children:[q&&e.jsx(d.default,{isOpen:q,onChangeIsOpen:P}),e.jsxs("div",Object.assign({className:m.default("absolute left-1/2 top-5 flex w-full max-w-[400px] -translate-x-1/2 -translate-y-1/3 transform flex-col items-center px-4 opacity-0 duration-300",B&&"top-1/3 opacity-100")},{children:[v.isProfileImage&&e.jsx("button",Object.assign({className:"duration-300 hover:opacity-90 active:opacity-100 outline-none",onClick:()=>w("")},{children:e.jsx(r.default,{src:null==f?void 0:f.coverphoto,alt:`${null==f?void 0:f.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"})})),e.jsxs("div",Object.assign({className:"flex flex-col items-center"},{children:[v.isTitle&&e.jsxs("h2",Object.assign({className:m.default("mt-6 text-center font-semibold opacity-70","viewport"===b?"min-[767px]:text-lg":"@[767px]/pickaxe-root:text-lg")},{children:[`${null==f?void 0:f.formtitle.slice(0,130)}${(null!==(p=null==f?void 0:f.formtitle)&&void 0!==p?p:"").length>130?"...":""}`,e.jsx("button",Object.assign({className:"ml-2 inline-block outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>P(!0)},{children:e.jsx(o.default,{className:"h-5 w-5 shrink-0",style:{color:h.accent}})}))]})),v.isDescription&&e.jsx("p",Object.assign({className:S("mt-2 line-clamp-3 whitespace-pre-line max-w-[600px] text-center font-semilight opacity-70")},{children:null==f?void 0:f.formdescription}))]}))]})),e.jsx("div",Object.assign({className:"flex w-full justify-center"},{children:O.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-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===g.theme?"#1E1E1F":"#E5E7EB"}}),e.jsx("div",{className:"h-[150px] w-[70%] animate-pulse rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===g.theme?"#1E1E1F":"#E5E7EB"}}),e.jsx("div",{className:"h-10 w-[50%] animate-pulse justify-self-end rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===g.theme?"#1E1E1F":"#E5E7EB"}})]})):O.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:"flex flex-col w-full"},{children:[e.jsxs("div",Object.assign({className:m.default("relative grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-4 pt-6","viewport"===b?"min-[767px]:pt-10":"@[767px]/pickaxe-root:pt-10")},{children:[O.data.messages.map(((s,t)=>e.jsx(u.default,{message:s},t))),k.map(((s,t)=>e.jsx(u.default,{message:s},t))),"fetching"===E?e.jsxs("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:["NONE"!==(null==f?void 0:f.chaticon)&&e.jsx(r.default,{src:null!==(j=null==f?void 0:f.chaticon)&&void 0!==j?j:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/chaticons/${null==f?void 0:f.formid}.png`,alt:`${null==f?void 0:f.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6",textColor:h.text}),e.jsxs("div",Object.assign({className:"flex items-center gap-x-2 rounded px-4 py-4",style:{backgroundColor:h.secondary+"80",color:h.secondaryText}},{children:[e.jsx("div",{className:"h-1.5 w-1.5 animate-dot rounded-full",style:{backgroundColor:h.secondaryText}}),e.jsx("div",{className:"h-1.5 w-1.5 animate-dot-down rounded-full",style:{backgroundColor:h.secondaryText}}),e.jsx("div",{className:"h-1.5 w-1.5 animate-dot rounded-full",style:{backgroundColor:h.secondaryText}})]}))]})):N?e.jsx("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:e.jsx(x.default,{})})):C?e.jsx("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:e.jsx(c.default,{error:C})})):null]})),e.jsx(n.default,{className:"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/studio/useStyleFontSize.js"),i=require("../../../../hooks/pickaxe/useConversation.js"),o=require("../../../Icons/circle-info.svg.js"),r=require("../../common/PickaxeIcon.js"),c=require("../../../Core/ErrorAlert.js"),n=require("../../Addons/Scroll/ScrollLockView.js"),d=require("../../common/PickaxeInfoModal.js"),x=require("../../common/PickaxeUpgradeCard.js"),u=require("./Message.js"),m=require("../../../../common/cn.js");exports.default=()=>{var p,j;const{pickaxe:f,styles:g,colors:h,misc:v,responsiveBy:b,isNewChat:w,setChatId:y}=t.usePickaxeContext(),{messages:k,status:E,limitData:N,error:C}=a.useResponseContext(),O=i.useConversation(),[q,P]=s.useState(!1),S=l.useStyleFontSize({type:"b1"}),F=s.useMemo((()=>!!O.data&&!(O.data.messages.length<=1)),[O.data]),B=s.useMemo((()=>O.isSuccess&&w&&!F),[O.isSuccess,w,F]);return e.jsxs("div",Object.assign({className:"relative flex flex-grow flex-col justify-end"},{children:[q&&e.jsx(d.default,{isOpen:q,onChangeIsOpen:P}),e.jsxs("div",Object.assign({className:m.default("absolute left-1/2 top-5 flex w-full max-w-[400px] -translate-x-1/2 -translate-y-1/3 transform flex-col items-center px-4 opacity-0 duration-300",B&&"top-1/3 opacity-100")},{children:[v.isProfileImage&&e.jsx("button",Object.assign({className:"duration-300 hover:opacity-90 active:opacity-100 outline-none",onClick:()=>y("")},{children:e.jsx(r.default,{src:null==f?void 0:f.coverphoto,alt:`${null==f?void 0:f.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"})})),e.jsxs("div",Object.assign({className:"flex flex-col items-center"},{children:[v.isTitle&&e.jsxs("h2",Object.assign({className:m.default("mt-6 text-center font-semibold opacity-70","viewport"===b?"min-[767px]:text-lg":"@[767px]/pickaxe-root:text-lg")},{children:[`${null==f?void 0:f.formtitle.slice(0,130)}${(null!==(p=null==f?void 0:f.formtitle)&&void 0!==p?p:"").length>130?"...":""}`,e.jsx("button",Object.assign({className:"ml-2 inline-block outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>P(!0)},{children:e.jsx(o.default,{className:"h-5 w-5 shrink-0",style:{color:h.accent}})}))]})),v.isDescription&&e.jsx("p",Object.assign({className:S("mt-2 line-clamp-3 whitespace-pre-line max-w-[600px] text-center font-semilight opacity-70")},{children:null==f?void 0:f.formdescription}))]}))]})),e.jsx("div",Object.assign({className:"flex w-full justify-center"},{children:O.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-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===g.theme?"#1E1E1F":"#E5E7EB"}}),e.jsx("div",{className:"h-[150px] w-[70%] animate-pulse rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===g.theme?"#1E1E1F":"#E5E7EB"}}),e.jsx("div",{className:"h-10 w-[50%] animate-pulse justify-self-end rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===g.theme?"#1E1E1F":"#E5E7EB"}})]})):O.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:"flex flex-col w-full"},{children:[e.jsxs("div",Object.assign({className:m.default("relative grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-4 pt-6","viewport"===b?"min-[767px]:pt-10":"@[767px]/pickaxe-root:pt-10")},{children:[O.data.messages.map(((s,t)=>e.jsx(u.default,{message:s},t))),k.map(((s,t)=>e.jsx(u.default,{message:s},t))),"fetching"===E?e.jsxs("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:["NONE"!==(null==f?void 0:f.chaticon)&&e.jsx(r.default,{src:null!==(j=null==f?void 0:f.chaticon)&&void 0!==j?j:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/chaticons/${null==f?void 0:f.formid}.png`,alt:`${null==f?void 0:f.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6",textColor:h.text}),e.jsxs("div",Object.assign({className:"flex items-center gap-x-2 rounded px-4 py-4",style:{backgroundColor:h.secondary+"80",color:h.secondaryText}},{children:[e.jsx("div",{className:"h-1.5 w-1.5 animate-dot rounded-full",style:{backgroundColor:h.secondaryText}}),e.jsx("div",{className:"h-1.5 w-1.5 animate-dot-down rounded-full",style:{backgroundColor:h.secondaryText}}),e.jsx("div",{className:"h-1.5 w-1.5 animate-dot rounded-full",style:{backgroundColor:h.secondaryText}})]}))]})):N?e.jsx("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:e.jsx(x.default,{})})):C?e.jsx("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:e.jsx(c.default,{error:C})})):null]})),e.jsx(n.default,{className:"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"),o=require("../../../hooks/core/useMediaQuery.js"),r=require("../../../hooks/pickaxe/usePickaxeContext.js"),i=require("../../../hooks/pickaxe/useResponseContext.js"),n=require("../../../hooks/studio/useStyleInput.js"),a=require("../../../hooks/studio/useStyleFontSize.js"),l=require("../../../hooks/pickaxe/useConversation.js"),d=require("../../../hooks/pickaxe/useSubmit.js"),u=require("../../../hooks/pickaxe/useSubmitResult.js"),c=require("../Addons/Document/hooks/useDocument.js"),m=require("../Addons/Scroll/hooks/useScroll.js"),p=require("../../../common/documents.js"),h=require("../../../common/api/streamer.js"),x=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"),f=require("../../Icons/attach.svg.js"),g=require("../../Icons/send.svg.js"),j=require("../common/PickaxeBranding.js"),b=require("../Addons/IceBreaker/index.js"),y=require("../../../common/error.js"),v=require("../../../common/cn.js");exports.default=()=>{var I;const{formId:k,chatId:w,userId:q,studioUserId:S,deploymentId:O,pickaxe:D,colors:C,misc:A,responsiveBy:N,isNewChat:_,forceMobile:M,setIsNewChat:E,setIsShowIceBreaker:R,onGenerateComplete:U}=r.usePickaxeContext(),{messages:z,status:B,limits:F,setMessages:P,setStatus:T,setLimitData:L,setError:W,setIsGenerating:G}=i.useResponseContext(),{documents:K,isUploading:Q,isImageUploadAllowed:H,upsertDocuments:J,onFileUpload:V,onEditDocumentByDocId:X}=c.useDocument(),{scrollStartSession:Y,scrollEndSession:Z,scrollToBottom:$}=m.useScroll({auto:!0}),ee=l.useConversation(),se=d.useSubmit(),te=u.useSubmitResult(),[oe,re]=t.useState(""),ie=t.useRef(null),[ne]=o.useMediaQuery("(max-width: 767px)"),ae=n.useStyleInput(),le=a.useStyleFontSize({type:"body"}),de=t.useMemo((()=>{var e,s,t;return!!_&&(!!D&&(!ee.isLoading&&(!((null!==(s=null===(e=ee.data)||void 0===e?void 0:e.messages.length)&&void 0!==s?s:0)>1)&&!!(null===(t=D.icebreakers)||void 0===t?void 0:t.length))))}),[D,_,ee.data,ee.isLoading]);t.useEffect((()=>{R(de)}),[de]);const ue=s=>e.__awaiter(void 0,void 0,void 0,(function*(){try{if(Q||"idle"!==B)return;const e=null!=s?s:oe;if(!e)return;re(""),W(""),L(null),G(!0),E(!1);const t=new Date,o="enduserupload"===(null==D?void 0:D.documentuploadtype),r=K.filter((e=>"finished"===e.status&&!e.isInsertedAsRaw)),i=r.length?r[r.length-1].documentId:"";T("fetching"),Y(),$();const n=[...z,{id:z.length+1,role:"user",content:e}];P(n),$();const{success:a,data:l,usedDocumentIds:d,newDocumentId:u,newDocumentName:c,rawUserInput:m,isInsertedFile:p,error:x}=yield se.mutateAsync(Object.assign(Object.assign(Object.assign({formId:k,responseId:w,value:e},o&&i&&{documentId:i}),S&&{studioUserId:S}),O&&{deploymentId:O}));if(!a)throw new Error(null!=x?x:"An error occurred, please try again.");$(),p&&i&&X({documentId:i,isInsertedAsRaw:!0}),u&&c&&J([{type:"website",id:c,name:c,status:"finished",documentId:u}]),$();const f=(yield h.streamer({formId:k,responseId:w,data:l})).body;if(!f)throw new Error("Streaming error");const g=f.getReader(),j=new TextDecoder,b=n.length;let y="",v=!0;for(T("streaming");v;){const{value:e,done:s}=yield g.read();v=!s;if(y+=j.decode(e),y)P([...n.slice(0,b),{id:z.length+1,role:"assistant",content:y}]);else if(!v&&!y)throw new Error("Server error")}const I=new Date;y&&($(),T("idle"),yield te.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:k,responseId:w,documentIds:d},q&&{userId:q}),S&&{studioUserId:S}),S&&(null==D?void 0:D.studioid)&&{studioId:D.studioid}),O&&{deploymentId:O}),{messages:[{role:"user",message:m,sentAt:t},{role:"assistant",message:y,sentAt:I}]})),null==U||U(w))}catch(e){let s=y.default(e)||"";s&&!s.includes("Unexpected token 'A',")||(s="Oops! We're experiencing high traffic at the moment. Please try again later.");const t=Object.entries(F).find((([e])=>s.includes(e)));t?L(t[1]):W(s),$()}finally{T("idle"),G(!1),Z()}}));return s.jsxs("div",Object.assign({className:v.default("fixed flex w-full flex-col bottom-0 left-0","viewport"===N?"min-[767px]:relative min-[767px]:bottom-auto min-[767px]:left-auto":"absolute @[767px]/pickaxe-root:relative @[767px]/pickaxe-root:bottom-auto @[767px]/pickaxe-root:left-auto")},{children:[!A.isWhiteLabel&&s.jsx("div",Object.assign({className:"flex justify-end pr-3"},{children:s.jsx(j.default,{animateHover:!0})})),de&&s.jsx(b.default,{data:(null==D?void 0:D.icebreakers)||[],style:{backgroundColor:C.secondary,color:C.secondaryText},isMobile:M||ne,onSend:ue}),s.jsxs("div",Object.assign({style:ae,className:"flex min-h-[56px] items-end gap-x-2 px-4 py-3 pb-[15px] shadow"},{children:["enduserupload"===(null==D?void 0:D.documentuploadtype)&&s.jsxs("div",Object.assign({className:"tooltip"},{children:[s.jsx("input",{id:"file-upload",ref:ie,type:"file",accept:[...p.allowedFileMimeTypes,...H?p.allowedImageMimeTypes:[]].join(", "),multiple:!0,hidden:!0,className:"hidden",onChange:s=>e.__awaiter(void 0,void 0,void 0,(function*(){yield V(Array.from(s.target.files||[])),s.target.value=""}))}),s.jsx("button",Object.assign({className:"flex items-center disabled:cursor-wait disabled:opacity-50",disabled:Q,onClick:()=>{var e;return null===(e=ie.current)||void 0===e?void 0:e.click()}},{children:s.jsx(f.default,{className:"h-6 w-6 shrink-0 stroke-2",style:{color:C.accent}})}))]})),s.jsx(x.default,{className:v.default(le("max-h-60 w-full resize-none border-transparent bg-transparent outline-none ring-0 scrollbar scrollbar-thin placeholder:font-semilight"),!oe.length&&"max-h-6 overflow-hidden text-ellipsis whitespace-nowrap"),value:oe,placeholder:null!==(I=null==D?void 0:D.placeholdertext)&&void 0!==I?I:"What do you want to talk about?",onChange:e=>re(e.target.value),onKeyDown:e=>{"Enter"===e.key&&(e.shiftKey||(e.preventDefault(),Q||"idle"!==B||ue()))}}),s.jsx("button",Object.assign({className:"outline-none disabled:cursor-default disabled:opacity-50",disabled:Q||"idle"!==B,onClick:()=>ue()},{children:s.jsx(g.default,{className:"h-6 w-6 shrink-0 stroke-2",style:{color:C.accent}})}))]}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("react"),o=require("../../../hooks/core/useMediaQuery.js"),r=require("../../../hooks/pickaxe/usePickaxeContext.js"),i=require("../../../hooks/pickaxe/useResponseContext.js"),n=require("../../../hooks/studio/useStyleInput.js"),a=require("../../../hooks/studio/useStyleFontSize.js"),l=require("../../../hooks/pickaxe/useConversation.js"),d=require("../../../hooks/pickaxe/useSubmit.js"),u=require("../../../hooks/pickaxe/useSubmitResult.js"),c=require("../Addons/Document/hooks/useDocument.js"),m=require("../Addons/Scroll/hooks/useScroll.js"),p=require("../../../common/documents.js"),h=require("../../../common/api/streamer.js"),x=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"),f=require("../../Icons/attach.svg.js"),g=require("../../Icons/send.svg.js"),j=require("../common/PickaxeBranding.js"),b=require("../Addons/IceBreaker/index.js"),y=require("../../../common/error.js"),v=require("../../../common/cn.js");exports.default=()=>{var I;const{formId:k,chatId:w,userId:q,studioUserId:S,deploymentId:O,pickaxe:D,colors:C,misc:A,responsiveBy:N,isNewChat:_,forceMobile:M,setIsNewChat:E,setIsShowIceBreaker:R,onGenerateComplete:U}=r.usePickaxeContext(),{messages:z,status:B,limits:F,setMessages:P,setStatus:T,setLimitData:L,setError:W,setIsGenerating:G}=i.useResponseContext(),{documents:K,isUploading:Q,isImageUploadAllowed:H,upsertDocuments:J,onFileUpload:V,onEditDocumentByDocId:X}=c.useDocument(),{scrollStartSession:Y,scrollEndSession:Z,scrollToBottom:$}=m.useScroll({auto:!0}),ee=l.useConversation(),se=d.useSubmit(),te=u.useSubmitResult(),[oe,re]=t.useState(""),ie=t.useRef(null),[ne]=o.useMediaQuery("(max-width: 767px)"),ae=n.useStyleInput(),le=a.useStyleFontSize({type:"b2"}),de=t.useMemo((()=>{var e,s,t;return!!_&&(!!D&&(!ee.isLoading&&(!((null!==(s=null===(e=ee.data)||void 0===e?void 0:e.messages.length)&&void 0!==s?s:0)>1)&&!!(null===(t=D.icebreakers)||void 0===t?void 0:t.length))))}),[D,_,ee.data,ee.isLoading]);t.useEffect((()=>{R(de)}),[de]);const ue=s=>e.__awaiter(void 0,void 0,void 0,(function*(){try{if(Q||"idle"!==B)return;const e=null!=s?s:oe;if(!e)return;re(""),W(""),L(null),G(!0),E(!1);const t=new Date,o="enduserupload"===(null==D?void 0:D.documentuploadtype),r=K.filter((e=>"finished"===e.status&&!e.isInsertedAsRaw)),i=r.length?r[r.length-1].documentId:"";T("fetching"),Y(),$();const n=[...z,{id:z.length+1,role:"user",content:e}];P(n),$();const{success:a,data:l,usedDocumentIds:d,newDocumentId:u,newDocumentName:c,rawUserInput:m,isInsertedFile:p,error:x}=yield se.mutateAsync(Object.assign(Object.assign(Object.assign({formId:k,responseId:w,value:e},o&&i&&{documentId:i}),S&&{studioUserId:S}),O&&{deploymentId:O}));if(!a)throw new Error(null!=x?x:"An error occurred, please try again.");$(),p&&i&&X({documentId:i,isInsertedAsRaw:!0}),u&&c&&J([{type:"website",id:c,name:c,status:"finished",documentId:u}]),$();const f=(yield h.streamer({formId:k,responseId:w,data:l})).body;if(!f)throw new Error("Streaming error");const g=f.getReader(),j=new TextDecoder,b=n.length;let y="",v=!0,I=!1;for(;v;){const{value:e,done:s}=yield g.read();v=!s;if(y+=j.decode(e),y)P([...n.slice(0,b),{id:z.length+1,role:"assistant",content:y}]),I||(T("streaming"),I=!0);else if(!v&&!y)throw new Error("Server error")}const C=new Date;y&&($(),T("idle"),yield te.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:k,responseId:w,documentIds:d},q&&{userId:q}),S&&{studioUserId:S}),S&&(null==D?void 0:D.studioid)&&{studioId:D.studioid}),O&&{deploymentId:O}),{messages:[{role:"user",message:m,sentAt:t},{role:"assistant",message:y,sentAt:C}]})),null==U||U(w))}catch(e){let s=y.default(e)||"";s&&!s.includes("Unexpected token 'A',")||(s="Oops! We're experiencing high traffic at the moment. Please try again later.");const t=Object.entries(F).find((([e])=>s.includes(e)));t?L(t[1]):W(s),$()}finally{T("idle"),G(!1),Z()}}));return s.jsxs("div",Object.assign({className:v.default("fixed flex w-full flex-col bottom-0 left-0","viewport"===N?"min-[767px]:relative min-[767px]:bottom-auto min-[767px]:left-auto":"absolute @[767px]/pickaxe-root:relative @[767px]/pickaxe-root:bottom-auto @[767px]/pickaxe-root:left-auto")},{children:[!A.isWhiteLabel&&s.jsx("div",Object.assign({className:"flex justify-end pr-3"},{children:s.jsx(j.default,{animateHover:!0})})),de&&s.jsx(b.default,{data:(null==D?void 0:D.icebreakers)||[],style:{backgroundColor:C.secondary,color:C.secondaryText},isMobile:M||ne,onSend:ue}),s.jsxs("div",Object.assign({style:ae,className:"flex min-h-[56px] items-end gap-x-2 px-4 py-3 pb-[15px] shadow"},{children:["enduserupload"===(null==D?void 0:D.documentuploadtype)&&s.jsxs("div",Object.assign({className:"tooltip"},{children:[s.jsx("input",{id:"file-upload",ref:ie,type:"file",accept:[...p.allowedFileMimeTypes,...H?p.allowedImageMimeTypes:[]].join(", "),multiple:!0,hidden:!0,className:"hidden",onChange:s=>e.__awaiter(void 0,void 0,void 0,(function*(){yield V(Array.from(s.target.files||[])),s.target.value=""}))}),s.jsx("button",Object.assign({className:"flex items-center disabled:cursor-wait disabled:opacity-50",disabled:Q,onClick:()=>{var e;return null===(e=ie.current)||void 0===e?void 0:e.click()}},{children:s.jsx(f.default,{className:"h-6 w-6 shrink-0 stroke-2",style:{color:C.accent}})}))]})),s.jsx(x.default,{className:v.default(le("max-h-60 w-full resize-none border-transparent bg-transparent outline-none ring-0 scrollbar scrollbar-thin placeholder:font-semilight"),!oe.length&&"max-h-6 overflow-hidden text-ellipsis whitespace-nowrap"),value:oe,placeholder:null!==(I=null==D?void 0:D.placeholdertext)&&void 0!==I?I:"What do you want to talk about?",onChange:e=>re(e.target.value),onKeyDown:e=>{"Enter"===e.key&&(e.shiftKey||(e.preventDefault(),Q||"idle"!==B||ue()))}}),s.jsx("button",Object.assign({className:"outline-none disabled:cursor-default disabled:opacity-50",disabled:Q||"idle"!==B,onClick:()=>ue()},{children:s.jsx(g.default,{className:"h-6 w-6 shrink-0 stroke-2",style:{color:C.accent}})}))]}))]}))};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),t=require("../../../hooks/pickaxe/usePickaxeContext.js"),s=require("../../../hooks/studio/useStyleFontSize.js"),o=require("../../Icons/circle-info.svg.js"),l=require("../common/PickaxeIcon.js"),c=require("../common/PickaxeInfoModal.js"),r=require("../../../common/cn.js");exports.default=()=>{var n;const{pickaxe:a,colors:u,misc:x,responsiveBy:p}=t.usePickaxeContext(),[m,d]=i.useState(!1),h=s.useStyleFontSize({type:"body"});return e.jsxs("div",Object.assign({className:"flex flex-col items-center"},{children:[m&&e.jsx(c.default,{isOpen:m,onChangeIsOpen:d}),x.isProfileImage&&e.jsx(l.default,{src:null==a?void 0:a.coverphoto,alt:`${null==a?void 0:a.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"}),x.isTitle&&e.jsxs("h2",Object.assign({className:r.default("mt-6 text-center font-semibold opacity-70","viewport"===p?"min-[767px]:text-[18px]":"@[767px]/pickaxe-root:text-[18px]")},{children:[`${null==a?void 0:a.formtitle.slice(0,130)}${(null!==(n=null==a?void 0:a.formtitle)&&void 0!==n?n:"").length>130?"...":""}`,e.jsx("button",Object.assign({className:"ml-2 inline-block outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>d(!0)},{children:e.jsx(o.default,{className:"h-5 w-5 shrink-0",style:{color:u.accent}})}))]})),x.isDescription&&e.jsx("p",Object.assign({className:h("mt-2 max-w-[600px] line-clamp-3 whitespace-pre-line text-center font-semilight opacity-70")},{children:null==a?void 0:a.formdescription}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),t=require("../../../hooks/pickaxe/usePickaxeContext.js"),s=require("../../../hooks/studio/useStyleFontSize.js"),o=require("../../Icons/circle-info.svg.js"),l=require("../common/PickaxeIcon.js"),c=require("../common/PickaxeInfoModal.js"),r=require("../../../common/cn.js");exports.default=()=>{var n;const{pickaxe:a,colors:u,misc:x,responsiveBy:p}=t.usePickaxeContext(),[m,d]=i.useState(!1),h=s.useStyleFontSize({type:"b1"});return e.jsxs("div",Object.assign({className:"flex flex-col items-center"},{children:[m&&e.jsx(c.default,{isOpen:m,onChangeIsOpen:d}),x.isProfileImage&&e.jsx(l.default,{src:null==a?void 0:a.coverphoto,alt:`${null==a?void 0:a.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"}),x.isTitle&&e.jsxs("h2",Object.assign({className:r.default("mt-6 text-center font-semibold opacity-70","viewport"===p?"min-[767px]:text-[18px]":"@[767px]/pickaxe-root:text-[18px]")},{children:[`${null==a?void 0:a.formtitle.slice(0,130)}${(null!==(n=null==a?void 0:a.formtitle)&&void 0!==n?n:"").length>130?"...":""}`,e.jsx("button",Object.assign({className:"ml-2 inline-block outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>d(!0)},{children:e.jsx(o.default,{className:"h-5 w-5 shrink-0",style:{color:u.accent}})}))]})),x.isDescription&&e.jsx("p",Object.assign({className:h("mt-2 max-w-[600px] line-clamp-3 whitespace-pre-line text-center font-semilight opacity-70")},{children:null==a?void 0:a.formdescription}))]}))};

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"),t=require("react"),a=require("../../../../hooks/pickaxe/usePickaxeContext.js"),i=require("../../../../hooks/studio/useStyleInput.js"),n=require("../../../../hooks/studio/useStyleFontSize.js"),l=require("../../Addons/Document/hooks/useDocument.js"),o=require("../../../../common/documents.js"),r=require("../../../Icons/attach.svg.js"),c=require("../../../Icons/check.svg.js"),d=require("../../../Icons/x.svg.js"),u=require("../../../Core/ErrorAlert.js"),j=require("../../Addons/Document/List.js"),m=require("../../../../common/cn.js");exports.default=({field:p,update:b})=>{const{colors:x}=a.usePickaxeContext(),{documentError:h,websiteLink:f,isUploading:g,isImageUploadAllowed:y,setDocumentError:v,setWebsiteLink:w,onFileUpload:k,onWebsiteUpload:N}=l.useDocument({onQuestionChange:e=>{b(Object.assign(Object.assign({},p),e))}}),[q,O]=t.useState(!1),C=t.useRef(null),D=i.useStyleInput(),_=n.useStyleFontSize({type:"body"});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:p.main})),p.isRequired&&s.jsx("span",Object.assign({className:"select-none font-semibold",style:{color:x.error}},{children:"*"}))]})),s.jsxs("div",Object.assign({className:"flex flex-col gap-y-2"},{children:[s.jsx("input",{ref:C,type:"file",accept:[...o.allowedFileMimeTypes,...y?o.allowedImageMimeTypes:[]].join(", "),id:p.id,hidden:!0,className:"hidden",onChange:s=>e.__awaiter(void 0,void 0,void 0,(function*(){yield k(Array.from(s.target.files||[])),s.target.value=""})),disabled:g}),s.jsxs("div",Object.assign({className:m.default(_("flex items-center justify-between rounded-sm border border-transparent bg-white py-3 pl-4 pr-3 duration-300 ease-in-out transition-all shadow hover:shadow-none"),q&&"shadow"),style:D},{children:[s.jsx("input",{type:"text",value:f,className:"w-full outline-none bg-transparent placeholder:font-semilight",placeholder:"Paste a website/video link or drag a file",onChange:e=>w(e.target.value),onDrop:s=>e.__awaiter(void 0,void 0,void 0,(function*(){s.preventDefault(),yield k(Array.from(s.dataTransfer.files||[]))})),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),N(f))},onFocus:()=>O(!0),onBlur:()=>O(!1)}),s.jsx("div",Object.assign({className:"flex items-center gap-3 pl-4"},{children:f.length>0?s.jsxs(s.Fragment,{children:[s.jsx("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:g,onClick:()=>N(f)},{children:s.jsx(c.default,{className:"h-5 w-5 shrink-0",style:{color:x.accent}})})),s.jsx("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:g,onClick:()=>{w(""),v("")}},{children:s.jsx(d.default,{className:"h-6 w-6 shrink-0",style:{color:x.accent}})}))]}):s.jsx("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:g,onClick:()=>{var e;null===(e=C.current)||void 0===e||e.click()}},{children:s.jsx(r.default,{className:"h-6 w-6 shrink-0",style:{color:x.accent}})}))}))]}))]}))]})),s.jsx(j.default,{className:"mt-2"}),h&&s.jsx(u.default,{error:h,className:"mt-3"})]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("react"),a=require("../../../../hooks/pickaxe/usePickaxeContext.js"),i=require("../../../../hooks/studio/useStyleInput.js"),n=require("../../../../hooks/studio/useStyleFontSize.js"),l=require("../../Addons/Document/hooks/useDocument.js"),o=require("../../../../common/documents.js"),r=require("../../../Icons/attach.svg.js"),c=require("../../../Icons/check.svg.js"),d=require("../../../Icons/x.svg.js"),u=require("../../../Core/ErrorAlert.js"),j=require("../../Addons/Document/List.js"),m=require("../../../../common/cn.js");exports.default=({field:p,update:b})=>{const{colors:x}=a.usePickaxeContext(),{documentError:h,websiteLink:f,isUploading:g,isImageUploadAllowed:y,setDocumentError:v,setWebsiteLink:w,onFileUpload:k,onWebsiteUpload:N}=l.useDocument({onQuestionChange:e=>{b(Object.assign(Object.assign({},p),e))}}),[q,O]=t.useState(!1),C=t.useRef(null),D=i.useStyleInput(),_=n.useStyleFontSize({type:"b1"});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:p.main})),p.isRequired&&s.jsx("span",Object.assign({className:"select-none font-semibold",style:{color:x.error}},{children:"*"}))]})),s.jsxs("div",Object.assign({className:"flex flex-col gap-y-2"},{children:[s.jsx("input",{ref:C,type:"file",accept:[...o.allowedFileMimeTypes,...y?o.allowedImageMimeTypes:[]].join(", "),id:p.id,hidden:!0,className:"hidden",onChange:s=>e.__awaiter(void 0,void 0,void 0,(function*(){yield k(Array.from(s.target.files||[])),s.target.value=""})),disabled:g}),s.jsxs("div",Object.assign({className:m.default(_("flex items-center justify-between rounded-sm border border-transparent bg-white py-3 pl-4 pr-3 duration-300 ease-in-out transition-all shadow hover:shadow-none"),q&&"shadow"),style:D},{children:[s.jsx("input",{type:"text",value:f,className:"w-full outline-none bg-transparent placeholder:font-semilight",placeholder:"Paste a website/video link or drag a file",onChange:e=>w(e.target.value),onDrop:s=>e.__awaiter(void 0,void 0,void 0,(function*(){s.preventDefault(),yield k(Array.from(s.dataTransfer.files||[]))})),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),N(f))},onFocus:()=>O(!0),onBlur:()=>O(!1)}),s.jsx("div",Object.assign({className:"flex items-center gap-3 pl-4"},{children:f.length>0?s.jsxs(s.Fragment,{children:[s.jsx("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:g,onClick:()=>N(f)},{children:s.jsx(c.default,{className:"h-5 w-5 shrink-0",style:{color:x.accent}})})),s.jsx("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:g,onClick:()=>{w(""),v("")}},{children:s.jsx(d.default,{className:"h-6 w-6 shrink-0",style:{color:x.accent}})}))]}):s.jsx("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:g,onClick:()=>{var e;null===(e=C.current)||void 0===e||e.click()}},{children:s.jsx(r.default,{className:"h-6 w-6 shrink-0",style:{color:x.accent}})}))}))]}))]}))]})),s.jsx(j.default,{className:"mt-2"}),h&&s.jsx(u.default,{error:h,className:"mt-3"})]}))};

package/dist/cjs/components/Pickaxe/Form/Questions/Input.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"),o=require("../../../../hooks/pickaxe/useResponseContext.js"),r=require("../../../../hooks/studio/useStyleInput.js"),a=require("../../../../hooks/studio/useStyleFontSize.js"),n=require("@nem035/gpt-3-encoder"),i=require("../../../Core/Textarea.js"),l=require("../../../../common/cn.js");exports.default=({field:c,update:u})=>{const{colors:d}=t.usePickaxeContext(),{setError:p}=o.useResponseContext(),[x,h]=s.useState(!1),g=r.useStyleInput(),m=a.useStyleFontSize({type:"body"});return e.jsxs("div",Object.assign({className:"group relative flex flex-col gap-y-1"},{children:[e.jsxs("div",Object.assign({className:"flex flex-col gap-y-2"},{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:c.main})),c.isRequired&&e.jsx("span",Object.assign({className:"select-none font-semibold",style:{color:d.error}},{children:"*"}))]})),e.jsx(i.default,{className:l.default(m("rounded-sm border border-transparent px-4 py-3 duration-300 ease-in-out transition-all shadow hover:shadow-none"),c.maxLength<10&&"max-w-[400px]"),style:g,placeholder:c.example,rows:c.maxLength>500?3:1,value:c.input,tabIndex:c.order,onChange:e=>{p("");const s=n.encode(e).length;u(Object.assign(Object.assign({},c),{input:e,length:s}))},onFocus:()=>h(!0),onBlur:()=>h(!1)})]})),e.jsx("div",Object.assign({className:"pointer-events-none absolute bottom-0 right-0 p-1 px-2"},{children:e.jsxs("p",Object.assign({className:l.default("text-[14px] font-semibold opacity-20 opacity-0 group-hover:opacity-100 group-hover:duration-200",c.length>c.maxLength&&"text-c-red opacity-100",x&&"opacity-100")},{children:[c.length,"/",c.maxLength]}))}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("../../../../hooks/pickaxe/usePickaxeContext.js"),o=require("../../../../hooks/pickaxe/useResponseContext.js"),r=require("../../../../hooks/studio/useStyleInput.js"),a=require("../../../../hooks/studio/useStyleFontSize.js"),n=require("@nem035/gpt-3-encoder"),i=require("../../../Core/Textarea.js"),l=require("../../../../common/cn.js");exports.default=({field:c,update:u})=>{const{colors:d}=t.usePickaxeContext(),{setError:p}=o.useResponseContext(),[x,h]=s.useState(!1),g=r.useStyleInput(),m=a.useStyleFontSize({type:"b3"});return e.jsxs("div",Object.assign({className:"group relative flex flex-col gap-y-1"},{children:[e.jsxs("div",Object.assign({className:"flex flex-col gap-y-2"},{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:c.main})),c.isRequired&&e.jsx("span",Object.assign({className:"select-none font-semibold",style:{color:d.error}},{children:"*"}))]})),e.jsx(i.default,{className:l.default(m("rounded-sm border border-transparent px-4 py-3 duration-300 ease-in-out transition-all shadow hover:shadow-none"),c.maxLength<10&&"max-w-[400px]"),style:g,placeholder:c.example,rows:c.maxLength>500?3:1,value:c.input,tabIndex:c.order,onChange:e=>{p("");const s=n.encode(e).length;u(Object.assign(Object.assign({},c),{input:e,length:s}))},onFocus:()=>h(!0),onBlur:()=>h(!1)})]})),e.jsx("div",Object.assign({className:"pointer-events-none absolute bottom-0 right-0 p-1 px-2"},{children:e.jsxs("p",Object.assign({className:l.default("text-[14px] font-semibold opacity-20 opacity-0 group-hover:opacity-100 group-hover:duration-200",c.length>c.maxLength&&"text-c-red opacity-100",x&&"opacity-100")},{children:[c.length,"/",c.maxLength]}))}))]}))};

package/dist/cjs/components/Pickaxe/common/PickaxeButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("../../../hooks/pickaxe/usePickaxeContext.js"),r=require("../../../hooks/studio/useStyleButton.js"),a=require("../../../hooks/studio/useStyleFontSize.js"),o=require("../../Core/Button.js"),i=require("../../../common/cn.js");exports.default=u=>{var{variant:n,className:l}=u,c=e.__rest(u,["variant","className"]);const{styles:y}=s.usePickaxeContext(),j=r.useStyleButton({variant:n}),v=a.useStyleFontSize({type:"button"});return t.jsx(o.default,Object.assign({variant:n,className:i.default(v(),"min-h-[48px]",l,("primary"===n||"secondary"===n)&&"hover:opacity-90","outlined"===y.btnStyle&&"hover:opacity-70"),style:j},c))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("../../../hooks/pickaxe/usePickaxeContext.js"),r=require("../../../hooks/studio/useStyleButton.js"),a=require("../../../hooks/studio/useStyleFontSize.js"),i=require("../../Core/Button.js"),o=require("../../../common/cn.js");exports.default=u=>{var{variant:n,className:l}=u,c=e.__rest(u,["variant","className"]);const{styles:y}=s.usePickaxeContext(),j=r.useStyleButton({variant:n}),v=a.useStyleFontSize({type:"l2"});return t.jsx(i.default,Object.assign({variant:n,className:o.default(v(),"min-h-[48px]",l,("primary"===n||"secondary"===n)&&"hover:opacity-90","outlined"===y.btnStyle&&"hover:opacity-70"),style:j},c))};

package/dist/cjs/components/Pickaxe/common/PickaxeInfoModal.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("../../../hooks/studio/useStyleFontSize.js"),i=require("../../Icons/x.svg.js"),r=require("../../Core/Modal/index.js"),l=require("../../Core/Modal/Body.js"),o=require("./PickaxeIcon.js"),a=require("./PickaxeSimpleButton.js"),c=require("../../../common/cn.js");exports.default=({isOpen:n,onChangeIsOpen:x})=>{const{pickaxe:d,colors:u,misc:p,responsiveBy:m}=s.usePickaxeContext(),j=t.useStyleFontSize({type:"body"});return e.jsx(r.default,Object.assign({isOpen:n,onChange:x},{children:e.jsxs(l.default,Object.assign({className:"relative flex flex-col px-8 pt-[26px] pb-8 w-full min-[767px]:max-w-[480px] max-[767px]:border-0",style:{backgroundColor:u.primary,color:u.text,borderColor:u.text+"4D"},avoidOverflow:!0},{children:[e.jsx("div",Object.assign({className:"flex items-start justify-end gap-4"},{children:e.jsx(a.default,Object.assign({color:u.text,onClick:()=>x(!1)},{children:e.jsx(i.default,{className:"h-6 w-6 shrink-0"})}))})),e.jsx("div",Object.assign({className:"mt-6 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:[p.isProfileImage&&e.jsx(o.default,{src:null==d?void 0:d.coverphoto,alt:`${null==d?void 0:d.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"}),e.jsx("h2",Object.assign({className:c.default("mt-6 text-center font-semibold opacity-70","viewport"===m?"min-[767px]:text-[18px]":"@[767px]/pickaxe-root:text-[18px]")},{children:null==d?void 0:d.formtitle})),e.jsx("p",Object.assign({className:j("mt-4 font-semilight opacity-70")},{children:null==d?void 0:d.formdescription}))]}))}))]}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../hooks/pickaxe/usePickaxeContext.js"),t=require("../../../hooks/studio/useStyleFontSize.js"),i=require("../../Icons/x.svg.js"),r=require("../../Core/Modal/index.js"),l=require("../../Core/Modal/Body.js"),o=require("./PickaxeIcon.js"),a=require("./PickaxeSimpleButton.js"),c=require("../../../common/cn.js");exports.default=({isOpen:n,onChangeIsOpen:x})=>{const{pickaxe:d,colors:u,misc:p,responsiveBy:m}=s.usePickaxeContext(),j=t.useStyleFontSize({type:"b1"});return e.jsx(r.default,Object.assign({isOpen:n,onChange:x},{children:e.jsxs(l.default,Object.assign({className:"relative flex flex-col px-8 pt-[26px] pb-8 w-full min-[767px]:max-w-[480px] max-[767px]:border-0",style:{backgroundColor:u.primary,color:u.text,borderColor:u.text+"4D"},avoidOverflow:!0},{children:[e.jsx("div",Object.assign({className:"flex items-start justify-end gap-4"},{children:e.jsx(a.default,Object.assign({color:u.text,onClick:()=>x(!1)},{children:e.jsx(i.default,{className:"h-6 w-6 shrink-0"})}))})),e.jsx("div",Object.assign({className:"mt-6 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:[p.isProfileImage&&e.jsx(o.default,{src:null==d?void 0:d.coverphoto,alt:`${null==d?void 0:d.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"}),e.jsx("h2",Object.assign({className:c.default("mt-6 text-center font-semibold opacity-70","viewport"===m?"min-[767px]:text-[18px]":"@[767px]/pickaxe-root:text-[18px]")},{children:null==d?void 0:d.formtitle})),e.jsx("p",Object.assign({className:j("mt-4 font-semilight opacity-70")},{children:null==d?void 0:d.formdescription}))]}))}))]}))}))};

package/dist/cjs/components/Pickaxe/common/PickaxeMarkdown/Custom/A/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),s=require("@tanstack/react-query"),o=require("../../hooks/usePickaxeMarkdownContext.js"),i=require("../common/Action.js"),n=require("../Img/index.js"),a=require("../../../../../../common/api/utils.js"),u=require("../../../../../../common/error.js");exports.default=({node:c,href:l="",children:d})=>{const{accentColor:f,websiteMetadatas:p,linkPreviews:m,actions:h,setWebsiteMetadatas:w}=o.usePickaxeMarkdownContext(),b=l.startsWith("http://")?`https://${l.slice(7)}`:l.startsWith("www.")?`https://${l}`:l;s.useQuery({queryKey:[b],queryFn:()=>(t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{if("development"===process.env.NODE_ENV&&console.log("[getWebsiteMetadata]",t),!t)return null;if(!t.startsWith("https"))return null;const e=["/api/function_call_results","/api/fn/result","https://prod-pickaxe-assets.s3.amazonaws.com"];if(t.includes("pickaxe")&&e.some((e=>t.includes(e))))return null;const r=(yield a.default.get(`/metadata?url=${encodeURIComponent(t)}`)).data;if(r.error)throw new Error(r.error||"Failed to fetch metadata");return r}catch(e){const t=u.default(e);return"development"===process.env.NODE_ENV&&console.error("[getJobResult]",t),null}})))(b),enabled:"undefined"!=typeof window&&m&&!!b&&!p.some((e=>e.href===b))&&!b.includes("https://prod-pickaxe-assets.s3.amazonaws.com"),retry:2,onSuccess:t=>e.__awaiter(void 0,void 0,void 0,(function*(){t&&(p.some((e=>e.href===t.href))||w((e=>[...e,t])))}))}),r.useEffect((()=>{m&&b&&p.some((e=>e.href===b))}),[m,b,p]);const x=b.match(/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/watch\?v=|youtu\.be\/)([\w-]+)/i);if(x&&(null==x?void 0:x[1]))return t.jsx("div",Object.assign({style:{marginTop:"2rem",marginBottom:"2rem",display:"flex",width:"100%",justifyContent:"center"}},{children:t.jsx("iframe",Object.assign({title:"youtube-embed",src:`https://www.youtube.com/embed/${x[1]}`,style:{width:"100%",maxWidth:"560px",minHeight:"315px"},allowFullScreen:!0},{children:"Iframe not supported, use a different browser."}))}));return b.match(/\.(jpeg|jpg|gif|bmp|webp|svg|tiff|avif)$/)?t.jsx(n.default,{src:b,alt:"string"==typeof d?d:"Markdown Image"}):h&&b.includes("pickaxe")&&(b.includes("/api/fn/result")||b.includes("/api/function_call_results"))?t.jsx(i.default,{jobUrl:b}):t.jsx("a",Object.assign({href:b,target:"_blank",rel:"noopener noreferrer",style:{color:f,fontWeight:600}},{children:d}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),s=require("@tanstack/react-query"),i=require("../../hooks/usePickaxeMarkdownContext.js"),n=require("../common/Action.js"),o=require("../Img/index.js"),a=require("../../../../../../common/api/utils.js"),u=require("../../../../../../common/error.js");exports.default=({node:l,href:c="",children:d})=>{const{accentColor:f,websiteMetadatas:p,linkPreviews:m,actions:h,setWebsiteMetadatas:w}=i.usePickaxeMarkdownContext(),b=c.startsWith("http://")?`https://${c.slice(7)}`:c.startsWith("www.")?`https://${c}`:c;s.useQuery({queryKey:[b],queryFn:()=>(t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{if("development"===process.env.NODE_ENV&&console.log("[getWebsiteMetadata]",t),!t)return null;if(!t.startsWith("https"))return null;if(!t.includes("."))return null;if(["/api/fn/result","/api/function_call_results","https://prod-pickaxe-assets.s3.amazonaws.com"].some((e=>t.includes(e))))return null;const e=(yield a.default.get(`/metadata?url=${encodeURIComponent(t)}`)).data;if(e.error)throw new Error(e.error||"Failed to fetch metadata");return e}catch(e){const t=u.default(e);return"development"===process.env.NODE_ENV&&console.error("[getJobResult]",t),null}})))(b),enabled:"undefined"!=typeof window&&m&&!!b&&!p.some((e=>e.href===b))&&b.includes(".")&&!b.includes("https://prod-pickaxe-assets.s3.amazonaws.com")&&!b.includes("https://pickaxeproject--v2"),retry:2,onSuccess:t=>e.__awaiter(void 0,void 0,void 0,(function*(){t&&(p.some((e=>e.href===t.href))||w((e=>[...e,t])))}))}),r.useEffect((()=>{m&&b&&p.some((e=>e.href===b))}),[m,b,p]);const j=b.match(/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/watch\?v=|youtu\.be\/)([\w-]+)/i);if(j&&(null==j?void 0:j[1]))return t.jsx("div",Object.assign({style:{marginTop:"2rem",marginBottom:"2rem",display:"flex",width:"100%",justifyContent:"center"}},{children:t.jsx("iframe",Object.assign({title:"youtube-embed",src:`https://www.youtube.com/embed/${j[1]}`,style:{width:"100%",maxWidth:"560px",minHeight:"315px"},allowFullScreen:!0},{children:"Iframe not supported, use a different browser."}))}));return b.match(/\.(jpeg|jpg|gif|bmp|webp|svg|tiff|avif)$/)?t.jsx(o.default,{src:b,alt:"string"==typeof d?d:"Markdown Image"}):h&&b.includes("pickaxe")&&(b.includes("/api/fn/result")||b.includes("/api/function_call_results"))?t.jsx(n.default,{jobUrl:b}):t.jsx("a",Object.assign({href:b,target:"_blank",rel:"noopener noreferrer",style:{color:f,fontWeight:600}},{children:d}))};

package/dist/cjs/components/Pickaxe/common/PickaxeMarkdown/Custom/Code/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),s=require("react-syntax-highlighter"),a=require("../../hooks/usePickaxeMarkdownContext.js");exports.default=t=>{var{node:i,children:n,className:c}=t,l=e.__rest(t,["node","children","className"]);const{syntaxTheme:u}=a.usePickaxeMarkdownContext(),o=/language-(\w+)/.exec(c||"");return o?r.jsx(s.Prism,Object.assign({},l,{PreTag:"div",language:o[1],style:u,showLineNumbers:!0},{children:String(n).replace(/\n$/,"")})):r.jsx("code",Object.assign({},l,{className:c},{children:n}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),s=require("react-syntax-highlighter"),a=require("../../hooks/usePickaxeMarkdownContext.js"),l=require("../../../PickaxeCopyButton.js");exports.default=t=>{var i,{node:c,children:o,className:n}=t,u=e.__rest(t,["node","children","className"]);const{syntaxTheme:d,accentColor:x}=a.usePickaxeMarkdownContext(),b=/language-(\w+)/.exec(n||"");return r.jsxs("div",Object.assign({className:"relative"},{children:[r.jsx("div",Object.assign({className:"absolute right-2 top-4 text-white"},{children:r.jsx(l.default,{color:x,text:null!==(i=null==o?void 0:o.toString())&&void 0!==i?i:"",iconClassName:"w-4 h-4"})})),r.jsx("div",Object.assign({className:"overflow-x-auto max-w-[600px] scrollbar scrollbar-thumb-black/50 scrollbar-thumb-rounded-full scrollbar-w-[4px] scrollbar-h-[4px] dark:scrollbar-thumb-black/60"},{children:r.jsx(s.Prism,Object.assign({},u,{PreTag:"div",language:b?b[1]:"js",style:d,showLineNumbers:!0},{children:String(o).replace(/\n$/,"")}))}))]}))};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react");const r=o.createContext({}),t=({children:t,theme:n="light",syntaxTheme:a,accentColor:c="#228DD7",linkPreviews:l=!1,actions:i=!1})=>{const[s,d]=o.useState(n),[p,u]=o.useState(c),[C,F]=o.useState([]),[g,m]=o.useState(l),[h,b]=o.useState(i);return e.jsx(r.Provider,Object.assign({value:{theme:s,syntaxTheme:a||{'code[class*="language-"]':{color:"#c5c8c6",textShadow:"0 1px rgba(0, 0, 0, 0.3)",fontFamily:"Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace",direction:"ltr",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",lineHeight:"1.5",MozTabSize:"4",OTabSize:"4",tabSize:"4",WebkitHyphens:"none",MozHyphens:"none",msHyphens:"none",hyphens:"none"},'pre[class*="language-"]':{color:"#c5c8c6",textShadow:"0 1px rgba(0, 0, 0, 0.3)",fontFamily:"Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace",direction:"ltr",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",lineHeight:"1.5",MozTabSize:"4",OTabSize:"4",tabSize:"4",WebkitHyphens:"none",MozHyphens:"none",msHyphens:"none",hyphens:"none",padding:"1em",margin:".5em 0",overflow:"auto",borderRadius:"0.3em",background:"#1d1f21"},':not(pre) > code[class*="language-"]':{background:"#1d1f21",padding:".1em",borderRadius:".3em"},comment:{color:"#7C7C7C"},prolog:{color:"#7C7C7C"},doctype:{color:"#7C7C7C"},cdata:{color:"#7C7C7C"},punctuation:{color:"#c5c8c6"},".namespace":{opacity:".7"},property:{color:"#96CBFE"},keyword:{color:"#96CBFE"},tag:{color:"#96CBFE"},"class-name":{color:"#FFFFB6",textDecoration:"underline"},boolean:{color:"#99CC99"},constant:{color:"#99CC99"},symbol:{color:"#f92672"},deleted:{color:"#f92672"},number:{color:"#FF73FD"},selector:{color:"#A8FF60"},"attr-name":{color:"#A8FF60"},string:{color:"#A8FF60"},char:{color:"#A8FF60"},builtin:{color:"#A8FF60"},inserted:{color:"#A8FF60"},variable:{color:"#C6C5FE"},operator:{color:"#EDEDED"},entity:{color:"#FFFFB6",cursor:"help"},url:{color:"#96CBFE"},".language-css .token.string":{color:"#87C38A"},".style .token.string":{color:"#87C38A"},atrule:{color:"#F9EE98"},"attr-value":{color:"#F9EE98"},function:{color:"#DAD085"},regex:{color:"#E9C062"},important:{color:"#fd971f",fontWeight:"bold"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"}},accentColor:p,websiteMetadatas:C,linkPreviews:g,actions:h,setTheme:d,setAccentColor:u,setWebsiteMetadatas:F,setLinkPreviews:m,setActions:b}},{children:t}))};exports.PickaxeMarkdown=t,exports.PickaxeMarkdownContext=r,exports.default=t;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react");const t=o.createContext({}),r=({children:r,theme:n="light",syntaxTheme:a,accentColor:c="#228DD7",linkPreviews:l=!1,actions:i=!1})=>{const[s,d]=o.useState(n),[p,u]=o.useState(c),[C,m]=o.useState([]),[g,F]=o.useState(l),[h,b]=o.useState(i);return e.jsx(t.Provider,Object.assign({value:{theme:s,syntaxTheme:a||{'code[class*="language-"]':{color:"#c5c8c6",textShadow:"0 1px rgba(0, 0, 0, 0.3)",fontFamily:"Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace",direction:"ltr",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",lineHeight:"1.5",MozTabSize:"4",OTabSize:"4",tabSize:"4",WebkitHyphens:"none",MozHyphens:"none",msHyphens:"none",hyphens:"none",width:"max-content"},'pre[class*="language-"]':{color:"#c5c8c6",textShadow:"0 1px rgba(0, 0, 0, 0.3)",fontFamily:"Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace",direction:"ltr",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",lineHeight:"1.5",MozTabSize:"4",OTabSize:"4",tabSize:"4",WebkitHyphens:"none",MozHyphens:"none",msHyphens:"none",hyphens:"none",padding:"1em",paddingTop:"1.5em",margin:".5em 0",overflow:"auto",borderRadius:"0.3em",background:"#1d1f21",width:"max-content"},':not(pre) > code[class*="language-"]':{background:"#1d1f21",padding:".1em",borderRadius:".3em"},comment:{color:"#7C7C7C"},prolog:{color:"#7C7C7C"},doctype:{color:"#7C7C7C"},cdata:{color:"#7C7C7C"},punctuation:{color:"#c5c8c6"},".namespace":{opacity:".7"},property:{color:"#96CBFE"},keyword:{color:"#96CBFE"},tag:{color:"#96CBFE"},"class-name":{color:"#FFFFB6",textDecoration:"underline"},boolean:{color:"#99CC99"},constant:{color:"#99CC99"},symbol:{color:"#f92672"},deleted:{color:"#f92672"},number:{color:"#FF73FD"},selector:{color:"#A8FF60"},"attr-name":{color:"#A8FF60"},string:{color:"#A8FF60"},char:{color:"#A8FF60"},builtin:{color:"#A8FF60"},inserted:{color:"#A8FF60"},variable:{color:"#C6C5FE"},operator:{color:"#EDEDED"},entity:{color:"#FFFFB6",cursor:"help"},url:{color:"#96CBFE"},".language-css .token.string":{color:"#87C38A"},".style .token.string":{color:"#87C38A"},atrule:{color:"#F9EE98"},"attr-value":{color:"#F9EE98"},function:{color:"#DAD085"},regex:{color:"#E9C062"},important:{color:"#fd971f",fontWeight:"bold"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"}},accentColor:p,websiteMetadatas:C,linkPreviews:g,actions:h,setTheme:d,setAccentColor:u,setWebsiteMetadatas:m,setLinkPreviews:F,setActions:b}},{children:r}))};exports.PickaxeMarkdown=r,exports.PickaxeMarkdownContext=t,exports.default=r;

package/dist/cjs/hooks/studio/useStyleFontSize.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var x=require("../pickaxe/usePickaxeContext.js"),t=require("react"),e=require("../../common/cn.js");const p={header:{default:{sm:"text-[16px]",md:"text-[24px]",lg:"max-[899px]:text-[24px] max-[1080px]:text-[36px] text-5xl",xl:"max-[899px]:text-[32px] max-[1080px]:text-[48px] text-[64px]"},landing:{sm:"max-[899px]:text-[16px] max-[1080px]:text-[24px] text-[32px]",md:"max-[899px]:text-[24px] max-[1080px]:text-[48px] text-[56px] leading-[4.5rem] max-[899px]:leading-normal",lg:"max-[899px]:text-[36px] max-[1080px]:text-[64px] text-[72px]",xl:"max-[899px]:text-[48px] max-[1080px]:text-[72px] text-[96px]"}},body:{default:{sm:"text-[14px]",md:"text-[16px]",lg:"max-[889px]:text-[18px] text-[20px]",xl:"max-[889px]:text-[20px] text-[24px]"},landing:{sm:"text-[16px]",md:"max-[899px]:text-[16px] text-[18px]",lg:"max-[889px]:text-[18px] text-[20px]",xl:"max-[889px]:text-[20px] text-[24px]"}},sidenav:{default:{sm:"max-[889px]:text-[12px] text-[14px]",md:"max-[889px]:text-[14px] text-[16px]",lg:"max-[889px]:text-[16px] text-[18px]",xl:"max-[889px]:text-[18px] text-[20px]"},landing:{sm:"max-[889px]:text-[12px] text-[14px]",md:"max-[889px]:text-[14px] text-[16px]",lg:"max-[889px]:text-[16px] text-[18px]",xl:"max-[889px]:text-[18px] text-[20px]"}},label:{default:{sm:"text-[12px]",md:"text-[14px]",lg:"text-[16px]",xl:"text-[18px]"},landing:{sm:"text-[12px]",md:"text-[14px]",lg:"text-[16px]",xl:"text-[18px]"}},button:{default:{sm:"text-[12px]",md:"text-[14px]",lg:"max-[889px]:text-[16px] text-[18px]",xl:"max-[889px]:text-[18px] text-[20px]"},landing:{sm:"text-[14px]",md:"text-[16px]",lg:"max-[889px]:text-[16px] text-[18px]",xl:"max-[889px]:text-[18px] text-[20px]"}}};exports.fontSizeMap=p,exports.useStyleFontSize=({type:a,area:m="default",size:l="md"})=>{const{styles:d}=x.usePickaxeContext(),s=t.useMemo((()=>p[a][m||"default"][d.fontSize||l]),[a,m,l,d]);return x=>e.default(x,s)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var x=require("../pickaxe/usePickaxeContext.js"),t=require("react"),p=require("../../common/cn.js");const e={viewport:{h1:{lg:"text-[72px] max-[1024px]:text-[56px] max-[899px]:text-[32px]",md:"text-[56px] max-[1024px]:text-[48px] max-[899px]:text-[28px]",sm:"text-[4px] max-[1024px]:text-[34px] max-[899px]:text-[24px]"},h2:{lg:"text-[56px] max-[1024px]:text-[40px] max-[899px]:text-[26px]",md:"text-[40px] max-[1024px]:text-[34px] max-[899px]:text-[22px]",sm:"text-[34px] max-[1024px]:text-[28px] max-[899px]:text-[20px]"},h3:{lg:"text-[40px] max-[1024px]:text-[32px] max-[899px]:text-[20px]",md:"text-[32px] max-[1024px]:text-[30px] max-[899px]:text-[20px]",sm:"text-[28px] max-[1024px]:text-[22px] max-[899px]:text-[18px]"},h4:{lg:"text-[32px] max-[1024px]:text-[24px] max-[899px]:text-[18px]",md:"text-[24px] max-[1024px]:text-[22px] max-[899px]:text-[18px]",sm:"text-[20px] max-[1024px]:text-[18px] max-[899px]:text-[16px]"},b1:{lg:"text-[24px] max-[1024px]:text-[20px] max-[899px]:text-[18px]",md:"text-[20px] max-[1024px]:text-[20px] max-[899px]:text-[18px]",sm:"text-[18px] max-[1024px]:text-[18px] max-[899px]:text-[16px]"},b2:{lg:"text-[18px] max-[1024px]:text-[18px] max-[899px]:text-[16px]",md:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[16px]",sm:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[14px]"},b3:{lg:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[14px]",md:"text-[14px] max-[1024px]:text-[14px] max-[899px]:text-[14px]",sm:"text-[14px] max-[1024px]:text-[14px] max-[899px]:text-[12px]"},b4:{lg:"text-[14px] max-[1024px]:text-[14px] max-[899px]:text-[12px]",md:"text-[12px] max-[1024px]:text-[12px] max-[899px]:text-[12px]",sm:"text-[12px] max-[1024px]:text-[12px] max-[899px]:text-[10px]"},l1:{lg:"text-[18px] max-[1024px]:text-[18px] max-[899px]:text-[16px]",md:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[16px]",sm:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[14px]"},l2:{lg:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[14px]",md:"text-[14px] max-[1024px]:text-[14px] max-[899px]:text-[14px]",sm:"text-[14px] max-[1024px]:text-[14px] max-[899px]:text-[12px]"}},container:{h1:{lg:"text-[32px] @[899px]/pickaxe-root:text-[56px] @[1024px]/pickaxe-root:text-[72px]",md:"text-[28px] @[899px]/pickaxe-root:text-[48px] @[1024px]/pickaxe-root:text-[56px]",sm:"text-[24px] @[899px]/pickaxe-root:text-[34px] @[1024px]/pickaxe-root:text-[48px]"},h2:{lg:"text-[26px] @[899px]/pickaxe-root:text-[40px] @[1024px]/pickaxe-root:text-[56px]",md:"text-[22px] @[899px]/pickaxe-root:text-[34px] @[1024px]/pickaxe-root:text-[40px]",sm:"text-[20px] @[899px]/pickaxe-root:text-[28px] @[1024px]/pickaxe-root:text-[34px]"},h3:{lg:"text-[20px] @[899px]/pickaxe-root:text-[32px] @[1024px]/pickaxe-root:text-[40px]",md:"text-[20px] @[899px]/pickaxe-root:text-[30px] @[1024px]/pickaxe-root:text-[32px]",sm:"text-[18px] @[899px]/pickaxe-root:text-[22px] @[1024px]/pickaxe-root:text-[28px]"},h4:{lg:"text-[18px] @[899px]/pickaxe-root:text-[24px] @[1024px]/pickaxe-root:text-[32px]",md:"text-[18px] @[899px]/pickaxe-root:text-[22px] @[1024px]/pickaxe-root:text-[24px]",sm:"text-[16px] @[899px]/pickaxe-root:text-[18px] @[1024px]/pickaxe-root:text-[20px]"},b1:{lg:"text-[18px] @[899px]/pickaxe-root:text-[20px] @[1024px]/pickaxe-root:text-[24px]",md:"text-[18px] @[899px]/pickaxe-root:text-[20px] @[1024px]/pickaxe-root:text-[20px]",sm:"text-[16px] @[899px]/pickaxe-root:text-[18px] @[1024px]/pickaxe-root:text-[18px]"},b2:{lg:"text-[16px] @[899px]/pickaxe-root:text-[18px] @[1024px]/pickaxe-root:text-[18px]",md:"text-[16px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]",sm:"text-[14px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]"},b3:{lg:"text-[14px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]",md:"text-[14px] @[899px]/pickaxe-root:text-[14px] @[1024px]/pickaxe-root:text-[14px]",sm:"text-[12px] @[899px]/pickaxe-root:text-[14px] @[1024px]/pickaxe-root:text-[14px]"},b4:{lg:"text-[12px] @[899px]/pickaxe-root:text-[14px] @[1024px]/pickaxe-root:text-[14px]",md:"text-[12px] @[899px]/pickaxe-root:text-[12px] @[1024px]/pickaxe-root:text-[12px]",sm:"text-[10px] @[899px]/pickaxe-root:text-[12px] @[1024px]/pickaxe-root:text-[12px]"},l1:{lg:"text-[16px] @[899px]/pickaxe-root:text-[18px] @[1024px]/pickaxe-root:text-[18px]",md:"text-[16px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]",sm:"text-[14px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]"},l2:{lg:"text-[14px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]",md:"text-[14px] @[899px]/pickaxe-root:text-[14px] @[1024px]/pickaxe-root:text-[14px]",sm:"text-[12px] @[899px]/pickaxe-root:text-[14px] @[1024px]/pickaxe-root:text-[14px]"}}};exports.fontSizeMap=e,exports.useStyleFontSize=({type:o,size:a="md"})=>{const{styles:m,responsiveBy:r}=x.usePickaxeContext(),i=t.useMemo((()=>e[r][o][m.fontSize||a]),[o,a,m,r]);return x=>p.default(x,i)};

package/dist/cjs/src/hooks/studio/useStyleFontSize.d.ts

@@ -1,11 +1,10 @@
-import type { StudioFontSize } from "../../types/studio";
-export type FontSizeType = "header" | "body" | "sidenav" | "label" | "button";
-export type FontArea = "default" | "landing";
-export declare const fontSizeMap: Record<FontSizeType, Record<FontArea, Record<StudioFontSize, string>>>;
+import { PickaxeResponsiveBy } from "../../components/Pickaxe/Provider";
+export type StudioFontSize = "sm" | "md" | "lg";
+export type FontSizeType = "h1" | "h2" | "h3" | "h4" | "b1" | "b2" | "b3" | "b4" | "l1" | "l2";
+export declare const fontSizeMap: Record<PickaxeResponsiveBy, Record<FontSizeType, Record<StudioFontSize, string>>>;
 interface UseStyleFontSizeOptions {
     type: FontSizeType;
-    area?: FontArea;
     size?: StudioFontSize;
 }
-export declare const useStyleFontSize: ({ type, area, size, }: UseStyleFontSizeOptions) => (base?: string) => string;
+export declare const useStyleFontSize: ({ type, size, }: UseStyleFontSizeOptions) => (base?: string) => string;
 export {};

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 t,useMemo as o}from"react";import{usePickaxeContext as a}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as i}from"../../../../hooks/pickaxe/useResponseContext.js";import{useStyleFontSize as l}from"../../../../hooks/studio/useStyleFontSize.js";import{useConversation as c}from"../../../../hooks/pickaxe/useConversation.js";import r from"../../../Icons/circle-info.svg.js";import n from"../../common/PickaxeIcon.js";import m from"../../../Core/ErrorAlert.js";import d from"../../Addons/Scroll/ScrollLockView.js";import p from"../../common/PickaxeInfoModal.js";import x from"../../common/PickaxeUpgradeCard.js";import u from"./Message.js";import f from"../../../../common/cn.js";const g=()=>{var g,h;const{pickaxe:v,styles:b,colors:j,misc:w,responsiveBy:y,isNewChat:k,setChatId:E}=a(),{messages:N,status:O,limitData:C,error:P}=i(),B=c(),[F,I]=t(!1),S=l({type:"body"}),T=o((()=>!!B.data&&!(B.data.messages.length<=1)),[B.data]),$=o((()=>B.isSuccess&&k&&!T),[B.isSuccess,k,T]);return e("div",Object.assign({className:"relative flex flex-grow flex-col justify-end"},{children:[F&&s(p,{isOpen:F,onChangeIsOpen:I}),e("div",Object.assign({className:f("absolute left-1/2 top-5 flex w-full max-w-[400px] -translate-x-1/2 -translate-y-1/3 transform flex-col items-center px-4 opacity-0 duration-300",$&&"top-1/3 opacity-100")},{children:[w.isProfileImage&&s("button",Object.assign({className:"duration-300 hover:opacity-90 active:opacity-100 outline-none",onClick:()=>E("")},{children:s(n,{src:null==v?void 0:v.coverphoto,alt:`${null==v?void 0:v.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"})})),e("div",Object.assign({className:"flex flex-col items-center"},{children:[w.isTitle&&e("h2",Object.assign({className:f("mt-6 text-center font-semibold opacity-70","viewport"===y?"min-[767px]:text-lg":"@[767px]/pickaxe-root:text-lg")},{children:[`${null==v?void 0:v.formtitle.slice(0,130)}${(null!==(g=null==v?void 0:v.formtitle)&&void 0!==g?g:"").length>130?"...":""}`,s("button",Object.assign({className:"ml-2 inline-block outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>I(!0)},{children:s(r,{className:"h-5 w-5 shrink-0",style:{color:j.accent}})}))]})),w.isDescription&&s("p",Object.assign({className:S("mt-2 line-clamp-3 whitespace-pre-line max-w-[600px] text-center font-semilight opacity-70")},{children:null==v?void 0:v.formdescription}))]}))]})),s("div",Object.assign({className:"flex w-full justify-center"},{children:B.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-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===b.theme?"#1E1E1F":"#E5E7EB"}}),s("div",{className:"h-[150px] w-[70%] animate-pulse rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===b.theme?"#1E1E1F":"#E5E7EB"}}),s("div",{className:"h-10 w-[50%] animate-pulse justify-self-end rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===b.theme?"#1E1E1F":"#E5E7EB"}})]})):B.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:"flex flex-col w-full"},{children:[e("div",Object.assign({className:f("relative grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-4 pt-6","viewport"===y?"min-[767px]:pt-10":"@[767px]/pickaxe-root:pt-10")},{children:[B.data.messages.map(((e,t)=>s(u,{message:e},t))),N.map(((e,t)=>s(u,{message:e},t))),"fetching"===O?e("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:["NONE"!==(null==v?void 0:v.chaticon)&&s(n,{src:null!==(h=null==v?void 0:v.chaticon)&&void 0!==h?h:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/chaticons/${null==v?void 0:v.formid}.png`,alt:`${null==v?void 0:v.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6",textColor:j.text}),e("div",Object.assign({className:"flex items-center gap-x-2 rounded px-4 py-4",style:{backgroundColor:j.secondary+"80",color:j.secondaryText}},{children:[s("div",{className:"h-1.5 w-1.5 animate-dot rounded-full",style:{backgroundColor:j.secondaryText}}),s("div",{className:"h-1.5 w-1.5 animate-dot-down rounded-full",style:{backgroundColor:j.secondaryText}}),s("div",{className:"h-1.5 w-1.5 animate-dot rounded-full",style:{backgroundColor:j.secondaryText}})]}))]})):C?s("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:s(x,{})})):P?s("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:s(m,{error:P})})):null]})),s(d,{className:"w-full"})]}))}))]}))};export{g as default};
+import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useState as t,useMemo as o}from"react";import{usePickaxeContext as a}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as i}from"../../../../hooks/pickaxe/useResponseContext.js";import{useStyleFontSize as l}from"../../../../hooks/studio/useStyleFontSize.js";import{useConversation as c}from"../../../../hooks/pickaxe/useConversation.js";import r from"../../../Icons/circle-info.svg.js";import n from"../../common/PickaxeIcon.js";import m from"../../../Core/ErrorAlert.js";import d from"../../Addons/Scroll/ScrollLockView.js";import p from"../../common/PickaxeInfoModal.js";import x from"../../common/PickaxeUpgradeCard.js";import u from"./Message.js";import f from"../../../../common/cn.js";const g=()=>{var g,h;const{pickaxe:v,styles:b,colors:j,misc:w,responsiveBy:y,isNewChat:k,setChatId:E}=a(),{messages:N,status:O,limitData:C,error:P}=i(),B=c(),[F,I]=t(!1),S=l({type:"b1"}),T=o((()=>!!B.data&&!(B.data.messages.length<=1)),[B.data]),$=o((()=>B.isSuccess&&k&&!T),[B.isSuccess,k,T]);return e("div",Object.assign({className:"relative flex flex-grow flex-col justify-end"},{children:[F&&s(p,{isOpen:F,onChangeIsOpen:I}),e("div",Object.assign({className:f("absolute left-1/2 top-5 flex w-full max-w-[400px] -translate-x-1/2 -translate-y-1/3 transform flex-col items-center px-4 opacity-0 duration-300",$&&"top-1/3 opacity-100")},{children:[w.isProfileImage&&s("button",Object.assign({className:"duration-300 hover:opacity-90 active:opacity-100 outline-none",onClick:()=>E("")},{children:s(n,{src:null==v?void 0:v.coverphoto,alt:`${null==v?void 0:v.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"})})),e("div",Object.assign({className:"flex flex-col items-center"},{children:[w.isTitle&&e("h2",Object.assign({className:f("mt-6 text-center font-semibold opacity-70","viewport"===y?"min-[767px]:text-lg":"@[767px]/pickaxe-root:text-lg")},{children:[`${null==v?void 0:v.formtitle.slice(0,130)}${(null!==(g=null==v?void 0:v.formtitle)&&void 0!==g?g:"").length>130?"...":""}`,s("button",Object.assign({className:"ml-2 inline-block outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>I(!0)},{children:s(r,{className:"h-5 w-5 shrink-0",style:{color:j.accent}})}))]})),w.isDescription&&s("p",Object.assign({className:S("mt-2 line-clamp-3 whitespace-pre-line max-w-[600px] text-center font-semilight opacity-70")},{children:null==v?void 0:v.formdescription}))]}))]})),s("div",Object.assign({className:"flex w-full justify-center"},{children:B.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-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===b.theme?"#1E1E1F":"#E5E7EB"}}),s("div",{className:"h-[150px] w-[70%] animate-pulse rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===b.theme?"#1E1E1F":"#E5E7EB"}}),s("div",{className:"h-10 w-[50%] animate-pulse justify-self-end rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===b.theme?"#1E1E1F":"#E5E7EB"}})]})):B.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:"flex flex-col w-full"},{children:[e("div",Object.assign({className:f("relative grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-4 pt-6","viewport"===y?"min-[767px]:pt-10":"@[767px]/pickaxe-root:pt-10")},{children:[B.data.messages.map(((e,t)=>s(u,{message:e},t))),N.map(((e,t)=>s(u,{message:e},t))),"fetching"===O?e("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:["NONE"!==(null==v?void 0:v.chaticon)&&s(n,{src:null!==(h=null==v?void 0:v.chaticon)&&void 0!==h?h:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/chaticons/${null==v?void 0:v.formid}.png`,alt:`${null==v?void 0:v.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6",textColor:j.text}),e("div",Object.assign({className:"flex items-center gap-x-2 rounded px-4 py-4",style:{backgroundColor:j.secondary+"80",color:j.secondaryText}},{children:[s("div",{className:"h-1.5 w-1.5 animate-dot rounded-full",style:{backgroundColor:j.secondaryText}}),s("div",{className:"h-1.5 w-1.5 animate-dot-down rounded-full",style:{backgroundColor:j.secondaryText}}),s("div",{className:"h-1.5 w-1.5 animate-dot rounded-full",style:{backgroundColor:j.secondaryText}})]}))]})):C?s("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:s(x,{})})):P?s("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:s(m,{error:P})})):null]})),s(d,{className:"w-full"})]}))}))]}))};export{g 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,useMemo as i,useEffect as n}from"react";import{useMediaQuery as a}from"../../../hooks/core/useMediaQuery.js";import{usePickaxeContext as l}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as d}from"../../../hooks/pickaxe/useResponseContext.js";import{useStyleInput as c}from"../../../hooks/studio/useStyleInput.js";import{useStyleFontSize as m}from"../../../hooks/studio/useStyleFontSize.js";import{useConversation as u}from"../../../hooks/pickaxe/useConversation.js";import{useSubmit as p}from"../../../hooks/pickaxe/useSubmit.js";import{useSubmitResult as f}from"../../../hooks/pickaxe/useSubmitResult.js";import{useDocument as h}from"../Addons/Document/hooks/useDocument.js";import{useScroll as g}from"../Addons/Scroll/hooks/useScroll.js";import{allowedFileMimeTypes as b,allowedImageMimeTypes as x}from"../../../common/documents.js";import{streamer as v}from"../../../common/api/streamer.js";import y 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 j from"../../Icons/attach.svg.js";import I from"../../Icons/send.svg.js";import k from"../common/PickaxeBranding.js";import w from"../Addons/IceBreaker/index.js";import O from"../../../common/error.js";import S from"../../../common/cn.js";const D=()=>{var D;const{formId:A,chatId:N,userId:C,studioUserId:U,deploymentId:E,pickaxe:_,colors:B,misc:z,responsiveBy:R,isNewChat:L,forceMobile:M,setIsNewChat:F,setIsShowIceBreaker:P,onGenerateComplete:T}=l(),{messages:W,status:G,limits:K,setMessages:H,setStatus:Q,setLimitData:q,setError:J,setIsGenerating:V}=d(),{documents:X,isUploading:Y,isImageUploadAllowed:Z,upsertDocuments:$,onFileUpload:ee,onEditDocumentByDocId:te}=h(),{scrollStartSession:oe,scrollEndSession:se,scrollToBottom:re}=g({auto:!0}),ie=u(),ne=p(),ae=f(),[le,de]=s(""),ce=r(null),[me]=a("(max-width: 767px)"),ue=c(),pe=m({type:"body"}),fe=i((()=>{var e,t,o;return!!L&&(!!_&&(!ie.isLoading&&(!((null!==(t=null===(e=ie.data)||void 0===e?void 0:e.messages.length)&&void 0!==t?t:0)>1)&&!!(null===(o=_.icebreakers)||void 0===o?void 0:o.length))))}),[_,L,ie.data,ie.isLoading]);n((()=>{P(fe)}),[fe]);const he=t=>e(void 0,void 0,void 0,(function*(){try{if(Y||"idle"!==G)return;const e=null!=t?t:le;if(!e)return;de(""),J(""),q(null),V(!0),F(!1);const o=new Date,s="enduserupload"===(null==_?void 0:_.documentuploadtype),r=X.filter((e=>"finished"===e.status&&!e.isInsertedAsRaw)),i=r.length?r[r.length-1].documentId:"";Q("fetching"),oe(),re();const n=[...W,{id:W.length+1,role:"user",content:e}];H(n),re();const{success:a,data:l,usedDocumentIds:d,newDocumentId:c,newDocumentName:m,rawUserInput:u,isInsertedFile:p,error:f}=yield ne.mutateAsync(Object.assign(Object.assign(Object.assign({formId:A,responseId:N,value:e},s&&i&&{documentId:i}),U&&{studioUserId:U}),E&&{deploymentId:E}));if(!a)throw new Error(null!=f?f:"An error occurred, please try again.");re(),p&&i&&te({documentId:i,isInsertedAsRaw:!0}),c&&m&&$([{type:"website",id:m,name:m,status:"finished",documentId:c}]),re();const h=(yield v({formId:A,responseId:N,data:l})).body;if(!h)throw new Error("Streaming error");const g=h.getReader(),b=new TextDecoder,x=n.length;let y="",j=!0;for(Q("streaming");j;){const{value:e,done:t}=yield g.read();j=!t;if(y+=b.decode(e),y)H([...n.slice(0,x),{id:W.length+1,role:"assistant",content:y}]);else if(!j&&!y)throw new Error("Server error")}const I=new Date;y&&(re(),Q("idle"),yield ae.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:A,responseId:N,documentIds:d},C&&{userId:C}),U&&{studioUserId:U}),U&&(null==_?void 0:_.studioid)&&{studioId:_.studioid}),E&&{deploymentId:E}),{messages:[{role:"user",message:u,sentAt:o},{role:"assistant",message:y,sentAt:I}]})),null==T||T(N))}catch(e){let t=O(e)||"";t&&!t.includes("Unexpected token 'A',")||(t="Oops! We're experiencing high traffic at the moment. Please try again later.");const o=Object.entries(K).find((([e])=>t.includes(e)));o?q(o[1]):J(t),re()}finally{Q("idle"),V(!1),se()}}));return t("div",Object.assign({className:S("fixed flex w-full flex-col bottom-0 left-0","viewport"===R?"min-[767px]:relative min-[767px]:bottom-auto min-[767px]:left-auto":"absolute @[767px]/pickaxe-root:relative @[767px]/pickaxe-root:bottom-auto @[767px]/pickaxe-root:left-auto")},{children:[!z.isWhiteLabel&&o("div",Object.assign({className:"flex justify-end pr-3"},{children:o(k,{animateHover:!0})})),fe&&o(w,{data:(null==_?void 0:_.icebreakers)||[],style:{backgroundColor:B.secondary,color:B.secondaryText},isMobile:M||me,onSend:he}),t("div",Object.assign({style:ue,className:"flex min-h-[56px] items-end gap-x-2 px-4 py-3 pb-[15px] shadow"},{children:["enduserupload"===(null==_?void 0:_.documentuploadtype)&&t("div",Object.assign({className:"tooltip"},{children:[o("input",{id:"file-upload",ref:ce,type:"file",accept:[...b,...Z?x:[]].join(", "),multiple:!0,hidden:!0,className:"hidden",onChange:t=>e(void 0,void 0,void 0,(function*(){yield ee(Array.from(t.target.files||[])),t.target.value=""}))}),o("button",Object.assign({className:"flex items-center disabled:cursor-wait disabled:opacity-50",disabled:Y,onClick:()=>{var e;return null===(e=ce.current)||void 0===e?void 0:e.click()}},{children:o(j,{className:"h-6 w-6 shrink-0 stroke-2",style:{color:B.accent}})}))]})),o(y,{className:S(pe("max-h-60 w-full resize-none border-transparent bg-transparent outline-none ring-0 scrollbar scrollbar-thin placeholder:font-semilight"),!le.length&&"max-h-6 overflow-hidden text-ellipsis whitespace-nowrap"),value:le,placeholder:null!==(D=null==_?void 0:_.placeholdertext)&&void 0!==D?D:"What do you want to talk about?",onChange:e=>de(e.target.value),onKeyDown:e=>{"Enter"===e.key&&(e.shiftKey||(e.preventDefault(),Y||"idle"!==G||he()))}}),o("button",Object.assign({className:"outline-none disabled:cursor-default disabled:opacity-50",disabled:Y||"idle"!==G,onClick:()=>he()},{children:o(I,{className:"h-6 w-6 shrink-0 stroke-2",style:{color:B.accent}})}))]}))]}))};export{D as default};
+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,useMemo as i,useEffect as n}from"react";import{useMediaQuery as a}from"../../../hooks/core/useMediaQuery.js";import{usePickaxeContext as l}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as d}from"../../../hooks/pickaxe/useResponseContext.js";import{useStyleInput as c}from"../../../hooks/studio/useStyleInput.js";import{useStyleFontSize as m}from"../../../hooks/studio/useStyleFontSize.js";import{useConversation as u}from"../../../hooks/pickaxe/useConversation.js";import{useSubmit as p}from"../../../hooks/pickaxe/useSubmit.js";import{useSubmitResult as f}from"../../../hooks/pickaxe/useSubmitResult.js";import{useDocument as h}from"../Addons/Document/hooks/useDocument.js";import{useScroll as g}from"../Addons/Scroll/hooks/useScroll.js";import{allowedFileMimeTypes as b,allowedImageMimeTypes as x}from"../../../common/documents.js";import{streamer as v}from"../../../common/api/streamer.js";import y 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 j from"../../Icons/attach.svg.js";import I from"../../Icons/send.svg.js";import k from"../common/PickaxeBranding.js";import w from"../Addons/IceBreaker/index.js";import O from"../../../common/error.js";import S from"../../../common/cn.js";const D=()=>{var D;const{formId:A,chatId:N,userId:C,studioUserId:U,deploymentId:E,pickaxe:_,colors:B,misc:z,responsiveBy:R,isNewChat:L,forceMobile:M,setIsNewChat:F,setIsShowIceBreaker:P,onGenerateComplete:T}=l(),{messages:W,status:G,limits:K,setMessages:H,setStatus:Q,setLimitData:q,setError:J,setIsGenerating:V}=d(),{documents:X,isUploading:Y,isImageUploadAllowed:Z,upsertDocuments:$,onFileUpload:ee,onEditDocumentByDocId:te}=h(),{scrollStartSession:oe,scrollEndSession:se,scrollToBottom:re}=g({auto:!0}),ie=u(),ne=p(),ae=f(),[le,de]=s(""),ce=r(null),[me]=a("(max-width: 767px)"),ue=c(),pe=m({type:"b2"}),fe=i((()=>{var e,t,o;return!!L&&(!!_&&(!ie.isLoading&&(!((null!==(t=null===(e=ie.data)||void 0===e?void 0:e.messages.length)&&void 0!==t?t:0)>1)&&!!(null===(o=_.icebreakers)||void 0===o?void 0:o.length))))}),[_,L,ie.data,ie.isLoading]);n((()=>{P(fe)}),[fe]);const he=t=>e(void 0,void 0,void 0,(function*(){try{if(Y||"idle"!==G)return;const e=null!=t?t:le;if(!e)return;de(""),J(""),q(null),V(!0),F(!1);const o=new Date,s="enduserupload"===(null==_?void 0:_.documentuploadtype),r=X.filter((e=>"finished"===e.status&&!e.isInsertedAsRaw)),i=r.length?r[r.length-1].documentId:"";Q("fetching"),oe(),re();const n=[...W,{id:W.length+1,role:"user",content:e}];H(n),re();const{success:a,data:l,usedDocumentIds:d,newDocumentId:c,newDocumentName:m,rawUserInput:u,isInsertedFile:p,error:f}=yield ne.mutateAsync(Object.assign(Object.assign(Object.assign({formId:A,responseId:N,value:e},s&&i&&{documentId:i}),U&&{studioUserId:U}),E&&{deploymentId:E}));if(!a)throw new Error(null!=f?f:"An error occurred, please try again.");re(),p&&i&&te({documentId:i,isInsertedAsRaw:!0}),c&&m&&$([{type:"website",id:m,name:m,status:"finished",documentId:c}]),re();const h=(yield v({formId:A,responseId:N,data:l})).body;if(!h)throw new Error("Streaming error");const g=h.getReader(),b=new TextDecoder,x=n.length;let y="",j=!0,I=!1;for(;j;){const{value:e,done:t}=yield g.read();j=!t;if(y+=b.decode(e),y)H([...n.slice(0,x),{id:W.length+1,role:"assistant",content:y}]),I||(Q("streaming"),I=!0);else if(!j&&!y)throw new Error("Server error")}const k=new Date;y&&(re(),Q("idle"),yield ae.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:A,responseId:N,documentIds:d},C&&{userId:C}),U&&{studioUserId:U}),U&&(null==_?void 0:_.studioid)&&{studioId:_.studioid}),E&&{deploymentId:E}),{messages:[{role:"user",message:u,sentAt:o},{role:"assistant",message:y,sentAt:k}]})),null==T||T(N))}catch(e){let t=O(e)||"";t&&!t.includes("Unexpected token 'A',")||(t="Oops! We're experiencing high traffic at the moment. Please try again later.");const o=Object.entries(K).find((([e])=>t.includes(e)));o?q(o[1]):J(t),re()}finally{Q("idle"),V(!1),se()}}));return t("div",Object.assign({className:S("fixed flex w-full flex-col bottom-0 left-0","viewport"===R?"min-[767px]:relative min-[767px]:bottom-auto min-[767px]:left-auto":"absolute @[767px]/pickaxe-root:relative @[767px]/pickaxe-root:bottom-auto @[767px]/pickaxe-root:left-auto")},{children:[!z.isWhiteLabel&&o("div",Object.assign({className:"flex justify-end pr-3"},{children:o(k,{animateHover:!0})})),fe&&o(w,{data:(null==_?void 0:_.icebreakers)||[],style:{backgroundColor:B.secondary,color:B.secondaryText},isMobile:M||me,onSend:he}),t("div",Object.assign({style:ue,className:"flex min-h-[56px] items-end gap-x-2 px-4 py-3 pb-[15px] shadow"},{children:["enduserupload"===(null==_?void 0:_.documentuploadtype)&&t("div",Object.assign({className:"tooltip"},{children:[o("input",{id:"file-upload",ref:ce,type:"file",accept:[...b,...Z?x:[]].join(", "),multiple:!0,hidden:!0,className:"hidden",onChange:t=>e(void 0,void 0,void 0,(function*(){yield ee(Array.from(t.target.files||[])),t.target.value=""}))}),o("button",Object.assign({className:"flex items-center disabled:cursor-wait disabled:opacity-50",disabled:Y,onClick:()=>{var e;return null===(e=ce.current)||void 0===e?void 0:e.click()}},{children:o(j,{className:"h-6 w-6 shrink-0 stroke-2",style:{color:B.accent}})}))]})),o(y,{className:S(pe("max-h-60 w-full resize-none border-transparent bg-transparent outline-none ring-0 scrollbar scrollbar-thin placeholder:font-semilight"),!le.length&&"max-h-6 overflow-hidden text-ellipsis whitespace-nowrap"),value:le,placeholder:null!==(D=null==_?void 0:_.placeholdertext)&&void 0!==D?D:"What do you want to talk about?",onChange:e=>de(e.target.value),onKeyDown:e=>{"Enter"===e.key&&(e.shiftKey||(e.preventDefault(),Y||"idle"!==G||he()))}}),o("button",Object.assign({className:"outline-none disabled:cursor-default disabled:opacity-50",disabled:Y||"idle"!==G,onClick:()=>he()},{children:o(I,{className:"h-6 w-6 shrink-0 stroke-2",style:{color:B.accent}})}))]}))]}))};export{D as default};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as i}from"react";import{usePickaxeContext as t}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleFontSize as s}from"../../../hooks/studio/useStyleFontSize.js";import c from"../../Icons/circle-info.svg.js";import n from"../common/PickaxeIcon.js";import l from"../common/PickaxeInfoModal.js";import r from"../../../common/cn.js";const m=()=>{var m;const{pickaxe:a,colors:p,misc:x,responsiveBy:f}=t(),[d,h]=i(!1),u=s({type:"body"});return e("div",Object.assign({className:"flex flex-col items-center"},{children:[d&&o(l,{isOpen:d,onChangeIsOpen:h}),x.isProfileImage&&o(n,{src:null==a?void 0:a.coverphoto,alt:`${null==a?void 0:a.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"}),x.isTitle&&e("h2",Object.assign({className:r("mt-6 text-center font-semibold opacity-70","viewport"===f?"min-[767px]:text-[18px]":"@[767px]/pickaxe-root:text-[18px]")},{children:[`${null==a?void 0:a.formtitle.slice(0,130)}${(null!==(m=null==a?void 0:a.formtitle)&&void 0!==m?m:"").length>130?"...":""}`,o("button",Object.assign({className:"ml-2 inline-block outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>h(!0)},{children:o(c,{className:"h-5 w-5 shrink-0",style:{color:p.accent}})}))]})),x.isDescription&&o("p",Object.assign({className:u("mt-2 max-w-[600px] line-clamp-3 whitespace-pre-line text-center font-semilight opacity-70")},{children:null==a?void 0:a.formdescription}))]}))};export{m as default};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as i}from"react";import{usePickaxeContext as t}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleFontSize as s}from"../../../hooks/studio/useStyleFontSize.js";import c from"../../Icons/circle-info.svg.js";import n from"../common/PickaxeIcon.js";import l from"../common/PickaxeInfoModal.js";import r from"../../../common/cn.js";const m=()=>{var m;const{pickaxe:a,colors:p,misc:x,responsiveBy:f}=t(),[d,h]=i(!1),u=s({type:"b1"});return e("div",Object.assign({className:"flex flex-col items-center"},{children:[d&&o(l,{isOpen:d,onChangeIsOpen:h}),x.isProfileImage&&o(n,{src:null==a?void 0:a.coverphoto,alt:`${null==a?void 0:a.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"}),x.isTitle&&e("h2",Object.assign({className:r("mt-6 text-center font-semibold opacity-70","viewport"===f?"min-[767px]:text-[18px]":"@[767px]/pickaxe-root:text-[18px]")},{children:[`${null==a?void 0:a.formtitle.slice(0,130)}${(null!==(m=null==a?void 0:a.formtitle)&&void 0!==m?m:"").length>130?"...":""}`,o("button",Object.assign({className:"ml-2 inline-block outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>h(!0)},{children:o(c,{className:"h-5 w-5 shrink-0",style:{color:p.accent}})}))]})),x.isDescription&&o("p",Object.assign({className:u("mt-2 max-w-[600px] line-clamp-3 whitespace-pre-line text-center font-semilight opacity-70")},{children:null==a?void 0:a.formdescription}))]}))};export{m 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 o,Fragment as t}from"react/jsx-runtime";import{useState as i,useRef as n}from"react";import{usePickaxeContext as a}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleInput as r}from"../../../../hooks/studio/useStyleInput.js";import{useStyleFontSize as l}from"../../../../hooks/studio/useStyleFontSize.js";import{useDocument as c}from"../../Addons/Document/hooks/useDocument.js";import{allowedFileMimeTypes as d,allowedImageMimeTypes as m}from"../../../../common/documents.js";import p from"../../../Icons/attach.svg.js";import u from"../../../Icons/check.svg.js";import f from"../../../Icons/x.svg.js";import b from"../../../Core/ErrorAlert.js";import h from"../../Addons/Document/List.js";import g from"../../../../common/cn.js";const j=({field:j,update:y})=>{const{colors:v}=a(),{documentError:k,websiteLink:N,isUploading:x,isImageUploadAllowed:w,setDocumentError:O,setWebsiteLink:C,onFileUpload:D,onWebsiteUpload:A}=c({onQuestionChange:e=>{y(Object.assign(Object.assign({},j),e))}}),[I,E]=i(!1),U=n(null),F=r(),L=l({type:"body"});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:j.main})),j.isRequired&&o("span",Object.assign({className:"select-none font-semibold",style:{color:v.error}},{children:"*"}))]})),s("div",Object.assign({className:"flex flex-col gap-y-2"},{children:[o("input",{ref:U,type:"file",accept:[...d,...w?m:[]].join(", "),id:j.id,hidden:!0,className:"hidden",onChange:s=>e(void 0,void 0,void 0,(function*(){yield D(Array.from(s.target.files||[])),s.target.value=""})),disabled:x}),s("div",Object.assign({className:g(L("flex items-center justify-between rounded-sm border border-transparent bg-white py-3 pl-4 pr-3 duration-300 ease-in-out transition-all shadow hover:shadow-none"),I&&"shadow"),style:F},{children:[o("input",{type:"text",value:N,className:"w-full outline-none bg-transparent placeholder:font-semilight",placeholder:"Paste a website/video link or drag a file",onChange:e=>C(e.target.value),onDrop:s=>e(void 0,void 0,void 0,(function*(){s.preventDefault(),yield D(Array.from(s.dataTransfer.files||[]))})),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),A(N))},onFocus:()=>E(!0),onBlur:()=>E(!1)}),o("div",Object.assign({className:"flex items-center gap-3 pl-4"},{children:N.length>0?s(t,{children:[o("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:x,onClick:()=>A(N)},{children:o(u,{className:"h-5 w-5 shrink-0",style:{color:v.accent}})})),o("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:x,onClick:()=>{C(""),O("")}},{children:o(f,{className:"h-6 w-6 shrink-0",style:{color:v.accent}})}))]}):o("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:x,onClick:()=>{var e;null===(e=U.current)||void 0===e||e.click()}},{children:o(p,{className:"h-6 w-6 shrink-0",style:{color:v.accent}})}))}))]}))]}))]})),o(h,{className:"mt-2"}),k&&o(b,{error:k,className:"mt-3"})]}))};export{j as default};
+import{__awaiter as e}from"../../../../_virtual/_tslib.js";import{jsxs as s,jsx as o,Fragment as t}from"react/jsx-runtime";import{useState as i,useRef as n}from"react";import{usePickaxeContext as a}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleInput as r}from"../../../../hooks/studio/useStyleInput.js";import{useStyleFontSize as l}from"../../../../hooks/studio/useStyleFontSize.js";import{useDocument as c}from"../../Addons/Document/hooks/useDocument.js";import{allowedFileMimeTypes as d,allowedImageMimeTypes as m}from"../../../../common/documents.js";import p from"../../../Icons/attach.svg.js";import u from"../../../Icons/check.svg.js";import f from"../../../Icons/x.svg.js";import b from"../../../Core/ErrorAlert.js";import h from"../../Addons/Document/List.js";import g from"../../../../common/cn.js";const j=({field:j,update:v})=>{const{colors:y}=a(),{documentError:k,websiteLink:N,isUploading:x,isImageUploadAllowed:w,setDocumentError:O,setWebsiteLink:C,onFileUpload:D,onWebsiteUpload:A}=c({onQuestionChange:e=>{v(Object.assign(Object.assign({},j),e))}}),[I,E]=i(!1),U=n(null),F=r(),L=l({type:"b1"});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:j.main})),j.isRequired&&o("span",Object.assign({className:"select-none font-semibold",style:{color:y.error}},{children:"*"}))]})),s("div",Object.assign({className:"flex flex-col gap-y-2"},{children:[o("input",{ref:U,type:"file",accept:[...d,...w?m:[]].join(", "),id:j.id,hidden:!0,className:"hidden",onChange:s=>e(void 0,void 0,void 0,(function*(){yield D(Array.from(s.target.files||[])),s.target.value=""})),disabled:x}),s("div",Object.assign({className:g(L("flex items-center justify-between rounded-sm border border-transparent bg-white py-3 pl-4 pr-3 duration-300 ease-in-out transition-all shadow hover:shadow-none"),I&&"shadow"),style:F},{children:[o("input",{type:"text",value:N,className:"w-full outline-none bg-transparent placeholder:font-semilight",placeholder:"Paste a website/video link or drag a file",onChange:e=>C(e.target.value),onDrop:s=>e(void 0,void 0,void 0,(function*(){s.preventDefault(),yield D(Array.from(s.dataTransfer.files||[]))})),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),A(N))},onFocus:()=>E(!0),onBlur:()=>E(!1)}),o("div",Object.assign({className:"flex items-center gap-3 pl-4"},{children:N.length>0?s(t,{children:[o("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:x,onClick:()=>A(N)},{children:o(u,{className:"h-5 w-5 shrink-0",style:{color:y.accent}})})),o("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:x,onClick:()=>{C(""),O("")}},{children:o(f,{className:"h-6 w-6 shrink-0",style:{color:y.accent}})}))]}):o("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:x,onClick:()=>{var e;null===(e=U.current)||void 0===e||e.click()}},{children:o(p,{className:"h-6 w-6 shrink-0",style:{color:y.accent}})}))}))]}))]}))]})),o(h,{className:"mt-2"}),k&&o(b,{error:k,className:"mt-3"})]}))};export{j as default};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as t}from"react";import{usePickaxeContext as s}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as r}from"../../../../hooks/pickaxe/useResponseContext.js";import{useStyleInput as a}from"../../../../hooks/studio/useStyleInput.js";import{useStyleFontSize as n}from"../../../../hooks/studio/useStyleFontSize.js";import{encode as i}from"@nem035/gpt-3-encoder";import c from"../../../Core/Textarea.js";import l from"../../../../common/cn.js";const m=({field:m,update:p})=>{const{colors:d}=s(),{setError:h}=r(),[x,g]=t(!1),u=a(),f=n({type:"body"});return e("div",Object.assign({className:"group relative flex flex-col gap-y-1"},{children:[e("div",Object.assign({className:"flex flex-col gap-y-2"},{children:[e("div",Object.assign({className:"flex items-center gap-2"},{children:[o("p",Object.assign({className:"text-sm font-semibold opacity-70"},{children:m.main})),m.isRequired&&o("span",Object.assign({className:"select-none font-semibold",style:{color:d.error}},{children:"*"}))]})),o(c,{className:l(f("rounded-sm border border-transparent px-4 py-3 duration-300 ease-in-out transition-all shadow hover:shadow-none"),m.maxLength<10&&"max-w-[400px]"),style:u,placeholder:m.example,rows:m.maxLength>500?3:1,value:m.input,tabIndex:m.order,onChange:e=>{h("");const o=i(e).length;p(Object.assign(Object.assign({},m),{input:e,length:o}))},onFocus:()=>g(!0),onBlur:()=>g(!1)})]})),o("div",Object.assign({className:"pointer-events-none absolute bottom-0 right-0 p-1 px-2"},{children:e("p",Object.assign({className:l("text-[14px] font-semibold opacity-20 opacity-0 group-hover:opacity-100 group-hover:duration-200",m.length>m.maxLength&&"text-c-red opacity-100",x&&"opacity-100")},{children:[m.length,"/",m.maxLength]}))}))]}))};export{m as default};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as t}from"react";import{usePickaxeContext as s}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as r}from"../../../../hooks/pickaxe/useResponseContext.js";import{useStyleInput as a}from"../../../../hooks/studio/useStyleInput.js";import{useStyleFontSize as n}from"../../../../hooks/studio/useStyleFontSize.js";import{encode as i}from"@nem035/gpt-3-encoder";import c from"../../../Core/Textarea.js";import l from"../../../../common/cn.js";const m=({field:m,update:p})=>{const{colors:d}=s(),{setError:h}=r(),[x,g]=t(!1),u=a(),f=n({type:"b3"});return e("div",Object.assign({className:"group relative flex flex-col gap-y-1"},{children:[e("div",Object.assign({className:"flex flex-col gap-y-2"},{children:[e("div",Object.assign({className:"flex items-center gap-2"},{children:[o("p",Object.assign({className:"text-sm font-semibold opacity-70"},{children:m.main})),m.isRequired&&o("span",Object.assign({className:"select-none font-semibold",style:{color:d.error}},{children:"*"}))]})),o(c,{className:l(f("rounded-sm border border-transparent px-4 py-3 duration-300 ease-in-out transition-all shadow hover:shadow-none"),m.maxLength<10&&"max-w-[400px]"),style:u,placeholder:m.example,rows:m.maxLength>500?3:1,value:m.input,tabIndex:m.order,onChange:e=>{h("");const o=i(e).length;p(Object.assign(Object.assign({},m),{input:e,length:o}))},onFocus:()=>g(!0),onBlur:()=>g(!1)})]})),o("div",Object.assign({className:"pointer-events-none absolute bottom-0 right-0 p-1 px-2"},{children:e("p",Object.assign({className:l("text-[14px] font-semibold opacity-20 opacity-0 group-hover:opacity-100 group-hover:duration-200",m.length>m.maxLength&&"text-c-red opacity-100",x&&"opacity-100")},{children:[m.length,"/",m.maxLength]}))}))]}))};export{m as default};

package/dist/esm/components/Pickaxe/common/PickaxeButton.js

@@ -1 +1 @@
-import{__rest as t}from"../../../_virtual/_tslib.js";import{jsx as o}from"react/jsx-runtime";import{usePickaxeContext as r}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleButton as s}from"../../../hooks/studio/useStyleButton.js";import{useStyleFontSize as e}from"../../../hooks/studio/useStyleFontSize.js";import a from"../../Core/Button.js";import i from"../../../common/cn.js";const m=m=>{var{variant:n,className:c}=m,p=t(m,["variant","className"]);const{styles:u}=r(),l=s({variant:n}),y=e({type:"button"});return o(a,Object.assign({variant:n,className:i(y(),"min-h-[48px]",c,("primary"===n||"secondary"===n)&&"hover:opacity-90","outlined"===u.btnStyle&&"hover:opacity-70"),style:l},p))};export{m as default};
+import{__rest as t}from"../../../_virtual/_tslib.js";import{jsx as o}from"react/jsx-runtime";import{usePickaxeContext as r}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleButton as s}from"../../../hooks/studio/useStyleButton.js";import{useStyleFontSize as e}from"../../../hooks/studio/useStyleFontSize.js";import a from"../../Core/Button.js";import i from"../../../common/cn.js";const m=m=>{var{variant:n,className:c}=m,p=t(m,["variant","className"]);const{styles:l}=r(),u=s({variant:n}),y=e({type:"l2"});return o(a,Object.assign({variant:n,className:i(y(),"min-h-[48px]",c,("primary"===n||"secondary"===n)&&"hover:opacity-90","outlined"===l.btnStyle&&"hover:opacity-70"),style:u},p))};export{m as default};

package/dist/esm/components/Pickaxe/common/PickaxeInfoModal.js

@@ -1 +1 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{usePickaxeContext as t}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleFontSize as i}from"../../../hooks/studio/useStyleFontSize.js";import s from"../../Icons/x.svg.js";import r from"../../Core/Modal/index.js";import l from"../../Core/Modal/Body.js";import c from"./PickaxeIcon.js";import n from"./PickaxeSimpleButton.js";import a from"../../../common/cn.js";const m=({isOpen:m,onChangeIsOpen:p})=>{const{pickaxe:x,colors:d,misc:f,responsiveBy:h}=t(),j=i({type:"body"});return e(r,Object.assign({isOpen:m,onChange:p},{children:o(l,Object.assign({className:"relative flex flex-col px-8 pt-[26px] pb-8 w-full min-[767px]:max-w-[480px] max-[767px]:border-0",style:{backgroundColor:d.primary,color:d.text,borderColor:d.text+"4D"},avoidOverflow:!0},{children:[e("div",Object.assign({className:"flex items-start justify-end gap-4"},{children:e(n,Object.assign({color:d.text,onClick:()=>p(!1)},{children:e(s,{className:"h-6 w-6 shrink-0"})}))})),e("div",Object.assign({className:"mt-6 flex flex-col items-center"},{children:o("div",Object.assign({className:"flex w-full max-w-[360px] flex-col items-center text-center"},{children:[f.isProfileImage&&e(c,{src:null==x?void 0:x.coverphoto,alt:`${null==x?void 0:x.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"}),e("h2",Object.assign({className:a("mt-6 text-center font-semibold opacity-70","viewport"===h?"min-[767px]:text-[18px]":"@[767px]/pickaxe-root:text-[18px]")},{children:null==x?void 0:x.formtitle})),e("p",Object.assign({className:j("mt-4 font-semilight opacity-70")},{children:null==x?void 0:x.formdescription}))]}))}))]}))}))};export{m as default};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{usePickaxeContext as t}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleFontSize as i}from"../../../hooks/studio/useStyleFontSize.js";import s from"../../Icons/x.svg.js";import r from"../../Core/Modal/index.js";import l from"../../Core/Modal/Body.js";import c from"./PickaxeIcon.js";import n from"./PickaxeSimpleButton.js";import a from"../../../common/cn.js";const m=({isOpen:m,onChangeIsOpen:p})=>{const{pickaxe:x,colors:d,misc:f,responsiveBy:h}=t(),j=i({type:"b1"});return e(r,Object.assign({isOpen:m,onChange:p},{children:o(l,Object.assign({className:"relative flex flex-col px-8 pt-[26px] pb-8 w-full min-[767px]:max-w-[480px] max-[767px]:border-0",style:{backgroundColor:d.primary,color:d.text,borderColor:d.text+"4D"},avoidOverflow:!0},{children:[e("div",Object.assign({className:"flex items-start justify-end gap-4"},{children:e(n,Object.assign({color:d.text,onClick:()=>p(!1)},{children:e(s,{className:"h-6 w-6 shrink-0"})}))})),e("div",Object.assign({className:"mt-6 flex flex-col items-center"},{children:o("div",Object.assign({className:"flex w-full max-w-[360px] flex-col items-center text-center"},{children:[f.isProfileImage&&e(c,{src:null==x?void 0:x.coverphoto,alt:`${null==x?void 0:x.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"}),e("h2",Object.assign({className:a("mt-6 text-center font-semibold opacity-70","viewport"===h?"min-[767px]:text-[18px]":"@[767px]/pickaxe-root:text-[18px]")},{children:null==x?void 0:x.formtitle})),e("p",Object.assign({className:j("mt-4 font-semilight opacity-70")},{children:null==x?void 0:x.formdescription}))]}))}))]}))}))};export{m as default};

package/dist/esm/components/Pickaxe/common/PickaxeMarkdown/Custom/A/index.js

@@ -1 +1 @@
-import{__awaiter as e}from"../../../../../../_virtual/_tslib.js";import{jsx as t}from"react/jsx-runtime";import{useEffect as r}from"react";import{useQuery as o}from"@tanstack/react-query";import{usePickaxeMarkdownContext as s}from"../../hooks/usePickaxeMarkdownContext.js";import n from"../common/Action.js";import i from"../Img/index.js";import a from"../../../../../../common/api/utils.js";import c from"../../../../../../common/error.js";const l=({node:l,href:m="",children:u})=>{const{accentColor:d,websiteMetadatas:p,linkPreviews:f,actions:h,setWebsiteMetadatas:w}=s(),b=m.startsWith("http://")?`https://${m.slice(7)}`:m.startsWith("www.")?`https://${m}`:m;o({queryKey:[b],queryFn:()=>(t=>e(void 0,void 0,void 0,(function*(){try{if("development"===process.env.NODE_ENV&&console.log("[getWebsiteMetadata]",t),!t)return null;if(!t.startsWith("https"))return null;const e=["/api/function_call_results","/api/fn/result","https://prod-pickaxe-assets.s3.amazonaws.com"];if(t.includes("pickaxe")&&e.some((e=>t.includes(e))))return null;const r=(yield a.get(`/metadata?url=${encodeURIComponent(t)}`)).data;if(r.error)throw new Error(r.error||"Failed to fetch metadata");return r}catch(e){const t=c(e);return"development"===process.env.NODE_ENV&&console.error("[getJobResult]",t),null}})))(b),enabled:"undefined"!=typeof window&&f&&!!b&&!p.some((e=>e.href===b))&&!b.includes("https://prod-pickaxe-assets.s3.amazonaws.com"),retry:2,onSuccess:t=>e(void 0,void 0,void 0,(function*(){t&&(p.some((e=>e.href===t.href))||w((e=>[...e,t])))}))}),r((()=>{f&&b&&p.some((e=>e.href===b))}),[f,b,p]);const g=b.match(/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/watch\?v=|youtu\.be\/)([\w-]+)/i);if(g&&(null==g?void 0:g[1]))return t("div",Object.assign({style:{marginTop:"2rem",marginBottom:"2rem",display:"flex",width:"100%",justifyContent:"center"}},{children:t("iframe",Object.assign({title:"youtube-embed",src:`https://www.youtube.com/embed/${g[1]}`,style:{width:"100%",maxWidth:"560px",minHeight:"315px"},allowFullScreen:!0},{children:"Iframe not supported, use a different browser."}))}));return b.match(/\.(jpeg|jpg|gif|bmp|webp|svg|tiff|avif)$/)?t(i,{src:b,alt:"string"==typeof u?u:"Markdown Image"}):h&&b.includes("pickaxe")&&(b.includes("/api/fn/result")||b.includes("/api/function_call_results"))?t(n,{jobUrl:b}):t("a",Object.assign({href:b,target:"_blank",rel:"noopener noreferrer",style:{color:d,fontWeight:600}},{children:u}))};export{l as default};
+import{__awaiter as e}from"../../../../../../_virtual/_tslib.js";import{jsx as t}from"react/jsx-runtime";import{useEffect as r}from"react";import{useQuery as o}from"@tanstack/react-query";import{usePickaxeMarkdownContext as s}from"../../hooks/usePickaxeMarkdownContext.js";import n from"../common/Action.js";import i from"../Img/index.js";import a from"../../../../../../common/api/utils.js";import c from"../../../../../../common/error.js";const l=({node:l,href:m="",children:u})=>{const{accentColor:d,websiteMetadatas:p,linkPreviews:f,actions:h,setWebsiteMetadatas:w}=s(),b=m.startsWith("http://")?`https://${m.slice(7)}`:m.startsWith("www.")?`https://${m}`:m;o({queryKey:[b],queryFn:()=>(t=>e(void 0,void 0,void 0,(function*(){try{if("development"===process.env.NODE_ENV&&console.log("[getWebsiteMetadata]",t),!t)return null;if(!t.startsWith("https"))return null;if(!t.includes("."))return null;if(["/api/fn/result","/api/function_call_results","https://prod-pickaxe-assets.s3.amazonaws.com"].some((e=>t.includes(e))))return null;const e=(yield a.get(`/metadata?url=${encodeURIComponent(t)}`)).data;if(e.error)throw new Error(e.error||"Failed to fetch metadata");return e}catch(e){const t=c(e);return"development"===process.env.NODE_ENV&&console.error("[getJobResult]",t),null}})))(b),enabled:"undefined"!=typeof window&&f&&!!b&&!p.some((e=>e.href===b))&&b.includes(".")&&!b.includes("https://prod-pickaxe-assets.s3.amazonaws.com")&&!b.includes("https://pickaxeproject--v2"),retry:2,onSuccess:t=>e(void 0,void 0,void 0,(function*(){t&&(p.some((e=>e.href===t.href))||w((e=>[...e,t])))}))}),r((()=>{f&&b&&p.some((e=>e.href===b))}),[f,b,p]);const g=b.match(/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/watch\?v=|youtu\.be\/)([\w-]+)/i);if(g&&(null==g?void 0:g[1]))return t("div",Object.assign({style:{marginTop:"2rem",marginBottom:"2rem",display:"flex",width:"100%",justifyContent:"center"}},{children:t("iframe",Object.assign({title:"youtube-embed",src:`https://www.youtube.com/embed/${g[1]}`,style:{width:"100%",maxWidth:"560px",minHeight:"315px"},allowFullScreen:!0},{children:"Iframe not supported, use a different browser."}))}));return b.match(/\.(jpeg|jpg|gif|bmp|webp|svg|tiff|avif)$/)?t(i,{src:b,alt:"string"==typeof u?u:"Markdown Image"}):h&&b.includes("pickaxe")&&(b.includes("/api/fn/result")||b.includes("/api/function_call_results"))?t(n,{jobUrl:b}):t("a",Object.assign({href:b,target:"_blank",rel:"noopener noreferrer",style:{color:d,fontWeight:600}},{children:u}))};export{l as default};

package/dist/esm/components/Pickaxe/common/PickaxeMarkdown/Custom/Code/index.js

@@ -1 +1 @@
-import{__rest as e}from"../../../../../../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import{Prism as a}from"react-syntax-highlighter";import{usePickaxeMarkdownContext as s}from"../../hooks/usePickaxeMarkdownContext.js";const t=t=>{var{node:n,children:i,className:o}=t,c=e(t,["node","children","className"]);const{syntaxTheme:l}=s(),m=/language-(\w+)/.exec(o||"");return m?r(a,Object.assign({},c,{PreTag:"div",language:m[1],style:l,showLineNumbers:!0},{children:String(i).replace(/\n$/,"")})):r("code",Object.assign({},c,{className:o},{children:i}))};export{t as default};
+import{__rest as e}from"../../../../../../_virtual/_tslib.js";import{jsxs as r,jsx as a}from"react/jsx-runtime";import{Prism as l}from"react-syntax-highlighter";import{usePickaxeMarkdownContext as t}from"../../hooks/usePickaxeMarkdownContext.js";import s from"../../../PickaxeCopyButton.js";const o=o=>{var c,{node:i,children:n,className:m}=o,d=e(o,["node","children","className"]);const{syntaxTheme:h,accentColor:b}=t(),u=/language-(\w+)/.exec(m||"");return r("div",Object.assign({className:"relative"},{children:[a("div",Object.assign({className:"absolute right-2 top-4 text-white"},{children:a(s,{color:b,text:null!==(c=null==n?void 0:n.toString())&&void 0!==c?c:"",iconClassName:"w-4 h-4"})})),a("div",Object.assign({className:"overflow-x-auto max-w-[600px] scrollbar scrollbar-thumb-black/50 scrollbar-thumb-rounded-full scrollbar-w-[4px] scrollbar-h-[4px] dark:scrollbar-thumb-black/60"},{children:a(l,Object.assign({},d,{PreTag:"div",language:u?u[1]:"js",style:h,showLineNumbers:!0},{children:String(n).replace(/\n$/,"")}))}))]}))};export{o as default};

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

@@ -1 +1 @@
-import{jsx as o}from"react/jsx-runtime";import{createContext as e,useState as r}from"react";const n=e({}),t=({children:e,theme:t="light",syntaxTheme:a,accentColor:c="#228DD7",linkPreviews:l=!1,actions:i=!1})=>{const[s,d]=r(t),[p,m]=r(c),[C,F]=r([]),[g,h]=r(l),[u,b]=r(i);return o(n.Provider,Object.assign({value:{theme:s,syntaxTheme:a||{'code[class*="language-"]':{color:"#c5c8c6",textShadow:"0 1px rgba(0, 0, 0, 0.3)",fontFamily:"Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace",direction:"ltr",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",lineHeight:"1.5",MozTabSize:"4",OTabSize:"4",tabSize:"4",WebkitHyphens:"none",MozHyphens:"none",msHyphens:"none",hyphens:"none"},'pre[class*="language-"]':{color:"#c5c8c6",textShadow:"0 1px rgba(0, 0, 0, 0.3)",fontFamily:"Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace",direction:"ltr",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",lineHeight:"1.5",MozTabSize:"4",OTabSize:"4",tabSize:"4",WebkitHyphens:"none",MozHyphens:"none",msHyphens:"none",hyphens:"none",padding:"1em",margin:".5em 0",overflow:"auto",borderRadius:"0.3em",background:"#1d1f21"},':not(pre) > code[class*="language-"]':{background:"#1d1f21",padding:".1em",borderRadius:".3em"},comment:{color:"#7C7C7C"},prolog:{color:"#7C7C7C"},doctype:{color:"#7C7C7C"},cdata:{color:"#7C7C7C"},punctuation:{color:"#c5c8c6"},".namespace":{opacity:".7"},property:{color:"#96CBFE"},keyword:{color:"#96CBFE"},tag:{color:"#96CBFE"},"class-name":{color:"#FFFFB6",textDecoration:"underline"},boolean:{color:"#99CC99"},constant:{color:"#99CC99"},symbol:{color:"#f92672"},deleted:{color:"#f92672"},number:{color:"#FF73FD"},selector:{color:"#A8FF60"},"attr-name":{color:"#A8FF60"},string:{color:"#A8FF60"},char:{color:"#A8FF60"},builtin:{color:"#A8FF60"},inserted:{color:"#A8FF60"},variable:{color:"#C6C5FE"},operator:{color:"#EDEDED"},entity:{color:"#FFFFB6",cursor:"help"},url:{color:"#96CBFE"},".language-css .token.string":{color:"#87C38A"},".style .token.string":{color:"#87C38A"},atrule:{color:"#F9EE98"},"attr-value":{color:"#F9EE98"},function:{color:"#DAD085"},regex:{color:"#E9C062"},important:{color:"#fd971f",fontWeight:"bold"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"}},accentColor:p,websiteMetadatas:C,linkPreviews:g,actions:u,setTheme:d,setAccentColor:m,setWebsiteMetadatas:F,setLinkPreviews:h,setActions:b}},{children:e}))};export{t as PickaxeMarkdown,n as PickaxeMarkdownContext,t as default};
+import{jsx as o}from"react/jsx-runtime";import{createContext as e,useState as r}from"react";const t=e({}),n=({children:e,theme:n="light",syntaxTheme:a,accentColor:c="#228DD7",linkPreviews:l=!1,actions:i=!1})=>{const[s,d]=r(n),[m,p]=r(c),[C,g]=r([]),[F,h]=r(l),[u,b]=r(i);return o(t.Provider,Object.assign({value:{theme:s,syntaxTheme:a||{'code[class*="language-"]':{color:"#c5c8c6",textShadow:"0 1px rgba(0, 0, 0, 0.3)",fontFamily:"Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace",direction:"ltr",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",lineHeight:"1.5",MozTabSize:"4",OTabSize:"4",tabSize:"4",WebkitHyphens:"none",MozHyphens:"none",msHyphens:"none",hyphens:"none",width:"max-content"},'pre[class*="language-"]':{color:"#c5c8c6",textShadow:"0 1px rgba(0, 0, 0, 0.3)",fontFamily:"Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace",direction:"ltr",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",lineHeight:"1.5",MozTabSize:"4",OTabSize:"4",tabSize:"4",WebkitHyphens:"none",MozHyphens:"none",msHyphens:"none",hyphens:"none",padding:"1em",paddingTop:"1.5em",margin:".5em 0",overflow:"auto",borderRadius:"0.3em",background:"#1d1f21",width:"max-content"},':not(pre) > code[class*="language-"]':{background:"#1d1f21",padding:".1em",borderRadius:".3em"},comment:{color:"#7C7C7C"},prolog:{color:"#7C7C7C"},doctype:{color:"#7C7C7C"},cdata:{color:"#7C7C7C"},punctuation:{color:"#c5c8c6"},".namespace":{opacity:".7"},property:{color:"#96CBFE"},keyword:{color:"#96CBFE"},tag:{color:"#96CBFE"},"class-name":{color:"#FFFFB6",textDecoration:"underline"},boolean:{color:"#99CC99"},constant:{color:"#99CC99"},symbol:{color:"#f92672"},deleted:{color:"#f92672"},number:{color:"#FF73FD"},selector:{color:"#A8FF60"},"attr-name":{color:"#A8FF60"},string:{color:"#A8FF60"},char:{color:"#A8FF60"},builtin:{color:"#A8FF60"},inserted:{color:"#A8FF60"},variable:{color:"#C6C5FE"},operator:{color:"#EDEDED"},entity:{color:"#FFFFB6",cursor:"help"},url:{color:"#96CBFE"},".language-css .token.string":{color:"#87C38A"},".style .token.string":{color:"#87C38A"},atrule:{color:"#F9EE98"},"attr-value":{color:"#F9EE98"},function:{color:"#DAD085"},regex:{color:"#E9C062"},important:{color:"#fd971f",fontWeight:"bold"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"}},accentColor:m,websiteMetadatas:C,linkPreviews:F,actions:u,setTheme:d,setAccentColor:p,setWebsiteMetadatas:g,setLinkPreviews:h,setActions:b}},{children:e}))};export{n as PickaxeMarkdown,t as PickaxeMarkdownContext,n as default};

package/dist/esm/hooks/studio/useStyleFontSize.js

@@ -1 +1 @@
-import{usePickaxeContext as x}from"../pickaxe/usePickaxeContext.js";import{useMemo as t}from"react";import p from"../../common/cn.js";const e={header:{default:{sm:"text-[16px]",md:"text-[24px]",lg:"max-[899px]:text-[24px] max-[1080px]:text-[36px] text-5xl",xl:"max-[899px]:text-[32px] max-[1080px]:text-[48px] text-[64px]"},landing:{sm:"max-[899px]:text-[16px] max-[1080px]:text-[24px] text-[32px]",md:"max-[899px]:text-[24px] max-[1080px]:text-[48px] text-[56px] leading-[4.5rem] max-[899px]:leading-normal",lg:"max-[899px]:text-[36px] max-[1080px]:text-[64px] text-[72px]",xl:"max-[899px]:text-[48px] max-[1080px]:text-[72px] text-[96px]"}},body:{default:{sm:"text-[14px]",md:"text-[16px]",lg:"max-[889px]:text-[18px] text-[20px]",xl:"max-[889px]:text-[20px] text-[24px]"},landing:{sm:"text-[16px]",md:"max-[899px]:text-[16px] text-[18px]",lg:"max-[889px]:text-[18px] text-[20px]",xl:"max-[889px]:text-[20px] text-[24px]"}},sidenav:{default:{sm:"max-[889px]:text-[12px] text-[14px]",md:"max-[889px]:text-[14px] text-[16px]",lg:"max-[889px]:text-[16px] text-[18px]",xl:"max-[889px]:text-[18px] text-[20px]"},landing:{sm:"max-[889px]:text-[12px] text-[14px]",md:"max-[889px]:text-[14px] text-[16px]",lg:"max-[889px]:text-[16px] text-[18px]",xl:"max-[889px]:text-[18px] text-[20px]"}},label:{default:{sm:"text-[12px]",md:"text-[14px]",lg:"text-[16px]",xl:"text-[18px]"},landing:{sm:"text-[12px]",md:"text-[14px]",lg:"text-[16px]",xl:"text-[18px]"}},button:{default:{sm:"text-[12px]",md:"text-[14px]",lg:"max-[889px]:text-[16px] text-[18px]",xl:"max-[889px]:text-[18px] text-[20px]"},landing:{sm:"text-[14px]",md:"text-[16px]",lg:"max-[889px]:text-[16px] text-[18px]",xl:"max-[889px]:text-[18px] text-[20px]"}}},m=({type:m,area:a="default",size:l="md"})=>{const{styles:d}=x(),n=t((()=>e[m][a||"default"][d.fontSize||l]),[m,a,l,d]);return x=>p(x,n)};export{e as fontSizeMap,m as useStyleFontSize};
+import{usePickaxeContext as x}from"../pickaxe/usePickaxeContext.js";import{useMemo as t}from"react";import p from"../../common/cn.js";const e={viewport:{h1:{lg:"text-[72px] max-[1024px]:text-[56px] max-[899px]:text-[32px]",md:"text-[56px] max-[1024px]:text-[48px] max-[899px]:text-[28px]",sm:"text-[4px] max-[1024px]:text-[34px] max-[899px]:text-[24px]"},h2:{lg:"text-[56px] max-[1024px]:text-[40px] max-[899px]:text-[26px]",md:"text-[40px] max-[1024px]:text-[34px] max-[899px]:text-[22px]",sm:"text-[34px] max-[1024px]:text-[28px] max-[899px]:text-[20px]"},h3:{lg:"text-[40px] max-[1024px]:text-[32px] max-[899px]:text-[20px]",md:"text-[32px] max-[1024px]:text-[30px] max-[899px]:text-[20px]",sm:"text-[28px] max-[1024px]:text-[22px] max-[899px]:text-[18px]"},h4:{lg:"text-[32px] max-[1024px]:text-[24px] max-[899px]:text-[18px]",md:"text-[24px] max-[1024px]:text-[22px] max-[899px]:text-[18px]",sm:"text-[20px] max-[1024px]:text-[18px] max-[899px]:text-[16px]"},b1:{lg:"text-[24px] max-[1024px]:text-[20px] max-[899px]:text-[18px]",md:"text-[20px] max-[1024px]:text-[20px] max-[899px]:text-[18px]",sm:"text-[18px] max-[1024px]:text-[18px] max-[899px]:text-[16px]"},b2:{lg:"text-[18px] max-[1024px]:text-[18px] max-[899px]:text-[16px]",md:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[16px]",sm:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[14px]"},b3:{lg:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[14px]",md:"text-[14px] max-[1024px]:text-[14px] max-[899px]:text-[14px]",sm:"text-[14px] max-[1024px]:text-[14px] max-[899px]:text-[12px]"},b4:{lg:"text-[14px] max-[1024px]:text-[14px] max-[899px]:text-[12px]",md:"text-[12px] max-[1024px]:text-[12px] max-[899px]:text-[12px]",sm:"text-[12px] max-[1024px]:text-[12px] max-[899px]:text-[10px]"},l1:{lg:"text-[18px] max-[1024px]:text-[18px] max-[899px]:text-[16px]",md:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[16px]",sm:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[14px]"},l2:{lg:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[14px]",md:"text-[14px] max-[1024px]:text-[14px] max-[899px]:text-[14px]",sm:"text-[14px] max-[1024px]:text-[14px] max-[899px]:text-[12px]"}},container:{h1:{lg:"text-[32px] @[899px]/pickaxe-root:text-[56px] @[1024px]/pickaxe-root:text-[72px]",md:"text-[28px] @[899px]/pickaxe-root:text-[48px] @[1024px]/pickaxe-root:text-[56px]",sm:"text-[24px] @[899px]/pickaxe-root:text-[34px] @[1024px]/pickaxe-root:text-[48px]"},h2:{lg:"text-[26px] @[899px]/pickaxe-root:text-[40px] @[1024px]/pickaxe-root:text-[56px]",md:"text-[22px] @[899px]/pickaxe-root:text-[34px] @[1024px]/pickaxe-root:text-[40px]",sm:"text-[20px] @[899px]/pickaxe-root:text-[28px] @[1024px]/pickaxe-root:text-[34px]"},h3:{lg:"text-[20px] @[899px]/pickaxe-root:text-[32px] @[1024px]/pickaxe-root:text-[40px]",md:"text-[20px] @[899px]/pickaxe-root:text-[30px] @[1024px]/pickaxe-root:text-[32px]",sm:"text-[18px] @[899px]/pickaxe-root:text-[22px] @[1024px]/pickaxe-root:text-[28px]"},h4:{lg:"text-[18px] @[899px]/pickaxe-root:text-[24px] @[1024px]/pickaxe-root:text-[32px]",md:"text-[18px] @[899px]/pickaxe-root:text-[22px] @[1024px]/pickaxe-root:text-[24px]",sm:"text-[16px] @[899px]/pickaxe-root:text-[18px] @[1024px]/pickaxe-root:text-[20px]"},b1:{lg:"text-[18px] @[899px]/pickaxe-root:text-[20px] @[1024px]/pickaxe-root:text-[24px]",md:"text-[18px] @[899px]/pickaxe-root:text-[20px] @[1024px]/pickaxe-root:text-[20px]",sm:"text-[16px] @[899px]/pickaxe-root:text-[18px] @[1024px]/pickaxe-root:text-[18px]"},b2:{lg:"text-[16px] @[899px]/pickaxe-root:text-[18px] @[1024px]/pickaxe-root:text-[18px]",md:"text-[16px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]",sm:"text-[14px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]"},b3:{lg:"text-[14px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]",md:"text-[14px] @[899px]/pickaxe-root:text-[14px] @[1024px]/pickaxe-root:text-[14px]",sm:"text-[12px] @[899px]/pickaxe-root:text-[14px] @[1024px]/pickaxe-root:text-[14px]"},b4:{lg:"text-[12px] @[899px]/pickaxe-root:text-[14px] @[1024px]/pickaxe-root:text-[14px]",md:"text-[12px] @[899px]/pickaxe-root:text-[12px] @[1024px]/pickaxe-root:text-[12px]",sm:"text-[10px] @[899px]/pickaxe-root:text-[12px] @[1024px]/pickaxe-root:text-[12px]"},l1:{lg:"text-[16px] @[899px]/pickaxe-root:text-[18px] @[1024px]/pickaxe-root:text-[18px]",md:"text-[16px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]",sm:"text-[14px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]"},l2:{lg:"text-[14px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]",md:"text-[14px] @[899px]/pickaxe-root:text-[14px] @[1024px]/pickaxe-root:text-[14px]",sm:"text-[12px] @[899px]/pickaxe-root:text-[14px] @[1024px]/pickaxe-root:text-[14px]"}}},o=({type:o,size:a="md"})=>{const{styles:m,responsiveBy:r}=x(),i=t((()=>e[r][o][m.fontSize||a]),[o,a,m,r]);return x=>p(x,i)};export{e as fontSizeMap,o as useStyleFontSize};

package/dist/esm/src/hooks/studio/useStyleFontSize.d.ts

@@ -1,11 +1,10 @@
-import type { StudioFontSize } from "../../types/studio";
-export type FontSizeType = "header" | "body" | "sidenav" | "label" | "button";
-export type FontArea = "default" | "landing";
-export declare const fontSizeMap: Record<FontSizeType, Record<FontArea, Record<StudioFontSize, string>>>;
+import { PickaxeResponsiveBy } from "../../components/Pickaxe/Provider";
+export type StudioFontSize = "sm" | "md" | "lg";
+export type FontSizeType = "h1" | "h2" | "h3" | "h4" | "b1" | "b2" | "b3" | "b4" | "l1" | "l2";
+export declare const fontSizeMap: Record<PickaxeResponsiveBy, Record<FontSizeType, Record<StudioFontSize, string>>>;
 interface UseStyleFontSizeOptions {
     type: FontSizeType;
-    area?: FontArea;
     size?: StudioFontSize;
 }
-export declare const useStyleFontSize: ({ type, area, size, }: UseStyleFontSizeOptions) => (base?: string) => string;
+export declare const useStyleFontSize: ({ type, size, }: UseStyleFontSizeOptions) => (base?: string) => string;
 export {};

package/package.json

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