@pickaxeproject/react 3.8.1 → 3.9.0

package/dist/cjs/src/components/Pickaxe/common/PickaxeSimpleButton.d.ts

@@ -1,16 +1,10 @@
-import type { CSSProperties, ReactNode } from "react";
+import type { ReactNode } from "react";
 interface PickaxeSimpleButtonProps {
     color?: string;
     children: ReactNode;
     className?: string;
-    style?: CSSProperties;
-    reversed?: boolean;
     isForceColor?: boolean;
     onClick?: () => void;
-    onMouseDown?: () => void;
-    onMouseUp?: () => void;
-    onMouseEnter?: () => void;
-    onMouseLeave?: () => void;
 }
-declare const PickaxeSimpleButton: ({ color, children, className, style, reversed, isForceColor, onClick, ...props }: PickaxeSimpleButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const PickaxeSimpleButton: ({ color, children, className, isForceColor, onClick, }: PickaxeSimpleButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default PickaxeSimpleButton;

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

@@ -1,7 +1,6 @@
 export declare const usePickaxeContext: () => {
     formId: string;
     chatId: string;
-    lastChatId: string;
     sessionId: string;
     userId: string;
     studioUserId: string;
@@ -31,7 +30,6 @@ export declare const usePickaxeContext: () => {
     isEmailLogin: boolean;
     setFormId: import("../../types/common").SetState<string>;
     setChatId: import("../../types/common").SetState<string>;
-    setLastChatId: import("../../types/common").SetState<string>;
     setSessionId: import("../../types/common").SetState<string>;
     setPickaxe: import("../../types/common").SetState<import("../../types/pickaxe").LimitedPickaxe | null>;
     setIsFontLoaded: import("../../types/common").SetState<boolean>;

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

@@ -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

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

@@ -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};
+import{__rest as e,__awaiter as i}from"../../_virtual/_tslib.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useState as s,useEffect as o}from"react";import{usePickaxeContext as a}from"../../hooks/pickaxe/usePickaxeContext.js";import{QueryClient as r,QueryClientProvider as c}from"@tanstack/react-query";import{Pickaxe as l}from"../Pickaxe/index.js";import{PickaxeProvider as d}from"../Pickaxe/Provider.js";import{AnimatePresence as m,motion as h}from"framer-motion";import{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 r({defaultOptions:{queries:{refetchOnWindowFocus:!1}}}),v=i=>{var a,r,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,a=window.innerHeight-150,r=window.innerWidth-40;let c=0;c="px"===n.unit?n.value:o;let l=Math.min(c,a);l=Math.max(l,s,100),l=Math.min(l,a);let d=0;d="px"===i.unit?i.value:t;let m=Math.min(d,r,t);m=Math.max(m,150),m=Math.min(m,r);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!==(r=null===(a=y.styles)||void 0===a?void 0:a.cornerRadius)&&void 0!==r?r:0,bottom:100,right:20},k)},{children:t("div",Object.assign({className:"flex flex-col overflow-auto h-full",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:r,deploymentMisc:c}=a(),[l,d]=s({src:"",isLarge:!1}),[m,h]=s(!0);return o((()=>{i(void 0,void 0,void 0,(function*(){try{if(!(null==c?void 0:c.fabImage))return;h(!0);const e=new Image;e.src=c.fabImage,yield e.decode();const i=e.width>200;d({src:c.fabImage,isLarge:i})}catch(e){console.error("[pxe] error loading FAB image:",e),d({src:"",isLarge:!1})}finally{h(!1)}}))}),[null==c?void 0:c.fabImage]),m?null:t("button",Object.assign({className:"absolute z-50 flex h-[60px] w-[60px] cursor-pointer items-center justify-center overflow-hidden rounded-full bg-white dark:bg-black",style:{boxShadow:"0px 6px 6px rgba(0, 0, 0, 0.12)",background:r.primary,color:r.text,bottom:20,right:20},onClick:()=>n(!e)},{children:t(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/Inline.js

@@ -1 +1 @@
-import{__rest as i}from"../../_virtual/_tslib.js";import{jsx as e,jsxs as n}from"react/jsx-runtime";import{QueryClient as o,QueryClientProvider as t}from"@tanstack/react-query";import{Pickaxe as s}from"../Pickaxe/index.js";import{PickaxeProvider as d}from"../Pickaxe/Provider.js";import{PickaxeArtifact as l}from"../Pickaxe/Addons/Artifact/index.js";import m from"../../common/cn.js";const r=new o({defaultOptions:{queries:{refetchOnWindowFocus:!1}}}),a=o=>{var a,c,p,h,u,v,{formId:x,className:f}=o,y=i(o,["formId","className"]);return e(t,Object.assign({client:r},{children:n(d,Object.assign({},y,{deploymentType:"inline",isEmbed:!0},{children:[e("div",Object.assign({className:m("relative top-0 flex w-full flex-col overflow-y-auto overflow-x-hidden transition-all scrollbar scrollbar-thin",y.isDropShadow&&"shadow-embed"),style:Object.assign(Object.assign({borderRadius:null!==(c=null===(a=y.styles)||void 0===a?void 0:a.cornerRadius)&&void 0!==c?c:0},"px"===(null===(p=y.deploymentDimensions)||void 0===p?void 0:p.width.unit)?{width:y.deploymentDimensions.width.value+y.deploymentDimensions.width.unit}:"%"===(null===(h=y.deploymentDimensions)||void 0===h?void 0:h.width.unit)?{width:"100%",maxWidth:y.deploymentDimensions.maxWidth+"px"}:{}),"px"===(null===(u=y.deploymentDimensions)||void 0===u?void 0:u.height.unit)?{height:y.deploymentDimensions.height.value+"px"}:"auto"===(null===(v=y.deploymentDimensions)||void 0===v?void 0:v.height.unit)?{minHeight:y.deploymentDimensions.minHeight+"px",maxHeight:y.deploymentDimensions.maxHeight+"px"}:{})},{children:e(s,Object.assign({formId:x},f&&{className:f}))})),e(l,{})]}))}))};export{a as Inline};
+import{__rest as i}from"../../_virtual/_tslib.js";import{jsx as e,jsxs as n}from"react/jsx-runtime";import{QueryClient as o,QueryClientProvider as t}from"@tanstack/react-query";import{Pickaxe as s}from"../Pickaxe/index.js";import{PickaxeProvider as d}from"../Pickaxe/Provider.js";import{PickaxeArtifact as m}from"../Pickaxe/Addons/Artifact/index.js";import l from"../../common/cn.js";const r=new o({defaultOptions:{queries:{refetchOnWindowFocus:!1}}}),a=o=>{var a,p,c,h,u,v,{formId:x,className:f}=o,y=i(o,["formId","className"]);return e(t,Object.assign({client:r},{children:n(d,Object.assign({},y,{deploymentType:"inline",isEmbed:!0},{children:[e("div",Object.assign({className:l("relative top-0 flex w-full flex-col overflow-y-auto overflow-x-hidden transition-all",y.isDropShadow&&"shadow-embed"),style:Object.assign(Object.assign({borderRadius:null!==(p=null===(a=y.styles)||void 0===a?void 0:a.cornerRadius)&&void 0!==p?p:0},"px"===(null===(c=y.deploymentDimensions)||void 0===c?void 0:c.width.unit)?{width:y.deploymentDimensions.width.value+y.deploymentDimensions.width.unit}:"%"===(null===(h=y.deploymentDimensions)||void 0===h?void 0:h.width.unit)?{width:"100%",maxWidth:y.deploymentDimensions.maxWidth+"px"}:{}),"px"===(null===(u=y.deploymentDimensions)||void 0===u?void 0:u.height.unit)?{height:y.deploymentDimensions.height.value+"px"}:"auto"===(null===(v=y.deploymentDimensions)||void 0===v?void 0:v.height.unit)?{minHeight:y.deploymentDimensions.minHeight+"px",maxHeight:y.deploymentDimensions.maxHeight+"px"}:{})},{children:e(s,Object.assign({formId:x},f&&{className:f}))})),e(m,{})]}))}))};export{a as Inline};

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

@@ -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};
+import{__rest as e}from"../../_virtual/_tslib.js";import{jsx as i,jsxs as o}from"react/jsx-runtime";import{useState as t,useCallback as n,useEffect as s}from"react";import{usePickaxeContext as l}from"../../hooks/pickaxe/usePickaxeContext.js";import{useInstantPickaxe as d}from"../../hooks/pickaxe/usePickaxe.js";import{useStyleFontSize as a}from"../../hooks/studio/useStyleFontSize.js";import{QueryClient as r,QueryClientProvider as m}from"@tanstack/react-query";import{Pickaxe as c}from"../Pickaxe/index.js";import{PickaxeProvider as u}from"../Pickaxe/Provider.js";import{PickaxeArtifact as h}from"../Pickaxe/Addons/Artifact/index.js";import p from"../Icons/x.svg.js";import f from"../Core/Modal/index.js";import v from"../Core/Modal/Body.js";import x from"../../common/cn.js";const g=new r({defaultOptions:{queries:{refetchOnWindowFocus:!1}}}),y=l=>{var d,a,r,y,w,j,O,k,D,{formId:H,className:N}=l,P=e(l,["formId","className"]);const[R,I]=t(!1),[C,W]=t(!1),T=n((()=>{const e=P.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,P.deploymentDimensions]);return s((()=>(T(),window.addEventListener("resize",T),()=>window.removeEventListener("resize",T))),[R,C,P.deploymentDimensions]),i(m,Object.assign({client:g},{children:o(u,Object.assign({},P,{deploymentType:"popup",isEmbed:!0},{children:[i(b,{formId:H,setIsOpen:e=>{I(e),e&&T()}}),i(f,Object.assign({isOpen:R,onChange:()=>I(!1)},{children:o(v,Object.assign({className:x("relative bg-transparent overflow-hidden",P.isDropShadow&&"shadow-embed",C&&"h-full w-full"),style:{borderRadius:C?0:(null!==(a=null===(d=P.styles)||void 0===d?void 0:d.cornerRadius)&&void 0!==a?a:0)+"px"}},{children:[i("div",Object.assign({className:"overflow-auto",style:Object.assign({borderRadius:C?0:(null!==(y=null===(r=P.styles)||void 0===r?void 0:r.cornerRadius)&&void 0!==y?y:0)+"px"},C?{width:"100%",height:"100%"}:Object.assign(Object.assign({},"px"===(null===(w=P.deploymentDimensions)||void 0===w?void 0:w.width.unit)?{width:P.deploymentDimensions.width.value+P.deploymentDimensions.width.unit}:"%"===(null===(j=P.deploymentDimensions)||void 0===j?void 0:j.width.unit)?{width:Math.floor(P.deploymentDimensions.maxWidth*(P.deploymentDimensions.width.value/100))}:{}),"px"===(null===(O=P.deploymentDimensions)||void 0===O?void 0:O.height.unit)?{height:P.deploymentDimensions.height.value+"px"}:"auto"===(null===(k=P.deploymentDimensions)||void 0===k?void 0:k.height.unit)?{height:P.deploymentDimensions.minHeight+"px",maxHeight:P.deploymentDimensions.maxHeight+"px"}:{}))},{children:i(c,Object.assign({formId:H},N&&{className:N}))})),i("button",Object.assign({className:"absolute z-10 outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>I(!1),style:{right:12,top:12,color:(null===(D=P.colors)||void 0===D?void 0:D.text)||"#000"}},{children:i(p,{className:"h-5 w-5 shrink-0"})}))]}))})),i(h,{})]}))}))},b=({formId:e,setIsOpen:o})=>{var t;const{colors:n,styles:s,deploymentDimensions:r,deploymentMisc:m}=l(),c=a(),u=d(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==r?void 0:r.width.unit)?(null==r?void 0:r.maxWidth)+"px":(null==r?void 0:r.width.value)+"px",minHeight:48}),"Real Head Pro"!==s.font&&{fontFamily:s.font}),className:x(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:x(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{y as Popup,b as PopupCTAButton};

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

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

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

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

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

@@ -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};
+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:H,colors:T,misc:B,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"===H.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:T.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?T.accent:T.accent+"10",color:U||X?T.accentText:T.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:T.primary,color:T.text,borderRadius:H.cornerRadius},dir:$?"rtl":"ltr"},{children:[!B.isWhiteLabel&&i(v,{className:y("absolute top-4 right-4","popup"===D&&"right-12"),animateHover:!0}),F||!E?i(d,{className:"h-6 w-6 animate-spin animate-spin",style:{fill:T.accent,color:T.primary}}):o("div",Object.assign({className:"w-full flex flex-col items-center text-center max-w-[328px]"},{children:[B.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

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

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

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

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

@@ -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};
+import{jsxs as e,jsx as s,Fragment as i}from"react/jsx-runtime";import{useMemo as a}from"react";import{usePickaxeContext as t}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 f}from"framer-motion";import h from"../../../Icons/lock.svg.js";import g from"../../../Core/ErrorAlert.js";import x from"../../common/PickaxeHead.js";import j from"../../common/PickaxeCompactHead.js";import b from"../../common/PickaxeUpgradeCard.js";import v from"../../common/PickaxeBranding.js";import y from"../../common/PickaxeSkeleton.js";import w from"../../Addons/Scroll/ScrollLockView.js";import N from"../../Addons/Artifact/Renderer/index.js";import k from"./Message.js";import O from"./CustomMessage.js";import C from"../../../../common/cn.js";const A=({hideInfo:A,isInputFocused:S})=>{var P,R,I;const{deploymentType:L,pickaxe:E,colors:D,misc:H,translations:T,isNewChat:$,isRtl:z,isEmbed:F,isEmailLogin:M,setChatId:W}=t(),{emailInput:B,isLoggedOut:U,isSending:V,isResendDisabled:_,isSent:q}=o(),{onSend:G}=n(),{scrollContainerRef:J}=c(),{messages:K,status:Q,limitData:X,error:Y}=l(),{height:Z}=r(),{currentArtifact:ee,chatPopupType:se,currentPopupType:ie}=p(),ae=d(),te=m(),oe="chat-input"===L&&M&&U&&q,ne=a((()=>!!ae.data&&!(ae.data.messages.length<=1)),[ae.data]),le=a((()=>!A&&ae.isSuccess&&$&&!ne),[A,ae.isSuccess,$,ne]),re=a((()=>{var e,s;return!!K.length&&!(null!==(s=null===(e=null==K?void 0:K[K.length-1])||void 0===e?void 0:e.content)&&void 0!==s?s:"").trim()}),[K]);return e("div",Object.assign({ref:J,className:"flex w-full flex-col items-center overflow-y-auto mb-12 pb-8 scrollbar scrollbar-thin",style:{height:`calc(${Z}px - 74px)`}},{children:[s(u,{children:!!ee&&"inline"===ie&&s(f.div,Object.assign({className:C("absolute top-0 z-10 w-full px-4 py-2",se),style:{height:`calc(${Z}px - 80px)`},initial:{opacity:0,y:-20},animate:{opacity:1,y:0},exit:{opacity:0,y:-20},transition:{duration:.2,ease:"easeOut"}},{children:s(N,{type:"inline",className:"pxe-artifact-inline h-full shadow",artifact:{id:ee.id,version:ee.version}})}))}),e("div",Object.assign({className:"relative flex flex-col items-center flex-grow w-full max-w-[800px] px-4"},{children:[(le||!F)&&!H.isWhiteLabel&&s(v,{className:C("absolute top-4 right-4",!le&&!F&&"top-2"),animateHover:!0}),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]",le&&"opacity-100 mt-[10%] max-h-[100%]"),iconClassName:"duration-300 hover:opacity-90",maxDescriptionChars:500},!oe&&{onIconClick:()=>W("")})),F&&!ae.isLoading&&s(j,Object.assign({className:C("opacity-0 transition-all duration-500 ease-in-out h-0 w-full",!le&&"opacity-100 h-[56px]"),iconClassName:"duration-300 hover:opacity-90"},!oe&&{onIconClick:()=>W("")})),s("div",Object.assign({className:C("flex flex-col mt-6 transition-all duration-300 ease-in-out w-full",F&&!ae.isLoading&&!le&&"mt-0")},{children:oe?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(h,{className:"h-6 w-6 shrink-0"}),s("p",Object.assign({className:"font-semilight"},{children:B}))]}))})),s(O,Object.assign({chatRole:"assistant"},{children:e("p",Object.assign({className:"py-3 font-semilight"},{children:[`${null!==(P=null==T?void 0:T["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."} `,s("span",Object.assign({className:"underline underline-offset-2 cursor-pointer",onClick:()=>{_||V||G(!0)}},{children:V?null!==(R=null==T?void 0:T.resending)&&void 0!==R?R:"Resending...":null!==(I=null==T?void 0:T.resend)&&void 0!==I?I:"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:[$&&e("div",Object.assign({className:"flex flex-col items-center w-full"},{children:[s(y,{className:"w-[72px] h-[72px]"}),s(y,{className:"h-[20px] mt-6 w-full"}),s(y,{className:"h-[20px] mt-2 w-full"}),s(y,{className:"h-[20px] mt-2 w-full max-w-[400px]"})]})),s(y,{className:"h-10 w-[70%] animate-pulse justify-self-end rounded"}),s(y,{className:"h-[150px] w-[70%] animate-pulse rounded"}),s(y,{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(te.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(k,Object.assign({index:i,message:e},0===i&&{isIntroExpand:S}),i))),K.map(((e,i)=>s(k,{index:ae.data.messages.length+i,message:e},i))),"fetching"===Q||re?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:D.secondaryText}},i)))}))})):X?s("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:s(b,{})})):Y?s("div",Object.assign({className:C("flex items-center gap-x-3",z?"justify-end":"justify-start")},{children:s(g,{error:Y})})):null]})),s(w,{})]})):null})}))]}))]}))};export{A as default};

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

@@ -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};
+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 b}from"../../../hooks/core/useHover.js";import{allowedFileMimeTypes as j,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 S from"../../Core/Textarea.js";import N from"../../Core/ErrorAlert.js";import A from"../../../common/error.js";import C from"../../../common/cn.js";const D=({isFocused:D,onFocus:B,onBlur:E})=>{var U,J,T;const{formId:W,chatId:_,userId:F,studioUserId:L,embedUserId:H,deploymentId:R,deploymentType:P,pickaxe:z,styles:G,colors:K,responsiveBy:M,isNewChat:q,isRtl:Q,isEmailLogin:V,setIsNewChat:X,setIsShowIceBreaker:Y,onGenerateComplete:Z}=l(),{token:$,isLoggedOut:ee,isSent:te}=p(),{messages:se,status:oe,limits:ie,isGenerating:ne,setMessages:re,setStatus:ae,setLimitData:le,setError:de}=d(),{documents:ce,isUploading:ue,isImageUploadAllowed:me,documentError:pe,onFileUpload:fe,setDocuments:ve,setDocumentError:he}=v(),{scrollStartSession:ge,scrollEndSession:be,scrollToBottom:je}=h({auto:!0}),{artifacts:xe,currentPopupType:ke,setArtifacts:ye,setCurrentArtifact:Oe}=g(),we=m(),Ie=f(),[Se,Ne]=i(""),Ae=n(null),Ce=b(),{isHover:De}=Ce,Be=e(Ce,["isHover"]),Ee=b(),{isHover:Ue}=Ee,Je=e(Ee,["isHover"]),Te=u(),We=c(),_e="chat-input"===P&&q&&!te,Fe="chat-input"===P&&V&&ee&&te,Le=r((()=>{var e,t,s;return!!q&&(!!z&&(!we.isLoading&&(!((null!==(t=null===(e=we.data)||void 0===e?void 0:e.messages.length)&&void 0!==t?t:0)>1)&&!!(null===(s=z.icebreakers)||void 0===s?void 0:s.length))))}),[z,q,we.data,we.isLoading]),He=r((()=>{if(ne||ue)return!1;return!!Se.trim()&&ce.every((e=>"finished"===e.status||e.isInsertedAsRaw))}),[ne,ue,Se,ce]),Re=e=>t(void 0,void 0,void 0,(function*(){var t,s;try{if("idle"!==oe||ue)return;const o=null!=e?e:Se;if(!o)return;de(""),he(""),le(null),Ne(""),X(!1),ae("fetching"),ge(),je();const i=ce.filter((e=>"finished"===e.status&&!e.isInsertedAsRaw)).map((e=>e.documentId)).filter(Boolean),n=null!==(s=null===(t=null==z?void 0:z.documentuploadtype)||void 0===t?void 0:t.startsWith("enduserupload"))&&void 0!==s&&s&&i.length>0,r=[...Array.from(se),Object.assign({id:se.length+1,role:"user",content:o},n&&{documentIds:i})];re(r),je(),n&&ve([]);const a=(yield Ie.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:W,responseId:_,value:o},n&&{documentIds:i}),F&&{userId:F}),L&&{studioUserId:L}),H&&{embedUserId:H}),$&&{studioSessionToken:$}),R&&{deploymentId:R}))).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!=xe?xe:[]];const v=k({onEvent:e=>{if("delta"===e.event){const t=JSON.parse(e.data).token.replace(/\u200B/g,"");u+=t,re([...r.slice(0,l),{id:se.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"})),ye(f),ke.startsWith("inline")||Oe({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"})),ye(f),ke.startsWith("inline")||Oe({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"})),ye(f),ke.startsWith("inline")||Oe({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)),ye(f)}else if("artifact_finished"===e.event){const t=JSON.parse(e.data);ye(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);de(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||(ae("streaming"),p=!0),v.feed(s))}null==Z||Z(_)}catch(e){let t=A(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(ie).find((([e])=>t.includes(e)));s?le(s[1]):de(t)}finally{je(),ae("idle"),be()}}));return a((()=>{Y(Le)}),[Le]),Fe?null:s("div",Object.assign({className:C("w-full flex flex-col items-center absolute bottom-0 left-0 z-1",!_e&&"px-4 pb-4"),dir:Q?"rtl":"ltr"},{children:o("div",Object.assign({className:"relative flex flex-col max-w-[800px] w-full"},{children:[!_e&&s("div",Object.assign({className:C("absolute bottom-full",Q?"left-0":"right-0")},{children:s("div",Object.assign({className:C("flex flex-col gap-2 pb-4 px-2",Q?"justify-start":"justify-end","viewport"===M?Q?"min-[767px]:items-start":"min-[767px]:items-end":Q?"@[767px]/pickaxe-root:items-start":"@[767px]/pickaxe-root:items-end")},{children:Le&&!D&&s(w,{data:(null==z?void 0:z.icebreakers)||[],onSend:Re})}))})),o("div",Object.assign({className:C("flex flex-col gap-y-3 px-4 py-3","block"===G.formFieldStyle&&"shadow"),style:We},{children:["idle"===oe&&ce.length>0&&s(I,{isDisabled:"idle"!==oe}),o("div",Object.assign({className:C("flex items-end gap-x-2",Q&&"flex-row-reverse")},{children:[s(S,Object.assign({className:C(Te.i1,"max-h-60 min-h-[27px] w-full border-transparent bg-transparent",!Se.length&&"max-h-6 overflow-hidden text-ellipsis whitespace-nowrap",Q?"text-right":"text-left"),value:Se,placeholder:null!==(U=null==z?void 0:z.placeholdertext)&&void 0!==U?U:Q?"بماذا تريد أن تتحدث؟":"What do you want to talk about?",onChange:e=>Ne(e),onKeyDown:e=>{"Enter"===e.key&&(e.shiftKey||(e.preventDefault(),ue||"idle"!==oe||Re()))}},B&&{onFocus:B},E&&{onBlur:E},{dir:Q?"rtl":"ltr"})),o("div",Object.assign({className:"flex items-center gap-x-2"},{children:[null!==(T=null===(J=null==z?void 0:z.documentuploadtype)||void 0===J?void 0:J.startsWith("enduserupload"))&&void 0!==T&&T&&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:Ue?K.accent+"10":void 0,color:Ue?K.accent:K.accent+"80"},disabled:ue||"idle"!==oe,onClick:()=>{var e;return null===(e=Ae.current)||void 0===e?void 0:e.click()}},Je,{children:[s("input",{id:"file-upload",ref:Ae,type:"file",accept:[...j,...me?x:[]].join(", "),multiple:!0,hidden:!0,className:"hidden",onChange:e=>t(void 0,void 0,void 0,(function*(){X(!1),yield fe(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:De||He?K.accent:K.accent+"10",color:De||He?K.accentText:K.accent+"80"},disabled:"idle"!==oe||ue,onClick:()=>Re()},Be,{children:s(O,{className:C("h-6 w-6 shrink-0",Q&&"transform scale-x-[-1]")})}))]}))]}))]})),pe&&s(N,{error:pe,className:"mt-3"})]}))}))};export{D as default};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useMemo as a,Fragment as s}from"react";import{useInView as i}from"react-intersection-observer";import{usePickaxeContext as o}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useHistory as r}from"../../../../hooks/pickaxe/useHistory.js";import c from"./Item.js";const n=()=>{var n,l;const{misc:m,translations:d}=o(),h=r({enabled:null===(n=m.isHistory)||void 0===n||n}),{ref:p}=i({onChange(e){e&&h.hasNextPage&&h.fetchNextPage()}}),g=a((()=>{var e;return(null===(e=h.data)||void 0===e?void 0:e.pages.reduce(((e,t)=>e+t.data.length),0))||0}),[h.data]);return g||h.isLoading?e("div",Object.assign({className:"flex flex-col gap-y-8"},{children:[null===(l=h.data)||void 0===l?void 0:l.pages.map(((e,a)=>t(s,{children:e.data.map(((e,a)=>t(s,{children:t(c,{item:e})},a)))},a))),h.hasNextPage&&t("div",{ref:p,className:"invisible h-14 w-14"})]})):e("div",Object.assign({className:"flex flex-col items-center justify-center gap-2"},{children:[t("img",{src:"https://pickaxe.co/resources/images/no-history.webp",alt:"No history",className:"h-32 w-32 select-none object-contain",draggable:!1}),t("p",Object.assign({className:"text-center text-sm"},{children:(null==d?void 0:d["no-history"])||"No history yet."}))]}))};export{n as default};
+import{jsx as e,jsxs as s}from"react/jsx-runtime";import{Fragment as i}from"react";import{useInView as a}from"react-intersection-observer";import{usePickaxeContext as t}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useHistory as r}from"../../../../hooks/pickaxe/useHistory.js";import o from"../../../Icons/spinner-circle.svg.js";import n from"./Item.js";const c=()=>{var c,l;const{styles:m,colors:d,misc:p}=t(),f=r({enabled:null===(c=p.isHistory)||void 0===c||c}),g=!!p.isHistory&&f.isLoading,{ref:h}=a({onChange(e){e&&f.hasNextPage&&f.fetchNextPage()}});return g?e("div",{className:"w-full min-h-[300px] animate-pulse bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===m.theme?"#1E1E1F":"#E5E7EB"}}):f.isError?e("div",{}):s("div",Object.assign({className:"flex flex-col gap-y-8"},{children:[null===(l=f.data)||void 0===l?void 0:l.pages.map(((s,a)=>e(i,{children:s.data.map((s=>e(i,{children:e(n,{item:s})},s.responseId)))},a))),e("div",Object.assign({className:"flex items-center justify-center"},{children:f.isFetchingNextPage?e(o,{className:"my-10 h-14 w-14 animate-spin animate-spin text-gray-300",style:{fill:d.accent}}):f.hasNextPage?e("div",{ref:h,className:"invisible h-14 w-14"}):null}))]}))};export{c as default};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useMemo as 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};
+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, yy")),[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/NewChat.js

@@ -1 +1 @@
-import{jsx as e,jsxs as s}from"react/jsx-runtime";import{usePickaxeContext as t}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as o}from"../../../hooks/pickaxe/useResponseContext.js";import{generateId as i}from"../../../common/utils.js";import a from"../common/PickaxeButton.js";import c from"../common/PickaxeBranding.js";const m=()=>{const{misc:m,translations:n,setChatId:r,setIsNewChat:l}=t(),{setMessages:x}=o();return e("div",Object.assign({className:"mt-4 flex flex-col items-center"},{children:s("div",Object.assign({className:"flex w-full max-w-[251px] flex-col gap-2"},{children:[!m.isWhiteLabel&&e(c,{}),e(a,Object.assign({className:"w-full",onClick:()=>{return e=i(20),x([]),r(e),void l(!0);var e}},{children:(null==n?void 0:n["new-chat"])||"New chat"}))]}))}))};export{m as default};
+import{jsxs as e,jsx as s}from"react/jsx-runtime";import{usePickaxeContext as o}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as t}from"../../../hooks/pickaxe/useResponseContext.js";import{generateId as i}from"../../../common/utils.js";import r from"../common/PickaxeButton.js";import a from"../common/PickaxeBranding.js";import n from"../../../common/cn.js";const m=()=>{const{misc:m,translations:c,responsiveBy:x,setChatId:l,setIsNewChat:p}=o(),{setMessages:f}=t();return e("div",Object.assign({className:n("mt-4 flex flex-wrap flex-col justify-between gap-2","viewport"===x?"min-[767px]:flex-row":"@[767px]/pickaxe-root:flex-row")},{children:[s("div",Object.assign({className:"flex items-center flex-grow flex-wrap gap-2"},{children:s(r,Object.assign({className:n("w-full","viewport"===x?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]"),onClick:()=>{return e=i(20),f([]),l(e),void p(!0);var e}},{children:(null==c?void 0:c["new-chat"])||"New chat"}))})),!m.isWhiteLabel&&s("div",Object.assign({className:"flex justify-end pr-3"},{children:s(a,{})}))]}))};export{m as default};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as s}from"react/jsx-runtime";import{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};
+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

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