@pickaxeproject/react 2.8.0 → 3.1.0

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

@@ -2,6 +2,7 @@ import type { SetState } from "../../types/common";
 import type { LimitedPickaxe } from "../../types/pickaxe";
 import type { StudioFontSize, StudioFormFieldStyle, StudioButtonStyle } from "../../types/studio";
 import { type ReactNode } from "react";
+import { IArtifactProviderProps } from "./Addons/Artifact/Provider";
 import { type PickaxeLimitData } from "./ResponseProvider";
 export type PickaxeTranslations = {
     [key: string]: string;
@@ -67,6 +68,7 @@ type PickaxeContextType = {
     colors: PickaxeProviderColors;
     misc: PickaxeMisc;
     translations: PickaxeTranslations;
+    artifact: Omit<IArtifactProviderProps, "children">;
     responsiveBy: PickaxeResponsiveBy;
     forceMobile: boolean;
     loadFont: boolean;
@@ -102,6 +104,7 @@ export interface IPickaxeProviderProps {
     limits?: Record<string, PickaxeLimitData>;
     misc?: PickaxeMisc;
     translations?: PickaxeTranslations;
+    artifact?: Omit<IArtifactProviderProps, "children">;
     responsiveBy?: PickaxeResponsiveBy;
     forceMobile?: boolean;
     loadFont?: boolean;
@@ -114,5 +117,5 @@ export interface IPickaxeProviderProps {
     onGenerateComplete?: (responseId: string) => void;
 }
 export declare const PickaxeContext: import("react").Context<PickaxeContextType>;
-export declare const PickaxeProvider: ({ children, userId, studioUserId, deploymentId, embedUserId, deploymentType, deploymentDimensions, deploymentMisc, styles, colors, limits, misc, translations, responsiveBy, forceMobile, disableHtml, disableJs, disableCss, loadFont, isRtl, isEmbed, isDropShadow, onGenerateComplete, }: IPickaxeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PickaxeProvider: ({ children, userId, studioUserId, deploymentId, embedUserId, deploymentType, deploymentDimensions, deploymentMisc, styles, colors, limits, misc, translations, artifact, responsiveBy, forceMobile, disableHtml, disableJs, disableCss, loadFont, isRtl, isEmbed, isDropShadow, onGenerateComplete, }: IPickaxeProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/src/components/Pickaxe/common/PickaxeMarkdown/Components/Artifact/index.d.ts

@@ -0,0 +1,3 @@
+import type { CustomMarkdownComponent } from "../..";
+export declare const Artifact: CustomMarkdownComponent;
+export declare const ArtifactError: CustomMarkdownComponent;

package/dist/cjs/src/components/Pickaxe/common/PickaxeMarkdown/Components/common/TextShimmer.d.ts

@@ -6,7 +6,8 @@ export type TextShimmerProps = {
     style?: CSSProperties;
     duration?: number;
     spread?: number;
+    theme?: "light" | "dark";
     isDisabled?: boolean;
 };
-declare const _default: import("react").MemoExoticComponent<({ children, as: Component, className, style, duration, spread, isDisabled, }: TextShimmerProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import("react").MemoExoticComponent<({ children, as: Component, className, style, duration, spread, theme, isDisabled, }: TextShimmerProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/cjs/src/components/Pickaxe/common/PickaxeMarkdown/hooks/usePickaxeMarkdownContext.d.ts

@@ -2,8 +2,7 @@
 export declare const usePickaxeMarkdownContext: () => {
     theme: import("..").PickaxeMarkdownTheme;
     syntaxTheme: Record<string, import("react").CSSProperties>;
-    accentColor: string;
-    accentTextColor: string;
+    colors: import("../../../Provider").PickaxeProviderColors;
     actionState: Record<string, import("..").ActionState>;
     actions: boolean;
     readOnly: boolean;
@@ -14,4 +13,5 @@ export declare const usePickaxeMarkdownContext: () => {
     setTheme: import("../../../../../types/common").SetState<import("..").PickaxeMarkdownTheme>;
     setActionState: import("../../../../../types/common").SetState<Record<string, import("..").ActionState>>;
     setActions: import("../../../../../types/common").SetState<boolean>;
+    onArtifactClick?: ((data: import("../../../../..").CurrentArtifact) => void) | undefined;
 };

package/dist/cjs/src/components/Pickaxe/common/PickaxeMarkdown/index.d.ts

@@ -1,7 +1,10 @@
 import type { SetState } from "../../../../types/common";
-import type { FC, ComponentPropsWithoutRef, ElementType, ReactNode, CSSProperties } from "react";
 import type { Element as HastElement } from "hast";
+import type { PickaxeProviderColors } from "../../Provider";
+import type { FC, ComponentPropsWithoutRef, ElementType, ReactNode, CSSProperties } from "react";
+import type { CurrentArtifact } from "../../Addons/Artifact/Provider";
 export type PickaxeMarkdownTheme = "light" | "dark";
+export type PickaxeMarkdownColor = PickaxeProviderColors;
 export type MarkdownComponentProps<T extends ElementType> = ComponentPropsWithoutRef<T> & {
     node?: HastElement;
 };
@@ -15,8 +18,7 @@ export type ActionState = "processing" | "done" | "error";
 type PickaxeMarkdownContextType = {
     theme: PickaxeMarkdownTheme;
     syntaxTheme: Record<string, CSSProperties>;
-    accentColor: string;
-    accentTextColor: string;
+    colors: PickaxeMarkdownColor;
     actionState: Record<string, ActionState>;
     actions: boolean;
     readOnly: boolean;
@@ -27,20 +29,21 @@ type PickaxeMarkdownContextType = {
     setTheme: SetState<PickaxeMarkdownTheme>;
     setActionState: SetState<Record<string, ActionState>>;
     setActions: SetState<boolean>;
+    onArtifactClick?: (data: CurrentArtifact) => void;
 };
 export interface PickaxeMarkdownProps {
     children: ReactNode;
     theme?: PickaxeMarkdownTheme;
     syntaxTheme?: Record<string, CSSProperties>;
-    accentColor?: string;
-    accentTextColor?: string;
+    colors?: PickaxeMarkdownColor;
     actions?: boolean;
     readOnly?: boolean;
     rtl?: boolean;
     disableHtml?: boolean;
     disableJs?: boolean;
     disableCss?: boolean;
+    onArtifactClick?: (data: CurrentArtifact) => void;
 }
 export declare const PickaxeMarkdownContext: import("react").Context<PickaxeMarkdownContextType>;
-export declare const PickaxeMarkdown: ({ children, theme: _theme, syntaxTheme, accentColor, accentTextColor, actions: _actions, readOnly, rtl, disableHtml, disableJs, disableCss, }: PickaxeMarkdownProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PickaxeMarkdown: ({ children, theme: _theme, syntaxTheme, colors, actions: _actions, readOnly, rtl, disableHtml, disableJs, disableCss, onArtifactClick, }: PickaxeMarkdownProps) => import("react/jsx-runtime").JSX.Element;
 export default PickaxeMarkdown;

package/dist/cjs/src/components/Pickaxe/common/PickaxeMarkdown/utils/custom-plugins.d.ts

@@ -1,4 +1,5 @@
 export declare const rehypePickaxeAction: () => (tree: any) => any;
+export declare const rehypePickaxeArtifacts: () => (tree: any) => any;
 export declare const rehypeSanitize: (options?: {
     disableJs?: boolean;
     disableCss?: boolean;

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

@@ -14,6 +14,7 @@ export declare const usePickaxeContext: () => {
     colors: import("../../components/Pickaxe/Provider").PickaxeProviderColors;
     misc: import("../../components/Pickaxe/Provider").PickaxeMisc;
     translations: import("../../components/Pickaxe/Provider").PickaxeTranslations;
+    artifact: Omit<import("../..").IArtifactProviderProps, "children">;
     responsiveBy: import("../../components/Pickaxe/Provider").PickaxeResponsiveBy;
     forceMobile: boolean;
     loadFont: boolean;

package/dist/cjs/src/index.d.ts

@@ -2,12 +2,9 @@ import "./styles/prose.css";
 export * from "./components/Pickaxe";
 export * from "./components/Pickaxe/Provider";
 export * from "./components/Pickaxe/ResponseProvider";
+export * from "./components/Pickaxe/Addons/Scroll/Provider";
 export * from "./components/Pickaxe/common/PickaxeMarkdown";
 export * from "./components/Pickaxe/common/PickaxeMarkdown/Renderer";
-export * from "./components/EmbedPreview/Inline";
-export * from "./components/EmbedPreview/FAB";
-export * from "./components/EmbedPreview/Popup";
-export * from "./components/EmbedPreview/ChatInput";
 export * from "./hooks/pickaxe/useConversation";
 export * from "./hooks/pickaxe/useHistory";
 export * from "./hooks/pickaxe/usePickaxe";
@@ -16,3 +13,10 @@ export * from "./hooks/pickaxe/useResponseContext";
 export * from "./hooks/pickaxe/useDimensionContext";
 export * from "./hooks/pickaxe/useSubmit";
 export * from "./hooks/pickaxe/useSubmitDocument";
+export * from "./components/EmbedPreview/Inline";
+export * from "./components/EmbedPreview/FAB";
+export * from "./components/EmbedPreview/Popup";
+export * from "./components/EmbedPreview/ChatInput";
+export * from "./components/Pickaxe/Addons/Artifact";
+export * from "./components/Pickaxe/Addons/Artifact/Provider";
+export * from "./components/Pickaxe/Addons/Artifact/hooks/useArtifactContext";

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

@@ -0,0 +1,30 @@
+export type ArtifactType = "text/markdown" | "text/html" | "text/csv" | "image/svg+xml" | "application/vnd.pxe.code" | "application/vnd.pxe.mermaid" | "application/vnd.pxe.react";
+export type ArtifactCommand = "create" | "update" | "rewrite";
+export type ArtifactStatus = "finished" | "streaming" | "updating" | "error";
+export type ArtifactMemoryData = {
+    status?: ArtifactStatus;
+};
+export type ArtifactData = {
+    id: string;
+    title: string;
+    type: ArtifactType;
+    version: number;
+    content: string;
+    programmingLanguage?: string;
+} & ArtifactMemoryData;
+export type ArtifactCreateEvent = Omit<ArtifactData, "content" | keyof ArtifactMemoryData>;
+export type ArtifactUpdateEvent = Omit<ArtifactData, keyof ArtifactMemoryData> & {
+    oldStr: string;
+    newStr: string;
+};
+export type ArtifactRewriteEvent = Omit<ArtifactData, "content" | keyof ArtifactMemoryData>;
+export type ArtifactContentEvent = {
+    id: string;
+    version: number;
+    command: ArtifactCommand;
+    token: string;
+};
+export type ArtifactFinishedEvent = {
+    id: string;
+    command: ArtifactCommand;
+};

package/dist/esm/_virtual/_commonjsHelpers.js

@@ -0,0 +1 @@
+var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function o(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}export{e as commonjsGlobal,o as getDefaultExportFromCjs};

package/dist/esm/_virtual/advancedFormat.js

@@ -0,0 +1 @@
+var e={exports:{}};export{e as __module};

package/dist/esm/_virtual/cancellation.js

@@ -0,0 +1 @@
+var r={};export{r as __exports};

package/dist/esm/_virtual/constants.js

@@ -0,0 +1 @@
+var r={};export{r as __exports};

package/dist/esm/_virtual/cose-base.js

@@ -0,0 +1 @@
+var e={exports:{}};export{e as __module};

package/dist/esm/_virtual/cose-base2.js

@@ -0,0 +1 @@
+var e={exports:{}};export{e as __module};

package/dist/esm/_virtual/customParseFormat.js

@@ -0,0 +1 @@
+var e={exports:{}};export{e as __module};

package/dist/esm/_virtual/cytoscape-cose-bilkent.js

@@ -0,0 +1 @@
+var e={exports:{}};export{e as __module};

package/dist/esm/_virtual/cytoscape-fcose.js

@@ -0,0 +1 @@
+var e={exports:{}};export{e as __module};

package/dist/esm/_virtual/dayjs.min.js

@@ -0,0 +1 @@
+var e={exports:{}};export{e as __module};

package/dist/esm/_virtual/events.js

@@ -0,0 +1 @@
+var r={};export{r as __exports};

package/dist/esm/_virtual/index.js

@@ -0,0 +1 @@
+var r={};export{r as __exports};

package/dist/esm/_virtual/is.js

@@ -0,0 +1 @@
+var r={};export{r as __exports};

package/dist/esm/_virtual/isoWeek.js

@@ -0,0 +1 @@
+var e={exports:{}};export{e as __module};

package/dist/esm/_virtual/layout-base.js

@@ -0,0 +1 @@
+var e={exports:{}};export{e as __module};

package/dist/esm/_virtual/layout-base2.js

@@ -0,0 +1 @@
+var e={exports:{}};export{e as __module};

package/dist/esm/_virtual/ral.js

@@ -0,0 +1 @@
+var r={};export{r as __exports};

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

@@ -0,0 +1 @@
+import{__rest as a}from"../../_virtual/_tslib.js";import{jsx as t,jsxs as r}from"react/jsx-runtime";import{Drawer as e}from"vaul";import d from"../../common/cn.js";function o(r){var d=a(r,[]);return t(e.Root,Object.assign({"data-slot":"drawer"},d))}function i(r){var d=a(r,[]);return t(e.Portal,Object.assign({"data-slot":"drawer-portal"},d))}function n(r){var{className:o}=r,i=a(r,["className"]);return t(e.Overlay,Object.assign({"data-slot":"drawer-overlay",className:d("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/20",o)},i))}function l(o){var{className:l,children:s}=o,c=a(o,["className","children"]);return r(i,Object.assign({"data-slot":"drawer-portal"},{children:[t(n,{}),r(e.Content,Object.assign({"data-slot":"drawer-content",className:d("group/drawer-content fixed z-50 flex h-auto flex-col","data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg","data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg","data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:sm:max-w-[50%]","data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:sm:max-w-[50%]","outline-none",l)},c,{children:[t("div",{className:"mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block"}),s]}))]}))}function s(r){var{className:o}=r,i=a(r,["className"]);return t(e.Title,Object.assign({"data-slot":"drawer-title",className:d("text-foreground font-semibold",o)},i))}export{o as Drawer,l as DrawerContent,n as DrawerOverlay,i as DrawerPortal,s as DrawerTitle};

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

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import l from"react-virtualized-auto-sizer";import o from"../../common/cn.js";const a=e((({id:e,className:a,innerClassName:i,children:s,variant:t="height",hideScrollbar:c,inner:m},n)=>r(l,Object.assign({className:o("flex-grow",a)},{children:({width:l,height:a})=>r("div",Object.assign({},e&&{id:e},{ref:n,className:o("flex flex-col overflow-y-auto overflow-x-hidden scroll-smooth scrollbar scrollbar-thin",i,c&&"no-scrollbar"),style:{width:l,[t]:a}},m,{children:s}))}))));a.displayName="ScrollArea";export{a as default};

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

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

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 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 m}from"../Pickaxe/Provider.js";import{AnimatePresence as d,motion as h}from"framer-motion";import p from"../Icons/pickaxe.svg.js";import u from"../Icons/spark.svg.js";import g from"../Icons/x.svg.js";import f from"../../common/cn.js";const x=new r({defaultOptions:{queries:{refetchOnWindowFocus:!1}}}),b=i=>{var a,r,p,u,{formId:g,className:b}=i,w=e(i,["formId","className"]);const[y,j]=s(!1),[O,I]=s({}),k=()=>{const e=w.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 m=0;m="px"===i.unit?i.value:t;let d=Math.min(m,r,t);d=Math.max(d,150),d=Math.min(d,r);I({width:"%"===i.unit?i.value+"%":d+"px",minWidth:150,maxWidth:d,height:"auto"===n.unit?n.value:l+"px",minHeight:100,maxHeight:l})};return o((()=>(k(),window.addEventListener("resize",k),()=>window.removeEventListener("resize",k))),[w.deploymentDimensions]),t(c,Object.assign({client:x},{children:t(m,Object.assign({},w,{deploymentType:"fab",isEmbed:!0},{children:n(d,{children:[y&&t(h.div,Object.assign({initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},transition:{duration:.1},className:f("transition-h absolute z-50 flex flex-col overflow-hidden bg-transparent",w.isDropShadow&&"shadow-embed"),style:Object.assign({transformOrigin:"bottom right",borderRadius:null!==(r=null===(a=w.styles)||void 0===a?void 0:a.cornerRadius)&&void 0!==r?r:0,bottom:100,right:20},O)},{children:t("div",Object.assign({className:"flex flex-col overflow-auto h-full",style:{borderRadius:null!==(u=null===(p=w.styles)||void 0===p?void 0:p.cornerRadius)&&void 0!==u?u:0}},{children:t(l,Object.assign({formId:g},b&&{className:b}))}))}),"fab-content"),t(v,{isOpen:y,setIsOpen:j})]})}))}))},v=({isOpen:e,setIsOpen:n})=>{const{colors:r,deploymentMisc:c}=a(),[l,m]=s({src:"",isLarge:!1}),[d,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;m({src:c.fabImage,isLarge:i})}catch(e){console.error("[pxe] error loading FAB image:",e),m({src:"",isLarge:!1})}finally{h(!1)}}))}),[null==c?void 0:c.fabImage]),d?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(w,e?Object.assign({id:"close-btn"},{children:t(g,{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(u,{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(p,{className:"h-6 w-6 shrink-0 select-none"})}))}))},w=({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{b as FAB,v 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}from"react/jsx-runtime";import{QueryClient as n,QueryClientProvider as o}from"@tanstack/react-query";import{Pickaxe as t}from"../Pickaxe/index.js";import{PickaxeProvider as s}from"../Pickaxe/Provider.js";import m from"../../common/cn.js";const d=new n({defaultOptions:{queries:{refetchOnWindowFocus:!1}}}),l=n=>{var l,r,a,p,h,c,{formId:u,className:v}=n,x=i(n,["formId","className"]);return e(o,Object.assign({client:d},{children:e(s,Object.assign({},x,{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",x.isDropShadow&&"shadow-embed"),style:Object.assign(Object.assign({borderRadius:null!==(r=null===(l=x.styles)||void 0===l?void 0:l.cornerRadius)&&void 0!==r?r:0},"px"===(null===(a=x.deploymentDimensions)||void 0===a?void 0:a.width.unit)?{width:x.deploymentDimensions.width.value+x.deploymentDimensions.width.unit}:"%"===(null===(p=x.deploymentDimensions)||void 0===p?void 0:p.width.unit)?{width:"100%",maxWidth:x.deploymentDimensions.maxWidth+"px"}:{}),"px"===(null===(h=x.deploymentDimensions)||void 0===h?void 0:h.height.unit)?{height:x.deploymentDimensions.height.value+"px"}:"auto"===(null===(c=x.deploymentDimensions)||void 0===c?void 0:c.height.unit)?{minHeight:x.deploymentDimensions.minHeight+"px",maxHeight:x.deploymentDimensions.maxHeight+"px"}:{})},{children:e(t,Object.assign({formId:u},v&&{className:v}))}))}))}))};export{l 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 o,jsxs as i}from"react/jsx-runtime";import{useState as t}from"react";import{usePickaxeContext as n}from"../../hooks/pickaxe/usePickaxeContext.js";import{useInstantPickaxe as s}from"../../hooks/pickaxe/usePickaxe.js";import{useStyleFontSize as l}from"../../hooks/studio/useStyleFontSize.js";import{QueryClient as a,QueryClientProvider as d}from"@tanstack/react-query";import{Pickaxe as r}from"../Pickaxe/index.js";import{PickaxeProvider as m}from"../Pickaxe/Provider.js";import c from"../Icons/x.svg.js";import p from"../Core/Modal/index.js";import u from"../Core/Modal/Body.js";import h from"../../common/cn.js";const f=new a({defaultOptions:{queries:{refetchOnWindowFocus:!1}}}),v=n=>{var s,l,a,v,b,y,g,j,O,{formId:w,className:k}=n,D=e(n,["formId","className"]);const[N,R]=t(!1);return o(d,Object.assign({client:f},{children:i(m,Object.assign({},D,{deploymentType:"popup",isEmbed:!0},{children:[o(x,{formId:w,setIsOpen:R}),o(p,Object.assign({isOpen:N,onChange:()=>R(!1)},{children:i(u,Object.assign({className:h("relative bg-transparent overflow-hidden",D.isDropShadow&&"shadow-embed"),style:{borderRadius:(null!==(l=null===(s=D.styles)||void 0===s?void 0:s.cornerRadius)&&void 0!==l?l:0)+"px"}},{children:[o("div",Object.assign({className:"overflow-auto",style:Object.assign(Object.assign({borderRadius:(null!==(v=null===(a=D.styles)||void 0===a?void 0:a.cornerRadius)&&void 0!==v?v:0)+"px"},"px"===(null===(b=D.deploymentDimensions)||void 0===b?void 0:b.width.unit)?{width:D.deploymentDimensions.width.value+D.deploymentDimensions.width.unit}:"%"===(null===(y=D.deploymentDimensions)||void 0===y?void 0:y.width.unit)?{width:Math.floor(D.deploymentDimensions.maxWidth*(D.deploymentDimensions.width.value/100))}:{}),"px"===(null===(g=D.deploymentDimensions)||void 0===g?void 0:g.height.unit)?{height:D.deploymentDimensions.height.value+"px"}:"auto"===(null===(j=D.deploymentDimensions)||void 0===j?void 0:j.height.unit)?{height:D.deploymentDimensions.minHeight+"px",maxHeight:D.deploymentDimensions.maxHeight+"px"}:{})},{children:o(r,Object.assign({formId:w},k&&{className:k}))})),o("button",Object.assign({className:"absolute z-10 outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>R(!1),style:{right:12,top:12,color:(null===(O=D.colors)||void 0===O?void 0:O.text)||"#000"}},{children:o(c,{className:"h-5 w-5 shrink-0"})}))]}))}))]}))}))},x=({formId:e,setIsOpen:i})=>{var t;const{colors:a,styles:d,deploymentDimensions:r,deploymentMisc:m}=n(),c=l(),p=s(e);return p.isLoading?null:o("button",Object.assign({style:Object.assign(Object.assign(Object.assign({},"Real Head Pro"!==d.font&&{fontFamily:d.font}),{color:a.accentText,backgroundColor:a.accent,borderRadius:d.cornerRadius+"px",borderWidth:d.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"!==d.font&&{fontFamily:d.font}),className:h(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:()=>i(!0)},{children:o("p",Object.assign({className:h(c.b2,"font-semibold"),style:Object.assign({color:a.accentText},"Real Head Pro"!==d.font&&{fontFamily:d.font})},{children:(null==m?void 0:m.popupText)||(null===(t=p.data)||void 0===t?void 0:t.formtitle)||"Open Tool"}))}))};export{v as Popup,x as PopupCTAButton};
+import{__rest as e}from"../../_virtual/_tslib.js";import{jsx as o,jsxs as i}from"react/jsx-runtime";import{useState as t}from"react";import{usePickaxeContext as n}from"../../hooks/pickaxe/usePickaxeContext.js";import{useInstantPickaxe as s}from"../../hooks/pickaxe/usePickaxe.js";import{useStyleFontSize as l}from"../../hooks/studio/useStyleFontSize.js";import{QueryClient as a,QueryClientProvider as d}from"@tanstack/react-query";import{Pickaxe as r}from"../Pickaxe/index.js";import{PickaxeProvider as m}from"../Pickaxe/Provider.js";import{PickaxeArtifact as c}from"../Pickaxe/Addons/Artifact/index.js";import p from"../Icons/x.svg.js";import u from"../Core/Modal/index.js";import h from"../Core/Modal/Body.js";import f from"../../common/cn.js";const v=new a({defaultOptions:{queries:{refetchOnWindowFocus:!1}}}),x=n=>{var s,l,a,x,y,g,j,O,w,{formId:k,className:D}=n,N=e(n,["formId","className"]);const[P,R]=t(!1);return o(d,Object.assign({client:v},{children:i(m,Object.assign({},N,{deploymentType:"popup",isEmbed:!0},{children:[o(b,{formId:k,setIsOpen:R}),o(u,Object.assign({isOpen:P,onChange:()=>R(!1)},{children:i(h,Object.assign({className:f("relative bg-transparent overflow-hidden",N.isDropShadow&&"shadow-embed"),style:{borderRadius:(null!==(l=null===(s=N.styles)||void 0===s?void 0:s.cornerRadius)&&void 0!==l?l:0)+"px"}},{children:[o("div",Object.assign({className:"overflow-auto",style:Object.assign(Object.assign({borderRadius:(null!==(x=null===(a=N.styles)||void 0===a?void 0:a.cornerRadius)&&void 0!==x?x:0)+"px"},"px"===(null===(y=N.deploymentDimensions)||void 0===y?void 0:y.width.unit)?{width:N.deploymentDimensions.width.value+N.deploymentDimensions.width.unit}:"%"===(null===(g=N.deploymentDimensions)||void 0===g?void 0:g.width.unit)?{width:Math.floor(N.deploymentDimensions.maxWidth*(N.deploymentDimensions.width.value/100))}:{}),"px"===(null===(j=N.deploymentDimensions)||void 0===j?void 0:j.height.unit)?{height:N.deploymentDimensions.height.value+"px"}:"auto"===(null===(O=N.deploymentDimensions)||void 0===O?void 0:O.height.unit)?{height:N.deploymentDimensions.minHeight+"px",maxHeight:N.deploymentDimensions.maxHeight+"px"}:{})},{children:o(r,Object.assign({formId:k},D&&{className:D}))})),o("button",Object.assign({className:"absolute z-10 outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>R(!1),style:{right:12,top:12,color:(null===(w=N.colors)||void 0===w?void 0:w.text)||"#000"}},{children:o(p,{className:"h-5 w-5 shrink-0"})}))]}))})),o(c,{})]}))}))},b=({formId:e,setIsOpen:i})=>{var t;const{colors:a,styles:d,deploymentDimensions:r,deploymentMisc:m}=n(),c=l(),p=s(e);return p.isLoading?null:o("button",Object.assign({style:Object.assign(Object.assign(Object.assign({},"Real Head Pro"!==d.font&&{fontFamily:d.font}),{color:a.accentText,backgroundColor:a.accent,borderRadius:d.cornerRadius+"px",borderWidth:d.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"!==d.font&&{fontFamily:d.font}),className:f(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:()=>i(!0)},{children:o("p",Object.assign({className:f(c.b2,"font-semibold"),style:Object.assign({color:a.accentText},"Real Head Pro"!==d.font&&{fontFamily:d.font})},{children:(null==m?void 0:m.popupText)||(null===(t=p.data)||void 0===t?void 0:t.formtitle)||"Open Tool"}))}))};export{x as Popup,b as PopupCTAButton};

package/dist/esm/components/Icons/code.svg.js

@@ -0,0 +1 @@
+import*as r from"react";var e;function t(){return t=Object.assign?Object.assign.bind():function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)({}).hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},t.apply(null,arguments)}var n=n=>r.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},n),e||(e=r.createElement("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"m16 18 6-6-6-6M8 6l-6 6 6 6"})));export{n as default};

package/dist/esm/components/Pickaxe/Addons/Artifact/MermaidRenderer.js

@@ -0,0 +1 @@
+import{__awaiter as e}from"../../../../_virtual/_tslib.js";import{jsx as i}from"react/jsx-runtime";import{forwardRef as r,useState as t,useCallback as o,useEffect as d}from"react";import m from"../../../../node_modules/.pnpm/mermaid@11.7.0/node_modules/mermaid/dist/mermaid.core.mjs.js";const n=r((({id:r,data:n},a)=>{const[s,l]=t(),[c,u]=t(),[f,v]=t(!1),p=o((e=>{e&&(l(e),"function"==typeof a?a(e):a&&(a.current=e))}),[a]);return d((()=>{f||(m.initialize({startOnLoad:!1,securityLevel:"strict",theme:"default",logLevel:5}),v(!0))}),[f]),d((()=>{n&&f&&e(void 0,void 0,void 0,(function*(){try{const e=yield m.render(`mermaid-${r}`,n);u(e)}catch(e){u(void 0)}}))}),[r,n,f]),d((()=>{var e;if(s&&c&&c.svg)return s.innerHTML=c.svg,null===(e=c.bindFunctions)||void 0===e||e.call(c,s),()=>{s&&(s.innerHTML="")}}),[s,c]),i("div",{id:r,className:"flex flex-col items-center",ref:p})}));n.displayName="MermaidChart";export{n as default};

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

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{createContext as r,useState as e}from"react";const c=r({}),i=({popupType:r="auto",children:i})=>{const[o,p]=e([]),[a,n]=e(null);return t(c.Provider,Object.assign({value:{popupType:r,artifacts:o,currentArtifact:a,setArtifacts:p,setCurrentArtifact:n}},{children:i}))};export{c as ArtifactContext,i as ArtifactProvider};

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

@@ -0,0 +1 @@
+import{jsxs as e,jsx as o,Fragment as t}from"react/jsx-runtime";import{useState as n,useRef as l,useMemo as a,useEffect as r}from"react";import{useArtifactContext as i}from"./hooks/useArtifactContext.js";import{usePickaxeContext as c}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useScroll as s}from"../Scroll/hooks/useScroll.js";import{usePDF as d,Margin as p}from"react-to-pdf";import{PickaxeMarkdown as m}from"../../common/PickaxeMarkdown/index.js";import{PickaxeMarkdownRenderer as x}from"../../common/PickaxeMarkdown/Renderer.js";import{Prism as u}from"react-syntax-highlighter";import g from"../Scroll/ScrollLockView.js";import y from"../../../Icons/x.svg.js";import f from"../../../Icons/eye.svg.js";import v from"../../../Icons/code.svg.js";import b from"../../../Core/ScrollArea.js";import h from"../../../Core/Menu/index.js";import C from"../../../Core/Menu/Button.js";import w from"../../../Core/Menu/List.js";import k from"../../common/PickaxeSimpleButton.js";import j from"./MermaidRenderer.js";import F from"csv-to-markdown-table";import O from"../../../../common/cn.js";const T="development"===process.env.NODE_ENV?"http://localhost:3007":"https://user-content.pickaxe.co",S=[{id:"render",icon:f,hideIn:["application/vnd.pxe.code"]},{id:"code",icon:v}],D=({className:f,style:v,styling:D})=>{var A,N,E;const{artifacts:M,currentArtifact:B,setCurrentArtifact:L}=i(),{styles:$,colors:z,translations:R}=c(),{toPDF:H,targetRef:W}=d({filename:`${(null==B?void 0:B.id)||"Untitled"}.pdf`,page:{margin:p.MEDIUM,orientation:"portrait"}}),[I,P]=n(!1),[U,V]=n("code"),_=l(null),G=l(null),{scrollContainerRef:X,scrollStartSession:q,scrollToBottom:J,scrollEndSession:K}=s({auto:"code"===U}),Q=null!==(A=null==D?void 0:D.styles)&&void 0!==A?A:$,Y=null!==(N=null==D?void 0:D.colors)&&void 0!==N?N:z,Z=a((()=>{var e;return B&&null!==(e=M.find((e=>e.id===B.id&&e.version===B.version)))&&void 0!==e?e:null}),[B,M]),ee=a((()=>Z&&"text/csv"===Z.type?F(Z.content,",",!0):null),[Z]),oe=a((()=>(Y.secondaryText||"").toLowerCase().startsWith("#ffffff")),[null==Y?void 0:Y.secondaryText]);r((()=>{if("application/vnd.pxe.code"===(null==Z?void 0:Z.type)&&V("code"),"finished"!==(null==Z?void 0:Z.status))return V("code"),q(),void J();K(),"application/vnd.pxe.code"!==Z.type&&V("render")}),[null==Z?void 0:Z.status,null==Z?void 0:Z.type]),r((()=>{var e;!G.current||"text/html"!==(null==Z?void 0:Z.type)&&"application/vnd.pxe.react"!==(null==Z?void 0:Z.type)||null===(e=G.current.contentWindow)||void 0===e||e.postMessage({type:"text/html"===Z.type?"HTML_CODE":"REACT_CODE",content:Z.content},T)}),[null==Z?void 0:Z.content,null==Z?void 0:Z.type]);const te=e=>{if(!Z)return;let o={mimeType:"text/plain",extension:".txt"};switch(e){case"text/markdown":o={mimeType:"text/markdown",extension:".md"};break;case"text/html":o={mimeType:"text/html",extension:".html"};break;case"text/csv":o={mimeType:"text/csv",extension:".csv"};break;case"image/svg+xml":case"application/vnd.pxe.mermaid":o={mimeType:"image/svg+xml",extension:".svg"};break;case"application/vnd.pxe.code":o={mimeType:`application/${Z.programmingLanguage||"text"};charset=utf-8`,extension:`.${Z.programmingLanguage||"txt"}`};break;case"application/vnd.pxe.react":o={mimeType:"text/typescript",extension:".tsx"};break;default:o={mimeType:"text/plain",extension:".txt"}}let t=null;if("application/vnd.pxe.mermaid"===Z.type&&_.current){const e=_.current.querySelector("svg");e&&(t=(new XMLSerializer).serializeToString(e))}const n=new Blob([null!=t?t:Z.content],{type:o.mimeType}),l=URL.createObjectURL(n);try{const e=document.createElement("a");e.href=l,e.download=`${Z.title}${o.extension}`,e.style.display="none",document.body.appendChild(e),e.click(),document.body.removeChild(e)}finally{URL.revokeObjectURL(l)}};return Z?e("div",Object.assign({className:O("flex flex-col",f),style:Object.assign({backgroundColor:Y.secondary,color:Y.secondaryText},v)},{children:[e("div",Object.assign({className:"flex items-center gap-6 justify-between p-4 shadow-sm"},{children:[e("div",Object.assign({className:"flex items-center gap-4"},{children:[o("div",Object.assign({className:"flex p-0.5 rounded-md",style:{backgroundColor:Y.primary,color:Y.text+"90"}},{children:S.map(((e,t)=>{var n;return(null===(n=e.hideIn)||void 0===n?void 0:n.includes(Z.type))?null:o("button",Object.assign({className:"rounded-md p-1 px-1.5 transition-colors duration-200 ease-in-out"},U===e.id&&{style:{backgroundColor:Y.secondary,color:Y.secondaryText}},{onClick:()=>V(e.id)},{children:o(e.icon,{className:"w-5 h-5 shrink-0"})}),t)}))})),o("p",Object.assign({className:"font-semibold truncate text-sm"},{children:Z.title}))]})),e("div",Object.assign({className:"flex items-center gap-3"},{children:[e(h,Object.assign({id:`copy-artifact-${Z.id}`,isOpen:I,onChange:P},{children:[o(C,Object.assign({variant:"anchor",className:"rounded-md border px-3 py-1.5 text-sm font-semibold select-none",style:{borderColor:Y.primary,color:Y.text+(I?"":"90")}},{children:(null==R?void 0:R.copy)||"Copy"})),o(w,Object.assign({width:"auto",className:"font-semibold p-1",style:{backgroundColor:Y.secondary,color:Y.secondaryText},border:`1px solid ${Y.primary}`},{children:"text/markdown"===Z.type?e(t,{children:[e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>te("text/markdown")},{children:[(null==R?void 0:R["download-as"])||"Download as"," Markdown"]})),o("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>{Z&&H()}},{children:"Save as PDF"}))]}):"text/html"===Z.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>te("text/html")},{children:[(null==R?void 0:R["download-as"])||"Download as"," HTML"]})):"text/csv"===Z.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>te("text/csv")},{children:[(null==R?void 0:R["download-as"])||"Download as"," CSV"]})):"image/svg+xml"===Z.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>te("image/svg+xml")},{children:[(null==R?void 0:R["download-as"])||"Download as"," SVG"]})):"application/vnd.pxe.code"===Z.type?o("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>te("application/vnd.pxe.code")},{children:`${(null==R?void 0:R["download-as"])||"Download as"} ${Z.programmingLanguage||"Plain Text"}`})):"application/vnd.pxe.mermaid"===Z.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>te("application/vnd.pxe.mermaid")},{children:[(null==R?void 0:R["download-as"])||"Download as"," SVG"]})):"application/vnd.pxe.react"===Z.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>te("application/vnd.pxe.react")},{children:[(null==R?void 0:R["download-as"])||"Download as"," TSX"]})):null}))]})),o(k,Object.assign({onClick:()=>L(null)},{children:o(y,{className:"w-6 h-6 shrink-0"})}))]}))]})),o("div",Object.assign({className:"flex flex-col flex-grow @container/pickaxe-artifact"},{children:e(b,Object.assign({ref:X,innerClassName:"flex-grow w-full"},{children:["render"===U&&"application/vnd.pxe.code"!==Z.type?o("div",Object.assign({ref:W,className:O("p-4 pb-6 flex-grow flex flex-col","application/vnd.pxe.react"===Z.type&&"p-0","text/html"===Z.type&&"p-0","text/csv"===Z.type&&"p-0")},{children:"text/markdown"===Z.type||"text/csv"===Z.type||"image/svg+xml"===Z.type?o(m,Object.assign({theme:Q.theme,colors:Y},{children:o(x,{value:null!=ee?ee:Z.content,className:O("px-6 @[767px]/pickaxe-artifact:px-11 mx-auto w-full","text/csv"===Z.type&&"px-4 @[767px]/pickaxe-artifact:px-4 mx-0"),style:{flex:1}})})):"application/vnd.pxe.mermaid"===Z.type?o(j,{ref:_,id:`mermaid-${null!==(E=null==B?void 0:B.id)&&void 0!==E?E:"unknown"}`,data:Z.content}):"text/html"===Z.type||"application/vnd.pxe.react"===Z.type?o("iframe",Object.assign({ref:G,title:Z.title,src:`${T}/${"text/html"===Z.type?"html":"react"}?theme=${oe?"dark":"light"}`,style:{width:"100%",flex:1,border:"none",backgroundColor:null==Y?void 0:Y.secondary},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"===Z.type?"HTML_CODE":"REACT_CODE",content:Z.content},T)}catch(e){console.error("Error sending message to iframe:",e)}}),100),J()}},{children:"Iframe is not supported, please view this artifact in a browser that supports it."})):null})):o(u,Object.assign({PreTag:"div",language:"text/markdown"===Z.type?"markdown":"text/html"===Z.type||"image/svg+xml"===Z.type?"xml":"application/vnd.pxe.react"===Z.type?"typescript":Z.programmingLanguage,showLineNumbers:!0,customStyle:{margin:0,flex:1},style:Object.assign({'code[class*="language-"]':Object.assign(Object.assign({color:null==Y?void 0:Y.secondaryText},oe&&{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==Y?void 0:Y.secondaryText},oe&&{textShadow:"0 1px rgba(0, 0, 0, 0.3)"}),{fontFamily:"Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace",direction:"ltr",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",lineHeight:"1.5",MozTabSize:"4",OTabSize:"4",tabSize:"4",WebkitHyphens:"none",MozHyphens:"none",msHyphens:"none",hyphens:"none",padding:"1em",borderRadius:"0.3em",minWidth:0,background:null==Y?void 0:Y.secondary}),':not(pre) > code[class*="language-"]':{background:null==Y?void 0:Y.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==Y?void 0:Y.secondaryText,fontWeight:"bold"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"}},!oe&&{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==Y?void 0:Y.secondaryText,fontWeight:"bold"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"}})},{children:Z.content})),o(g,{})]}))}))]})):null};export{D as default};

package/dist/esm/components/Pickaxe/Addons/Artifact/hooks/useArtifact.js

@@ -0,0 +1 @@
+import{__awaiter as t}from"../../../../../_virtual/_tslib.js";import{usePickaxeContext as i}from"../../../../../hooks/pickaxe/usePickaxeContext.js";import{useArtifactContext as s}from"./useArtifactContext.js";import{useArtifactData as e}from"./useArtifactData.js";const o=()=>{const{deploymentId:o,studioUserId:r,embedUserId:n}=i(),{artifacts:a,setArtifacts:c,setCurrentArtifact:d}=s(),f=e();return{onLoadArtifact:i=>t(void 0,void 0,void 0,(function*(){if(i){if(!a.some((t=>t.id===i.id&&t.version===i.version))){const t=yield f.mutateAsync(Object.assign(Object.assign({artifactId:i.id,version:i.version},o&&{createdBy:n}),r&&{createdBy:r}));t&&c((i=>[...i,Object.assign(Object.assign({},t),{status:"finished"})]))}d({id:i.id,version:i.version})}else d(null)}))}};export{o as useArtifact};

package/dist/esm/components/Pickaxe/Addons/Artifact/hooks/useArtifactContext.js

@@ -0,0 +1 @@
+import{useContext as r}from"react";import{ArtifactContext as o}from"../Provider.js";const t=()=>r(o);export{t as useArtifactContext};

package/dist/esm/components/Pickaxe/Addons/Artifact/hooks/useArtifactData.js

@@ -0,0 +1 @@
+import{__awaiter as t}from"../../../../../_virtual/_tslib.js";import{useMutation as a}from"@tanstack/react-query";import r from"../../../../../common/api/index.js";const i=()=>a({mutationFn:a=>(({artifactId:a,version:i,createdBy:o})=>t(void 0,void 0,void 0,(function*(){let t=`${process.env.NEXT_PUBLIC_API_URL}/pickaxe/artifact?artifactId=${a}`;i&&(t+=`&version=${i}`),o&&(t+=`&createdBy=${o}`);const e=yield r.get(t),c=e.data;if(200!==e.status)throw new Error("[_getArtifactData] Failed to fetch artifact "+c);return c.data})))(a)});export{i as useArtifactData};

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

@@ -0,0 +1 @@
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import{useMemo as t}from"react";import{useMediaQuery as o}from"../../../../hooks/core/useMediaQuery.js";import{useArtifactContext as a}from"./hooks/useArtifactContext.js";import{usePickaxeContext as i}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{Drawer as s,DrawerContent as l,DrawerTitle as n}from"../../../Core/Drawer.js";import c from"../../../Core/Modal/index.js";import m from"../../../Core/Modal/Body.js";import{ScrollProvider as d}from"../Scroll/Provider.js";import f from"./Renderer.js";const u=({panel:u,styling:p})=>{const{popupType:h,currentArtifact:g,setCurrentArtifact:j}=a(),{pickaxe:x,chatId:b,forceMobile:w}=i(),[y]=o("(max-width: 899px)"),C=t((()=>{if("auto"===h){if(w||y)return"drawer-bottom";if(!(null==x?void 0:x.chatflag)&&!b||!b)return"modal";if(!u)return"modal"}return h}),[h,w,y,null==x?void 0:x.chatflag,b,u]),O=r(f,{className:"h-full"});return g?r(d,{children:"auto"===C&&u?u(O):C.startsWith("drawer")?r(s,Object.assign({open:!0,direction:w?"bottom":C.replace("drawer-",""),onClose:()=>j(null)},{children:e(l,Object.assign({"aria-describedby":"artifact-drawer",className:"min-h-[80dvh]"},{children:[r(n,Object.assign({className:"sr-only"},{children:"Artifact"})),r(f,Object.assign({className:"flex-grow"},p&&{styling:p}))]}))})):"modal"===C?r(c,Object.assign({isOpen:!0,onChange:()=>j(null)},{children:r(m,Object.assign({className:"max-w-[80dvw] flex flex-col w-full",style:{minHeight:"80dvh"}},{children:r(f,Object.assign({className:"flex-grow"},p&&{styling:p}))}))})):null}):null};export{u as PickaxeArtifact};

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

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useState as r,useRef as s,createContext as l}from"react";const o=l({}),c=({children:l})=>{const[c,i]=r(!0),[n,t]=r(!0),[a,S]=r(!1),[d,f]=r(!0),g=s(),I=s(),m=s(!1);return e(o.Provider,Object.assign({value:{scrollContainerRef:g,scrollTargetRef:I,hasScrolledRef:m,isLocked:c,isScrollSession:n,isScrolling:a,isScrollIncreasing:d,setIsLocked:i,setIsScrollSession:t,setIsScrolling:S,setIsScrollIncreasing:f}},{children:l}))};export{o as ScrollContext,c as default};
+import{jsx as e}from"react/jsx-runtime";import{createContext as r,useState as s,useRef as l}from"react";const o=r({}),c=({children:r})=>{const[c,i]=s(!0),[n,t]=s(!0),[a,S]=s(!1),[d,f]=s(!0),g=l(),I=l(),m=l(!1);return e(o.Provider,Object.assign({value:{scrollContainerRef:g,scrollTargetRef:I,hasScrolledRef:m,isLocked:c,isScrollSession:n,isScrolling:a,isScrollIncreasing:d,setIsLocked:i,setIsScrollSession:t,setIsScrolling:S,setIsScrollIncreasing:f}},{children:r}))};export{o as ScrollContext,c as ScrollProvider,c as default};

package/dist/esm/components/Pickaxe/Addons/Scroll/ScrollLockView.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useInView as s}from"react-intersection-observer";import{useScrollContext as o}from"./hooks/useScrollContext.js";const r=({className:r})=>{const{setIsLocked:t}=o(),{ref:c}=s({onChange(e){e&&t(!0)}});return e("div",Object.assign({ref:c,className:"scroll-lock-view"},r&&{className:r}))};export{r as default};
+import{jsx as o}from"react/jsx-runtime";import{useInView as r}from"react-intersection-observer";import{useScrollContext as e}from"./hooks/useScrollContext.js";import s from"../../../../common/cn.js";const t=({className:t})=>{const{setIsLocked:c}=e(),{ref:m}=r({onChange(o){o&&c(!0)}});return o("div",{ref:m,className:s("scroll-lock-view w-full",t)})};export{t as default};

package/dist/esm/components/Pickaxe/Addons/Scroll/hooks/useScroll.js

@@ -1 +1 @@
-import{useState as e,useRef as r,useMemo as n,useEffect as t}from"react";import{useScrollContext as o}from"./useScrollContext.js";const l=({auto:l})=>{const{scrollContainerRef:s,scrollTargetRef:c,isLocked:u,isScrollSession:i,isScrollIncreasing:d,setIsLocked:v,setIsScrollSession:a,setIsScrolling:g,setIsScrollIncreasing:f}=o(),[m,p]=e(0),w=r(!1),E=n((()=>null!=l&&l&&i),[l,i]),S=n((()=>s&&s.current?s.current:"undefined"==typeof window?null:window),[s]);t((()=>{if(!S)return;const e=e=>{i&&u&&("mousedown"===e.type||"wheel"===e.type||"DOMMouseScroll"===e.type||"mousewheel"===e.type)&&v(!1)};return null==S||S.addEventListener("scroll",e),null==S||S.addEventListener("mousedown",e),null==S||S.addEventListener("wheel",e),null==S||S.addEventListener("DOMMouseScroll",e),null==S||S.addEventListener("mousewheel",e),()=>{null==S||S.removeEventListener("scroll",e),null==S||S.removeEventListener("mousedown",e),null==S||S.removeEventListener("wheel",e),null==S||S.removeEventListener("DOMMouseScroll",e),null==S||S.removeEventListener("mousewheel",e)}}),[S,i,u]),t((()=>{w.current=!u}),[u]),t((()=>{const e=setInterval((()=>{if(!s.current)return;const e=s.current.scrollHeight;if(e===m)return;const r=e>m;f(r),p(e),r&&l&&h()}),100);return()=>clearInterval(e)}),[s,m,l]),t((()=>{const e=setInterval((()=>{if(s.current)return;if(!c.current)return;const e=c.current.getBoundingClientRect().top+c.current.getBoundingClientRect().height+window.scrollY;if(e===m)return;const r=e>m;f(r),p(e),r&&E&&L()}),100);return()=>clearInterval(e)}),[c,m,E]);const h=()=>{try{if(g(!0),!s.current)return void("development"===process.env.NODE_ENV&&console.log("[useScroll] scrollContainerRef not detected"));if(w.current)return;const e=s.current.scrollHeight;s.current.scrollTo({top:e,behavior:"smooth"}),"development"===process.env.NODE_ENV&&console.log("[useScroll] scrolled scrollContainerRef")}finally{g(!1)}},L=()=>{try{if(g(!0),!c.current)return void("development"===process.env.NODE_ENV&&console.log("[useScroll] scrollTargetRef not detected"));if(w.current)return;const e=c.current.getBoundingClientRect().top+c.current.getBoundingClientRect().height+window.scrollY;window.scrollTo({top:e-500,behavior:"smooth"}),"development"===process.env.NODE_ENV&&console.log("[useScroll] scrolled scrollTargetRef")}finally{g(!1)}};return{isScrollIncreasing:d,scrollStartSession:()=>{a(!0),v(!0),w.current=!1},scrollEndSession:()=>{a(!1)},scrollToBottom:h,scrollToTarget:L}};export{l as useScroll};
+import{useState as e,useRef as r,useMemo as n,useEffect as t}from"react";import{useScrollContext as l}from"./useScrollContext.js";const o=({auto:o,debug:s})=>{const{scrollContainerRef:c,scrollTargetRef:u,isLocked:i,isScrollSession:d,isScrollIncreasing:a,setIsLocked:g,setIsScrollSession:f,setIsScrolling:v,setIsScrollIncreasing:S}=l(),[w,m]=e(0),h=r(!1),p=n((()=>null!=o&&o&&d),[o,d]),I=n((()=>c&&c.current?c.current:"undefined"==typeof window?null:window),[c]);t((()=>{if(!I)return;const e=e=>{d&&i&&("mousedown"===e.type||"wheel"===e.type||"DOMMouseScroll"===e.type||"mousewheel"===e.type)&&g(!1)};return null==I||I.addEventListener("scroll",e),null==I||I.addEventListener("mousedown",e),null==I||I.addEventListener("wheel",e),null==I||I.addEventListener("DOMMouseScroll",e),null==I||I.addEventListener("mousewheel",e),()=>{null==I||I.removeEventListener("scroll",e),null==I||I.removeEventListener("mousedown",e),null==I||I.removeEventListener("wheel",e),null==I||I.removeEventListener("DOMMouseScroll",e),null==I||I.removeEventListener("mousewheel",e)}}),[I,d,i]),t((()=>{h.current=!i}),[i]),t((()=>{const e=setInterval((()=>{if(!c.current)return;const e=c.current.scrollHeight;if(e===w)return;const r=e>w;s&&console.log("[useScroll] isIncreasing:",r,e,w),S(r),m(e),r&&o&&L()}),100);return()=>clearInterval(e)}),[c,w,o]),t((()=>{const e=setInterval((()=>{if(c.current)return;if(!u.current)return;const e=u.current.getBoundingClientRect().top+u.current.getBoundingClientRect().height+window.scrollY;if(e===w)return;const r=e>w;S(r),m(e),r&&p&&R()}),100);return()=>clearInterval(e)}),[u,w,p]);const L=()=>{try{if(v(!0),!c.current)return void(s&&console.log("[useScroll] scrollContainerRef not detected"));if(h.current)return;const e=c.current.scrollHeight;c.current.scrollTo({top:e,behavior:"smooth"}),s&&console.log("[useScroll] scrolled scrollContainerRef")}finally{v(!1)}},R=()=>{try{if(v(!0),!u.current)return void(s&&console.log("[useScroll] scrollTargetRef not detected"));if(h.current)return;const e=u.current.getBoundingClientRect().top+u.current.getBoundingClientRect().height+window.scrollY;window.scrollTo({top:e-500,behavior:"smooth"}),s&&console.log("[useScroll] scrolled scrollTargetRef")}finally{v(!1)}};return{scrollContainerRef:c,scrollTargetRef:u,isScrollIncreasing:a,scrollStartSession:()=>{f(!0),g(!0),h.current=!1},scrollEndSession:()=>{f(!1)},scrollToBottom:L,scrollToTarget:R}};export{o as useScroll};

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 a}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleFontSize as i}from"../../../../hooks/studio/useStyleFontSize.js";import{PickaxeMarkdown as o}from"../../common/PickaxeMarkdown/index.js";import{PickaxeMarkdownRenderer as c}from"../../common/PickaxeMarkdown/Renderer.js";import l from"../../common/PickaxeIcon.js";import n from"./Document.js";import r from"../../common/PickaxeCopyButton.js";import m from"../../../../common/cn.js";const d=({index:d,message:x,isIntroExpand:p})=>{var h,u;const{formId:f,pickaxe:b,styles:g,colors:j,misc:v,responsiveBy:w,disableHtml:k,disableJs:y,disableCss:N,isNewChat:O,isRtl:C}=a(),I=i(),R=null!==(h=null==b?void 0:b.chaticon)&&void 0!==h?h:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/chaticons/${f}.png`;return"assistant"===x.role?e("div",Object.assign({className:m("flex w-full",C?"justify-end":"justify-start")},{children:e("div",Object.assign({className:m("flex flex-col",0===d&&O&&"viewport"===w&&"min-[767px]:max-w-[80%]",0===d&&O&&"container"===w&&"@[767px]/pickaxe-root:max-w-[80%]")},{children:s("div",Object.assign({className:m("flex gap-x-3",C&&"flex-row-reverse")},{children:[v.isChatImage&&"NONE"!==R&&e(l,{src:R,alt:"Assistant",width:24,height:24,className:"my-3 h-6 w-6",textColor:j.text}),s("div",Object.assign({className:m("flex flex-col",C?"items-end":"items-start")},{children:[e("div",Object.assign({className:m(I.b2,"chat-message pt-3",C?"text-right":"text-left")},{children:e(o,Object.assign({theme:g.theme,accentColor:j.accent,actions:!0},C&&{rtl:!0},k&&{disableHtml:!0},y&&{disableJs:!0},N&&{disableCss:!0},{children:e(c,Object.assign({value:x.content},0===d&&O&&x.content.length>470&&3===(null!==(u=null==b?void 0:b.icebreakers)&&void 0!==u?u:[]).length&&!x.content.includes("https://utils.pickaxe.co/api/fn")&&{maxLines:p?void 0:12}))}))})),e("div",Object.assign({className:"mt-4 flex gap-3"},{children:e(r,{color:j.accent,text:x.content})}))]}))]}))}))})):"user"===x.role?e("div",Object.assign({className:m("flex w-full",C?"justify-start":"justify-end")},{children:e("div",Object.assign({className:m("flex gap-x-3 max-w-[80%]",C?"pr-9":"pl-9","viewport"===w?C?"min-[767px]:pr-0":"min-[767px]:pl-0":C?"@[767px]/pickaxe-root:pr-0":"@[767px]/pickaxe-root:pl-0")},{children:s("div",Object.assign({className:m(I.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",C?"text-right":"text-left"),style:{backgroundColor:j.secondary+"80",color:j.secondaryText,borderRadius:g.cornerRadius}},{children:[x.documentIds&&x.documentIds.length>0&&e("div",Object.assign({className:m("flex flex-col gap-y-2",C?"items-start":"items-end")},{children:x.documentIds.map((s=>e(t,{children:s.startsWith("IMAGE-")?e("div",Object.assign({className:"max-w-[300px]"},{children:e("img",{style:{borderRadius:g.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(o,Object.assign({theme:g.theme,accentColor:j.accent},C&&{rtl:!0},k&&{disableHtml:!0},y&&{disableJs:!0},N&&{disableCss:!0},{children:e(c,{value:x.content})}))]}))}))})):e("div",{})};export{d 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{jsx as e,jsxs as s}from"react/jsx-runtime";import{useMemo as a}from"react";import{usePickaxeContext as o}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as t}from"../../../../hooks/pickaxe/useResponseContext.js";import{useDimensionContext as i}from"../../../../hooks/pickaxe/useDimensionContext.js";import{useScrollContext as l}from"../../Addons/Scroll/hooks/useScrollContext.js";import{useStyleFontSize as n}from"../../../../hooks/studio/useStyleFontSize.js";import{useConversation as r}from"../../../../hooks/pickaxe/useConversation.js";import c from"../../../Core/ErrorAlert.js";import m from"../../common/PickaxeHead.js";import d from"../../common/PickaxeCompactHead.js";import p from"../../common/PickaxeUpgradeCard.js";import f from"../../common/PickaxeIcon.js";import x from"../../common/PickaxeBranding.js";import u from"../../common/PickaxeSkeleton.js";import h from"../../Addons/Scroll/ScrollLockView.js";import g from"./Message.js";import j from"../../../../common/cn.js";const w=({hideInfo:w,isInputFocused:v})=>{var N;const b=r(),k=n(),{pickaxe:y,colors:C,misc:O,isNewChat:S,isRtl:I,isEmbed:P,setChatId:E}=o(),{scrollContainerRef:L}=l(),{messages:A,status:H,limitData:D,error:R}=t(),{height:$}=i(),z=a((()=>!!b.data&&!(b.data.messages.length<=1)),[b.data]),F=a((()=>!w&&b.isSuccess&&S&&!z),[w,b.isSuccess,S,z]),B=a((()=>{var e,s;return!!A.length&&!(null!==(s=null===(e=null==A?void 0:A[A.length-1])||void 0===e?void 0:e.content)&&void 0!==s?s:"").trim()}),[A]);return e("div",Object.assign({ref:L,className:"flex w-full flex-col items-center overflow-y-auto mb-12 pb-8",style:{height:`calc(${$}px - 74px)`}},{children:s("div",Object.assign({className:"relative flex flex-col items-center flex-grow w-full max-w-[800px] px-4"},{children:[(F||!P)&&!O.isWhiteLabel&&e(x,{className:j("absolute top-4 right-4",!F&&!P&&"top-2"),animateHover:!0}),e(m,{className:j("opacity-0 mt-[0%] transition-all duration-500 ease-in-out max-h-0 overflow-hidden max-w-[500px]",F&&"opacity-100 mt-[10%] max-h-[100%]"),iconClassName:"duration-300 hover:opacity-90",maxDescriptionChars:500,onIconClick:()=>E("")}),P&&!b.isLoading&&e(d,{className:j("opacity-0 transition-all duration-500 ease-in-out h-0 w-full",!F&&"opacity-100 h-[56px]"),iconClassName:"duration-300 hover:opacity-90",onIconClick:()=>E("")}),e("div",Object.assign({className:j("flex flex-col mt-6 transition-all duration-300 ease-in-out w-full",P&&!b.isLoading&&!F&&"mt-0")},{children:b.isLoading&&!(null==y?void 0:y.enablechatresponses)?s("div",Object.assign({className:"grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-6 pt-10"},{children:[S&&s("div",Object.assign({className:"flex flex-col items-center w-full"},{children:[e(u,{className:"w-[72px] h-[72px]"}),e(u,{className:"h-[20px] mt-6 w-full"}),e(u,{className:"h-[20px] mt-2 w-full"}),e(u,{className:"h-[20px] mt-2 w-full max-w-[400px]"})]})),e(u,{className:"h-10 w-[70%] animate-pulse justify-self-end rounded"}),e(u,{className:"h-[150px] w-[70%] animate-pulse rounded"}),e(u,{className:"h-10 w-[50%] animate-pulse justify-self-end rounded"})]})):b.isError?e("div",Object.assign({className:"flex w-full justify-center"},{children:s("p",Object.assign({className:j(k.b2,"text-center font-semibold")},{children:["Something went wrong. Please try again, or"," ",e("a",Object.assign({href:"mailto:info@pickaxeproject.com?subject=Help",target:"_blank",rel:"noreferrer"},{children:"contact us"}))," ","for help."]}))})):b.data?s("div",Object.assign({className:"flex flex-col w-full"},{children:[s("div",Object.assign({className:"grid grid-cols-1 gap-y-6 w-full"},{children:[b.data.messages.map(((s,a)=>e(g,Object.assign({index:a,message:s},0===a&&{isIntroExpand:v}),a))),A.map(((s,a)=>e(g,{index:b.data.messages.length+a,message:s},a))),"fetching"===H||B?e("div",Object.assign({className:j("flex w-full",I?"justify-end":"justify-start")},{children:e("div",Object.assign({className:"flex flex-col"},{children:s("div",Object.assign({className:j("flex gap-x-3",I&&"flex-row-reverse")},{children:["NONE"!==(null==y?void 0:y.chaticon)&&e(f,{src:null!==(N=null==y?void 0:y.chaticon)&&void 0!==N?N:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/chaticons/${null==y?void 0:y.formid}.png`,alt:`${null==y?void 0:y.formtitle}'s Chat Icon`,width:24,height:24,className:"my-3 h-6 w-6",textColor:C.text}),e("div",Object.assign({className:"flex items-center gap-x-2 rounded px-2"},{children:Array.from({length:3}).map(((s,a)=>e("div",{className:j("h-1.5 w-1.5 animate-dot rounded-full",1===a&&"animate-dot-down"),style:{backgroundColor:C.secondaryText}},a)))}))]}))}))})):D?e("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:e(p,{})})):R?e("div",Object.assign({className:j("flex items-center gap-x-3",I?"justify-end":"justify-start")},{children:e(c,{error:R})})):null]})),e(h,{className:"w-full"})]})):null}))]}))}))};export{w as default};
+import{jsx as e,jsxs as s}from"react/jsx-runtime";import{useMemo as a}from"react";import{usePickaxeContext as o}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as t}from"../../../../hooks/pickaxe/useResponseContext.js";import{useDimensionContext as i}from"../../../../hooks/pickaxe/useDimensionContext.js";import{useScrollContext as l}from"../../Addons/Scroll/hooks/useScrollContext.js";import{useStyleFontSize as n}from"../../../../hooks/studio/useStyleFontSize.js";import{useConversation as r}from"../../../../hooks/pickaxe/useConversation.js";import c from"../../../Core/ErrorAlert.js";import m from"../../common/PickaxeHead.js";import d from"../../common/PickaxeCompactHead.js";import p from"../../common/PickaxeUpgradeCard.js";import f from"../../common/PickaxeIcon.js";import x from"../../common/PickaxeBranding.js";import u from"../../common/PickaxeSkeleton.js";import h from"../../Addons/Scroll/ScrollLockView.js";import g from"./Message.js";import j from"../../../../common/cn.js";const w=({hideInfo:w,isInputFocused:v})=>{var N;const b=r(),k=n(),{pickaxe:y,colors:C,misc:O,isNewChat:S,isRtl:I,isEmbed:P,setChatId:E}=o(),{scrollContainerRef:L}=l(),{messages:A,status:H,limitData:D,error:R}=t(),{height:$}=i(),z=a((()=>!!b.data&&!(b.data.messages.length<=1)),[b.data]),F=a((()=>!w&&b.isSuccess&&S&&!z),[w,b.isSuccess,S,z]),B=a((()=>{var e,s;return!!A.length&&!(null!==(s=null===(e=null==A?void 0:A[A.length-1])||void 0===e?void 0:e.content)&&void 0!==s?s:"").trim()}),[A]);return e("div",Object.assign({ref:L,className:"flex w-full flex-col items-center overflow-y-auto mb-12 pb-8 scrollbar scrollbar-thin",style:{height:`calc(${$}px - 74px)`}},{children:s("div",Object.assign({className:"relative flex flex-col items-center flex-grow w-full max-w-[800px] px-4"},{children:[(F||!P)&&!O.isWhiteLabel&&e(x,{className:j("absolute top-4 right-4",!F&&!P&&"top-2"),animateHover:!0}),e(m,{className:j("opacity-0 mt-[0%] transition-all duration-500 ease-in-out max-h-0 overflow-hidden max-w-[500px]",F&&"opacity-100 mt-[10%] max-h-[100%]"),iconClassName:"duration-300 hover:opacity-90",maxDescriptionChars:500,onIconClick:()=>E("")}),P&&!b.isLoading&&e(d,{className:j("opacity-0 transition-all duration-500 ease-in-out h-0 w-full",!F&&"opacity-100 h-[56px]"),iconClassName:"duration-300 hover:opacity-90",onIconClick:()=>E("")}),e("div",Object.assign({className:j("flex flex-col mt-6 transition-all duration-300 ease-in-out w-full",P&&!b.isLoading&&!F&&"mt-0")},{children:b.isLoading&&!(null==y?void 0:y.enablechatresponses)?s("div",Object.assign({className:"grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-6 pt-10"},{children:[S&&s("div",Object.assign({className:"flex flex-col items-center w-full"},{children:[e(u,{className:"w-[72px] h-[72px]"}),e(u,{className:"h-[20px] mt-6 w-full"}),e(u,{className:"h-[20px] mt-2 w-full"}),e(u,{className:"h-[20px] mt-2 w-full max-w-[400px]"})]})),e(u,{className:"h-10 w-[70%] animate-pulse justify-self-end rounded"}),e(u,{className:"h-[150px] w-[70%] animate-pulse rounded"}),e(u,{className:"h-10 w-[50%] animate-pulse justify-self-end rounded"})]})):b.isError?e("div",Object.assign({className:"flex w-full justify-center"},{children:s("p",Object.assign({className:j(k.b2,"text-center font-semibold")},{children:["Something went wrong. Please try again, or"," ",e("a",Object.assign({href:"mailto:info@pickaxeproject.com?subject=Help",target:"_blank",rel:"noreferrer"},{children:"contact us"}))," ","for help."]}))})):b.data?s("div",Object.assign({className:"flex flex-col w-full"},{children:[s("div",Object.assign({className:"grid grid-cols-1 gap-y-6 w-full"},{children:[b.data.messages.map(((s,a)=>e(g,Object.assign({index:a,message:s},0===a&&{isIntroExpand:v}),a))),A.map(((s,a)=>e(g,{index:b.data.messages.length+a,message:s},a))),"fetching"===H||B?e("div",Object.assign({className:j("flex w-full",I?"justify-end":"justify-start")},{children:e("div",Object.assign({className:"flex flex-col"},{children:s("div",Object.assign({className:j("flex gap-x-3",I&&"flex-row-reverse")},{children:["NONE"!==(null==y?void 0:y.chaticon)&&e(f,{src:null!==(N=null==y?void 0:y.chaticon)&&void 0!==N?N:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/chaticons/${null==y?void 0:y.formid}.png`,alt:`${null==y?void 0:y.formtitle}'s Chat Icon`,width:24,height:24,className:"my-3 h-6 w-6",textColor:C.text}),e("div",Object.assign({className:"flex items-center gap-x-2 rounded px-2"},{children:Array.from({length:3}).map(((s,a)=>e("div",{className:j("h-1.5 w-1.5 animate-dot rounded-full",1===a&&"animate-dot-down"),style:{backgroundColor:C.secondaryText}},a)))}))]}))}))})):D?e("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:e(p,{})})):R?e("div",Object.assign({className:j("flex items-center gap-x-3",I?"justify-end":"justify-start")},{children:e(c,{error:R})})):null]})),e(h,{})]})):null}))]}))}))};export{w 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 o,jsxs as s}from"react/jsx-runtime";import{useState as r,useRef as n,useMemo as i,useEffect as l}from"react";import{usePickaxeContext as a}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as d}from"../../../hooks/pickaxe/useResponseContext.js";import{useStyleInput as c}from"../../../hooks/studio/useStyleInput.js";import{useStyleFontSize as m}from"../../../hooks/studio/useStyleFontSize.js";import{useConversation as u}from"../../../hooks/pickaxe/useConversation.js";import{useSubmit as p}from"../../../hooks/pickaxe/useSubmit.js";import{useDocument as f}from"../Addons/Document/hooks/useDocument.js";import{useScroll as h}from"../Addons/Scroll/hooks/useScroll.js";import{useHover as g}from"../../../hooks/core/useHover.js";import{allowedFileMimeTypes as v,allowedImageMimeTypes as x}from"../../../common/documents.js";import{createParser as b}from"eventsource-parser";import j from"../../Icons/attach-vertical.svg.js";import y from"../../Icons/arrow-right.svg.js";import k from"../Addons/IceBreaker/index.js";import w from"../Addons/Document/List.js";import I from"../../Core/Textarea.js";import O from"../../Core/ErrorAlert.js";import N from"../../../common/error.js";import S from"../../../common/cn.js";const C=({isFocused:C,onFocus:A,onBlur:D})=>{var B;const{formId:E,chatId:U,userId:F,studioUserId:H,embedUserId:R,deploymentId:T,deploymentType:L,pickaxe:z,styles:G,colors:J,responsiveBy:K,isNewChat:P,isRtl:W,setIsNewChat:_,setIsShowIceBreaker:M,onGenerateComplete:q}=a(),{messages:Q,status:V,limits:X,isGenerating:Y,setMessages:Z,setStatus:$,setLimitData:ee,setError:te}=d(),{documents:oe,isUploading:se,isImageUploadAllowed:re,documentError:ne,onFileUpload:ie,setDocuments:le,setDocumentError:ae}=f(),{scrollStartSession:de,scrollEndSession:ce,scrollToBottom:me}=h({auto:!0}),ue=u(),pe=p(),[fe,he]=r(""),ge=n(null),ve=g(),{isHover:xe}=ve,be=e(ve,["isHover"]),je=g(),{isHover:ye}=je,ke=e(je,["isHover"]),we=m(),Ie=c(),Oe=i((()=>{var e,t,o;return!!P&&(!!z&&(!ue.isLoading&&(!((null!==(t=null===(e=ue.data)||void 0===e?void 0:e.messages.length)&&void 0!==t?t:0)>1)&&!!(null===(o=z.icebreakers)||void 0===o?void 0:o.length))))}),[z,P,ue.data,ue.isLoading]),Ne=i((()=>{if(Y||se)return!1;return!!fe.trim()&&oe.every((e=>"finished"===e.status||e.isInsertedAsRaw))}),[Y,se,fe,oe]),Se=e=>t(void 0,void 0,void 0,(function*(){try{if("idle"!==V||se)return;const t=null!=e?e:fe;if(!t)return;te(""),ae(""),ee(null),he(""),_(!1),$("fetching"),de(),me();const o=oe.filter((e=>"finished"===e.status&&!e.isInsertedAsRaw)).map((e=>e.documentId)).filter(Boolean),s="enduserupload"===(null==z?void 0:z.documentuploadtype)&&o.length>0,r=[...Array.from(Q),Object.assign({id:Q.length+1,role:"user",content:t},s&&{documentIds:o})];Z(r),me(),s&&le([]);const n=(yield pe.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:E,responseId:U,value:t},s&&{documentIds:o}),F&&{userId:F}),H&&{studioUserId:H}),R&&{embedUserId:R}),T&&{deploymentId:T}))).body;if(!n)throw new Error("Streaming error");const i=r.length,l=new TextDecoder,a=n.getReader();let d="",c=!0,m=!1;const u=b({onEvent:e=>{if("delta"===e.event){const t=JSON.parse(e.data).token.replace(/\u200B/g,"");d+=t,Z([...r.slice(0,i),{id:Q.length+1,role:"assistant",content:d}])}else if("error"===e.event){const t=JSON.parse(e.data);te(t.error||"Something went wrong, please try again.")}else"stop"===e.event&&(c=!1)}});for(;c;){const{value:e,done:t}=yield a.read();if(t){c=!1;break}const o=l.decode(e);o&&(m||($("streaming"),m=!0),u.feed(o))}null==q||q(U)}catch(e){let t=N(e)||"";t&&!t.includes("Unexpected token 'A',")||(t="Oops! We're experiencing high traffic at the moment. Please try again later.");const o=Object.entries(X).find((([e])=>t.includes(e)));o?ee(o[1]):te(t)}finally{me(),$("idle"),ce()}}));return l((()=>{M(Oe)}),[Oe]),o("div",Object.assign({className:S("w-full flex flex-col items-center absolute bottom-0 left-0 z-1",!("chat-input"===L&&P)&&"px-4 pb-4"),dir:W?"rtl":"ltr"},{children:s("div",Object.assign({className:"relative flex flex-col max-w-[800px] w-full"},{children:[!("chat-input"===L&&P)&&o("div",Object.assign({className:S("absolute bottom-full",W?"left-0":"right-0")},{children:o("div",Object.assign({className:S("flex flex-col gap-2 pb-4 px-2",W?"justify-start":"justify-end","viewport"===K?W?"min-[767px]:items-start":"min-[767px]:items-end":W?"@[767px]/pickaxe-root:items-start":"@[767px]/pickaxe-root:items-end")},{children:Oe&&!C&&o(k,{data:(null==z?void 0:z.icebreakers)||[],onSend:Se})}))})),s("div",Object.assign({className:S("flex flex-col gap-y-3 px-4 py-3","block"===G.formFieldStyle&&"shadow"),style:Ie},{children:["idle"===V&&oe.length>0&&o(w,{isDisabled:"idle"!==V}),s("div",Object.assign({className:S("flex items-end gap-x-2",W&&"flex-row-reverse")},{children:[o(I,Object.assign({className:S(we.i1,"max-h-60 min-h-[27px] w-full border-transparent bg-transparent",!fe.length&&"max-h-6 overflow-hidden text-ellipsis whitespace-nowrap",W?"text-right":"text-left"),value:fe,placeholder:null!==(B=null==z?void 0:z.placeholdertext)&&void 0!==B?B:W?"بماذا تريد أن تتحدث؟":"What do you want to talk about?",onChange:e=>he(e),onKeyDown:e=>{"Enter"===e.key&&(e.shiftKey||(e.preventDefault(),se||"idle"!==V||Se()))}},A&&{onFocus:A},D&&{onBlur:D},{dir:W?"rtl":"ltr"})),s("div",Object.assign({className:"flex items-center gap-x-2"},{children:["enduserupload"===(null==z?void 0:z.documentuploadtype)&&s("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:ye?J.accent+"10":void 0,color:ye?J.accent:J.accent+"80"},disabled:se||"idle"!==V,onClick:()=>{var e;return null===(e=ge.current)||void 0===e?void 0:e.click()}},ke,{children:[o("input",{id:"file-upload",ref:ge,type:"file",accept:[...v,...re?x:[]].join(", "),multiple:!0,hidden:!0,className:"hidden",onChange:e=>t(void 0,void 0,void 0,(function*(){_(!1),yield ie(Array.from(e.target.files||[])),e.target.value=""}))}),o(j,{className:"h-6 w-6 shrink-0"})]})),o("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:xe||Ne?J.accent:J.accent+"10",color:xe||Ne?J.accentText:J.accent+"80"},disabled:"idle"!==V||se,onClick:()=>Se()},be,{children:o(y,{className:S("h-6 w-6 shrink-0",W&&"transform scale-x-[-1]")})}))]}))]}))]})),ne&&o(O,{error:ne,className:"mt-3"})]}))}))};export{C 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 r,useMemo as n,useEffect as a}from"react";import{usePickaxeContext as l}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as c}from"../../../hooks/pickaxe/useResponseContext.js";import{useStyleInput as d}from"../../../hooks/studio/useStyleInput.js";import{useStyleFontSize as u}from"../../../hooks/studio/useStyleFontSize.js";import{useConversation as m}from"../../../hooks/pickaxe/useConversation.js";import{useSubmit as f}from"../../../hooks/pickaxe/useSubmit.js";import{useDocument as p}from"../Addons/Document/hooks/useDocument.js";import{useScroll as g}from"../Addons/Scroll/hooks/useScroll.js";import{useArtifactContext as v}from"../Addons/Artifact/hooks/useArtifactContext.js";import{useHover as h}from"../../../hooks/core/useHover.js";import{allowedFileMimeTypes as b,allowedImageMimeTypes as j}from"../../../common/documents.js";import{createParser as x}from"eventsource-parser";import y from"../../Icons/attach-vertical.svg.js";import k from"../../Icons/arrow-right.svg.js";import O from"../Addons/IceBreaker/index.js";import w from"../Addons/Document/List.js";import I from"../../Core/Textarea.js";import N from"../../Core/ErrorAlert.js";import S from"../../../common/error.js";import A from"../../../common/cn.js";const C=({isFocused:C,onFocus:D,onBlur:B})=>{var E;const{formId:U,chatId:J,userId:_,studioUserId:F,embedUserId:H,deploymentId:R,deploymentType:T,pickaxe:L,styles:z,colors:G,responsiveBy:K,isNewChat:P,isRtl:W,setIsNewChat:M,setIsShowIceBreaker:q,onGenerateComplete:Q}=l(),{messages:V,status:X,limits:Y,isGenerating:Z,setMessages:$,setStatus:ee,setLimitData:te,setError:se}=c(),{documents:oe,isUploading:ie,isImageUploadAllowed:re,documentError:ne,onFileUpload:ae,setDocuments:le,setDocumentError:ce}=p(),{scrollStartSession:de,scrollEndSession:ue,scrollToBottom:me}=g({auto:!0}),{artifacts:fe,setArtifacts:pe,setCurrentArtifact:ge}=v(),ve=m(),he=f(),[be,je]=i(""),xe=r(null),ye=h(),{isHover:ke}=ye,Oe=e(ye,["isHover"]),we=h(),{isHover:Ie}=we,Ne=e(we,["isHover"]),Se=u(),Ae=d(),Ce=n((()=>{var e,t,s;return!!P&&(!!L&&(!ve.isLoading&&(!((null!==(t=null===(e=ve.data)||void 0===e?void 0:e.messages.length)&&void 0!==t?t:0)>1)&&!!(null===(s=L.icebreakers)||void 0===s?void 0:s.length))))}),[L,P,ve.data,ve.isLoading]),De=n((()=>{if(Z||ie)return!1;return!!be.trim()&&oe.every((e=>"finished"===e.status||e.isInsertedAsRaw))}),[Z,ie,be,oe]),Be=e=>t(void 0,void 0,void 0,(function*(){try{if("idle"!==X||ie)return;const t=null!=e?e:be;if(!t)return;se(""),ce(""),te(null),je(""),M(!1),ee("fetching"),de(),me();const s=oe.filter((e=>"finished"===e.status&&!e.isInsertedAsRaw)).map((e=>e.documentId)).filter(Boolean),o="enduserupload"===(null==L?void 0:L.documentuploadtype)&&s.length>0,i=[...Array.from(V),Object.assign({id:V.length+1,role:"user",content:t},o&&{documentIds:s})];$(i),me(),o&&le([]);const r=(yield he.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:U,responseId:J,value:t},o&&{documentIds:s}),_&&{userId:_}),F&&{studioUserId:F}),H&&{embedUserId:H}),R&&{deploymentId:R}))).body;if(!r)throw new Error("Streaming error");const n=i.length,a=new TextDecoder,l=r.getReader();let c="",d=!0,u=!1,m=[...null!=fe?fe:[]];const f=x({onEvent:e=>{if("delta"===e.event){const t=JSON.parse(e.data).token.replace(/\u200B/g,"");c+=t,$([...i.slice(0,n),{id:V.length+1,role:"assistant",content:c}])}else if("artifact_created"===e.event){const t=JSON.parse(e.data);m=m.filter((e=>!(e.id===t.id&&e.version===t.version))),m.push(Object.assign(Object.assign({},t),{content:"",status:"streaming"})),pe(m),ge({id:t.id,version:t.version})}else if("artifact_updated"===e.event){const t=JSON.parse(e.data);m=m.filter((e=>!(e.id===t.id&&e.version===t.version))),m.push(Object.assign(Object.assign({},t),{content:"",status:"updating"})),pe(m),ge({id:t.id,version:t.version})}else if("artifact_rewrite"===e.event){const t=JSON.parse(e.data);m=m.filter((e=>!(e.id===t.id&&e.version===t.version))),m.push(Object.assign(Object.assign({},t),{content:"",status:"streaming"})),pe(m),ge({id:t.id,version:t.version})}else if("artifact_content"===e.event){const t=JSON.parse(e.data),s=t.token.replace(/\u200B/g,"");m=m.map((e=>e.id===t.id&&e.version===t.version?Object.assign(Object.assign({},e),{content:e.content+s,status:"streaming"}):e)),pe(m)}else if("artifact_finished"===e.event){const t=JSON.parse(e.data);pe(m.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);se(t.error||"Something went wrong, please try again.")}else"stop"===e.event&&(d=!1)}});for(;d;){const{value:e,done:t}=yield l.read();if(t){d=!1;break}const s=a.decode(e);s&&(u||(ee("streaming"),u=!0),f.feed(s))}null==Q||Q(J)}catch(e){let t=S(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(Y).find((([e])=>t.includes(e)));s?te(s[1]):se(t)}finally{me(),ee("idle"),ue()}}));return a((()=>{q(Ce)}),[Ce]),s("div",Object.assign({className:A("w-full flex flex-col items-center absolute bottom-0 left-0 z-1",!("chat-input"===T&&P)&&"px-4 pb-4"),dir:W?"rtl":"ltr"},{children:o("div",Object.assign({className:"relative flex flex-col max-w-[800px] w-full"},{children:[!("chat-input"===T&&P)&&s("div",Object.assign({className:A("absolute bottom-full",W?"left-0":"right-0")},{children:s("div",Object.assign({className:A("flex flex-col gap-2 pb-4 px-2",W?"justify-start":"justify-end","viewport"===K?W?"min-[767px]:items-start":"min-[767px]:items-end":W?"@[767px]/pickaxe-root:items-start":"@[767px]/pickaxe-root:items-end")},{children:Ce&&!C&&s(O,{data:(null==L?void 0:L.icebreakers)||[],onSend:Be})}))})),o("div",Object.assign({className:A("flex flex-col gap-y-3 px-4 py-3","block"===z.formFieldStyle&&"shadow"),style:Ae},{children:["idle"===X&&oe.length>0&&s(w,{isDisabled:"idle"!==X}),o("div",Object.assign({className:A("flex items-end gap-x-2",W&&"flex-row-reverse")},{children:[s(I,Object.assign({className:A(Se.i1,"max-h-60 min-h-[27px] w-full border-transparent bg-transparent",!be.length&&"max-h-6 overflow-hidden text-ellipsis whitespace-nowrap",W?"text-right":"text-left"),value:be,placeholder:null!==(E=null==L?void 0:L.placeholdertext)&&void 0!==E?E:W?"بماذا تريد أن تتحدث؟":"What do you want to talk about?",onChange:e=>je(e),onKeyDown:e=>{"Enter"===e.key&&(e.shiftKey||(e.preventDefault(),ie||"idle"!==X||Be()))}},D&&{onFocus:D},B&&{onBlur:B},{dir:W?"rtl":"ltr"})),o("div",Object.assign({className:"flex items-center gap-x-2"},{children:["enduserupload"===(null==L?void 0:L.documentuploadtype)&&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:Ie?G.accent+"10":void 0,color:Ie?G.accent:G.accent+"80"},disabled:ie||"idle"!==X,onClick:()=>{var e;return null===(e=xe.current)||void 0===e?void 0:e.click()}},Ne,{children:[s("input",{id:"file-upload",ref:xe,type:"file",accept:[...b,...re?j:[]].join(", "),multiple:!0,hidden:!0,className:"hidden",onChange:e=>t(void 0,void 0,void 0,(function*(){M(!1),yield ae(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:ke||De?G.accent:G.accent+"10",color:ke||De?G.accentText:G.accent+"80"},disabled:"idle"!==X||ie,onClick:()=>Be()},Oe,{children:s(k,{className:A("h-6 w-6 shrink-0",W&&"transform scale-x-[-1]")})}))]}))]}))]})),ne&&s(N,{error:ne,className:"mt-3"})]}))}))};export{C as default};