@pickaxeproject/react 3.3.3 → 3.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/common/utils.js +1 -1
- package/dist/cjs/components/EmbedPreview/ChatInput.js +1 -1
- package/dist/cjs/components/EmbedPreview/Popup.js +1 -1
- package/dist/cjs/components/Icons/email.svg.js +1 -0
- package/dist/cjs/components/Icons/lock.svg.js +1 -0
- package/dist/cjs/components/Pickaxe/Addons/Artifact/Renderer/index.js +1 -1
- package/dist/cjs/components/Pickaxe/Addons/Artifact/hooks/useArtifact.js +1 -1
- package/dist/cjs/components/Pickaxe/Addons/Artifact/hooks/useArtifactData.js +1 -1
- package/dist/cjs/components/Pickaxe/Addons/Auth/Provider.js +1 -0
- package/dist/cjs/components/Pickaxe/Addons/Auth/hooks/useAuth.js +1 -0
- package/dist/cjs/components/Pickaxe/Addons/Auth/hooks/useAuthContext.js +1 -0
- package/dist/cjs/components/Pickaxe/Addons/Auth/hooks/useAuthVerify.js +1 -0
- package/dist/cjs/components/Pickaxe/Addons/Auth/index.js +1 -0
- package/dist/cjs/components/Pickaxe/Chat/History/CustomMessage.js +1 -0
- package/dist/cjs/components/Pickaxe/Chat/History/index.js +1 -1
- package/dist/cjs/components/Pickaxe/Chat/Input.js +1 -1
- package/dist/cjs/components/Pickaxe/Chat/index.js +1 -1
- package/dist/cjs/components/Pickaxe/Form/Questions/Submit.js +1 -1
- package/dist/cjs/components/Pickaxe/Provider.js +1 -1
- package/dist/cjs/components/Pickaxe/common/PickaxeInput.js +1 -0
- package/dist/cjs/components/Pickaxe/common/PickaxeMarkdown/Components/Artifact/index.js +1 -1
- package/dist/cjs/components/Pickaxe/index.js +1 -1
- package/dist/cjs/hooks/pickaxe/useHistory.js +1 -1
- package/dist/cjs/hooks/pickaxe/useSubmit.js +1 -1
- package/dist/cjs/src/common/utils.d.ts +4 -0
- package/dist/cjs/src/components/Pickaxe/Addons/Artifact/hooks/useArtifactData.d.ts +2 -0
- package/dist/cjs/src/components/Pickaxe/Addons/Auth/Provider.d.ts +24 -0
- package/dist/cjs/src/components/Pickaxe/Addons/Auth/hooks/useAuth.d.ts +3 -0
- package/dist/cjs/src/components/Pickaxe/Addons/Auth/hooks/useAuthContext.d.ts +16 -0
- package/dist/cjs/src/components/Pickaxe/Addons/Auth/hooks/useAuthVerify.d.ts +14 -0
- package/dist/cjs/src/components/Pickaxe/Addons/Auth/index.d.ts +2 -0
- package/dist/cjs/src/components/Pickaxe/Chat/History/CustomMessage.d.ts +8 -0
- package/dist/cjs/src/components/Pickaxe/Chat/Input.d.ts +1 -1
- package/dist/cjs/src/components/Pickaxe/Provider.d.ts +3 -1
- package/dist/cjs/src/components/Pickaxe/common/PickaxeInput.d.ts +3 -0
- package/dist/cjs/src/hooks/pickaxe/usePickaxeContext.d.ts +1 -0
- package/dist/cjs/src/hooks/pickaxe/useSubmit.d.ts +1 -0
- package/dist/esm/common/utils.js +1 -1
- package/dist/esm/components/EmbedPreview/ChatInput.js +1 -1
- package/dist/esm/components/EmbedPreview/Popup.js +1 -1
- package/dist/esm/components/Icons/email.svg.js +1 -0
- package/dist/esm/components/Icons/lock.svg.js +1 -0
- package/dist/esm/components/Pickaxe/Addons/Artifact/Renderer/index.js +1 -1
- package/dist/esm/components/Pickaxe/Addons/Artifact/hooks/useArtifact.js +1 -1
- package/dist/esm/components/Pickaxe/Addons/Artifact/hooks/useArtifactData.js +1 -1
- package/dist/esm/components/Pickaxe/Addons/Auth/Provider.js +1 -0
- package/dist/esm/components/Pickaxe/Addons/Auth/hooks/useAuth.js +1 -0
- package/dist/esm/components/Pickaxe/Addons/Auth/hooks/useAuthContext.js +1 -0
- package/dist/esm/components/Pickaxe/Addons/Auth/hooks/useAuthVerify.js +1 -0
- package/dist/esm/components/Pickaxe/Addons/Auth/index.js +1 -0
- package/dist/esm/components/Pickaxe/Chat/History/CustomMessage.js +1 -0
- package/dist/esm/components/Pickaxe/Chat/History/index.js +1 -1
- package/dist/esm/components/Pickaxe/Chat/Input.js +1 -1
- package/dist/esm/components/Pickaxe/Chat/index.js +1 -1
- package/dist/esm/components/Pickaxe/Form/Questions/Submit.js +1 -1
- package/dist/esm/components/Pickaxe/Provider.js +1 -1
- package/dist/esm/components/Pickaxe/common/PickaxeInput.js +1 -0
- package/dist/esm/components/Pickaxe/common/PickaxeMarkdown/Components/Artifact/index.js +1 -1
- package/dist/esm/components/Pickaxe/index.js +1 -1
- package/dist/esm/hooks/pickaxe/useHistory.js +1 -1
- package/dist/esm/hooks/pickaxe/useSubmit.js +1 -1
- package/dist/esm/src/common/utils.d.ts +4 -0
- package/dist/esm/src/components/Pickaxe/Addons/Artifact/hooks/useArtifactData.d.ts +2 -0
- package/dist/esm/src/components/Pickaxe/Addons/Auth/Provider.d.ts +24 -0
- package/dist/esm/src/components/Pickaxe/Addons/Auth/hooks/useAuth.d.ts +3 -0
- package/dist/esm/src/components/Pickaxe/Addons/Auth/hooks/useAuthContext.d.ts +16 -0
- package/dist/esm/src/components/Pickaxe/Addons/Auth/hooks/useAuthVerify.d.ts +14 -0
- package/dist/esm/src/components/Pickaxe/Addons/Auth/index.d.ts +2 -0
- package/dist/esm/src/components/Pickaxe/Chat/History/CustomMessage.d.ts +8 -0
- package/dist/esm/src/components/Pickaxe/Chat/Input.d.ts +1 -1
- package/dist/esm/src/components/Pickaxe/Provider.d.ts +3 -1
- package/dist/esm/src/components/Pickaxe/common/PickaxeInput.d.ts +3 -0
- package/dist/esm/src/hooks/pickaxe/usePickaxeContext.d.ts +1 -0
- package/dist/esm/src/hooks/pickaxe/useSubmit.d.ts +1 -0
- package/package.json +3 -3
|
@@ -3,5 +3,5 @@ interface InputProps {
|
|
|
3
3
|
onFocus?: () => void;
|
|
4
4
|
onBlur?: () => void;
|
|
5
5
|
}
|
|
6
|
-
declare const Input: ({ isFocused, onFocus, onBlur }: InputProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare const Input: ({ isFocused, onFocus, onBlur }: InputProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
7
7
|
export default Input;
|
|
@@ -81,6 +81,7 @@ type PickaxeContextType = {
|
|
|
81
81
|
isRtl: boolean;
|
|
82
82
|
isEmbed: boolean;
|
|
83
83
|
isDropShadow: boolean;
|
|
84
|
+
isEmailLogin: boolean;
|
|
84
85
|
setFormId: SetState<string>;
|
|
85
86
|
setChatId: SetState<string>;
|
|
86
87
|
setSessionId: SetState<string>;
|
|
@@ -114,8 +115,9 @@ export interface IPickaxeProviderProps {
|
|
|
114
115
|
isRtl?: boolean;
|
|
115
116
|
isEmbed?: boolean;
|
|
116
117
|
isDropShadow?: boolean;
|
|
118
|
+
isEmailLogin?: boolean;
|
|
117
119
|
onGenerateComplete?: (responseId: string) => void;
|
|
118
120
|
}
|
|
119
121
|
export declare const PickaxeContext: import("react").Context<PickaxeContextType>;
|
|
120
|
-
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;
|
|
122
|
+
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, isEmailLogin, onGenerateComplete, }: IPickaxeProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
121
123
|
export {};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { type DetailedHTMLProps, type InputHTMLAttributes } from "react";
|
|
2
|
+
declare const PickaxeInput: import("react").ForwardRefExoticComponent<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
3
|
+
export default PickaxeInput;
|
|
@@ -27,6 +27,7 @@ export declare const usePickaxeContext: () => {
|
|
|
27
27
|
isRtl: boolean;
|
|
28
28
|
isEmbed: boolean;
|
|
29
29
|
isDropShadow: boolean;
|
|
30
|
+
isEmailLogin: boolean;
|
|
30
31
|
setFormId: import("../../types/common").SetState<string>;
|
|
31
32
|
setChatId: import("../../types/common").SetState<string>;
|
|
32
33
|
setSessionId: import("../../types/common").SetState<string>;
|
package/dist/esm/common/utils.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const t=(t,
|
|
1
|
+
const t=(t,e="",o="")=>{let r="";for(let e=0;e<t;e++){r+="ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"[Math.floor(36*Math.random())]}return e+r+o},e=(t,e=!1)=>{let o="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890";e&&(o=o.replace(/[0-9]/g,""));let r="";for(let e=0;e<t;e++)r+=o.charAt(Math.floor(Math.random()*o.length));return r},o=t=>{const e=t.match(/(https?:\/\/[^\s]+)/g)||[];return Array.from(new Set(e))},r=(t,e=2)=>{if(!+t)return"0 Bytes";const o=e<0?0:e,r=Math.floor(Math.log(t)/Math.log(1024));return`${parseFloat((t/Math.pow(1024,r)).toFixed(o))} ${["Bytes","KB","MB","PB","EB"][r]}`},n=t=>{try{const e=document.cookie.split("; ");for(const o of e){const[e,r]=o.split("=");if(e===t)return r}return null}catch(t){return console.error("[pxe] failed to get cookie",t),null}},l=t=>{try{if("undefined"==typeof window)return null;let e=null;return e=new URLSearchParams(window.location.search).get("pxtoken"),e||(e=localStorage.getItem(`PXE-token-${t}`)),e||(e=n(`PXE-token-${t}`)),e?decodeURIComponent(e):null}catch(t){return null}},a=(t,e)=>{try{if("undefined"==typeof window)return;localStorage.setItem(t,e)}catch(t){console.error("[pxe] failed to set auth token",t)}},c=t=>{try{if("undefined"==typeof window)return;localStorage.removeItem(t)}catch(t){console.error("[pxe] failed to delete auth token",t)}};export{c as deleteAuthToken,o as extractUrlsFromText,r as formatBytes,t as generateId,l as getAuthToken,n as getCookie,e as randomStr,a as setAuthToken};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
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
|
|
1
|
+
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{useAuthContext as s}from"../Pickaxe/Addons/Auth/hooks/useAuthContext.js";import{QueryClient as n,QueryClientProvider as r}from"@tanstack/react-query";import{Pickaxe as a}from"../Pickaxe/index.js";import{PickaxeProvider as d}from"../Pickaxe/Provider.js";import{PickaxeArtifact as l}from"../Pickaxe/Addons/Artifact/index.js";import m from"../../common/cn.js";const h=new n({defaultOptions:{queries:{refetchOnWindowFocus:!1}}}),c=o=>{var{formId:s,className:n}=o,m=i(o,["formId","className"]);return e(r,Object.assign({client:h},{children:t(d,Object.assign({},m,{deploymentType:"chat-input",isEmbed:!0},{children:[e(u,{children:e(a,Object.assign({formId:s},n&&{className:n}))}),e(l,{})]}))}))},u=({children:i})=>{var t;const{styles:n,deploymentDimensions:r,isNewChat:a,isDropShadow:d}=o(),{isSent:l}=s();return e("div",Object.assign({className:m("relative top-0 flex w-full flex-col transition-all",d&&"shadow-embed",!a&&"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"}:{}),a&&!l?{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,u as ChatInputWrapper};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e}from"../../_virtual/_tslib.js";import{jsx as
|
|
1
|
+
import{__rest as e}from"../../_virtual/_tslib.js";import{jsx as i,jsxs as o}from"react/jsx-runtime";import{useState as t,useCallback as n,useEffect as s}from"react";import{usePickaxeContext as l}from"../../hooks/pickaxe/usePickaxeContext.js";import{useInstantPickaxe as d}from"../../hooks/pickaxe/usePickaxe.js";import{useStyleFontSize as a}from"../../hooks/studio/useStyleFontSize.js";import{QueryClient as r,QueryClientProvider as m}from"@tanstack/react-query";import{Pickaxe as c}from"../Pickaxe/index.js";import{PickaxeProvider as u}from"../Pickaxe/Provider.js";import{PickaxeArtifact as h}from"../Pickaxe/Addons/Artifact/index.js";import p from"../Icons/x.svg.js";import f from"../Core/Modal/index.js";import v from"../Core/Modal/Body.js";import x from"../../common/cn.js";const g=new r({defaultOptions:{queries:{refetchOnWindowFocus:!1}}}),y=l=>{var d,a,r,y,w,j,O,k,D,{formId:H,className:N}=l,P=e(l,["formId","className"]);const[R,I]=t(!1),[C,W]=t(!1),T=n((()=>{const e=P.deploymentDimensions;if(!e)return;let i=0;"px"===e.width.unit?i=e.width.value:"%"===e.width.unit&&(i=Math.floor(e.maxWidth*(e.width.value/100)));let o=0;"px"===e.height.unit?o=e.height.value:"auto"===e.height.unit&&(o=e.maxHeight);const t=window.innerWidth<i+50,n=window.innerHeight<o+100,s=t||n;!C&&s&&W(!0),C&&!s&&W(!1)}),[C,P.deploymentDimensions]);return s((()=>(T(),window.addEventListener("resize",T),()=>window.removeEventListener("resize",T))),[R,C,P.deploymentDimensions]),i(m,Object.assign({client:g},{children:o(u,Object.assign({},P,{deploymentType:"popup",isEmbed:!0},{children:[i(b,{formId:H,setIsOpen:e=>{I(e),e&&T()}}),i(f,Object.assign({isOpen:R,onChange:()=>I(!1)},{children:o(v,Object.assign({className:x("relative bg-transparent overflow-hidden",P.isDropShadow&&"shadow-embed",C&&"h-full w-full"),style:{borderRadius:C?0:(null!==(a=null===(d=P.styles)||void 0===d?void 0:d.cornerRadius)&&void 0!==a?a:0)+"px"}},{children:[i("div",Object.assign({className:"overflow-auto",style:Object.assign({borderRadius:C?0:(null!==(y=null===(r=P.styles)||void 0===r?void 0:r.cornerRadius)&&void 0!==y?y:0)+"px"},C?{width:"100%",height:"100%"}:Object.assign(Object.assign({},"px"===(null===(w=P.deploymentDimensions)||void 0===w?void 0:w.width.unit)?{width:P.deploymentDimensions.width.value+P.deploymentDimensions.width.unit}:"%"===(null===(j=P.deploymentDimensions)||void 0===j?void 0:j.width.unit)?{width:Math.floor(P.deploymentDimensions.maxWidth*(P.deploymentDimensions.width.value/100))}:{}),"px"===(null===(O=P.deploymentDimensions)||void 0===O?void 0:O.height.unit)?{height:P.deploymentDimensions.height.value+"px"}:"auto"===(null===(k=P.deploymentDimensions)||void 0===k?void 0:k.height.unit)?{height:P.deploymentDimensions.minHeight+"px",maxHeight:P.deploymentDimensions.maxHeight+"px"}:{}))},{children:i(c,Object.assign({formId:H},N&&{className:N}))})),i("button",Object.assign({className:"absolute z-10 outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>I(!1),style:{right:12,top:12,color:(null===(D=P.colors)||void 0===D?void 0:D.text)||"#000"}},{children:i(p,{className:"h-5 w-5 shrink-0"})}))]}))})),i(h,{})]}))}))},b=({formId:e,setIsOpen:o})=>{var t;const{colors:n,styles:s,deploymentDimensions:r,deploymentMisc:m}=l(),c=a(),u=d(e);return u.isLoading?null:i("button",Object.assign({style:Object.assign(Object.assign(Object.assign({},"Real Head Pro"!==s.font&&{fontFamily:s.font}),{color:n.accentText,backgroundColor:n.accent,borderRadius:s.cornerRadius+"px",borderWidth:s.outlineThickness+"px",maxWidth:"%"===(null==r?void 0:r.width.unit)?(null==r?void 0:r.maxWidth)+"px":(null==r?void 0:r.width.value)+"px",minHeight:48}),"Real Head Pro"!==s.font&&{fontFamily:s.font}),className:x(c.b2,"flex w-max min-w-[130px] select-none items-center font-semibold justify-center gap-x-3 px-4 hover:duration-300 focus:outline focus:outline-black/30 active:opacity-90 disabled:cursor-not-allowed dark:focus:outline-white/30"),onClick:()=>o(!0)},{children:i("p",Object.assign({className:x(c.b2,"font-semibold"),style:Object.assign({color:n.accentText},"Real Head Pro"!==s.font&&{fontFamily:s.font})},{children:(null==m?void 0:m.popupText)||(null===(t=u.data)||void 0===t?void 0:t.formtitle)||"Open Tool"}))}))};export{y as Popup,b as PopupCTAButton};
|
|
@@ -0,0 +1 @@
|
|
|
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 25 24"},n),e||(e=r.createElement("path",{fill:"currentColor",d:"M22.5 6c0-1.1-.9-2-2-2h-16c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2zm-2 0-8 5-8-5zm0 12h-16V8l8 5 8-5z"})));export{n as default};
|
|
@@ -0,0 +1 @@
|
|
|
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 25 24"},n),e||(e=r.createElement("path",{fill:"currentColor",d:"M18.5 8.5h-1v-2c0-2.76-2.24-5-5-5s-5 2.24-5 5v2h-1c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-10c0-1.1-.9-2-2-2m-9-2c0-1.66 1.34-3 3-3s3 1.34 3 3v2h-6zm9 14h-12v-10h12zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2"})));export{n as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsxs as o,jsx as t}from"react/jsx-runtime";import{useState as n,useRef as r,useMemo as i,useEffect as a}from"react";import{useArtifactContext as l}from"../hooks/useArtifactContext.js";import{usePickaxeContext as c}from"../../../../../hooks/pickaxe/usePickaxeContext.js";import{useScroll as s}from"../../Scroll/hooks/useScroll.js";import{useArtifact as d}from"../hooks/useArtifact.js";import p,{Margin as m}from"react-to-pdf";import{PickaxeMarkdown as u}from"../../../common/PickaxeMarkdown/index.js";import{PickaxeMarkdownRenderer as g}from"../../../common/PickaxeMarkdown/Renderer.js";import{Prism as y}from"react-syntax-highlighter";import f from"../../Scroll/ScrollLockView.js";import v from"../../../../Icons/x.svg.js";import x from"../../../../Icons/save.svg.js";import h from"../../../../Icons/expand.svg.js";import b from"../../../../Icons/shrink.svg.js";import C from"../../../common/PickaxeCopyButton.js";import w from"../../../../Core/ScrollArea.js";import k from"../../../../Core/TipContainer.js";import j from"../MermaidRenderer.js";import F from"./SaveMenu.js";import T from"./ViewOptions.js";import O from"csv-to-markdown-table";import A from"../../../../../common/cn.js";const S="development"===process.env.NODE_ENV?"http://localhost:3007":"https://user-content.pickaxe.co",D=D=>{var E,N,B,M;const{artifacts:L,currentPopupType:z,currentArtifact:R,setCurrentArtifact:$}=l(),{onLoadArtifact:W}=d(),{styles:H,colors:P,translations:I}=c(),[_,U]=n("code"),V=r(),q=r(null),X=r(null),{scrollContainerRef:G,scrollStartSession:J,scrollToBottom:K,scrollEndSession:Q}=s({auto:"code"===_}),Y=null!==(N=null===(E=D.styling)||void 0===E?void 0:E.styles)&&void 0!==N?N:H,Z=null!==(M=null===(B=D.styling)||void 0===B?void 0:B.colors)&&void 0!==M?M:P,ee=i((()=>{var e,o,t,n,r;if(!D.artifact&&!R)return null;const i=null!==(o=null===(e=D.artifact)||void 0===e?void 0:e.id)&&void 0!==o?o:null==R?void 0:R.id,a=null!==(n=null===(t=D.artifact)||void 0===t?void 0:t.version)&&void 0!==n?n:null==R?void 0:R.version;return null!==(r=L.find((e=>e.id===i&&e.version===a)))&&void 0!==r?r:null}),[R,L,D.artifact]),oe=i((()=>ee&&"text/csv"===ee.type?O(ee.content,",",!0):null),[ee]),te=i((()=>(Z.secondaryText||"").toLowerCase().startsWith("#ffffff")),[null==Z?void 0:Z.secondaryText]),ne=i((()=>{const e=D.artifact&&(null==R?void 0:R.id)===D.artifact.id&&(null==R?void 0:R.version)===D.artifact.version;return"inline"===D.type&&("inline-form"===z?!!R:e)}),[R,z,D.type,D.artifact]);a((()=>{e(void 0,void 0,void 0,(function*(){"inline"===D.type&&D.artifact&&(L.some((e=>D.artifact&&e.id===D.artifact.id&&e.version===D.artifact.version))||W({id:D.artifact.id,version:D.artifact.version}))}))}),[L,D.type,D.artifact]),a((()=>{if("application/vnd.pxe.code"===(null==ee?void 0:ee.type)&&U("code"),"finished"!==(null==ee?void 0:ee.status))return U("code"),J(),void K();Q(),"application/vnd.pxe.code"!==ee.type&&U("render")}),[null==ee?void 0:ee.status,null==ee?void 0:ee.type]),a((()=>{var e;!X.current||"text/html"!==(null==ee?void 0:ee.type)&&"application/vnd.pxe.react"!==(null==ee?void 0:ee.type)||null===(e=X.current.contentWindow)||void 0===e||e.postMessage({type:"text/html"===ee.type?"HTML_CODE":"REACT_CODE",content:ee.content},S)}),[null==ee?void 0:ee.content,null==ee?void 0:ee.type]);const re=()=>e(void 0,void 0,void 0,(function*(){if(!ee)return;const e=_;"code"===e&&(U("render"),yield new Promise((e=>setTimeout(e,50)))),yield p(V,{filename:`${ee.title}.pdf`,page:{margin:m.MEDIUM,orientation:"portrait"}}),"code"===e&&U(e)})),ie=o=>e(void 0,void 0,void 0,(function*(){var e;if(!ee)return;let t={mimeType:"text/plain",extension:".txt"};switch(o){case"text/markdown":t={mimeType:"text/markdown",extension:".md"};break;case"text/html":t={mimeType:"text/html",extension:".html"};break;case"text/csv":t={mimeType:"text/csv",extension:".csv"};break;case"image/svg+xml":case"application/vnd.pxe.mermaid":t={mimeType:"image/svg+xml",extension:".svg"};break;case"application/vnd.pxe.code":t={mimeType:`application/${ee.programmingLanguage||"text"};charset=utf-8`,extension:`.${ee.programmingLanguage||"txt"}`};break;case"application/vnd.pxe.react":t={mimeType:"text/typescript",extension:".tsx"};break;default:t={mimeType:"text/plain",extension:".txt"}}let n=null;if("application/vnd.pxe.mermaid"===ee.type){const o=_;"code"===o&&(U("render"),yield new Promise((e=>setTimeout(e,50))));const t=null===(e=q.current)||void 0===e?void 0:e.querySelector("svg");t&&(n=(new XMLSerializer).serializeToString(t)),"code"===o&&U(o)}const r=new Blob([null!=n?n:ee.content],{type:t.mimeType}),i=URL.createObjectURL(r);try{const e=document.createElement("a");e.href=i,e.download=`${ee.title}${t.extension}`,e.style.display="none",document.body.appendChild(e),e.click(),document.body.removeChild(e)}finally{URL.revokeObjectURL(i)}}));return ee?o("div",Object.assign({className:A("pxe-artifact-renderer flex flex-col","inline"===D.type&&!ne&&"min-h-[320px] mb-6",D.className),style:Object.assign(Object.assign({backgroundColor:Z.secondary,color:Z.secondaryText},"auto"!==z&&{borderRadius:Y.cornerRadius}),D.style)},{children:[o("div",Object.assign({className:"flex items-center gap-6 justify-between p-4 shadow-sm"},{children:[o("div",Object.assign({className:"pxe-artifact-create-header flex items-center gap-4 truncate"},{children:[(ne||!z.startsWith("inline"))&&t(T,{type:ee.type,view:_,colors:Z,onChange:U}),t("p",Object.assign({className:"font-semilight truncate text-xl"},{children:ee.title}))]})),o("div",Object.assign({className:"flex items-center gap-3"},{children:[(ne||!z.startsWith("inline"))&&t(F,Object.assign({variant:"anchor",className:"px-3 py-1.5 shrink-0",data:ee,colors:Z,onDownload:ie,onSaveAsPDF:re},{children:t("span",Object.assign({className:"shrink-0 font-semibold text-sm select-none"},{children:(null==I?void 0:I["save-as"])||"Save as"}))})),t("button",Object.assign({style:{color:Z.secondaryText},onClick:()=>{"inline"!==D.type||!D.artifact||ne?$(null):$({id:D.artifact.id,version:D.artifact.version})}},{children:"inline"===D.type?t(ne?b:h,{className:"w-6 h-6 shrink-0"}):t(v,{className:"w-6 h-6 shrink-0"})}))]}))]})),t("div",Object.assign({className:"flex flex-col flex-grow @container/pickaxe-artifact"},{children:o(w,Object.assign({ref:G,innerClassName:"flex-grow w-full"},{children:["render"===_&&"application/vnd.pxe.code"!==ee.type?t("div",Object.assign({ref:V,className:A("p-4 pb-6 flex-grow flex flex-col","application/vnd.pxe.react"===ee.type&&"p-0","text/html"===ee.type&&"p-0","text/csv"===ee.type&&"p-0")},{children:"text/markdown"===ee.type||"text/csv"===ee.type||"image/svg+xml"===ee.type?t(u,Object.assign({theme:Y.theme,colors:Z},{children:t(g,{value:null!=oe?oe:ee.content,className:A("px-6 @[767px]/pickaxe-artifact:px-11 mx-auto w-full","text/csv"===ee.type&&"px-4 @[767px]/pickaxe-artifact:px-4 mx-0"),style:{flex:1}})})):"application/vnd.pxe.mermaid"===ee.type?t(j,{ref:q,id:`mermaid-${ee.id}-${ee.version}`,data:ee.content}):"text/html"===ee.type||"application/vnd.pxe.react"===ee.type?t("iframe",Object.assign({ref:X,title:ee.title,src:`${S}/${"text/html"===ee.type?"html":"react"}?theme=${te?"dark":"light"}`,style:{width:"100%",flex:1,border:"none",backgroundColor:null==Z?void 0:Z.secondary},loading:"lazy",allow:"fullscreen; camera; microphone; gyroscope; accelerometer; geolocation; clipboard-write; autoplay",sandbox:"allow-scripts allow-same-origin allow-forms allow-downloads allow-popups-to-escape-sandbox allow-pointer-lock allow-popups allow-modals allow-orientation-lock allow-presentation",onLoad:e=>{const o=e.target;setTimeout((()=>{var e;try{null===(e=o.contentWindow)||void 0===e||e.postMessage({type:"text/html"===ee.type?"HTML_CODE":"REACT_CODE",content:ee.content},S)}catch(e){console.error("Error sending message to iframe:",e)}}),100),K()}},{children:"Iframe is not supported, please view this artifact in a browser that supports it."})):null})):t(y,Object.assign({PreTag:"div",language:"text/markdown"===ee.type?"markdown":"text/html"===ee.type||"image/svg+xml"===ee.type?"xml":"application/vnd.pxe.react"===ee.type?"typescript":ee.programmingLanguage,showLineNumbers:!0,customStyle:{margin:0,flex:1},style:Object.assign({'code[class*="language-"]':Object.assign(Object.assign({color:null==Z?void 0:Z.secondaryText},te&&{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==Z?void 0:Z.secondaryText},te&&{textShadow:"0 1px rgba(0, 0, 0, 0.3)"}),{fontFamily:"Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace",direction:"ltr",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",lineHeight:"1.5",MozTabSize:"4",OTabSize:"4",tabSize:"4",WebkitHyphens:"none",MozHyphens:"none",msHyphens:"none",hyphens:"none",borderRadius:"0.3em",minWidth:0,paddingLeft:"1em",paddingRight:"1em",paddingBottom:"2em",background:null==Z?void 0:Z.secondary}),':not(pre) > code[class*="language-"]':{background:null==Z?void 0:Z.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==Z?void 0:Z.secondaryText,fontWeight:"bold"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"}},!te&&{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==Z?void 0:Z.secondaryText,fontWeight:"bold"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"}})},{children:ee.content})),t(f,{})]}))})),"inline"===D.type&&!ne&&o("div",Object.assign({className:"flex items-center gap-4 p-4 pt-6"},{children:[t(k,Object.assign({id:`artifact-copy-${ee.id}-${ee.version}`,tip:(null==I?void 0:I.copy)||"Copy",style:{padding:"0.25rem 0.5rem",backgroundColor:Z.secondary,color:Z.secondaryText,fontSize:"12px"},align:"bottom"},{children:t(C,{color:Z.secondaryText,text:ee.content,className:"opacity-100",iconClassName:"w-5 h-5"})})),t(k,Object.assign({id:`artifact-save-${ee.id}-${ee.version}`,tip:(null==I?void 0:I.save)||"Save",style:{padding:"0.25rem 0.5rem",backgroundColor:Z.secondary,color:Z.secondaryText,fontSize:"12px"},align:"bottom"},{children:t(F,Object.assign({data:ee,colors:Z,onDownload:ie,onSaveAsPDF:re},{children:t("button",Object.assign({style:{color:Z.secondaryText}},{children:t(x,{className:"w-5 h-5 shrink-0"})}))}))}))]}))]})):null};export{D as default};
|
|
1
|
+
import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsxs as o,jsx as t}from"react/jsx-runtime";import{useState as n,useRef as r,useMemo as i,useEffect as a}from"react";import{useArtifactContext as l}from"../hooks/useArtifactContext.js";import{usePickaxeContext as c}from"../../../../../hooks/pickaxe/usePickaxeContext.js";import{useScroll as s}from"../../Scroll/hooks/useScroll.js";import{useArtifact as d}from"../hooks/useArtifact.js";import{useReactToPrint as p}from"react-to-print";import{PickaxeMarkdown as m}from"../../../common/PickaxeMarkdown/index.js";import{PickaxeMarkdownRenderer as u}from"../../../common/PickaxeMarkdown/Renderer.js";import{Prism as g}from"react-syntax-highlighter";import v from"../../Scroll/ScrollLockView.js";import y from"../../../../Icons/x.svg.js";import f from"../../../../Icons/save.svg.js";import x from"../../../../Icons/expand.svg.js";import h from"../../../../Icons/shrink.svg.js";import b from"../../../common/PickaxeCopyButton.js";import C from"../../../../Core/ScrollArea.js";import w from"../../../../Core/TipContainer.js";import k from"../MermaidRenderer.js";import j from"./SaveMenu.js";import F from"./ViewOptions.js";import T from"csv-to-markdown-table";import O from"../../../../../common/cn.js";const A="development"===process.env.NODE_ENV?"http://localhost:3007":"https://user-content.pickaxe.co",S=S=>{var D,E,N,B;const{artifacts:L,currentPopupType:z,currentArtifact:M,setCurrentArtifact:R}=l(),{onLoadArtifact:$}=d(),{styles:W,colors:H,translations:P}=c(),[I,_]=n("code"),U=r(),V=r(null),q=r(null),X=p({contentRef:U}),{scrollContainerRef:G,scrollStartSession:J,scrollToBottom:K,scrollEndSession:Q}=s({auto:"code"===I}),Y=null!==(E=null===(D=S.styling)||void 0===D?void 0:D.styles)&&void 0!==E?E:W,Z=null!==(B=null===(N=S.styling)||void 0===N?void 0:N.colors)&&void 0!==B?B:H,ee=i((()=>{var e,o,t,n,r;if(!S.artifact&&!M)return null;const i=null!==(o=null===(e=S.artifact)||void 0===e?void 0:e.id)&&void 0!==o?o:null==M?void 0:M.id,a=null!==(n=null===(t=S.artifact)||void 0===t?void 0:t.version)&&void 0!==n?n:null==M?void 0:M.version;return null!==(r=L.find((e=>e.id===i&&e.version===a)))&&void 0!==r?r:null}),[M,L,S.artifact]),oe=i((()=>ee&&"text/csv"===ee.type?T(ee.content,",",!0):null),[ee]),te=i((()=>(Z.secondaryText||"").toLowerCase().startsWith("#ffffff")),[null==Z?void 0:Z.secondaryText]),ne=i((()=>{const e=S.artifact&&(null==M?void 0:M.id)===S.artifact.id&&(null==M?void 0:M.version)===S.artifact.version;return"inline"===S.type&&("inline-form"===z?!!M:e)}),[M,z,S.type,S.artifact]);a((()=>{e(void 0,void 0,void 0,(function*(){"inline"===S.type&&S.artifact&&(L.some((e=>S.artifact&&e.id===S.artifact.id&&e.version===S.artifact.version))||$({id:S.artifact.id,version:S.artifact.version}))}))}),[L,S.type,S.artifact]),a((()=>{if("application/vnd.pxe.code"===(null==ee?void 0:ee.type)&&_("code"),"finished"!==(null==ee?void 0:ee.status))return _("code"),J(),void K();Q(),"application/vnd.pxe.code"!==ee.type&&_("render")}),[null==ee?void 0:ee.status,null==ee?void 0:ee.type]),a((()=>{var e;!q.current||"text/html"!==(null==ee?void 0:ee.type)&&"application/vnd.pxe.react"!==(null==ee?void 0:ee.type)||null===(e=q.current.contentWindow)||void 0===e||e.postMessage({type:"text/html"===ee.type?"HTML_CODE":"REACT_CODE",content:ee.content},A)}),[null==ee?void 0:ee.content,null==ee?void 0:ee.type]);const re=()=>e(void 0,void 0,void 0,(function*(){if(!ee)return;const e=I;"code"===e&&(_("render"),yield new Promise((e=>setTimeout(e,50)))),X(),"code"===e&&_(e)})),ie=o=>e(void 0,void 0,void 0,(function*(){var e;if(!ee)return;let t={mimeType:"text/plain",extension:".txt"};switch(o){case"text/markdown":t={mimeType:"text/markdown",extension:".md"};break;case"text/html":t={mimeType:"text/html",extension:".html"};break;case"text/csv":t={mimeType:"text/csv",extension:".csv"};break;case"image/svg+xml":case"application/vnd.pxe.mermaid":t={mimeType:"image/svg+xml",extension:".svg"};break;case"application/vnd.pxe.code":t={mimeType:`application/${ee.programmingLanguage||"text"};charset=utf-8`,extension:`.${ee.programmingLanguage||"txt"}`};break;case"application/vnd.pxe.react":t={mimeType:"text/typescript",extension:".tsx"};break;default:t={mimeType:"text/plain",extension:".txt"}}let n=null;if("application/vnd.pxe.mermaid"===ee.type){const o=I;"code"===o&&(_("render"),yield new Promise((e=>setTimeout(e,50))));const t=null===(e=V.current)||void 0===e?void 0:e.querySelector("svg");t&&(n=(new XMLSerializer).serializeToString(t)),"code"===o&&_(o)}const r=new Blob([null!=n?n:ee.content],{type:t.mimeType}),i=URL.createObjectURL(r);try{const e=document.createElement("a");e.href=i,e.download=`${ee.title}${t.extension}`,e.style.display="none",document.body.appendChild(e),e.click(),document.body.removeChild(e)}finally{URL.revokeObjectURL(i)}}));return ee?o("div",Object.assign({className:O("pxe-artifact-renderer flex flex-col","inline"===S.type&&!ne&&"min-h-[320px] mb-6",S.className),style:Object.assign(Object.assign({backgroundColor:Z.secondary,color:Z.secondaryText},"auto"!==z&&{borderRadius:Y.cornerRadius}),S.style)},{children:[o("div",Object.assign({className:"flex items-center gap-6 justify-between p-4 shadow-sm"},{children:[o("div",Object.assign({className:"pxe-artifact-create-header flex items-center gap-4 truncate"},{children:[(ne||!z.startsWith("inline"))&&t(F,{type:ee.type,view:I,colors:Z,onChange:_}),t("p",Object.assign({className:"font-semilight truncate text-xl"},{children:ee.title}))]})),o("div",Object.assign({className:"flex items-center gap-3"},{children:[(ne||!z.startsWith("inline"))&&t(j,Object.assign({variant:"anchor",className:"px-3 py-1.5 shrink-0",data:ee,colors:Z,onDownload:ie,onSaveAsPDF:re},{children:t("span",Object.assign({className:"shrink-0 font-semibold text-sm select-none"},{children:(null==P?void 0:P["save-as"])||"Save as"}))})),t("button",Object.assign({style:{color:Z.secondaryText},onClick:()=>{"inline"!==S.type||!S.artifact||ne?R(null):R({id:S.artifact.id,version:S.artifact.version})}},{children:"inline"===S.type?t(ne?h:x,{className:"w-6 h-6 shrink-0"}):t(y,{className:"w-6 h-6 shrink-0"})}))]}))]})),t("div",Object.assign({className:"flex flex-col flex-grow @container/pickaxe-artifact"},{children:o(C,Object.assign({ref:G,innerClassName:"flex-grow w-full"},{children:["render"===I&&"application/vnd.pxe.code"!==ee.type?t("div",Object.assign({ref:U,className:O("p-4 pb-6 flex-grow flex flex-col","application/vnd.pxe.react"===ee.type&&"p-0","text/html"===ee.type&&"p-0","text/csv"===ee.type&&"p-0")},{children:"text/markdown"===ee.type||"text/csv"===ee.type||"image/svg+xml"===ee.type?t(m,Object.assign({theme:Y.theme,colors:Z},{children:t(u,{value:null!=oe?oe:ee.content,className:O("px-6 @[767px]/pickaxe-artifact:px-11 mx-auto w-full","text/csv"===ee.type&&"px-4 @[767px]/pickaxe-artifact:px-4 mx-0"),style:{flex:1}})})):"application/vnd.pxe.mermaid"===ee.type?t(k,{ref:V,id:`mermaid-${ee.id}-${ee.version}`,data:ee.content}):"text/html"===ee.type||"application/vnd.pxe.react"===ee.type?t("iframe",Object.assign({ref:q,title:ee.title,src:`${A}/${"text/html"===ee.type?"html":"react"}?theme=${te?"dark":"light"}`,style:{width:"100%",flex:1,border:"none",backgroundColor:null==Z?void 0:Z.secondary},loading:"lazy",allow:"fullscreen; camera; microphone; gyroscope; accelerometer; geolocation; clipboard-write; autoplay",sandbox:"allow-scripts allow-same-origin allow-forms allow-downloads allow-popups-to-escape-sandbox allow-pointer-lock allow-popups allow-modals allow-orientation-lock allow-presentation",onLoad:e=>{const o=e.target;setTimeout((()=>{var e;try{null===(e=o.contentWindow)||void 0===e||e.postMessage({type:"text/html"===ee.type?"HTML_CODE":"REACT_CODE",content:ee.content},A)}catch(e){console.error("Error sending message to iframe:",e)}}),100),K()}},{children:"Iframe is not supported, please view this artifact in a browser that supports it."})):null})):t(g,Object.assign({PreTag:"div",language:"text/markdown"===ee.type?"markdown":"text/html"===ee.type||"image/svg+xml"===ee.type?"xml":"application/vnd.pxe.react"===ee.type?"typescript":ee.programmingLanguage,showLineNumbers:!0,customStyle:{margin:0,flex:1},style:Object.assign({'code[class*="language-"]':Object.assign(Object.assign({color:null==Z?void 0:Z.secondaryText},te&&{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==Z?void 0:Z.secondaryText},te&&{textShadow:"0 1px rgba(0, 0, 0, 0.3)"}),{fontFamily:"Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace",direction:"ltr",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",lineHeight:"1.5",MozTabSize:"4",OTabSize:"4",tabSize:"4",WebkitHyphens:"none",MozHyphens:"none",msHyphens:"none",hyphens:"none",borderRadius:"0.3em",minWidth:0,paddingLeft:"1em",paddingRight:"1em",paddingBottom:"2em",background:null==Z?void 0:Z.secondary}),':not(pre) > code[class*="language-"]':{background:null==Z?void 0:Z.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==Z?void 0:Z.secondaryText,fontWeight:"bold"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"}},!te&&{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==Z?void 0:Z.secondaryText,fontWeight:"bold"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"}})},{children:ee.content})),t(v,{})]}))})),"inline"===S.type&&!ne&&o("div",Object.assign({className:"flex items-center gap-4 p-4 pt-6"},{children:[t(w,Object.assign({id:`artifact-copy-${ee.id}-${ee.version}`,tip:(null==P?void 0:P.copy)||"Copy",style:{padding:"0.25rem 0.5rem",backgroundColor:Z.secondary,color:Z.secondaryText,fontSize:"12px"},align:"bottom"},{children:t(b,{color:Z.secondaryText,text:ee.content,className:"opacity-100",iconClassName:"w-5 h-5"})})),t(w,Object.assign({id:`artifact-save-${ee.id}-${ee.version}`,tip:(null==P?void 0:P.save)||"Save",style:{padding:"0.25rem 0.5rem",backgroundColor:Z.secondary,color:Z.secondaryText,fontSize:"12px"},align:"bottom"},{children:t(j,Object.assign({data:ee,colors:Z,onDownload:ie,onSaveAsPDF:re},{children:t("button",Object.assign({style:{color:Z.secondaryText}},{children:t(f,{className:"w-5 h-5 shrink-0"})}))}))}))]}))]})):null};export{S as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter as t}from"../../../../../_virtual/_tslib.js";import{usePickaxeContext as e}from"../../../../../hooks/pickaxe/usePickaxeContext.js";import{
|
|
1
|
+
import{__awaiter as t}from"../../../../../_virtual/_tslib.js";import{usePickaxeContext as e}from"../../../../../hooks/pickaxe/usePickaxeContext.js";import{useAuthContext as i}from"../../Auth/hooks/useAuthContext.js";import{useArtifactContext as s}from"./useArtifactContext.js";import{useArtifactData as o}from"./useArtifactData.js";const r=()=>{const{studioUserId:r,embedUserId:n}=e(),{token:a}=i(),{artifacts:c,currentPopupType:d,setArtifacts:f,setCurrentArtifact:u}=s(),v=o();return{onLoadArtifact:(e,i)=>t(void 0,void 0,void 0,(function*(){if(e){if(!c.some((t=>t.id===e.id&&t.version===e.version))){const t=yield v.mutateAsync(Object.assign(Object.assign({artifactId:e.id,version:e.version},a?{embedSessionToken:a}:Object.assign(Object.assign({},n&&{createdBy:n}),r&&{createdBy:r})),void 0!==i&&{createdBy:i}));t&&f((e=>[...e,Object.assign(Object.assign({},t),{status:"finished"})]))}return d.startsWith("inline")||u({id:e.id,version:e.version}),void("development"===process.env.NODE_ENV&&console.log("[onLoadArtifact]","Loaded artifact:",{id:e.id,version:e.version}))}u(null)}))}};export{r as useArtifact};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter as t}from"../../../../../_virtual/_tslib.js";import{useMutation as
|
|
1
|
+
import{__awaiter as t}from"../../../../../_virtual/_tslib.js";import{useMutation as e}from"@tanstack/react-query";import r from"../../../../../common/api/index.js";const i=()=>e({mutationFn:e=>(({artifactId:e,version:i,createdBy:o,studioSessionToken:a,embedSessionToken:n})=>t(void 0,void 0,void 0,(function*(){if(!e||!i)return Promise.reject(new Error("[_getArtifactData] artifactId and version are required"));let t=`${process.env.NEXT_PUBLIC_API_URL}/pickaxe/artifact?artifactId=${e}`;i&&(t+=`&version=${i}`),o&&(t+=`&createdBy=${o}`),a?t+=`&studioSessionToken=${a}`:n&&(t+=`&embedSessionToken=${n}`);const s=yield r.get(t),c=s.data;if(200!==s.status)throw new Error("[_getArtifactData] Failed to fetch artifact "+c);return c.data})))(e)});export{i as useArtifactData};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{useState as s,createContext as n}from"react";const t=n({}),i=({children:n})=>{const[i,o]=s(""),[r,g]=s(null),[d,a]=s(!1),[l,I]=s(!1),[u,c]=s(!1),[m,p]=s(!1);return e(t.Provider,Object.assign({value:{emailInput:i,token:r,isLoggedIn:!!r,isLoggedOut:!r,isLoggingIn:d,isSending:l,isResendDisabled:u,isSent:m,setEmailInput:o,setToken:g,setIsLoggingIn:a,setIsSending:I,setIsResendDisabled:c,setIsSent:p}},{children:n}))};export{t as AuthContext,i as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__awaiter as o}from"../../../../../_virtual/_tslib.js";import{useEffect as e}from"react";import{usePickaxeContext as i}from"../../../../../hooks/pickaxe/usePickaxeContext.js";import{useAuthContext as t}from"./useAuthContext.js";import{useAuthVerify as r}from"./useAuthVerify.js";import{getAuthToken as s,deleteAuthToken as n,setAuthToken as d}from"../../../../../common/utils.js";import a from"../../../../../common/api/index.js";import m from"../../../../../common/error.js";const u=()=>{const{deploymentId:u,pickaxe:l,isEmailLogin:c}=i(),{emailInput:f,isSending:p,setToken:I,setIsLoggingIn:g,setIsSending:k,setIsSent:w,setIsResendDisabled:h}=t(),y=r({token:s((null==l?void 0:l.studioid)||"")||"",enabled:c,setIsLoggingIn:g});e((()=>{if("undefined"==typeof window)return;if(!y.data)return;const{success:o,token:e,error:i}=y.data;o&&!i?I(e):n(`PXE-token-${null==l?void 0:l.studioid}`)}),[y.data,null==l?void 0:l.studioid]);return{onSend:e=>o(void 0,void 0,void 0,(function*(){try{if(!l)return;if(p)return;const o=f.trim().toLowerCase();if(!o)throw new Error("Email address cannot be empty.");if(!o.includes("@")||!o.includes("."))throw new Error("Please enter a valid email address.");if(!l.studioid)throw new Error(`Studio ID is missing for ${l.formid}. Please contact support.`);k(!0),e&&h(!0);const i=(yield a.post("/pickaxe/auth/email",Object.assign({formId:l.formid,studioId:l.studioid,email:o},u&&{deploymentId:u}))).data;if(!i.success)throw new Error(i.error||"Failed to send sign-in link.");k(!1),w(!0),e&&(yield new Promise((o=>setTimeout(o,3e4))),h(!1)),d(`PXE-token-${l.studioid}`,i.token)}catch(o){const e=m(o);alert(e)}finally{k(!1)}}))}};export{u as useAuth};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useContext as r}from"react";import{AuthContext as o}from"../Provider.js";const t=()=>r(o);export{t as useAuthContext};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__awaiter as t}from"../../../../../_virtual/_tslib.js";import{useEffect as e}from"react";import{useQuery as o}from"@tanstack/react-query";import r from"../../../../../common/api/index.js";const i=({token:i,enabled:n,setIsLoggingIn:a})=>{const s=o({queryKey:["authData",i],queryFn:()=>t(void 0,void 0,void 0,(function*(){return(({token:e})=>t(void 0,void 0,void 0,(function*(){const t=yield r.get(`/pickaxe/auth?token=${encodeURIComponent(e)}`),o=t.data;if(200!==t.status)throw new Error("[_verifyAuth] Failed to verify auth data "+o);return o})))({token:i})})),enabled:!!i&&n,staleTime:18e4,refetchInterval:2e3});return e((()=>{s.isLoading&&i?a(!0):(s.isSuccess||s.isError)&&a(!1)}),[s.data,i]),s};export{i as useAuthVerify};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__rest as e}from"../../../../_virtual/_tslib.js";import{jsx as i,jsxs as o,Fragment as n}from"react/jsx-runtime";import{useMemo as l}from"react";import{useHover as s}from"../../../../hooks/core/useHover.js";import{useStyleFontSize as t}from"../../../../hooks/studio/useStyleFontSize.js";import{useStyleInput as r}from"../../../../hooks/studio/useStyleInput.js";import{usePickaxeContext as a}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useAuthContext as c}from"./hooks/useAuthContext.js";import{useAuth as m}from"./hooks/useAuth.js";import d from"../../../Icons/spinner-circle.svg.js";import u from"../../../Icons/lock.svg.js";import p from"../../../Icons/email.svg.js";import f from"../../../Icons/arrow-right.svg.js";import x from"../../common/PickaxeIcon.js";import h from"../../common/PickaxeInput.js";import g from"../../common/PickaxeButton.js";import v from"../../common/PickaxeBranding.js";import j from"../../../../common/cn.js";const k=()=>{var k,y,b,w,N,O,C,I,P,S,R;const{deploymentType:T,pickaxe:H,styles:B,colors:L,misc:W,responsiveBy:$,translations:A,isRtl:D}=a(),{emailInput:E,isLoggingIn:F,isSending:_,isResendDisabled:z,isSent:q,setEmailInput:G}=c(),{onSend:J}=m(),K=t(),M=r(),Q=s(),{isHover:U}=Q,V=e(Q,["isHover"]),X=l((()=>E.trim()&&!_&&!q),[E,_,q]);return"chat-input"===T?i("div",Object.assign({className:j("flex items-center gap-x-2 px-4 py-3 overflow-hidden","block"===B.formFieldStyle&&"shadow",q&&"justify-center"),style:M,dir:D?"rtl":"ltr"},{children:q?o("p",Object.assign({className:"font-semilight text-center py-1"},{children:[`${null!==(y=null==A?void 0:A["we-sent-your-an-activation-link"])&&void 0!==y?y:"We sent you an activation link. Please be sure to check your spam folder too."} `,i("span",Object.assign({className:"underline underline-offset-2 cursor-pointer",onClick:()=>{z||_||J(!0)}},{children:_?null!==(b=null==A?void 0:A.resending)&&void 0!==b?b:"Resending...":null!==(w=null==A?void 0:A.resend)&&void 0!==w?w:"Resend"}))]})):o(n,{children:[i(u,{className:"w-6 h-6 shrink-0",style:{color:L.accent}}),i("input",{id:"email",name:"email",type:"email",className:"outline-none ring-0 flex-grow",placeholder:null!==(k=null==A?void 0:A["enter-email-to-continue"])&&void 0!==k?k:"Enter here your email to continue",value:E,onChange:e=>G(e.target.value)}),i("button",Object.assign({className:j("outline-none rounded-full w-8 h-8 disabled:cursor-default items-center justify-center flex duration-200 transition-colors ease-in-out",_&&"disabled:cursor-wait"),style:{backgroundColor:U||X?L.accent:L.accent+"10",color:U||X?L.accentText:L.accent+"80"},disabled:!E.trim()||_,onClick:()=>J(!1)},V,{children:i(f,{className:j("h-6 w-6 shrink-0",D&&"transform scale-x-[-1]")})}))]})})):o("div",Object.assign({className:"flex flex-col items-center flex-grow relative justify-center p-4",style:{backgroundColor:L.secondary,color:L.secondaryText,borderRadius:B.cornerRadius},dir:D?"rtl":"ltr"},{children:[!W.isWhiteLabel&&i(v,{className:j("absolute top-4 right-4","popup"===T&&"right-12"),animateHover:!0}),F||!H?i(d,{className:"h-6 w-6 animate-spin animate-spin",style:{fill:L.accent,color:L.primary}}):o("div",Object.assign({className:"w-full flex flex-col items-center text-center max-w-[328px]"},{children:[W.isProfileImage&&i(x,{src:null==H?void 0:H.coverphoto,alt:`${null==H?void 0:H.formtitle}'s Profile Picture`,width:72,height:72,className:"h-[72px] w-[72px] rounded-full"}),i("h3",Object.assign({className:j(K.h3,"my-6")},{children:H.formtitle||"Tool"})),o("div",q?Object.assign({className:"flex flex-col items-center gap-6 w-full"},{children:[o("div",Object.assign({className:"flex items-center gap-2"},{children:[i(p,{className:"w-6 h-6 shrink-0"}),i("p",Object.assign({className:"font-semilight text-[20px]"},{children:null!==(I=null==A?void 0:A["check-your-inbox"])&&void 0!==I?I:"Check your inbox"}))]})),o("p",Object.assign({className:"font-semilight"},{children:[`${null!==(P=null==A?void 0:A["we-sent-your-an-activation-link"])&&void 0!==P?P:"We sent you an activation link. Please be sure to check your spam folder too."} `,i("span",Object.assign({className:"underline underline-offset-2 cursor-pointer",onClick:()=>{z||_||J(!0)}},{children:_?null!==(S=null==A?void 0:A.resending)&&void 0!==S?S:"Resending...":null!==(R=null==A?void 0:A.resend)&&void 0!==R?R:"Resend"}))]}))]}):Object.assign({className:"flex flex-col items-center gap-6 w-full"},{children:[o("div",Object.assign({className:"flex items-center gap-2 flex-grow"},{children:[i(u,{className:"w-6 h-6 shrink-0"}),i("p",Object.assign({className:"font-semilight"},{children:null!==(N=null==A?void 0:A["please-enter-email-to-continue"])&&void 0!==N?N:"Please enter your email to continue:"}))]})),o("div",Object.assign({className:j("flex flex-col items-center gap-x-3 gap-y-6 w-full","viewport"===$?"min-[899px]:flex-row":"@[420px]/pickaxe-root:flex-row")},{children:[i(h,{id:"email",name:"email",type:"email",className:j("w-full py-3","viewport"===$?"min-[899px]:flex-grow min-[899px]:py-2":"@[420px]/pickaxe-root:flex-grow @[420px]/pickaxe-root:py-2"),placeholder:"jane.doe@email.com",value:E,onChange:e=>G(e.target.value)}),i(g,Object.assign({className:j("px-8 min-h-[40px]","viewport"===$?"min-[899px]:px-4":"@[420px]/pickaxe-root:px-4"),loadingText:null!==(O=null==A?void 0:A.sending)&&void 0!==O?O:"Sending...",isLoading:_,isDisabled:!E.trim(),onClick:()=>J(!1)},{children:null!==(C=null==A?void 0:A.submit)&&void 0!==C?C:"Submit"}))]}))]}))]}))]}))};export{k as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as s,jsxs as t}from"react/jsx-runtime";import{usePickaxeContext as e}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleFontSize as o}from"../../../../hooks/studio/useStyleFontSize.js";import r from"../../common/PickaxeIcon.js";import i from"../../../../common/cn.js";const l=({chatRole:l,children:a})=>{var c;const{formId:n,pickaxe:d,styles:m,colors:f,isRtl:x}=e(),u=o(),h=null!==(c=null==d?void 0:d.chaticon)&&void 0!==c?c:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/chaticons/${n}.png`;return s("div","assistant"===l?Object.assign({className:i(u.b2,"flex w-full",x?"justify-end":"justify-start"),dir:x?"rtl":"ltr"},{children:s("div",Object.assign({className:"flex flex-col"},{children:t("div",Object.assign({className:i("flex gap-x-3",x&&"flex-row-reverse")},{children:["NONE"!==h&&s(r,{src:h,alt:`${null==d?void 0:d.formtitle}'s Chat Icon`,width:24,height:24,className:"my-3 h-6 w-6",textColor:f.text}),a]}))}))}):Object.assign({className:i(u.b2,"flex w-full",x?"justify-start":"justify-end"),dir:x?"rtl":"ltr"},{children:s("div",Object.assign({className:i("px-4 py-3",x?"text-right":"text-left"),style:{backgroundColor:f.secondary+"80",color:f.secondaryText,borderRadius:m.cornerRadius}},{children:a}))}))};export{l as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useMemo as a}from"react";import{usePickaxeContext as t}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as
|
|
1
|
+
import{jsxs as e,jsx as s,Fragment as i}from"react/jsx-runtime";import{useMemo as a}from"react";import{usePickaxeContext as t}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useAuthContext as o}from"../../Addons/Auth/hooks/useAuthContext.js";import{useAuth as n}from"../../Addons/Auth/hooks/useAuth.js";import{useResponseContext as l}from"../../../../hooks/pickaxe/useResponseContext.js";import{useDimensionContext as r}from"../../../../hooks/pickaxe/useDimensionContext.js";import{useScrollContext as c}from"../../Addons/Scroll/hooks/useScrollContext.js";import{useStyleFontSize as m}from"../../../../hooks/studio/useStyleFontSize.js";import{useConversation as d}from"../../../../hooks/pickaxe/useConversation.js";import{useArtifactContext as p}from"../../Addons/Artifact/hooks/useArtifactContext.js";import{AnimatePresence as u,motion as f}from"framer-motion";import h from"../../../Icons/lock.svg.js";import g from"../../../Core/ErrorAlert.js";import x from"../../common/PickaxeHead.js";import j from"../../common/PickaxeCompactHead.js";import b from"../../common/PickaxeUpgradeCard.js";import v from"../../common/PickaxeBranding.js";import y from"../../common/PickaxeSkeleton.js";import w from"../../Addons/Scroll/ScrollLockView.js";import N from"../../Addons/Artifact/Renderer/index.js";import k from"./Message.js";import O from"./CustomMessage.js";import C from"../../../../common/cn.js";const A=({hideInfo:A,isInputFocused:S})=>{var P,R,I;const{deploymentType:L,pickaxe:E,colors:D,misc:H,translations:T,isNewChat:$,isRtl:z,isEmbed:F,isEmailLogin:M,setChatId:W}=t(),{emailInput:B,isLoggedOut:U,isSending:V,isResendDisabled:_,isSent:q}=o(),{onSend:G}=n(),{scrollContainerRef:J}=c(),{messages:K,status:Q,limitData:X,error:Y}=l(),{height:Z}=r(),{currentArtifact:ee,chatPopupType:se,currentPopupType:ie}=p(),ae=d(),te=m(),oe="chat-input"===L&&M&&U&&q,ne=a((()=>!!ae.data&&!(ae.data.messages.length<=1)),[ae.data]),le=a((()=>!A&&ae.isSuccess&&$&&!ne),[A,ae.isSuccess,$,ne]),re=a((()=>{var e,s;return!!K.length&&!(null!==(s=null===(e=null==K?void 0:K[K.length-1])||void 0===e?void 0:e.content)&&void 0!==s?s:"").trim()}),[K]);return e("div",Object.assign({ref:J,className:"flex w-full flex-col items-center overflow-y-auto mb-12 pb-8 scrollbar scrollbar-thin",style:{height:`calc(${Z}px - 74px)`}},{children:[s(u,{children:!!ee&&"inline"===ie&&s(f.div,Object.assign({className:C("absolute top-0 z-10 w-full px-4 py-2",se),style:{height:`calc(${Z}px - 80px)`},initial:{opacity:0,y:-20},animate:{opacity:1,y:0},exit:{opacity:0,y:-20},transition:{duration:.2,ease:"easeOut"}},{children:s(N,{type:"inline",className:"pxe-artifact-inline h-full shadow",artifact:{id:ee.id,version:ee.version}})}))}),e("div",Object.assign({className:"relative flex flex-col items-center flex-grow w-full max-w-[800px] px-4"},{children:[(le||!F)&&!H.isWhiteLabel&&s(v,{className:C("absolute top-4 right-4",!le&&!F&&"top-2"),animateHover:!0}),s(x,Object.assign({className:C("opacity-0 mt-[0%] transition-all duration-500 ease-in-out max-h-0 overflow-hidden max-w-[500px]",le&&"opacity-100 mt-[10%] max-h-[100%]"),iconClassName:"duration-300 hover:opacity-90",maxDescriptionChars:500},!oe&&{onIconClick:()=>W("")})),F&&!ae.isLoading&&s(j,Object.assign({className:C("opacity-0 transition-all duration-500 ease-in-out h-0 w-full",!le&&"opacity-100 h-[56px]"),iconClassName:"duration-300 hover:opacity-90"},!oe&&{onIconClick:()=>W("")})),s("div",Object.assign({className:C("flex flex-col mt-6 transition-all duration-300 ease-in-out w-full",F&&!ae.isLoading&&!le&&"mt-0")},{children:oe?s("div",Object.assign({className:"flex flex-col w-full"},{children:e("div",Object.assign({className:"grid grid-cols-1 gap-y-6 w-full"},{children:[s(O,Object.assign({chatRole:"user"},{children:e("div",Object.assign({className:"flex items-center gap-x-3"},{children:[s(h,{className:"h-6 w-6 shrink-0"}),s("p",Object.assign({className:"font-semilight"},{children:B}))]}))})),s(O,Object.assign({chatRole:"assistant"},{children:e("p",Object.assign({className:"py-3 font-semilight"},{children:[`${null!==(P=null==T?void 0:T["we-sent-your-an-activation-link"])&&void 0!==P?P:"We sent you an activation link. Please be sure to check your spam folder too."} `,s("span",Object.assign({className:"underline underline-offset-2 cursor-pointer",onClick:()=>{_||V||G(!0)}},{children:V?null!==(R=null==T?void 0:T.resending)&&void 0!==R?R:"Resending...":null!==(I=null==T?void 0:T.resend)&&void 0!==I?I:"Resend"}))]}))}))]}))})):s(i,{children:ae.isLoading&&!(null==E?void 0:E.enablechatresponses)?e("div",Object.assign({className:"grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-6 pt-10"},{children:[$&&e("div",Object.assign({className:"flex flex-col items-center w-full"},{children:[s(y,{className:"w-[72px] h-[72px]"}),s(y,{className:"h-[20px] mt-6 w-full"}),s(y,{className:"h-[20px] mt-2 w-full"}),s(y,{className:"h-[20px] mt-2 w-full max-w-[400px]"})]})),s(y,{className:"h-10 w-[70%] animate-pulse justify-self-end rounded"}),s(y,{className:"h-[150px] w-[70%] animate-pulse rounded"}),s(y,{className:"h-10 w-[50%] animate-pulse justify-self-end rounded"})]})):ae.isError?s("div",Object.assign({className:"flex w-full justify-center"},{children:e("p",Object.assign({className:C(te.b2,"text-center font-semibold")},{children:["Something went wrong. Please try again, or"," ",s("a",Object.assign({href:"mailto:info@pickaxeproject.com?subject=Help",target:"_blank",rel:"noreferrer"},{children:"contact us"}))," ","for help."]}))})):ae.data?e("div",Object.assign({className:"flex flex-col w-full"},{children:[e("div",Object.assign({className:"grid grid-cols-1 gap-y-6 w-full"},{children:[ae.data.messages.map(((e,i)=>s(k,Object.assign({index:i,message:e},0===i&&{isIntroExpand:S}),i))),K.map(((e,i)=>s(k,{index:ae.data.messages.length+i,message:e},i))),"fetching"===Q||re?s(O,Object.assign({chatRole:"assistant"},{children:s("div",Object.assign({className:"flex items-center gap-x-2 rounded px-2"},{children:Array.from({length:3}).map(((e,i)=>s("div",{className:C("h-1.5 w-1.5 animate-dot rounded-full",1===i&&"animate-dot-down"),style:{backgroundColor:D.secondaryText}},i)))}))})):X?s("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:s(b,{})})):Y?s("div",Object.assign({className:C("flex items-center gap-x-3",z?"justify-end":"justify-start")},{children:s(g,{error:Y})})):null]})),s(w,{})]})):null})}))]}))]}))};export{A as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e,__awaiter as t}from"../../../_virtual/_tslib.js";import{jsx as s,jsxs as o}from"react/jsx-runtime";import{useState as i,useRef as
|
|
1
|
+
import{__rest as e,__awaiter as t}from"../../../_virtual/_tslib.js";import{jsx as s,jsxs as o}from"react/jsx-runtime";import{useState as i,useRef as n,useMemo as r,useEffect as a}from"react";import{usePickaxeContext as l}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as d}from"../../../hooks/pickaxe/useResponseContext.js";import{useStyleInput as c}from"../../../hooks/studio/useStyleInput.js";import{useStyleFontSize as u}from"../../../hooks/studio/useStyleFontSize.js";import{useConversation as m}from"../../../hooks/pickaxe/useConversation.js";import{useAuthContext as p}from"../Addons/Auth/hooks/useAuthContext.js";import{useSubmit as f}from"../../../hooks/pickaxe/useSubmit.js";import{useDocument as g}from"../Addons/Document/hooks/useDocument.js";import{useScroll as h}from"../Addons/Scroll/hooks/useScroll.js";import{useArtifactContext as v}from"../Addons/Artifact/hooks/useArtifactContext.js";import{useHover as b}from"../../../hooks/core/useHover.js";import{allowedFileMimeTypes as j,allowedImageMimeTypes as x}from"../../../common/documents.js";import{createParser as k}from"eventsource-parser";import y from"../../Icons/attach-vertical.svg.js";import O from"../../Icons/arrow-right.svg.js";import w from"../Addons/IceBreaker/index.js";import I from"../Addons/Document/List.js";import S from"../../Core/Textarea.js";import N from"../../Core/ErrorAlert.js";import A from"../../../common/error.js";import C from"../../../common/cn.js";const D=({isFocused:D,onFocus:B,onBlur:E})=>{var U;const{formId:J,chatId:T,userId:_,studioUserId:F,embedUserId:L,deploymentId:H,deploymentType:R,pickaxe:W,styles:P,colors:z,responsiveBy:G,isNewChat:K,isRtl:M,isEmailLogin:q,setIsNewChat:Q,setIsShowIceBreaker:V,onGenerateComplete:X}=l(),{token:Y,isLoggedOut:Z,isSent:$}=p(),{messages:ee,status:te,limits:se,isGenerating:oe,setMessages:ie,setStatus:ne,setLimitData:re,setError:ae}=d(),{documents:le,isUploading:de,isImageUploadAllowed:ce,documentError:ue,onFileUpload:me,setDocuments:pe,setDocumentError:fe}=g(),{scrollStartSession:ge,scrollEndSession:he,scrollToBottom:ve}=h({auto:!0}),{artifacts:be,currentPopupType:je,setArtifacts:xe,setCurrentArtifact:ke}=v(),ye=m(),Oe=f(),[we,Ie]=i(""),Se=n(null),Ne=b(),{isHover:Ae}=Ne,Ce=e(Ne,["isHover"]),De=b(),{isHover:Be}=De,Ee=e(De,["isHover"]),Ue=u(),Je=c(),Te="chat-input"===R&&K&&!$,_e="chat-input"===R&&q&&Z&&$,Fe=r((()=>{var e,t,s;return!!K&&(!!W&&(!ye.isLoading&&(!((null!==(t=null===(e=ye.data)||void 0===e?void 0:e.messages.length)&&void 0!==t?t:0)>1)&&!!(null===(s=W.icebreakers)||void 0===s?void 0:s.length))))}),[W,K,ye.data,ye.isLoading]),Le=r((()=>{if(oe||de)return!1;return!!we.trim()&&le.every((e=>"finished"===e.status||e.isInsertedAsRaw))}),[oe,de,we,le]),He=e=>t(void 0,void 0,void 0,(function*(){try{if("idle"!==te||de)return;const t=null!=e?e:we;if(!t)return;ae(""),fe(""),re(null),Ie(""),Q(!1),ne("fetching"),ge(),ve();const s=le.filter((e=>"finished"===e.status&&!e.isInsertedAsRaw)).map((e=>e.documentId)).filter(Boolean),o="enduserupload"===(null==W?void 0:W.documentuploadtype)&&s.length>0,i=[...Array.from(ee),Object.assign({id:ee.length+1,role:"user",content:t},o&&{documentIds:s})];ie(i),ve(),o&&pe([]);const n=(yield Oe.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:J,responseId:T,value:t},o&&{documentIds:s}),_&&{userId:_}),F&&{studioUserId:F}),L&&{embedUserId:L}),Y&&{embedSessionToken:Y}),H&&{deploymentId:H}))).body;if(!n)throw new Error("Streaming error");const r=i.length,a=new TextDecoder,l=n.getReader();let d="",c=!0,u=!1,m=[...null!=be?be:[]];const p=k({onEvent:e=>{if("delta"===e.event){const t=JSON.parse(e.data).token.replace(/\u200B/g,"");d+=t,ie([...i.slice(0,r),{id:ee.length+1,role:"assistant",content:d}])}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"})),xe(m),je.startsWith("inline")||ke({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"})),xe(m),je.startsWith("inline")||ke({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"})),xe(m),je.startsWith("inline")||ke({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)),xe(m)}else if("artifact_finished"===e.event){const t=JSON.parse(e.data);xe(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);ae(t.error||"Something went wrong, please try again.")}else"stop"===e.event&&(c=!1)}});for(;c;){const{value:e,done:t}=yield l.read();if(t){c=!1;break}const s=a.decode(e);s&&(u||(ne("streaming"),u=!0),p.feed(s))}null==X||X(T)}catch(e){let t=A(e)||"";t&&!t.includes("Unexpected token 'A',")||(t="Oops! We're experiencing high traffic at the moment. Please try again later.");const s=Object.entries(se).find((([e])=>t.includes(e)));s?re(s[1]):ae(t)}finally{ve(),ne("idle"),he()}}));return a((()=>{V(Fe)}),[Fe]),_e?null:s("div",Object.assign({className:C("w-full flex flex-col items-center absolute bottom-0 left-0 z-1",!Te&&"px-4 pb-4"),dir:M?"rtl":"ltr"},{children:o("div",Object.assign({className:"relative flex flex-col max-w-[800px] w-full"},{children:[!Te&&s("div",Object.assign({className:C("absolute bottom-full",M?"left-0":"right-0")},{children:s("div",Object.assign({className:C("flex flex-col gap-2 pb-4 px-2",M?"justify-start":"justify-end","viewport"===G?M?"min-[767px]:items-start":"min-[767px]:items-end":M?"@[767px]/pickaxe-root:items-start":"@[767px]/pickaxe-root:items-end")},{children:Fe&&!D&&s(w,{data:(null==W?void 0:W.icebreakers)||[],onSend:He})}))})),o("div",Object.assign({className:C("flex flex-col gap-y-3 px-4 py-3","block"===P.formFieldStyle&&"shadow"),style:Je},{children:["idle"===te&&le.length>0&&s(I,{isDisabled:"idle"!==te}),o("div",Object.assign({className:C("flex items-end gap-x-2",M&&"flex-row-reverse")},{children:[s(S,Object.assign({className:C(Ue.i1,"max-h-60 min-h-[27px] w-full border-transparent bg-transparent",!we.length&&"max-h-6 overflow-hidden text-ellipsis whitespace-nowrap",M?"text-right":"text-left"),value:we,placeholder:null!==(U=null==W?void 0:W.placeholdertext)&&void 0!==U?U:M?"بماذا تريد أن تتحدث؟":"What do you want to talk about?",onChange:e=>Ie(e),onKeyDown:e=>{"Enter"===e.key&&(e.shiftKey||(e.preventDefault(),de||"idle"!==te||He()))}},B&&{onFocus:B},E&&{onBlur:E},{dir:M?"rtl":"ltr"})),o("div",Object.assign({className:"flex items-center gap-x-2"},{children:["enduserupload"===(null==W?void 0:W.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:Be?z.accent+"10":void 0,color:Be?z.accent:z.accent+"80"},disabled:de||"idle"!==te,onClick:()=>{var e;return null===(e=Se.current)||void 0===e?void 0:e.click()}},Ee,{children:[s("input",{id:"file-upload",ref:Se,type:"file",accept:[...j,...ce?x:[]].join(", "),multiple:!0,hidden:!0,className:"hidden",onChange:e=>t(void 0,void 0,void 0,(function*(){Q(!1),yield me(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:Ae||Le?z.accent:z.accent+"10",color:Ae||Le?z.accentText:z.accent+"80"},disabled:"idle"!==te||de,onClick:()=>He()},Ce,{children:s(O,{className:C("h-6 w-6 shrink-0",M&&"transform scale-x-[-1]")})}))]}))]}))]})),ue&&s(N,{error:ue,className:"mt-3"})]}))}))};export{D as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{useState as
|
|
1
|
+
import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{useState as s,useRef as r,useEffect as n}from"react";import{usePickaxeContext as i}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useAuthContext as c}from"../Addons/Auth/hooks/useAuthContext.js";import{useDimensionContext as m}from"../../../hooks/pickaxe/useDimensionContext.js";import{useDocument as u}from"../Addons/Document/hooks/useDocument.js";import d from"./History/index.js";import p from"./Input.js";const f=()=>{const{deploymentType:f,isNewChat:h}=i(),{isSent:a}=c(),{width:x,height:l,setDimension:j}=m(),{setDocuments:k}=u(),[w,D]=s(!1),F=r(null),I="chat-input"===f&&h&&!a;return n((()=>()=>{k([])}),[]),n((()=>{if(!F.current)return;const e=new ResizeObserver((e=>{for(const t of e){const{width:e,height:o}=t.contentRect;j(parseInt(e.toFixed(0)),parseInt(o.toFixed(0)))}}));return e.observe(F.current),()=>{e.disconnect()}}),[F.current]),e("div",Object.assign({ref:F,className:"relative flex flex-grow flex-col items-center"},{children:I?e(p,{}):t(o,{children:[e(d,{hideInfo:l<=545||x<=350||w,isInputFocused:w}),e(p,{isFocused:w,onFocus:()=>D(!0),onBlur:()=>D(!1)})]})}))};export{f as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter as e}from"../../../../_virtual/_tslib.js";import{jsxs as t,jsx as s}from"react/jsx-runtime";import{useState as
|
|
1
|
+
import{__awaiter as e}from"../../../../_virtual/_tslib.js";import{jsxs as t,jsx as s}from"react/jsx-runtime";import{useState as n}from"react";import{usePickaxeContext as i}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useAuthContext as o}from"../../Addons/Auth/hooks/useAuthContext.js";import{useResponseContext as r}from"../../../../hooks/pickaxe/useResponseContext.js";import{useSubmit as a}from"../../../../hooks/pickaxe/useSubmit.js";import{useDocument as d}from"../../Addons/Document/hooks/useDocument.js";import{useScroll as l}from"../../Addons/Scroll/hooks/useScroll.js";import{useArtifactContext as c}from"../../Addons/Artifact/hooks/useArtifactContext.js";import{extractUrlsFromText as u}from"../../../../common/utils.js";import{encode as m}from"@nem035/gpt-3-encoder";import{createParser as p}from"eventsource-parser";import f from"../../common/PickaxeBranding.js";import g from"../../common/PickaxeButton.js";import h from"../../../../common/error.js";const v=({questions:v})=>{var b;const{formId:j,userId:O,studioUserId:x,embedUserId:k,deploymentId:w,pickaxe:y,misc:I,translations:S,isRtl:A,setChatId:C,setIsNewChat:N,onGenerateComplete:D}=i(),{token:E}=o(),{status:P,limits:R,isGenerating:U,setResponse:q,setMessages:J,setStatus:_,setLimitData:T,setError:W}=r(),{documents:B,websiteLink:L,isUploading:G,onWebsiteUpload:M,setDocuments:K,setDocumentError:X}=d(),{scrollStartSession:Y,scrollEndSession:z,scrollToTarget:F}=l({auto:!(null==y?void 0:y.enablechatresponses)}),{artifacts:H,currentPopupType:Q,setArtifacts:V,setCurrentArtifact:Z}=c(),$=a(),[ee,te]=n(!1);return t("div",Object.assign({className:"mt-4 flex flex-wrap justify-between gap-4 items-center",dir:A?"rtl":"ltr"},{children:[s("div",Object.assign({className:"flex items-center flex-grow flex-wrap gap-2"},{children:s(g,Object.assign({className:"px-5 min-h-[42px]",isDisabled:G||"idle"!==P||U||ee,onClick:()=>e(void 0,void 0,void 0,(function*(){try{if("idle"!==P||G||ee)return;W(""),X(""),T(null),q(null);const e=["Multiple Choice","Checkbox"];for(const t of v){if(m(t.input).length>t.maxLength&&!e.includes(t.type))throw new Error("One or more of your responses is too long!");if(t.isRequired&&!t.input.trim()&&"userinput:documentupload"!==t.id)throw new Error("You must fill out all required fields.")}const t=B.filter((e=>"finished"===e.status)),s=B.map((e=>e.name)),n="enduserupload"===(null==y?void 0:y.documentuploadtype),i=v.some((e=>"userinput:documentupload"===e.id&&e.isRequired)),o=u(L).filter((e=>!s.includes(e)));if(o.length){const e=o[o.length-1];te(!0);const s=yield M(e);s&&(t.push(s),yield new Promise((e=>setTimeout(e,5e3)))),te(!1)}else if(i&&n&&!t.length)return void X("Please paste a valid website/video link or drag a file to add to the knowledge base.");const r=t.map((e=>e.documentId)).filter(Boolean),a=n&&r.length>0;let d={};v.forEach((e=>d=Object.assign(Object.assign({},d),{[e.id]:"Knowledge Upload"===e.type||e.id.includes("documentupload")?t.map((e=>e.name)).join(",")||"":e.input}))),_("fetching"),Y(),F();const l=yield $.mutateAsync(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:j,valueObj:d},a&&{documentIds:r}),O&&{userId:O}),x&&{studioUserId:x}),k&&{embedUserId:k}),E&&{embedSessionToken:E}),w&&{deploymentId:w})),c=l.body;if(!c)throw new Error("Streaming error");const f=l.headers.get("X-Pickaxe-Response-Id");if(!f)throw new Error("Response ID not found");const g=new TextDecoder,h=c.getReader();let b="",I=!0,S=!1,A=[...null!=H?H:[]];const R=p({onEvent:e=>{if("delta"===e.event){const t=JSON.parse(e.data).token.replace(/\u200B/g,"");b+=t,q({formId:j,responseId:f,documentIds:r,questions:v.map((e=>({id:e.id,question:e.main,answer:e.input}))),questionResponse:b,messageCount:0,sentAt:new Date}),(null==y?void 0:y.enablechatresponses)&&J([{id:0,role:"assistant",content:b}])}else if("artifact_created"===e.event){const t=JSON.parse(e.data);A=A.filter((e=>!(e.id===t.id&&e.version===t.version))),A.push(Object.assign(Object.assign({},t),{content:"",status:"streaming"})),V(A),Q.startsWith("inline")||Z({id:t.id,version:t.version})}else if("artifact_updated"===e.event){const t=JSON.parse(e.data);A=A.filter((e=>!(e.id===t.id&&e.version===t.version))),A.push(Object.assign(Object.assign({},t),{content:"",status:"updating"})),V(A),Q.startsWith("inline")||Z({id:t.id,version:t.version})}else if("artifact_rewrite"===e.event){const t=JSON.parse(e.data);A=A.filter((e=>!(e.id===t.id&&e.version===t.version))),A.push(Object.assign(Object.assign({},t),{content:"",status:"streaming"})),V(A),Q.startsWith("inline")||Z({id:t.id,version:t.version})}else if("artifact_content"===e.event){const t=JSON.parse(e.data),s=t.token.replace(/\u200B/g,"");A=A.map((e=>e.id===t.id&&e.version===t.version?Object.assign(Object.assign({},e),{content:e.content+s,status:"streaming"}):e)),V(A)}else if("artifact_finished"===e.event){const t=JSON.parse(e.data);V(A.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);W(t.error||"Something went wrong, please try again.")}else"stop"===e.event&&(I=!1)}});for(;I;){const{value:e,done:t}=yield h.read();if(t){I=!1;break}const s=g.decode(e);s&&(S||(_("streaming"),S=!0,a&&K([]),(null==y?void 0:y.enablechatresponses)&&(C(f),N(!1))),R.feed(s))}null==D||D(f)}catch(e){let t=h(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(R).find((([e])=>t.includes(e)));s?T(s[1]):W(t),F()}finally{_("idle"),te(!1),z()}}))},{children:ee?(null==S?void 0:S.processing)||"Processing...":G?(null==S?void 0:S.uploading)||"Uploading...":"fetching"===P||"streaming"===P?(null==S?void 0:S.loading)||"Loading...":null!==(b=null==y?void 0:y.submittext)&&void 0!==b?b:"Submit"}))})),!I.isWhiteLabel&&s("div",Object.assign({className:"flex justify-end pr-3"},{children:s(f,{})}))]}))};export{v as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsx as
|
|
1
|
+
import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsx as i}from"react/jsx-runtime";import{createContext as o,useState as t,useEffect as s}from"react";import{ArtifactProvider as n}from"./Addons/Artifact/Provider.js";import r from"./DimensionProvider.js";import d from"./ResponseProvider.js";import a from"./Addons/Document/Provider.js";import l from"./Addons/Auth/Provider.js";const c=o({}),m=({children:o,userId:m="",studioUserId:p="",deploymentId:f="",embedUserId:u="",deploymentType:y,deploymentDimensions:h,deploymentMisc:b,styles:v,colors:g,limits:F={},misc:I={isWhiteLabel:!0,isProfileImage:!0,isChatImage:!0,isTitle:!0,isDescription:!0,isHistory:!0},translations:w,artifact:P={popupType:"auto"},responsiveBy:j="viewport",forceMobile:x=!1,disableHtml:S=!1,disableJs:k=!1,disableCss:C=!1,loadFont:D=!0,isRtl:R=!1,isEmbed:O=!1,isDropShadow:T=!1,isEmailLogin:A=!1,onGenerateComplete:E})=>{const[H,L]=t(""),[U,B]=t(""),[M,N]=t(""),[W,G]=t(null),[J,_]=t(!1),[z,Y]=t(!0),[q,K]=t(!0);return s((()=>{_(!1)}),[null==v?void 0:v.font]),s((()=>{e(void 0,void 0,void 0,(function*(){if("undefined"!=typeof window&&D&&!J&&(null==v?void 0:v.font)&&"Real Head Pro"!==v.font)try{(yield import("webfontloader")).default.load({google:{families:[v.font]},active:()=>{_(!0)},inactive:()=>{console.error("[pxe] failed to load font {styles.font}"),_(!0)}})}catch(e){console.error("[pxe] failed to load font:",e),_(!0)}}))}),[D,J,null==v?void 0:v.font]),i(c.Provider,Object.assign({value:Object.assign({formId:H,chatId:U,sessionId:M,userId:m,studioUserId:p,embedUserId:u,deploymentId:f,deploymentType:y,deploymentDimensions:h,deploymentMisc:b,pickaxe:W,styles:Object.assign({theme:"light",font:"Real Head Pro",fontSize:"md",formFieldStyle:"box",btnStyle:"filled",outlineThickness:1,cornerRadius:4},v),colors:Object.assign({primary:"#F6F8FA",text:"#000000",secondary:"#FFFFFF",secondaryText:"#000000",accent:"#228DD7",accentText:"#FFFFFF",error:"#EF4444"},g),misc:I,translations:Object.assign({"new-chat":"New chat","see-history":"See history","see-input":"See input","hide-input":"Hide input",processing:"Processing...",uploading:"Uploading...",loading:"Loading...","powered-by-pickaxe":"Powered by Pickaxe","form-doc-placeholder":"Paste a website/video link or drag a file",website:"Website",copy:"Copy","file-limit-reached":"You have reached the file limit.",save:"Save","save-as":"Save as","please-enter-email-to-continue":"Please enter your email to continue:","enter-email-to-continue":"Enter here your email to continue",submit:"Submit",sending:"Sending...","check-your-inbox":"Check your inbox","we-sent-your-an-activation-link":"We sent you an activation link. Please be sure to check your spam folder too.",resend:"Resend",resending:"Resending..."},w),artifact:P,responsiveBy:j,forceMobile:x,loadFont:D,disableHtml:S,disableJs:k,disableCss:C,isFontLoaded:J,isNewChat:z,isShowIceBreaker:q,isRtl:R,isEmbed:O,isDropShadow:T,isEmailLogin:A,setIsFontLoaded:_,setFormId:L,setChatId:B,setSessionId:N,setPickaxe:G,setIsNewChat:Y,setIsShowIceBreaker:K},E&&{onGenerateComplete:E})},{children:i(l,{children:i(r,{children:i(d,Object.assign({limits:F},{children:i(a,{children:i(n,Object.assign({},P,{children:o}))})}))})})}))};export{c as PickaxeContext,m as PickaxeProvider};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__rest as t}from"../../../_virtual/_tslib.js";import{jsx as s}from"react/jsx-runtime";import{forwardRef as e}from"react";import{useStyleInput as o}from"../../../hooks/studio/useStyleInput.js";import{usePickaxeContext as r}from"../../../hooks/pickaxe/usePickaxeContext.js";import a from"../../../common/cn.js";const i=e(((e,i)=>{var{className:m,style:l}=e,n=t(e,["className","style"]);const{styles:c}=r(),p=o();return s("input",Object.assign({ref:i,style:Object.assign(Object.assign({},p),l),className:a("outline-none ring-0 px-4 py-3","block"===c.formFieldStyle&&"shadow",m),autoComplete:"off"},n))}));i.displayName="PickaxeInput";export{i as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useMemo as r,useEffect as i}from"react";import{usePickaxeMarkdownContext as a}from"../../hooks/usePickaxeMarkdownContext.js";import{useArtifactContext as n}from"../../../../Addons/Artifact/hooks/useArtifactContext.js";import{motion as o}from"framer-motion";import s from"../../../../../Icons/spinner-lines.svg.js";import c from"../../../../Addons/Artifact/Renderer/index.js";const d=({node:i})=>{const{theme:d,colors:l,styles:p,onArtifactClick:m}=a(),{artifacts:f,currentPopupType:u}=n(),
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useMemo as r,useEffect as i}from"react";import{usePickaxeMarkdownContext as a}from"../../hooks/usePickaxeMarkdownContext.js";import{useArtifactContext as n}from"../../../../Addons/Artifact/hooks/useArtifactContext.js";import{motion as o}from"framer-motion";import s from"../../../../../Icons/spinner-lines.svg.js";import c from"../../../../Addons/Artifact/Renderer/index.js";const d=({node:i})=>{const{theme:d,colors:l,styles:p,onArtifactClick:m}=a(),{artifacts:f,currentPopupType:u,currentArtifact:x}=n(),v=r((()=>{const{dataId:e,dataCommand:t,dataTitle:r,dataType:a,dataVersion:n}=(null==i?void 0:i.properties)||{};return e?{id:e,command:t||"create",title:r||"Untitled Artifact",type:a||"text/markdown",version:n?parseInt(n,10):1}:null}),[]),h=r((()=>{var e,t;if(!v)return null;const{command:r,type:i,version:a}=v;let n=`${null!==(e={create:"Created",update:"Updated",rewrite:"Rewrote"}[r])&&void 0!==e?e:"Created"} ${null!==(t={"text/markdown":"Markdown","text/html":"HTML","text/csv":"CSV","image/svg+xml":"SVG","application/vnd.pxe.code":"Code","application/vnd.pxe.mermaid":"Diagram","application/vnd.pxe.react":"React Component"}[i])&&void 0!==t?t:"Artifact"}`;return a>1&&(n+=` (v${a})`),n}),[v]),C=r((()=>{if(!v)return"finished";const e=f.find((e=>e.id===v.id&&e.version===v.version));return e?e.status:"finished"}),[f,v]);return v?u.startsWith("inline")&&"finished"===C?x?null:e(c,{type:"inline",className:"pxe-artifact-inline",styling:{colors:l,styles:p},artifact:{id:v.id,version:v.version}}):t(o.div,Object.assign({className:"pxe-artifact-create-container p-4 flex items-center gap-8 flex-wrap justify-between mb-4 select-none",style:Object.assign({borderColor:"dark"===d?"#444444":"#CCCCCC",backgroundColor:l.secondary+"80",color:l.secondaryText,borderRadius:p.cornerRadius},!!m&&{cursor:"pointer"}),initial:{opacity:0,x:10,scale:.95},animate:{opacity:1,x:0,scale:1},transition:{duration:.5,ease:"easeOut",staggerChildren:.1},whileHover:{borderColor:"dark"===d?"#666666":"#AAAAAA",backgroundColor:l.secondary}},m&&{onClick:()=>m({id:v.id,version:v.version})},{children:[t("div",Object.assign({className:"pxe-artifact-create-header flex flex-col gap-2 text-[10pt]"},{children:[e("p",Object.assign({className:"font-semibold"},{children:v.title})),e("p",Object.assign({className:"opacity-90"},{children:h}))]})),"finished"!==C&&e("div",{children:e(s,{className:"pxe-spin w-5 h-5 shrink-0"})})]})):null},l=({node:t,children:r})=>{const{setArtifacts:a}=n();return i((()=>{if(!t||!t.properties)return;const e=t.properties.dataId;e&&a((t=>t.map((t=>t.id===e?Object.assign(Object.assign({},t),{status:"error"}):t))))}),[]),e("div",Object.assign({className:"pxe-red pxe-artifact-error"},{children:r}))};export{d as Artifact,l as ArtifactError};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,
|
|
1
|
+
import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import{usePickaxe as s}from"../../hooks/pickaxe/usePickaxe.js";import{useState as r,useEffect as a}from"react";import{usePickaxeContext as l}from"../../hooks/pickaxe/usePickaxeContext.js";import{useAuthContext as i}from"./Addons/Auth/hooks/useAuthContext.js";import{useResponseContext as m}from"../../hooks/pickaxe/useResponseContext.js";import{useDocumentContext as n}from"./Addons/Document/hooks/useDocumentContext.js";import{useArtifactContext as c}from"./Addons/Artifact/hooks/useArtifactContext.js";import{generateId as p}from"../../common/utils.js";import{ScrollProvider as x}from"./Addons/Scroll/Provider.js";import d from"./common/PickaxeSkeleton.js";import f from"./Chat/index.js";import u from"./Form/index.js";import h from"./Addons/Auth/index.js";import k from"../../common/cn.js";const j=({formId:j,className:w})=>{const{chatId:g,styles:A,colors:N,responsiveBy:C,deploymentType:b,isNewChat:v,isEmailLogin:y,setFormId:O,setChatId:P,setSessionId:I,setPickaxe:S}=l(),{isLoggedOut:D,isSent:L}=i(),{setMessages:E,setResponse:F,setError:R,setLimitData:B,setStatus:H}=m(),{setDocumentError:M}=n(),{setCurrentArtifact:T}=c(),[q,z]=r(!1),G=s(),J="chat-input"===b&&v&&!L,K="popup"===b&&g,Q="chat-input"!==b||!L,U="popup"===b&&!g&&y&&D;return a((()=>{O(j)}),[j]),a((()=>{if(!G.data)return;const e=G.data.chatflag;P(e?p(15):""),I(p(15)),e?E([]):F(null),R(""),M(""),B(null),T(null),S(G.data),z(!0)}),[G.data]),a((()=>{R(""),M(""),B(null),E([]),F(null),T(null),H("idle")}),[g]),G.data?e("div",Object.assign({className:k("relative @container/pickaxe-root flex flex-col flex-grow w-full",(!b||K||U)&&"h-full","dark"===A.theme&&"dark",w),style:Object.assign({backgroundColor:J?"transparent":N.primary,color:N.text},A.font&&"Real Head Pro"!==A.font&&{fontFamily:A.font})},{children:y&&D&&Q?e(h,{}):e(t,{children:G.isLoading||!q?e("div",Object.assign({className:k("flex items-center flex-col w-full pt-12 px-4 pb-10","viewport"===C?"min-[767px]:pb-40":"@[767px]/pickaxe-root:pb-40")},{children:o("div",Object.assign({className:"flex w-full items-center max-w-[700px] flex-col"},{children:[e(d,{className:"w-[72px] h-[72px]"}),e(d,{className:"h-[20px] mt-6 w-full"}),e(d,{className:"h-[20px] mt-2 w-full"}),e(d,{className:"h-[20px] mt-2 w-full max-w-[400px]"}),e("div",Object.assign({className:"flex flex-col gap-y-8 w-full mt-6"},{children:e(d,{className:k("w-full min-h-[48px]","viewport"===C?"min-[767px]:max-w-[176px]":"@[767px]/pickaxe-root:max-w-[176px]")})}))]}))})):e(t,{children:e(x,g?{children:e(f,{})}:{children:e(u,{})})})})})):null};export{j as Pickaxe};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter as e}from"../../_virtual/_tslib.js";import{useInfiniteQuery as
|
|
1
|
+
import{__awaiter as e}from"../../_virtual/_tslib.js";import{useInfiniteQuery as o}from"@tanstack/react-query";import{usePickaxeContext as t}from"./usePickaxeContext.js";import{useAuthContext as s}from"../../components/Pickaxe/Addons/Auth/hooks/useAuthContext.js";import d from"../../common/api/index.js";const i=({enabled:i=!0}={enabled:!0})=>{const{formId:r,pickaxe:n,studioUserId:a,embedUserId:m}=t(),{token:u}=s(),c=o({queryKey:["form",r,"history"],queryFn:({pageParam:o=0})=>(({formId:o,place:t,studioId:s,studioUserId:i,embedUserId:r,embedSessionToken:n})=>e(void 0,void 0,void 0,(function*(){let e=`/pickaxe/history?formid=${o}&place=${t}`;s&&(e+=`&studioId=${s}`),i&&(e+=`&studioUserId=${i}`),r&&(e+=`&embedUserId=${r}`),n&&(e+=`&embedSessionToken=${n}`);const a=yield d.get(e),m=a.data;if(200!==a.status)throw new Error("[_getHistory] Failed to fetch history "+m);return{next:m.history.length<5?void 0:t+25,data:m.history}})))(Object.assign(Object.assign(Object.assign(Object.assign({formId:r,place:o},a&&(null==n?void 0:n.studioid)&&{studioId:n.studioid}),a&&{studioUserId:a}),m&&{embedUserId:m}),u&&{embedSessionToken:u})),getNextPageParam:e=>e.next,enabled:i&&!!r});return c};export{i as useHistory};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter as e}from"../../_virtual/_tslib.js";import{useMutation as s}from"@tanstack/react-query";const n=()=>s({mutationFn:s=>(({formId:s,responseId:n,documentIds:
|
|
1
|
+
import{__awaiter as e}from"../../_virtual/_tslib.js";import{useMutation as s}from"@tanstack/react-query";const n=()=>s({mutationFn:s=>(({formId:s,responseId:n,documentIds:o,studioUserId:t,deploymentId:i,embedUserId:d,embedSessionToken:c,pickaxe:a,value:r,valueObj:p,disabledDocumentIds:b,metadata:u})=>e(void 0,void 0,void 0,(function*(){const e="undefined"!=typeof window?window.location.hostname:"",O="undefined"!=typeof window?window.location.href:"",l=e.includes("pickaxe.co")&&!O.includes("https://studio.pickaxe.co/_embed"),m=yield fetch(`${process.env.NEXT_PUBLIC_API_URL}/pickaxe/sse`,Object.assign(Object.assign({method:"POST",body:JSON.stringify(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({formId:s},n&&{responseId:n}),o&&{documentIds:o}),t&&{studioUserId:t}),i&&{deploymentId:i}),d&&{embedUserId:d}),c&&{embedSessionToken:c}),a&&{pickaxe:a}),r&&{value:r}),p&&{valueObj:p}),b&&{disabledDocumentIds:b}),u&&{metadata:u}))},(!process.env.NODE_ENV||"development"===process.env.NODE_ENV)&&Object.assign({},process.env.NEXT_PUBLIC_PICKAXE_SESSION_TOKEN&&{headers:{"x-pickaxe-session-token":process.env.NEXT_PUBLIC_PICKAXE_SESSION_TOKEN}})),l&&{credentials:"include"}));if(200!==m.status){const e=yield m.json();throw new Error(e.error||"Unknown error, please contact support")}if("application/json"===m.headers.get("content-type")){const{success:e,error:s}=yield m.json();if(!e)throw new Error(s||"Unknown error, please contact support")}return m})))(s)});export{n as useSubmit};
|
|
@@ -2,3 +2,7 @@ export declare const generateId: (length: number, prefix?: string, suffix?: stri
|
|
|
2
2
|
export declare const randomStr: (len: number, charOnly?: boolean) => string;
|
|
3
3
|
export declare const extractUrlsFromText: (text: string) => string[];
|
|
4
4
|
export declare const formatBytes: (bytes: number, decimals?: number) => string;
|
|
5
|
+
export declare const getCookie: (name: string) => string | null;
|
|
6
|
+
export declare const getAuthToken: (studioId: string) => string | null;
|
|
7
|
+
export declare const setAuthToken: (name: string, token: string) => void;
|
|
8
|
+
export declare const deleteAuthToken: (name: string) => void;
|
|
@@ -3,6 +3,8 @@ type MutationParams = {
|
|
|
3
3
|
artifactId?: string;
|
|
4
4
|
version?: number;
|
|
5
5
|
createdBy?: string;
|
|
6
|
+
studioSessionToken?: string;
|
|
7
|
+
embedSessionToken?: string;
|
|
6
8
|
};
|
|
7
9
|
export declare const useArtifactData: () => import("@tanstack/react-query").UseMutationResult<ArtifactData, Error, MutationParams, unknown>;
|
|
8
10
|
export {};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import type { SetState } from "../../../../types/common";
|
|
2
|
+
import { type ReactNode } from "react";
|
|
3
|
+
type AuthContextType = {
|
|
4
|
+
emailInput: string;
|
|
5
|
+
token: string | null;
|
|
6
|
+
isLoggedIn: boolean;
|
|
7
|
+
isLoggedOut: boolean;
|
|
8
|
+
isLoggingIn: boolean;
|
|
9
|
+
isSending: boolean;
|
|
10
|
+
isResendDisabled: boolean;
|
|
11
|
+
isSent: boolean;
|
|
12
|
+
setEmailInput: SetState<string>;
|
|
13
|
+
setToken: SetState<string | null>;
|
|
14
|
+
setIsLoggingIn: SetState<boolean>;
|
|
15
|
+
setIsSending: SetState<boolean>;
|
|
16
|
+
setIsResendDisabled: SetState<boolean>;
|
|
17
|
+
setIsSent: SetState<boolean>;
|
|
18
|
+
};
|
|
19
|
+
export interface IAuthProviderProps {
|
|
20
|
+
children: ReactNode;
|
|
21
|
+
}
|
|
22
|
+
export declare const AuthContext: import("react").Context<AuthContextType>;
|
|
23
|
+
declare const AuthProvider: ({ children }: IAuthProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
export default AuthProvider;
|