@layerfi/components 0.1.132 → 0.1.133-alpha

package/dist/cjs/index.cjs

@@ -246,6 +246,11 @@ var APIError = class APIError extends Error {
 		return (_this$messages = this.messages) === null || _this$messages === void 0 ? void 0 : _this$messages.map((x) => x.description);
 	}
 };
+var isAPIErrorOfType = (error, errorType) => {
+	var _error$messages;
+	if (!(error instanceof APIError)) return false;
+	return ((_error$messages = error.messages) === null || _error$messages === void 0 ? void 0 : _error$messages.some((message) => message.error_enum === errorType)) === true;
+};
 //#endregion
 //#region src/utils/api/errorHandler.tsx
 var ErrorHandlerClass = class {
@@ -278,7 +283,7 @@ var getIntlLocale = (locale) => {
 };
 var package_default = {
 	name: "@layerfi/components",
-	version: "0.1.132",
+	version: "0.1.133-alpha",
 	description: "Layer React Components",
 	main: "dist/cjs/index.cjs",
 	module: "dist/esm/index.mjs",
@@ -10795,6 +10800,11 @@ function keyLoader$9(previousPageData, { access_token: accessToken, apiUrl, busi
 		};
 	}
 }
+var ListCustomersSWRResponse = class extends SWRInfiniteResult {
+	get error() {
+		return this.swrResponse.error;
+	}
+};
 function useListCustomers({ query, isEnabled = true } = {}) {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
@@ -10814,7 +10824,7 @@ function useListCustomers({ query, isEnabled = true } = {}) {
 		initialSize: 1
 	});
 	usePreserveInfiniteSize(swrResponse);
-	return new SWRInfiniteResult(swrResponse);
+	return new ListCustomersSWRResponse(swrResponse);
 }
 function usePreloadCustomers(parameters) {
 	useListCustomers(parameters);
@@ -41737,12 +41747,14 @@ var CustomerAsOption = class {
 	}
 };
 var formatCreateLabel$1 = (inputValue, t) => inputValue ? t("customerVendor:action.create_customer_input_value", "Create customer \"{{inputValue}}\"", { inputValue }) : t("customerVendor:action.create_new_customer", "Create new customer");
-function CustomerSelector({ selectedCustomer, onSelectedCustomerChange, label, placeholder, isCreatable, onCreateCustomer, isReadOnly, inline, className, showLabel = true }) {
+function CustomerSelector({ selectedCustomer, onSelectedCustomerChange, label, placeholder, isCreatable, onCreateCustomer, isReadOnly, inline, className, hideSpecifiedIdNotFoundError, showLabel = true }) {
 	const { t } = (0, react_i18next.useTranslation)();
 	const resolvedLabel = label !== null && label !== void 0 ? label : t("customerVendor:label.customer", "Customer");
 	const combinedClassName = (0, classnames.default)("Layer__CustomerSelector", inline && "Layer__CustomerSelector--inline", className);
 	const { searchQuery, handleInputChange } = useDebouncedSearchInput({ initialInputState: () => "" });
-	const { data, isLoading, isError } = useListCustomers({ query: searchQuery === "" ? void 0 : searchQuery });
+	const { data, isLoading, isError, error } = useListCustomers({ query: searchQuery === "" ? void 0 : searchQuery });
+	const shouldHideError = hideSpecifiedIdNotFoundError && isAPIErrorOfType(error, ApiEnumErrorType.SpecifiedIdNotFound);
+	const shouldShowError = isError && !shouldHideError;
 	const options = (0, react.useMemo)(() => (data === null || data === void 0 ? void 0 : data.flatMap(({ data }) => data).map((customer) => new CustomerAsOption(customer))) || [], [data]);
 	const selectedCustomerId = selectedCustomer === null || selectedCustomer === void 0 ? void 0 : selectedCustomer.id;
 	const handleSelectionChange = (0, react.useCallback)((selectedOption) => {
@@ -41793,7 +41805,7 @@ function CustomerSelector({ selectedCustomer, onSelectedCustomerChange, label, p
 			ErrorMessage
 		},
 		isDisabled: isLoadingWithoutFallback || isError,
-		isError,
+		isError: shouldShowError,
 		isLoading: isLoadingWithoutFallback,
 		isReadOnly,
 		["aria-label"]: showLabel ? void 0 : resolvedLabel
@@ -49892,11 +49904,16 @@ function buildKey$11({ access_token: accessToken, apiUrl, businessId }) {
 		tags: [ACTIVE_TIME_TRACKER_TAG_KEY]
 	};
 }
+var ActiveTimeTrackerSWRResponse = class extends SWRQueryResult {
+	get error() {
+		return this.swrResponse.error;
+	}
+};
 function useActiveTimeTracker() {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	return new SWRQueryResult((0, swr.default)(() => withLocale(buildKey$11(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }) => getActiveTimeTracker(apiUrl, accessToken, { params: { businessId } })().then(effect.Schema.decodeUnknownPromise(ActiveTimeTrackerResponseSchema)).then(({ data }) => {
+	return new ActiveTimeTrackerSWRResponse((0, swr.default)(() => withLocale(buildKey$11(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }) => getActiveTimeTracker(apiUrl, accessToken, { params: { businessId } })().then(effect.Schema.decodeUnknownPromise(ActiveTimeTrackerResponseSchema)).then(({ data }) => {
 		var _data$timeEntry;
 		return (_data$timeEntry = data.timeEntry) !== null && _data$timeEntry !== void 0 ? _data$timeEntry : null;
 	})));
@@ -49947,11 +49964,16 @@ function buildKey$10({ access_token: accessToken, apiUrl, businessId, allowArchi
 var listCatalogServices = get$1(({ businessId, allowArchived }) => {
 	return `/v1/businesses/${businessId}/catalog/services?${toDefinedSearchParameters({ allowArchived })}`;
 });
+var ListCatalogServicesSWRResponse = class extends SWRQueryResult {
+	get error() {
+		return this.swrResponse.error;
+	}
+};
 function useListCatalogServices({ allowArchived, isEnabled = true } = {}) {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	return new SWRQueryResult((0, swr.default)(() => withLocale(buildKey$10(_objectSpread2(_objectSpread2({}, data), {}, {
+	return new ListCatalogServicesSWRResponse((0, swr.default)(() => withLocale(buildKey$10(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		allowArchived,
 		isEnabled
@@ -51255,10 +51277,12 @@ var formatCreateLabel = (inputValue, t) => /* @__PURE__ */ (0, react_jsx_runtime
 		"aria-hidden": "true"
 	}), inputValue ? t("timeTracking:services.create_service_input_value", "Create service \"{{inputValue}}\"", { inputValue }) : t("timeTracking:services.add_service", "Add service")]
 });
-function TimeEntryServiceSelector({ selectedServiceId, onSelectedServiceIdChange, placeholder, isReadOnly, isClearable, inline, className, showLabel = true, allowArchived, isCreatable, onCreateService }) {
+function TimeEntryServiceSelector({ selectedServiceId, onSelectedServiceIdChange, placeholder, isReadOnly, isClearable, inline, className, showLabel = true, hideSpecifiedIdNotFoundError, allowArchived, isCreatable, onCreateService }) {
 	const { t } = (0, react_i18next.useTranslation)();
-	const { data: servicesResponse, isLoading, isError } = useListCatalogServices({ allowArchived });
+	const { data: servicesResponse, isLoading, isError, error } = useListCatalogServices({ allowArchived });
 	const isLoadingWithoutFallback = isLoading && !servicesResponse;
+	const shouldHideError = hideSpecifiedIdNotFoundError && isAPIErrorOfType(error, ApiEnumErrorType.SpecifiedIdNotFound);
+	const shouldShowError = isError && !shouldHideError;
 	const shouldDisableComboBox = isLoadingWithoutFallback || isError;
 	const serviceOptions = (0, react.useMemo)(() => {
 		var _servicesResponse$dat;
@@ -51279,13 +51303,13 @@ function TimeEntryServiceSelector({ selectedServiceId, onSelectedServiceIdChange
 		children: t("timeTracking:label.no_services", "No services available")
 	}), [t]);
 	const ErrorMessage = (0, react.useMemo)(() => {
-		if (!isError) return null;
+		if (!shouldShowError) return null;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(P, {
 			size: "xs",
 			status: "error",
 			children: t("timeTracking:error.load_services", "Failed to load services.")
 		});
-	}, [isError, t]);
+	}, [shouldShowError, t]);
 	const inputId = (0, react.useId)();
 	const sharedProps = {
 		selectedValue: selectedServiceForComboBox,
@@ -51299,7 +51323,7 @@ function TimeEntryServiceSelector({ selectedServiceId, onSelectedServiceIdChange
 		},
 		isClearable,
 		isDisabled: shouldDisableComboBox,
-		isError,
+		isError: shouldShowError,
 		isLoading: isLoadingWithoutFallback,
 		isReadOnly,
 		["aria-label"]: showLabel ? void 0 : t("timeTracking:label.service", "Service")
@@ -51640,21 +51664,24 @@ var ActiveTimeTracker = ({ isDrawerOpen, onDrawerOpenChange }) => {
 	const { t } = (0, react_i18next.useTranslation)();
 	const { isMobile } = useSizeClass();
 	const { formatSecondsAsDuration } = useIntlFormatter();
-	const { data: activeEntry, isLoading, isError } = useActiveTimeTracker();
+	const { data: activeEntry, isLoading, isError, error } = useActiveTimeTracker();
 	const elapsedSeconds = useElapsedSeconds(activeEntry === null || activeEntry === void 0 ? void 0 : activeEntry.createdAt);
 	const timerDisplayValue = (0, react.useMemo)(() => formatSecondsAsDuration(elapsedSeconds), [elapsedSeconds, formatSecondsAsDuration]);
 	if (isLoading) return null;
-	if (isError) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Container, {
-		name: "ActiveTimeTracker",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(VStack, {
-			pi: "lg",
-			pbe: "md",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataState, {
-				status: DataStateStatus.failed,
-				title: t("timeTracking:error.load_active_timer", "Failed to load active timer. Please check your connection and try again.")
+	if (isError) {
+		if (isAPIErrorOfType(error, ApiEnumErrorType.SpecifiedIdNotFound)) return null;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Container, {
+			name: "ActiveTimeTracker",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(VStack, {
+				pi: "lg",
+				pbe: "md",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataState, {
+					status: DataStateStatus.failed,
+					title: t("timeTracking:error.load_active_timer", "Failed to load active timer. Please check your connection and try again.")
+				})
 			})
-		})
-	});
+		});
+	}
 	if (activeEntry) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActiveTimeTrackerBanner, {
 		activeEntry,
 		timerDisplayValue
@@ -51841,7 +51868,8 @@ var TimeEntriesTableHeader = () => {
 			placeholder: t("timeTracking:label.all_services", "All Services"),
 			showLabel: false,
 			allowArchived: true,
-			inline: true
+			inline: true,
+			hideSpecifiedIdNotFoundError: true
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomerSelector, {
 			selectedCustomer,
 			onSelectedCustomerChange: setSelectedCustomer,
@@ -51849,7 +51877,8 @@ var TimeEntriesTableHeader = () => {
 			className: "Layer__TimeEntriesTable__FilterCustomer",
 			placeholder: t("timeTracking:label.all_customers", "All Customers"),
 			showLabel: false,
-			inline: true
+			inline: true,
+			hideSpecifiedIdNotFoundError: true
 		})]
 	}), [
 		selectedCustomer,
@@ -52121,7 +52150,8 @@ var TimeEntryCustomerField = ({ value, entryCustomer, isReadOnly, onChange }) =>
 		inline: true,
 		label: t("timeTracking:label.customer_optional", "Customer (optional)"),
 		placeholder: t("timeTracking:label.select_customer_short", "Select a customer"),
-		className: "Layer__TimeEntryForm__Field__Customer"
+		className: "Layer__TimeEntryForm__Field__Customer",
+		hideSpecifiedIdNotFoundError: true
 	});
 };
 var TimeEntryForm = ({ onSuccess, entry, isReadOnly }) => {
@@ -52189,7 +52219,8 @@ var TimeEntryForm = ({ onSuccess, entry, isReadOnly }) => {
 					inline: true,
 					className: "Layer__TimeEntryForm__Field__Service",
 					isCreatable: !isReadOnly,
-					onCreateService: handleCreateService
+					onCreateService: handleCreateService,
+					hideSpecifiedIdNotFoundError: true
 				})
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(form.Field, {
@@ -53107,13 +53138,13 @@ exports.ProfitAndLoss = ProfitAndLoss;
 exports.ProfitAndLossView = ProfitAndLossView;
 exports.ProjectProfitabilityView = ProjectProfitabilityView;
 exports.Reports = Reports;
+exports.SolopreneurOverview = SolopreneurOverview;
 exports.StatementOfCashFlow = StatementOfCashFlow;
 exports.SupportedLocale = SupportedLocale;
 exports.Tasks = Tasks;
+exports.TaxEstimates = TaxEstimates;
 exports.TimeTracking = TimeTracking;
 exports.UnifiedReports = UnifiedReports;
 exports.unstable_MileageSummaryCard = MileageSummaryCard;
 exports.unstable_MileageTracking = unstable_MileageTracking;
-exports.unstable_SolopreneurOverview = SolopreneurOverview;
-exports.unstable_TaxEstimates = TaxEstimates;
 exports.useLayerContext = useLayerContext;

package/dist/esm/index.mjs

@@ -218,6 +218,11 @@ var APIError = class APIError extends Error {
 		return (_this$messages = this.messages) === null || _this$messages === void 0 ? void 0 : _this$messages.map((x) => x.description);
 	}
 };
+var isAPIErrorOfType = (error, errorType) => {
+	var _error$messages;
+	if (!(error instanceof APIError)) return false;
+	return ((_error$messages = error.messages) === null || _error$messages === void 0 ? void 0 : _error$messages.some((message) => message.error_enum === errorType)) === true;
+};
 //#endregion
 //#region src/utils/api/errorHandler.tsx
 var ErrorHandlerClass = class {
@@ -250,7 +255,7 @@ var getIntlLocale = (locale) => {
 };
 var package_default = {
 	name: "@layerfi/components",
-	version: "0.1.132",
+	version: "0.1.133-alpha",
 	description: "Layer React Components",
 	main: "dist/cjs/index.cjs",
 	module: "dist/esm/index.mjs",
@@ -7461,6 +7466,11 @@ function keyLoader$9(previousPageData, { access_token: accessToken, apiUrl, busi
 		};
 	}
 }
+var ListCustomersSWRResponse = class extends SWRInfiniteResult {
+	get error() {
+		return this.swrResponse.error;
+	}
+};
 function useListCustomers({ query, isEnabled = true } = {}) {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
@@ -7480,7 +7490,7 @@ function useListCustomers({ query, isEnabled = true } = {}) {
 		initialSize: 1
 	});
 	usePreserveInfiniteSize(swrResponse);
-	return new SWRInfiniteResult(swrResponse);
+	return new ListCustomersSWRResponse(swrResponse);
 }
 function usePreloadCustomers(parameters) {
 	useListCustomers(parameters);
@@ -38378,12 +38388,14 @@ var CustomerAsOption = class {
 	}
 };
 var formatCreateLabel$1 = (inputValue, t) => inputValue ? t("customerVendor:action.create_customer_input_value", "Create customer \"{{inputValue}}\"", { inputValue }) : t("customerVendor:action.create_new_customer", "Create new customer");
-function CustomerSelector({ selectedCustomer, onSelectedCustomerChange, label, placeholder, isCreatable, onCreateCustomer, isReadOnly, inline, className, showLabel = true }) {
+function CustomerSelector({ selectedCustomer, onSelectedCustomerChange, label, placeholder, isCreatable, onCreateCustomer, isReadOnly, inline, className, hideSpecifiedIdNotFoundError, showLabel = true }) {
 	const { t } = useTranslation();
 	const resolvedLabel = label !== null && label !== void 0 ? label : t("customerVendor:label.customer", "Customer");
 	const combinedClassName = classNames("Layer__CustomerSelector", inline && "Layer__CustomerSelector--inline", className);
 	const { searchQuery, handleInputChange } = useDebouncedSearchInput({ initialInputState: () => "" });
-	const { data, isLoading, isError } = useListCustomers({ query: searchQuery === "" ? void 0 : searchQuery });
+	const { data, isLoading, isError, error } = useListCustomers({ query: searchQuery === "" ? void 0 : searchQuery });
+	const shouldHideError = hideSpecifiedIdNotFoundError && isAPIErrorOfType(error, ApiEnumErrorType.SpecifiedIdNotFound);
+	const shouldShowError = isError && !shouldHideError;
 	const options = useMemo(() => (data === null || data === void 0 ? void 0 : data.flatMap(({ data }) => data).map((customer) => new CustomerAsOption(customer))) || [], [data]);
 	const selectedCustomerId = selectedCustomer === null || selectedCustomer === void 0 ? void 0 : selectedCustomer.id;
 	const handleSelectionChange = useCallback((selectedOption) => {
@@ -38434,7 +38446,7 @@ function CustomerSelector({ selectedCustomer, onSelectedCustomerChange, label, p
 			ErrorMessage
 		},
 		isDisabled: isLoadingWithoutFallback || isError,
-		isError,
+		isError: shouldShowError,
 		isLoading: isLoadingWithoutFallback,
 		isReadOnly,
 		["aria-label"]: showLabel ? void 0 : resolvedLabel
@@ -46533,11 +46545,16 @@ function buildKey$11({ access_token: accessToken, apiUrl, businessId }) {
 		tags: [ACTIVE_TIME_TRACKER_TAG_KEY]
 	};
 }
+var ActiveTimeTrackerSWRResponse = class extends SWRQueryResult {
+	get error() {
+		return this.swrResponse.error;
+	}
+};
 function useActiveTimeTracker() {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	return new SWRQueryResult(useSWR(() => withLocale(buildKey$11(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }) => getActiveTimeTracker(apiUrl, accessToken, { params: { businessId } })().then(Schema.decodeUnknownPromise(ActiveTimeTrackerResponseSchema)).then(({ data }) => {
+	return new ActiveTimeTrackerSWRResponse(useSWR(() => withLocale(buildKey$11(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }) => getActiveTimeTracker(apiUrl, accessToken, { params: { businessId } })().then(Schema.decodeUnknownPromise(ActiveTimeTrackerResponseSchema)).then(({ data }) => {
 		var _data$timeEntry;
 		return (_data$timeEntry = data.timeEntry) !== null && _data$timeEntry !== void 0 ? _data$timeEntry : null;
 	})));
@@ -46588,11 +46605,16 @@ function buildKey$10({ access_token: accessToken, apiUrl, businessId, allowArchi
 var listCatalogServices = get(({ businessId, allowArchived }) => {
 	return `/v1/businesses/${businessId}/catalog/services?${toDefinedSearchParameters({ allowArchived })}`;
 });
+var ListCatalogServicesSWRResponse = class extends SWRQueryResult {
+	get error() {
+		return this.swrResponse.error;
+	}
+};
 function useListCatalogServices({ allowArchived, isEnabled = true } = {}) {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	return new SWRQueryResult(useSWR(() => withLocale(buildKey$10(_objectSpread2(_objectSpread2({}, data), {}, {
+	return new ListCatalogServicesSWRResponse(useSWR(() => withLocale(buildKey$10(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		allowArchived,
 		isEnabled
@@ -47896,10 +47918,12 @@ var formatCreateLabel = (inputValue, t) => /* @__PURE__ */ jsxs(Span, {
 		"aria-hidden": "true"
 	}), inputValue ? t("timeTracking:services.create_service_input_value", "Create service \"{{inputValue}}\"", { inputValue }) : t("timeTracking:services.add_service", "Add service")]
 });
-function TimeEntryServiceSelector({ selectedServiceId, onSelectedServiceIdChange, placeholder, isReadOnly, isClearable, inline, className, showLabel = true, allowArchived, isCreatable, onCreateService }) {
+function TimeEntryServiceSelector({ selectedServiceId, onSelectedServiceIdChange, placeholder, isReadOnly, isClearable, inline, className, showLabel = true, hideSpecifiedIdNotFoundError, allowArchived, isCreatable, onCreateService }) {
 	const { t } = useTranslation();
-	const { data: servicesResponse, isLoading, isError } = useListCatalogServices({ allowArchived });
+	const { data: servicesResponse, isLoading, isError, error } = useListCatalogServices({ allowArchived });
 	const isLoadingWithoutFallback = isLoading && !servicesResponse;
+	const shouldHideError = hideSpecifiedIdNotFoundError && isAPIErrorOfType(error, ApiEnumErrorType.SpecifiedIdNotFound);
+	const shouldShowError = isError && !shouldHideError;
 	const shouldDisableComboBox = isLoadingWithoutFallback || isError;
 	const serviceOptions = useMemo(() => {
 		var _servicesResponse$dat;
@@ -47920,13 +47944,13 @@ function TimeEntryServiceSelector({ selectedServiceId, onSelectedServiceIdChange
 		children: t("timeTracking:label.no_services", "No services available")
 	}), [t]);
 	const ErrorMessage = useMemo(() => {
-		if (!isError) return null;
+		if (!shouldShowError) return null;
 		return /* @__PURE__ */ jsx(P, {
 			size: "xs",
 			status: "error",
 			children: t("timeTracking:error.load_services", "Failed to load services.")
 		});
-	}, [isError, t]);
+	}, [shouldShowError, t]);
 	const inputId = useId();
 	const sharedProps = {
 		selectedValue: selectedServiceForComboBox,
@@ -47940,7 +47964,7 @@ function TimeEntryServiceSelector({ selectedServiceId, onSelectedServiceIdChange
 		},
 		isClearable,
 		isDisabled: shouldDisableComboBox,
-		isError,
+		isError: shouldShowError,
 		isLoading: isLoadingWithoutFallback,
 		isReadOnly,
 		["aria-label"]: showLabel ? void 0 : t("timeTracking:label.service", "Service")
@@ -48281,21 +48305,24 @@ var ActiveTimeTracker = ({ isDrawerOpen, onDrawerOpenChange }) => {
 	const { t } = useTranslation();
 	const { isMobile } = useSizeClass();
 	const { formatSecondsAsDuration } = useIntlFormatter();
-	const { data: activeEntry, isLoading, isError } = useActiveTimeTracker();
+	const { data: activeEntry, isLoading, isError, error } = useActiveTimeTracker();
 	const elapsedSeconds = useElapsedSeconds(activeEntry === null || activeEntry === void 0 ? void 0 : activeEntry.createdAt);
 	const timerDisplayValue = useMemo(() => formatSecondsAsDuration(elapsedSeconds), [elapsedSeconds, formatSecondsAsDuration]);
 	if (isLoading) return null;
-	if (isError) return /* @__PURE__ */ jsx(Container, {
-		name: "ActiveTimeTracker",
-		children: /* @__PURE__ */ jsx(VStack, {
-			pi: "lg",
-			pbe: "md",
-			children: /* @__PURE__ */ jsx(DataState, {
-				status: DataStateStatus.failed,
-				title: t("timeTracking:error.load_active_timer", "Failed to load active timer. Please check your connection and try again.")
+	if (isError) {
+		if (isAPIErrorOfType(error, ApiEnumErrorType.SpecifiedIdNotFound)) return null;
+		return /* @__PURE__ */ jsx(Container, {
+			name: "ActiveTimeTracker",
+			children: /* @__PURE__ */ jsx(VStack, {
+				pi: "lg",
+				pbe: "md",
+				children: /* @__PURE__ */ jsx(DataState, {
+					status: DataStateStatus.failed,
+					title: t("timeTracking:error.load_active_timer", "Failed to load active timer. Please check your connection and try again.")
+				})
 			})
-		})
-	});
+		});
+	}
 	if (activeEntry) return /* @__PURE__ */ jsx(ActiveTimeTrackerBanner, {
 		activeEntry,
 		timerDisplayValue
@@ -48482,7 +48509,8 @@ var TimeEntriesTableHeader = () => {
 			placeholder: t("timeTracking:label.all_services", "All Services"),
 			showLabel: false,
 			allowArchived: true,
-			inline: true
+			inline: true,
+			hideSpecifiedIdNotFoundError: true
 		}), /* @__PURE__ */ jsx(CustomerSelector, {
 			selectedCustomer,
 			onSelectedCustomerChange: setSelectedCustomer,
@@ -48490,7 +48518,8 @@ var TimeEntriesTableHeader = () => {
 			className: "Layer__TimeEntriesTable__FilterCustomer",
 			placeholder: t("timeTracking:label.all_customers", "All Customers"),
 			showLabel: false,
-			inline: true
+			inline: true,
+			hideSpecifiedIdNotFoundError: true
 		})]
 	}), [
 		selectedCustomer,
@@ -48762,7 +48791,8 @@ var TimeEntryCustomerField = ({ value, entryCustomer, isReadOnly, onChange }) =>
 		inline: true,
 		label: t("timeTracking:label.customer_optional", "Customer (optional)"),
 		placeholder: t("timeTracking:label.select_customer_short", "Select a customer"),
-		className: "Layer__TimeEntryForm__Field__Customer"
+		className: "Layer__TimeEntryForm__Field__Customer",
+		hideSpecifiedIdNotFoundError: true
 	});
 };
 var TimeEntryForm = ({ onSuccess, entry, isReadOnly }) => {
@@ -48830,7 +48860,8 @@ var TimeEntryForm = ({ onSuccess, entry, isReadOnly }) => {
 					inline: true,
 					className: "Layer__TimeEntryForm__Field__Service",
 					isCreatable: !isReadOnly,
-					onCreateService: handleCreateService
+					onCreateService: handleCreateService,
+					hideSpecifiedIdNotFoundError: true
 				})
 			}),
 			/* @__PURE__ */ jsx(form.Field, {
@@ -49723,4 +49754,4 @@ var LayerProvider = (_ref) => {
 	});
 };
 //#endregion
-export { AccountingOverview, BalanceSheet, BankTransactions, BankTransactionsWithLinkedAccounts, BookkeepingOverview, BookkeepingUpsellBar, ChartOfAccounts, Direction, DisplayState, EntityName, GeneralLedgerView, GlobalDateRangeSelection, GlobalMonthPicker, Integrations, Invoices, Journal, LandingPage, LayerProvider, LinkAccounts, LinkedAccounts, Onboarding, ProfitAndLoss, ProfitAndLossView, ProjectProfitabilityView, Reports, StatementOfCashFlow, SupportedLocale, Tasks, TimeTracking, UnifiedReports, MileageSummaryCard as unstable_MileageSummaryCard, unstable_MileageTracking, SolopreneurOverview as unstable_SolopreneurOverview, TaxEstimates as unstable_TaxEstimates, useLayerContext };
+export { AccountingOverview, BalanceSheet, BankTransactions, BankTransactionsWithLinkedAccounts, BookkeepingOverview, BookkeepingUpsellBar, ChartOfAccounts, Direction, DisplayState, EntityName, GeneralLedgerView, GlobalDateRangeSelection, GlobalMonthPicker, Integrations, Invoices, Journal, LandingPage, LayerProvider, LinkAccounts, LinkedAccounts, Onboarding, ProfitAndLoss, ProfitAndLossView, ProjectProfitabilityView, Reports, SolopreneurOverview, StatementOfCashFlow, SupportedLocale, Tasks, TaxEstimates, TimeTracking, UnifiedReports, MileageSummaryCard as unstable_MileageSummaryCard, unstable_MileageTracking, useLayerContext };

package/dist/index.d.ts

@@ -1022,6 +1022,8 @@ declare const _SIZE_VARIANTS: readonly ["sm", "lg"];
 
 declare type SizeVariant = (typeof _SIZE_VARIANTS)[number];
 
+export declare const SolopreneurOverview: ({ interactionProps, chartColorsList, stringOverrides, }: SolopreneurOverviewProps) => JSX_2.Element;
+
 declare interface SolopreneurOverviewInteractionProps {
     banner?: {
         onSetupTaxProfile?: () => void;
@@ -1136,6 +1138,8 @@ declare interface TasksStringOverrides {
     header?: string;
 }
 
+export declare const TaxEstimates: ({ onClickReviewTransactions: onReviewClicked }: TaxEstimatesProps) => JSX_2.Element;
+
 declare type TaxEstimatesContextProviderProps = PropsWithChildren<{
     onClickReviewTransactions?: (payload: TaxEstimatesReviewTransactionsPayload) => void;
 }>;
@@ -1203,10 +1207,6 @@ export declare const unstable_MileageTracking: ({ showTitle }: {
     showTitle?: boolean;
 }) => JSX_2.Element;
 
-export declare const unstable_SolopreneurOverview: ({ interactionProps, chartColorsList, stringOverrides, }: SolopreneurOverviewProps) => JSX_2.Element;
-
-export declare const unstable_TaxEstimates: ({ onClickReviewTransactions: onReviewClicked }: TaxEstimatesProps) => JSX_2.Element;
-
 export declare const useLayerContext: () => LayerContextShape;
 
 declare type Variants = Partial<{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layerfi/components",
-  "version": "0.1.132",
+  "version": "0.1.133-alpha",
   "description": "Layer React Components",
   "main": "dist/cjs/index.cjs",
   "module": "dist/esm/index.mjs",