@release0/nextjs 0.2.3 → 0.3.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/nextjs";
@@ -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/dist-4V5VSPZX.js

@@ -0,0 +1,100 @@
+"use client"
+
+// ../react/dist/index.js
+import { useEffect as l, useRef as c } from "react";
+import { jsx as u } from "react/jsx-runtime";
+import { useCallback as d, useEffect as i, useRef as p } from "react";
+import { jsx as f } from "react/jsx-runtime";
+import { useEffect as b, useRef as P } from "react";
+import { jsx as M } from "react/jsx-runtime";
+var w = ({ id: t } = {}) => {
+  let e = { isFromAgent: true, command: "close", id: t };
+  window.postMessage(e);
+};
+var v = ({ id: t } = {}) => {
+  let e = { isFromAgent: true, command: "open", id: t };
+  window.postMessage(e);
+};
+var R = (t, { id: e } = {}) => {
+  let n = { isFromAgent: true, command: "showPreviewMessage", message: t, id: e };
+  window.postMessage(n);
+};
+var T = ({ id: t } = {}) => {
+  let e = { isFromAgent: true, command: "toggle", id: t };
+  window.postMessage(e);
+};
+var H = ({ id: t } = {}) => {
+  let e = { isFromAgent: true, command: "reload", id: t };
+  window.postMessage(e);
+};
+var L = (t, { id: e } = {}) => {
+  let n = { isFromAgent: true, command: "setInputValue", value: t, id: e };
+  window.postMessage(n);
+};
+var y = ({ id: t } = {}) => {
+  let e = { isFromAgent: true, command: "unmount", id: t };
+  window.postMessage(e);
+};
+var A = (t, { id: e } = {}) => {
+  let n = { isFromAgent: true, command: "setPrefilledVariables", variables: t, id: e };
+  window.postMessage(n);
+};
+var h = ({ id: t } = {}) => {
+  let e = { isFromAgent: true, command: "hidePreviewMessage", id: t };
+  window.postMessage(e);
+};
+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-WYQIGRDC.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;
+};
+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-WYQIGRDC.js").then(() => {
+      Object.assign(s, a);
+    });
+  };
+  return f("div", { ref: e });
+};
+var E = ({ style: t, className: e, ...n }) => {
+  let r = P(null);
+  return b(() => {
+    import("./web-53BLTPE3-WYQIGRDC.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
+};

package/dist/index.d.ts

@@ -5,8 +5,8 @@ export { close, hidePreviewMessage, open, setInputValue, setPrefilledVariables,
 declare const Standard: react.ComponentType<_release0_js.AgentProps & {
     style?: React.CSSProperties;
     className?: string;
-}>;
-declare const Bubble: react.ComponentType<_release0_js.BubbleProps>;
-declare const Popup: react.ComponentType<_release0_js.PopupProps>;
+}> | (() => null);
+declare const Bubble: react.ComponentType<_release0_js.BubbleProps> | (() => null);
+declare const Popup: react.ComponentType<_release0_js.PopupProps> | (() => null);
 
 export { Bubble, Popup, Standard };

package/dist/index.js

@@ -12,24 +12,18 @@ import {
   hidePreviewMessage,
   close
 } from "@release0/js";
-var Standard = dynamic(
-  () => import("./dist-WPLDFLQO.js").then((mod) => mod.Standard),
-  {
-    ssr: false
-  }
-);
-var Bubble = dynamic(
-  () => import("./dist-WPLDFLQO.js").then((mod) => mod.Bubble),
-  {
-    ssr: false
-  }
-);
-var Popup = dynamic(
-  () => import("./dist-WPLDFLQO.js").then((mod) => mod.Popup),
-  {
-    ssr: false
-  }
-);
+function isClient() {
+  return typeof window !== "undefined";
+}
+var Standard = isClient() ? dynamic(() => import("./dist-4V5VSPZX.js").then((mod) => mod.Standard), {
+  ssr: false
+}) : () => null;
+var Bubble = isClient() ? dynamic(() => import("./dist-4V5VSPZX.js").then((mod) => mod.Bubble), {
+  ssr: false
+}) : () => null;
+var Popup = isClient() ? dynamic(() => import("./dist-4V5VSPZX.js").then((mod) => mod.Popup), {
+  ssr: false
+}) : () => null;
 export {
   Bubble,
   Popup,