@lumiastream/ui 0.2.8-alpha.20 → 0.2.8-alpha.22

package/dist/index.js

@@ -4618,40 +4618,8 @@ var SE_KAPPAGEN_EVENT_TO_LUMIA_ALERT = {
   // All three drop silently; the rest of the widget (size, spawn zone,
   // per-event flags for the remaining events) still imports.
 };
-function normalizeKappagenChatEmoteMode(mode) {
-  const normalized = String(mode ?? "").trim().toLowerCase();
-  if (!normalized || normalized === "off" || normalized === "false" || normalized === "none") return "off";
-  if (normalized.includes("combo")) return "combo";
-  return "show-all";
-}
 function mapKappagen(widget, ctx) {
   const v = widget.variables ?? {};
-  const kappagenName = widget.name ?? widget.id ?? "unnamed widget";
-  console.groupCollapsed("[SE Import][Kappagen raw widget]", kappagenName);
-  console.log("Full StreamElements widget:", widget);
-  console.log("Raw variables/settings:", widget.variables ?? null);
-  console.log("Listeners:", widget.listeners ?? null);
-  console.log("Events:", v.events ?? null);
-  console.log("Events config:", v.eventsConfig ?? null);
-  console.log("Kappagen animation/source settings:", {
-    cheersplosions: v.cheersplosions,
-    emotesplosion: v.emotesplosion,
-    emotesplosiondir: v.emotesplosiondir,
-    emotesplosionduration: v.emotesplosionduration,
-    mode: v.mode,
-    size: v.size,
-    spawnzone: v.spawnzone,
-    gif: v.gif,
-    emoji: v.emoji,
-    bttv: v.bttv,
-    ffz: v.ffz,
-    sevenTv: v.sevenTv,
-    duration: v.duration,
-    direction: v.direction,
-    fullscreen: v.fullscreen,
-    limit: v.limit
-  });
-  console.groupEnd();
   const eventsFromNested = v.eventsConfig ? {
     subscriber: v.eventsConfig.subscriber?.enabled ?? true,
     follower: v.eventsConfig.follower?.enabled ?? true,
@@ -4660,10 +4628,9 @@ function mapKappagen(widget, ctx) {
     tip: v.eventsConfig.tip?.enabled ?? true
   } : null;
   const events = v.events ?? eventsFromNested ?? { subscriber: true, follower: true, cheer: true, raid: true, tip: true };
-  const chatEmoteMode = normalizeKappagenChatEmoteMode(v.mode);
   const alertTriggers = Object.entries(events).filter(([, enabled]) => !!enabled).map(([seKey]) => SE_KAPPAGEN_EVENT_TO_LUMIA_ALERT[seKey]).filter((x) => !!x);
   const alertEmotes = ["Kappa", "<3", "imGlitch"];
-  const unit = buildUnit(
+  return buildUnit(
     widget,
     "emotealert",
     {
@@ -4683,9 +4650,6 @@ function mapKappagen(widget, ctx) {
         animationTime: typeof v.duration === "number" ? v.duration : 5,
         duration: typeof v.duration === "number" ? v.duration : 5,
         useAnimatedEmotes: true,
-        alertOn: true,
-        chatEmotesOn: chatEmoteMode !== "off",
-        chatEmoteMode,
         alertNumberEmotes: typeof v.limit === "number" && v.limit > 0 ? v.limit : 30,
         alertEmotes,
         alertTriggers,
@@ -4712,15 +4676,6 @@ function mapKappagen(widget, ctx) {
     },
     ctx
   );
-  console.groupCollapsed("[SE Import][Kappagen mapped emotealert]", kappagenName);
-  console.log("Resolved events:", events);
-  console.log("Mapped alert triggers:", alertTriggers);
-  console.log("Mapped chat emote mode:", chatEmoteMode);
-  console.log("Mapped alert emotes:", alertEmotes);
-  console.log("Mapped Emotealert unit:", unit);
-  console.log("Mapped Emotealert content:", unit.module?.content ?? null);
-  console.groupEnd();
-  return unit;
 }
 function mapLeaderboardFromVariables(widget, currency, ctx) {
   const v = widget.variables ?? {};
@@ -7230,6 +7185,7 @@ function SEImportWizard({
     existingAssets,
     saveOverlay,
     onComplete,
+    onOverlayImported,
     onClose,
     notify,
     CustomEmbed
@@ -7728,7 +7684,15 @@ function SEImportWizard({
         notify.success("Imported overlay from StreamElements.");
         mirrorAbortRef.current?.abort();
         onClose();
-        if (uuid) onComplete({ overlayId: uuid });
+        if (uuid) {
+          onOverlayImported?.({
+            overlayId: uuid,
+            sourceSEOverlayName: result.overlay.name || void 0,
+            width: result.overlay.settings.metadata.width || void 0,
+            height: result.overlay.settings.metadata.height || void 0
+          });
+          onComplete({ overlayId: uuid });
+        }
       } catch (error) {
         notify.error(`Import failed: ${extractErrorMessage(error)}`);
       } finally {
@@ -7744,6 +7708,18 @@ function SEImportWizard({
         settings: result.overlay.settings
       };
       const { uuid } = await saveOverlay(body);
+      const orderedIds = Array.from(selectedOverlayIds);
+      const sourceSEOverlayId = orderedIds[currentOverlayIndex - 1];
+      const sourceSummary = sourceSEOverlayId ? (overlayList ?? []).find((o) => o._id === sourceSEOverlayId) : void 0;
+      if (uuid) {
+        onOverlayImported?.({
+          overlayId: uuid,
+          sourceSEOverlayId,
+          sourceSEOverlayName: sourceSummary?.name ?? sourceSummary?.settings?.name ?? result.overlay.name ?? void 0,
+          width: sourceSummary?.settings?.width ?? result.overlay.settings.metadata.width ?? void 0,
+          height: sourceSummary?.settings?.height ?? result.overlay.settings.metadata.height ?? void 0
+        });
+      }
       const hasMore = overlayQueue.length > 0;
       if (hasMore) {
         notify.success(
@@ -7771,6 +7747,7 @@ function SEImportWizard({
     notify,
     onClose,
     onComplete,
+    onOverlayImported,
     options.name,
     result,
     saveOverlay,
@@ -7778,7 +7755,9 @@ function SEImportWizard({
     overlayQueue,
     currentOverlayIndex,
     totalOverlaysToImport,
-    loadBootstrapAndKickoff
+    loadBootstrapAndKickoff,
+    selectedOverlayIds,
+    overlayList
   ]);
   const visibleSteps = useMemo5(() => {
     const showMirrorStep = options.mirrorAssets && (assetUrls.length > 0 || mirrorRows.length > 0 || step === "mirror");

package/dist/se-import.d.ts

@@ -326,6 +326,13 @@ interface SEImportBindings {
     onComplete: (result: {
         overlayId: string;
     }) => void;
+    onOverlayImported?: (result: {
+        overlayId: string;
+        sourceSEOverlayId?: string;
+        sourceSEOverlayName?: string;
+        width?: number;
+        height?: number;
+    }) => void;
     onClose: () => void;
     notify: {
         success: (msg: string) => void;

package/dist/se-import.js

@@ -1503,40 +1503,8 @@ var SE_KAPPAGEN_EVENT_TO_LUMIA_ALERT = {
   // All three drop silently; the rest of the widget (size, spawn zone,
   // per-event flags for the remaining events) still imports.
 };
-function normalizeKappagenChatEmoteMode(mode) {
-  const normalized = String(mode ?? "").trim().toLowerCase();
-  if (!normalized || normalized === "off" || normalized === "false" || normalized === "none") return "off";
-  if (normalized.includes("combo")) return "combo";
-  return "show-all";
-}
 function mapKappagen(widget, ctx) {
   const v = widget.variables ?? {};
-  const kappagenName = widget.name ?? widget.id ?? "unnamed widget";
-  console.groupCollapsed("[SE Import][Kappagen raw widget]", kappagenName);
-  console.log("Full StreamElements widget:", widget);
-  console.log("Raw variables/settings:", widget.variables ?? null);
-  console.log("Listeners:", widget.listeners ?? null);
-  console.log("Events:", v.events ?? null);
-  console.log("Events config:", v.eventsConfig ?? null);
-  console.log("Kappagen animation/source settings:", {
-    cheersplosions: v.cheersplosions,
-    emotesplosion: v.emotesplosion,
-    emotesplosiondir: v.emotesplosiondir,
-    emotesplosionduration: v.emotesplosionduration,
-    mode: v.mode,
-    size: v.size,
-    spawnzone: v.spawnzone,
-    gif: v.gif,
-    emoji: v.emoji,
-    bttv: v.bttv,
-    ffz: v.ffz,
-    sevenTv: v.sevenTv,
-    duration: v.duration,
-    direction: v.direction,
-    fullscreen: v.fullscreen,
-    limit: v.limit
-  });
-  console.groupEnd();
   const eventsFromNested = v.eventsConfig ? {
     subscriber: v.eventsConfig.subscriber?.enabled ?? true,
     follower: v.eventsConfig.follower?.enabled ?? true,
@@ -1545,10 +1513,9 @@ function mapKappagen(widget, ctx) {
     tip: v.eventsConfig.tip?.enabled ?? true
   } : null;
   const events = v.events ?? eventsFromNested ?? { subscriber: true, follower: true, cheer: true, raid: true, tip: true };
-  const chatEmoteMode = normalizeKappagenChatEmoteMode(v.mode);
   const alertTriggers = Object.entries(events).filter(([, enabled]) => !!enabled).map(([seKey]) => SE_KAPPAGEN_EVENT_TO_LUMIA_ALERT[seKey]).filter((x) => !!x);
   const alertEmotes = ["Kappa", "<3", "imGlitch"];
-  const unit = buildUnit(
+  return buildUnit(
     widget,
     "emotealert",
     {
@@ -1568,9 +1535,6 @@ function mapKappagen(widget, ctx) {
         animationTime: typeof v.duration === "number" ? v.duration : 5,
         duration: typeof v.duration === "number" ? v.duration : 5,
         useAnimatedEmotes: true,
-        alertOn: true,
-        chatEmotesOn: chatEmoteMode !== "off",
-        chatEmoteMode,
         alertNumberEmotes: typeof v.limit === "number" && v.limit > 0 ? v.limit : 30,
         alertEmotes,
         alertTriggers,
@@ -1597,15 +1561,6 @@ function mapKappagen(widget, ctx) {
     },
     ctx
   );
-  console.groupCollapsed("[SE Import][Kappagen mapped emotealert]", kappagenName);
-  console.log("Resolved events:", events);
-  console.log("Mapped alert triggers:", alertTriggers);
-  console.log("Mapped chat emote mode:", chatEmoteMode);
-  console.log("Mapped alert emotes:", alertEmotes);
-  console.log("Mapped Emotealert unit:", unit);
-  console.log("Mapped Emotealert content:", unit.module?.content ?? null);
-  console.groupEnd();
-  return unit;
 }
 function mapLeaderboardFromVariables(widget, currency, ctx) {
   const v = widget.variables ?? {};
@@ -6100,6 +6055,7 @@ function SEImportWizard({
     existingAssets,
     saveOverlay,
     onComplete,
+    onOverlayImported,
     onClose,
     notify,
     CustomEmbed
@@ -6598,7 +6554,15 @@ function SEImportWizard({
         notify.success("Imported overlay from StreamElements.");
         mirrorAbortRef.current?.abort();
         onClose();
-        if (uuid) onComplete({ overlayId: uuid });
+        if (uuid) {
+          onOverlayImported?.({
+            overlayId: uuid,
+            sourceSEOverlayName: result.overlay.name || void 0,
+            width: result.overlay.settings.metadata.width || void 0,
+            height: result.overlay.settings.metadata.height || void 0
+          });
+          onComplete({ overlayId: uuid });
+        }
       } catch (error) {
         notify.error(`Import failed: ${extractErrorMessage(error)}`);
       } finally {
@@ -6614,6 +6578,18 @@ function SEImportWizard({
         settings: result.overlay.settings
       };
       const { uuid } = await saveOverlay(body);
+      const orderedIds = Array.from(selectedOverlayIds);
+      const sourceSEOverlayId = orderedIds[currentOverlayIndex - 1];
+      const sourceSummary = sourceSEOverlayId ? (overlayList ?? []).find((o) => o._id === sourceSEOverlayId) : void 0;
+      if (uuid) {
+        onOverlayImported?.({
+          overlayId: uuid,
+          sourceSEOverlayId,
+          sourceSEOverlayName: sourceSummary?.name ?? sourceSummary?.settings?.name ?? result.overlay.name ?? void 0,
+          width: sourceSummary?.settings?.width ?? result.overlay.settings.metadata.width ?? void 0,
+          height: sourceSummary?.settings?.height ?? result.overlay.settings.metadata.height ?? void 0
+        });
+      }
       const hasMore = overlayQueue.length > 0;
       if (hasMore) {
         notify.success(
@@ -6641,6 +6617,7 @@ function SEImportWizard({
     notify,
     onClose,
     onComplete,
+    onOverlayImported,
     options.name,
     result,
     saveOverlay,
@@ -6648,7 +6625,9 @@ function SEImportWizard({
     overlayQueue,
     currentOverlayIndex,
     totalOverlaysToImport,
-    loadBootstrapAndKickoff
+    loadBootstrapAndKickoff,
+    selectedOverlayIds,
+    overlayList
   ]);
   const visibleSteps = useMemo5(() => {
     const showMirrorStep = options.mirrorAssets && (assetUrls.length > 0 || mirrorRows.length > 0 || step === "mirror");

package/package.json

@@ -1,136 +1,136 @@
 {
-  "name": "@lumiastream/ui",
-  "version": "0.2.8-alpha.20",
-  "author": "Lumia Stream",
-  "license": "ISC",
-  "description": "Lumia UI Kit",
-  "packageManager": "npm@11.9.0",
-  "type": "module",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
-    },
-    "./components": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./LSButton": {
-      "types": "./dist/LSButton.d.ts",
-      "import": "./dist/LSButton.js"
-    },
-    "./LSCheckbox": {
-      "types": "./dist/LSCheckbox.d.ts",
-      "import": "./dist/LSCheckbox.js"
-    },
-    "./LSColorPicker": {
-      "types": "./dist/LSColorPicker.d.ts",
-      "import": "./dist/LSColorPicker.js"
-    },
-    "./LSDatePicker": {
-      "types": "./dist/LSDatePicker.d.ts",
-      "import": "./dist/LSDatePicker.js"
-    },
-    "./LSFontPicker": {
-      "types": "./dist/LSFontPicker.d.ts",
-      "import": "./dist/LSFontPicker.js"
-    },
-    "./LSInput": {
-      "types": "./dist/LSInput.d.ts",
-      "import": "./dist/LSInput.js"
-    },
-    "./LSMultiSelect": {
-      "types": "./dist/LSMultiSelect.d.ts",
-      "import": "./dist/LSMultiSelect.js"
-    },
-    "./LSRadio": {
-      "types": "./dist/LSRadio.d.ts",
-      "import": "./dist/LSRadio.js"
-    },
-    "./LSSelect": {
-      "types": "./dist/LSSelect.d.ts",
-      "import": "./dist/LSSelect.js"
-    },
-    "./LSSliderInput": {
-      "types": "./dist/LSSliderInput.d.ts",
-      "import": "./dist/LSSliderInput.js"
-    },
-    "./LSTextField": {
-      "types": "./dist/LSTextField.d.ts",
-      "import": "./dist/LSTextField.js"
-    },
-    "./LSVariableInputField": {
-      "types": "./dist/LSVariableInputField.d.ts",
-      "import": "./dist/LSVariableInputField.js"
-    },
-    "./utils": {
-      "types": "./dist/utils.d.ts",
-      "import": "./dist/utils.js"
-    },
-    "./utils/chatMedia": {
-      "types": "./dist/utils/chatMedia.d.ts",
-      "import": "./dist/utils/chatMedia.js"
-    },
-    "./se-import": {
-      "types": "./dist/se-import.d.ts",
-      "import": "./dist/se-import.js"
-    }
-  },
-  "scripts": {
-    "start": "storybook dev -p 6006",
-    "build": "tsup",
-    "build-storybook": "storybook build",
-    "watch": "tsup --watch",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "release": "changeset && changeset tag && npm run build && npm publish",
-    "prepublishOnly": "npm run build",
-    "postpublish": "npm cache clean --force && node ./scripts/postpublish-install.mjs"
-  },
-  "peerDependencies": {
-    "@codemirror/autocomplete": "^6.0.0",
-    "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.1",
-    "@mui/icons-material": "^9.0.0",
-    "@mui/material": "^9.0.0",
-    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "react-hook-form": "^7.62.0"
-  },
-  "devDependencies": {
-    "@codemirror/autocomplete": "^6.20.1",
-    "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.1",
-    "@mui/icons-material": "^9.0.0",
-    "@mui/material": "^9.0.0",
-    "@storybook/builder-vite": "^10.2.17",
-    "@storybook/react-vite": "^10.2.17",
-    "@types/node": "^25.5.0",
-    "@types/react": "^19.2.14",
-    "@types/react-dom": "19.2.3",
-    "postcss": "^8.5.14",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "react-hook-form": "^7.73.1",
-    "sass-embedded": "^1.99.0",
-    "storybook": "^10.2.17",
-    "tsup": "^8.5.1",
-    "typescript": "^5.9.3",
-    "vite": "^8.0.8",
-    "vitest": "^4.1.6"
-  },
-  "dependencies": {
-    "@lumiastream/lumia-translations": "1.15.7",
-    "@lumiastream/lumia-types": "^3.3.7-alpha.2",
-    "classnames": "^2.5.1",
-    "globals": "^17.4.0",
-    "nanoid": "^5.1.11",
-    "react-best-gradient-color-picker": "^3.0.14"
-  }
+	"name": "@lumiastream/ui",
+	"version": "0.2.8-alpha.22",
+	"author": "Lumia Stream",
+	"license": "ISC",
+	"description": "Lumia UI Kit",
+	"packageManager": "npm@11.9.0",
+	"type": "module",
+	"main": "dist/index.js",
+	"module": "dist/index.js",
+	"types": "dist/index.d.ts",
+	"files": [
+		"dist"
+	],
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"import": "./dist/index.js"
+		},
+		"./components": {
+			"types": "./dist/components.d.ts",
+			"import": "./dist/components.js"
+		},
+		"./LSButton": {
+			"types": "./dist/LSButton.d.ts",
+			"import": "./dist/LSButton.js"
+		},
+		"./LSCheckbox": {
+			"types": "./dist/LSCheckbox.d.ts",
+			"import": "./dist/LSCheckbox.js"
+		},
+		"./LSColorPicker": {
+			"types": "./dist/LSColorPicker.d.ts",
+			"import": "./dist/LSColorPicker.js"
+		},
+		"./LSDatePicker": {
+			"types": "./dist/LSDatePicker.d.ts",
+			"import": "./dist/LSDatePicker.js"
+		},
+		"./LSFontPicker": {
+			"types": "./dist/LSFontPicker.d.ts",
+			"import": "./dist/LSFontPicker.js"
+		},
+		"./LSInput": {
+			"types": "./dist/LSInput.d.ts",
+			"import": "./dist/LSInput.js"
+		},
+		"./LSMultiSelect": {
+			"types": "./dist/LSMultiSelect.d.ts",
+			"import": "./dist/LSMultiSelect.js"
+		},
+		"./LSRadio": {
+			"types": "./dist/LSRadio.d.ts",
+			"import": "./dist/LSRadio.js"
+		},
+		"./LSSelect": {
+			"types": "./dist/LSSelect.d.ts",
+			"import": "./dist/LSSelect.js"
+		},
+		"./LSSliderInput": {
+			"types": "./dist/LSSliderInput.d.ts",
+			"import": "./dist/LSSliderInput.js"
+		},
+		"./LSTextField": {
+			"types": "./dist/LSTextField.d.ts",
+			"import": "./dist/LSTextField.js"
+		},
+		"./LSVariableInputField": {
+			"types": "./dist/LSVariableInputField.d.ts",
+			"import": "./dist/LSVariableInputField.js"
+		},
+		"./utils": {
+			"types": "./dist/utils.d.ts",
+			"import": "./dist/utils.js"
+		},
+		"./utils/chatMedia": {
+			"types": "./dist/utils/chatMedia.d.ts",
+			"import": "./dist/utils/chatMedia.js"
+		},
+		"./se-import": {
+			"types": "./dist/se-import.d.ts",
+			"import": "./dist/se-import.js"
+		}
+	},
+	"scripts": {
+		"start": "storybook dev -p 6006",
+		"build": "tsup",
+		"build-storybook": "storybook build",
+		"watch": "tsup --watch",
+		"test": "vitest run",
+		"test:watch": "vitest",
+		"release": "changeset && changeset tag && npm run build && npm publish",
+		"prepublishOnly": "npm run build",
+		"postpublish": "npm cache clean --force && node ./scripts/postpublish-install.mjs"
+	},
+	"peerDependencies": {
+		"@codemirror/autocomplete": "^6.0.0",
+		"@emotion/react": "^11.14.0",
+		"@emotion/styled": "^11.14.1",
+		"@mui/icons-material": "^9.0.0",
+		"@mui/material": "^9.0.0",
+		"react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+		"react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
+		"react-hook-form": "^7.62.0"
+	},
+	"devDependencies": {
+		"@codemirror/autocomplete": "^6.20.1",
+		"@emotion/react": "^11.14.0",
+		"@emotion/styled": "^11.14.1",
+		"@mui/icons-material": "^9.0.0",
+		"@mui/material": "^9.0.0",
+		"@storybook/builder-vite": "^10.2.17",
+		"@storybook/react-vite": "^10.2.17",
+		"@types/node": "^25.5.0",
+		"@types/react": "^19.2.14",
+		"@types/react-dom": "19.2.3",
+		"postcss": "^8.5.14",
+		"react": "^19.2.0",
+		"react-dom": "^19.2.0",
+		"react-hook-form": "^7.73.1",
+		"sass-embedded": "^1.99.0",
+		"storybook": "^10.2.17",
+		"tsup": "^8.5.1",
+		"typescript": "^5.9.3",
+		"vite": "^8.0.8",
+		"vitest": "^4.1.6"
+	},
+	"dependencies": {
+		"@lumiastream/lumia-translations": "1.15.7",
+		"@lumiastream/lumia-types": "^3.3.7-alpha.2",
+		"classnames": "^2.5.1",
+		"globals": "^17.4.0",
+		"nanoid": "^5.1.11",
+		"react-best-gradient-color-picker": "^3.0.14"
+	}
 }