@incodetech/web 2.0.1-rc.0 → 2.1.0-rc.0

package/dist/customFields-DXXt9HGM.js

@@ -0,0 +1,140 @@
+import { n as useTranslation } from "./i18n-CoCO2ZuN.js";
+import { p as d, v as u } from "./vendor-preact-DThS2ZQ_.js";
+import { c as useManager, o as useModuleTerminalCallbacks } from "./hooks-Da_yP_Dr.js";
+import { t as IncodeComponent } from "./incodeComponent-wfnHlnXx.js";
+import { r as Spacer, t as LoadingIcon } from "./loadingIcon-B0ysgiNq.js";
+import { t as Page } from "./page-DxGQj7Gk.js";
+import { t as Button } from "./button-CM_hgyIP.js";
+import { t as SuccessIcon } from "./successIcon-BAyDPT7I.js";
+import { t as InputComposed } from "./inputComposed-CQ4AsvZg.js";
+import { t as Checkbox } from "./checkbox-BoeLHKgp.js";
+import { t as DateInputComposed } from "./dateInputComposed-C_mh4XBg.js";
+import { t as registerIncodeModuleElement } from "./incodeModule-BUDoTwT9.js";
+import { t as StatusPage } from "./statusPage-DMYPUwRZ.js";
+import { createCustomFieldsManager } from "@incodetech/core/custom-fields";
+//#region src/modules/custom-fields/customFields.tsx
+var INPUT_TYPE_MAP = {
+	INTEGER: "number",
+	DOUBLE: "number",
+	STRING: "text"
+};
+var INPUT_STEP_MAP = { DOUBLE: "any" };
+var DateFieldInput = ({ field, isDisabled, onChange }) => {
+	const [dateValue, setDateValue] = d("");
+	return /* @__PURE__ */ u("div", {
+		class: "IncodeCustomFieldsField",
+		children: /* @__PURE__ */ u(DateInputComposed, {
+			id: `custom-field-${field.name}`,
+			name: field.name,
+			label: field.label,
+			disabled: isDisabled,
+			value: dateValue,
+			onInput: (e) => {
+				const v = e.target.value;
+				setDateValue(v);
+				onChange(field.name, v);
+			}
+		})
+	});
+};
+var CustomFieldInput = ({ field, isDisabled, onChange }) => {
+	const id = `custom-field-${field.name}`;
+	if (field.type === "BOOLEAN") return /* @__PURE__ */ u("div", {
+		class: "IncodeCustomFieldsField",
+		children: /* @__PURE__ */ u(Checkbox, {
+			id,
+			name: field.name,
+			label: field.label,
+			disabled: isDisabled,
+			onChange: (e) => onChange(field.name, e.target.checked)
+		})
+	});
+	if (field.type === "DATE") return /* @__PURE__ */ u(DateFieldInput, {
+		field,
+		isDisabled,
+		onChange
+	});
+	return /* @__PURE__ */ u("div", {
+		class: "IncodeCustomFieldsField",
+		children: /* @__PURE__ */ u(InputComposed, {
+			id,
+			name: field.name,
+			label: field.label,
+			type: INPUT_TYPE_MAP[field.type] ?? "text",
+			step: INPUT_STEP_MAP[field.type],
+			disabled: isDisabled,
+			onInput: (e) => onChange(field.name, e.target.value)
+		})
+	});
+};
+var CustomFieldsContent = ({ config, manager: externalManager, onFinish, onError: _onError }) => {
+	const { t } = useTranslation();
+	const [state, manager] = useManager(() => {
+		if (externalManager) return externalManager;
+		if (!config) throw new Error("CustomFields config is required");
+		return createCustomFieldsManager({ config });
+	}, {
+		manageLifecycle: !externalManager,
+		autoLoad: true
+	});
+	useModuleTerminalCallbacks({
+		status: state.status === "finished" ? "finished" : "loading",
+		onFinish
+	});
+	if (state.status === "success") return /* @__PURE__ */ u(StatusPage, {
+		variant: "success",
+		icon: /* @__PURE__ */ u(SuccessIcon, { size: 64 }),
+		title: t("customFields.completed"),
+		hideFooterBranding: true
+	});
+	if (state.status === "finished") return null;
+	const title = state.status === "inputting" || state.status === "submitting" ? state.title ? t(state.title) : t("customFields.title") : "";
+	if (state.status === "submitting") return /* @__PURE__ */ u(StatusPage, {
+		variant: "loading",
+		icon: /* @__PURE__ */ u(LoadingIcon, { size: 64 }),
+		title: t("customFields.processing"),
+		hideFooterBranding: true
+	});
+	const canSubmit = state.status === "inputting" ? state.canSubmit : false;
+	const customFields = state.status === "inputting" ? state.customFields : [];
+	const handleChange = (name, value) => {
+		manager.setField(name, value);
+	};
+	return /* @__PURE__ */ u(Page, {
+		className: "IncodeCustomFieldsPage",
+		title,
+		hideFooterBranding: true,
+		children: /* @__PURE__ */ u("form", {
+			class: "IncodeCustomFieldsForm",
+			onSubmit: (e) => {
+				e.preventDefault();
+				manager.submit();
+			},
+			autoComplete: "off",
+			children: [
+				customFields.map((field) => /* @__PURE__ */ u(CustomFieldInput, {
+					field,
+					isDisabled: false,
+					onChange: handleChange
+				}, field.name)),
+				/* @__PURE__ */ u(Spacer, {}),
+				/* @__PURE__ */ u(Button, {
+					type: "submit",
+					disabled: !canSubmit,
+					children: t("customFields.continue")
+				})
+			]
+		})
+	});
+};
+var CustomFields = ({ config, manager, onFinish, onError }) => {
+	return /* @__PURE__ */ u(IncodeComponent, { children: config || manager ? /* @__PURE__ */ u(CustomFieldsContent, {
+		config,
+		manager,
+		onFinish,
+		onError
+	}) : null });
+};
+registerIncodeModuleElement(CustomFields, "incode-custom-fields");
+//#endregion
+export { CustomFields };

package/dist/customWatchlist-DsW04UF6.js

@@ -0,0 +1,36 @@
+import { n as useTranslation } from "./i18n-CoCO2ZuN.js";
+import { _ as y, v as u } from "./vendor-preact-DThS2ZQ_.js";
+import { c as useManager, o as useModuleTerminalCallbacks } from "./hooks-Da_yP_Dr.js";
+import { t as IncodeComponent } from "./incodeComponent-wfnHlnXx.js";
+import { t as LoadingIcon } from "./loadingIcon-B0ysgiNq.js";
+import { t as SuccessIcon } from "./successIcon-BAyDPT7I.js";
+import { t as registerIncodeModuleElement } from "./incodeModule-BUDoTwT9.js";
+import { t as StatusPage } from "./statusPage-DMYPUwRZ.js";
+import { createCustomWatchlistManager } from "@incodetech/core/custom-watchlist";
+//#region src/modules/custom-watchlist/customWatchlist.tsx
+var CustomWatchlistContent = ({ onFinish }) => {
+	const { t } = useTranslation();
+	const [state, manager] = useManager(() => createCustomWatchlistManager());
+	y(() => {
+		manager.load();
+	}, [manager]);
+	useModuleTerminalCallbacks({
+		status: state.status === "finished" ? "finished" : "loading",
+		onFinish
+	});
+	if (state.status === "success") return /* @__PURE__ */ u(StatusPage, {
+		variant: "success",
+		icon: /* @__PURE__ */ u(SuccessIcon, { size: 64 }),
+		title: t("customWatchlist.done")
+	});
+	return /* @__PURE__ */ u(StatusPage, {
+		variant: "loading",
+		icon: /* @__PURE__ */ u(LoadingIcon, { size: 64 }),
+		title: t("watchList.processing"),
+		subtitle: t("customWatchlist.wontTake")
+	});
+};
+var CustomWatchlist = ({ onFinish }) => /* @__PURE__ */ u(IncodeComponent, { children: /* @__PURE__ */ u(CustomWatchlistContent, { onFinish }) });
+registerIncodeModuleElement(CustomWatchlist, "incode-custom-watchlist");
+//#endregion
+export { CustomWatchlist };

package/dist/dateInputComposed-C_mh4XBg.js

@@ -0,0 +1,69 @@
+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-Dbs9ZfYM.js";
+import { t as InputComposed } from "./inputComposed-CQ4AsvZg.js";
+import "./inputComposed-BEn7_nZd.js";
+//#region src/shared/dateInputComposed/dateInputComposed.tsx
+var DateInputComposed = D(({ id, label, disabled, class: className, onInput, onBlur, ...restProps }, ref) => {
+	const tryShowPicker = (input) => {
+		if (!input) return false;
+		if (!("showPicker" in HTMLInputElement.prototype)) return false;
+		try {
+			input.showPicker();
+			return true;
+		} catch {
+			return false;
+		}
+	};
+	const handleClick = (e) => {
+		if (disabled) {
+			e.preventDefault();
+			return;
+		}
+		const input = e.currentTarget.control;
+		tryShowPicker(input);
+	};
+	const valueJustChanged = A(false);
+	const handleInput = (e) => {
+		onInput(e);
+		valueJustChanged.current = true;
+	};
+	const handleBlur = (e) => {
+		onBlur?.(e);
+		if (!valueJustChanged.current) return;
+		valueJustChanged.current = false;
+		if (e.relatedTarget !== null) return;
+		const input = e.currentTarget;
+		if (!input) return;
+		requestAnimationFrame(() => {
+			const active = document.activeElement;
+			if (active === null || active === document.body) input.focus();
+		});
+	};
+	return /* @__PURE__ */ u(InputComposed, {
+		ref,
+		id,
+		type: "date",
+		label,
+		disabled,
+		class: cn("IncodeDateInputComposed", className),
+		onInput: handleInput,
+		onBlur: handleBlur,
+		rightIcon: /* @__PURE__ */ u("label", {
+			htmlFor: id,
+			class: "IncodeDateInputComposedIconButton",
+			"aria-hidden": "true",
+			tabIndex: -1,
+			"data-disabled": disabled ? "true" : void 0,
+			onClick: handleClick,
+			children: /* @__PURE__ */ u("span", {
+				class: "IncodeDateInputComposedIcon",
+				children: /* @__PURE__ */ u(CalendarIcon, {})
+			})
+		}),
+		...restProps
+	});
+});
+DateInputComposed.displayName = "DateInputComposed";
+//#endregion
+export { DateInputComposed as t };

package/dist/dateInputComposed-Cy6a7ymh.js

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

package/dist/defineProperty-mefzVtTv.js

@@ -0,0 +1,39 @@
+//#region \0@oxc-project+runtime@0.122.0/helpers/typeof.js
+function _typeof(o) {
+	"@babel/helpers - typeof";
+	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
+		return typeof o;
+	} : function(o) {
+		return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+	}, _typeof(o);
+}
+//#endregion
+//#region \0@oxc-project+runtime@0.122.0/helpers/toPrimitive.js
+function toPrimitive(t, r) {
+	if ("object" != _typeof(t) || !t) return t;
+	var e = t[Symbol.toPrimitive];
+	if (void 0 !== e) {
+		var i = e.call(t, r || "default");
+		if ("object" != _typeof(i)) return i;
+		throw new TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return ("string" === r ? String : Number)(t);
+}
+//#endregion
+//#region \0@oxc-project+runtime@0.122.0/helpers/toPropertyKey.js
+function toPropertyKey(t) {
+	var i = toPrimitive(t, "string");
+	return "symbol" == _typeof(i) ? i : i + "";
+}
+//#endregion
+//#region \0@oxc-project+runtime@0.122.0/helpers/defineProperty.js
+function _defineProperty(e, r, t) {
+	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+		value: t,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[r] = t, e;
+}
+//#endregion
+export { _defineProperty as t };

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

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

package/dist/document-capture/styles.css

@@ -275,11 +275,8 @@
 }
 
 .IncodeDocumentCapturePdfCard .ImageDocumentCapturePdfPreviewContainer .ImageDocumentCapturePdfPreview {
-  border-style: var(--tw-border-style);
-  border-width: 0;
-  width: calc(100% + 4px);
-  height: calc(100% + 4px);
-  margin: -2px;
+  width: 100%;
+  height: 100%;
 }
 
 .IncodeDocumentCapturePdfCard .IncodeDocumentCapturePdfFileName {

package/dist/documentCapture-8ypBJehw.js

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