@lumiastream/ui 0.6.9 → 0.7.0

package/dist/index.js

@@ -5412,10 +5412,8 @@ function mapChatbox(widget, ctx) {
   const fadeOutSeconds = isPermanent ? 0 : typeof v.fadeOut === "number" && v.fadeOut > 0 ? v.fadeOut : typeof v.delay === "number" && v.delay > 0 ? v.delay : DEFAULT_FADE_SECONDS;
   const DEFAULT_CHATBOX_FONT_SIZE = 14;
   const moduleCss = {};
-  const fontFamily = messageWins("font-family");
-  if (fontFamily != null) moduleCss.fontFamily = fontFamily;
-  const fontSize = messageWins("font-size");
-  moduleCss.fontSize = fontSize != null ? fontSize : DEFAULT_CHATBOX_FONT_SIZE;
+  const messageFontSize = messageCss["font-size"];
+  moduleCss.fontSize = typeof messageFontSize === "number" && messageFontSize > 0 || typeof messageFontSize === "string" && messageFontSize.length > 0 ? messageFontSize : DEFAULT_CHATBOX_FONT_SIZE;
   const rawColor = messageWins("color");
   const isSeDefaultColor = rawColor == null || typeof rawColor === "string" && (rawColor === "" || rawColor.toLowerCase() === "#fff" || rawColor.toLowerCase() === "#ffffff");
   if (!isSeDefaultColor) {
@@ -5425,6 +5423,10 @@ function mapChatbox(widget, ctx) {
   } else if (rawColor != null) {
     moduleCss.color = rawColor;
   }
+  const messageFontFamily = messageCss["font-family"];
+  if (typeof messageFontFamily === "string" && messageFontFamily.length > 0) {
+    moduleCss.fontFamily = messageFontFamily;
+  }
   const messageTextShadow = messageCss["text-shadow"];
   if (typeof messageTextShadow === "string" && messageTextShadow.length > 0) {
     moduleCss.textShadow = messageTextShadow;
@@ -10209,19 +10211,17 @@ function StepReview({
   ] });
 }
 var CUSTOM_WIDGET_TABS = [
-  { key: "listeners", label: "listeners" },
-  { key: "css", label: "variables.css" },
-  { key: "html", label: "variables.html" },
-  { key: "js", label: "variables.js" },
-  { key: "fields", label: "variables.fields" },
-  { key: "fieldData", label: "variables.fieldData" },
-  { key: "provider", label: "provider" }
+  { key: "css", label: "CSS" },
+  { key: "html", label: "HTML" },
+  { key: "js", label: "JS" },
+  { key: "fields", label: "Fields" },
+  { key: "fieldData", label: "FieldData" },
+  { key: "listeners", label: "Listeners" },
+  { key: "provider", label: "Provider" }
 ];
 function CustomWidgetCard({ widget }) {
   const tabs = CUSTOM_WIDGET_TABS.filter(({ key }) => widget[key].trim().length > 0);
-  const [activeKey, setActiveKey] = useState6(
-    tabs[0]?.key ?? "js"
-  );
+  const [activeKey, setActiveKey] = useState6(tabs[0]?.key ?? "js");
   const [copied, setCopied] = useState6(false);
   const value = widget[activeKey] ?? "";
   useEffect6(() => setCopied(false), [activeKey]);

package/dist/se-import.js

@@ -2332,10 +2332,8 @@ function mapChatbox(widget, ctx) {
   const fadeOutSeconds = isPermanent ? 0 : typeof v.fadeOut === "number" && v.fadeOut > 0 ? v.fadeOut : typeof v.delay === "number" && v.delay > 0 ? v.delay : DEFAULT_FADE_SECONDS;
   const DEFAULT_CHATBOX_FONT_SIZE = 14;
   const moduleCss = {};
-  const fontFamily = messageWins("font-family");
-  if (fontFamily != null) moduleCss.fontFamily = fontFamily;
-  const fontSize = messageWins("font-size");
-  moduleCss.fontSize = fontSize != null ? fontSize : DEFAULT_CHATBOX_FONT_SIZE;
+  const messageFontSize = messageCss["font-size"];
+  moduleCss.fontSize = typeof messageFontSize === "number" && messageFontSize > 0 || typeof messageFontSize === "string" && messageFontSize.length > 0 ? messageFontSize : DEFAULT_CHATBOX_FONT_SIZE;
   const rawColor = messageWins("color");
   const isSeDefaultColor = rawColor == null || typeof rawColor === "string" && (rawColor === "" || rawColor.toLowerCase() === "#fff" || rawColor.toLowerCase() === "#ffffff");
   if (!isSeDefaultColor) {
@@ -2345,6 +2343,10 @@ function mapChatbox(widget, ctx) {
   } else if (rawColor != null) {
     moduleCss.color = rawColor;
   }
+  const messageFontFamily = messageCss["font-family"];
+  if (typeof messageFontFamily === "string" && messageFontFamily.length > 0) {
+    moduleCss.fontFamily = messageFontFamily;
+  }
   const messageTextShadow = messageCss["text-shadow"];
   if (typeof messageTextShadow === "string" && messageTextShadow.length > 0) {
     moduleCss.textShadow = messageTextShadow;
@@ -9085,19 +9087,17 @@ function StepReview({
   ] });
 }
 var CUSTOM_WIDGET_TABS = [
-  { key: "listeners", label: "listeners" },
-  { key: "css", label: "variables.css" },
-  { key: "html", label: "variables.html" },
-  { key: "js", label: "variables.js" },
-  { key: "fields", label: "variables.fields" },
-  { key: "fieldData", label: "variables.fieldData" },
-  { key: "provider", label: "provider" }
+  { key: "css", label: "CSS" },
+  { key: "html", label: "HTML" },
+  { key: "js", label: "JS" },
+  { key: "fields", label: "Fields" },
+  { key: "fieldData", label: "FieldData" },
+  { key: "listeners", label: "Listeners" },
+  { key: "provider", label: "Provider" }
 ];
 function CustomWidgetCard({ widget }) {
   const tabs = CUSTOM_WIDGET_TABS.filter(({ key }) => widget[key].trim().length > 0);
-  const [activeKey, setActiveKey] = useState6(
-    tabs[0]?.key ?? "js"
-  );
+  const [activeKey, setActiveKey] = useState6(tabs[0]?.key ?? "js");
   const [copied, setCopied] = useState6(false);
   const value = widget[activeKey] ?? "";
   useEffect6(() => setCopied(false), [activeKey]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lumiastream/ui",
-  "version": "0.6.9",
+  "version": "0.7.0",
   "author": "Lumia Stream",
   "license": "ISC",
   "description": "Lumia UI Kit",
@@ -129,7 +129,7 @@
   },
   "dependencies": {
     "@lumiastream/lumia-translations": "1.16.5",
-    "@lumiastream/lumia-types": "3.6.5",
+    "@lumiastream/lumia-types": "3.6.6",
     "classnames": "^2.5.1",
     "globals": "^17.4.0",
     "nanoid": "^5.1.11",