@pickaxeproject/react 2.8.0 → 3.0.0

package/dist/cjs/src/components/Pickaxe/Addons/Artifact/hooks/useArtifactData.d.ts

@@ -0,0 +1,8 @@
+import type { ArtifactData } from "../../../../../types/artifact";
+type MutationParams = {
+    artifactId: string;
+    version: number;
+    createdBy?: string;
+};
+export declare const useArtifactData: () => import("@tanstack/react-query").UseMutationResult<ArtifactData, Error, MutationParams, unknown>;
+export {};

package/dist/cjs/src/components/Pickaxe/Addons/Artifact/index.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+interface PickaxeArtifactProps {
+    panel?: (children: ReactNode) => ReactNode;
+}
+export declare const PickaxeArtifact: ({ panel }: PickaxeArtifactProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

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

@@ -18,5 +18,5 @@ interface ScrollProviderProps {
     children: ReactNode;
 }
 export declare const ScrollContext: import("react").Context<ScrollContextType>;
-declare const ScrollProvider: ({ children }: ScrollProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ScrollProvider: ({ children }: ScrollProviderProps) => import("react/jsx-runtime").JSX.Element;
 export default ScrollProvider;

package/dist/cjs/src/components/Pickaxe/Addons/Scroll/hooks/useScroll.d.ts

@@ -1,7 +1,11 @@
+/// <reference types="react" />
 interface UseScrollProps {
     auto?: boolean;
+    debug?: boolean;
 }
-export declare const useScroll: ({ auto }: UseScrollProps) => {
+export declare const useScroll: ({ auto, debug }: UseScrollProps) => {
+    scrollContainerRef: import("react").MutableRefObject<HTMLDivElement>;
+    scrollTargetRef: import("react").MutableRefObject<HTMLDivElement>;
     isScrollIncreasing: boolean;
     scrollStartSession: () => void;
     scrollEndSession: () => void;

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("../../../Addons/Artifact/Provider").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("../../components/Pickaxe/Addons/Artifact/Provider").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/PickaxeArtifactPanel";
+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/PickaxeArtifactPanel.js

@@ -0,0 +1 @@
+import{__rest as e}from"../../../../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import{PanelGroup as t,Panel as a}from"../../../../node_modules/.pnpm/react-resizable-panels@3.0.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-resizable-panels/dist/react-resizable-panels.js";const i=a=>{var{children:i}=a,n=e(a,["children"]);return r(t,Object.assign({},n,{children:i}))},n=t=>{var{children:i}=t,n=e(t,["children"]);return r(a,Object.assign({},n,{children:i}))};export{n as PickaxeArtifactPanel,i as PickaxeArtifactPanelGroup};

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 c}from"./hooks/useArtifactContext.js";import{usePickaxeContext as i}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 b from"../../../Icons/code.svg.js";import h from"../../../Core/ScrollArea.js";import v 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:b}],D=({className:f,style:b})=>{var D;const{artifacts:A,currentArtifact:N,setCurrentArtifact:E}=c(),{styles:M,colors:B,translations:L}=i(),{toPDF:$,targetRef:z}=d({filename:`${(null==N?void 0:N.id)||"Untitled"}.pdf`,page:{margin:p.MEDIUM,orientation:"portrait"}}),[R,H]=n(!1),[W,I]=n("code"),P=l(null),U=l(null),{scrollContainerRef:V,scrollStartSession:_,scrollToBottom:G,scrollEndSession:X}=s({auto:"code"===W}),q=a((()=>{var e;return N&&null!==(e=A.find((e=>e.id===N.id&&e.version===N.version)))&&void 0!==e?e:null}),[N,A]),J=a((()=>q&&"text/csv"===q.type?F(q.content,",",!0):null),[q]),K=a((()=>(B.secondaryText||"").toLowerCase().startsWith("#ffffff")),[B.secondaryText]);r((()=>{if("application/vnd.pxe.code"===(null==q?void 0:q.type)&&I("code"),"finished"!==(null==q?void 0:q.status))return I("code"),_(),void G();X(),"application/vnd.pxe.code"!==q.type&&I("render")}),[null==q?void 0:q.status,null==q?void 0:q.type]),r((()=>{var e;!U.current||"text/html"!==(null==q?void 0:q.type)&&"application/vnd.pxe.react"!==(null==q?void 0:q.type)||null===(e=U.current.contentWindow)||void 0===e||e.postMessage({type:"text/html"===q.type?"HTML_CODE":"REACT_CODE",content:q.content},T)}),[null==q?void 0:q.content,null==q?void 0:q.type]);const Q=e=>{if(!q)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/${q.programmingLanguage||"text"};charset=utf-8`,extension:`.${q.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"===q.type&&P.current){const e=P.current.querySelector("svg");e&&(t=(new XMLSerializer).serializeToString(e))}const n=new Blob([null!=t?t:q.content],{type:o.mimeType}),l=URL.createObjectURL(n);try{const e=document.createElement("a");e.href=l,e.download=`${q.title}${o.extension}`,e.style.display="none",document.body.appendChild(e),e.click(),document.body.removeChild(e)}finally{URL.revokeObjectURL(l)}};return q?e("div",Object.assign({className:O("flex flex-col",f),style:Object.assign({backgroundColor:B.secondary,color:B.secondaryText},b)},{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:B.primary,color:B.text+"90"}},{children:S.map(((e,t)=>{var n;return(null===(n=e.hideIn)||void 0===n?void 0:n.includes(q.type))?null:o("button",Object.assign({className:"rounded-md p-1 px-1.5 transition-colors duration-200 ease-in-out"},W===e.id&&{style:{backgroundColor:B.secondary,color:B.secondaryText}},{onClick:()=>I(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:q.title}))]})),e("div",Object.assign({className:"flex items-center gap-3"},{children:[e(v,Object.assign({id:`copy-artifact-${q.id}`,isOpen:R,onChange:H},{children:[o(C,Object.assign({variant:"anchor",className:"rounded-md border px-3 py-1.5 text-sm font-semibold select-none",style:{borderColor:B.primary,color:B.text+(R?"":"90")}},{children:(null==L?void 0:L.copy)||"Copy"})),o(w,Object.assign({width:"auto",className:"font-semibold p-1",style:{backgroundColor:B.secondary,color:B.secondaryText},border:`1px solid ${B.primary}`},{children:"text/markdown"===q.type?e(t,{children:[e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>Q("text/markdown")},{children:[(null==L?void 0:L["download-as"])||"Download as"," Markdown"]})),o("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>{q&&$()}},{children:"Save as PDF"}))]}):"text/html"===q.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>Q("text/html")},{children:[(null==L?void 0:L["download-as"])||"Download as"," HTML"]})):"text/csv"===q.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>Q("text/csv")},{children:[(null==L?void 0:L["download-as"])||"Download as"," CSV"]})):"image/svg+xml"===q.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>Q("image/svg+xml")},{children:[(null==L?void 0:L["download-as"])||"Download as"," SVG"]})):"application/vnd.pxe.code"===q.type?o("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>Q("application/vnd.pxe.code")},{children:`${(null==L?void 0:L["download-as"])||"Download as"} ${q.programmingLanguage||"Plain Text"}`})):"application/vnd.pxe.mermaid"===q.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>Q("application/vnd.pxe.mermaid")},{children:[(null==L?void 0:L["download-as"])||"Download as"," SVG"]})):"application/vnd.pxe.react"===q.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>Q("application/vnd.pxe.react")},{children:[(null==L?void 0:L["download-as"])||"Download as"," TSX"]})):null}))]})),o(k,Object.assign({onClick:()=>E(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(h,Object.assign({ref:V,innerClassName:"flex-grow w-full"},{children:["render"===W&&"application/vnd.pxe.code"!==q.type?o("div",Object.assign({ref:z,className:O("p-4 pb-6 flex-grow flex flex-col","application/vnd.pxe.react"===q.type&&"p-0","text/html"===q.type&&"p-0","text/csv"===q.type&&"p-0")},{children:"text/markdown"===q.type||"text/csv"===q.type||"image/svg+xml"===q.type?o(m,Object.assign({theme:M.theme,colors:B},{children:o(x,{value:null!=J?J:q.content,className:O("px-6 @[767px]/pickaxe-artifact:px-11 mx-auto w-full","text/csv"===q.type&&"px-4 @[767px]/pickaxe-artifact:px-4 mx-0"),style:{flex:1}})})):"application/vnd.pxe.mermaid"===q.type?o(j,{ref:P,id:`mermaid-${null!==(D=null==N?void 0:N.id)&&void 0!==D?D:"unknown"}`,data:q.content}):"text/html"===q.type||"application/vnd.pxe.react"===q.type?o("iframe",Object.assign({ref:U,title:q.title,src:`${T}/${"text/html"===q.type?"html":"react"}?theme=${K?"dark":"light"}`,style:{width:"100%",flex:1,border:"none",backgroundColor:B.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"===q.type?"HTML_CODE":"REACT_CODE",content:q.content},T)}catch(e){console.error("Error sending message to iframe:",e)}}),100),G()}},{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"===q.type?"markdown":"text/html"===q.type||"image/svg+xml"===q.type?"xml":"application/vnd.pxe.react"===q.type?"typescript":q.programmingLanguage,showLineNumbers:!0,customStyle:{margin:0,flex:1},style:Object.assign({'code[class*="language-"]':Object.assign(Object.assign({color:B.secondaryText},K&&{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:B.secondaryText},K&&{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:B.secondary}),':not(pre) > code[class*="language-"]':{background:B.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:B.secondaryText,fontWeight:"bold"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"}},!K&&{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:B.secondaryText,fontWeight:"bold"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"}})},{children:q.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 o}from"react";import{useMediaQuery as t}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 l,DrawerContent as s,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})=>{const{popupType:p,currentArtifact:h,setCurrentArtifact:x}=a(),{pickaxe:j,chatId:g,forceMobile:w}=i(),[b]=t("(max-width: 899px)"),C=o((()=>{if("auto"===p){if(w||b)return"drawer-bottom";if(!(null==j?void 0:j.chatflag)&&!g||!g)return"modal";if(!u)return"modal"}return p}),[p,w,b,null==j?void 0:j.chatflag,g,u]),k=r(f,{className:"h-full"});return h?r(d,{children:"auto"===C&&u?u(k):C.startsWith("drawer")?r(l,Object.assign({open:!0,direction:w?"bottom":C.replace("drawer-",""),onClose:()=>x(null)},{children:e(s,Object.assign({"aria-describedby":"artifact-drawer",className:"min-h-[80dvh]"},{children:[r(n,Object.assign({className:"sr-only"},{children:"Artifact"})),r(f,{className:"flex-grow"})]}))})):"modal"===C?r(c,Object.assign({isOpen:!0,onChange:()=>x(null)},{children:r(m,Object.assign({className:"max-w-[80dvw] flex flex-col w-full",style:{minHeight:"80dvh"}},{children:r(f,{className:"flex-grow"})}))})):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};