@superblocksteam/library 2.0.42-next.48 → 2.0.42-next.49

package/dist/index.js

@@ -1,5 +1,5 @@
 import { early_console_buffer_default } from "./early-console-buffer-DWTLgla0.js";
-import { CLASS_NAMES, DEFAULT_ANONYMOUS_SOURCE_ID, DevTools, EventFlow, FileManager, GLOBAL_SCOPE_ID, LazyFunction, NavigationEvent, Prop, PropsPanelCategory, RecordProp, Section, VALIDATORS, addNewPromise, colors, createInternalPropsList, createManagedPropsList, createPropertiesPanelDefinition, editorBridge, generateId, getEditStore, getFileWithUploadId, getName, iframeMessageHandler, isEditMode, isEmbeddedBySuperblocksFirstParty, isLocalLink, isName, isNameEqual, navigation, rejectById, resolveById, root_store_default, run_event_handlers_default, sendNotification, startEditorSync, system_error_default } from "./root-store-DHEbJGYN.js";
+import { CLASS_NAMES, DEFAULT_ANONYMOUS_SOURCE_ID, DevTools, EventFlow, FileManager, GLOBAL_SCOPE_ID, LazyFunction, NavigationEvent, Prop, PropsPanelCategory, RecordProp, Section, VALIDATORS, addNewPromise, colors, createInternalPropsList, createManagedPropsList, createPropertiesPanelDefinition, editorBridge, generateId, getEditStore, getFileWithUploadId, getName, iframeMessageHandler, isEditMode, isEmbeddedBySuperblocksFirstParty, isLocalLink, isName, isNameEqual, navigation, rejectById, resolveById, root_store_default, run_event_handlers_default, sendNotification, startEditorSync, system_error_default } from "./root-store-DSXdJ9lh.js";
 import "./utils-CCBWAYIM.js";
 import { AiContextMode, AiGenerationState, BindingMetaSymbol, SbEntityType, StateVarPersistence, StateVarPersistence as StateVarPersistence$1, ThemeMode, TriggerStepType, ViteMessageKind, isValidStepDef, sbEntitySymbol } from "@superblocksteam/library-shared/types";
 import _, { get, isEmpty, isEqual, isNumber, isObject, merge, set, throttle } from "lodash";
@@ -1221,8 +1221,7 @@ const cyrb53 = (str, seed = 0) => {
 const styleWithPrefix = (prefix) => (strings, ...params) => {
 	const style = String.raw(strings, ...params);
 	const namespace = prefix + cyrb53(style).toString(36);
-	const parsed = serialize(compile(`.${namespace}{${style}}`), middleware([prefixer, stringify]));
-	insertStyleRule(parsed);
+	insertStyleRule(serialize(compile(`.${namespace}{${style}}`), middleware([prefixer, stringify])));
 	return namespace;
 };
 const styleAsClass = styleWithPrefix("s");
@@ -2056,14 +2055,13 @@ Section.category(PropsPanelCategory.Layout).add({
 });
 const InternalStack = observer(({ direction = "column", spacing: spacing$1, children, shouldScrollContents: shouldScrollContents$1, className,...props }) => {
 	const { height, width,...rest } = props;
-	const combinedClassName = [...useStackClasses({
-		direction,
-		verticalAlign: props.verticalAlign,
-		horizontalAlign: props.horizontalAlign,
-		shouldScrollContents: shouldScrollContents$1
-	}), className].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx("div", {
-		className: combinedClassName,
+		className: [...useStackClasses({
+			direction,
+			verticalAlign: props.verticalAlign,
+			horizontalAlign: props.horizontalAlign,
+			shouldScrollContents: shouldScrollContents$1
+		}), className].filter(Boolean).join(" "),
 		...rest,
 		ref: props.dropTargetRef,
 		children
@@ -2175,9 +2173,8 @@ const InternalContainer = (props) => {
 		style,
 		shouldApplyEmptyContainerMinHeight
 	]);
-	const classes = useMemo(() => [...componentClasses, props.className].join(" "), [componentClasses, props.className]);
 	return /* @__PURE__ */ jsx(StyledContainerWrapper, {
-		className: classes,
+		className: useMemo(() => [...componentClasses, props.className].join(" "), [componentClasses, props.className]),
 		style: containerStyle,
 		...passThroughProps,
 		"data-container-layout": props.layout,
@@ -3136,13 +3133,10 @@ const ShimmerDiv = styled.div`
 */
 function SuspenseFallback({ style, noBorderRadius }) {
 	const { theme } = useTheme$1();
-	const backgroundColor = theme?.colors?.neutral50 || "#f8f9fa";
-	const shimmerHighlight = theme?.colors?.neutral100 || "#ffffff";
-	const borderRadius$1 = noBorderRadius ? "0px" : theme?.borderRadius.value + theme?.borderRadius.mode;
 	return /* @__PURE__ */ jsx(ShimmerDiv, {
-		$backgroundColor: backgroundColor,
-		$shimmerHighlight: shimmerHighlight,
-		$borderRadius: borderRadius$1,
+		$backgroundColor: theme?.colors?.neutral50 || "#f8f9fa",
+		$shimmerHighlight: theme?.colors?.neutral100 || "#ffffff",
+		$borderRadius: noBorderRadius ? "0px" : theme?.borderRadius.value + theme?.borderRadius.mode,
 		style: style?.(),
 		className: CSS_CLASSES.ANCHOR_NAME,
 		"data-test": "suspense-fallback"
@@ -3679,8 +3673,7 @@ const DropLayer = observer((props) => {
 	const isDropTargetStackLike = editStore.ui.dnd.isDropTargetStackLike;
 	const dropTargetId = editStore.ui.dnd.dropTargetId;
 	const isDropTargetInInteractionLayer = doesInteractionLayerContainInstance(props.rootInstanceId, dropTargetId);
-	const possibleStackDrop = editStore.ui.dnd.isDragging && isDropTargetInInteractionLayer && Boolean(draggedWidgetType && dropTargetWidgetType) && isDropTargetStackLike;
-	return /* @__PURE__ */ jsxs(Fragment, { children: [possibleStackDrop && /* @__PURE__ */ jsx(StackDropPreview, {}), /* @__PURE__ */ jsx(DragOverlay, {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [editStore.ui.dnd.isDragging && isDropTargetInInteractionLayer && Boolean(draggedWidgetType && dropTargetWidgetType) && isDropTargetStackLike && /* @__PURE__ */ jsx(StackDropPreview, {}), /* @__PURE__ */ jsx(DragOverlay, {
 		modifiers: [snapCenterToCursor],
 		dropAnimation: null
 	})] });
@@ -3891,9 +3884,8 @@ function InteractionRectActions(props) {
 	const isAiTaggingEnabled = getEditStore().ai.getIsTaggingEnabled();
 	const shouldHideActions = !isPrimaryInstanceId;
 	const shouldShowAddToChatButton = isAiTaggingEnabled && (aiContextMode === AiContextMode.SILENT || aiContextMode === AiContextMode.HIGHLIGHT && type !== "TARGETED");
-	const shouldShowAiPurplePill = isAiTaggingEnabled && (aiContextMode === AiContextMode.AUTO_SELECT || aiContextMode === AiContextMode.HIGHLIGHT && type === "TARGETED");
 	return /* @__PURE__ */ jsxs("div", {
-		className: `sb-edit-interaction-rect-actions ${shouldShowAiPurplePill ? "sb-edit-actions-target-mode" : ""}`,
+		className: `sb-edit-interaction-rect-actions ${isAiTaggingEnabled && (aiContextMode === AiContextMode.AUTO_SELECT || aiContextMode === AiContextMode.HIGHLIGHT && type === "TARGETED") ? "sb-edit-actions-target-mode" : ""}`,
 		"data-sb-actions-id": instanceId,
 		style: {
 			...shouldHideActions ? { display: "none !important" } : {},
@@ -4136,7 +4128,7 @@ const useWidgetErrors = (params) => {
 };
 const useSelectionElements = (params) => {
 	const { focusedInstanceId, selectedInstanceIds, targetedSourceIds, aiContextMode, rootId } = params;
-	const allTargetedComponents = useMemo(() => {
+	const visibleTargetedComponents = useViewportIntersection(useMemo(() => {
 		const components = [];
 		targetedSourceIds.forEach((sourceId) => {
 			const sourceInstanceIds = getEditStore().runtimeEntitiesManager.widgets.getAllInstanceIdsForSourceId(sourceId);
@@ -4146,8 +4138,7 @@ const useSelectionElements = (params) => {
 			})));
 		});
 		return components;
-	}, [targetedSourceIds, rootId]);
-	const visibleTargetedComponents = useViewportIntersection(allTargetedComponents);
+	}, [targetedSourceIds, rootId]));
 	return useObserverMemo(() => {
 		const selectedRects = [];
 		visibleTargetedComponents.forEach((component) => {
@@ -4405,28 +4396,26 @@ const InteractionLayer = observer((props) => {
 	}, [handleCanvasClick]);
 	const isAiEditing = editStore.ai.getIsEditing();
 	if (!isActive || isAiEditing) return null;
-	const interactionRectsForSelectedElements = selectedElements.filter((info) => {
-		const id = getEditWrapperIdWithType(info.instanceId, info.type);
-		const element = document.querySelector(`[data-sb-selector="${id}"]`);
-		return !isComponentTypeDetached(info.type) && element != null;
-	}).map((info, index) => {
-		return /* @__PURE__ */ jsx(InteractionRect, {
-			isDragging: editStore.ui.dnd.isDragging,
-			...info
-		}, info.instanceId + info.selectionType + index);
-	});
-	const interactionRectIfDetachedComponent = isComponentTypeDetached(props.rootType) ? /* @__PURE__ */ jsx(InteractionRect, {
-		isDragging: false,
-		selectionType: "FOCUSED",
-		instanceId: props.rootInstanceId,
-		displayName: props.rootName ?? "Unknown",
-		hideRectBorder: false
-	}, props.rootInstanceId) : null;
 	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", {
 		className: "sb-interaction-layer-wrapper",
 		children: [
-			interactionRectsForSelectedElements,
-			interactionRectIfDetachedComponent,
+			selectedElements.filter((info) => {
+				const id = getEditWrapperIdWithType(info.instanceId, info.type);
+				const element = document.querySelector(`[data-sb-selector="${id}"]`);
+				return !isComponentTypeDetached(info.type) && element != null;
+			}).map((info, index) => {
+				return /* @__PURE__ */ jsx(InteractionRect, {
+					isDragging: editStore.ui.dnd.isDragging,
+					...info
+				}, info.instanceId + info.selectionType + index);
+			}),
+			isComponentTypeDetached(props.rootType) ? /* @__PURE__ */ jsx(InteractionRect, {
+				isDragging: false,
+				selectionType: "FOCUSED",
+				instanceId: props.rootInstanceId,
+				displayName: props.rootName ?? "Unknown",
+				hideRectBorder: false
+			}, props.rootInstanceId) : null,
 			Object.entries(widgetWithErrors).map(([id, { name }]) => /* @__PURE__ */ jsx(InteractionRect, {
 				isDragging: false,
 				selectionType: "ERROR",
@@ -4791,9 +4780,7 @@ function getRgbArrayFromHex(hex) {
 	];
 }
 function chooseContrastTextColor(primaryColor) {
-	const whiteContrast = checkContrast(LIGHT_MODE_NEUTRALS[0], primaryColor);
-	const darkContrast = checkContrast(DARK_MODE_NEUTRALS[0], primaryColor);
-	return whiteContrast >= darkContrast - CONTRAST_TEXT_THRESHOLD ? LIGHT_MODE_NEUTRALS[0] : DARK_MODE_NEUTRALS[0];
+	return checkContrast(LIGHT_MODE_NEUTRALS[0], primaryColor) >= checkContrast(DARK_MODE_NEUTRALS[0], primaryColor) - CONTRAST_TEXT_THRESHOLD ? LIGHT_MODE_NEUTRALS[0] : DARK_MODE_NEUTRALS[0];
 }
 function checkContrast(foreground, background) {
 	const textColor = getRgbArrayFromHex(foreground);
@@ -4816,11 +4803,10 @@ const getPrimaryVariants = (primaryColor, neutralColor) => {
 	const shouldLighten = tinycolor(primaryColor).isDark();
 	const primary500 = neutralColor ? adjustForReadability(primaryColor, neutralColor) : primaryColor;
 	const primary600 = shouldLighten ? tinycolor(primary500).lighten(10).toHexString() : tinycolor(primary500).darken(10).toHexString();
-	const primary700 = shouldLighten ? tinycolor(primary600).lighten(5).toHexString() : tinycolor(primary600).darken(5).toHexString();
 	return {
 		primary500,
 		primary600,
-		primary700
+		primary700: shouldLighten ? tinycolor(primary600).lighten(5).toHexString() : tinycolor(primary600).darken(5).toHexString()
 	};
 };
 function generateThemeColors({ themePrimaryColor, palette, isDarkMode }) {
@@ -4922,7 +4908,7 @@ function generateTheme(userDefinedTheme, overrides, overrideMode) {
 		fontFamily: typeFace,
 		textColor: { default: generatedColors.neutral700 }
 	};
-	const theme = {
+	return merge({
 		version: 5,
 		colors: generatedColors,
 		fontFamily: typeFace,
@@ -5475,8 +5461,7 @@ function generateTheme(userDefinedTheme, overrides, overrideMode) {
 			disabled: generatedColors.neutral300,
 			error: generatedColors.danger
 		} } }
-	};
-	return merge(theme, overrides);
+	}, overrides);
 }
 
 //#endregion
@@ -5990,8 +5975,7 @@ async function connectSocket(serverUrl, { peerId, userId, applicationId, onClose
 	root_store_default.editStore?.connectionManager.initializeSocket();
 	try {
 		let stopSocketHeartbeat;
-		const ws = await connectWebSocket(wsUrl.toString());
-		const isocket = new ISocketWithClientAuth(ws, void 0, {
+		const socket = createISocketClient(new ISocketWithClientAuth(await connectWebSocket(wsUrl.toString()), void 0, {
 			nonVisualEdit: [async () => {
 				getEditStore().ui.selectWidget(null);
 			}],
@@ -6080,8 +6064,7 @@ async function connectSocket(serverUrl, { peerId, userId, applicationId, onClose
 				connectionTimeoutInSeconds: void 0,
 				noResponseTimeoutInSeconds: 60
 			}
-		});
-		const socket = createISocketClient(isocket);
+		}));
 		console.log("connected to socket");
 		stopSocketHeartbeat = startSocketHeartbeat(socket);
 		root_store_default.editStore?.connectionManager.connect();
@@ -6125,11 +6108,9 @@ function generateAndSendComponentDocs(options) {
 //#endregion
 //#region src/lib/internal-details/identifier-normalizer.ts
 const getNormalizedIdInfo = (params) => {
-	const name = params.bind?.entityName;
-	const scopeId = params.bind?.scopeId ?? params.fallbackScopeId;
 	return {
-		name,
-		scopeId
+		name: params.bind?.entityName,
+		scopeId: params.bind?.scopeId ?? params.fallbackScopeId
 	};
 };
 
@@ -6882,11 +6863,10 @@ const fixCursorSnapOffset = (args) => {
 		if (!a.pointerInside && b.pointerInside) return 1;
 		return (bData?.depth ?? 0) - (aData?.depth ?? 0);
 	});
-	const modifiedArgs = {
+	const result = bubblingToParentIfFar({
 		...updated,
 		collisions: sortedCollisions
-	};
-	const result = bubblingToParentIfFar(modifiedArgs);
+	});
 	if (result[0]) result[0].data = {
 		...result[0].data ?? {},
 		injectedCollisionRect: updated.collisionRect
@@ -7084,16 +7064,14 @@ const useHandleDnDEvents = () => {
 				const draggedId = event.active?.id ? String(event.active?.id) : null;
 				if (dropTargetId !== editStore.ui.dnd.dropTargetId) throw new Error("Drop target id and drag over id do not match");
 				if (!dropTargetId) throw new Error("No drop target id");
-				if (editStore.ui.dnd.isDropTargetStackLike) {
-					const dropInfo = editStore.ui.dnd.stack.refreshPositionsAndGetDropIndex();
-					possibleNewComponentId = await handleStackDrop({
-						dropInfo,
-						isDraggingNewComponent: editStore.ui.dnd.isDraggingNewComponent,
-						newComponentType: editStore.ui.dnd.dragToCanvasComponentType,
-						dropTargetId,
-						draggedId
-					});
-				} else throw new Error("Grid is no longer supported");
+				if (editStore.ui.dnd.isDropTargetStackLike) possibleNewComponentId = await handleStackDrop({
+					dropInfo: editStore.ui.dnd.stack.refreshPositionsAndGetDropIndex(),
+					isDraggingNewComponent: editStore.ui.dnd.isDraggingNewComponent,
+					newComponentType: editStore.ui.dnd.dragToCanvasComponentType,
+					dropTargetId,
+					draggedId
+				});
+				else throw new Error("Grid is no longer supported");
 			} catch (e) {
 				console.error("Error dropping item", e);
 			} finally {
@@ -7126,11 +7104,8 @@ const DragHandlerComponent = () => {
 	return null;
 };
 const DnDProvider = (props) => {
-	const pointerSensor = useSensor(PointerSensor, pointerConfig);
-	const customPointerSensor = useSensor(CustomPointerSensor);
-	const sensors = useSensors(pointerSensor, customPointerSensor);
 	return /* @__PURE__ */ jsxs(DndContext, {
-		sensors,
+		sensors: useSensors(useSensor(PointerSensor, pointerConfig), useSensor(CustomPointerSensor)),
 		collisionDetection: collision_detection_default,
 		children: [props.children, /* @__PURE__ */ jsx(DragHandlerComponent, {})]
 	});
@@ -7581,8 +7556,7 @@ var PropertiesPanelManager = class {
 		if (!props?.type) return { sections: [] };
 		const propertiesDefinition$5 = this.propertiesDefinitions.get(props.type);
 		if (!propertiesDefinition$5) return { sections: [] };
-		const state = this.entityManager.getState(scopeId);
-		return createPropertiesPanelDefinition(propertiesDefinition$5, props, state);
+		return createPropertiesPanelDefinition(propertiesDefinition$5, props, this.entityManager.getState(scopeId));
 	}
 	trackPropertiesPanel(scopeId, instanceId, sourceId) {
 		if (this.propertiesPanelTrackerDisposer) this.propertiesPanelTrackerDisposer();
@@ -8481,13 +8455,11 @@ const computeDragInfo = (params) => {
 			gapSize /= 2;
 			let offsetPx;
 			if (potentialIdx === filteredChildIds.length) {
-				const lastInstanceId = filteredChildIds[filteredChildIds.length - 1];
-				const rect = childRects[lastInstanceId]?.[0];
+				const rect = childRects[filteredChildIds[filteredChildIds.length - 1]]?.[0];
 				if (!rect) return;
 				offsetPx = major.end(rect) - DROP_LINE_THICKNESS / 2 + gapSize;
 			} else {
-				const instanceId = filteredChildIds[potentialIdx];
-				const rect = childRects[instanceId]?.[0];
+				const rect = childRects[filteredChildIds[potentialIdx]]?.[0];
 				if (!rect) return;
 				offsetPx = major.start(rect) - DROP_LINE_THICKNESS / 2 - gapSize;
 			}
@@ -8525,8 +8497,7 @@ const computeDragInfo = (params) => {
 	let insertionIndex = filteredInsertionIndex;
 	if (insertionIndex === filteredChildIds.length) insertionIndex = childrenNodes.length;
 	else {
-		const widgetAtInsertionIndex = filteredChildIds[filteredInsertionIndex];
-		const originalIndex = childRects[widgetAtInsertionIndex]?.[1];
+		const originalIndex = childRects[filteredChildIds[filteredInsertionIndex]]?.[1];
 		if (originalIndex != null) insertionIndex = originalIndex;
 	}
 	return {
@@ -8651,8 +8622,7 @@ var DragAndDropManager = class {
 	}
 	get isDropTargetStackLike() {
 		const dropTargetId = this.dropTargetId;
-		const widgetMeta = dropTargetId ? getEditStore().runtimeEntitiesManager.getEditorWidgetMeta(dropTargetId) : void 0;
-		return isComponentStacklike(widgetMeta);
+		return isComponentStacklike(dropTargetId ? getEditStore().runtimeEntitiesManager.getEditorWidgetMeta(dropTargetId) : void 0);
 	}
 	get draggedWidgetType() {
 		if (this.isDraggingNewComponent) return this._dragToCanvasComponentType;
@@ -8682,12 +8652,11 @@ var DragAndDropManager = class {
 		const draggedType = this.draggedWidgetType;
 		const dropTargetType = this.dropTargetWidgetType;
 		if (!draggedType || !dropTargetType) return false;
-		const dropTargetEmpty = (dropTargetInstanceId && getEditStore().runtimeEntitiesManager.getEditorWidgetMeta(dropTargetInstanceId)?.children?.length === 0) ?? true;
 		return isDragAndDropTypeValid({
 			draggedType,
 			dropTargetType,
 			isDraggingNewComponent,
-			dropTargetEmpty
+			dropTargetEmpty: (dropTargetInstanceId && getEditStore().runtimeEntitiesManager.getEditorWidgetMeta(dropTargetInstanceId)?.children?.length === 0) ?? true
 		});
 	}
 	canDragWidget(instanceId) {
@@ -9560,7 +9529,7 @@ const EmbedWrapper = (props) => {
 				root_store_default.windowOriginUrl = event.data.payload.logContext.superblocks_window_origin_url;
 				if (root_store_default.windowOriginUrl) import("./utils-BCrSLIhM.js").then(({ initTracerProviderWithOrigin }) => {
 					initTracerProviderWithOrigin(root_store_default.windowOriginUrl);
-					import("./logs-ivxzrJPP.js").then(({ initLibraryLoggerProvider }) => {
+					import("./logs-DDh7Anxs.js").then(({ initLibraryLoggerProvider }) => {
 						initLibraryLoggerProvider({
 							windowOriginUrl: root_store_default.windowOriginUrl,
 							appId: event.data.payload.appId,
@@ -9740,9 +9709,8 @@ const EmbedWrapper = (props) => {
 			return getEditStore().onViteMessage(ViteMessageKind.ROUTE_CHANGE, async (message) => {
 				try {
 					const { route, routeTestParams } = message;
-					const path = generatePath$1(route, routeTestParams);
 					await navigate({
-						pathname: path,
+						pathname: generatePath$1(route, routeTestParams),
 						search: location.search
 					});
 				} catch (error$1) {
@@ -9808,7 +9776,7 @@ const EmbedWrapper$1 = (props) => {
 				root_store_default.windowOriginUrl = event.data.payload.logContext.superblocks_window_origin_url;
 				if (root_store_default.windowOriginUrl) import("./utils-BCrSLIhM.js").then(({ initTracerProviderWithOrigin }) => {
 					initTracerProviderWithOrigin(root_store_default.windowOriginUrl);
-					import("./logs-ivxzrJPP.js").then(({ initLibraryLoggerProvider }) => {
+					import("./logs-DDh7Anxs.js").then(({ initLibraryLoggerProvider }) => {
 						initLibraryLoggerProvider({
 							windowOriginUrl: root_store_default.windowOriginUrl,
 							appId: event.data.payload.appId,
@@ -9991,8 +9959,7 @@ const initializeStyles = (appName) => {
 		...VARIABLE_VALUES,
 		...componentVariableValues
 	};
-	const variableDefns = Object.keys(allVariables).map((variable) => `${allVariables[variable]}: ${allVariableValues[variable]};`).join("\n");
-	createStyleSheetFromString(appName, `:${appName} {${variableDefns}}\n${stylesheet}`);
+	createStyleSheetFromString(appName, `:${appName} {${Object.keys(allVariables).map((variable) => `${allVariables[variable]}: ${allVariableValues[variable]};`).join("\n")}}\n${stylesheet}`);
 };
 
 //#endregion
@@ -10000,11 +9967,10 @@ const initializeStyles = (appName) => {
 const originalLog = console.log;
 console.log = (...args) => {
 	try {
-		const processedArgs = args.map((arg) => {
+		originalLog(...args.map((arg) => {
 			if (arg && typeof arg === "object" && (getBindingIdentifier(arg) || getBindingIdentifier(arg.bind ?? {}))) return JSON.parse(JSON.stringify(arg));
 			return arg;
-		});
-		originalLog(...processedArgs);
+		}));
 	} catch {}
 };
 const loadApisIntoLibrary = async function loadApisIntoLibrary$1() {
@@ -10031,9 +9997,7 @@ const SbProvider = function SbProvider$1({ name = "codemode", settings, children
 		runApiInitialization();
 	}, [runApiInitialization]);
 	useEffect(() => {
-		const mergedTheme = merge(BASE_THEME_V5, settings?.theme);
-		const userAccessibleTheme$1 = generateTheme(mergedTheme, settings?.themeOverrides);
-		setUserAccessibleTheme(userAccessibleTheme$1);
+		setUserAccessibleTheme(generateTheme(merge(BASE_THEME_V5, settings?.theme), settings?.themeOverrides));
 	}, [settings?.theme, settings?.themeOverrides]);
 	useEffect(() => {
 		const resolvePromiseListener = (event) => {
@@ -10186,10 +10150,8 @@ function setQueryParams(queryParams = {}, preserveExistingQueryParams = true) {
 function download(data, fileName, fileType) {
 	try {
 		const dataType = getType(data);
-		if (dataType === Types.ARRAY || dataType === Types.OBJECT) {
-			const jsonString = JSON.stringify(data, null, 2);
-			downloadjs(jsonString, fileName, fileType);
-		} else downloadjs(data, fileName, fileType);
+		if (dataType === Types.ARRAY || dataType === Types.OBJECT) downloadjs(JSON.stringify(data, null, 2), fileName, fileType);
+		else downloadjs(data, fileName, fileType);
 	} catch (err) {
 		console.error("Failed to download:", err);
 	}