npm - @pickaxeproject/react - Versions diffs - 3.8.2 → 3.10.0 - Mend

@pickaxeproject/react 3.8.2 → 3.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (57) hide show

package/dist/cjs/components/Pickaxe/common/PickaxeInfoModal.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../hooks/pickaxe/usePickaxeContext.js"),r=require("../../Icons/x.svg.js"),t=require("../../Core/Modal/index.js"),l=require("../../Core/Modal/Body.js"),a=require("./PickaxeSimpleButton.js"),i=require("./PickaxeHead.js");exports.default=({isOpen:x,onChangeIsOpen:c})=>{const{colors:o}=s.usePickaxeContext();return e.jsx(t.default,Object.assign({isOpen:x,onChange:c},{children:e.jsxs(l.default,Object.assign({className:"relative flex ~~w-full~~ flex-col px-8 ~~pb-8~~ pt-[26px] ~~max~~-~~[767px]:border~~-0 min-[767px]:max-w-[480px]",style:{backgroundColor:o.primary,color:o.text,borderColor:o.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:o.text,onClick:()=>c(!1)},{children:e.jsx(r.default,{className:"h-6 w-6 shrink-0"})}))})),e.jsx("div",Object.assign({className:"mt-6 flex flex-col items-center"},{children:e.jsx("div",Object.assign({className:"flex w-full max-w-[360px] flex-col items-center text-center"},{children:e.jsx(i.default,{})}))}))]}))}))};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../hooks/pickaxe/usePickaxeContext.js"),r=require("../../Icons/x.svg.js"),t=require("../../Core/Modal/index.js"),l=require("../../Core/Modal/Body.js"),a=require("./PickaxeSimpleButton.js"),i=require("./PickaxeHead.js");exports.default=({isOpen:x,onChangeIsOpen:c})=>{const{colors:o}=s.usePickaxeContext();return e.jsx(t.default,Object.assign({isOpen:x,onChange:c},{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:o.primary,color:o.text,borderColor:o.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:o.text,onClick:()=>c(!1)},{children:e.jsx(r.default,{className:"h-6 w-6 shrink-0"})}))})),e.jsx("div",Object.assign({className:"mt-6 flex flex-col items-center"},{children:e.jsx("div",Object.assign({className:"flex w-full max-w-[360px] flex-col items-center text-center"},{children:e.jsx(i.default,{})}))}))]}))}))};

package/dist/cjs/components/Pickaxe/common/PickaxeInput.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("react"),r=require("../../../hooks/studio/useStyleInput.js"),a=require("../../../hooks/pickaxe/usePickaxeContext.js"),u=require("../../../common/cn.js");const i=t.forwardRef(((t,i)=>{var{className:o,style:l}=t,n=e.__rest(t,["className","style"]);const{styles:c}=a.usePickaxeContext(),p=r.useStyleInput();return s.jsx("input",Object.assign({ref:i,style:Object.assign(Object.assign({},p),l),className:u.default("px-4 py-3 ~~outline-none ring-0~~","block"===c.formFieldStyle&&"shadow",o),autoComplete:"off"},n))}));i.displayName="PickaxeInput",exports.default=i;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("react"),r=require("../../../hooks/studio/useStyleInput.js"),a=require("../../../hooks/pickaxe/usePickaxeContext.js"),u=require("../../../common/cn.js");const i=t.forwardRef(((t,i)=>{var{className:o,style:l}=t,n=e.__rest(t,["className","style"]);const{styles:c}=a.usePickaxeContext(),p=r.useStyleInput();return s.jsx("input",Object.assign({ref:i,style:Object.assign(Object.assign({},p),l),className:u.default("outline-none ring-0 px-4 py-3","block"===c.formFieldStyle&&"shadow",o),autoComplete:"off"},n))}));i.displayName="PickaxeInput",exports.default=i;

package/dist/cjs/components/Pickaxe/common/PickaxeMarkdown/Components/Artifact/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../hooks/usePickaxeMarkdownContext.js"),i=require("../../../../Addons/Artifact/hooks/useArtifactContext.js"),a=require("framer-motion"),s=require("../../../../../Icons/spinner-lines.svg.js"),n=require("../../../../Addons/Artifact/Renderer/index.js");exports.Artifact=({node:o})=>{const{theme:c,colors:d,styles:l,onArtifactClick:u}=r.usePickaxeMarkdownContext(),{artifacts:p,currentPopupType:x,currentArtifact:f}=i.useArtifactContext(),m=t.useMemo((()=>{const{dataId:e,dataCommand:t,dataTitle:r,dataType:i,dataVersion:a}=(null==o?void 0:o.properties)\|\|{};return e?{id:e,command:t\|\|"create",title:r\|\|"Untitled Artifact",type:i\|\|"text/markdown",version:a?parseInt(a,10):1}:null}),[]),v=t.useMemo((()=>{var e,t;if(!m)return null;const{command:r,type:i,version:a}=m;let s=`${null!==(e={create:"Created",update:"Updated",rewrite:"Rewrote"}[r])&&void 0!==e?e:"Created"} ${null!==(t={"text/markdown":"Markdown","text/html":"HTML","text/csv":"CSV","image/svg+xml":"SVG","application/vnd.pxe.code":"Code","application/vnd.pxe.mermaid":"Diagram","application/vnd.pxe.react":"React Component"}[i])&&void 0!==t?t:"Artifact"}`;return a>1&&(s+=` (v${a})`),s}),[m]),C=t.useMemo((()=>{if(!m)return"finished";const e=p.find((e=>e.id===m.id&&e.version===m.version));return e?e.status:"finished"}),[p,m]);return m?x.startsWith("inline")&&"finished"===C?f?null:e.jsx(n.default,{type:"inline",className:"pxe-artifact-inline",styling:{colors:d,styles:l},artifact:{id:m.id,version:m.version}}):e.jsxs(a.motion.div,Object.assign({className:"pxe-artifact-create-container mb-4 flex ~~select~~-~~none~~ flex-wrap ~~items-center~~ justify-between ~~gap~~-8 p-4",style:Object.assign({borderColor:"dark"===c?"#444444":"#CCCCCC",backgroundColor:d.secondary+"80",color:d.secondaryText,borderRadius:l.cornerRadius},!!u&&{cursor:"pointer"}),initial:{opacity:0,x:10,scale:.95},animate:{opacity:1,x:0,scale:1},transition:{duration:.5,ease:"easeOut",staggerChildren:.1},whileHover:{borderColor:"dark"===c?"#666666":"#AAAAAA",backgroundColor:d.secondary}},u&&{onClick:()=>u({id:m.id,version:m.version})},{children:[e.jsxs("div",Object.assign({className:"pxe-artifact-create-header flex flex-col gap-2 text-[10pt]"},{children:[e.jsx("p",Object.assign({className:"font-semibold"},{children:m.title})),e.jsx("p",Object.assign({className:"opacity-90"},{children:v}))]})),"finished"!==C&&e.jsx("div",{children:e.jsx(s.default,{className:"pxe-spin h-5 w-5 shrink-0"})})]})):null},exports.ArtifactError=({node:r,children:a})=>{const{setArtifacts:s}=i.useArtifactContext();return t.useEffect((()=>{if(!r\|\|!r.properties)return;const e=r.properties.dataId;e&&s((t=>t.map((t=>t.id===e?Object.assign(Object.assign({},t),{status:"error"}):t))))}),[]),e.jsx("div",Object.assign({className:"pxe-red pxe-artifact-error"},{children:a}))};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../hooks/usePickaxeMarkdownContext.js"),i=require("../../../../Addons/Artifact/hooks/useArtifactContext.js"),a=require("framer-motion"),s=require("../../../../../Icons/spinner-lines.svg.js"),n=require("../../../../Addons/Artifact/Renderer/index.js");exports.Artifact=({node:o})=>{const{theme:c,colors:d,styles:l,onArtifactClick:u}=r.usePickaxeMarkdownContext(),{artifacts:p,currentPopupType:x,currentArtifact:f}=i.useArtifactContext(),m=t.useMemo((()=>{const{dataId:e,dataCommand:t,dataTitle:r,dataType:i,dataVersion:a}=(null==o?void 0:o.properties)\|\|{};return e?{id:e,command:t\|\|"create",title:r\|\|"Untitled Artifact",type:i\|\|"text/markdown",version:a?parseInt(a,10):1}:null}),[]),v=t.useMemo((()=>{var e,t;if(!m)return null;const{command:r,type:i,version:a}=m;let s=`${null!==(e={create:"Created",update:"Updated",rewrite:"Rewrote"}[r])&&void 0!==e?e:"Created"} ${null!==(t={"text/markdown":"Markdown","text/html":"HTML","text/csv":"CSV","image/svg+xml":"SVG","application/vnd.pxe.code":"Code","application/vnd.pxe.mermaid":"Diagram","application/vnd.pxe.react":"React Component"}[i])&&void 0!==t?t:"Artifact"}`;return a>1&&(s+=` (v${a})`),s}),[m]),C=t.useMemo((()=>{if(!m)return"finished";const e=p.find((e=>e.id===m.id&&e.version===m.version));return e?e.status:"finished"}),[p,m]);return m?x.startsWith("inline")&&"finished"===C?f?null:e.jsx(n.default,{type:"inline",className:"pxe-artifact-inline",styling:{colors:d,styles:l},artifact:{id:m.id,version:m.version}}):e.jsxs(a.motion.div,Object.assign({className:"pxe-artifact-create-container p-4 flex items-center gap-8 flex-wrap justify-between mb-4 select-none",style:Object.assign({borderColor:"dark"===c?"#444444":"#CCCCCC",backgroundColor:d.secondary+"80",color:d.secondaryText,borderRadius:l.cornerRadius},!!u&&{cursor:"pointer"}),initial:{opacity:0,x:10,scale:.95},animate:{opacity:1,x:0,scale:1},transition:{duration:.5,ease:"easeOut",staggerChildren:.1},whileHover:{borderColor:"dark"===c?"#666666":"#AAAAAA",backgroundColor:d.secondary}},u&&{onClick:()=>u({id:m.id,version:m.version})},{children:[e.jsxs("div",Object.assign({className:"pxe-artifact-create-header flex flex-col gap-2 text-[10pt]"},{children:[e.jsx("p",Object.assign({className:"font-semibold"},{children:m.title})),e.jsx("p",Object.assign({className:"opacity-90"},{children:v}))]})),"finished"!==C&&e.jsx("div",{children:e.jsx(s.default,{className:"pxe-spin w-5 h-5 shrink-0"})})]})):null},exports.ArtifactError=({node:r,children:a})=>{const{setArtifacts:s}=i.useArtifactContext();return t.useEffect((()=>{if(!r\|\|!r.properties)return;const e=r.properties.dataId;e&&s((t=>t.map((t=>t.id===e?Object.assign(Object.assign({},t),{status:"error"}):t))))}),[]),e.jsx("div",Object.assign({className:"pxe-red pxe-artifact-error"},{children:a}))};

package/dist/cjs/components/Pickaxe/common/PickaxeSkeleton.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../hooks/pickaxe/usePickaxeContext.js"),a=require("../../../common/cn.js");exports.default=({children:t,className:r,innerClassName:i,isLoaded:n=!1})=>{const{styles:c}=s.usePickaxeContext();return e.jsx("div",Object.assign({className:a.default("rounded-sm",!n&&"~~pxe-~~animate-pulse",n&&"~~pxe-~~animate-none",r),style:{backgroundColor:"dark"===c.theme?"#1E1E1F":"#E5E7EB"}},{children:e.jsx("div",Object.assign({className:a.default("~~pxe-~~flex ~~pxe-~~items-center",!n&&"~~pxe-~~opacity-0",i)},{children:t}))}))};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../hooks/pickaxe/usePickaxeContext.js"),a=require("../../../common/cn.js");exports.default=({children:t,className:r,innerClassName:i,isLoaded:n=!1})=>{const{styles:c}=s.usePickaxeContext();return e.jsx("div",Object.assign({className:a.default("rounded-sm",!n&&"animate-pulse",n&&"animate-none",r),style:{backgroundColor:"dark"===c.theme?"#1E1E1F":"#E5E7EB"}},{children:e.jsx("div",Object.assign({className:a.default("flex items-center",!n&&"opacity-0",i)},{children:t}))}))};

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

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../hooks/pickaxe/usePickaxe.js"),s=require("react"),a=require("../../hooks/pickaxe/usePickaxeContext.js"),r=require("./Addons/Auth/hooks/useAuthContext.js"),l=require("../../hooks/pickaxe/useResponseContext.js"),o=require("./Addons/Document/hooks/useDocumentContext.js"),i=require("./Addons/Artifact/hooks/useArtifactContext.js"),n=require("../../common/utils.js"),u=require("./Addons/Scroll/Provider.js"),c=require("./common/PickaxeSkeleton.js"),x=require("./Chat/index.js"),d=require("./Form/index.js"),f=require("./Addons/Auth/index.js"),p=require("../../common/cn.js");exports.Pickaxe=({formId:m,className:j})=>{const{chatId:h,styles:k,colors:g,responsiveBy:w,deploymentType:C,isNewChat:q,isEmailLogin:v,setFormId:A,setChatId:P,~~setLastChatId~~:N,~~setSessionId~~:b~~,setPickaxe:y~~}=a.usePickaxeContext(),{isLoggedOut:I,isSent:S}=r.useAuthContext(),{setMessages:O,setResponse:E,setError:D,setLimitData:F,setStatus:L}=l.useResponseContext(),{setDocumentError:R}=o.useDocumentContext(),{setCurrentArtifact:M}=i.useArtifactContext(),[_,B]=s.useState(!1),H=t.usePickaxe(),T="chat-input"===C~~&&q~~&&!S,z="popup"===C&&h,G="chat-input"!==C\|\|!S,J="popup"===C&&!h&&v&&I;return s.useEffect((()=>{A(m)}),[m]),s.useEffect((()=>{if(!H.data)return;const e=H.data.chatflag~~,t=~~n.generateId(15)~~;P(e?t~~:""),N(~~e?t:""),b(~~n.generateId(15)),e?O([]):E(null),D(""),R(""),F(null),M(null),y(H.data),B(!0)}),[H.data]),s.useEffect((()=>{D(""),R(""),F(null),O([]),E(null),M(null),L("idle")}),[h]),H.data?e.jsx("div",Object.assign({className:p.default("relative flex w-~~full~~ flex-grow ~~flex~~-~~col @container/pickaxe-root~~",(!C\|\|z\|\|J)&&"h-full","dark"===k.theme&&"dark",j),style:Object.assign({backgroundColor:T?"transparent":g.primary,color:g.text},k.font&&"Real Head Pro"!==k.font&&{fontFamily:k.font})},{children:v&&I&&G?e.jsx(f.default,{}):e.jsx(e.Fragment,{children:H.isLoading\|\|!_?e.jsx("div",Object.assign({className:p.default("flex w-~~full~~ flex-col ~~items~~-~~center~~ px-4 pb-10 ~~pt-12~~","viewport"===w?"min-[767px]:pb-40":"@[767px]/pickaxe-root:pb-40")},{children:e.jsxs("div",Object.assign({className:"flex w-full max-w-[700px] flex-col ~~items-center~~"},{children:[e.jsx(c.default,{className:"h-[72px] w-[72px]"}),e.jsx(c.default,{className:"~~mt-6~~ h-[20px] w-full"}),e.jsx(c.default,{className:"~~mt-2~~ h-[20px] w-full"}),e.jsx(c.default,{className:"~~mt-2~~ h-[20px] w-full max-w-[400px]"}),e.jsx("div",Object.assign({className:"~~mt-6~~ flex ~~w-full~~ flex-col gap-y-8"},{children:e.jsx(c.default,{className:p.default("min-h-[48px] ~~w-full~~","viewport"===w?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]")})}))]}))})):e.jsx(e.Fragment,{children:h?e.jsx(u.ScrollProvider,{children:e.jsx(x.default,{})}):e.jsx(u.ScrollProvider,{children:e.jsx(d.default,{})})})})})):null};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../hooks/pickaxe/usePickaxe.js"),s=require("react"),a=require("../../hooks/pickaxe/usePickaxeContext.js"),r=require("./Addons/Auth/hooks/useAuthContext.js"),l=require("../../hooks/pickaxe/useResponseContext.js"),o=require("./Addons/Document/hooks/useDocumentContext.js"),i=require("./Addons/Artifact/hooks/useArtifactContext.js"),n=require("../../common/utils.js"),u=require("./Addons/Scroll/Provider.js"),c=require("./common/PickaxeSkeleton.js"),x=require("./Chat/index.js"),d=require("./Form/index.js"),f=require("./Addons/Auth/index.js"),p=require("../../common/cn.js");exports.Pickaxe=({formId:m,className:j})=>{const{chatId:h,styles:k,colors:g,responsiveBy:w,deploymentType:q,isNewChat:C,isEmailLogin:v,setFormId:A,setChatId:P,setSessionId:N,setPickaxe:b}=a.usePickaxeContext(),{isLoggedOut:y,isSent:S}=r.useAuthContext(),{setMessages:I,setResponse:O,setError:E,setLimitData:D,setStatus:F}=l.useResponseContext(),{setDocumentError:L}=o.useDocumentContext(),{setCurrentArtifact:R}=i.useArtifactContext(),[M,_]=s.useState(!1),B=t.usePickaxe(),H="chat-input"===q&&C&&!S,T="popup"===q&&h,z="chat-input"!==q\|\|!S,G="popup"===q&&!h&&v&&y;return s.useEffect((()=>{A(m)}),[m]),s.useEffect((()=>{if(!B.data)return;const e=B.data.chatflag;P(e?n.generateId(15):""),N(n.generateId(15)),e?I([]):O(null),E(""),L(""),D(null),R(null),b(B.data),_(!0)}),[B.data]),s.useEffect((()=>{E(""),L(""),D(null),I([]),O(null),R(null),F("idle")}),[h]),B.data?e.jsx("div",Object.assign({className:p.default("relative @container/pickaxe-root flex flex-col flex-grow w-full",(!q\|\|T\|\|G)&&"h-full","dark"===k.theme&&"dark",j),style:Object.assign({backgroundColor:H?"transparent":g.primary,color:g.text},k.font&&"Real Head Pro"!==k.font&&{fontFamily:k.font})},{children:v&&y&&z?e.jsx(f.default,{}):e.jsx(e.Fragment,{children:B.isLoading\|\|!M?e.jsx("div",Object.assign({className:p.default("flex items-center flex-col w-full pt-12 px-4 pb-10","viewport"===w?"min-[767px]:pb-40":"@[767px]/pickaxe-root:pb-40")},{children:e.jsxs("div",Object.assign({className:"flex w-full items-center max-w-[700px] flex-col"},{children:[e.jsx(c.default,{className:"w-[72px] h-[72px]"}),e.jsx(c.default,{className:"h-[20px] mt-6 w-full"}),e.jsx(c.default,{className:"h-[20px] mt-2 w-full"}),e.jsx(c.default,{className:"h-[20px] mt-2 w-full max-w-[400px]"}),e.jsx("div",Object.assign({className:"flex flex-col gap-y-8 w-full mt-6"},{children:e.jsx(c.default,{className:p.default("w-full min-h-[48px]","viewport"===w?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]")})}))]}))})):e.jsx(e.Fragment,{children:h?e.jsx(u.ScrollProvider,{children:e.jsx(x.default,{})}):e.jsx(u.ScrollProvider,{children:e.jsx(d.default,{})})})})})):null};

package/dist/cjs/src/types/pickaxe.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ import type { PickaxeQuestion } from "./form";
 export type PickaxeImageOrText = "text" | "image";
 export type PickaxePrivacySetting = "public" | "unlisted" | "private" | "deleted";
 export type PickaxeCloneable = "true" | "false";
-export type PickaxeDocumentUploadType = "ownerupload" | "enduserupload" | "enduserupload-user";
+export type PickaxeDocumentUploadType = "ownerupload" | "enduserupload" | "enduserupload-display";
 export type PickaxeModel = "gpt-3.5-turbo" | "gpt-4-1106-preview" | "mistral-small" | "gpt-5" | "gpt-5-mini" | "gpt-5-nano" | "gpt-4.1" | "gpt-4.1-mini" | "gpt-4.1-nano" | "gpt-4o-mini" | "gpt-4o" | "gpt-4" | "o3-mini" | "o1" | "deepseek-chat" | "mistral-large-latest" | "claude-3-opus-20240229" | "claude-3-5-sonnet-20240620" | "claude-3-7-sonnet-20250219" | "llama-3-uncensored";
 export type Pickaxe = {
     _id: string;

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

	@@ -1 +1 @@
1	- import{__rest as e,__awaiter as o}from"../../../_virtual/_tslib.js";import{jsxs as t,jsx as i}from"react/jsx-runtime";import{forwardRef as n,useContext as s}from"react";import{MenuContext as r}from"./index.js";import a from"../../Icons/chevron-down.svg.js";import l from"../../../common/cn.js";const c=n(((n,c)=>{var{children:m,variant:d="default",isDisabled:p=!1,style:u,className:v,anchorClassName:f}=n,h=e(n,["children","variant","isDisabled","style","className","anchorClassName"]);const{id:j,isOpen:g,setIsOpen:C}=s(r);return"anchor"===d?t("div",Object.assign({ref:c,id:j},h,{className:l("flex cursor-pointer items-center gap-2",v),style:Object.assign({cursor:p?"not-allowed":"pointer",pointerEvents:p?"none":"auto"},u),onClick:e=>o(void 0,void 0,void 0,(function(){if(e.stopPropagation(),e.preventDefault(),!p){if(h.onClick)return h.onClick(e),void C(!g);C(!g),yield new Promise((e=>setTimeout(e,100)))}}))},{children:[m,i(a,{className:l("h-5 w-5 shrink-0 rotate-0 transition-rotate ~~duration-300~~",g&&"rotate-180",f)})]})):i("div",Object.assign({ref:c,id:j},h,{className:l("flex items-center",v),style:Object.assign({cursor:p?"not-allowed":"pointer",pointerEvents:p?"none":"auto"},u),onClick:e=>o(void 0,void 0,void 0,(function(){e.stopPropagation(),e.preventDefault(),p\|\|(h.onClick?h.onClick(e):(C(!g),yield new Promise((e=>setTimeout(e,100)))))}))},{children:m}))}));c.displayName="MenuButton";export{c as default};
1	+ import{__rest as e,__awaiter as o}from"../../../_virtual/_tslib.js";import{jsxs as t,jsx as i}from"react/jsx-runtime";import{forwardRef as n,useContext as s}from"react";import{MenuContext as r}from"./index.js";import a from"../../Icons/chevron-down.svg.js";import l from"../../../common/cn.js";const c=n(((n,c)=>{var{children:m,variant:d="default",isDisabled:p=!1,style:u,className:v,anchorClassName:f}=n,h=e(n,["children","variant","isDisabled","style","className","anchorClassName"]);const{id:j,isOpen:g,setIsOpen:C}=s(r);return"anchor"===d?t("div",Object.assign({ref:c,id:j},h,{className:l("flex cursor-pointer items-center gap-2",v),style:Object.assign({cursor:p?"not-allowed":"pointer",pointerEvents:p?"none":"auto"},u),onClick:e=>o(void 0,void 0,void 0,(function(){if(e.stopPropagation(),e.preventDefault(),!p){if(h.onClick)return h.onClick(e),void C(!g);C(!g),yield new Promise((e=>setTimeout(e,100)))}}))},{children:[m,i(a,{className:l("duration-300 h-5 w-5 shrink-0 rotate-0 transition-rotate",g&&"rotate-180",f)})]})):i("div",Object.assign({ref:c,id:j},h,{className:l("flex items-center",v),style:Object.assign({cursor:p?"not-allowed":"pointer",pointerEvents:p?"none":"auto"},u),onClick:e=>o(void 0,void 0,void 0,(function(){e.stopPropagation(),e.preventDefault(),p\|\|(h.onClick?h.onClick(e):(C(!g),yield new Promise((e=>setTimeout(e,100)))))}))},{children:m}))}));c.displayName="MenuButton";export{c as default};

package/dist/esm/components/EmbedPreview/FAB.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__rest as e,__awaiter as i}from"../../_virtual/_tslib.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useState as s,useEffect as o}from"react";import{usePickaxeContext as r}from"../../hooks/pickaxe/usePickaxeContext.js";import{QueryClient as a,QueryClientProvider as c}from"@tanstack/react-query";import{Pickaxe as l}from"../Pickaxe/index.js";import{PickaxeProvider as d}from"../Pickaxe/Provider.js";import{AnimatePresence as m,motion as h}from"framer-motion";import{PickaxeArtifact as p}from"../Pickaxe/Addons/Artifact/index.js";import u from"../Icons/pickaxe.svg.js";import g from"../Icons/spark.svg.js";import f from"../Icons/x.svg.js";import x from"../../common/cn.js";const b=new a({defaultOptions:{queries:{refetchOnWindowFocus:!1}}}),v=i=>{var r,a,u,g,{formId:f,className:v}=i,y=e(i,["formId","className"]);const[j,O]=s(!1),[k,I]=s({}),N=()=>{const e=y.deploymentDimensions;if(!e)return;const i={value:e.width.value,unit:e.width.unit},t=e.maxWidth,n={value:e.height.value,unit:e.height.unit},s=e.minHeight,o=e.maxHeight,r=window.innerHeight-150,a=window.innerWidth-40;let c=0;c="px"===n.unit?n.value:o;let l=Math.min(c,r);l=Math.max(l,s,100),l=Math.min(l,r);let d=0;d="px"===i.unit?i.value:t;let m=Math.min(d,a,t);m=Math.max(m,150),m=Math.min(m,a);I({width:"%"===i.unit?i.value+"%":m+"px",minWidth:150,maxWidth:m,height:"auto"===n.unit?n.value:l+"px",minHeight:100,maxHeight:l})};return o((()=>(N(),window.addEventListener("resize",N),()=>window.removeEventListener("resize",N))),[y.deploymentDimensions]),t(c,Object.assign({client:b},{children:n(d,Object.assign({},y,{deploymentType:"fab",isEmbed:!0},{children:[n(m,{children:[j&&t(h.div,Object.assign({initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},transition:{duration:.1},className:x("transition-h absolute z-50 flex flex-col overflow-hidden bg-transparent",y.isDropShadow&&"shadow-embed"),style:Object.assign({transformOrigin:"bottom right",borderRadius:null!==(a=null===(r=y.styles)\|\|void 0===r?void 0:r.cornerRadius)&&void 0!==a?a:0,bottom:100,right:20},k)},{children:t("div",Object.assign({className:"flex ~~h-full~~ flex-col overflow-auto scrollbar scrollbar-thin",style:{borderRadius:null!==(g=null===(u=y.styles)\|\|void 0===u?void 0:u.cornerRadius)&&void 0!==g?g:0}},{children:t(l,Object.assign({formId:f},v&&{className:v}))}))}),"fab-content"),t(w,{isOpen:j,setIsOpen:O})]}),t(p,{})]}))}))},w=({isOpen:e,setIsOpen:n})=>{const{colors:a,deploymentMisc:c}=r(),[l,d]=s({src:"",isLarge:!1}),[m,h]=s(!0);return o((()=>{i(void 0,void 0,void 0,(function*(){try{if(!(null==c?void 0:c.fabImage))return;h(!0);const e=new Image;e.src=c.fabImage,yield e.decode();const i=e.width>200;d({src:c.fabImage,isLarge:i})}catch(e){console.error("[pxe] error loading FAB image:",e),d({src:"",isLarge:!1})}finally{h(!1)}}))}),[null==c?void 0:c.fabImage]),m?null:t("button",Object.assign({className:"absolute z-50 flex h-[60px] w-[60px] cursor-pointer items-center justify-center overflow-hidden rounded-full bg-white dark:bg-black",style:{boxShadow:"0px 6px 6px rgba(0, 0, 0, 0.12)",background:a.primary,color:a.text,bottom:20,right:20},onClick:()=>n(!e)},{children:t(y,e?Object.assign({id:"close-btn"},{children:t(f,{className:"h-[28px] w-[28px] shrink-0 select-none"})}):Object.assign({id:"open-btn"},{children:l.src===`https://${process.env.NEXT_PUBLIC_PICKAXE_DOMAIN}/builder/assets/images/pickaxe-chaticons/chaticon2.png`?t(g,{className:"h-6 w-6 shrink-0 select-none"}):l.src?t("img",{src:l.src,alt:"FAB Icon",width:l.isLarge?60:24,height:l.isLarge?60:24,className:"select-none"}):t(u,{className:"h-6 w-6 shrink-0 select-none"})}))}))},y=({id:e,children:i})=>t(h.div,Object.assign({initial:{opacity:0,rotate:-10},animate:{opacity:1,rotate:0},exit:{opacity:0,rotate:10},transition:{duration:.3}},{children:i}),e);export{v as FAB,w as FABButton};
1	+ import{__rest as e,__awaiter as i}from"../../_virtual/_tslib.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useState as s,useEffect as o}from"react";import{usePickaxeContext as r}from"../../hooks/pickaxe/usePickaxeContext.js";import{QueryClient as a,QueryClientProvider as c}from"@tanstack/react-query";import{Pickaxe as l}from"../Pickaxe/index.js";import{PickaxeProvider as d}from"../Pickaxe/Provider.js";import{AnimatePresence as m,motion as h}from"framer-motion";import{PickaxeArtifact as p}from"../Pickaxe/Addons/Artifact/index.js";import u from"../Icons/pickaxe.svg.js";import g from"../Icons/spark.svg.js";import f from"../Icons/x.svg.js";import x from"../../common/cn.js";const b=new a({defaultOptions:{queries:{refetchOnWindowFocus:!1}}}),v=i=>{var r,a,u,g,{formId:f,className:v}=i,y=e(i,["formId","className"]);const[j,O]=s(!1),[k,I]=s({}),N=()=>{const e=y.deploymentDimensions;if(!e)return;const i={value:e.width.value,unit:e.width.unit},t=e.maxWidth,n={value:e.height.value,unit:e.height.unit},s=e.minHeight,o=e.maxHeight,r=window.innerHeight-150,a=window.innerWidth-40;let c=0;c="px"===n.unit?n.value:o;let l=Math.min(c,r);l=Math.max(l,s,100),l=Math.min(l,r);let d=0;d="px"===i.unit?i.value:t;let m=Math.min(d,a,t);m=Math.max(m,150),m=Math.min(m,a);I({width:"%"===i.unit?i.value+"%":m+"px",minWidth:150,maxWidth:m,height:"auto"===n.unit?n.value:l+"px",minHeight:100,maxHeight:l})};return o((()=>(N(),window.addEventListener("resize",N),()=>window.removeEventListener("resize",N))),[y.deploymentDimensions]),t(c,Object.assign({client:b},{children:n(d,Object.assign({},y,{deploymentType:"fab",isEmbed:!0},{children:[n(m,{children:[j&&t(h.div,Object.assign({initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},transition:{duration:.1},className:x("transition-h absolute z-50 flex flex-col overflow-hidden bg-transparent",y.isDropShadow&&"shadow-embed"),style:Object.assign({transformOrigin:"bottom right",borderRadius:null!==(a=null===(r=y.styles)\|\|void 0===r?void 0:r.cornerRadius)&&void 0!==a?a:0,bottom:100,right:20},k)},{children:t("div",Object.assign({className:"flex flex-col overflow-auto h-full scrollbar scrollbar-thin",style:{borderRadius:null!==(g=null===(u=y.styles)\|\|void 0===u?void 0:u.cornerRadius)&&void 0!==g?g:0}},{children:t(l,Object.assign({formId:f},v&&{className:v}))}))}),"fab-content"),t(w,{isOpen:j,setIsOpen:O})]}),t(p,{})]}))}))},w=({isOpen:e,setIsOpen:n})=>{const{colors:a,deploymentMisc:c}=r(),[l,d]=s({src:"",isLarge:!1}),[m,h]=s(!0);return o((()=>{i(void 0,void 0,void 0,(function*(){try{if(!(null==c?void 0:c.fabImage))return;h(!0);const e=new Image;e.src=c.fabImage,yield e.decode();const i=e.width>200;d({src:c.fabImage,isLarge:i})}catch(e){console.error("[pxe] error loading FAB image:",e),d({src:"",isLarge:!1})}finally{h(!1)}}))}),[null==c?void 0:c.fabImage]),m?null:t("button",Object.assign({className:"absolute z-50 flex h-[60px] w-[60px] cursor-pointer items-center justify-center overflow-hidden rounded-full bg-white dark:bg-black",style:{boxShadow:"0px 6px 6px rgba(0, 0, 0, 0.12)",background:a.primary,color:a.text,bottom:20,right:20},onClick:()=>n(!e)},{children:t(y,e?Object.assign({id:"close-btn"},{children:t(f,{className:"w-[28px] h-[28px] shrink-0 select-none"})}):Object.assign({id:"open-btn"},{children:l.src===`https://${process.env.NEXT_PUBLIC_PICKAXE_DOMAIN}/builder/assets/images/pickaxe-chaticons/chaticon2.png`?t(g,{className:"h-6 w-6 shrink-0 select-none"}):l.src?t("img",{src:l.src,alt:"FAB Icon",width:l.isLarge?60:24,height:l.isLarge?60:24,className:"select-none"}):t(u,{className:"h-6 w-6 shrink-0 select-none"})}))}))},y=({id:e,children:i})=>t(h.div,Object.assign({initial:{opacity:0,rotate:-10},animate:{opacity:1,rotate:0},exit:{opacity:0,rotate:10},transition:{duration:.3}},{children:i}),e);export{v as FAB,w as FABButton};

package/dist/esm/components/EmbedPreview/Popup.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__rest as e}from"../../_virtual/_tslib.js";import{jsx as i,jsxs as o,Fragment as t}from"react/jsx-runtime";import{useState as n,useCallback as s,useEffect as l}from"react";import{usePickaxeContext as d}from"../../hooks/pickaxe/usePickaxeContext.js";import{useInstantPickaxe as a}from"../../hooks/pickaxe/usePickaxe.js";import{useStyleFontSize as r}from"../../hooks/studio/useStyleFontSize.js";import{QueryClient as m,QueryClientProvider as c}from"@tanstack/react-query";import{Pickaxe as h}from"../Pickaxe/index.js";import{PickaxeProvider as u}from"../Pickaxe/Provider.js";import{PickaxeArtifact as p}from"../Pickaxe/Addons/Artifact/index.js";import f from"../Icons/x.svg.js";import v from"../Core/Modal/index.js";import x from"../Core/Modal/Body.js";import g from"../../common/cn.js";const b=new m({defaultOptions:{queries:{refetchOnWindowFocus:!1}}}),y=a=>{var r,m,c,u,b,y,w,O,k,{formId:D,className:H}=a,I=e(a,["formId","className"]);const{chatId:N}=d(),[P,R]=n(!1),[C,W]=n(!1),T=s((()=>{const e=I.deploymentDimensions;if(!e)return;let i=0;"px"===e.width.unit?i=e.width.value:"%"===e.width.unit&&(i=Math.floor(e.maxWidth(e.width.value/100)));let o=0;"px"===e.height.unit?o=e.height.value:"auto"===e.height.unit&&(o=e.maxHeight);const t=window.innerWidth<i+50,n=window.innerHeight<o+100,s=t\|\|n;!C&&s&&W(!0),C&&!s&&W(!1)}),[C,I.deploymentDimensions]);return l((()=>(T(),window.addEventListener("resize",T),()=>window.removeEventListener("resize",T))),[P,C,I.deploymentDimensions]),o(t,{children:[i(j,{formId:D,setIsOpen:e=>{R(e),e&&T()}}),i(v,Object.assign({isOpen:P,onChange:()=>R(!1)},{children:o(x,Object.assign({className:g("relative overflow-hidden ~~bg-transparent~~",I.isDropShadow&&"shadow-embed",C&&"h-full w-full"),style:{borderRadius:C?0:(null!==(m=null===(r=I.styles)\|\|void 0===r?void 0:r.cornerRadius)&&void 0!==m?m:0)+"px"}},{children:[i("div",Object.assign({className:"overflow-auto scrollbar scrollbar-thin",style:Object.assign({borderRadius:C?0:(null!==(u=null===(c=I.styles)\|\|void 0===c?void 0:c.cornerRadius)&&void 0!==u?u:0)+"px"},C?{width:"100%",height:"100%"}:Object.assign(Object.assign({},"px"===(null===(b=I.deploymentDimensions)\|\|void 0===b?void 0:b.width.unit)?{width:I.deploymentDimensions.width.value+I.deploymentDimensions.width.unit}:"%"===(null===(y=I.deploymentDimensions)\|\|void 0===y?void 0:y.width.unit)?{width:Math.floor(I.deploymentDimensions.maxWidth(I.deploymentDimensions.width.value/100))}:{}),"px"===(null===(w=I.deploymentDimensions)\|\|void 0===w?void 0:w.height.unit)?{height:I.deploymentDimensions.height.value+"px"}:"auto"===(null===(O=I.deploymentDimensions)\|\|void 0===O?void 0:O.height.unit)?{height:I.deploymentDimensions.minHeight+"px",maxHeight:I.deploymentDimensions.maxHeight+"px"}:{}))},{children:i(h,Object.assign({formId:D},H&&{className:H}))})),i("button",Object.assign({className:"absolute z-10 outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>R(!1),style:{right:N?14:24,top:14,color:(null===(k=I.colors)\|\|void 0===k?void 0:k.accent)\|\|"#000"}},{children:i(f,{className:"h-6 w-6 shrink-0"})}))]}))})),i(p,{})]})},w=e=>i(c,Object.assign({client:b},{children:i(u,Object.assign({},e,{deploymentType:"popup",isEmbed:!0},{children:i(y,Object.assign({},e))}))})),j=({formId:e,setIsOpen:o})=>{var t;const{colors:n,styles:s,deploymentDimensions:l,deploymentMisc:m}=d(),c=r(),h=a(e);return h.isLoading?null:i("button",Object.assign({style:Object.assign(Object.assign(Object.assign({},"Real Head Pro"!==s.font&&{fontFamily:s.font}),{color:n.accentText,backgroundColor:n.accent,borderRadius:s.cornerRadius+"px",borderWidth:s.outlineThickness+"px",maxWidth:"%"===(null==l?void 0:l.width.unit)?(null==l?void 0:l.maxWidth)+"px":(null==l?void 0:l.width.value)+"px",minHeight:48}),"Real Head Pro"!==s.font&&{fontFamily:s.font}),className:g(c.b2,"flex w-max min-w-[130px] select-none items-center justify-center gap-x-3 px-4 ~~font-semibold~~ hover:duration-300 focus:outline focus:outline-black/30 active:opacity-90 disabled:cursor-not-allowed dark:focus:outline-white/30"),onClick:()=>o(!0)},{children:i("p",Object.assign({className:g(c.b2,"font-semibold"),style:Object.assign({color:n.accentText},"Real Head Pro"!==s.font&&{fontFamily:s.font})},{children:(null==m?void 0:m.popupText)\|\|(null===(t=h.data)\|\|void 0===t?void 0:t.formtitle)\|\|"Open Tool"}))}))};export{w as Popup,j as PopupCTAButton};
1	+ import{__rest as e}from"../../_virtual/_tslib.js";import{jsx as i,jsxs as o,Fragment as t}from"react/jsx-runtime";import{useState as n,useCallback as s,useEffect as l}from"react";import{usePickaxeContext as d}from"../../hooks/pickaxe/usePickaxeContext.js";import{useInstantPickaxe as a}from"../../hooks/pickaxe/usePickaxe.js";import{useStyleFontSize as r}from"../../hooks/studio/useStyleFontSize.js";import{QueryClient as m,QueryClientProvider as c}from"@tanstack/react-query";import{Pickaxe as u}from"../Pickaxe/index.js";import{PickaxeProvider as h}from"../Pickaxe/Provider.js";import{PickaxeArtifact as p}from"../Pickaxe/Addons/Artifact/index.js";import f from"../Icons/x.svg.js";import v from"../Core/Modal/index.js";import x from"../Core/Modal/Body.js";import g from"../../common/cn.js";const y=new m({defaultOptions:{queries:{refetchOnWindowFocus:!1}}}),b=a=>{var r,m,c,h,y,b,w,O,k,{formId:D,className:H}=a,I=e(a,["formId","className"]);const{chatId:N,deploymentType:P}=d(),[R,C]=n(!1),[T,W]=n(!1),F=s((()=>{const e=I.deploymentDimensions;if(!e)return;let i=0;"px"===e.width.unit?i=e.width.value:"%"===e.width.unit&&(i=Math.floor(e.maxWidth(e.width.value/100)));let o=0;"px"===e.height.unit?o=e.height.value:"auto"===e.height.unit&&(o=e.maxHeight);const t=window.innerWidth<i+50,n=window.innerHeight<o+100,s=t\|\|n;!T&&s&&W(!0),T&&!s&&W(!1)}),[T,I.deploymentDimensions]);return l((()=>(F(),window.addEventListener("resize",F),()=>window.removeEventListener("resize",F))),[R,T,I.deploymentDimensions]),o(t,{children:[i(j,{formId:D,setIsOpen:e=>{C(e),e&&F()}}),i(v,Object.assign({isOpen:R,onChange:()=>C(!1)},{children:o(x,Object.assign({className:g("relative bg-transparent overflow-hidden",I.isDropShadow&&"shadow-embed",T&&"h-full w-full"),style:{borderRadius:T?0:(null!==(m=null===(r=I.styles)\|\|void 0===r?void 0:r.cornerRadius)&&void 0!==m?m:0)+"px"}},{children:[i("div",Object.assign({className:"overflow-auto scrollbar scrollbar-thin",style:Object.assign({borderRadius:T?0:(null!==(h=null===(c=I.styles)\|\|void 0===c?void 0:c.cornerRadius)&&void 0!==h?h:0)+"px"},T?{width:"100%",height:"100%"}:Object.assign(Object.assign({},"px"===(null===(y=I.deploymentDimensions)\|\|void 0===y?void 0:y.width.unit)?{width:I.deploymentDimensions.width.value+I.deploymentDimensions.width.unit}:"%"===(null===(b=I.deploymentDimensions)\|\|void 0===b?void 0:b.width.unit)?{width:Math.floor(I.deploymentDimensions.maxWidth(I.deploymentDimensions.width.value/100))}:{}),"px"===(null===(w=I.deploymentDimensions)\|\|void 0===w?void 0:w.height.unit)?{height:I.deploymentDimensions.height.value+"px"}:"auto"===(null===(O=I.deploymentDimensions)\|\|void 0===O?void 0:O.height.unit)?{height:I.deploymentDimensions.minHeight+"px",maxHeight:I.deploymentDimensions.maxHeight+"px"}:{}))},{children:i(u,Object.assign({formId:D},H&&{className:H}))})),i("button",Object.assign({className:"absolute z-10 outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>C(!1),style:{right:"popup"===P?24:N?14:24,top:14,color:(null===(k=I.colors)\|\|void 0===k?void 0:k.accent)\|\|"#000"}},{children:i(f,{className:"h-6 w-6 shrink-0"})}))]}))})),i(p,{})]})},w=e=>i(c,Object.assign({client:y},{children:i(h,Object.assign({},e,{deploymentType:"popup",isEmbed:!0},{children:i(b,Object.assign({},e))}))})),j=({formId:e,setIsOpen:o})=>{var t;const{colors:n,styles:s,deploymentDimensions:l,deploymentMisc:m}=d(),c=r(),u=a(e);return u.isLoading?null:i("button",Object.assign({style:Object.assign(Object.assign(Object.assign({},"Real Head Pro"!==s.font&&{fontFamily:s.font}),{color:n.accentText,backgroundColor:n.accent,borderRadius:s.cornerRadius+"px",borderWidth:s.outlineThickness+"px",maxWidth:"%"===(null==l?void 0:l.width.unit)?(null==l?void 0:l.maxWidth)+"px":(null==l?void 0:l.width.value)+"px",minHeight:48}),"Real Head Pro"!==s.font&&{fontFamily:s.font}),className:g(c.b2,"flex w-max min-w-[130px] select-none items-center font-semibold justify-center gap-x-3 px-4 hover:duration-300 focus:outline focus:outline-black/30 active:opacity-90 disabled:cursor-not-allowed dark:focus:outline-white/30"),onClick:()=>o(!0)},{children:i("p",Object.assign({className:g(c.b2,"font-semibold"),style:Object.assign({color:n.accentText},"Real Head Pro"!==s.font&&{fontFamily:s.font})},{children:(null==m?void 0:m.popupText)\|\|(null===(t=u.data)\|\|void 0===t?void 0:t.formtitle)\|\|"Open Tool"}))}))};export{w as Popup,j as PopupCTAButton};

package/dist/esm/components/Pickaxe/Addons/Artifact/Renderer/SaveMenu.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import s from"../../../../Icons/save.svg.js";import a from"../../../../Core/Menu/index.js";import i from"../../../../Core/Menu/Button.js";import l from"../../../../Core/Menu/List.js";const c=({variant:c="default",className:o,children:r,data:m,colors:p,onDownload:x,onSaveAsPDF:d,onSaveAsDOCX:h})=>e(a,Object.assign({id:`save-artifact-${m.id}-${m.version}`},{children:[t(i,Object.assign({variant:c,className:o,style:{color:p.text}},{children:r})),t(l,Object.assign({width:"auto",className:"p-1 text-sm ~~font-semibold~~",style:{backgroundColor:p.primary,color:p.text},border:`1px solid ${p.primary}`},{children:"text/markdown"===m.type?e(n,{children:[e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("text/markdown")},{children:[t(s,{className:"mr-2 ~~inline-block~~ h-5 w-5 ~~shrink~~-0"}),"Markdown"]})),e("button",Object.assign({className:"px-2 py-1 text-left",onClick:d},{children:[t(s,{className:"mr-2 ~~inline-block~~ h-5 w-5 ~~shrink~~-0"}),"PDF"]})),e("button",Object.assign({className:"px-2 py-1 text-left",onClick:h},{children:[t(s,{className:"mr-2 ~~inline-block~~ h-5 w-5 ~~shrink~~-0"}),"DOCX"]})),e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("text/plain")},{children:[t(s,{className:"mr-2 ~~inline-block~~ h-5 w-5 ~~shrink~~-0"}),"TXT"]}))]}):"text/html"===m.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("text/html")},{children:[t(s,{className:"mr-2 ~~inline-block~~ h-5 w-5 ~~shrink~~-0"}),"HTML"]})):"text/csv"===m.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("text/csv")},{children:[t(s,{className:"mr-2 ~~inline-block~~ h-5 w-5 ~~shrink~~-0"}),"CSV"]})):"image/svg+xml"===m.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("image/svg+xml")},{children:[t(s,{className:"mr-2 ~~inline-block~~ h-5 w-5 ~~shrink~~-0"}),"SVG"]})):"application/vnd.pxe.code"===m.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("application/vnd.pxe.code")},{children:[t(s,{className:"mr-2 ~~inline-block~~ h-5 w-5 ~~shrink~~-0"}),`${m.programmingLanguage\|\|"Plain Text"}`]})):"application/vnd.pxe.mermaid"===m.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("application/vnd.pxe.mermaid")},{children:[t(s,{className:"mr-2 ~~inline-block~~ h-5 w-5 ~~shrink~~-0"}),"SVG"]})):"application/vnd.pxe.react"===m.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("application/vnd.pxe.react")},{children:[t(s,{className:"mr-2 ~~inline-block~~ h-5 w-5 ~~shrink~~-0"}),"TSX"]})):null}))]}));export{c as default};
1	+ import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import s from"../../../../Icons/save.svg.js";import a from"../../../../Core/Menu/index.js";import i from"../../../../Core/Menu/Button.js";import l from"../../../../Core/Menu/List.js";const c=({variant:c="default",className:o,children:r,data:m,colors:p,onDownload:x,onSaveAsPDF:d,onSaveAsDOCX:h})=>e(a,Object.assign({id:`save-artifact-${m.id}-${m.version}`},{children:[t(i,Object.assign({variant:c,className:o,style:{color:p.text}},{children:r})),t(l,Object.assign({width:"auto",className:"font-semibold p-1 text-sm",style:{backgroundColor:p.primary,color:p.text},border:`1px solid ${p.primary}`},{children:"text/markdown"===m.type?e(n,{children:[e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("text/markdown")},{children:[t(s,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"Markdown"]})),e("button",Object.assign({className:"px-2 py-1 text-left",onClick:d},{children:[t(s,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"PDF"]})),e("button",Object.assign({className:"px-2 py-1 text-left",onClick:h},{children:[t(s,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"DOCX"]})),e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("text/plain")},{children:[t(s,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"TXT"]}))]}):"text/html"===m.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("text/html")},{children:[t(s,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"HTML"]})):"text/csv"===m.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("text/csv")},{children:[t(s,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"CSV"]})):"image/svg+xml"===m.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("image/svg+xml")},{children:[t(s,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"SVG"]})):"application/vnd.pxe.code"===m.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("application/vnd.pxe.code")},{children:[t(s,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),`${m.programmingLanguage\|\|"Plain Text"}`]})):"application/vnd.pxe.mermaid"===m.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("application/vnd.pxe.mermaid")},{children:[t(s,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"SVG"]})):"application/vnd.pxe.react"===m.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>x("application/vnd.pxe.react")},{children:[t(s,{className:"w-5 h-5 shrink-0 inline-block mr-2"}),"TSX"]})):null}))]}));export{c as default};

package/dist/esm/components/Pickaxe/Addons/Artifact/Renderer/ViewOptions.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsx as o}from"react/jsx-runtime";import e from"../../../../Icons/eye.svg.js";import n from"../../../../Icons/code.svg.js";const r=[{id:"render",icon:e,hideIn:["application/vnd.pxe.code"]},{id:"code",icon:n}],i=({type:e,view:n,colors:i,onChange:d})=>o("div",Object.assign({className:"flex ~~rounded-md~~ p-0.5",style:{backgroundColor:i.primary,color:i.text+"90"}},{children:r.map(((r,s)=>{var c;return(null===(c=r.hideIn)\|\|void 0===c?void 0:c.includes(e))?null:o("button",Object.assign({className:"rounded-md p-1 px-1.5 transition-colors duration-200 ease-in-out"},n===r.id&&{style:{backgroundColor:i.secondary,color:i.secondaryText}},{onClick:()=>d(r.id)},{children:o(r.icon,{className:"h-5 w-5 shrink-0"})}),s)}))}));export{i as default};
1	+ import{jsx as o}from"react/jsx-runtime";import e from"../../../../Icons/eye.svg.js";import n from"../../../../Icons/code.svg.js";const r=[{id:"render",icon:e,hideIn:["application/vnd.pxe.code"]},{id:"code",icon:n}],i=({type:e,view:n,colors:i,onChange:d})=>o("div",Object.assign({className:"flex p-0.5 rounded-md",style:{backgroundColor:i.primary,color:i.text+"90"}},{children:r.map(((r,s)=>{var c;return(null===(c=r.hideIn)\|\|void 0===c?void 0:c.includes(e))?null:o("button",Object.assign({className:"rounded-md p-1 px-1.5 transition-colors duration-200 ease-in-out"},n===r.id&&{style:{backgroundColor:i.secondary,color:i.secondaryText}},{onClick:()=>d(r.id)},{children:o(r.icon,{className:"w-5 h-5 shrink-0"})}),s)}))}));export{i as default};

package/dist/esm/components/Pickaxe/Addons/Artifact/Renderer/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsxs as o,jsx as t}from"react/jsx-runtime";import{useState as n,useRef as r,useMemo as i,useEffect as a}from"react";import{useArtifactContext as l}from"../hooks/useArtifactContext.js";import{usePickaxeContext as c}from"../../../../../hooks/pickaxe/usePickaxeContext.js";import{useScroll as s}from"../../Scroll/hooks/useScroll.js";import{useArtifact as d}from"../hooks/useArtifact.js";import{useReactToPrint as p}from"react-to-print";import{PickaxeMarkdown as m}from"../../../common/PickaxeMarkdown/index.js";import{PickaxeMarkdownRenderer as u}from"../../../common/PickaxeMarkdown/Renderer.js";import{Prism as v}from"react-syntax-highlighter";import{convertMarkdownToDocx as f,downloadDocx as g}from"../../../../../common/docx/index.js";import x from"file-saver";import y from"../../Scroll/ScrollLockView.js";import h from"../../../../Icons/x.svg.js";import b from"../../../../Icons/save.svg.js";import C from"../../../../Icons/expand.svg.js";import w from"../../../../Icons/shrink.svg.js";import k from"../../../common/PickaxeCopyButton.js";import j from"../../../../Core/ScrollArea.js";import F from"../../../../Core/TipContainer.js";import T from"../MermaidRenderer.js";import O from"./SaveMenu.js";import A from"./ViewOptions.js";import S from"csv-to-markdown-table";import D from"../../../../../common/cn.js";const E="development"===process.env.NODE_ENV?"http://localhost:3007":"https://user-content.pickaxe.co",N=N=>{var B,z,M,$;const{artifacts:L,currentPopupType:W,currentArtifact:R,setCurrentArtifact:H}=l(),{onLoadArtifact:P}=d(),{styles:I,colors:_,translations:V}=c(),[X,q]=n("code"),G=r(),J=r(null),K=r(null),Q=p({contentRef:G}),{scrollContainerRef:U,scrollStartSession:Y,scrollToBottom:Z,scrollEndSession:ee}=s({auto:"code"===X}),oe=null!==(z=null===(B=N.styling)\|\|void 0===B?void 0:B.styles)&&void 0!==z?z:I,te=null!==($=null===(M=N.styling)\|\|void 0===M?void 0:M.colors)&&void 0!==$?$:_,ne=i((()=>{var e,o,t,n,r;if(!N.artifact&&!R)return null;const i=null!==(o=null===(e=N.artifact)\|\|void 0===e?void 0:e.id)&&void 0!==o?o:null==R?void 0:R.id,a=null!==(n=null===(t=N.artifact)\|\|void 0===t?void 0:t.version)&&void 0!==n?n:null==R?void 0:R.version;return null!==(r=L.find((e=>e.id===i&&e.version===a)))&&void 0!==r?r:null}),[R,L,N.artifact]),re=i((()=>ne&&"text/csv"===ne.type?S(ne.content,",",!0):null),[ne]),ie=i((()=>(te.secondaryText\|\|"").toLowerCase().startsWith("#ffffff")),[null==te?void 0:te.secondaryText]),ae=i((()=>{const e=N.artifact&&(null==R?void 0:R.id)===N.artifact.id&&(null==R?void 0:R.version)===N.artifact.version;return"inline"===N.type&&("inline-form"===W?!!R:e)}),[R,W,N.type,N.artifact]);a((()=>{e(void 0,void 0,void 0,(function(){"inline"===N.type&&N.artifact&&(L.some((e=>N.artifact&&e.id===N.artifact.id&&e.version===N.artifact.version))\|\|P({id:N.artifact.id,version:N.artifact.version}))}))}),[L,N.type,N.artifact]),a((()=>{if("application/vnd.pxe.code"===(null==ne?void 0:ne.type)&&q("code"),"finished"!==(null==ne?void 0:ne.status))return q("code"),Y(),void Z();ee(),"application/vnd.pxe.code"!==ne.type&&q("render")}),[null==ne?void 0:ne.status,null==ne?void 0:ne.type]),a((()=>{var e;!K.current\|\|"text/html"!==(null==ne?void 0:ne.type)&&"application/vnd.pxe.react"!==(null==ne?void 0:ne.type)\|\|null===(e=K.current.contentWindow)\|\|void 0===e\|\|e.postMessage({type:"text/html"===ne.type?"HTML_CODE":"REACT_CODE",content:ne.content},E)}),[null==ne?void 0:ne.content,null==ne?void 0:ne.type]);const le=()=>e(void 0,void 0,void 0,(function(){if(!ne)return;const e=X;"code"===e&&(q("render"),yield new Promise((e=>setTimeout(e,50)))),Q(),"code"===e&&q(e)})),ce=()=>e(void 0,void 0,void 0,(function(){if(!ne)return;const e=yield f(ne.content);g(e,`${ne.title}.docx`)})),se=o=>e(void 0,void 0,void 0,(function(){var e;if(!ne)return;let t={mimeType:"text/plain",extension:".txt"};switch(o){case"text/markdown":t={mimeType:"text/markdown",extension:".md"};break;case"text/html":t={mimeType:"text/html",extension:".html"};break;case"text/csv":t={mimeType:"text/csv",extension:".csv"};break;case"image/svg+xml":case"application/vnd.pxe.mermaid":t={mimeType:"image/svg+xml",extension:".svg"};break;case"application/vnd.pxe.code":t={mimeType:`application/${ne.programmingLanguage\|\|"text"};charset=utf-8`,extension:`.${ne.programmingLanguage\|\|"txt"}`};break;case"application/vnd.pxe.react":t={mimeType:"text/typescript",extension:".tsx"};break;default:t={mimeType:"text/plain",extension:".txt"}}let n=null;if("application/vnd.pxe.mermaid"===ne.type){const o=X;"code"===o&&(q("render"),yield new Promise((e=>setTimeout(e,50))));const t=null===(e=J.current)\|\|void 0===e?void 0:e.querySelector("svg");t&&(n=(new XMLSerializer).serializeToString(t)),"code"===o&&q(o)}const r=new Blob([null!=n?n:ne.content],{type:t.mimeType});x(r,`${ne.title}${t.extension}`)}));return ne?o("div",Object.assign({className:D("pxe-artifact-renderer flex flex-col","inline"===N.type&&!ae&&"mb-6 min-h-[320px]",N.className),style:Object.assign(Object.assign({backgroundColor:te.secondary,color:te.secondaryText},"auto"!==W&&{borderRadius:oe.cornerRadius}),N.style)},{children:[o("div",Object.assign({className:"flex items-center justify-between gap-6 p-4 shadow-sm"},{children:[o("div",Object.assign({className:"pxe-artifact-create-header flex items-center gap-4 truncate"},{children:[(ae\|\|!W.startsWith("inline"))&&t(A,{type:ne.type,view:X,colors:te,onChange:q}),t("p",Object.assign({className:"truncate text-xl font-semilight"},{children:ne.title}))]})),o("div",Object.assign({className:"flex items-center gap-3"},{children:[(ae\|\|!W.startsWith("inline"))&&t(O,Object.assign({variant:"anchor",className:"shrink-0 px-3 py-1.5",data:ne,colors:te,onDownload:se,onSaveAsPDF:le,onSaveAsDOCX:ce},{children:t("span",Object.assign({className:"shrink-0 select-none text-sm font-semibold"},{children:(null==V?void 0:V["save-as"])\|\|"Save as"}))})),t("button",Object.assign({style:{color:te.secondaryText},onClick:()=>{"inline"!==N.type\|\|!N.artifact\|\|ae?H(null):H({id:N.artifact.id,version:N.artifact.version})}},{children:"inline"===N.type?t(ae?w:C,{className:"h-6 w-6 shrink-0"}):t(h,{className:"h-6 w-6 shrink-0"})}))]}))]})),t("div",Object.assign({className:"flex flex-grow flex-col @container/pickaxe-artifact"},{children:o(j,Object.assign({ref:U,innerClassName:"flex-grow w-full"},{children:["render"===X&&"application/vnd.pxe.code"!==ne.type?t("div",Object.assign({ref:G,className:D("flex flex-grow flex-col p-4 pb-6","application/vnd.pxe.react"===ne.type&&"p-0","text/html"===ne.type&&"p-0","text/csv"===ne.type&&"p-0")},{children:"text/markdown"===ne.type\|\|"text/csv"===ne.type\|\|"image/svg+xml"===ne.type?t(m,Object.assign({theme:oe.theme,colors:te},{children:t(u,{value:null!=re?re:ne.content,className:D("mx-auto w-full px-6 @[767px]/pickaxe-artifact:px-11","text/csv"===ne.type&&"mx-0 px-4 @[767px]/pickaxe-artifact:px-4"),style:{flex:1}})})):"application/vnd.pxe.mermaid"===ne.type?t(T,{ref:J,id:`mermaid-${ne.id}-${ne.version}`,data:ne.content}):"text/html"===ne.type\|\|"application/vnd.pxe.react"===ne.type?t("iframe",Object.assign({ref:K,title:ne.title,src:`${E}/${"text/html"===ne.type?"html":"react"}?theme=${ie?"dark":"light"}`,style:{width:"100%",flex:1,border:"none",backgroundColor:null==te?void 0:te.secondary},loading:"lazy",allow:"fullscreen; camera; microphone; gyroscope; accelerometer; geolocation; clipboard-write; autoplay",sandbox:"allow-scripts allow-same-origin allow-forms allow-downloads allow-popups-to-escape-sandbox allow-pointer-lock allow-popups allow-modals allow-orientation-lock allow-presentation",onLoad:e=>{const o=e.target;setTimeout((()=>{var e;try{null===(e=o.contentWindow)\|\|void 0===e\|\|e.postMessage({type:"text/html"===ne.type?"HTML_CODE":"REACT_CODE",content:ne.content},E)}catch(e){console.error("Error sending message to iframe:",e)}}),100),Z()}},{children:"Iframe is not supported, please view this artifact in a browser that supports it."})):null})):t(v,Object.assign({PreTag:"div",language:"text/markdown"===ne.type?"markdown":"text/html"===ne.type\|\|"image/svg+xml"===ne.type?"xml":"application/vnd.pxe.react"===ne.type?"typescript":ne.programmingLanguage,showLineNumbers:!0,customStyle:{margin:0,flex:1},style:Object.assign({'code[class="language-"]':Object.assign(Object.assign({color:null==te?void 0:te.secondaryText},ie&&{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-"]':Object.assign(Object.assign({color:null==te?void 0:te.secondaryText},ie&&{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",borderRadius:"0.3em",minWidth:0,paddingLeft:"1em",paddingRight:"1em",paddingBottom:"2em",background:null==te?void 0:te.secondary}),':not(pre) > code[class*="language-"]':{background:null==te?void 0:te.secondary,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"},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:null==te?void 0:te.secondaryText,fontWeight:"bold"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"}},!ie&&{comment:{color:"#7D8B99"},prolog:{color:"#7D8B99"},doctype:{color:"#7D8B99"},cdata:{color:"#7D8B99"},punctuation:{color:"#4D4D4C"},property:{color:"#4078F2"},keyword:{color:"#8959A8"},tag:{color:"#8959A8"},"class-name":{color:"#D75F00"},boolean:{color:"#0086B3"},constant:{color:"#0086B3"},symbol:{color:"#990055"},deleted:{color:"#990000"},number:{color:"#005CC5"},selector:{color:"#63A35C"},"attr-name":{color:"#63A35C"},string:{color:"#50A14F"},char:{color:"#50A14F"},builtin:{color:"#50A14F"},inserted:{color:"#50A14F"},variable:{color:"#A626A4"},operator:{color:"#4D4D4C"},entity:{color:"#E45649",cursor:"help"},url:{color:"#4078F2"},".language-css .token.string":{color:"#50A14F"},".style .token.string":{color:"#50A14F"},atrule:{color:"#C18401"},"attr-value":{color:"#986801"},function:{color:"#005CC5"},regex:{color:"#D16969"},important:{color:null==te?void 0:te.secondaryText,fontWeight:"bold"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"}})},{children:ne.content})),t(y,{})]}))})),"inline"===N.type&&!ae&&o("div",Object.assign({className:"flex items-center gap-4 p-4 pt-6"},{children:[t(F,Object.assign({id:`artifact-copy-${ne.id}-${ne.version}`,tip:(null==V?void 0:V.copy)\|\|"Copy",style:{padding:"0.25rem 0.5rem",backgroundColor:te.secondary,color:te.secondaryText,fontSize:"12px"},align:"bottom"},{children:t(k,{color:te.secondaryText,text:ne.content,className:"opacity-100",iconClassName:"w-5 h-5"})})),t(F,Object.assign({id:`artifact-save-${ne.id}-${ne.version}`,tip:(null==V?void 0:V.save)\|\|"Save",style:{padding:"0.25rem 0.5rem",backgroundColor:te.secondary,color:te.secondaryText,fontSize:"12px"},align:"bottom"},{children:t(O,Object.assign({data:ne,colors:te,onDownload:se,onSaveAsPDF:le,onSaveAsDOCX:ce},{children:t("button",Object.assign({style:{color:te.secondaryText}},{children:t(b,{className:"h-5 w-5 shrink-0"})}))}))}))]}))]})):null};export{N as default};
1	+ import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsxs as o,jsx as t}from"react/jsx-runtime";import{useState as n,useRef as r,useMemo as i,useEffect as a}from"react";import{useArtifactContext as l}from"../hooks/useArtifactContext.js";import{usePickaxeContext as c}from"../../../../../hooks/pickaxe/usePickaxeContext.js";import{useScroll as s}from"../../Scroll/hooks/useScroll.js";import{useArtifact as d}from"../hooks/useArtifact.js";import{useReactToPrint as p}from"react-to-print";import{PickaxeMarkdown as m}from"../../../common/PickaxeMarkdown/index.js";import{PickaxeMarkdownRenderer as u}from"../../../common/PickaxeMarkdown/Renderer.js";import{Prism as v}from"react-syntax-highlighter";import{convertMarkdownToDocx as f,downloadDocx as g}from"../../../../../common/docx/index.js";import x from"file-saver";import y from"../../Scroll/ScrollLockView.js";import h from"../../../../Icons/x.svg.js";import b from"../../../../Icons/save.svg.js";import C from"../../../../Icons/expand.svg.js";import w from"../../../../Icons/shrink.svg.js";import k from"../../../common/PickaxeCopyButton.js";import j from"../../../../Core/ScrollArea.js";import F from"../../../../Core/TipContainer.js";import T from"../MermaidRenderer.js";import O from"./SaveMenu.js";import A from"./ViewOptions.js";import S from"csv-to-markdown-table";import D from"../../../../../common/cn.js";const E="development"===process.env.NODE_ENV?"http://localhost:3007":"https://user-content.pickaxe.co",N=N=>{var B,z,M,$;const{artifacts:L,currentPopupType:W,currentArtifact:R,setCurrentArtifact:H}=l(),{onLoadArtifact:P}=d(),{styles:I,colors:_,translations:V}=c(),[X,q]=n("code"),G=r(),J=r(null),K=r(null),Q=p({contentRef:G}),{scrollContainerRef:U,scrollStartSession:Y,scrollToBottom:Z,scrollEndSession:ee}=s({auto:"code"===X}),oe=null!==(z=null===(B=N.styling)\|\|void 0===B?void 0:B.styles)&&void 0!==z?z:I,te=null!==($=null===(M=N.styling)\|\|void 0===M?void 0:M.colors)&&void 0!==$?$:_,ne=i((()=>{var e,o,t,n,r;if(!N.artifact&&!R)return null;const i=null!==(o=null===(e=N.artifact)\|\|void 0===e?void 0:e.id)&&void 0!==o?o:null==R?void 0:R.id,a=null!==(n=null===(t=N.artifact)\|\|void 0===t?void 0:t.version)&&void 0!==n?n:null==R?void 0:R.version;return null!==(r=L.find((e=>e.id===i&&e.version===a)))&&void 0!==r?r:null}),[R,L,N.artifact]),re=i((()=>ne&&"text/csv"===ne.type?S(ne.content,",",!0):null),[ne]),ie=i((()=>(te.secondaryText\|\|"").toLowerCase().startsWith("#ffffff")),[null==te?void 0:te.secondaryText]),ae=i((()=>{const e=N.artifact&&(null==R?void 0:R.id)===N.artifact.id&&(null==R?void 0:R.version)===N.artifact.version;return"inline"===N.type&&("inline-form"===W?!!R:e)}),[R,W,N.type,N.artifact]);a((()=>{e(void 0,void 0,void 0,(function(){"inline"===N.type&&N.artifact&&(L.some((e=>N.artifact&&e.id===N.artifact.id&&e.version===N.artifact.version))\|\|P({id:N.artifact.id,version:N.artifact.version}))}))}),[L,N.type,N.artifact]),a((()=>{if("application/vnd.pxe.code"===(null==ne?void 0:ne.type)&&q("code"),"finished"!==(null==ne?void 0:ne.status))return q("code"),Y(),void Z();ee(),"application/vnd.pxe.code"!==ne.type&&q("render")}),[null==ne?void 0:ne.status,null==ne?void 0:ne.type]),a((()=>{var e;!K.current\|\|"text/html"!==(null==ne?void 0:ne.type)&&"application/vnd.pxe.react"!==(null==ne?void 0:ne.type)\|\|null===(e=K.current.contentWindow)\|\|void 0===e\|\|e.postMessage({type:"text/html"===ne.type?"HTML_CODE":"REACT_CODE",content:ne.content},E)}),[null==ne?void 0:ne.content,null==ne?void 0:ne.type]);const le=()=>e(void 0,void 0,void 0,(function(){if(!ne)return;const e=X;"code"===e&&(q("render"),yield new Promise((e=>setTimeout(e,50)))),Q(),"code"===e&&q(e)})),ce=()=>e(void 0,void 0,void 0,(function(){if(!ne)return;const e=yield f(ne.content);g(e,`${ne.title}.docx`)})),se=o=>e(void 0,void 0,void 0,(function(){var e;if(!ne)return;let t={mimeType:"text/plain",extension:".txt"};switch(o){case"text/markdown":t={mimeType:"text/markdown",extension:".md"};break;case"text/html":t={mimeType:"text/html",extension:".html"};break;case"text/csv":t={mimeType:"text/csv",extension:".csv"};break;case"image/svg+xml":case"application/vnd.pxe.mermaid":t={mimeType:"image/svg+xml",extension:".svg"};break;case"application/vnd.pxe.code":t={mimeType:`application/${ne.programmingLanguage\|\|"text"};charset=utf-8`,extension:`.${ne.programmingLanguage\|\|"txt"}`};break;case"application/vnd.pxe.react":t={mimeType:"text/typescript",extension:".tsx"};break;default:t={mimeType:"text/plain",extension:".txt"}}let n=null;if("application/vnd.pxe.mermaid"===ne.type){const o=X;"code"===o&&(q("render"),yield new Promise((e=>setTimeout(e,50))));const t=null===(e=J.current)\|\|void 0===e?void 0:e.querySelector("svg");t&&(n=(new XMLSerializer).serializeToString(t)),"code"===o&&q(o)}const r=new Blob([null!=n?n:ne.content],{type:t.mimeType});x(r,`${ne.title}${t.extension}`)}));return ne?o("div",Object.assign({className:D("pxe-artifact-renderer flex flex-col","inline"===N.type&&!ae&&"min-h-[320px] mb-6",N.className),style:Object.assign(Object.assign({backgroundColor:te.secondary,color:te.secondaryText},"auto"!==W&&{borderRadius:oe.cornerRadius}),N.style)},{children:[o("div",Object.assign({className:"flex items-center gap-6 justify-between p-4 shadow-sm"},{children:[o("div",Object.assign({className:"pxe-artifact-create-header flex items-center gap-4 truncate"},{children:[(ae\|\|!W.startsWith("inline"))&&t(A,{type:ne.type,view:X,colors:te,onChange:q}),t("p",Object.assign({className:"font-semilight truncate text-xl"},{children:ne.title}))]})),o("div",Object.assign({className:"flex items-center gap-3"},{children:[(ae\|\|!W.startsWith("inline"))&&t(O,Object.assign({variant:"anchor",className:"px-3 py-1.5 shrink-0",data:ne,colors:te,onDownload:se,onSaveAsPDF:le,onSaveAsDOCX:ce},{children:t("span",Object.assign({className:"shrink-0 font-semibold text-sm select-none"},{children:(null==V?void 0:V["save-as"])\|\|"Save as"}))})),t("button",Object.assign({style:{color:te.secondaryText},onClick:()=>{"inline"!==N.type\|\|!N.artifact\|\|ae?H(null):H({id:N.artifact.id,version:N.artifact.version})}},{children:"inline"===N.type?t(ae?w:C,{className:"w-6 h-6 shrink-0"}):t(h,{className:"w-6 h-6 shrink-0"})}))]}))]})),t("div",Object.assign({className:"flex flex-col flex-grow @container/pickaxe-artifact"},{children:o(j,Object.assign({ref:U,innerClassName:"flex-grow w-full"},{children:["render"===X&&"application/vnd.pxe.code"!==ne.type?t("div",Object.assign({ref:G,className:D("p-4 pb-6 flex-grow flex flex-col","application/vnd.pxe.react"===ne.type&&"p-0","text/html"===ne.type&&"p-0","text/csv"===ne.type&&"p-0")},{children:"text/markdown"===ne.type\|\|"text/csv"===ne.type\|\|"image/svg+xml"===ne.type?t(m,Object.assign({theme:oe.theme,colors:te},{children:t(u,{value:null!=re?re:ne.content,className:D("px-6 @[767px]/pickaxe-artifact:px-11 mx-auto w-full","text/csv"===ne.type&&"px-4 @[767px]/pickaxe-artifact:px-4 mx-0"),style:{flex:1}})})):"application/vnd.pxe.mermaid"===ne.type?t(T,{ref:J,id:`mermaid-${ne.id}-${ne.version}`,data:ne.content}):"text/html"===ne.type\|\|"application/vnd.pxe.react"===ne.type?t("iframe",Object.assign({ref:K,title:ne.title,src:`${E}/${"text/html"===ne.type?"html":"react"}?theme=${ie?"dark":"light"}`,style:{width:"100%",flex:1,border:"none",backgroundColor:null==te?void 0:te.secondary},loading:"lazy",allow:"fullscreen; camera; microphone; gyroscope; accelerometer; geolocation; clipboard-write; autoplay",sandbox:"allow-scripts allow-same-origin allow-forms allow-downloads allow-popups-to-escape-sandbox allow-pointer-lock allow-popups allow-modals allow-orientation-lock allow-presentation",onLoad:e=>{const o=e.target;setTimeout((()=>{var e;try{null===(e=o.contentWindow)\|\|void 0===e\|\|e.postMessage({type:"text/html"===ne.type?"HTML_CODE":"REACT_CODE",content:ne.content},E)}catch(e){console.error("Error sending message to iframe:",e)}}),100),Z()}},{children:"Iframe is not supported, please view this artifact in a browser that supports it."})):null})):t(v,Object.assign({PreTag:"div",language:"text/markdown"===ne.type?"markdown":"text/html"===ne.type\|\|"image/svg+xml"===ne.type?"xml":"application/vnd.pxe.react"===ne.type?"typescript":ne.programmingLanguage,showLineNumbers:!0,customStyle:{margin:0,flex:1},style:Object.assign({'code[class="language-"]':Object.assign(Object.assign({color:null==te?void 0:te.secondaryText},ie&&{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-"]':Object.assign(Object.assign({color:null==te?void 0:te.secondaryText},ie&&{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",borderRadius:"0.3em",minWidth:0,paddingLeft:"1em",paddingRight:"1em",paddingBottom:"2em",background:null==te?void 0:te.secondary}),':not(pre) > code[class*="language-"]':{background:null==te?void 0:te.secondary,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"},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:null==te?void 0:te.secondaryText,fontWeight:"bold"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"}},!ie&&{comment:{color:"#7D8B99"},prolog:{color:"#7D8B99"},doctype:{color:"#7D8B99"},cdata:{color:"#7D8B99"},punctuation:{color:"#4D4D4C"},property:{color:"#4078F2"},keyword:{color:"#8959A8"},tag:{color:"#8959A8"},"class-name":{color:"#D75F00"},boolean:{color:"#0086B3"},constant:{color:"#0086B3"},symbol:{color:"#990055"},deleted:{color:"#990000"},number:{color:"#005CC5"},selector:{color:"#63A35C"},"attr-name":{color:"#63A35C"},string:{color:"#50A14F"},char:{color:"#50A14F"},builtin:{color:"#50A14F"},inserted:{color:"#50A14F"},variable:{color:"#A626A4"},operator:{color:"#4D4D4C"},entity:{color:"#E45649",cursor:"help"},url:{color:"#4078F2"},".language-css .token.string":{color:"#50A14F"},".style .token.string":{color:"#50A14F"},atrule:{color:"#C18401"},"attr-value":{color:"#986801"},function:{color:"#005CC5"},regex:{color:"#D16969"},important:{color:null==te?void 0:te.secondaryText,fontWeight:"bold"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"}})},{children:ne.content})),t(y,{})]}))})),"inline"===N.type&&!ae&&o("div",Object.assign({className:"flex items-center gap-4 p-4 pt-6"},{children:[t(F,Object.assign({id:`artifact-copy-${ne.id}-${ne.version}`,tip:(null==V?void 0:V.copy)\|\|"Copy",style:{padding:"0.25rem 0.5rem",backgroundColor:te.secondary,color:te.secondaryText,fontSize:"12px"},align:"bottom"},{children:t(k,{color:te.secondaryText,text:ne.content,className:"opacity-100",iconClassName:"w-5 h-5"})})),t(F,Object.assign({id:`artifact-save-${ne.id}-${ne.version}`,tip:(null==V?void 0:V.save)\|\|"Save",style:{padding:"0.25rem 0.5rem",backgroundColor:te.secondary,color:te.secondaryText,fontSize:"12px"},align:"bottom"},{children:t(O,Object.assign({data:ne,colors:te,onDownload:se,onSaveAsPDF:le,onSaveAsDOCX:ce},{children:t("button",Object.assign({style:{color:te.secondaryText}},{children:t(b,{className:"w-5 h-5 shrink-0"})}))}))}))]}))]})):null};export{N as default};

package/dist/esm/components/Pickaxe/Addons/Artifact/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsx as e}from"react/jsx-runtime";import{useEffect as o}from"react";import{useArtifactContext as r}from"./hooks/useArtifactContext.js";import{usePickaxeContext as t}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useMediaQuery as i}from"../../../../hooks/core/useMediaQuery.js";import n from"../../../Core/Modal/index.js";import l from"../../../Core/Modal/Body.js";import{ScrollProvider as s}from"../Scroll/Provider.js";import a from"./Renderer/index.js";const c=({forcedPopupType:c,panel:m,styling:p})=>{const{popupType:f,currentPopupType:d,currentArtifact:u,setCurrentPopupType:h,setCurrentArtifact:x}=r(),{pickaxe:j,chatId:y,forceMobile:g}=t(),[C]=i("(max-width: 899px)");o((()=>{const e=!(null==j?void 0:j.chatflag)&&!y\|\|!y;let o=f;"auto"===o&&(e?o="inline-form":(g\|\|C)&&(o="inline")),"inline"===f&&e&&(o="inline-form"),c&&(o=c),h(o)}),[f,g,C,null==j?void 0:j.chatflag,y,c]);const k=e(a,{type:"detached",className:"h-full"});return u&&"inline"!==d?e(s,{children:"auto"===d&&m?m(k):"modal"===d\|\|"inline-form"===d?e(n,Object.assign({isOpen:!0,onChange:e=>{e\|\|x(null)}},{children:e(l,Object.assign({className:"~~flex w-full~~ max-w-[90dvw] flex-col",style:{minHeight:"90dvh"}},{children:e(a,Object.assign({type:"inline-form"===d?"inline":"detached",className:"flex-grow"},p&&{styling:p}))}))})):null}):null};export{c as PickaxeArtifact};
1	+ import{jsx as e}from"react/jsx-runtime";import{useEffect as o}from"react";import{useArtifactContext as r}from"./hooks/useArtifactContext.js";import{usePickaxeContext as t}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useMediaQuery as i}from"../../../../hooks/core/useMediaQuery.js";import n from"../../../Core/Modal/index.js";import l from"../../../Core/Modal/Body.js";import{ScrollProvider as s}from"../Scroll/Provider.js";import a from"./Renderer/index.js";const c=({forcedPopupType:c,panel:m,styling:p})=>{const{popupType:f,currentPopupType:d,currentArtifact:u,setCurrentPopupType:h,setCurrentArtifact:x}=r(),{pickaxe:j,chatId:y,forceMobile:g}=t(),[C]=i("(max-width: 899px)");o((()=>{const e=!(null==j?void 0:j.chatflag)&&!y\|\|!y;let o=f;"auto"===o&&(e?o="inline-form":(g\|\|C)&&(o="inline")),"inline"===f&&e&&(o="inline-form"),c&&(o=c),h(o)}),[f,g,C,null==j?void 0:j.chatflag,y,c]);const k=e(a,{type:"detached",className:"h-full"});return u&&"inline"!==d?e(s,{children:"auto"===d&&m?m(k):"modal"===d\|\|"inline-form"===d?e(n,Object.assign({isOpen:!0,onChange:e=>{e\|\|x(null)}},{children:e(l,Object.assign({className:"max-w-[90dvw] flex flex-col w-full",style:{minHeight:"90dvh"}},{children:e(a,Object.assign({type:"inline-form"===d?"inline":"detached",className:"flex-grow"},p&&{styling:p}))}))})):null}):null};export{c as PickaxeArtifact};

package/dist/esm/components/Pickaxe/Addons/Auth/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__rest as e}from"../../../../_virtual/_tslib.js";import{jsx as i,jsxs as o,Fragment as n}from"react/jsx-runtime";import{useMemo as l}from"react";import{useHover as s}from"../../../../hooks/core/useHover.js";import{useStyleFontSize as t}from"../../../../hooks/studio/useStyleFontSize.js";import{useStyleInput as r}from"../../../../hooks/studio/useStyleInput.js";import{usePickaxeContext as a}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useAuthContext as c}from"./hooks/useAuthContext.js";import{useAuth as m}from"./hooks/useAuth.js";import d from"../../../Icons/spinner-circle.svg.js";import u from"../../../Icons/lock.svg.js";import p from"../../../Icons/email.svg.js";import f from"../../../Icons/arrow-right.svg.js";import x from"../../common/PickaxeIcon.js";import h from"../../common/PickaxeInput.js";import g from"../../common/PickaxeButton.js";import v from"../../common/PickaxeBranding.js";import y from"../../../../common/cn.js";const k=()=>{var k,j,b,w,N,O,C,I,P,S,R;const{deploymentType:D,pickaxe:E,styles:T,colors:B,misc:H,responsiveBy:L,translations:W,isRtl:$}=a(),{emailInput:A,isLoggingIn:F,isSending:K,isResendDisabled:_,isSent:z,setEmailInput:q}=c(),{onSend:G}=m(),J=t(),M=r(),Q=s(),{isHover:U}=Q,V=e(Q,["isHover"]),X=l((()=>A.trim()&&!K&&!z),[A,K,z]);return"chat-input"===D?i("div",Object.assign({className:y("flex items-center gap-x-2 ~~overflow-hidden~~ px-4 py-3","block"===T.formFieldStyle&&"shadow",z&&"justify-center"),style:M,dir:$?"rtl":"ltr"},{children:z?o("p",Object.assign({className:"py-1 text-center ~~font~~-~~semilight~~"},{children:[`${null!==(j=null==W?void 0:W["we-sent-your-an-activation-link"])&&void 0!==j?j:"We sent you an activation link. Please be sure to check your spam folder too."} `,i("span",Object.assign({className:"~~cursor-pointer~~ underline underline-offset-2",onClick:()=>{_\|\|K\|\|G(!0)}},{children:K?null!==(b=null==W?void 0:W.resending)&&void 0!==b?b:"Resending...":null!==(w=null==W?void 0:W.resend)&&void 0!==w?w:"Resend"}))]})):o(n,{children:[i(u,{className:"h-6 w-6 shrink-0",style:{color:B.accent}}),i("input",{id:"email",name:"email",type:"email",className:"flex-grow bg-transparent ~~outline-none ring-0~~",placeholder:null!==(k=null==W?void 0:W["enter-email-to-continue"])&&void 0!==k?k:"Enter here your email to continue",value:A,onChange:e=>q(e.target.value),onKeyDown:e=>{"Enter"===e.key&&G(!1)},autoComplete:"off"}),i("button",Object.assign({className:y("~~flex~~ h-8 w-8 items-center justify-center ~~rounded-full~~ ~~outline~~-~~none~~ transition-colors ~~duration-200~~ ease-in-out ~~disabled:cursor-default~~",K&&"disabled:cursor-wait"),style:{backgroundColor:U\|\|X?B.accent:B.accent+"10",color:U\|\|X?B.accentText:B.accent+"80"},disabled:!A.trim()\|\|K,onClick:()=>G(!1)},V,{children:i(f,{className:y("h-6 w-6 shrink-0",$&&"scale-x-[-1] ~~transform~~")})}))]})})):o("div",Object.assign({className:"~~relative~~ flex flex-~~grow flex-~~col items-center justify-center p-4",style:{backgroundColor:B.primary,color:B.text,borderRadius:T.cornerRadius},dir:$?"rtl":"ltr"},{children:[!H.isWhiteLabel&&i(v,{className:y("absolute ~~right~~-4 ~~top~~-4","popup"===D&&"right-12")}),F\|\|!E?i(d,{className:"h-6 w-6 animate-spin",style:{fill:B.accent,color:B.primary}}):o("div",Object.assign({className:"~~flex~~ w-full ~~max-w-[328px]~~ flex-col items-center text-center"},{children:[H.isProfileImage&&i(x,{src:null==E?void 0:E.coverphoto,alt:`${null==E?void 0:E.formtitle}'s Profile Picture`,width:72,height:72,className:"h-[72px] w-[72px] rounded-full"}),i("h3",Object.assign({className:y(J.h3,"my-6")},{children:E.formtitle\|\|"Tool"})),o("div",z?Object.assign({className:"flex ~~w-full~~ flex-col items-center gap-6"},{children:[o("div",Object.assign({className:"flex items-center gap-2"},{children:[i(p,{className:"h-6 w-6 shrink-0"}),i("p",Object.assign({className:"text-[20px] ~~font-semilight~~"},{children:null!==(I=null==W?void 0:W["check-your-inbox"])&&void 0!==I?I:"Check your inbox"}))]})),o("p",Object.assign({className:"font-semilight"},{children:[`${null!==(P=null==W?void 0:W["we-sent-your-an-activation-link"])&&void 0!==P?P:"We sent you an activation link. Please be sure to check your spam folder too."} `,i("span",Object.assign({className:"~~cursor-pointer~~ underline underline-offset-2",onClick:()=>{_\|\|K\|\|G(!0)}},{children:K?null!==(S=null==W?void 0:W.resending)&&void 0!==S?S:"Resending...":null!==(R=null==W?void 0:W.resend)&&void 0!==R?R:"Resend"}))]}))]}):Object.assign({className:"flex ~~w-full~~ flex-col items-center gap-6"},{children:[o("div",Object.assign({className:"flex ~~flex-grow~~ items-center gap-2"},{children:[i(u,{className:"h-6 w-6 shrink-0"}),i("p",Object.assign({className:"font-semilight"},{children:null!==(N=null==W?void 0:W["please-enter-email-to-continue"])&&void 0!==N?N:"Please enter your email to continue:"}))]})),o("div",Object.assign({className:y("flex ~~w-full~~ flex-col items-center gap-x-3 gap-y-6","viewport"===L?"min-[899px]:flex-row":"@[420px]/pickaxe-root:flex-row")},{children:[i(h,{id:"email",name:"email",type:"email",className:y("w-full py-3","viewport"===L?"min-[899px]:flex-grow min-[899px]:py-2":"@[420px]/pickaxe-root:flex-grow @[420px]/pickaxe-root:py-2"),placeholder:"jane.doe@email.com",value:A,onChange:e=>q(e.target.value),onKeyDown:e=>{"Enter"===e.key&&G(!1)}}),i(g,Object.assign({className:y("min-h-[40px] ~~px-8~~","viewport"===L?"min-[899px]:px-4":"@[420px]/pickaxe-root:px-4"),loadingText:null!==(O=null==W?void 0:W.sending)&&void 0!==O?O:"Sending...",isLoading:K,isDisabled:!A.trim(),onClick:()=>G(!1)},{children:null!==(C=null==W?void 0:W.submit)&&void 0!==C?C:"Submit"}))]}))]}))]}))]}))};export{k as default};
1	+ import{__rest as e}from"../../../../_virtual/_tslib.js";import{jsx as i,jsxs as o,Fragment as n}from"react/jsx-runtime";import{useMemo as l}from"react";import{useHover as s}from"../../../../hooks/core/useHover.js";import{useStyleFontSize as t}from"../../../../hooks/studio/useStyleFontSize.js";import{useStyleInput as r}from"../../../../hooks/studio/useStyleInput.js";import{usePickaxeContext as a}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useAuthContext as c}from"./hooks/useAuthContext.js";import{useAuth as m}from"./hooks/useAuth.js";import d from"../../../Icons/spinner-circle.svg.js";import u from"../../../Icons/lock.svg.js";import p from"../../../Icons/email.svg.js";import f from"../../../Icons/arrow-right.svg.js";import x from"../../common/PickaxeIcon.js";import h from"../../common/PickaxeInput.js";import g from"../../common/PickaxeButton.js";import v from"../../common/PickaxeBranding.js";import y from"../../../../common/cn.js";const k=()=>{var k,j,b,w,N,O,C,I,P,S,R;const{deploymentType:D,pickaxe:E,styles:T,colors:B,misc:H,responsiveBy:L,translations:W,isRtl:$}=a(),{emailInput:A,isLoggingIn:F,isSending:K,isResendDisabled:_,isSent:z,setEmailInput:q}=c(),{onSend:G}=m(),J=t(),M=r(),Q=s(),{isHover:U}=Q,V=e(Q,["isHover"]),X=l((()=>A.trim()&&!K&&!z),[A,K,z]);return"chat-input"===D?i("div",Object.assign({className:y("flex items-center gap-x-2 px-4 py-3 overflow-hidden","block"===T.formFieldStyle&&"shadow",z&&"justify-center"),style:M,dir:$?"rtl":"ltr"},{children:z?o("p",Object.assign({className:"font-semilight text-center py-1"},{children:[`${null!==(j=null==W?void 0:W["we-sent-your-an-activation-link"])&&void 0!==j?j:"We sent you an activation link. Please be sure to check your spam folder too."} `,i("span",Object.assign({className:"underline underline-offset-2 cursor-pointer",onClick:()=>{_\|\|K\|\|G(!0)}},{children:K?null!==(b=null==W?void 0:W.resending)&&void 0!==b?b:"Resending...":null!==(w=null==W?void 0:W.resend)&&void 0!==w?w:"Resend"}))]})):o(n,{children:[i(u,{className:"w-6 h-6 shrink-0",style:{color:B.accent}}),i("input",{id:"email",name:"email",type:"email",className:"outline-none ring-0 flex-grow bg-transparent",placeholder:null!==(k=null==W?void 0:W["enter-email-to-continue"])&&void 0!==k?k:"Enter here your email to continue",value:A,onChange:e=>q(e.target.value),onKeyDown:e=>{"Enter"===e.key&&G(!1)},autoComplete:"off"}),i("button",Object.assign({className:y("outline-none rounded-full w-8 h-8 disabled:cursor-default items-center justify-center flex duration-200 transition-colors ease-in-out",K&&"disabled:cursor-wait"),style:{backgroundColor:U\|\|X?B.accent:B.accent+"10",color:U\|\|X?B.accentText:B.accent+"80"},disabled:!A.trim()\|\|K,onClick:()=>G(!1)},V,{children:i(f,{className:y("h-6 w-6 shrink-0",$&&"transform scale-x-[-1]")})}))]})})):o("div",Object.assign({className:"flex flex-col items-center flex-grow relative justify-center p-4",style:{backgroundColor:B.primary,color:B.text,borderRadius:T.cornerRadius},dir:$?"rtl":"ltr"},{children:[!H.isWhiteLabel&&i(v,{className:y("absolute top-4 right-4","popup"===D&&"right-12")}),F\|\|!E?i(d,{className:"h-6 w-6 animate-spin animate-spin",style:{fill:B.accent,color:B.primary}}):o("div",Object.assign({className:"w-full flex flex-col items-center text-center max-w-[328px]"},{children:[H.isProfileImage&&i(x,{src:null==E?void 0:E.coverphoto,alt:`${null==E?void 0:E.formtitle}'s Profile Picture`,width:72,height:72,className:"h-[72px] w-[72px] rounded-full"}),i("h3",Object.assign({className:y(J.h3,"my-6")},{children:E.formtitle\|\|"Tool"})),o("div",z?Object.assign({className:"flex flex-col items-center gap-6 w-full"},{children:[o("div",Object.assign({className:"flex items-center gap-2"},{children:[i(p,{className:"w-6 h-6 shrink-0"}),i("p",Object.assign({className:"font-semilight text-[20px]"},{children:null!==(I=null==W?void 0:W["check-your-inbox"])&&void 0!==I?I:"Check your inbox"}))]})),o("p",Object.assign({className:"font-semilight"},{children:[`${null!==(P=null==W?void 0:W["we-sent-your-an-activation-link"])&&void 0!==P?P:"We sent you an activation link. Please be sure to check your spam folder too."} `,i("span",Object.assign({className:"underline underline-offset-2 cursor-pointer",onClick:()=>{_\|\|K\|\|G(!0)}},{children:K?null!==(S=null==W?void 0:W.resending)&&void 0!==S?S:"Resending...":null!==(R=null==W?void 0:W.resend)&&void 0!==R?R:"Resend"}))]}))]}):Object.assign({className:"flex flex-col items-center gap-6 w-full"},{children:[o("div",Object.assign({className:"flex items-center gap-2 flex-grow"},{children:[i(u,{className:"w-6 h-6 shrink-0"}),i("p",Object.assign({className:"font-semilight"},{children:null!==(N=null==W?void 0:W["please-enter-email-to-continue"])&&void 0!==N?N:"Please enter your email to continue:"}))]})),o("div",Object.assign({className:y("flex flex-col items-center gap-x-3 gap-y-6 w-full","viewport"===L?"min-[899px]:flex-row":"@[420px]/pickaxe-root:flex-row")},{children:[i(h,{id:"email",name:"email",type:"email",className:y("w-full py-3","viewport"===L?"min-[899px]:flex-grow min-[899px]:py-2":"@[420px]/pickaxe-root:flex-grow @[420px]/pickaxe-root:py-2"),placeholder:"jane.doe@email.com",value:A,onChange:e=>q(e.target.value),onKeyDown:e=>{"Enter"===e.key&&G(!1)}}),i(g,Object.assign({className:y("px-8 min-h-[40px]","viewport"===L?"min-[899px]:px-4":"@[420px]/pickaxe-root:px-4"),loadingText:null!==(O=null==W?void 0:W.sending)&&void 0!==O?O:"Sending...",isLoading:K,isDisabled:!A.trim(),onClick:()=>G(!1)},{children:null!==(C=null==W?void 0:W.submit)&&void 0!==C?C:"Submit"}))]}))]}))]}))]}))};export{k as default};

package/dist/esm/components/Pickaxe/Addons/Document/List.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsx as e,jsxs as s}from"react/jsx-runtime";import{Fragment as t}from"react";import{usePickaxeContext as o}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleFontSize as r}from"../../../../hooks/studio/useStyleFontSize.js";import{useDocument as i}from"./hooks/useDocument.js";import{formatBytes as a}from"../../../../common/utils.js";import l from"../../../Icons/spinner-lines.svg.js";import c from"../../../Icons/file.svg.js";import n from"../../../Icons/x.svg.js";import d from"../../../Icons/circle-info.svg.js";import u from"../../../../common/cn.js";const m=({className:m,isDisabled:f})=>{const{styles:h,colors:p,translations:b,isRtl:g}=o(),{documents:x,isUploading:j,removeDocument:v}=i(),k=r();return e("div",Object.assign({className:u("flex flex-row flex-wrap ~~gap-3~~",m)},{children:x.map(((o,r)=>{var i,m,x,w,y;return e(t,{children:"document"===o.type?s("div",Object.assign({className:u("relative flex ~~h-[56px]~~ items-center gap-x-2.5 ~~border~~ pl-2 pr-4",g&&"flex-row-reverse"),style:{borderRadius:h.cornerRadius,borderColor:p.secondaryText+"50"}},{children:[e("div",Object.assign({className:"~~flex h~~-10 w-10 ~~shrink-0~~ items-center justify-center",style:Object.assign({borderRadius:h.cornerRadius,backgroundColor:p.accent,color:p.accentText},"failed"===o.status&&{backgroundColor:p.error,color:"white"})},{children:"uploading"===o.status?e(l,{className:"h-5 w-5 shrink-0 ~~animate-spin~~"}):"failed"===o.status?e(d,{className:"h-5 w-5 shrink-0"}):e(c,{className:"h-5 w-5 shrink-0"})})),s("div",Object.assign({className:u("flex flex-col justify-center truncate",g?"items-end ~~text-right~~":"items-start ~~text-left~~")},{children:[e("p",Object.assign({className:u(k.b3,"~~truncate~~ font-medium")},{children:o.name})),e("p",Object.assign({className:u(k.b4,"~~truncate~~ opacity-80")},{children:"failed"===o.status?(null===(i=o.error)\|\|void 0===i?void 0:i.includes("You have reached the file limit"))?null!==(m=null==b?void 0:b["file-limit-reached"])&&void 0!==m?m:"You have reached the file limit.":o.error:a(o.size)}))]})),!j&&e("button",Object.assign({type:"button",className:u("absolute -~~top-2~~ ~~flex~~ h-5 w-5 items-center justify-center ~~rounded-full~~ outline-none disabled:cursor-default",g?"-left-1 right-auto":"-right-1 left-auto"),style:{backgroundColor:p.accent,color:p.accentText},disabled:j\|\|f,onClick:()=>v(o.id)},{children:e(n,{className:"h-4 w-4 shrink-0"})}))]})):"image"===o.type?s("div",Object.assign({className:"relative ~~flex~~ h-[56px] ~~w-[56px]~~ flex-col items-center justify-center",style:Object.assign({borderRadius:h.cornerRadius,backgroundColor:p.accent,color:p.accentText},"failed"===o.status&&{backgroundColor:p.error,color:"white"})},{children:["finished"===o.status?e("img",{className:"h-~~full~~ w-full ~~object~~-~~cover~~",style:{borderRadius:h.cornerRadius},src:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/documentinterrogation/${null===(x=o.documentId)\|\|void 0===x?void 0:x.split("-")[2]}/${null===(w=o.documentId)\|\|void 0===w?void 0:w.split("-")[1]}.${null===(y=o.documentId)\|\|void 0===y?void 0:y.split("-")[2]}`,alt:""}):"failed"===o.status?e(d,{className:"h-5 w-5 shrink-0"}):e(l,{className:"h-5 w-5 shrink-0 ~~animate-spin~~"}),!j&&e("button",Object.assign({type:"button",className:u("absolute -~~top-2~~ ~~flex~~ h-5 w-5 items-center justify-center ~~rounded-full~~ outline-none disabled:cursor-default",g?"-left-1 right-auto":"-right-1 left-auto"),style:{backgroundColor:p.accent,color:p.accentText},disabled:j\|\|f,onClick:()=>v(o.id)},{children:e(n,{className:"h-4 w-4 shrink-0"})}))]})):null},r)}))}))};export{m as default};
1	+ import{jsx as e,jsxs as s}from"react/jsx-runtime";import{Fragment as t}from"react";import{usePickaxeContext as o}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleFontSize as r}from"../../../../hooks/studio/useStyleFontSize.js";import{useDocument as i}from"./hooks/useDocument.js";import{formatBytes as a}from"../../../../common/utils.js";import l from"../../../Icons/spinner-lines.svg.js";import c from"../../../Icons/file.svg.js";import n from"../../../Icons/x.svg.js";import d from"../../../Icons/circle-info.svg.js";import u from"../../../../common/cn.js";const m=({className:m,isDisabled:f})=>{const{styles:h,colors:p,translations:b,isRtl:g}=o(),{documents:x,isUploading:j,removeDocument:v}=i(),k=r();return e("div",Object.assign({className:u("flex flex-row gap-3 flex-wrap",m)},{children:x.map(((o,r)=>{var i,m,x,w,y;return e(t,{children:"document"===o.type?s("div",Object.assign({className:u("relative flex items-center gap-x-2.5 pl-2 pr-4 h-[56px] border",g&&"flex-row-reverse"),style:{borderRadius:h.cornerRadius,borderColor:p.secondaryText+"50"}},{children:[e("div",Object.assign({className:"w-10 h-10 flex items-center justify-center shrink-0",style:Object.assign({borderRadius:h.cornerRadius,backgroundColor:p.accent,color:p.accentText},"failed"===o.status&&{backgroundColor:p.error,color:"white"})},{children:"uploading"===o.status?e(l,{className:"w-5 h-5 animate-spin shrink-0"}):"failed"===o.status?e(d,{className:"w-5 h-5 shrink-0"}):e(c,{className:"w-5 h-5 shrink-0"})})),s("div",Object.assign({className:u("flex flex-col justify-center truncate",g?"text-right items-end":"text-left items-start")},{children:[e("p",Object.assign({className:u(k.b3,"font-medium truncate")},{children:o.name})),e("p",Object.assign({className:u(k.b4,"opacity-80 truncate")},{children:"failed"===o.status?(null===(i=o.error)\|\|void 0===i?void 0:i.includes("You have reached the file limit"))?null!==(m=null==b?void 0:b["file-limit-reached"])&&void 0!==m?m:"You have reached the file limit.":o.error:a(o.size)}))]})),!j&&e("button",Object.assign({type:"button",className:u("absolute w-5 h-5 rounded-full -top-2 flex items-center justify-center outline-none disabled:cursor-default",g?"-left-1 right-auto":"-right-1 left-auto"),style:{backgroundColor:p.accent,color:p.accentText},disabled:j\|\|f,onClick:()=>v(o.id)},{children:e(n,{className:"w-4 h-4 shrink-0"})}))]})):"image"===o.type?s("div",Object.assign({className:"relative h-[56px] flex flex-col items-center justify-center w-[56px]",style:Object.assign({borderRadius:h.cornerRadius,backgroundColor:p.accent,color:p.accentText},"failed"===o.status&&{backgroundColor:p.error,color:"white"})},{children:["finished"===o.status?e("img",{className:"object-cover w-full h-full",style:{borderRadius:h.cornerRadius},src:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/documentinterrogation/${null===(x=o.documentId)\|\|void 0===x?void 0:x.split("-")[2]}/${null===(w=o.documentId)\|\|void 0===w?void 0:w.split("-")[1]}.${null===(y=o.documentId)\|\|void 0===y?void 0:y.split("-")[2]}`,alt:""}):"failed"===o.status?e(d,{className:"w-5 h-5 shrink-0"}):e(l,{className:"w-5 h-5 animate-spin shrink-0"}),!j&&e("button",Object.assign({type:"button",className:u("absolute w-5 h-5 rounded-full -top-2 flex items-center justify-center outline-none disabled:cursor-default",g?"-left-1 right-auto":"-right-1 left-auto"),style:{backgroundColor:p.accent,color:p.accentText},disabled:j\|\|f,onClick:()=>v(o.id)},{children:e(n,{className:"w-4 h-4 shrink-0"})}))]})):null},r)}))}))};export{m as default};

package/dist/esm/components/Pickaxe/Addons/IceBreaker/Breaker.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__rest as e}from"../../../../_virtual/_tslib.js";import{jsxs as o,jsx as r}from"react/jsx-runtime";import{useHover as t}from"../../../../hooks/core/useHover.js";import{usePickaxeContext as s}from"../../../../hooks/pickaxe/usePickaxeContext.js";import i from"../../../../common/cn.js";const a=({text:a,onSend:n})=>{const{colors:c,styles:l,forceMobile:x,responsiveBy:d}=s(),m=t(),{isHover:p}=m,u=e(m,["isHover"]);return o("div",Object.assign({className:i("~~group~~ relative ~~flex w~~-~~full~~ flex-grow cursor-pointer ~~select-none~~ overflow-hidden ~~border~~ px-[1em] py-[9px] ~~text~~-sm ~~font-semilight~~ transition-colors ~~duration~~-~~200~~ ease-in-out","viewport"===d?"min-[767px]:~~max~~-~~w-max~~ min-[767px]:~~justify~~-~~end~~":"@[767px]/pickaxe-root:~~max~~-~~w-max~~ @[767px]/pickaxe-root:~~justify~~-~~end~~",x&&"max-w-full"),onClick:()=>null==n?void 0:n(a),style:{background:p?c.secondary:"transparent",borderColor:c.secondaryText+"30",borderRadius:l.cornerRadius}},u,{children:[r("div",{className:"absolute inset-0 ~~z-0~~ backdrop-blur-md",style:{background:p?c.secondary:c.primary+"10",borderRadius:l.cornerRadius}}),r("p",Object.assign({className:i("~~relative~~ line-clamp-2 transition-colors ~~duration-200~~ ease-in-out","viewport"===d?"min-[767px]:text-right":"@[767px]/pickaxe-root:text-right",x&&"text-left"),style:{color:p?c.secondaryText:c.secondaryText+"60"}},{children:a}))]}))};export{a as default};
1	+ import{__rest as e}from"../../../../_virtual/_tslib.js";import{jsxs as o,jsx as r}from"react/jsx-runtime";import{useHover as t}from"../../../../hooks/core/useHover.js";import{usePickaxeContext as s}from"../../../../hooks/pickaxe/usePickaxeContext.js";import i from"../../../../common/cn.js";const a=({text:a,onSend:n})=>{const{colors:l,styles:c,forceMobile:x,responsiveBy:d}=s(),m=t(),{isHover:p}=m,u=e(m,["isHover"]);return o("div",Object.assign({className:i("relative text-sm group flex flex-grow cursor-pointer overflow-hidden font-semilight w-full select-none px-[1em] py-[9px] duration-200 transition-colors border w-full ease-in-out","viewport"===d?"min-[767px]:justify-end min-[767px]:max-w-max":"@[767px]/pickaxe-root:justify-end @[767px]/pickaxe-root:max-w-max",x&&"max-w-full"),onClick:()=>null==n?void 0:n(a),style:{background:p?l.secondary:"transparent",borderColor:l.secondaryText+"30",borderRadius:c.cornerRadius}},u,{children:[r("div",{className:"absolute inset-0 backdrop-blur-md z-0",style:{background:p?l.secondary:l.primary+"10",borderRadius:c.cornerRadius}}),r("p",Object.assign({className:i("line-clamp-2 duration-200 transition-colors ease-in-out relative","viewport"===d?"min-[767px]:text-right":"@[767px]/pickaxe-root:text-right",x&&"text-left"),style:{color:p?l.secondaryText:l.secondaryText+"60"}},{children:a}))]}))};export{a as default};

package/dist/esm/components/Pickaxe/Chat/History/Document.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsx as e,jsxs as t}from"react/jsx-runtime";import{usePickaxeContext as s}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useDocumentData as r}from"../../Addons/Document/hooks/useDocumentData.js";import{useStyleFontSize as o}from"../../../../hooks/studio/useStyleFontSize.js";import{formatBytes as a}from"../../../../common/utils.js";import c from"../../../Icons/file.svg.js";import n from"../../../../common/cn.js";const i=({documentId:i})=>{const{colors:l,styles:m,isRtl:d}=s(),u=r({documentId:i}),f=o();return"success"!==u.status?e("div",{}):t("a",Object.assign({href:u.data.storageUrl?u.data.storageUrl:"#",target:"_blank",className:n("~~flex h~~-[~~56px~~] w-full max-w-[500px] items-center ~~gap~~-x-[~~10px~~] border ~~px-2~~",d&&"flex-row-reverse"),style:{borderRadius:m.cornerRadius,borderColor:l.secondary+"50"},rel:"noreferrer"},{children:[e("div",Object.assign({className:"~~flex h~~-10 w-10 ~~shrink-0~~ items-center justify-center",style:{backgroundColor:l.accent,borderRadius:m.cornerRadius}},{children:e(c,{className:"h-5 w-5",style:{color:l.accentText}})})),t("div",Object.assign({className:n("flex flex-col justify-center truncate",d?"text-right":"text-left")},{children:[e("p",Object.assign({className:(n(f.b3),"~~truncate~~ font-medium")},{children:u.data.name})),t("p",Object.assign({className:n(f.b4,"~~truncate~~ opacity-80")},{children:[u.data.extension&&u.data.extension.toUpperCase()+", ",a(u.data.size)]}))]}))]}))};export{i as default};
1	+ import{jsx as e,jsxs as t}from"react/jsx-runtime";import{usePickaxeContext as s}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useDocumentData as r}from"../../Addons/Document/hooks/useDocumentData.js";import{useStyleFontSize as o}from"../../../../hooks/studio/useStyleFontSize.js";import{formatBytes as a}from"../../../../common/utils.js";import c from"../../../Icons/file.svg.js";import n from"../../../../common/cn.js";const i=({documentId:i})=>{const{colors:l,styles:m,isRtl:d}=s(),u=r({documentId:i}),f=o();return"success"!==u.status?e("div",{}):t("a",Object.assign({href:u.data.storageUrl?u.data.storageUrl:"#",target:"_blank",className:n("gap-x-[10px] w-full max-w-[500px] flex items-center px-2 h-[56px] border",d&&"flex-row-reverse"),style:{borderRadius:m.cornerRadius,borderColor:l.secondary+"50"},rel:"noreferrer"},{children:[e("div",Object.assign({className:"w-10 h-10 flex items-center justify-center shrink-0",style:{backgroundColor:l.accent,borderRadius:m.cornerRadius}},{children:e(c,{className:"w-5 h-5",style:{color:l.accentText}})})),t("div",Object.assign({className:n("flex flex-col justify-center truncate",d?"text-right":"text-left")},{children:[e("p",Object.assign({className:(n(f.b3),"font-medium truncate")},{children:u.data.name})),t("p",Object.assign({className:n(f.b4,"opacity-80 truncate")},{children:[u.data.extension&&u.data.extension.toUpperCase()+", ",a(u.data.size)]}))]}))]}))};export{i as default};

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

	@@ -1 +1 @@
1	- import{jsx as e,jsxs as s}from"react/jsx-runtime";import{Fragment as t}from"react";import{usePickaxeContext as i}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleFontSize as o}from"../../../../hooks/studio/useStyleFontSize.js";import{useArtifact as a}from"../../Addons/Artifact/hooks/useArtifact.js";import{PickaxeMarkdown as l}from"../../common/PickaxeMarkdown/index.js";import{PickaxeMarkdownRenderer as c}from"../../common/PickaxeMarkdown/Renderer.js";import r from"../../common/PickaxeIcon.js";import n from"./Document.js";import m from"../../common/PickaxeCopyButton.js";import d from"../../../../common/cn.js";const x=({index:x,message:p,isIntroExpand:f})=>{var h,u;const{formId:b,pickaxe:g,styles:j,colors:v,misc:w,responsiveBy:k,disableHtml:y,disableJs:N,disableCss:O,isNewChat:C,isRtl:A}=i(),{onLoadArtifact:I}=a(),R=o(),P=null!==(h=null==g?void 0:g.chaticon)&&void 0!==h?h:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/chaticons/${b}.png`;return"assistant"===p.role?e("div",Object.assign({className:d("flex w-full",A?"justify-end":"justify-start")},{children:e("div",Object.assign({className:d("flex w-full ~~flex-col~~",0===x&&C&&"viewport"===k&&"min-[767px]:max-w-[80%]",0===x&&C&&"container"===k&&"@[767px]/pickaxe-root:max-w-[80%]")},{children:s("div",Object.assign({className:d("flex gap-x-3",A&&"flex-row-reverse")},{children:[w.isChatImage&&"NONE"!==P&&e(r,{src:P,alt:"Assistant",width:24,height:24,className:"my-3 h-6 w-6",textColor:v.text}),s("div",Object.assign({className:d("flex flex-~~grow~~ flex-~~col~~",A?"items-end":"items-start")},{children:[e("div",Object.assign({className:d(R.b2,"chat-message w-full ~~pt-3~~",A?"text-right":"text-left")},{children:e(l,Object.assign({theme:j.theme,colors:v,actions:!0},A&&{rtl:!0},y&&{disableHtml:!0},N&&{disableJs:!0},O&&{disableCss:!0},{onArtifactClick:I},{children:e(c,Object.assign({value:p.content},0===x&&C&&p.content.length>470&&3===(null!==(u=null==g?void 0:g.icebreakers)&&void 0!==u?u:[]).length&&!p.content.includes("https://utils.pickaxe.co/api/fn")&&{maxLines:f?void 0:12}))}))})),e("div",Object.assign({className:"mt-4 flex gap-3"},{children:e(m,{color:v.accent,text:p.content})}))]}))]}))}))})):"user"===p.role?e("div",Object.assign({className:d("flex w-full",A?"justify-start":"justify-end")},{children:e("div",Object.assign({className:d("flex max-w-[80%] ~~gap-x-3~~",A?"pr-9":"pl-9","viewport"===k?A?"min-[767px]:pr-0":"min-[767px]:pl-0":A?"@[767px]/pickaxe-root:pr-0":"@[767px]/pickaxe-root:pl-0")},{children:s("div",Object.assign({className:d(R.b2,"~~flex flex-col gap-y-3~~ overflow-x-auto overflow-y-hidden px-4 py-3 scrollbar-thin scrollbar-track-white scrollbar-thumb-[#4A4A4B]",A?"text-right":"text-left"),style:{backgroundColor:v.secondary+"80",color:v.secondaryText,borderRadius:j.cornerRadius}},{children:[p.documentIds&&p.documentIds.length>0&&e("div",Object.assign({className:d("flex flex-col gap-y-2",A?"items-start":"items-end")},{children:p.documentIds.map((s=>e(t,{children:s.startsWith("IMAGE-")?e("div",Object.assign({className:"max-w-[300px]"},{children:e("img",{style:{borderRadius:j.cornerRadius},className:"h-~~full~~ w-full ~~object~~-~~cover~~",src:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/documentinterrogation/${s.split("-")[2]}/${s.split("-")[1]}.${null==s?void 0:s.split("-")[2]}`,alt:""})})):e(n,{documentId:s})},s)))})),e(l,Object.assign({theme:j.theme,colors:v},A&&{rtl:!0},y&&{disableHtml:!0},N&&{disableJs:!0},O&&{disableCss:!0},{children:e(c,{value:p.content})}))]}))}))})):e("div",{})};export{x as default};
1	+ import{jsx as e,jsxs as s}from"react/jsx-runtime";import{Fragment as t}from"react";import{usePickaxeContext as i}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleFontSize as o}from"../../../../hooks/studio/useStyleFontSize.js";import{useArtifact as a}from"../../Addons/Artifact/hooks/useArtifact.js";import{PickaxeMarkdown as l}from"../../common/PickaxeMarkdown/index.js";import{PickaxeMarkdownRenderer as c}from"../../common/PickaxeMarkdown/Renderer.js";import r from"../../common/PickaxeIcon.js";import n from"./Document.js";import m from"../../common/PickaxeCopyButton.js";import d from"../../../../common/cn.js";const x=({index:x,message:p,isIntroExpand:f})=>{var h,u;const{formId:b,pickaxe:g,styles:j,colors:v,misc:w,responsiveBy:k,disableHtml:y,disableJs:N,disableCss:O,isNewChat:C,isRtl:A}=i(),{onLoadArtifact:I}=a(),R=o(),P=null!==(h=null==g?void 0:g.chaticon)&&void 0!==h?h:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/chaticons/${b}.png`;return"assistant"===p.role?e("div",Object.assign({className:d("flex w-full",A?"justify-end":"justify-start")},{children:e("div",Object.assign({className:d("flex flex-col w-full",0===x&&C&&"viewport"===k&&"min-[767px]:max-w-[80%]",0===x&&C&&"container"===k&&"@[767px]/pickaxe-root:max-w-[80%]")},{children:s("div",Object.assign({className:d("flex gap-x-3",A&&"flex-row-reverse")},{children:[w.isChatImage&&"NONE"!==P&&e(r,{src:P,alt:"Assistant",width:24,height:24,className:"my-3 h-6 w-6",textColor:v.text}),s("div",Object.assign({className:d("flex flex-col flex-grow",A?"items-end":"items-start")},{children:[e("div",Object.assign({className:d(R.b2,"chat-message pt-3 w-full",A?"text-right":"text-left")},{children:e(l,Object.assign({theme:j.theme,colors:v,actions:!0},A&&{rtl:!0},y&&{disableHtml:!0},N&&{disableJs:!0},O&&{disableCss:!0},{onArtifactClick:I},{children:e(c,Object.assign({value:p.content},0===x&&C&&p.content.length>470&&3===(null!==(u=null==g?void 0:g.icebreakers)&&void 0!==u?u:[]).length&&!p.content.includes("https://utils.pickaxe.co/api/fn")&&{maxLines:f?void 0:12}))}))})),e("div",Object.assign({className:"mt-4 flex gap-3"},{children:e(m,{color:v.accent,text:p.content})}))]}))]}))}))})):"user"===p.role?e("div",Object.assign({className:d("flex w-full",A?"justify-start":"justify-end")},{children:e("div",Object.assign({className:d("flex gap-x-3 max-w-[80%]",A?"pr-9":"pl-9","viewport"===k?A?"min-[767px]:pr-0":"min-[767px]:pl-0":A?"@[767px]/pickaxe-root:pr-0":"@[767px]/pickaxe-root:pl-0")},{children:s("div",Object.assign({className:d(R.b2,"overflow-x-auto overflow-y-hidden px-4 py-3 scrollbar-thin scrollbar-track-white scrollbar-thumb-[#4A4A4B] flex flex-col gap-y-3",A?"text-right":"text-left"),style:{backgroundColor:v.secondary+"80",color:v.secondaryText,borderRadius:j.cornerRadius}},{children:[p.documentIds&&p.documentIds.length>0&&e("div",Object.assign({className:d("flex flex-col gap-y-2",A?"items-start":"items-end")},{children:p.documentIds.map((s=>e(t,{children:s.startsWith("IMAGE-")?e("div",Object.assign({className:"max-w-[300px]"},{children:e("img",{style:{borderRadius:j.cornerRadius},className:"object-cover w-full h-full",src:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/documentinterrogation/${s.split("-")[2]}/${s.split("-")[1]}.${null==s?void 0:s.split("-")[2]}`,alt:""})})):e(n,{documentId:s})},s)))})),e(l,Object.assign({theme:j.theme,colors:v},A&&{rtl:!0},y&&{disableHtml:!0},N&&{disableJs:!0},O&&{disableCss:!0},{children:e(c,{value:p.content})}))]}))}))})):e("div",{})};export{x as default};

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

	@@ -1 +1 @@
1	- import{jsxs as e,jsx as s,Fragment as i}from"react/jsx-runtime";import{useMemo as t}from"react";import{usePickaxeContext as a}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useAuthContext as o}from"../../Addons/Auth/hooks/useAuthContext.js";import{useAuth as n}from"../../Addons/Auth/hooks/useAuth.js";import{useResponseContext as l}from"../../../../hooks/pickaxe/useResponseContext.js";import{useDimensionContext as r}from"../../../../hooks/pickaxe/useDimensionContext.js";import{useScrollContext as c}from"../../Addons/Scroll/hooks/useScrollContext.js";import{useStyleFontSize as m}from"../../../../hooks/studio/useStyleFontSize.js";import{useConversation as d}from"../../../../hooks/pickaxe/useConversation.js";import{useArtifactContext as p}from"../../Addons/Artifact/hooks/useArtifactContext.js";import{AnimatePresence as u,motion as h}from"framer-motion";import f from"../../../Icons/lock.svg.js";import g from"../../../Core/ErrorAlert.js";import x from"../../common/PickaxeHead.js";import j from"../../common/PickaxeEmbedHead.js";import y from"../../common/PickaxeUpgradeCard.js";import b from"../../common/PickaxeSkeleton.js";import v from"../../common/PickaxeHistoryButton.js";import k from"../../Addons/Scroll/ScrollLockView.js";import w from"../../Addons/Artifact/Renderer/index.js";import N from"./Message.js";import O from"./CustomMessage.js";import C from"../../../../common/cn.js";const A=({hideInfo:A,isInputFocused:S})=>{var I,P,R;const{chatId:H,deploymentType:L,pickaxe:E,colors:T,translations:D,isNewChat:z,isRtl:$,isEmbed:B,isEmailLogin:F,setChatId:M,setLastChatId:U}=a(),{emailInput:V,isLoggedOut:W,isSending:_,isResendDisabled:q,isSent:G}=o(),{onSend:J}=n(),{scrollContainerRef:K}=c(),{messages:Q,status:X,limitData:Y,error:Z}=l(),{height:ee}=r(),{currentArtifact:se,chatPopupType:ie,currentPopupType:te}=p(),ae=d(),oe=m(),ne="chat-input"===L&&F&&W&&G,le=t((()=>!!ae.data&&!(ae.data.messages.length<=1)),[ae.data]),re=t((()=>!A&&ae.isSuccess&&z&&!le),[A,ae.isSuccess,z,le]),ce=t((()=>{var e,s;return!!Q.length&&!(null!==(s=null===(e=null==Q?void 0:Q[Q.length-1])\|\|void 0===e?void 0:e.content)&&void 0!==s?s:"").trim()}),[Q]),me=()=>{U(H),M("")};return e("div",Object.assign({ref:K,className:"~~mb-12~~ flex w-full flex-col items-center overflow-y-auto pb-8 scrollbar scrollbar-thin",style:{height:`calc(${ee}px - 74px)`}},{children:[s(u,{children:!!se&&"inline"===te&&s(h.div,Object.assign({className:C("absolute top-0 z-10 w-full px-4 py-2",ie),style:{height:`calc(${ee}px - 80px)`},initial:{opacity:0,y:-20},animate:{opacity:1,y:0},exit:{opacity:0,y:-20},transition:{duration:.2,ease:"easeOut"}},{children:s(w,{type:"inline",className:"pxe-artifact-inline h-full shadow",artifact:{id:se.id,version:se.version}})}))}),e("div",Object.assign({className:"relative flex w-full max-w-[800px] ~~flex-grow flex-col items-center~~"},{children:[re&&B&&s("div",Object.assign({className:C("absolute right-4 top-3 flex items-center gap-2","popup"===L&&"right-12")},{children:s(v,{tip:(null==D?void 0:D["chat-history"])\|\|"Chat History",onClick:me})})),s(x,Object.assign({className:C("mt-[0%] ~~max~~-h-0 ~~max~~-w-~~[500px]~~ ~~overflow~~-~~hidden opacity~~-0 ~~transition~~-~~all~~ ~~duration~~-~~500 ease~~-~~in-out~~",re&&"mt-[10%] max-h-[100%] ~~opacity-100~~"),iconClassName:"duration-300 hover:opacity-90",maxDescriptionChars:500},!ne&&{onIconClick:me})),B&&!ae.isLoading&&s(j,Object.assign({className:C("~~sticky top~~-0 z-10 h-0 w-full ~~opacity~~-0 ~~transition~~-~~all duration-500 ease-in-out~~",!re&&"~~min~~-h-[56px] ~~opacity-100~~"),iconClassName:"duration-300 hover:opacity-90",historyBtnTip:(null==D?void 0:D["chat-history"])\|\|"Chat History"},!ne&&{onIconClick:me,onHistoryClick:me})),s("div",Object.assign({className:C("~~mt-6~~ flex ~~w-full~~ flex-col px-4 transition-all duration-300 ease-in-out",B&&!ae.isLoading&&!re&&"mt-0")},{children:ne?s("div",Object.assign({className:"flex w-full ~~flex-col~~"},{children:e("div",Object.assign({className:"grid ~~w-full~~ grid-cols-1 gap-y-6"},{children:[s(O,Object.assign({chatRole:"user"},{children:e("div",Object.assign({className:"flex items-center gap-x-3"},{children:[s(f,{className:"h-6 w-6 shrink-0"}),s("p",Object.assign({className:"font-semilight"},{children:V}))]}))})),s(O,Object.assign({chatRole:"assistant"},{children:e("p",Object.assign({className:"py-3 font-semilight"},{children:[`${null!==(I=null==D?void 0:D["we-sent-your-an-activation-link"])&&void 0!==I?I:"We sent you an activation link. Please be sure to check your spam folder too."} `,s("span",Object.assign({className:"~~cursor-pointer~~ underline underline-offset-2",onClick:()=>{q\|\|_\|\|J(!0)}},{children:_?null!==(P=null==D?void 0:D.resending)&&void 0!==P?P:"Resending...":null!==(R=null==D?void 0:D.resend)&&void 0!==R?R:"Resend"}))]}))}))]}))})):s(i,{children:ae.isLoading&&!(null==E?void 0:E.enablechatresponses)?e("div",Object.assign({className:"grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-6 pt-10"},{children:[z&&e("div",Object.assign({className:"flex ~~w-full~~ flex-col items-center"},{children:[s(b,{className:"h-[72px] w-[72px]"}),s(b,{className:"~~mt-6~~ h-[20px] w-full"}),s(b,{className:"~~mt-2~~ h-[20px] w-full"}),s(b,{className:"~~mt-2~~ h-[20px] w-full max-w-[400px]"})]})),s(b,{className:"h-10 w-[70%] animate-pulse justify-self-end rounded"}),s(b,{className:"h-[150px] w-[70%] animate-pulse rounded"}),s(b,{className:"h-10 w-[50%] animate-pulse justify-self-end rounded"})]})):ae.isError?s("div",Object.assign({className:"flex w-full justify-center"},{children:e("p",Object.assign({className:C(oe.b2,"text-center font-semibold")},{children:["Something went wrong. Please try again, or"," ",s("a",Object.assign({href:"mailto:info@pickaxeproject.com?subject=Help",target:"_blank",rel:"noreferrer"},{children:"contact us"}))," ","for help."]}))})):ae.data?e("div",Object.assign({className:"flex w-full ~~flex-col~~"},{children:[e("div",Object.assign({className:"grid ~~w-full~~ grid-cols-1 gap-y-6"},{children:[ae.data.messages.map(((e,i)=>s(N,Object.assign({index:i,message:e},0===i&&{isIntroExpand:S}),i))),Q.map(((e,i)=>s(N,{index:ae.data.messages.length+i,message:e},i))),"fetching"===X\|\|ce?s(O,Object.assign({chatRole:"assistant"},{children:s("div",Object.assign({className:"flex items-center gap-x-2 rounded px-2"},{children:Array.from({length:3}).map(((e,i)=>s("div",{className:C("h-1.5 w-1.5 animate-dot rounded-full",1===i&&"animate-dot-down"),style:{backgroundColor:T.secondaryText}},i)))}))})):Y?s("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:s(y,{})})):Z?s("div",Object.assign({className:C("flex items-center gap-x-3",$?"justify-end":"justify-start")},{children:s(g,{error:Z})})):null]})),s(k,{})]})):null})}))]}))]}))};export{A as default};
1	+ import{jsxs as e,jsx as s,Fragment as i}from"react/jsx-runtime";import{useMemo as t}from"react";import{usePickaxeContext as a}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useAuthContext as o}from"../../Addons/Auth/hooks/useAuthContext.js";import{useAuth as n}from"../../Addons/Auth/hooks/useAuth.js";import{useResponseContext as l}from"../../../../hooks/pickaxe/useResponseContext.js";import{useDimensionContext as r}from"../../../../hooks/pickaxe/useDimensionContext.js";import{useScrollContext as c}from"../../Addons/Scroll/hooks/useScrollContext.js";import{useStyleFontSize as m}from"../../../../hooks/studio/useStyleFontSize.js";import{useConversation as d}from"../../../../hooks/pickaxe/useConversation.js";import{useArtifactContext as p}from"../../Addons/Artifact/hooks/useArtifactContext.js";import{AnimatePresence as u,motion as h}from"framer-motion";import f from"../../../Icons/lock.svg.js";import g from"../../../Core/ErrorAlert.js";import x from"../../common/PickaxeHead.js";import j from"../../common/PickaxeEmbedHead.js";import y from"../../common/PickaxeUpgradeCard.js";import b from"../../common/PickaxeSkeleton.js";import v from"../../common/PickaxeHistoryButton.js";import k from"../../Addons/Scroll/ScrollLockView.js";import w from"../../Addons/Artifact/Renderer/index.js";import N from"./Message.js";import O from"./CustomMessage.js";import C from"../../../../common/cn.js";const A=({hideInfo:A,isInputFocused:S})=>{var I,P,R;const{chatId:H,deploymentType:L,pickaxe:E,colors:T,translations:D,isNewChat:z,isRtl:$,isEmbed:B,isEmailLogin:F,setChatId:M,setLastChatId:U}=a(),{emailInput:V,isLoggedOut:W,isSending:_,isResendDisabled:q,isSent:G}=o(),{onSend:J}=n(),{scrollContainerRef:K}=c(),{messages:Q,status:X,limitData:Y,error:Z}=l(),{height:ee}=r(),{currentArtifact:se,chatPopupType:ie,currentPopupType:te}=p(),ae=d(),oe=m(),ne="chat-input"===L&&F&&W&&G,le=t((()=>!!ae.data&&!(ae.data.messages.length<=1)),[ae.data]),re=t((()=>!A&&ae.isSuccess&&z&&!le),[A,ae.isSuccess,z,le]),ce=t((()=>{var e,s;return!!Q.length&&!(null!==(s=null===(e=null==Q?void 0:Q[Q.length-1])\|\|void 0===e?void 0:e.content)&&void 0!==s?s:"").trim()}),[Q]),me=()=>{U(H),M("")};return e("div",Object.assign({ref:K,className:"flex w-full flex-col items-center overflow-y-auto mb-12 pb-8 scrollbar scrollbar-thin",style:{height:`calc(${ee}px - 74px)`}},{children:[s(u,{children:!!se&&"inline"===te&&s(h.div,Object.assign({className:C("absolute top-0 z-20 w-full px-4 py-2",ie),style:{height:`calc(${ee}px - 80px)`},initial:{opacity:0,y:-20},animate:{opacity:1,y:0},exit:{opacity:0,y:-20},transition:{duration:.2,ease:"easeOut"}},{children:s(w,{type:"inline",className:"pxe-artifact-inline h-full shadow",artifact:{id:se.id,version:se.version}})}))}),e("div",Object.assign({className:"relative flex flex-col items-center flex-grow w-full max-w-[800px]"},{children:[re&&B&&s("div",Object.assign({className:C("absolute right-4 top-3 flex items-center gap-2","popup"===L&&"right-12")},{children:s(v,{tip:(null==D?void 0:D["chat-history"])\|\|"Chat History",onClick:me})})),s(x,Object.assign({className:C("opacity-0 mt-[0%] transition-all duration-500 ease-in-out max-h-0 overflow-hidden max-w-[500px]",re&&"opacity-100 mt-[10%] max-h-[100%]"),iconClassName:"duration-300 hover:opacity-90",maxDescriptionChars:500},!ne&&{onIconClick:me})),B&&!ae.isLoading&&s(j,Object.assign({className:C("opacity-0 transition-all duration-500 ease-in-out h-0 w-full sticky top-0 z-10",!re&&"opacity-100 h-[56px]"),iconClassName:"duration-300 hover:opacity-90",historyBtnTip:(null==D?void 0:D["chat-history"])\|\|"Chat History"},!ne&&{onIconClick:me,onHistoryClick:me})),s("div",Object.assign({className:C("flex flex-col mt-6 transition-all duration-300 ease-in-out w-full px-4",B&&!ae.isLoading&&!re&&"mt-0")},{children:ne?s("div",Object.assign({className:"flex flex-col w-full"},{children:e("div",Object.assign({className:"grid grid-cols-1 gap-y-6 w-full"},{children:[s(O,Object.assign({chatRole:"user"},{children:e("div",Object.assign({className:"flex items-center gap-x-3"},{children:[s(f,{className:"h-6 w-6 shrink-0"}),s("p",Object.assign({className:"font-semilight"},{children:V}))]}))})),s(O,Object.assign({chatRole:"assistant"},{children:e("p",Object.assign({className:"py-3 font-semilight"},{children:[`${null!==(I=null==D?void 0:D["we-sent-your-an-activation-link"])&&void 0!==I?I:"We sent you an activation link. Please be sure to check your spam folder too."} `,s("span",Object.assign({className:"underline underline-offset-2 cursor-pointer",onClick:()=>{q\|\|_\|\|J(!0)}},{children:_?null!==(P=null==D?void 0:D.resending)&&void 0!==P?P:"Resending...":null!==(R=null==D?void 0:D.resend)&&void 0!==R?R:"Resend"}))]}))}))]}))})):s(i,{children:ae.isLoading&&!(null==E?void 0:E.enablechatresponses)?e("div",Object.assign({className:"grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-6 pt-10"},{children:[z&&e("div",Object.assign({className:"flex flex-col items-center w-full"},{children:[s(b,{className:"w-[72px] h-[72px]"}),s(b,{className:"h-[20px] mt-6 w-full"}),s(b,{className:"h-[20px] mt-2 w-full"}),s(b,{className:"h-[20px] mt-2 w-full max-w-[400px]"})]})),s(b,{className:"h-10 w-[70%] animate-pulse justify-self-end rounded"}),s(b,{className:"h-[150px] w-[70%] animate-pulse rounded"}),s(b,{className:"h-10 w-[50%] animate-pulse justify-self-end rounded"})]})):ae.isError?s("div",Object.assign({className:"flex w-full justify-center"},{children:e("p",Object.assign({className:C(oe.b2,"text-center font-semibold")},{children:["Something went wrong. Please try again, or"," ",s("a",Object.assign({href:"mailto:info@pickaxeproject.com?subject=Help",target:"_blank",rel:"noreferrer"},{children:"contact us"}))," ","for help."]}))})):ae.data?e("div",Object.assign({className:"flex flex-col w-full"},{children:[e("div",Object.assign({className:"grid grid-cols-1 gap-y-6 w-full"},{children:[ae.data.messages.map(((e,i)=>s(N,Object.assign({index:i,message:e},0===i&&{isIntroExpand:S}),i))),Q.map(((e,i)=>s(N,{index:ae.data.messages.length+i,message:e},i))),"fetching"===X\|\|ce?s(O,Object.assign({chatRole:"assistant"},{children:s("div",Object.assign({className:"flex items-center gap-x-2 rounded px-2"},{children:Array.from({length:3}).map(((e,i)=>s("div",{className:C("h-1.5 w-1.5 animate-dot rounded-full",1===i&&"animate-dot-down"),style:{backgroundColor:T.secondaryText}},i)))}))})):Y?s("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:s(y,{})})):Z?s("div",Object.assign({className:C("flex items-center gap-x-3",$?"justify-end":"justify-start")},{children:s(g,{error:Z})})):null]})),s(k,{})]})):null})}))]}))]}))};export{A as default};

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

	@@ -1 +1 @@
1	- import{__rest as e,__awaiter as t}from"../../../_virtual/_tslib.js";import{jsx as s,jsxs as o}from"react/jsx-runtime";import{useState as i,useRef as n,useMemo as r,useEffect as a}from"react";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 u}from"../../../hooks/studio/useStyleFontSize.js";import{useConversation as m}from"../../../hooks/pickaxe/useConversation.js";import{useAuthContext as p}from"../Addons/Auth/hooks/useAuthContext.js";import{useSubmit as f}from"../../../hooks/pickaxe/useSubmit.js";import{useDocument as v}from"../Addons/Document/hooks/useDocument.js";import{useScroll as h}from"../Addons/Scroll/hooks/useScroll.js";import{useArtifactContext as g}from"../Addons/Artifact/hooks/useArtifactContext.js";import{useHover as j}from"../../../hooks/core/useHover.js";import{allowedFileMimeTypes as b,allowedImageMimeTypes as x}from"../../../common/documents.js";import{createParser as k}from"eventsource-parser";import y from"../../Icons/attach-vertical.svg.js";import O from"../../Icons/arrow-right.svg.js";import w from"../Addons/IceBreaker/index.js";import I from"../Addons/Document/List.js";import N from"../../Core/Textarea.js";import S from"../../Core/ErrorAlert.js";import A from"../common/PickaxeBranding.js";import C from"../../../common/error.js";import B from"../../../common/cn.js";const D=({isFocused:D,onFocus:E,onBlur:U})=>{var W,J,L;const{formId:T,chatId:_,userId:F,studioUserId:H,embedUserId:R,deploymentId:P,deploymentType:z,pickaxe:G,styles:K,colors:M,misc:q,responsiveBy:Q,isNewChat:V,isRtl:X,isEmailLogin:Y,setIsNewChat:Z,setIsShowIceBreaker:$,onGenerateComplete:ee}=l(),{token:te,isLoggedOut:se,isSent:oe}=p(),{messages:ie,status:ne,limits:re,isGenerating:ae,setMessages:le,setStatus:de,setLimitData:ce,setError:ue}=d(),{documents:me,isUploading:pe,isImageUploadAllowed:fe,documentError:ve,onFileUpload:he,setDocuments:ge,setDocumentError:je}=v(),{scrollStartSession:be,scrollEndSession:xe,scrollToBottom:ke}=h({auto:!0}),{artifacts:ye,currentPopupType:Oe,setArtifacts:we,setCurrentArtifact:Ie}=g(),Ne=m(),Se=f(),[Ae,Ce]=i(""),Be=n(null),De=j(),{isHover:Ee}=De,Ue=e(De,["isHover"]),We=j(),{isHover:Je}=We,Le=e(We,["isHover"]),Te=u(),_e=c(),Fe="chat-input"===z&&V&&!oe,He="chat-input"===z&&Y&&se&&oe,Re=r((()=>{var e,t,s;return!!V&&(!!G&&(!Ne.isLoading&&(!((null!==(t=null===(e=Ne.data)\|\|void 0===e?void 0:e.messages.length)&&void 0!==t?t:0)>1)&&!!(null===(s=G.icebreakers)\|\|void 0===s?void 0:s.length))))}),[G,V,Ne.data,Ne.isLoading]),Pe=r((()=>{if(ae\|\|pe)return!1;return!!Ae.trim()&&me.every((e=>"finished"===e.status\|\|e.isInsertedAsRaw))}),[ae,pe,Ae,me]),ze=e=>t(void 0,void 0,void 0,(function(){var t,s;try{if("idle"!==ne\|\|pe)return;const o=null!=e?e:Ae;if(!o)return;ue(""),je(""),ce(null),Ce(""),Z(!1),de("fetching"),be(),ke();const i=me.filter((e=>"finished"===e.status&&!e.isInsertedAsRaw)).map((e=>e.documentId)).filter(Boolean),n=null!==(s=null===(t=null==G?void 0:G.documentuploadtype)\|\|void 0===t?void 0:t.startsWith("enduserupload"))&&void 0!==s&&s&&i.length>0,r=[...Array.from(ie),Object.assign({id:ie.length+1,role:"user",content:o},n&&{documentIds:i})];le(r),ke(),n&&ge([]);const a=(yield Se.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:T,responseId:_,value:o},n&&{documentIds:i}),F&&{userId:F}),H&&{studioUserId:H}),R&&{embedUserId:R}),te&&{studioSessionToken:te}),P&&{deploymentId:P}))).body;if(!a)throw new Error("Streaming error");const l=r.length,d=new TextDecoder,c=a.getReader();let u="",m=!0,p=!1,f=[...null!=ye?ye:[]];const v=k({onEvent:e=>{if("delta"===e.event){const t=JSON.parse(e.data).token.replace(/\u200B/g,"");u+=t,le([...r.slice(0,l),{id:ie.length+1,role:"assistant",content:u}])}else if("artifact_created"===e.event){const t=JSON.parse(e.data);f=f.filter((e=>!(e.id===t.id&&e.version===t.version))),f.push(Object.assign(Object.assign({},t),{content:"",status:"streaming"})),we(f),Oe.startsWith("inline")\|\|Ie({id:t.id,version:t.version})}else if("artifact_updated"===e.event){const t=JSON.parse(e.data);f=f.filter((e=>!(e.id===t.id&&e.version===t.version))),f.push(Object.assign(Object.assign({},t),{content:"",status:"updating"})),we(f),Oe.startsWith("inline")\|\|Ie({id:t.id,version:t.version})}else if("artifact_rewrite"===e.event){const t=JSON.parse(e.data);f=f.filter((e=>!(e.id===t.id&&e.version===t.version))),f.push(Object.assign(Object.assign({},t),{content:"",status:"streaming"})),we(f),Oe.startsWith("inline")\|\|Ie({id:t.id,version:t.version})}else if("artifact_content"===e.event){const t=JSON.parse(e.data),s=t.token.replace(/\u200B/g,"");f=f.map((e=>e.id===t.id&&e.version===t.version?Object.assign(Object.assign({},e),{content:e.content+s,status:"streaming"}):e)),we(f)}else if("artifact_finished"===e.event){const t=JSON.parse(e.data);we(f.map((e=>e.id===t.id?Object.assign(Object.assign({},e),{status:"finished"}):e)))}else if("error"===e.event){const t=JSON.parse(e.data);ue(t.error\|\|"Something went wrong, please try again.")}else"stop"===e.event&&(m=!1)}});for(;m;){const{value:e,done:t}=yield c.read();if(t){m=!1;break}const s=d.decode(e);s&&(p\|\|(de("streaming"),p=!0),v.feed(s))}null==ee\|\|ee(_)}catch(e){let t=C(e)\|\|"";t&&!t.includes("Unexpected token 'A',")\|\|(t="Oops! We're experiencing high traffic at the moment. Please try again later.");const s=Object.entries(re).find((([e])=>t.includes(e)));s?ce(s[1]):ue(t)}finally{ke(),de("idle"),xe()}}));return a((()=>{$(Re)}),[Re]),He?null:s("div",Object.assign({className:B("z-1 absolute bottom-0 left-0 ~~flex w~~-~~full flex-col items-center~~",!Fe&&"px-4 pb-4"),dir:X?"rtl":"ltr"},{children:o("div",Object.assign({className:"relative flex w-~~full~~ max-w-[800px] ~~flex~~-~~col~~"},{children:[!Fe&&s("div",Object.assign({className:B("absolute bottom-full",X?"left-0":"right-0")},{children:o("div",Object.assign({className:B("flex flex-col gap-2 px-2 ~~pb-4~~",X?"justify-start":"justify-end","viewport"===Q?X?"min-[767px]:items-start":"min-[767px]:items-end":X?"@[767px]/pickaxe-root:items-start":"@[767px]/pickaxe-root:items-end")},{children:[!q.isWhiteLabel&&s(A,{containerClassName:"justify-end"}),Re&&!D&&s(w,{data:(null==G?void 0:G.icebreakers)\|\|[],onSend:ze})]}))})),o("div",Object.assign({className:B("flex flex-col gap-y-3 px-4 py-3","block"===K.formFieldStyle&&"shadow"),style:_e},{children:["idle"===ne&&me.length>0&&s(I,{isDisabled:"idle"!==ne}),o("div",Object.assign({className:B("flex items-end gap-x-2",X&&"flex-row-reverse")},{children:[s(N,Object.assign({className:B(Te.i1,"max-h-60 min-h-[27px] w-full border-transparent bg-transparent",!Ae.length&&"max-h-6 overflow-hidden text-ellipsis whitespace-nowrap",X?"text-right":"text-left"),value:Ae,placeholder:null!==(W=null==G?void 0:G.placeholdertext)&&void 0!==W?W:X?"بماذا تريد أن تتحدث؟":"What do you want to talk about?",onChange:e=>Ce(e),onKeyDown:e=>{"Enter"===e.key&&(e.shiftKey\|\|(e.preventDefault(),pe\|\|"idle"!==ne\|\|ze()))}},E&&{onFocus:E},U&&{onBlur:U},{dir:X?"rtl":"ltr"})),o("div",Object.assign({className:"flex items-center gap-x-2"},{children:[null!==(L=null===(J=null==G?void 0:G.documentuploadtype)\|\|void 0===J?void 0:J.startsWith("enduserupload"))&&void 0!==L&&L&&o("button",Object.assign({className:"~~flex~~ h-8 w-8 items-center justify-center rounded-full ~~outline-none~~ transition-colors duration-200 ease-in-out ~~disabled:cursor-default~~",style:{backgroundColor:Je?M.accent+"10":void 0,color:Je?M.accent:M.accent+"80"},disabled:pe\|\|"idle"!==ne,onClick:()=>{var e;return null===(e=Be.current)\|\|void 0===e?void 0:e.click()}},Le,{children:[s("input",{id:"file-upload",ref:Be,type:"file",accept:[...b,...fe?x:[]].join(", "),multiple:!0,hidden:!0,className:"hidden",onChange:e=>t(void 0,void 0,void 0,(function(){Z(!1),yield he(Array.from(e.target.files\|\|[])),e.target.value=""}))}),s(y,{className:"h-6 w-6 shrink-0"})]})),s("button",Object.assign({className:"~~flex~~ h-8 w-8 items-center justify-center rounded-full ~~outline~~-~~none~~ transition-colors ~~duration-200~~ ease-in-out ~~disabled:cursor-default~~",style:{backgroundColor:Ee\|\|Pe?M.accent:M.accent+"10",color:Ee\|\|Pe?M.accentText:M.accent+"80"},disabled:"idle"!==ne\|\|pe,onClick:()=>ze()},Ue,{children:s(O,{className:B("h-6 w-6 shrink-0",X&&"scale-x-[-1] ~~transform~~")})}))]}))]}))]})),ve&&s(S,{error:ve,className:"mt-3"})]}))}))};export{D as default};
1	+ import{__rest as e,__awaiter as t}from"../../../_virtual/_tslib.js";import{jsx as s,jsxs as o}from"react/jsx-runtime";import{useState as i,useRef as n,useMemo as r,useEffect as a}from"react";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 u}from"../../../hooks/studio/useStyleFontSize.js";import{useConversation as m}from"../../../hooks/pickaxe/useConversation.js";import{useAuthContext as p}from"../Addons/Auth/hooks/useAuthContext.js";import{useSubmit as f}from"../../../hooks/pickaxe/useSubmit.js";import{useDocument as v}from"../Addons/Document/hooks/useDocument.js";import{useScroll as h}from"../Addons/Scroll/hooks/useScroll.js";import{useArtifactContext as g}from"../Addons/Artifact/hooks/useArtifactContext.js";import{useHover as j}from"../../../hooks/core/useHover.js";import{allowedFileMimeTypes as b,allowedImageMimeTypes as x}from"../../../common/documents.js";import{createParser as k}from"eventsource-parser";import y from"../../Icons/attach-vertical.svg.js";import O from"../../Icons/arrow-right.svg.js";import w from"../Addons/IceBreaker/index.js";import I from"../Addons/Document/List.js";import N from"../../Core/Textarea.js";import S from"../../Core/ErrorAlert.js";import A from"../common/PickaxeBranding.js";import C from"../../../common/error.js";import B from"../../../common/cn.js";const D=({isFocused:D,onFocus:E,onBlur:U})=>{var W,J,L;const{formId:T,chatId:_,userId:F,studioUserId:H,embedUserId:R,deploymentId:P,deploymentType:z,pickaxe:G,styles:K,colors:M,misc:q,responsiveBy:Q,isNewChat:V,isRtl:X,isEmailLogin:Y,setIsNewChat:Z,setIsShowIceBreaker:$,onGenerateComplete:ee}=l(),{token:te,isLoggedOut:se,isSent:oe}=p(),{messages:ie,status:ne,limits:re,isGenerating:ae,setMessages:le,setStatus:de,setLimitData:ce,setError:ue}=d(),{documents:me,isUploading:pe,isImageUploadAllowed:fe,documentError:ve,onFileUpload:he,setDocuments:ge,setDocumentError:je}=v(),{scrollStartSession:be,scrollEndSession:xe,scrollToBottom:ke}=h({auto:!0}),{artifacts:ye,currentPopupType:Oe,setArtifacts:we,setCurrentArtifact:Ie}=g(),Ne=m(),Se=f(),[Ae,Ce]=i(""),Be=n(null),De=j(),{isHover:Ee}=De,Ue=e(De,["isHover"]),We=j(),{isHover:Je}=We,Le=e(We,["isHover"]),Te=u(),_e=c(),Fe="chat-input"===z&&V&&!oe,He="chat-input"===z&&Y&&se&&oe,Re=r((()=>{var e,t,s;return!!V&&(!!G&&(!Ne.isLoading&&(!((null!==(t=null===(e=Ne.data)\|\|void 0===e?void 0:e.messages.length)&&void 0!==t?t:0)>1)&&!!(null===(s=G.icebreakers)\|\|void 0===s?void 0:s.length))))}),[G,V,Ne.data,Ne.isLoading]),Pe=r((()=>{if(ae\|\|pe)return!1;return!!Ae.trim()&&me.every((e=>"finished"===e.status\|\|e.isInsertedAsRaw))}),[ae,pe,Ae,me]),ze=e=>t(void 0,void 0,void 0,(function(){var t,s;try{if("idle"!==ne\|\|pe)return;const o=null!=e?e:Ae;if(!o)return;ue(""),je(""),ce(null),Ce(""),Z(!1),de("fetching"),be(),ke();const i=me.filter((e=>"finished"===e.status&&!e.isInsertedAsRaw)).map((e=>e.documentId)).filter(Boolean),n=null!==(s=null===(t=null==G?void 0:G.documentuploadtype)\|\|void 0===t?void 0:t.startsWith("enduserupload"))&&void 0!==s&&s&&i.length>0,r=[...Array.from(ie),Object.assign({id:ie.length+1,role:"user",content:o},n&&{documentIds:i})];le(r),ke(),n&&ge([]);const a=(yield Se.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:T,responseId:_,value:o},n&&{documentIds:i}),F&&{userId:F}),H&&{studioUserId:H}),R&&{embedUserId:R}),te&&{studioSessionToken:te}),P&&{deploymentId:P}))).body;if(!a)throw new Error("Streaming error");const l=r.length,d=new TextDecoder,c=a.getReader();let u="",m=!0,p=!1,f=[...null!=ye?ye:[]];const v=k({onEvent:e=>{if("delta"===e.event){const t=JSON.parse(e.data).token.replace(/\u200B/g,"");u+=t,le([...r.slice(0,l),{id:ie.length+1,role:"assistant",content:u}])}else if("artifact_created"===e.event){const t=JSON.parse(e.data);f=f.filter((e=>!(e.id===t.id&&e.version===t.version))),f.push(Object.assign(Object.assign({},t),{content:"",status:"streaming"})),we(f),Oe.startsWith("inline")\|\|Ie({id:t.id,version:t.version})}else if("artifact_updated"===e.event){const t=JSON.parse(e.data);f=f.filter((e=>!(e.id===t.id&&e.version===t.version))),f.push(Object.assign(Object.assign({},t),{content:"",status:"updating"})),we(f),Oe.startsWith("inline")\|\|Ie({id:t.id,version:t.version})}else if("artifact_rewrite"===e.event){const t=JSON.parse(e.data);f=f.filter((e=>!(e.id===t.id&&e.version===t.version))),f.push(Object.assign(Object.assign({},t),{content:"",status:"streaming"})),we(f),Oe.startsWith("inline")\|\|Ie({id:t.id,version:t.version})}else if("artifact_content"===e.event){const t=JSON.parse(e.data),s=t.token.replace(/\u200B/g,"");f=f.map((e=>e.id===t.id&&e.version===t.version?Object.assign(Object.assign({},e),{content:e.content+s,status:"streaming"}):e)),we(f)}else if("artifact_finished"===e.event){const t=JSON.parse(e.data);we(f.map((e=>e.id===t.id?Object.assign(Object.assign({},e),{status:"finished"}):e)))}else if("error"===e.event){const t=JSON.parse(e.data);ue(t.error\|\|"Something went wrong, please try again.")}else"stop"===e.event&&(m=!1)}});for(;m;){const{value:e,done:t}=yield c.read();if(t){m=!1;break}const s=d.decode(e);s&&(p\|\|(de("streaming"),p=!0),v.feed(s))}null==ee\|\|ee(_)}catch(e){let t=C(e)\|\|"";t&&!t.includes("Unexpected token 'A',")\|\|(t="Oops! We're experiencing high traffic at the moment. Please try again later.");const s=Object.entries(re).find((([e])=>t.includes(e)));s?ce(s[1]):ue(t)}finally{ke(),de("idle"),xe()}}));return a((()=>{$(Re)}),[Re]),He?null:s("div",Object.assign({className:B("w-full flex flex-col items-center absolute bottom-0 left-0 z-1",!Fe&&"px-4 pb-4"),dir:X?"rtl":"ltr"},{children:o("div",Object.assign({className:"relative flex flex-col max-w-[800px] w-full"},{children:[!Fe&&s("div",Object.assign({className:B("absolute bottom-full",X?"left-0":"right-0")},{children:o("div",Object.assign({className:B("flex flex-col gap-2 pb-4 px-2",X?"justify-start":"justify-end","viewport"===Q?X?"min-[767px]:items-start":"min-[767px]:items-end":X?"@[767px]/pickaxe-root:items-start":"@[767px]/pickaxe-root:items-end")},{children:[!q.isWhiteLabel&&s(A,{containerClassName:"justify-end"}),Re&&!D&&s(w,{data:(null==G?void 0:G.icebreakers)\|\|[],onSend:ze})]}))})),o("div",Object.assign({className:B("flex flex-col gap-y-3 px-4 py-3","block"===K.formFieldStyle&&"shadow"),style:_e},{children:["idle"===ne&&me.length>0&&s(I,{isDisabled:"idle"!==ne}),o("div",Object.assign({className:B("flex items-end gap-x-2",X&&"flex-row-reverse")},{children:[s(N,Object.assign({className:B(Te.i1,"max-h-60 min-h-[27px] w-full border-transparent bg-transparent",!Ae.length&&"max-h-6 overflow-hidden text-ellipsis whitespace-nowrap",X?"text-right":"text-left"),value:Ae,placeholder:null!==(W=null==G?void 0:G.placeholdertext)&&void 0!==W?W:X?"بماذا تريد أن تتحدث؟":"What do you want to talk about?",onChange:e=>Ce(e),onKeyDown:e=>{"Enter"===e.key&&(e.shiftKey\|\|(e.preventDefault(),pe\|\|"idle"!==ne\|\|ze()))}},E&&{onFocus:E},U&&{onBlur:U},{dir:X?"rtl":"ltr"})),o("div",Object.assign({className:"flex items-center gap-x-2"},{children:[null!==(L=null===(J=null==G?void 0:G.documentuploadtype)\|\|void 0===J?void 0:J.startsWith("enduserupload"))&&void 0!==L&&L&&o("button",Object.assign({className:"outline-none disabled:cursor-default w-8 h-8 flex items-center justify-center rounded-full transition-colors duration-200 ease-in-out",style:{backgroundColor:Je?M.accent+"10":void 0,color:Je?M.accent:M.accent+"80"},disabled:pe\|\|"idle"!==ne,onClick:()=>{var e;return null===(e=Be.current)\|\|void 0===e?void 0:e.click()}},Le,{children:[s("input",{id:"file-upload",ref:Be,type:"file",accept:[...b,...fe?x:[]].join(", "),multiple:!0,hidden:!0,className:"hidden",onChange:e=>t(void 0,void 0,void 0,(function(){Z(!1),yield he(Array.from(e.target.files\|\|[])),e.target.value=""}))}),s(y,{className:"h-6 w-6 shrink-0"})]})),s("button",Object.assign({className:"outline-none disabled:cursor-default w-8 h-8 flex items-center justify-center rounded-full duration-200 transition-colors ease-in-out",style:{backgroundColor:Ee\|\|Pe?M.accent:M.accent+"10",color:Ee\|\|Pe?M.accentText:M.accent+"80"},disabled:"idle"!==ne\|\|pe,onClick:()=>ze()},Ue,{children:s(O,{className:B("h-6 w-6 shrink-0",X&&"transform scale-x-[-1]")})}))]}))]}))]})),ve&&s(S,{error:ve,className:"mt-3"})]}))}))};export{D as default};

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

	@@ -1 +1 @@
1	- import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useMemo as o}from"react";import{usePickaxeContext as t}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as i}from"../../../../hooks/pickaxe/useResponseContext.js";import{useStyleFontSize as n}from"../../../../hooks/studio/useStyleFontSize.js";import{useDocument as l}from"../../Addons/Document/hooks/useDocument.js";import{useArtifact as a}from"../../Addons/Artifact/hooks/useArtifact.js";import{format as r}from"date-fns";import{PickaxeMarkdown as c}from"../../common/PickaxeMarkdown/index.js";import{PickaxeMarkdownRenderer as d}from"../../common/PickaxeMarkdown/Renderer.js";import m from"../../../Icons/message-square-notes.svg.js";import p from"../../../Icons/visitor.svg.js";import h from"../../common/PickaxeIcon.js";import u from"../../common/PickaxeSimpleButton.js";import f from"../../common/PickaxeCopyButton.js";import g from"../../../../common/cn.js";const x=({item:x})=>{const{pickaxe:b,styles:v,colors:k,misc:j,translations:y,disableHtml:w,disableJs:N,disableCss:C,isRtl:O,setChatId:I,setIsNewChat:A}=t(),{setMessages:M}=i(),{setDocuments:P}=l(),{onLoadArtifact:$}=a(),S=n(),q=o((()=>r(x.createdAt,"hh:mm a MMM dd, yyy")),[x]),H=o((()=>x&&x.messages?x.messages.length:0),[x]),R=o((()=>{var e,s,o,t;if("form"===x.type){return(null!==(e=x.questions)&&void 0!==e?e:[]).map((e=>`<div style="display: flex; flex-direction: column; margin-bottom: 1em;">\n <p style="font-weight: 500;">${e.question}</p>\n <p>${e.answer\|\|"n/a"}</p>\n</div>`)).join("")}return null!==(t=null===(o=null===(s=x.messages)\|\|void 0===s?void 0:s[0])\|\|void 0===o?void 0:o.message)&&void 0!==t?t:""}),[x]),B=o((()=>{var e,s,o,t;return"form"===x.type?null!==(e=x.questionResponse)&&void 0!==e?e:"":null!==(t=null===(o=null===(s=x.messages)\|\|void 0===s?void 0:s[1])\|\|void 0===o?void 0:o.message)&&void 0!==t?t:""}),[x]);return e("div",Object.assign({className:"flex flex-col shadow-black transition duration-300 hover:shadow"},{children:[e("div",Object.assign({className:"flex gap-x-3 overflow-hidden px-4 py-5",style:{backgroundColor:k.primary,color:k.text}},{children:[s("div",Object.assign({className:"shrink-0 pt-1"},{children:s(p,{className:"h-6 w-6 ~~shrink-0~~"})})),e("div",Object.assign({className:"flex flex-col gap-y-1 overflow-x-auto pb-1.5 scrollbar-track-gray-100 scrollbar-thumb-[#4A4A4B] lg:max-w-[520px] lg:scrollbar-thin"},{children:[s("input",{id:`${x.responseId}-input`,type:"checkbox",className:"peer hidden",defaultChecked:R.length<280}),s("div",{className:"danger-html hidden flex-col peer-checked:flex",dangerouslySetInnerHTML:{__html:R}}),s("label",Object.assign({htmlFor:`${x.responseId}-input`,className:g(S.b3,"mt-1 flex shrink-0 whitespace-nowrap font-semibold peer-checked:hidden hover:cursor-pointer"),style:{color:k.accent}},{children:(null==y?void 0:y["see-input"])\|\|"See input"})),s("label",Object.assign({htmlFor:`${x.responseId}-input`,className:g(S.b3,"hidden shrink-0 whitespace-nowrap font-semibold peer-checked:flex hover:cursor-pointer"),style:{color:k.accent}},{children:(null==y?void 0:y["hide-input"])\|\|"Hide input"}))]}))]})),e("div",Object.assign({className:"flex gap-x-3 px-4 py-5",style:{backgroundColor:k.secondary,color:k.secondaryText}},{children:[j.isChatImage&&s(h,{src:null==b?void 0:b.chaticon,alt:`${null==b?void 0:b.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6 pt-1",textColor:k.secondaryText}),e("div",Object.assign({className:"flex w-full flex-col gap-y-2 overflow-hidden"},{children:[s(c,Object.assign({theme:v.theme,colors:k,actions:!0},O&&{rtl:!0},w&&{disableHtml:!0},N&&{disableJs:!0},C&&{disableCss:!0},{onArtifactClick:$},{children:s(d,{className:"overflow-x-auto pb-2 font-semilight scrollbar scrollbar-thin",value:B})})),e("div",Object.assign({className:"flex flex-wrap items-center justify-between gap-x-3 gap-y-1"},{children:[e("div",Object.assign({className:"flex items-center gap-3"},{children:[(null==b?void 0:b.enablechatresponses)&&e(u,Object.assign({color:k.accent,onClick:()=>{return e=x.responseId,P([]),M([]),A(!1),void I(e);var e}},{children:[s(m,{className:"h-4 w-4 shrink-0"}),s("p",Object.assign({className:g(S.b3,"font-semibold")},{children:H+1}))]})),s(f,{color:k.accent,text:B})]})),s("div",Object.assign({className:"flex shrink-0 grow justify-end"},{children:s("p",Object.assign({className:g(S.b3,"font-semibold uppercase opacity-30")},{children:q}))}))]}))]}))]}))]}))};export{x as default};
1	+ import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useMemo as o}from"react";import{usePickaxeContext as t}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as i}from"../../../../hooks/pickaxe/useResponseContext.js";import{useStyleFontSize as l}from"../../../../hooks/studio/useStyleFontSize.js";import{useDocument as n}from"../../Addons/Document/hooks/useDocument.js";import{useArtifact as a}from"../../Addons/Artifact/hooks/useArtifact.js";import{format as r}from"date-fns";import{PickaxeMarkdown as c}from"../../common/PickaxeMarkdown/index.js";import{PickaxeMarkdownRenderer as d}from"../../common/PickaxeMarkdown/Renderer.js";import m from"../../../Icons/message-square-notes.svg.js";import p from"../../../Icons/visitor.svg.js";import h from"../../common/PickaxeIcon.js";import u from"../../common/PickaxeSimpleButton.js";import f from"../../common/PickaxeCopyButton.js";import g from"../../../../common/cn.js";const x=({item:x})=>{const{pickaxe:b,styles:v,colors:j,misc:k,translations:y,disableHtml:w,disableJs:N,disableCss:C,isRtl:O,setChatId:I,setIsNewChat:A}=t(),{setMessages:M}=i(),{setDocuments:P}=n(),{onLoadArtifact:$}=a(),S=l(),q=o((()=>r(x.createdAt,"hh:mm a MMM dd, yyy")),[x]),H=o((()=>x&&x.messages?x.messages.length:0),[x]),R=o((()=>{var e,s,o,t;if("form"===x.type){return(null!==(e=x.questions)&&void 0!==e?e:[]).map((e=>`<div style="display: flex; flex-direction: column; margin-bottom: 1em;">\n <p style="font-weight: 500;">${e.question}</p>\n <p>${e.answer\|\|"n/a"}</p>\n</div>`)).join("")}return null!==(t=null===(o=null===(s=x.messages)\|\|void 0===s?void 0:s[0])\|\|void 0===o?void 0:o.message)&&void 0!==t?t:""}),[x]),B=o((()=>{var e,s,o,t;return"form"===x.type?null!==(e=x.questionResponse)&&void 0!==e?e:"":null!==(t=null===(o=null===(s=x.messages)\|\|void 0===s?void 0:s[1])\|\|void 0===o?void 0:o.message)&&void 0!==t?t:""}),[x]);return e("div",Object.assign({className:"flex flex-col shadow-black transition duration-300 hover:shadow"},{children:[e("div",Object.assign({className:"flex gap-x-3 overflow-hidden px-4 py-5",style:{backgroundColor:j.primary,color:j.text}},{children:[s("div",Object.assign({className:"shrink-0 pt-1"},{children:s(p,{className:"h-6 w-6"})})),e("div",Object.assign({className:"flex flex-col gap-y-1 overflow-x-auto pb-1.5 scrollbar-track-gray-100 scrollbar-thumb-[#4A4A4B] lg:max-w-[520px] lg:scrollbar-thin"},{children:[s("input",{id:`${x.responseId}-input`,type:"checkbox",className:"peer hidden",defaultChecked:R.length<280}),s("div",{className:"danger-html hidden flex-col peer-checked:flex",dangerouslySetInnerHTML:{__html:R}}),s("label",Object.assign({htmlFor:`${x.responseId}-input`,className:g(S.b3,"mt-1 flex shrink-0 whitespace-nowrap font-semibold peer-checked:hidden hover:cursor-pointer"),style:{color:j.accent}},{children:(null==y?void 0:y["see-input"])\|\|"See input"})),s("label",Object.assign({htmlFor:`${x.responseId}-input`,className:g(S.b3,"hidden shrink-0 whitespace-nowrap font-semibold peer-checked:flex hover:cursor-pointer"),style:{color:j.accent}},{children:(null==y?void 0:y["hide-input"])\|\|"Hide input"}))]}))]})),e("div",Object.assign({className:"flex gap-x-3 px-4 py-5",style:{backgroundColor:j.secondary,color:j.secondaryText}},{children:[k.isChatImage&&s(h,{src:null==b?void 0:b.chaticon,alt:`${null==b?void 0:b.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6 pt-1",textColor:j.secondaryText}),e("div",Object.assign({className:"flex w-full flex-col gap-y-2 overflow-hidden"},{children:[s(c,Object.assign({theme:v.theme,colors:j,actions:!0},O&&{rtl:!0},w&&{disableHtml:!0},N&&{disableJs:!0},C&&{disableCss:!0},{onArtifactClick:$},{children:s(d,{className:"overflow-x-auto pb-2 font-semilight scrollbar scrollbar-thin",value:B})})),e("div",Object.assign({className:"flex flex-wrap items-center justify-between gap-x-3 gap-y-1"},{children:[e("div",Object.assign({className:"flex items-center gap-3"},{children:[(null==b?void 0:b.enablechatresponses)&&e(u,Object.assign({color:j.accent,onClick:()=>{return e=x.responseId,P([]),M([]),A(!1),void I(e);var e}},{children:[s(m,{className:"h-4 w-4 shrink-0"}),s("p",Object.assign({className:g(S.b3,"font-semibold")},{children:H+1}))]})),s(f,{color:j.accent,text:B})]})),s("div",Object.assign({className:"flex shrink-0 grow justify-end"},{children:s("p",Object.assign({className:g(S.b3,"font-semibold uppercase opacity-30")},{children:q}))}))]}))]}))]}))]}))};export{x as default};

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

	@@ -1 +1 @@
1	- import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useMemo as t}from"react";import{usePickaxeContext as i}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as o}from"../../../../hooks/pickaxe/useResponseContext.js";import{useStyleFontSize as n}from"../../../../hooks/studio/useStyleFontSize.js";import c from"../../../Icons/check.svg.js";import r from"./Dropdown.js";import a from"../../../../common/cn.js";const l=({field:l,update:p})=>{const{colors:d,isRtl:m}=i(),{setError:u}=o(),f=n(),h=t((()=>l.input?l.input.split(","):[]),[l.input]);return e("div",Object.assign({className:"flex flex-col gap-y-3",dir:m?"rtl":"ltr"},{children:[e("div",Object.assign({className:"flex items-center gap-1"},{children:[s("p",Object.assign({className:a(f.b3,"font-semibold opacity-70")},{children:l.main})),l.isRequired&&s("span",Object.assign({className:"select-none font-semibold",style:{color:d.error}},{children:"*"}))]})),s(r,Object.assign({id:l.id.replace(/[^A-Za-z]+/g,""),value:l.input.replace(/,/g,", "),placeholder:"Select option(s)",closeOnSelect:!1,maxToken:l.maxLength,isDropdown:l.isDropdown},{children:s("div",Object.assign({className:"flex flex-col items-start gap-y-3"},{children:l.example.split("S3P32X").map(((t,i)=>e("div",Object.assign({className:"flex items-center gap-x-3 hover:cursor-pointer",onClick:()=>(e=>{u("");const s=h.includes(e),t=l.input?l.input.split(","):[],i=new Set(t);s&&i.has(e)?i.delete(e):s\|\|i.has(e)\|\|i.add(e);const o=Array.from(i).filter((e=>""!==e.trim()));p(Object.assign(Object.assign({},l),{input:o.join(",")}))})(t)},{children:[s("div",Object.assign({className:"flex h-[18px] w-[18px] shrink-0 items-center justify-center rounded-sm ~~border-2~~ transition-colors ~~duration-200~~ ease-in-out",style:Object.assign({borderColor:h.includes(t)?d.accent:d.accent+"80"},h.includes(t)&&{backgroundColor:d.accent})},{children:s(c,{className:a("h-3 w-3 shrink-0 ~~opacity-0~~ transition-opacity ~~duration~~-~~200~~ ease-in-out",h.includes(t)&&"opacity-100"),style:{color:d.accentText}})})),s("p",Object.assign({className:a(f.b2,"select-none")},{children:t}))]}),i)))}))}))]}))};export{l as default};
1	+ import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useMemo as t}from"react";import{usePickaxeContext as i}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as o}from"../../../../hooks/pickaxe/useResponseContext.js";import{useStyleFontSize as n}from"../../../../hooks/studio/useStyleFontSize.js";import c from"../../../Icons/check.svg.js";import r from"./Dropdown.js";import a from"../../../../common/cn.js";const l=({field:l,update:p})=>{const{colors:d,isRtl:m}=i(),{setError:u}=o(),f=n(),h=t((()=>l.input?l.input.split(","):[]),[l.input]);return e("div",Object.assign({className:"flex flex-col gap-y-3",dir:m?"rtl":"ltr"},{children:[e("div",Object.assign({className:"flex items-center gap-1"},{children:[s("p",Object.assign({className:a(f.b3,"font-semibold opacity-70")},{children:l.main})),l.isRequired&&s("span",Object.assign({className:"select-none font-semibold",style:{color:d.error}},{children:"*"}))]})),s(r,Object.assign({id:l.id.replace(/[^A-Za-z]+/g,""),value:l.input.replace(/,/g,", "),placeholder:"Select option(s)",closeOnSelect:!1,maxToken:l.maxLength,isDropdown:l.isDropdown},{children:s("div",Object.assign({className:"flex flex-col items-start gap-y-3"},{children:l.example.split("S3P32X").map(((t,i)=>e("div",Object.assign({className:"flex items-center gap-x-3 hover:cursor-pointer",onClick:()=>(e=>{u("");const s=h.includes(e),t=l.input?l.input.split(","):[],i=new Set(t);s&&i.has(e)?i.delete(e):s\|\|i.has(e)\|\|i.add(e);const o=Array.from(i).filter((e=>""!==e.trim()));p(Object.assign(Object.assign({},l),{input:o.join(",")}))})(t)},{children:[s("div",Object.assign({className:"flex h-[18px] w-[18px] shrink-0 items-center justify-center border-2 rounded-sm transition-colors ease-in-out duration-200",style:Object.assign({borderColor:h.includes(t)?d.accent:d.accent+"80"},h.includes(t)&&{backgroundColor:d.accent})},{children:s(c,{className:a("h-3 w-3 shrink-0 transition-opacity opacity-0 ease-in-out duration-200",h.includes(t)&&"opacity-100"),style:{color:d.accentText}})})),s("p",Object.assign({className:a(f.b2,"select-none")},{children:t}))]}),i)))}))}))]}))};export{l as default};

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

	@@ -1 +1 @@
1	- import{__rest as e,__awaiter as o}from"../../../../_virtual/_tslib.js";import{jsxs as s,jsx as t,Fragment as i}from"react/jsx-runtime";import{useState as r,useRef as l}from"react";import{usePickaxeContext as n}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleInput as a}from"../../../../hooks/studio/useStyleInput.js";import{useStyleFontSize as c}from"../../../../hooks/studio/useStyleFontSize.js";import{useDocument as d}from"../../Addons/Document/hooks/useDocument.js";import{useHover as m}from"../../../../hooks/core/useHover.js";import{allowedFileMimeTypes as u,allowedImageMimeTypes as p}from"../../../../common/documents.js";import f from"../../../Icons/attach-vertical.svg.js";import h from"../../../Icons/check.svg.js";import b from"../../../Icons/x.svg.js";import g from"../../../Core/ErrorAlert.js";import v from"../../Addons/Document/List.js";import j from"../../../../common/cn.js";const y=({field:y,update:k})=>{var x;const N=c(),{colors:w,styles:O,translations:C,isRtl:D}=n(),A=m(),{isHover:F}=A,I=e(A,["isHover"]),{documents:S,documentError:E,websiteLink:U,isUploading:H,isImageUploadAllowed:L,setDocumentError:P,setWebsiteLink:R,onFileUpload:W,onWebsiteUpload:_}=d({onQuestionChange:e=>{k(Object.assign(Object.assign({},y),e))}}),[q,z]=r(!1),B=l(null),K=a();return s("div",Object.assign({className:"flex flex-col gap-y-4",dir:D?"rtl":"ltr"},{children:[s("div",Object.assign({className:"flex flex-col gap-y-2"},{children:[s("div",Object.assign({className:"flex items-center gap-1"},{children:[t("p",Object.assign({className:j(N.b3,"font-semibold opacity-70")},{children:y.main})),y.isRequired&&t("span",Object.assign({className:"select-none font-semibold",style:{color:w.error}},{children:""}))]})),s("div",Object.assign({className:"flex flex-col gap-y-2"},{children:[t("input",{ref:B,type:"file",accept:[...u,...L?p:[]].join(", "),id:y.id,hidden:!0,multiple:!0,className:"hidden",onChange:e=>o(void 0,void 0,void 0,(function(){yield W(Array.from(e.target.files\|\|[])),e.target.value=""})),disabled:H}),s("div",Object.assign({className:j("flex items-center justify-between rounded-sm border border-transparent bg-white py-3 pl-4 pr-3 ~~transition-all~~ duration-300 ease-in-out",q&&"block"===O.formFieldStyle&&"shadow","block"===O.formFieldStyle&&"shadow hover:shadow-none",D&&"pl-3 pr-4"),style:K},{children:[t("input",{type:"text",value:U,className:j(N.i1,"w-full ~~bg-transparent~~ outline-none ring-0 placeholder:text-inherit placeholder:opacity-50"),placeholder:null!==(x=null==C?void 0:C["form-doc-placeholder"])&&void 0!==x?x:"Paste a website/video link or drag a file",onChange:e=>R(e.target.value),onDrop:e=>o(void 0,void 0,void 0,(function*(){e.preventDefault(),yield W(Array.from(e.dataTransfer.files\|\|[]))})),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),_(U))},onFocus:()=>z(!0),onBlur:()=>z(!1)}),t("div",Object.assign({className:j("flex items-center gap-3",D?"pr-4":"pl-4")},{children:U.length>0?s(i,{children:[t("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:H,onClick:()=>_(U)},{children:t(h,{className:"h-5 w-5 shrink-0",style:{color:w.accent}})})),t("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:H,onClick:()=>{R(""),P("")}},{children:t(b,{className:"h-6 w-6 shrink-0",style:{color:w.accent}})}))]}):t("button",Object.assign({className:"~~flex~~ h-8 w-8 items-center justify-center rounded-full ~~outline-none~~ transition-colors duration-200 ease-in-out ~~disabled:cursor-default~~",disabled:H,onClick:()=>{var e;null===(e=B.current)\|\|void 0===e\|\|e.click()},style:{backgroundColor:F?w.accent+"10":void 0}},I,{children:t(f,{className:"h-6 w-6 shrink-0",style:{color:F?w.accent:w.accent+"80"}})}))}))]}))]}))]})),S.length>0&&t(v,{}),E&&t(g,{error:E,className:"mt-3"})]}))};export{y as default};
1	+ import{__rest as e,__awaiter as o}from"../../../../_virtual/_tslib.js";import{jsxs as s,jsx as t,Fragment as i}from"react/jsx-runtime";import{useState as r,useRef as l}from"react";import{usePickaxeContext as n}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleInput as a}from"../../../../hooks/studio/useStyleInput.js";import{useStyleFontSize as c}from"../../../../hooks/studio/useStyleFontSize.js";import{useDocument as d}from"../../Addons/Document/hooks/useDocument.js";import{useHover as m}from"../../../../hooks/core/useHover.js";import{allowedFileMimeTypes as u,allowedImageMimeTypes as p}from"../../../../common/documents.js";import f from"../../../Icons/attach-vertical.svg.js";import h from"../../../Icons/check.svg.js";import b from"../../../Icons/x.svg.js";import g from"../../../Core/ErrorAlert.js";import v from"../../Addons/Document/List.js";import j from"../../../../common/cn.js";const y=({field:y,update:k})=>{var x;const N=c(),{colors:w,styles:O,translations:C,isRtl:D}=n(),A=m(),{isHover:F}=A,I=e(A,["isHover"]),{documents:S,documentError:E,websiteLink:U,isUploading:H,isImageUploadAllowed:L,setDocumentError:P,setWebsiteLink:R,onFileUpload:W,onWebsiteUpload:_}=d({onQuestionChange:e=>{k(Object.assign(Object.assign({},y),e))}}),[q,z]=r(!1),B=l(null),K=a();return s("div",Object.assign({className:"flex flex-col gap-y-4",dir:D?"rtl":"ltr"},{children:[s("div",Object.assign({className:"flex flex-col gap-y-2"},{children:[s("div",Object.assign({className:"flex items-center gap-1"},{children:[t("p",Object.assign({className:j(N.b3,"font-semibold opacity-70")},{children:y.main})),y.isRequired&&t("span",Object.assign({className:"select-none font-semibold",style:{color:w.error}},{children:""}))]})),s("div",Object.assign({className:"flex flex-col gap-y-2"},{children:[t("input",{ref:B,type:"file",accept:[...u,...L?p:[]].join(", "),id:y.id,hidden:!0,multiple:!0,className:"hidden",onChange:e=>o(void 0,void 0,void 0,(function(){yield W(Array.from(e.target.files\|\|[])),e.target.value=""})),disabled:H}),s("div",Object.assign({className:j("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",q&&"block"===O.formFieldStyle&&"shadow","block"===O.formFieldStyle&&"shadow hover:shadow-none",D&&"pl-3 pr-4"),style:K},{children:[t("input",{type:"text",value:U,className:j(N.i1,"w-full outline-none ring-0 bg-transparent placeholder:text-inherit placeholder:opacity-50"),placeholder:null!==(x=null==C?void 0:C["form-doc-placeholder"])&&void 0!==x?x:"Paste a website/video link or drag a file",onChange:e=>R(e.target.value),onDrop:e=>o(void 0,void 0,void 0,(function*(){e.preventDefault(),yield W(Array.from(e.dataTransfer.files\|\|[]))})),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),_(U))},onFocus:()=>z(!0),onBlur:()=>z(!1)}),t("div",Object.assign({className:j("flex items-center gap-3",D?"pr-4":"pl-4")},{children:U.length>0?s(i,{children:[t("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:H,onClick:()=>_(U)},{children:t(h,{className:"h-5 w-5 shrink-0",style:{color:w.accent}})})),t("button",Object.assign({className:"outline-none disabled:cursor-wait disabled:opacity-80",disabled:H,onClick:()=>{R(""),P("")}},{children:t(b,{className:"h-6 w-6 shrink-0",style:{color:w.accent}})}))]}):t("button",Object.assign({className:"outline-none disabled:cursor-default w-8 h-8 flex items-center justify-center rounded-full transition-colors duration-200 ease-in-out",disabled:H,onClick:()=>{var e;null===(e=B.current)\|\|void 0===e\|\|e.click()},style:{backgroundColor:F?w.accent+"10":void 0}},I,{children:t(f,{className:"h-6 w-6 shrink-0",style:{color:F?w.accent:w.accent+"80"}})}))}))]}))]}))]})),S.length>0&&t(v,{}),E&&t(g,{error:E,className:"mt-3"})]}))};export{y as default};

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

	@@ -1 +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 l from"../../../Core/Textarea.js";import c from"../../../../common/cn.js";const m=({field:m,update:p})=>{const{styles:d,colors:h,isRtl:g}=s(),{setError:u}=r(),[x,f]=t(!1),b=n(),j=a();return e("div",Object.assign({className:"group relative flex flex-col gap-y-1",dir:g?"rtl":"ltr"},{children:[e("div",Object.assign({className:"flex flex-col gap-y-2"},{children:[e("div",Object.assign({className:"flex items-center gap-1"},{children:[o("p",Object.assign({className:c(b.b3,"font-semibold opacity-70")},{children:m.main})),m.isRequired&&o("span",Object.assign({className:"select-none font-semibold",style:{color:h.accent}},{children:"*"}))]})),o(l,{className:c(b.i1,"rounded-sm border border-transparent px-4 py-3 ~~transition-all~~ duration-300 ease-in-out placeholder:font-semilight",m.maxLength<10&&"max-w-[400px]","block"===d.formFieldStyle&&"shadow hover:shadow-none"),style:j,placeholder:m.example,rows:1,value:m.input,tabIndex:m.order,onChange:e=>{u("");const o=i(e).length;p(Object.assign(Object.assign({},m),{input:e,length:o}))},onFocus:()=>f(!0),onBlur:()=>f(!1)})]})),o("div",Object.assign({className:"pointer-events-none absolute bottom-0 right-0 p-1 px-2"},{children:e("p",Object.assign({className:c(b.b4,"font-semibold opacity-0 opacity-20 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};
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 l from"../../../Core/Textarea.js";import c from"../../../../common/cn.js";const m=({field:m,update:p})=>{const{styles:d,colors:h,isRtl:g}=s(),{setError:u}=r(),[x,f]=t(!1),b=n(),j=a();return e("div",Object.assign({className:"group relative flex flex-col gap-y-1",dir:g?"rtl":"ltr"},{children:[e("div",Object.assign({className:"flex flex-col gap-y-2"},{children:[e("div",Object.assign({className:"flex items-center gap-1"},{children:[o("p",Object.assign({className:c(b.b3,"font-semibold opacity-70")},{children:m.main})),m.isRequired&&o("span",Object.assign({className:"select-none font-semibold",style:{color:h.accent}},{children:"*"}))]})),o(l,{className:c(b.i1,"rounded-sm border border-transparent px-4 py-3 duration-300 ease-in-out transition-all placeholder:font-semilight",m.maxLength<10&&"max-w-[400px]","block"===d.formFieldStyle&&"shadow hover:shadow-none"),style:j,placeholder:m.example,rows:1,value:m.input,tabIndex:m.order,onChange:e=>{u("");const o=i(e).length;p(Object.assign(Object.assign({},m),{input:e,length:o}))},onFocus:()=>f(!0),onBlur:()=>f(!1)})]})),o("div",Object.assign({className:"pointer-events-none absolute bottom-0 right-0 p-1 px-2"},{children:e("p",Object.assign({className:c(b.b4,"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};