@release0/react 1.0.3 → 1.1.0

package/README.md

@@ -120,7 +120,7 @@ toggle();
 
 ## Additional configuration
 
-You can prefill the agent variable values in your embed code by adding the `prefilledVariables` option. Here is an example:
+You can prefill the agent variable values in your embed code by adding the `initialContext` option. Here is an example:
 
 ```tsx
 import { Standard } from "@release0/react";
@@ -130,7 +130,7 @@ const App = () => {
     <Standard
       agent="ag_herexisxyourxagentxid"
       style={{ width: "100%", height: "600px" }}
-      prefilledVariables={{
+      initialContext={{
         "Account URL": "https://my-site.com/account",
         "User name": "My Username",
       }}

package/dist/index.d.ts

@@ -1,43 +1,43 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { AgentProps, BubbleProps, PopupProps } from '@release0/js';
+import { BubbleProps, PopupProps, AgentProps } from '@release0/js';
 export * from '@release0/js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
 
-type Props$2 = AgentProps & {
-    style?: React.CSSProperties;
-    className?: string;
-};
+type Props$2 = BubbleProps;
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            "agent-standard": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & {
-                class?: string;
-            };
+            "agent-bubble": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }
-declare const Standard: ({ style, className, ...assignableProps }: Props$2) => react_jsx_runtime.JSX.Element;
+declare const Bubble: (props: Props$2) => react_jsx_runtime.JSX.Element | null;
 
-type Props$1 = BubbleProps;
+type Props$1 = PopupProps;
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            "agent-bubble": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            "agent-popup": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & {
+                class?: string;
+            };
         }
     }
 }
-declare const Bubble: (props: Props$1) => react_jsx_runtime.JSX.Element | null;
+declare const Popup: (props: Props$1) => react_jsx_runtime.JSX.Element;
 
-type Props = PopupProps;
+type Props = AgentProps & {
+    style?: React.CSSProperties;
+    className?: string;
+};
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            "agent-popup": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & {
+            "agent-standard": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & {
                 class?: string;
             };
         }
     }
 }
-declare const Popup: (props: Props) => react_jsx_runtime.JSX.Element;
+declare const Standard: ({ style, className, ...assignableProps }: Props) => react_jsx_runtime.JSX.Element;
 
 export { Bubble, Popup, Standard };

package/dist/index.js

@@ -1 +1 @@
-import{useEffect as m,useRef as i}from"react";import"@release0/js/web";import{jsx as b}from"react/jsx-runtime";var f=({style:r,className:e,...t})=>{let n=i(null);return m(()=>{if(!n.current||typeof t!="object"||t===null)return;let{children:p,ref:o,key:l,...a}=t;Object.assign(n.current,a)},[t]),b("agent-standard",{ref:n,style:r,class:e})};import{useEffect as c,useRef as d}from"react";import"@release0/js/web";import{jsx as P}from"react/jsx-runtime";var E=r=>{let e=d(null);return c(()=>{if(r.theme?.position==="static"&&!e.current)return;e.current||(e.current=document.createElement("agent-bubble"),document.body.prepend(e.current));let{agent:t,...n}=r;Object.assign(e.current,n,{agent:t})},[r]),c(()=>()=>{r.theme?.position!=="static"&&(e.current?.remove(),e.current=null)},[r.theme?.position]),r.theme?.position==="static"?P("agent-bubble",{ref:e,style:{display:"inline-flex"}}):null};import{useCallback as y,useEffect as u,useRef as s}from"react";import"@release0/js/web";import{jsx as g}from"react/jsx-runtime";var T=r=>{let e=s(null),t=s(null),n=y(o=>{let l=document.createElement("agent-popup");if(t.current=l,p(t.current,o),!e.current){console.warn("Could not attach popup to container because containerRef.current is null");return}e.current?.append(t.current)},[]);u(()=>{t.current||n(r),p(t.current,r)},[n,r]),u(()=>()=>{t.current?.remove(),t.current=null},[]);let p=(o,l)=>{Object.assign(o,l)};return g("div",{ref:e})};export*from"@release0/js";export{E as Bubble,T as Popup,f as Standard};
+var w=({id:t}={})=>{let e={isFromAgent:!0,command:"close",id:t};window.postMessage(e)},v=({id:t}={})=>{let e={isFromAgent:!0,command:"open",id:t};window.postMessage(e)},R=(t,{id:e}={})=>{let n={isFromAgent:!0,command:"showPreviewMessage",message:t,id:e};window.postMessage(n)},T=({id:t}={})=>{let e={isFromAgent:!0,command:"toggle",id:t};window.postMessage(e)},H=({id:t}={})=>{let e={isFromAgent:!0,command:"reload",id:t};window.postMessage(e)},L=(t,{id:e}={})=>{let n={isFromAgent:!0,command:"setInputValue",value:t,id:e};window.postMessage(n)},y=({id:t}={})=>{let e={isFromAgent:!0,command:"unmount",id:t};window.postMessage(e)},A=(t,{id:e}={})=>{let n={isFromAgent:!0,command:"setPrefilledVariables",variables:t,id:e};window.postMessage(n)},h=({id:t}={})=>{let e={isFromAgent:!0,command:"hidePreviewMessage",id:t};window.postMessage(e)};import{useEffect as l,useRef as c}from"react";import{jsx as u}from"react/jsx-runtime";var m=t=>{let e=c(null);return l(()=>{t.theme?.position!=="static"&&(e.current||(e.current=document.createElement("agent-bubble"),document.body.prepend(e.current)),import("./web-53BLTPE3.js").then(()=>{let{agent:n,...r}=t;Object.assign(e.current??document.createElement("agent-bubble"),r,{agent:n})}))},[t]),l(()=>()=>{t.theme?.position!=="static"&&(e.current?.remove(),e.current=null)},[t.theme?.position]),t.theme?.position==="static"?u("agent-bubble",{ref:e,style:{display:"inline-flex"}}):null};import{useCallback as d,useEffect as i,useRef as p}from"react";import{jsx as f}from"react/jsx-runtime";var g=t=>{let e=p(null),n=p(null),r=d(s=>{let a=document.createElement("agent-popup");if(n.current=a,o(n.current,s),!e.current){console.warn("Could not attach popup to container because containerRef.current is null");return}e.current?.append(n.current)},[]);i(()=>{n.current||r(t),o(n.current,t)},[r,t]),i(()=>()=>{n.current?.remove(),n.current=null},[]);let o=(s,a)=>{import("./web-53BLTPE3.js").then(()=>{Object.assign(s,a)})};return f("div",{ref:e})};import{useEffect as b,useRef as P}from"react";import{jsx as M}from"react/jsx-runtime";var E=({style:t,className:e,...n})=>{let r=P(null);return b(()=>{import("./web-53BLTPE3.js").then(()=>{let{agent:o,...s}=n;Object.assign(r.current,s,{agent:o})})},[n]),M("agent-standard",{ref:r,style:t,class:e})};export{m as Bubble,g as Popup,E as Standard,w as close,h as hidePreviewMessage,v as open,H as reload,L as setInputValue,A as setPrefilledVariables,R as showPreviewMessage,T as toggle,y as unmount};