@tellyouai/plugin 0.1.8 → 0.1.9

package/README.md

@@ -106,9 +106,9 @@ await initialize({
 });
 ```
 
-The modal-style `overlay` and `bar` popups retain their preset layout; placement
-offsets apply to their launcher. `style.zIndex` takes precedence over
-`position.z`.
+The `bar` popup follows configured launcher placement; without an override it
+keeps its centered layout. The modal-style `overlay` popup retains its preset
+layout. `style.zIndex` takes precedence over `position.z`.
 
 ## User identity
 

package/dist/package/index.js

@@ -68558,7 +68558,13 @@ var rV, iV, Bpe = o((() => {
 	};
 })), Pq, Fq, Iq, eye = o((() => {
 	Pq = /* @__PURE__ */ u(m(), 1), yA(), Gpe(), fH(), hH(), Nq(), Fq = nn(), Iq = ({ canStore: e, displayMode: t, displaySize: n, onClickQuickAction: r, onClickDisplaySize: i, onMessages: a, sendMessage: o, children: s, onOpenChange: c, hasChatUserMessages: l, userMessages: u, mode: d, onClickNewChat: f, onClickCall: p, callIsConnected: m, callIsConnecting: h }) => {
-		let { formatMessage: g } = cA(), { isMobile: _ } = Tu(), { config: { entityId: v, withQuickActions: y, quickActions: b, withLocale: x, withConsent: S, privacyUrl: C, position: w, style: T }, isLoading: E } = Kl(), { entityId: D } = xu(), O = y === "visible" || y === "visible-desktop" && !_, { background: ee, styles: { color: k, borderColor: te, backgroundColor70: A, spacingXS: j, spacingMD: M, marginRight: N, marginBottom: P, openerDimensions: F, transitionSpeed: ne, borderRadiusLg: re, shadowOuter: ie, themeColors: ae } } = gA(), { config: oe, target: I, isCustomTarget: se } = ql(), { session: ce, setSession: le } = Yl(v, D, I, oe.widgetId, e), [ue, de] = (0, Pq.useState)(), fe = ue ?? oe.isOpen ?? ce.isOpen ?? !1, pe = ce.isMaximized ?? oe.isMaximized ?? !1, L = oe.position === void 0 ? w : oe.position, me = oe.style === void 0 ? T : oe.style, he = me?.zIndex ?? L?.z ?? 8, ge = (0, Pq.useRef)(null), _e = (0, Pq.useRef)(null), R = (0, Pq.useRef)(!1), ve = (0, Pq.useCallback)((e) => {
+		let { formatMessage: g } = cA(), { isMobile: _ } = Tu(), { config: { entityId: v, withQuickActions: y, quickActions: b, withLocale: x, withConsent: S, privacyUrl: C, position: w, style: T }, isLoading: E } = Kl(), { entityId: D } = xu(), O = y === "visible" || y === "visible-desktop" && !_, { background: ee, styles: { color: k, borderColor: te, backgroundColor70: A, spacingXS: j, spacingMD: M, marginRight: N, marginBottom: P, openerDimensions: F, transitionSpeed: ne, borderRadiusLg: re, shadowOuter: ie, themeColors: ae } } = gA(), { config: oe, target: I, isCustomTarget: se } = ql(), { session: ce, setSession: le } = Yl(v, D, I, oe.widgetId, e), [ue, de] = (0, Pq.useState)(), fe = ue ?? oe.isOpen ?? ce.isOpen ?? !1, pe = ce.isMaximized ?? oe.isMaximized ?? !1, L = oe.position === void 0 ? w : oe.position === null ? void 0 : {
+			...w,
+			...oe.position
+		}, me = oe.style === void 0 ? T : oe.style === null ? void 0 : {
+			...T,
+			...oe.style
+		}, he = me?.zIndex ?? L?.z ?? 8, ge = (0, Pq.useRef)(null), _e = (0, Pq.useRef)(null), R = (0, Pq.useRef)(!1), ve = (0, Pq.useCallback)((e) => {
 			de(e), le({ isOpen: e }), c?.(e);
 		}, [le, c]), ye = (0, Pq.useCallback)((e) => {
 			le({ isMaximized: e });
@@ -68593,13 +68599,13 @@ var rV, iV, Bpe = o((() => {
 			top: Ne ? ke?.top : je === "top" ? P : je === "center" ? "50%" : void 0,
 			bottom: Ne ? ke?.bottom : je === "bottom" ? P : void 0,
 			transform: `translate(${!Me && Ae === "center" ? "-50%" : "0"}, ${!Ne && je === "center" ? "-50%" : "0"})`
-		}, Fe = Pe.top !== void 0 && Pe.top !== "auto", Ie = Fe ? `calc(${Pe.top} + ${F} + ${M})` : void 0, Le = Fe ? void 0 : Pe.bottom !== void 0 && Pe.bottom !== "auto" ? `calc(${Pe.bottom} + ${F} + ${M})` : Ee, Re = {
-			top: Ie,
-			bottom: Le,
+		}, Fe = Pe.top !== void 0 && Pe.top !== "auto", Ie = Oe === "input" ? "64px" : `calc(${F} + ${M})`, Le = Fe ? `calc(${Pe.top} + ${Ie})` : void 0, Re = Fe ? void 0 : Pe.bottom !== void 0 && Pe.bottom !== "auto" ? `calc(${Pe.bottom} + ${Ie})` : Ee, ze = {
+			top: Le,
+			bottom: Re,
 			left: Pe.left,
 			right: Pe.right,
 			transform: `translate(${!Me && Ae === "center" ? "-50%" : "0"}, 0)`
-		}, ze = !xe && !Se, Be = ze ? Ie ?? Le ?? Ee : Ee, Ve = dH(ee, ae, "bottom"), He = uH(t, d, ee), Ue = d === "text" && S !== !0;
+		}, Be = !xe && !Se || Oe === "input" && (L?.x !== void 0 || L?.y !== void 0 || Me || Ne), Ve = Be ? Le ?? Re ?? Ee : Ee, He = dH(ee, ae, "bottom"), Ue = uH(t, d, ee), We = d === "text" && S !== !0;
 		return /* @__PURE__ */ (0, Fq.jsxs)(Fq.Fragment, { children: [/* @__PURE__ */ (0, Fq.jsxs)("div", {
 			ref: ge,
 			role: "dialog",
@@ -68614,14 +68620,14 @@ var rV, iV, Bpe = o((() => {
 				transform: `translate(${xe ? "50%" : "0"}, ${Se ? "50%" : "0"})`,
 				bottom: Ee,
 				right: Te,
-				...ze ? Re : {},
+				...Be ? ze : {},
 				backgroundColor: A,
 				backdropFilter: "blur(48px)",
 				boxSizing: "border-box",
 				width: `min(calc(100% - ${N} - ${N}), ${Ce})`,
-				height: Se ? "80dvh" : `min(calc(100dvh - ${P} - ${Be}), ${we})`,
+				height: Se ? "80dvh" : `min(calc(100dvh - ${P} - ${Ve}), ${we})`,
 				maxWidth: xe ? "1000px" : void 0,
-				maxHeight: Se ? "1000px" : `calc(100dvh - ${Be} - ${M})`,
+				maxHeight: Se ? "1000px" : `calc(100dvh - ${Ve} - ${M})`,
 				display: "flex",
 				visibility: fe ? "visible" : "hidden",
 				opacity: fe ? "1" : "0",
@@ -68650,7 +68656,7 @@ var rV, iV, Bpe = o((() => {
 				style: {
 					opacity: "0.5",
 					flexShrink: 0,
-					color: He ? Ve : void 0,
+					color: Ue ? He : void 0,
 					paddingBottom: j,
 					width: "100%",
 					textAlign: "center",
@@ -68659,7 +68665,7 @@ var rV, iV, Bpe = o((() => {
 				},
 				children: /* @__PURE__ */ (0, Fq.jsx)("span", {
 					style: { fontSize: "0.7em" },
-					children: Ue ? g({ id: "chat-privacy-notice" }, { 0: C ? /* @__PURE__ */ (0, Fq.jsx)(mH, {
+					children: We ? g({ id: "chat-privacy-notice" }, { 0: C ? /* @__PURE__ */ (0, Fq.jsx)(mH, {
 						href: C,
 						target: "_blank",
 						rel: "noopener noreferrer",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tellyouai/plugin",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "Framework-agnostic browser SDK for the Tellyou AI plugin",
   "repository": {
     "type": "git",