@payfit/unity-components 3.1.17 → 3.1.19

package/dist/esm/core/components/error-state/ErrorState.d.ts

@@ -165,6 +165,10 @@ interface UnknownErrorStateProps extends ErrorStateBaseProps {
      * @default: Back to dashboard
      */
     backButtonLabel?: ReactNode;
+    /**
+     * Callback function triggered when the back button is pressed.
+     */
+    onBackButtonPress?: () => void;
     /**
      * Must be undefined for unknown error states.
      */

package/dist/esm/core/components/error-state/ErrorState.js

@@ -44,18 +44,19 @@ var h = m({ slots: {
 } }), g = (e, t) => /* @__PURE__ */ d(o, { children: [/* @__PURE__ */ u("div", {
 	className: "uy:mb-200",
 	children: e.detailDescription ?? t?.detailDescription
-}), /* @__PURE__ */ u(i, { children: e.error.message })] }), _ = (e, n) => /* @__PURE__ */ u("div", {
-	className: "uy:mt-200 uy:@section:block uy:hidden",
-	children: /* @__PURE__ */ u(t, {
-		onClick: () => {
-			window.history.go(-1);
-		},
-		color: "primary",
-		variant: "ghost",
-		children: e.backButtonLabel ?? n?.backButtonLabel
-	})
-}), v = (e, t) => e === "generic" ? t ? "known" : "unknown" : e, y = s((i, o) => {
-	let { icon: s, illustration: m, onButtonPress: y, buttonLabel: b, mainTitle: x, mainDescription: S, mainDescriptionComponent: C, type: w, error: T, entityName: E, role: D = "status" } = i, { base: O, content: k, container: A, wrapper: j, illustration: M, icon: N, informationContainer: P, information: F, informationComponent: ee, description: I, h1: L, h2: R, h3: z, h4: B } = h(), V = f(), H = a(V, { noPermissionEntityName: E }), U = l(null), { level: W } = r({ ref: U }), G = c((e) => {
+}), /* @__PURE__ */ u(i, { children: e.error.message })] }), _ = (e, n) => {
+	let r = e.backButtonLabel ?? n?.backButtonLabel;
+	return /* @__PURE__ */ u("div", {
+		className: "uy:mt-200 uy:@section:block uy:hidden",
+		children: /* @__PURE__ */ u(t, {
+			onPress: e.onBackButtonPress ?? n?.onBackButtonPress,
+			color: "primary",
+			variant: "ghost",
+			children: r
+		})
+	});
+}, v = (e, t) => e === "generic" ? t ? "known" : "unknown" : e, y = s((i, o) => {
+	let { icon: s, illustration: m, onButtonPress: y, buttonLabel: b, mainTitle: x, mainDescription: S, mainDescriptionComponent: C, type: w, error: T, entityName: E, role: D = "status" } = i, { base: O, content: k, container: A, wrapper: j, illustration: M, icon: N, informationContainer: P, information: F, informationComponent: I, description: ee, h1: L, h2: R, h3: z, h4: B } = h(), V = f(), H = a(V, { noPermissionEntityName: E }), U = l(null), { level: W } = r({ ref: U }), G = c((e) => {
 		U.current = e, o && (typeof o == "function" ? o(e) : o.current = e);
 	}, [o]), K = v(w, T), q = H.get(K), J = m ?? q?.illustration, Y = s ?? q?.icon, X = b ?? q?.buttonLabel, Z = x ?? q?.mainTitle, Q = S ?? q?.mainDescription, $ = C ?? q?.mainDescriptionComponent;
 	return /* @__PURE__ */ u("div", {
@@ -134,7 +135,7 @@ var h = m({ slots: {
 										asElement: "p",
 										variant: "body",
 										color: "content.neutral.low",
-										className: ee(),
+										className: I(),
 										children: $
 									})
 								]
@@ -148,7 +149,7 @@ var h = m({ slots: {
 					}),
 					K === "unknown" && _(i, q),
 					K === "known" && /* @__PURE__ */ u("div", {
-						className: I(),
+						className: ee(),
 						children: g(i, q)
 					})
 				]

package/dist/esm/core/components/error-state/initConfig.d.ts

@@ -12,5 +12,6 @@ export interface ErrorStateConfig {
     buttonLabel: ReactNode;
     detailDescription?: ReactNode;
     backButtonLabel?: ReactNode;
+    onBackButtonPress?: () => void;
 }
 export declare const initConfig: (intl: IntlShape, values?: Parameters<IntlShape["formatMessage"]>[1]) => Map<ErrorStateVariant, ErrorStateConfig>;

package/dist/esm/core/components/error-state/initConfig.js

@@ -69,7 +69,10 @@ var a = (a, o) => /* @__PURE__ */ new Map([
 		backButtonLabel: a.formatMessage({
 			id: "unity:component:error-state:unknown:back-link:label",
 			defaultMessage: "Back to dashboard"
-		}, { br: () => /* @__PURE__ */ t("br", {}) })
+		}, { br: () => /* @__PURE__ */ t("br", {}) }),
+		onBackButtonPress: () => {
+			window.history.go(-1);
+		}
 	}],
 	["404", {
 		illustration: r,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-components",
-  "version": "3.1.17",
+  "version": "3.1.19",
   "module": "./dist/esm/index.js",
   "type": "module",
   "sideEffects": false,
@@ -103,7 +103,7 @@
     "@formatjs/intl": "4.1.12",
     "@internationalized/date": "3.12.4",
     "minimatch": "10.2.5",
-    "@payfit/unity-illustrations": "3.1.17",
+    "@payfit/unity-illustrations": "3.1.19",
     "@radix-ui/react-avatar": "1.2.6",
     "@radix-ui/react-slot": "1.3.3",
     "@react-aria/interactions": "3.28.1",
@@ -133,8 +133,8 @@
   },
   "peerDependencies": {
     "@hookform/devtools": "4.4.0",
-    "@payfit/unity-icons": "3.1.17",
-    "@payfit/unity-themes": "3.1.17",
+    "@payfit/unity-icons": "3.1.19",
+    "@payfit/unity-themes": "3.1.19",
     "@storybook/react-vite": "^10",
     "@tanstack/react-query": "^5",
     "@tanstack/form-core": "1.33.5",
@@ -157,9 +157,9 @@
     "@payfit/storybook-addon-console-errors": "0.0.0-use.local",
     "@payfit/storybook-addon-datadog-rum": "0.0.0-use.local",
     "@payfit/storybook-config": "0.0.0-use.local",
-    "@payfit/unity-icons": "3.1.17",
-    "@payfit/unity-illustrations": "3.1.17",
-    "@payfit/unity-themes": "3.1.17",
+    "@payfit/unity-icons": "3.1.19",
+    "@payfit/unity-illustrations": "3.1.19",
+    "@payfit/unity-themes": "3.1.19",
     "@payfit/vite-configs": "0.0.0-use.local",
     "@storybook/addon-a11y": "10.6.0",
     "@storybook/addon-designs": "11.1.4",