@incodetech/web 2.2.0 → 2.3.0-rc.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incodetech/web",
-  "version": "2.2.0",
+  "version": "2.3.0-rc.1",
   "license": "ISC",
   "repository": {
     "type": "git",
@@ -257,6 +257,15 @@
       "source": "./src/modules/workflow/styles.css",
       "default": "./dist/workflow/styles.css"
     },
+    "./dynamic-forms": {
+      "source": "./src/modules/dynamic-forms/dynamic-forms.tsx",
+      "types": "./dist/types/dynamic-forms.d.ts",
+      "import": "./dist/dynamic-forms/dynamic-forms.es.js"
+    },
+    "./dynamic-forms/styles.css": {
+      "source": "./src/modules/dynamic-forms/styles.css",
+      "default": "./dist/dynamic-forms/styles.css"
+    },
     "./cross-document-data-match": {
       "source": "./src/modules/cross-document-data-match/cross-document-data-match.tsx",
       "types": "./dist/types/cross-document-data-match.d.ts",
@@ -273,28 +282,16 @@
     }
   },
   "files": [
-    "dist"
+    "dist",
+    "THIRD_PARTY_NOTICES.txt"
   ],
   "dependencies": {
-    "@fontsource/dm-sans": "^5.2.8",
-    "@fontsource/rethink-sans": "^5.2.8",
-    "@tailwindcss/vite": "^4.2.2",
-    "dompurify": "^3.3.3",
-    "i18next": "^25.7.1",
-    "i18next-browser-languagedetector": "^8.2.0",
-    "i18next-http-backend": "^3.0.2",
-    "libphonenumber-js": "^1.11.0",
-    "lottie-web": "5.13.0",
-    "marked": "^17.0.5",
-    "pdfjs-dist": "~5.4.624",
-    "preact-custom-element": "^4.6.0",
-    "preact-markup": "^2.1.1",
-    "qrcode": "^1.5.4",
-    "signature_pad": "^5.1.3",
-    "tailwindcss": "^4.1.17",
-    "@incodetech/core": "2.2.0"
+    "preact": "^10.27.2",
+    "@incodetech/core": "2.3.0-rc.1"
   },
   "devDependencies": {
+    "@fontsource/dm-sans": "^5.2.8",
+    "@fontsource/rethink-sans": "^5.2.8",
     "@microsoft/api-extractor": "^7.53.3",
     "@preact/preset-vite": "^2.10.5",
     "@storybook/addon-a11y": "^10.4.1",
@@ -304,6 +301,7 @@
     "@storybook/preact-vite": "^10.4.1",
     "@storybook/react-dom-shim": "^10.4.1",
     "@tailwindcss/postcss": "^4.1.17",
+    "@tailwindcss/vite": "^4.2.2",
     "@testing-library/preact": "^3.2.4",
     "@types/node": "^22.10.5",
     "@types/qrcode": "^1.5.6",
@@ -312,14 +310,25 @@
     "@vitest/browser-playwright": "4.1.10",
     "@vitest/coverage-v8": "4.1.10",
     "axe-core": "4.11.1",
+    "dompurify": "^3.3.3",
     "happy-dom": "^20.7.0",
+    "i18next": "^25.7.1",
+    "i18next-browser-languagedetector": "^8.2.0",
+    "i18next-http-backend": "^3.0.2",
+    "libphonenumber-js": "^1.11.0",
+    "lottie-web": "5.13.0",
+    "marked": "^17.0.5",
+    "pdfjs-dist": "~5.4.624",
     "playwright": "1.60.0",
     "postcss": "^8.5.6",
     "postcss-import": "^16.1.1",
-    "preact": "^10.27.2",
+    "preact-custom-element": "^4.6.0",
+    "qrcode": "^1.5.4",
     "rollup-plugin-visualizer": "^7.0.1",
+    "signature_pad": "^5.1.3",
     "storybook": "^10.4.1",
     "stylelint": "^17.5.0",
+    "tailwindcss": "^4.1.17",
     "terser": "^5.48.0",
     "typescript": "^5.9.3",
     "vite": "^8.0.0",
@@ -329,9 +338,10 @@
     "@incodetech/config": "1.0.2"
   },
   "scripts": {
-    "build": "rm -rf dist && vite build",
-    "build:cdn": "rm -rf dist && NODE_OPTIONS=--experimental-strip-types BUILD_TARGET=cdn vite build",
+    "build": "rm -rf dist && vite build && pnpm check:i18n-bundle",
+    "build:cdn": "rm -rf dist && NODE_OPTIONS=--experimental-strip-types BUILD_TARGET=cdn vite build && pnpm check:i18n-bundle",
     "check:css-scope": "node scripts/check-css-scope.mjs",
+    "check:i18n-bundle": "node scripts/check-i18n-bundle.mjs",
     "build:dev": "NODE_ENV=development vite build",
     "build:analyze": "rm -rf dist && ANALYZE=1 vite build && echo '\\nBundle report: packages/ui/dist/stats.html\\n'",
     "test": "vitest run --project=unit",

package/dist/bottomSheet-BWEUBq8m.js

@@ -1,38 +0,0 @@
-import { g as q, l as A, y as u } from "./vendor-preact-BPXMFRom.js";
-import { i as useModalFocusCapture, n as useModalBodyScrollLock, o as useModalTabCycle, r as useModalEscapeDismiss, s as useModalVisualViewportBounds } from "./modal.hooks-DcakflQ4.js";
-//#region src/shared/bottomSheet/bottomSheet.tsx
-var BottomSheet = ({ isOpen = false, onClose, labelledById, children, returnFocusRef }) => {
-	const dialogRef = A(null);
-	const overlayRef = A(null);
-	const requestClose = q(() => {
-		onClose?.();
-	}, [onClose]);
-	useModalBodyScrollLock(isOpen);
-	useModalEscapeDismiss(isOpen, true, requestClose);
-	useModalFocusCapture(isOpen, dialogRef, true, returnFocusRef);
-	useModalTabCycle(isOpen, dialogRef);
-	useModalVisualViewportBounds(isOpen, overlayRef);
-	if (!isOpen) return null;
-	return /* @__PURE__ */ u("div", {
-		ref: overlayRef,
-		class: "IncodeBottomSheetOverlay",
-		onPointerUp: (event) => {
-			const target = event.target;
-			if (!dialogRef.current?.contains(target)) requestClose();
-		},
-		children: /* @__PURE__ */ u("div", {
-			class: "IncodeBottomSheetContainer",
-			children: /* @__PURE__ */ u("div", {
-				ref: dialogRef,
-				class: "IncodeBottomSheet",
-				role: "dialog",
-				"aria-modal": "true",
-				"aria-labelledby": labelledById,
-				tabIndex: -1,
-				children
-			})
-		})
-	});
-};
-//#endregion
-export { BottomSheet as t };

package/dist/dateInputComposed-BGC37jC7.js

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

package/dist/documentCapture-CO9kIxru.js

@@ -1,2 +0,0 @@
-import { t as DocumentCapture } from "./documentCapture-sZj09g0I.js";
-export { DocumentCapture };

package/dist/dropdownComposed-Bf4EcKFw.js

@@ -1 +0,0 @@
-import "./dropdownComposed-CEegNzG4.js";

package/dist/ekybModule-uN0ComAn.js

@@ -1,2 +0,0 @@
-import { t as EkybModule } from "./ekybModule-Dvkf5WAr.js";
-export { EkybModule };

package/dist/ekycModule-B7KRJ7l3.js

@@ -1,2 +0,0 @@
-import { t as EkycModule } from "./ekycModule-C5QXVGP7.js";
-export { EkycModule };

package/dist/faceMatch-DjD2hgBp.js

@@ -1,2 +0,0 @@
-import { t as FaceMatch } from "./faceMatch-Rf-MMdto.js";
-export { FaceMatch };

package/dist/fieldComparison-DFH4hUM_.js

@@ -1,2 +0,0 @@
-import { t as FieldComparison } from "./fieldComparison-BnGj3nNp.js";
-export { FieldComparison };

package/dist/inputComposed-kKtrvJU5.js

@@ -1 +0,0 @@
-import "./inputComposed-C2zTEXsp.js";

package/dist/pdfViewer-C1B-07Wu.js

@@ -1,2 +0,0 @@
-import { t as PdfViewer } from "./pdfViewer-TTZmPABh.js";
-export { PdfViewer };

package/dist/requiredLabelHint-Dx0WS2cR.js

@@ -1,17 +0,0 @@
-//#region src/shared/utils/requiredLabelHint/requiredLabelHint.ts
-function getRequiredHintMode(requiredFlags) {
-	if (requiredFlags.length < 2) return null;
-	let required = 0;
-	for (const flag of requiredFlags) if (flag) required++;
-	const optional = requiredFlags.length - required;
-	if (required === 0 || optional === 0) return null;
-	if (required === optional) return null;
-	return required > optional ? "mark-optional" : "mark-required";
-}
-function getFieldHint(mode, required) {
-	if (!mode) return null;
-	if (mode === "mark-optional") return required ? null : "optional";
-	return required ? "required" : null;
-}
-//#endregion
-export { getRequiredHintMode as n, getFieldHint as t };

package/dist/snackbar-eBOj46AK.js

@@ -1,16 +0,0 @@
-import { y as u } from "./vendor-preact-BPXMFRom.js";
-import { d as cn } from "./spacer-DLEDuWEx.js";
-//#region src/shared/snackbar/snackbar.tsx
-var Snackbar = ({ variant = "neutral", children, className, ariaLive = "polite" }) => {
-	return /* @__PURE__ */ u("div", {
-		role: "status",
-		"aria-live": ariaLive,
-		class: cn("IncodeSnackbar", `IncodeSnackbar--${variant}`, className),
-		children: /* @__PURE__ */ u("span", {
-			class: "IncodeSnackbarContent",
-			children
-		})
-	});
-};
-//#endregion
-export { Snackbar as t };

package/dist/spinner-CJCOHUKx.js

@@ -1,95 +0,0 @@
-import { C as k, a as D, l as A, v as y, y as u } from "./vendor-preact-BPXMFRom.js";
-import { d as cn, n as LoadingIcon, t as Spacer } from "./spacer-DLEDuWEx.js";
-//#region src/shared/typography/typography.tsx
-var Title = D(({ children, className, ...rest }, ref) => {
-	return /* @__PURE__ */ u("h2", {
-		ref,
-		class: `IncodeTitle ${className ?? ""}`,
-		...rest,
-		children
-	});
-});
-var TypographyH1 = D(({ children, className, ...rest }, ref) => {
-	return /* @__PURE__ */ u("h1", {
-		ref,
-		class: cn("IncodeTypographyH1", className),
-		...rest,
-		children
-	});
-});
-var TypographyH3 = ({ children, className }) => {
-	return /* @__PURE__ */ u("h3", {
-		class: cn("IncodeTypographyH3", className),
-		children
-	});
-};
-var TypographyH4 = ({ children, className }) => {
-	return /* @__PURE__ */ u("h4", {
-		class: cn("IncodeTypographyH4", className),
-		children
-	});
-};
-var TypographyH5 = ({ children, className }) => {
-	return /* @__PURE__ */ u("h5", {
-		class: cn("IncodeTypographyH5", className),
-		children
-	});
-};
-var TypographyP = ({ children, className }) => {
-	return /* @__PURE__ */ u("p", {
-		class: cn("IncodeTypographyP", className),
-		children
-	});
-};
-//#endregion
-//#region src/shared/spinner/spinner.tsx
-var sizeMap = {
-	small: 24,
-	medium: 48,
-	large: 64
-};
-var Spinner = ({ title, subtitle, ariaLabel, size = "medium", fullScreen = true, className, presentational = false, hideIcon = false }) => {
-	const iconSize = sizeMap[size];
-	const titleRef = A(null);
-	const containerRef = A(null);
-	y(() => {
-		if (presentational) return;
-		if (ariaLabel) containerRef.current?.focus();
-		else if (title) titleRef.current?.focus();
-	}, [
-		title,
-		ariaLabel,
-		presentational
-	]);
-	return /* @__PURE__ */ u("div", {
-		ref: containerRef,
-		class: cn("IncodeSpinner", fullScreen && "IncodeSpinnerFullScreen", hideIcon && "IncodeSpinnerTextOnly", className),
-		"data-testid": "spinner",
-		"data-title": title,
-		"data-subtitle": subtitle,
-		"data-size": size,
-		role: presentational ? void 0 : "status",
-		"aria-live": presentational ? void 0 : "polite",
-		"aria-label": presentational ? void 0 : ariaLabel,
-		"aria-hidden": presentational ? true : void 0,
-		tabIndex: !presentational && ariaLabel ? -1 : void 0,
-		children: /* @__PURE__ */ u("div", {
-			class: "IncodeSpinnerContent",
-			"aria-hidden": ariaLabel ? true : void 0,
-			children: [!hideIcon && /* @__PURE__ */ u(LoadingIcon, { size: iconSize }), (title || subtitle) && /* @__PURE__ */ u(k, { children: [!hideIcon && /* @__PURE__ */ u(Spacer, { size: 16 }), /* @__PURE__ */ u("div", {
-				class: "IncodeSpinnerText",
-				children: [title && /* @__PURE__ */ u(Title, {
-					ref: titleRef,
-					tabIndex: -1,
-					className: "IncodeSpinnerTitle",
-					children: title
-				}), subtitle && /* @__PURE__ */ u(k, { children: [title && /* @__PURE__ */ u(Spacer, { size: 12 }), /* @__PURE__ */ u("p", {
-					class: "IncodeSpinnerSubtitle",
-					children: subtitle
-				})] })]
-			})] })]
-		})
-	});
-};
-//#endregion
-export { TypographyH4 as a, TypographyH3 as i, Title as n, TypographyH5 as o, TypographyH1 as r, TypographyP as s, Spinner as t };

package/dist/successIcon-DS8BLsgy.js

@@ -1,30 +0,0 @@
-import { y as u } from "./vendor-preact-BPXMFRom.js";
-//#region src/shared/icons/successIcon.tsx
-var SuccessIcon = ({ size = 64 }) => {
-	return /* @__PURE__ */ u("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		width: size,
-		height: size,
-		viewBox: "0 0 64 64",
-		fill: "none",
-		class: "IncodeSuccessIcon",
-		"aria-hidden": "true",
-		children: [
-			/* @__PURE__ */ u("title", { children: "status" }),
-			/* @__PURE__ */ u("path", {
-				"fill-rule": "evenodd",
-				"clip-rule": "evenodd",
-				d: "M32 6.66669C18.032 6.66669 6.66663 18.032 6.66663 32C6.66663 45.9707 18.032 57.3334 32 57.3334C45.968 57.3334 57.3333 45.9707 57.3333 32C57.3333 18.032 45.968 6.66669 32 6.66669Z",
-				fill: "var(--icon-status-positive)"
-			}),
-			/* @__PURE__ */ u("path", {
-				"fill-rule": "evenodd",
-				"clip-rule": "evenodd",
-				d: "M42.648 27.2587L30.3333 39.5733C29.9413 39.9653 29.432 40.16 28.92 40.16C28.4053 40.16 27.896 39.9653 27.504 39.5733L21.3466 33.416C20.5653 32.6347 20.5653 31.368 21.3466 30.5867C22.128 29.8053 23.392 29.8053 24.1733 30.5867L28.92 35.3307L39.8186 24.4293C40.6 23.648 41.8666 23.648 42.648 24.4293C43.4293 25.2107 43.4293 26.4773 42.648 27.2587Z",
-				fill: "var(--icon-neutral-0)"
-			})
-		]
-	});
-};
-//#endregion
-export { SuccessIcon as t };

package/dist/types/dynamic-forms/styles.d.ts

@@ -1 +0,0 @@
-export {}