@incodetech/web 2.1.1 → 2.2.0-rc.1

package/dist/{customFields-BDsXR7A-.js → customFields-CiEguXX9.js}

@@ -1,16 +1,14 @@
-import { n as useTranslation } from "./i18n-CU4xq8qC.js";
-import { p as d, v as u } from "./vendor-preact-DThS2ZQ_.js";
-import { c as useModuleTerminalCallbacks, u as useManager } from "./hooks-CNu7o-v8.js";
-import { t as IncodeComponent } from "./incodeComponent-CfzJGETt.js";
-import { r as Spacer, t as LoadingIcon } from "./loadingIcon-B0ysgiNq.js";
-import { t as Page } from "./page-DidH_RkX.js";
-import { t as Button } from "./button-Dz6AsbmF.js";
-import { t as SuccessIcon } from "./successIcon-B5mGvdx1.js";
-import { t as InputComposed } from "./inputComposed-C1R2LAa3.js";
-import { t as Checkbox } from "./checkbox-1wUHSoaK.js";
-import { t as DateInputComposed } from "./dateInputComposed-DuaofcBl.js";
-import { t as registerIncodeModuleElement } from "./incodeModule-B-4_3JrK.js";
-import { t as StatusPage } from "./statusPage-Bk8nJwXV.js";
+import { a as useTranslation } from "./uiConfig-D7ezQeZ7.js";
+import { p as d, v as u } from "./vendor-preact-mvwZ8mJj.js";
+import { _ as useModuleTerminalCallbacks, o as Page, r as withStandaloneModuleBootstrap, t as IncodeComponent, y as useManager } from "./incodeComponent-B-daxouV.js";
+import { n as LoadingIcon, t as Spacer } from "./spacer-Bnmh-DfR.js";
+import { r as Button } from "./incode-logo-cGsd55rc.js";
+import { t as SuccessIcon } from "./successIcon-Bj8Y9CuI.js";
+import { t as StatusPage } from "./statusPage-C0vTVW0Q.js";
+import { t as InputComposed } from "./inputComposed-Pp_XN1-h.js";
+import { t as Checkbox } from "./checkbox-Jgwh943i.js";
+import { t as DateInputComposed } from "./dateInputComposed-D0WEYWkS.js";
+import { t as registerIncodeModuleElement } from "./incodeModule-uyUrSSUM.js";
 import { createCustomFieldsManager } from "@incodetech/core/custom-fields";
 //#region src/modules/custom-fields/customFields.tsx
 var INPUT_TYPE_MAP = {
@@ -127,7 +125,7 @@ var CustomFieldsContent = ({ config, manager: externalManager, onFinish, onError
 		})
 	});
 };
-var CustomFields = ({ config, manager, onFinish, onError }) => {
+var CustomFieldsWithLocalConfig = ({ config, manager, onFinish, onError }) => {
 	return /* @__PURE__ */ u(IncodeComponent, { children: config || manager ? /* @__PURE__ */ u(CustomFieldsContent, {
 		config,
 		manager,
@@ -135,6 +133,7 @@ var CustomFields = ({ config, manager, onFinish, onError }) => {
 		onError
 	}) : null });
 };
+var CustomFields = withStandaloneModuleBootstrap(CustomFieldsWithLocalConfig, "CUSTOM_FIELDS", { supportsExternalManager: true });
 registerIncodeModuleElement(CustomFields, "incode-custom-fields");
 //#endregion
 export { CustomFields };

package/dist/{customWatchlist-CYoRNCim.js → customWatchlist-BSAW87qq.js}

@@ -1,11 +1,10 @@
-import { n as useTranslation } from "./i18n-CU4xq8qC.js";
-import { _ as y, v as u } from "./vendor-preact-DThS2ZQ_.js";
-import { c as useModuleTerminalCallbacks, u as useManager } from "./hooks-CNu7o-v8.js";
-import { t as IncodeComponent } from "./incodeComponent-CfzJGETt.js";
-import { t as LoadingIcon } from "./loadingIcon-B0ysgiNq.js";
-import { t as SuccessIcon } from "./successIcon-B5mGvdx1.js";
-import { t as registerIncodeModuleElement } from "./incodeModule-B-4_3JrK.js";
-import { t as StatusPage } from "./statusPage-Bk8nJwXV.js";
+import { a as useTranslation } from "./uiConfig-D7ezQeZ7.js";
+import { _ as y, v as u } from "./vendor-preact-mvwZ8mJj.js";
+import { _ as useModuleTerminalCallbacks, r as withStandaloneModuleBootstrap, t as IncodeComponent, y as useManager } from "./incodeComponent-B-daxouV.js";
+import { n as LoadingIcon } from "./spacer-Bnmh-DfR.js";
+import { t as SuccessIcon } from "./successIcon-Bj8Y9CuI.js";
+import { t as StatusPage } from "./statusPage-C0vTVW0Q.js";
+import { t as registerIncodeModuleElement } from "./incodeModule-uyUrSSUM.js";
 import { createCustomWatchlistManager } from "@incodetech/core/custom-watchlist";
 //#region src/modules/custom-watchlist/customWatchlist.tsx
 var CustomWatchlistContent = ({ onFinish }) => {
@@ -30,7 +29,8 @@ var CustomWatchlistContent = ({ onFinish }) => {
 		subtitle: t("customWatchlist.wontTake")
 	});
 };
-var CustomWatchlist = ({ onFinish }) => /* @__PURE__ */ u(IncodeComponent, { children: /* @__PURE__ */ u(CustomWatchlistContent, { onFinish }) });
+var CustomWatchlistWithLocalConfig = ({ onFinish }) => /* @__PURE__ */ u(IncodeComponent, { children: /* @__PURE__ */ u(CustomWatchlistContent, { onFinish }) });
+var CustomWatchlist = withStandaloneModuleBootstrap(CustomWatchlistWithLocalConfig, "INCODE_WATCHLIST");
 registerIncodeModuleElement(CustomWatchlist, "incode-custom-watchlist");
 //#endregion
 export { CustomWatchlist };

package/dist/dashboardTheme-FtPiizV0.js

@@ -0,0 +1,223 @@
+import { t as setThemeUiConfig } from "./uiConfig-D7ezQeZ7.js";
+import { api } from "@incodetech/core/http";
+//#region src/shared/dashboard/dashboardPolicy.ts
+var standaloneSetupPolicy = Object.freeze({
+	flow: Object.freeze({
+		enabled: true,
+		preload: false,
+		mergeConfig: false
+	}),
+	theme: Object.freeze({
+		enabled: true,
+		preload: false
+	})
+});
+function resolveStandaloneSetupPolicy(flow, theme, token) {
+	const flowEnabled = flow !== false;
+	const themeEnabled = theme !== false;
+	const flowOptions = typeof flow === "object" ? flow : {};
+	const themeOptions = typeof theme === "object" ? theme : {};
+	return Object.freeze({
+		flow: Object.freeze({
+			enabled: flowEnabled,
+			preload: flowEnabled && flowOptions.preload === true,
+			mergeConfig: flowEnabled && flowOptions.mergeConfig === true
+		}),
+		theme: Object.freeze({
+			enabled: themeEnabled,
+			preload: themeEnabled && themeOptions.preload === true
+		}),
+		token
+	});
+}
+function setStandaloneSetupPolicy(policy) {
+	standaloneSetupPolicy = policy;
+}
+function getStandaloneSetupPolicy() {
+	return standaloneSetupPolicy;
+}
+//#endregion
+//#region src/styles/generatePalette.ts
+function hexToHsl(hex) {
+	let normalizedHex = hex.replace("#", "");
+	if (normalizedHex.length === 3) normalizedHex = normalizedHex.split("").map((char) => char + char).join("");
+	const result = /^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(normalizedHex);
+	if (!result) return null;
+	const r = Number.parseInt(result[1], 16) / 255;
+	const g = Number.parseInt(result[2], 16) / 255;
+	const b = Number.parseInt(result[3], 16) / 255;
+	const max = Math.max(r, g, b);
+	const min = Math.min(r, g, b);
+	let h = 0;
+	let s = 0;
+	const l = (max + min) / 2;
+	if (max !== min) {
+		const d = max - min;
+		s = l > .5 ? d / (2 - max - min) : d / (max + min);
+		switch (max) {
+			case r:
+				h = ((g - b) / d + (g < b ? 6 : 0)) / 6;
+				break;
+			case g:
+				h = ((b - r) / d + 2) / 6;
+				break;
+			case b:
+				h = ((r - g) / d + 4) / 6;
+				break;
+		}
+	}
+	return {
+		h: h * 360,
+		s: s * 100,
+		l: l * 100
+	};
+}
+function hslToHex(h, s, l) {
+	const hNorm = h / 360;
+	const sNorm = s / 100;
+	const lNorm = l / 100;
+	let r;
+	let g;
+	let b;
+	if (sNorm === 0) r = g = b = lNorm;
+	else {
+		const hue2rgb = (p, q, t) => {
+			if (t < 0) t += 1;
+			if (t > 1) t -= 1;
+			if (t < 1 / 6) return p + (q - p) * 6 * t;
+			if (t < 1 / 2) return q;
+			if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
+			return p;
+		};
+		const q = lNorm < .5 ? lNorm * (1 + sNorm) : lNorm + sNorm - lNorm * sNorm;
+		const p = 2 * lNorm - q;
+		r = hue2rgb(p, q, hNorm + 1 / 3);
+		g = hue2rgb(p, q, hNorm);
+		b = hue2rgb(p, q, hNorm - 1 / 3);
+	}
+	const toHex = (n) => {
+		const hex = Math.round(n * 255).toString(16);
+		return hex.length === 1 ? `0${hex}` : hex;
+	};
+	return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
+}
+function generateBrandPalette(mainColor) {
+	const hsl = hexToHsl(mainColor);
+	if (!hsl) throw new Error(`Invalid color format: ${mainColor}`);
+	return {
+		"50": hslToHex(hsl.h, hsl.s, 95),
+		"200": hslToHex(hsl.h, hsl.s, 80),
+		"300": hslToHex(hsl.h, hsl.s, 65),
+		"400": hslToHex(hsl.h, hsl.s, Math.min(100, hsl.l + 10)),
+		"500": mainColor,
+		"600": hslToHex(hsl.h, hsl.s, Math.max(0, hsl.l - 10)),
+		"900": hslToHex(hsl.h, hsl.s, 20)
+	};
+}
+//#endregion
+//#region src/styles/applyTheme.ts
+function applyTheme(mainColor, buttonColor) {
+	if (typeof document === "undefined") return;
+	const palette = generateBrandPalette(mainColor);
+	let styleElement = document.getElementById("incode-theme");
+	if (!styleElement) {
+		styleElement = document.createElement("style");
+		styleElement.id = "incode-theme";
+		document.head.appendChild(styleElement);
+	}
+	const buttonTextColor = buttonColor || "#ffffff";
+	const css = `
+    :root,
+    :host {
+      --primitive-color-brand-50: ${palette["50"]};
+      --primitive-color-brand-200: ${palette["200"]};
+      --primitive-color-brand-300: ${palette["300"]};
+      --primitive-color-brand-400: ${palette["400"]};
+      --primitive-color-brand-500: ${palette["500"]};
+      --primitive-color-brand-600: ${palette["600"]};
+      --primitive-color-brand-900: ${palette["900"]};
+      --button-primary-text-default: ${buttonTextColor};
+    }
+  `;
+	styleElement.textContent = css;
+}
+//#endregion
+//#region src/styles/fetchTheme.ts
+async function fetchAssets() {
+	return (await api.get("/omni/asset/fetch-all")).data;
+}
+var dataUrlCache = /* @__PURE__ */ new Map();
+async function urlToDataUrl(url) {
+	if (url.startsWith("data:")) return url;
+	const cached = dataUrlCache.get(url);
+	if (cached) return cached;
+	const blob = await (await fetch(url)).blob();
+	const dataUrl = await new Promise((resolve, reject) => {
+		const reader = new FileReader();
+		reader.onloadend = () => resolve(reader.result);
+		reader.onerror = reject;
+		reader.readAsDataURL(blob);
+	});
+	dataUrlCache.set(url, dataUrl);
+	return dataUrl;
+}
+async function fetchTheme() {
+	const assets = await fetchAssets();
+	if (!assets.theme) throw new Error("Theme URL not found in assets response");
+	const themeUrl = assets.theme;
+	const isAbsoluteUrl = themeUrl.startsWith("http://") || themeUrl.startsWith("https://");
+	let theme;
+	if (isAbsoluteUrl) {
+		const themeResponse = await fetch(themeUrl);
+		if (!themeResponse.ok) throw new Error(`Failed to fetch theme: ${themeResponse.statusText}`);
+		theme = await themeResponse.json();
+	} else theme = (await api.get(themeUrl)).data;
+	const logoUrl = assets["logo.png"] || assets["logo.svg"] || assets["logo.jpg"] || assets["logo.jpeg"] || assets["logo.webp"] || theme.logo;
+	let cachedLogoUrl = logoUrl;
+	if (logoUrl) cachedLogoUrl = await urlToDataUrl(logoUrl);
+	return {
+		...theme,
+		logo: cachedLogoUrl
+	};
+}
+async function fetchAndApplyTheme() {
+	const theme = await fetchTheme();
+	if (theme.main) applyTheme(theme.main, theme.buttonColor);
+	return theme;
+}
+//#endregion
+//#region src/shared/dashboard/dashboardTheme.ts
+var dashboardThemeCache;
+function preloadDashboardTheme(token) {
+	if (dashboardThemeCache?.token === token) return dashboardThemeCache.promise;
+	const request = fetchTheme();
+	const cache = {
+		token,
+		promise: request
+	};
+	const promise = request.then((theme) => {
+		if (dashboardThemeCache !== cache) return theme;
+		if (theme.main) applyTheme(theme.main, theme.buttonColor);
+		setThemeUiConfig({
+			logoSrc: theme.logo,
+			subtitle: theme.subtitle,
+			hideFooterBranding: theme.hideFooterBranding
+		});
+		return theme;
+	}).catch((error) => {
+		if (dashboardThemeCache === cache) dashboardThemeCache = void 0;
+		throw error;
+	});
+	cache.promise = promise;
+	dashboardThemeCache = cache;
+	return promise;
+}
+function getDashboardTheme(token) {
+	if (dashboardThemeCache?.token !== token) return;
+	return dashboardThemeCache.promise;
+}
+function resetDashboardThemeCache() {
+	dashboardThemeCache = void 0;
+}
+//#endregion
+export { getStandaloneSetupPolicy as a, fetchAndApplyTheme as i, preloadDashboardTheme as n, resolveStandaloneSetupPolicy as o, resetDashboardThemeCache as r, setStandaloneSetupPolicy as s, getDashboardTheme as t };

package/dist/{dateInputComposed-DuaofcBl.js → dateInputComposed-D0WEYWkS.js}

@@ -1,8 +1,8 @@
-import { a as D, l as A, v as u } from "./vendor-preact-DThS2ZQ_.js";
-import { n as cn } from "./loadingIcon-B0ysgiNq.js";
-import { m as CalendarIcon } from "./icons-CJJbIpBq.js";
-import { t as InputComposed } from "./inputComposed-C1R2LAa3.js";
-import "./inputComposed-BaY5q9WM.js";
+import { a as D, l as A, v as u } from "./vendor-preact-mvwZ8mJj.js";
+import { u as cn } from "./spacer-Bnmh-DfR.js";
+import { _ as CalendarIcon } from "./icons-D0cfSCBM.js";
+import { t as InputComposed } from "./inputComposed-Pp_XN1-h.js";
+import "./inputComposed-CABc288U.js";
 //#region src/shared/dateInputComposed/dateInputComposed.tsx
 var DateInputComposed = D(({ id, label, disabled, class: className, onInput, onBlur, ...restProps }, ref) => {
 	const tryShowPicker = (input) => {

package/dist/dateInputComposed-DKQJz0kJ.js

@@ -0,0 +1 @@
+import "./dateInputComposed-D0WEYWkS.js";

package/dist/document-capture/document-capture.es.js

@@ -1,2 +1,2 @@
-import { t as DocumentCapture } from "../documentCapture-DhbO-A-V.js";
+import { t as DocumentCapture } from "../documentCapture-GFNkI1ly.js";
 export { DocumentCapture };