@wallavi/widget 1.3.0 → 1.3.2

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.
Files changed (3) hide show
  1. package/dist/index.js +20 -20
  2. package/dist/index.mjs +20 -20
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -307,7 +307,7 @@ function ChatHeader({
307
307
  "header",
308
308
  {
309
309
  className: "flex items-center justify-between px-4 py-3 shrink-0",
310
- style: { backgroundColor: headerBg, color: headerText },
310
+ style: { backgroundColor: headerBg, color: headerText, borderBottom: `1px solid ${headerText}18` },
311
311
  children: [
312
312
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2.5 min-w-0", children: [
313
313
  /* @__PURE__ */ jsxRuntime.jsx(Avatar, { style: { width: 32, height: 32, border: `2px solid ${headerText}30` }, children: profilePicture ? /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: profilePicture, alt: title }) : /* @__PURE__ */ jsxRuntime.jsx(
@@ -500,7 +500,7 @@ function ChatMessages({
500
500
  bottomRef.current?.scrollIntoView({ behavior: "smooth" });
501
501
  }, [messages]);
502
502
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col overflow-y-auto overscroll-contain", children: [
503
- showGreeting && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2.5 items-start px-4 pt-4", children: [
503
+ showGreeting && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2.5 items-start px-4 pt-5", children: [
504
504
  /* @__PURE__ */ jsxRuntime.jsx(Avatar3, { className: "h-7 w-7 shrink-0 mt-0.5 border", children: profilePicture ? /* @__PURE__ */ jsxRuntime.jsx(AvatarImage3, { src: profilePicture, alt: agentName }) : /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback3, { className: "text-[10px] font-semibold bg-primary text-primary-foreground", children: agentName.slice(0, 2).toUpperCase() }) }),
505
505
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-2xl rounded-tl-sm bg-muted px-4 py-2.5 text-sm leading-relaxed max-w-[82%]", children: initialMessages[0] ?? "Hello! How can I help you today?" })
506
506
  ] }),
@@ -850,6 +850,24 @@ function BubbleWidget({
850
850
  "aria-hidden": !open,
851
851
  style: { display: open ? "block" : "none", position: "relative" },
852
852
  children: [
853
+ /* @__PURE__ */ jsxRuntime.jsx(
854
+ "div",
855
+ {
856
+ style: {
857
+ width: expanded ? Math.min(expandedWidth, typeof window !== "undefined" ? window.innerWidth - 40 : expandedWidth) : width,
858
+ height: expanded ? expandedHeight : height,
859
+ transition: "width 0.3s ease, height 0.3s ease"
860
+ },
861
+ children: /* @__PURE__ */ jsxRuntime.jsx(
862
+ ChatWidget,
863
+ {
864
+ ...mergedConfig,
865
+ hideCloseButton: true,
866
+ className: cn4("shadow-2xl h-full", panelClassName)
867
+ }
868
+ )
869
+ }
870
+ ),
853
871
  /* @__PURE__ */ jsxRuntime.jsxs(
854
872
  "div",
855
873
  {
@@ -907,24 +925,6 @@ function BubbleWidget({
907
925
  )
908
926
  ]
909
927
  }
910
- ),
911
- /* @__PURE__ */ jsxRuntime.jsx(
912
- "div",
913
- {
914
- style: {
915
- width: expanded ? Math.min(expandedWidth, typeof window !== "undefined" ? window.innerWidth - 40 : expandedWidth) : width,
916
- height: expanded ? expandedHeight : height,
917
- transition: "width 0.3s ease, height 0.3s ease"
918
- },
919
- children: /* @__PURE__ */ jsxRuntime.jsx(
920
- ChatWidget,
921
- {
922
- ...mergedConfig,
923
- hideCloseButton: true,
924
- className: cn4("shadow-2xl h-full", panelClassName)
925
- }
926
- )
927
- }
928
928
  )
929
929
  ]
930
930
  }
package/dist/index.mjs CHANGED
@@ -281,7 +281,7 @@ function ChatHeader({
281
281
  "header",
282
282
  {
283
283
  className: "flex items-center justify-between px-4 py-3 shrink-0",
284
- style: { backgroundColor: headerBg, color: headerText },
284
+ style: { backgroundColor: headerBg, color: headerText, borderBottom: `1px solid ${headerText}18` },
285
285
  children: [
286
286
  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5 min-w-0", children: [
287
287
  /* @__PURE__ */ jsx(Avatar, { style: { width: 32, height: 32, border: `2px solid ${headerText}30` }, children: profilePicture ? /* @__PURE__ */ jsx(AvatarImage, { src: profilePicture, alt: title }) : /* @__PURE__ */ jsx(
@@ -474,7 +474,7 @@ function ChatMessages({
474
474
  bottomRef.current?.scrollIntoView({ behavior: "smooth" });
475
475
  }, [messages]);
476
476
  return /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col overflow-y-auto overscroll-contain", children: [
477
- showGreeting && /* @__PURE__ */ jsxs("div", { className: "flex gap-2.5 items-start px-4 pt-4", children: [
477
+ showGreeting && /* @__PURE__ */ jsxs("div", { className: "flex gap-2.5 items-start px-4 pt-5", children: [
478
478
  /* @__PURE__ */ jsx(Avatar3, { className: "h-7 w-7 shrink-0 mt-0.5 border", children: profilePicture ? /* @__PURE__ */ jsx(AvatarImage3, { src: profilePicture, alt: agentName }) : /* @__PURE__ */ jsx(AvatarFallback3, { className: "text-[10px] font-semibold bg-primary text-primary-foreground", children: agentName.slice(0, 2).toUpperCase() }) }),
479
479
  /* @__PURE__ */ jsx("div", { className: "rounded-2xl rounded-tl-sm bg-muted px-4 py-2.5 text-sm leading-relaxed max-w-[82%]", children: initialMessages[0] ?? "Hello! How can I help you today?" })
480
480
  ] }),
@@ -824,6 +824,24 @@ function BubbleWidget({
824
824
  "aria-hidden": !open,
825
825
  style: { display: open ? "block" : "none", position: "relative" },
826
826
  children: [
827
+ /* @__PURE__ */ jsx(
828
+ "div",
829
+ {
830
+ style: {
831
+ width: expanded ? Math.min(expandedWidth, typeof window !== "undefined" ? window.innerWidth - 40 : expandedWidth) : width,
832
+ height: expanded ? expandedHeight : height,
833
+ transition: "width 0.3s ease, height 0.3s ease"
834
+ },
835
+ children: /* @__PURE__ */ jsx(
836
+ ChatWidget,
837
+ {
838
+ ...mergedConfig,
839
+ hideCloseButton: true,
840
+ className: cn4("shadow-2xl h-full", panelClassName)
841
+ }
842
+ )
843
+ }
844
+ ),
827
845
  /* @__PURE__ */ jsxs(
828
846
  "div",
829
847
  {
@@ -881,24 +899,6 @@ function BubbleWidget({
881
899
  )
882
900
  ]
883
901
  }
884
- ),
885
- /* @__PURE__ */ jsx(
886
- "div",
887
- {
888
- style: {
889
- width: expanded ? Math.min(expandedWidth, typeof window !== "undefined" ? window.innerWidth - 40 : expandedWidth) : width,
890
- height: expanded ? expandedHeight : height,
891
- transition: "width 0.3s ease, height 0.3s ease"
892
- },
893
- children: /* @__PURE__ */ jsx(
894
- ChatWidget,
895
- {
896
- ...mergedConfig,
897
- hideCloseButton: true,
898
- className: cn4("shadow-2xl h-full", panelClassName)
899
- }
900
- )
901
- }
902
902
  )
903
903
  ]
904
904
  }
package/package.json CHANGED
@@ -33,7 +33,7 @@
33
33
  },
34
34
  "private": false,
35
35
  "types": "./dist/index.d.ts",
36
- "version": "1.3.0",
36
+ "version": "1.3.2",
37
37
  "scripts": {
38
38
  "build": "tsup",
39
39
  "typecheck": "tsc --noEmit"