udp-react-enterprise-component-library 25.18.3 → 25.18.4-beta.2

package/dist/UdpActionCard-DKx-AzjX.js

@@ -0,0 +1,86 @@
+import { t as FluentIcon } from "./FluentIcon-pwGrBtD8.js";
+import React from "react";
+import { Link } from "react-router-dom";
+import PropTypes from "prop-types";
+import "./UI/inputs/buttons/UdpActionCard/UdpActionCard.css";
+
+//#region src/UI/inputs/buttons/UdpActionCard/UdpActionCard.jsx
+/**
+* UdpActionCard - An accessible workflow card component
+*
+* @param {Object} props
+* @param {React.Component} props.icon - Fluent UI icon component
+* @param {string} props.iconColor - Icon color (CSS var, hex, or system color: info, warning, error, success, note)
+* @param {string} props.primaryText - Main heading text
+* @param {string} props.secondaryText - Description text
+* @param {string} [props.href] - External link URL
+* @param {string} [props.to] - React Router link path
+* @param {function} [props.onClick] - Click handler
+* @param {string} [props.className] - Additional CSS classes
+*/
+const UdpActionCard = ({ icon, iconColor = "info", primaryText, secondaryText, href, to, onClick, className = "", ...rest }) => {
+	const getIconColor = () => {
+		const systemColors = {
+			info: "var(--info-color-main)",
+			warning: "var(--warning-color-main)",
+			error: "var(--error-color-main)",
+			success: "var(--success-color-main)",
+			note: "var(--note-color-main)",
+			primary: "var(--primary-color-main)",
+			secondary: "var(--secondary-color-main)"
+		};
+		if (systemColors[iconColor]) return systemColors[iconColor];
+		if (iconColor.startsWith("var(--")) return iconColor;
+		return iconColor;
+	};
+	const resolvedIconColor = getIconColor();
+	if (!icon) {
+		console.error("UdpActionCard: icon prop is required");
+		return null;
+	}
+	const cardContent = /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
+		className: "udp-action-card__icon",
+		style: { color: resolvedIconColor }
+	}, /* @__PURE__ */ React.createElement(FluentIcon, {
+		component: icon,
+		size: 48,
+		customSize: true
+	})), /* @__PURE__ */ React.createElement("div", { className: "udp-action-card__content" }, /* @__PURE__ */ React.createElement("div", { className: "udp-action-card__primary-text" }, primaryText), /* @__PURE__ */ React.createElement("div", { className: "udp-action-card__secondary-text" }, secondaryText)));
+	const commonProps = {
+		className: `udp-action-card ${className}`,
+		style: { "--card-border-color": resolvedIconColor },
+		...rest
+	};
+	if (href) return /* @__PURE__ */ React.createElement("a", {
+		...commonProps,
+		href,
+		rel: "noopener noreferrer"
+	}, cardContent);
+	if (to) return /* @__PURE__ */ React.createElement(Link, {
+		...commonProps,
+		to
+	}, cardContent);
+	if (onClick) return /* @__PURE__ */ React.createElement("button", {
+		...commonProps,
+		onClick,
+		type: "button"
+	}, cardContent);
+	return /* @__PURE__ */ React.createElement("div", {
+		...commonProps,
+		role: "article"
+	}, cardContent);
+};
+UdpActionCard.propTypes = {
+	icon: PropTypes.elementType.isRequired,
+	iconColor: PropTypes.string,
+	primaryText: PropTypes.string.isRequired,
+	secondaryText: PropTypes.string.isRequired,
+	href: PropTypes.string,
+	to: PropTypes.string,
+	onClick: PropTypes.func,
+	className: PropTypes.string
+};
+
+//#endregion
+export { UdpActionCard as t };
+//# sourceMappingURL=UdpActionCard-DKx-AzjX.js.map

package/dist/UdpActionCard-DKx-AzjX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpActionCard-DKx-AzjX.js","names":[],"sources":["../src/UI/inputs/buttons/UdpActionCard/UdpActionCard.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Link } from 'react-router-dom';\nimport { FluentIcon } from '../../../../utilities/iconLibrary';\nimport './UdpActionCard.css';\n\n/**\n * UdpActionCard - An accessible workflow card component\n *\n * @param {Object} props\n * @param {React.Component} props.icon - Fluent UI icon component\n * @param {string} props.iconColor - Icon color (CSS var, hex, or system color: info, warning, error, success, note)\n * @param {string} props.primaryText - Main heading text\n * @param {string} props.secondaryText - Description text\n * @param {string} [props.href] - External link URL\n * @param {string} [props.to] - React Router link path\n * @param {function} [props.onClick] - Click handler\n * @param {string} [props.className] - Additional CSS classes\n */\nexport const UdpActionCard = ({\n  icon,\n  iconColor = 'info',\n  primaryText,\n  secondaryText,\n  href,\n  to,\n  onClick,\n  className = '',\n  ...rest\n}) => {\n  // Resolve icon color to CSS variable or direct value\n  const getIconColor = () => {\n    const systemColors = {\n      info: 'var(--info-color-main)',\n      warning: 'var(--warning-color-main)',\n      error: 'var(--error-color-main)',\n      success: 'var(--success-color-main)',\n      note: 'var(--note-color-main)',\n      primary: 'var(--primary-color-main)',\n      secondary: 'var(--secondary-color-main)',\n    };\n\n    // Check if it's a system color\n    if (systemColors[iconColor]) {\n      return systemColors[iconColor];\n    }\n\n    // Check if it's already a CSS variable\n    if (iconColor.startsWith('var(--')) {\n      return iconColor;\n    }\n\n    // Otherwise, treat as hex or named color\n    return iconColor;\n  };\n\n  const resolvedIconColor = getIconColor();\n\n  // Safety check: ensure icon prop is provided\n  if (!icon) {\n    console.error('UdpActionCard: icon prop is required');\n    return null;\n  }\n\n  // Card content\n  const cardContent = (\n    <>\n      <div\n        className=\"udp-action-card__icon\"\n        style={{ color: resolvedIconColor }}\n      >\n        <FluentIcon component={icon} size={48} customSize />\n      </div>\n      <div className=\"udp-action-card__content\">\n        <div className=\"udp-action-card__primary-text\">{primaryText}</div>\n        <div className=\"udp-action-card__secondary-text\">{secondaryText}</div>\n      </div>\n    </>\n  );\n\n  // Determine which element to render\n  const commonProps = {\n    className: `udp-action-card ${className}`,\n    style: { '--card-border-color': resolvedIconColor },\n    ...rest,\n  };\n\n  // External link\n  if (href) {\n    return (\n      <a {...commonProps} href={href} rel=\"noopener noreferrer\">\n        {cardContent}\n      </a>\n    );\n  }\n\n  // Router link\n  if (to) {\n    return (\n      <Link {...commonProps} to={to}>\n        {cardContent}\n      </Link>\n    );\n  }\n\n  // Button with onClick\n  if (onClick) {\n    return (\n      <button {...commonProps} onClick={onClick} type=\"button\">\n        {cardContent}\n      </button>\n    );\n  }\n\n  // Default: non-interactive div\n  return (\n    <div {...commonProps} role=\"article\">\n      {cardContent}\n    </div>\n  );\n};\n\nUdpActionCard.propTypes = {\n  icon: PropTypes.elementType.isRequired,\n  iconColor: PropTypes.string,\n  primaryText: PropTypes.string.isRequired,\n  secondaryText: PropTypes.string.isRequired,\n  href: PropTypes.string,\n  to: PropTypes.string,\n  onClick: PropTypes.func,\n  className: PropTypes.string,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAmBA,MAAa,iBAAiB,EAC5B,MACA,YAAY,QACZ,aACA,eACA,MACA,IACA,SACA,YAAY,IACZ,GAAG,WACC;CAEJ,MAAM,qBAAqB;EACzB,MAAM,eAAe;GACnB,MAAM;GACN,SAAS;GACT,OAAO;GACP,SAAS;GACT,MAAM;GACN,SAAS;GACT,WAAW;GACZ;AAGD,MAAI,aAAa,WACf,QAAO,aAAa;AAItB,MAAI,UAAU,WAAW,SAAS,CAChC,QAAO;AAIT,SAAO;;CAGT,MAAM,oBAAoB,cAAc;AAGxC,KAAI,CAAC,MAAM;AACT,UAAQ,MAAM,uCAAuC;AACrD,SAAO;;CAIT,MAAM,cACJ,0DACE,oCAAC;EACC,WAAU;EACV,OAAO,EAAE,OAAO,mBAAmB;IAEnC,oCAAC;EAAW,WAAW;EAAM,MAAM;EAAI;GAAa,CAChD,EACN,oCAAC,SAAI,WAAU,8BACb,oCAAC,SAAI,WAAU,mCAAiC,YAAkB,EAClE,oCAAC,SAAI,WAAU,qCAAmC,cAAoB,CAClE,CACL;CAIL,MAAM,cAAc;EAClB,WAAW,mBAAmB;EAC9B,OAAO,EAAE,uBAAuB,mBAAmB;EACnD,GAAG;EACJ;AAGD,KAAI,KACF,QACE,oCAAC;EAAE,GAAI;EAAmB;EAAM,KAAI;IACjC,YACC;AAKR,KAAI,GACF,QACE,oCAAC;EAAK,GAAI;EAAiB;IACxB,YACI;AAKX,KAAI,QACF,QACE,oCAAC;EAAO,GAAI;EAAsB;EAAS,MAAK;IAC7C,YACM;AAKb,QACE,oCAAC;EAAI,GAAI;EAAa,MAAK;IACxB,YACG;;AAIV,cAAc,YAAY;CACxB,MAAM,UAAU,YAAY;CAC5B,WAAW,UAAU;CACrB,aAAa,UAAU,OAAO;CAC9B,eAAe,UAAU,OAAO;CAChC,MAAM,UAAU;CAChB,IAAI,UAAU;CACd,SAAS,UAAU;CACnB,WAAW,UAAU;CACtB"}

package/dist/UdpAdvancedSearchBuilder-C76ACJxO.js

@@ -0,0 +1,19 @@
+import { t as useCatalogStore } from "./catalogStore-Ck4aj6U7.js";
+import React, { useMemo } from "react";
+import { UdpAdvancedSearchBuilder } from "udp-react-stencil-component-library";
+
+//#region src/UI/advancedSearchBuilder/UdpAdvancedSearchBuilder.tsx
+const UdpAdvancedSearchBuilder$1 = (props) => {
+	const { catalogsMap, currentApiCatalogId } = useCatalogStore();
+	const catalogObjectList = useMemo(() => {
+		if (catalogsMap && currentApiCatalogId && catalogsMap[currentApiCatalogId]) return catalogsMap[currentApiCatalogId]?.ctlg?.catalogObjectList;
+	}, [catalogsMap, currentApiCatalogId]);
+	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(UdpAdvancedSearchBuilder, {
+		...props,
+		catalogObjectList
+	}));
+};
+
+//#endregion
+export { UdpAdvancedSearchBuilder$1 as t };
+//# sourceMappingURL=UdpAdvancedSearchBuilder-C76ACJxO.js.map

package/dist/UdpAdvancedSearchBuilder-C76ACJxO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpAdvancedSearchBuilder-C76ACJxO.js","names":["UdpAdvancedSearchBuilder","UdpAdvancedSearchBuilderStencil"],"sources":["../src/UI/advancedSearchBuilder/UdpAdvancedSearchBuilder.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { UdpAdvancedSearchBuilder as UdpAdvancedSearchBuilderStencil } from 'udp-react-stencil-component-library';\nimport { useCatalogStore } from '../../stores/catalogStore';\n\nexport const UdpAdvancedSearchBuilder: React.FC<any> = (props) => {\n  const { catalogsMap, currentApiCatalogId } = useCatalogStore();\n\n  const catalogObjectList = useMemo(() => {\n    if (\n      catalogsMap &&\n      currentApiCatalogId &&\n      catalogsMap[currentApiCatalogId]\n    ) {\n      return catalogsMap[currentApiCatalogId]?.ctlg?.catalogObjectList;\n    }\n  }, [catalogsMap, currentApiCatalogId]);\n\n  return (\n    <div>\n      {/* @ts-ignore */}\n      <UdpAdvancedSearchBuilderStencil\n        {...props}\n        catalogObjectList={catalogObjectList}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;AAIA,MAAaA,8BAA2C,UAAU;CAChE,MAAM,EAAE,aAAa,wBAAwB,iBAAiB;CAE9D,MAAM,oBAAoB,cAAc;AACtC,MACE,eACA,uBACA,YAAY,qBAEZ,QAAO,YAAY,sBAAsB,MAAM;IAEhD,CAAC,aAAa,oBAAoB,CAAC;AAEtC,QACE,oCAAC,aAEC,oCAACC;EACC,GAAI;EACe;GACnB,CACE"}

package/dist/UdpAlertsContainer-CrCIYfKr.js

@@ -0,0 +1,80 @@
+import { ConfigService } from "./configService/index.js";
+import { A as SeverityTypeEnums } from "./unitySystemEnums-DnxEalNP.js";
+import { r as useActionStore } from "./inquiryStore-1p6yo1si.js";
+import { n as useActions } from "./useActions-D1HvluXe.js";
+import { t as useAxiosGet } from "./useAxiosGet-BtxSpEO3.js";
+import { t as AggregateChip } from "./AggregateChip-DJLReylv.js";
+import React, { useCallback, useMemo, useState } from "react";
+import { CircularProgress, makeStyles } from "@material-ui/core";
+import PropTypes from "prop-types";
+
+//#region src/UI/utilityDisplay/alerts/UdpAlert.jsx
+const UdpAlert = (props) => {
+	const { alertId } = props;
+	const [status, setStatus] = useState(null);
+	const [loading, setLoading] = useState(false);
+	const { triggerAction } = useActions();
+	const [{ data: alert, loading: loadingAlert }] = useAxiosGet(ConfigService.tenantV1ApiUrl, `alert/${alertId}`, {}, !!!alertId);
+	const threshold = useMemo(() => {
+		if (!alert || !status) return;
+		let threshold = null;
+		switch (status) {
+			case SeverityTypeEnums.Success:
+				threshold = alert[`${SeverityTypeEnums.Success}Threshold`];
+				break;
+			case SeverityTypeEnums.Error:
+				threshold = alert[`${SeverityTypeEnums.Error}Threshold`];
+				break;
+			case SeverityTypeEnums.Warning:
+				threshold = alert[`${SeverityTypeEnums.Warning}Threshold`];
+				break;
+			case SeverityTypeEnums.Info:
+				threshold = alert[`${SeverityTypeEnums.Info}Threshold`];
+				break;
+			default:
+				threshold = alert[`${SeverityTypeEnums.Default}Threshold`];
+				break;
+		}
+		return threshold;
+	}, [status, alert]);
+	const handleAlertAction = useCallback(() => {
+		if (!threshold) return;
+		if (threshold?.actionId) triggerAction(threshold?.actionId);
+	}, [threshold, triggerAction]);
+	if (loading || loadingAlert) return /* @__PURE__ */ React.createElement(CircularProgress, { size: 18 });
+	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(AggregateChip, {
+		aggregateThresholdId: alert?.aggregateThresholdId,
+		label: threshold?.label,
+		setStatus,
+		isActionable: threshold?.actionId || false,
+		onAlertClick: handleAlertAction,
+		isAlert: true,
+		hideAlert: threshold?.hide || false
+	}));
+};
+UdpAlert.propTypes = { alertId: PropTypes.oneOf([
+	PropTypes.string,
+	void 0,
+	null
+]) };
+
+//#endregion
+//#region src/UI/utilityDisplay/alerts/UdpAlertsContainer.jsx
+const useStyles = makeStyles((theme) => ({
+	root: { display: "flex" },
+	alertContainer: { marginRight: theme.spacing(.5) }
+}));
+const UdpAlertsContainer = (props) => {
+	const { alertList } = props;
+	const classes = useStyles(props);
+	const selectedNode = useActionStore((state) => state.selectedNode);
+	const alerts = alertList || selectedNode?.properties?.alerts || [];
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, alerts?.map((alert, i) => /* @__PURE__ */ React.createElement("div", { className: alerts.length - 1 !== i ? classes.alertContainer : "" }, /* @__PURE__ */ React.createElement(UdpAlert, {
+		key: alert?.id,
+		alertId: alert.alertId
+	}))));
+};
+
+//#endregion
+export { UdpAlert as n, UdpAlertsContainer as t };
+//# sourceMappingURL=UdpAlertsContainer-CrCIYfKr.js.map

package/dist/UdpAlertsContainer-CrCIYfKr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpAlertsContainer-CrCIYfKr.js","names":[],"sources":["../src/UI/utilityDisplay/alerts/UdpAlert.jsx","../src/UI/utilityDisplay/alerts/UdpAlertsContainer.jsx"],"sourcesContent":["import React, { useState, useCallback, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { useAxiosGet } from '../../../utilities/useAxiosGet';\nimport { CircularProgress } from '@material-ui/core';\nimport { AggregateChip } from '../AggregateChip';\nimport { SeverityTypeEnums } from '../../../enums/unitySystemEnums';\nimport { useActions } from '../../../hooks/useActions';\nimport { ConfigService } from '../../../configService';\n\nexport const UdpAlert = (props) => {\n  const { alertId } = props;\n  const [status, setStatus] = useState(null);\n  const [loading, setLoading] = useState(false);\n  const { triggerAction } = useActions();\n\n  const [{ data: alert, loading: loadingAlert }] = useAxiosGet(\n    ConfigService.tenantV1ApiUrl,\n    `alert/${alertId}`,\n    {},\n    !!!alertId\n  );\n\n  const threshold = useMemo(() => {\n    if (!alert || !status) return;\n    let threshold = null;\n    switch (status) {\n      case SeverityTypeEnums.Success:\n        threshold = alert[`${SeverityTypeEnums.Success}Threshold`];\n        break;\n      case SeverityTypeEnums.Error:\n        threshold = alert[`${SeverityTypeEnums.Error}Threshold`];\n        break;\n      case SeverityTypeEnums.Warning:\n        threshold = alert[`${SeverityTypeEnums.Warning}Threshold`];\n        break;\n      case SeverityTypeEnums.Info:\n        threshold = alert[`${SeverityTypeEnums.Info}Threshold`];\n        break;\n      default:\n        threshold = alert[`${SeverityTypeEnums.Default}Threshold`];\n        break;\n    }\n    return threshold;\n  }, [status, alert]);\n\n  const handleAlertAction = useCallback(() => {\n    if (!threshold) return;\n\n    if (threshold?.actionId) {\n      // execute action\n      triggerAction(threshold?.actionId);\n    }\n  }, [threshold, triggerAction]);\n\n  if (loading || loadingAlert) {\n    return <CircularProgress size={18} />;\n  }\n\n  return (\n    <div>\n      <AggregateChip\n        aggregateThresholdId={alert?.aggregateThresholdId}\n        label={threshold?.label}\n        setStatus={setStatus}\n        isActionable={threshold?.actionId || false}\n        onAlertClick={handleAlertAction}\n        isAlert={true}\n        hideAlert={threshold?.hide || false}\n      />\n    </div>\n  );\n};\n\nUdpAlert.propTypes = {\n  /**\n   * Id of AggregateThreshold\n   */\n  alertId: PropTypes.oneOf([PropTypes.string, undefined, null])\n};\n","import React from 'react';\nimport { useActionStore } from '../../../stores/actionStore';\nimport { UdpAlert } from './UdpAlert';\nimport { makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex'\n  },\n  alertContainer: {\n    marginRight: theme.spacing(0.5)\n  }\n}));\nexport const UdpAlertsContainer = (props) => {\n  const { alertList } = props;\n  const classes = useStyles(props);\n  const selectedNode = useActionStore((state) => state.selectedNode);\n  const alerts = alertList || selectedNode?.properties?.alerts || [];\n\n  return (\n    <div className={classes.root}>\n      {alerts?.map((alert, i) => (\n        <div className={alerts.length - 1 !== i ? classes.alertContainer : ''}>\n          <UdpAlert key={alert?.id} alertId={alert.alertId} />\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;AASA,MAAa,YAAY,UAAU;CACjC,MAAM,EAAE,YAAY;CACpB,MAAM,CAAC,QAAQ,aAAa,SAAS,KAAK;CAC1C,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAC7C,MAAM,EAAE,kBAAkB,YAAY;CAEtC,MAAM,CAAC,EAAE,MAAM,OAAO,SAAS,kBAAkB,YAC/C,cAAc,gBACd,SAAS,WACT,EAAE,EACF,CAAC,CAAC,CAAC,QACJ;CAED,MAAM,YAAY,cAAc;AAC9B,MAAI,CAAC,SAAS,CAAC,OAAQ;EACvB,IAAI,YAAY;AAChB,UAAQ,QAAR;GACE,KAAK,kBAAkB;AACrB,gBAAY,MAAM,GAAG,kBAAkB,QAAQ;AAC/C;GACF,KAAK,kBAAkB;AACrB,gBAAY,MAAM,GAAG,kBAAkB,MAAM;AAC7C;GACF,KAAK,kBAAkB;AACrB,gBAAY,MAAM,GAAG,kBAAkB,QAAQ;AAC/C;GACF,KAAK,kBAAkB;AACrB,gBAAY,MAAM,GAAG,kBAAkB,KAAK;AAC5C;GACF;AACE,gBAAY,MAAM,GAAG,kBAAkB,QAAQ;AAC/C;;AAEJ,SAAO;IACN,CAAC,QAAQ,MAAM,CAAC;CAEnB,MAAM,oBAAoB,kBAAkB;AAC1C,MAAI,CAAC,UAAW;AAEhB,MAAI,WAAW,SAEb,eAAc,WAAW,SAAS;IAEnC,CAAC,WAAW,cAAc,CAAC;AAE9B,KAAI,WAAW,aACb,QAAO,oCAAC,oBAAiB,MAAM,KAAM;AAGvC,QACE,oCAAC,aACC,oCAAC;EACC,sBAAsB,OAAO;EAC7B,OAAO,WAAW;EACP;EACX,cAAc,WAAW,YAAY;EACrC,cAAc;EACd,SAAS;EACT,WAAW,WAAW,QAAQ;GAC9B,CACE;;AAIV,SAAS,YAAY,EAInB,SAAS,UAAU,MAAM;CAAC,UAAU;CAAQ;CAAW;CAAK,CAAC,EAC9D;;;;ACzED,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EACJ,SAAS,QACV;CACD,gBAAgB,EACd,aAAa,MAAM,QAAQ,GAAI,EAChC;CACF,EAAE;AACH,MAAa,sBAAsB,UAAU;CAC3C,MAAM,EAAE,cAAc;CACtB,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,eAAe,gBAAgB,UAAU,MAAM,aAAa;CAClE,MAAM,SAAS,aAAa,cAAc,YAAY,UAAU,EAAE;AAElE,QACE,oCAAC,SAAI,WAAW,QAAQ,QACrB,QAAQ,KAAK,OAAO,MACnB,oCAAC,SAAI,WAAW,OAAO,SAAS,MAAM,IAAI,QAAQ,iBAAiB,MACjE,oCAAC;EAAS,KAAK,OAAO;EAAI,SAAS,MAAM;GAAW,CAChD,CACN,CACE"}

package/dist/UdpAppProvider-B0qkEHSR.js

@@ -0,0 +1,118 @@
+import { ConfigService } from "./configService/index.js";
+import { r as storeInitialTenant } from "./UnitySessionStorage-BAkY2Zs1.js";
+import { t as apiMutate } from "./useAxiosMutate-DfnYYAzN.js";
+import { n as getRouteConfig, t as getCurrentRouteInitialized } from "./routeRegistryStore-BS3hcd9s.js";
+import { r as ThemeProvider } from "./systemColors-j8Hqydbg.js";
+import { i as storeInitialPath } from "./LocalRedirectUrlStorage-CoKXrY8k.js";
+import { t as AuthProvider } from "./AuthProvider-CMj1Bo6u.js";
+import React, { useEffect } from "react";
+import { SnackbarProvider } from "notistack";
+import { BrowserRouter } from "react-router-dom";
+import { initReactI18next } from "react-i18next";
+import i18n from "i18next";
+import LanguageDetector from "i18next-browser-languagedetector";
+
+//#region src/utilities/i18n/initializeI18n.js
+/**
+* @typedef {Object} TenantTranslationItem
+* @property {string} label
+* @property {string} value
+*/
+/**
+* @callback TranslationLoader
+* @param {string} language
+* @returns {Promise<Record<string, string>>}
+*/
+/**
+* @typedef {Object} InitializeI18nOptions
+* @property {TranslationLoader} [loadTranslations]
+* @property {Partial<import('i18next').InitOptions>} [i18nConfig]
+* @property {string} [fallbackLanguage]
+*/
+let isInitialized = false;
+/**
+* Convert the API response into an i18next resource bundle.
+* @param {TenantTranslationItem[]} languageData
+* @returns {Record<string, string>}
+*/
+const buildTranslationMap = (languageData = []) => {
+	return languageData.reduce((acc, item) => {
+		if (item?.label) acc[item.label] = item?.value ?? "";
+		return acc;
+	}, {});
+};
+/** @type {TranslationLoader} */
+const defaultTranslationLoader = async (language) => {
+	await ConfigService.waitForConfig?.();
+	const routeConfig = getRouteConfig?.();
+	if (!getCurrentRouteInitialized?.() || routeConfig?.isPublic && !routeConfig?.attemptSilentAuth) return {};
+	const response = await apiMutate(ConfigService.tenantV1ApiUrl, `translation/language/${language}`, { method: "get" });
+	return buildTranslationMap(Array.isArray(response?.data) ? response.data : []);
+};
+/**
+* Initializes the shared i18n instance used across UDP React applications.
+* Safe to call multiple times – initialization will only occur once per runtime.
+* @param {InitializeI18nOptions} [options]
+* @returns {import('i18next').i18n}
+*/
+const initializeUnityI18n = (options = {}) => {
+	if (isInitialized) return i18n;
+	const fallbackLanguage = options.fallbackLanguage ?? "en-US";
+	const loadTranslations = options.loadTranslations ?? defaultTranslationLoader;
+	/**
+	* Lazy-load translations when the language changes.
+	* @param {string} language
+	*/
+	const handleLanguageChanged = async (language) => {
+		if (i18n.hasResourceBundle(language, "translation")) return;
+		try {
+			const bundle = await loadTranslations(language);
+			i18n.addResourceBundle(language, "translation", bundle, true, true);
+			i18n.changeLanguage(language);
+		} catch (error) {
+			console.error("Failed to load translations", error);
+		}
+	};
+	i18n.on("languageChanged", handleLanguageChanged);
+	i18n.use(LanguageDetector).use(initReactI18next).init({
+		fallbackLng: fallbackLanguage,
+		debug: false,
+		detection: {
+			order: ["queryString", "cookie"],
+			cache: ["cookie"]
+		},
+		interpolation: { escapeValue: false },
+		backend: { loadPath: "" },
+		...options.i18nConfig ?? {}
+	});
+	isInitialized = true;
+	return i18n;
+};
+/**
+* Convenience accessor for the shared i18n instance.
+* @returns {import('i18next').i18n}
+*/
+const getI18nInstance = () => i18n;
+
+//#endregion
+//#region src/providers/UdpAppProvider.tsx
+/**
+* Bundles the core UDP providers (theme, snackbar, auth) and ensures the shared
+* i18n instance is initialised exactly once. Intended to be rendered beneath a
+* react-router <Router /> so the auth provider has access to history.
+*/
+const UdpAppProvider = ({ children, snackbarProps, authProps, i18nOptions }) => {
+	useEffect(() => {
+		initializeUnityI18n(i18nOptions);
+	}, [i18nOptions]);
+	storeInitialPath();
+	storeInitialTenant();
+	return /* @__PURE__ */ React.createElement(AuthProvider, authProps, /* @__PURE__ */ React.createElement(ThemeProvider, null, /* @__PURE__ */ React.createElement(BrowserRouter, null, /* @__PURE__ */ React.createElement(SnackbarProvider, {
+		maxSnack: 3,
+		...snackbarProps
+	}, children))));
+};
+
+//#endregion
+export { getI18nInstance as n, initializeUnityI18n as r, UdpAppProvider as t };
+//# sourceMappingURL=UdpAppProvider-B0qkEHSR.js.map

package/dist/UdpAppProvider-B0qkEHSR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpAppProvider-B0qkEHSR.js","names":[],"sources":["../src/utilities/i18n/initializeI18n.js","../src/providers/UdpAppProvider.tsx"],"sourcesContent":["import i18n from 'i18next';\nimport { initReactI18next } from 'react-i18next';\nimport LanguageDetector from 'i18next-browser-languagedetector';\nimport { apiMutate } from '../useAxiosMutate';\nimport { ConfigService } from '../../configService';\nimport { getRouteConfig, getCurrentRouteInitialized } from '../../routes/routeRegistryStore';\n\n/**\n * @typedef {Object} TenantTranslationItem\n * @property {string} label\n * @property {string} value\n */\n\n/**\n * @callback TranslationLoader\n * @param {string} language\n * @returns {Promise<Record<string, string>>}\n */\n\n/**\n * @typedef {Object} InitializeI18nOptions\n * @property {TranslationLoader} [loadTranslations]\n * @property {Partial<import('i18next').InitOptions>} [i18nConfig]\n * @property {string} [fallbackLanguage]\n */\n\nlet isInitialized = false;\n\n/**\n * Convert the API response into an i18next resource bundle.\n * @param {TenantTranslationItem[]} languageData\n * @returns {Record<string, string>}\n */\nconst buildTranslationMap = (languageData = []) => {\n  return languageData.reduce((acc, item) => {\n    if (item?.label) {\n      acc[item.label] = item?.value ?? '';\n    }\n    return acc;\n  }, /** @type {Record<string, string>} */ ({}));\n};\n\n/** @type {TranslationLoader} */\nconst defaultTranslationLoader = async (language) => {\n  await ConfigService.waitForConfig?.();\n\n  const routeConfig = getRouteConfig?.();\n  const routeInitialized = getCurrentRouteInitialized?.();\n\n  const shouldSkip =\n    !routeInitialized ||\n    (routeConfig?.isPublic && !routeConfig?.attemptSilentAuth);\n\n  if (shouldSkip) {\n    return {};\n  }\n\n  const response = await apiMutate(\n    ConfigService.tenantV1ApiUrl,\n    `translation/language/${language}`,\n    { method: 'get' }\n  );\n\n  const languageData = Array.isArray(response?.data) ? response.data : [];\n  return buildTranslationMap(languageData);\n};\n\n/**\n * Initializes the shared i18n instance used across UDP React applications.\n * Safe to call multiple times – initialization will only occur once per runtime.\n * @param {InitializeI18nOptions} [options]\n * @returns {import('i18next').i18n}\n */\nexport const initializeUnityI18n = (options = {}) => {\n  if (isInitialized) {\n    return i18n;\n  }\n\n  const fallbackLanguage = options.fallbackLanguage ?? 'en-US';\n  const loadTranslations = options.loadTranslations ?? defaultTranslationLoader;\n\n  /**\n   * Lazy-load translations when the language changes.\n   * @param {string} language\n   */\n  const handleLanguageChanged = async (language) => {\n    if (i18n.hasResourceBundle(language, 'translation')) {\n      return;\n    }\n\n    try {\n      const bundle = await loadTranslations(language);\n      i18n.addResourceBundle(language, 'translation', bundle, true, true);\n      i18n.changeLanguage(language);\n    } catch (error) {\n      // eslint-disable-next-line no-console\n      console.error('Failed to load translations', error);\n    }\n  };\n\n  i18n.on('languageChanged', handleLanguageChanged);\n\n  i18n\n    .use(LanguageDetector)\n    .use(initReactI18next)\n    .init({\n      fallbackLng: fallbackLanguage,\n      debug: false,\n      detection: {\n        order: ['queryString', 'cookie'],\n        cache: ['cookie']\n      },\n      interpolation: {\n        escapeValue: false\n      },\n      backend: {\n        loadPath: ''\n      },\n      ...(options.i18nConfig ?? {})\n    });\n\n  isInitialized = true;\n  return i18n;\n};\n\n/**\n * Convenience accessor for the shared i18n instance.\n * @returns {import('i18next').i18n}\n */\nexport const getI18nInstance = () => i18n;\n","import React, { ReactNode, useEffect } from 'react';\nimport { SnackbarProvider, SnackbarProviderProps } from 'notistack';\nimport { ThemeProvider } from '../utilities/theme';\nimport { AuthProvider } from '../utilities/auth/AuthProvider';\nimport {\n  initializeUnityI18n,\n  InitializeI18nOptions\n} from '../utilities/i18n/initializeI18n';\nimport { storeInitialPath } from '../utilities/redirect';\nimport { storeInitialTenant } from '../utilities/storage';\nimport { BrowserRouter } from 'react-router-dom';\n\nexport interface UdpAppProviderProps {\n  children: ReactNode;\n  /**\n   * Props forwarded to the SnackbarProvider from notistack.\n   */\n  snackbarProps?: SnackbarProviderProps;\n  /**\n   * Props forwarded to the AuthProviderWrapper.\n   */\n  authProps?: {\n    doNotWaitForTenant?: boolean;\n  };\n  /**\n   * Optional configuration overrides for the shared i18n instance.\n   */\n  i18nOptions?: InitializeI18nOptions;\n}\n\n/**\n * Bundles the core UDP providers (theme, snackbar, auth) and ensures the shared\n * i18n instance is initialised exactly once. Intended to be rendered beneath a\n * react-router <Router /> so the auth provider has access to history.\n */\nexport const UdpAppProvider: React.FC<UdpAppProviderProps> = ({\n  children,\n  snackbarProps,\n  authProps,\n  i18nOptions\n}) => {\n  useEffect(() => {\n    initializeUnityI18n(i18nOptions);\n  }, [i18nOptions]);\n  storeInitialPath();\n  storeInitialTenant();\n  return (\n    <AuthProvider {...authProps}>\n      <ThemeProvider>\n        <BrowserRouter>\n          <SnackbarProvider maxSnack={3} {...snackbarProps}>\n            {children}\n          </SnackbarProvider>\n        </BrowserRouter>\n      </ThemeProvider>\n    </AuthProvider>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,IAAI,gBAAgB;;;;;;AAOpB,MAAM,uBAAuB,eAAe,EAAE,KAAK;AACjD,QAAO,aAAa,QAAQ,KAAK,SAAS;AACxC,MAAI,MAAM,MACR,KAAI,KAAK,SAAS,MAAM,SAAS;AAEnC,SAAO;IACiC,EAAE,CAAE;;;AAIhD,MAAM,2BAA2B,OAAO,aAAa;AACnD,OAAM,cAAc,iBAAiB;CAErC,MAAM,cAAc,kBAAkB;AAOtC,KAHE,CAHuB,8BAA8B,IAIpD,aAAa,YAAY,CAAC,aAAa,kBAGxC,QAAO,EAAE;CAGX,MAAM,WAAW,MAAM,UACrB,cAAc,gBACd,wBAAwB,YACxB,EAAE,QAAQ,OAAO,CAClB;AAGD,QAAO,oBADc,MAAM,QAAQ,UAAU,KAAK,GAAG,SAAS,OAAO,EAAE,CAC/B;;;;;;;;AAS1C,MAAa,uBAAuB,UAAU,EAAE,KAAK;AACnD,KAAI,cACF,QAAO;CAGT,MAAM,mBAAmB,QAAQ,oBAAoB;CACrD,MAAM,mBAAmB,QAAQ,oBAAoB;;;;;CAMrD,MAAM,wBAAwB,OAAO,aAAa;AAChD,MAAI,KAAK,kBAAkB,UAAU,cAAc,CACjD;AAGF,MAAI;GACF,MAAM,SAAS,MAAM,iBAAiB,SAAS;AAC/C,QAAK,kBAAkB,UAAU,eAAe,QAAQ,MAAM,KAAK;AACnE,QAAK,eAAe,SAAS;WACtB,OAAO;AAEd,WAAQ,MAAM,+BAA+B,MAAM;;;AAIvD,MAAK,GAAG,mBAAmB,sBAAsB;AAEjD,MACG,IAAI,iBAAiB,CACrB,IAAI,iBAAiB,CACrB,KAAK;EACJ,aAAa;EACb,OAAO;EACP,WAAW;GACT,OAAO,CAAC,eAAe,SAAS;GAChC,OAAO,CAAC,SAAS;GAClB;EACD,eAAe,EACb,aAAa,OACd;EACD,SAAS,EACP,UAAU,IACX;EACD,GAAI,QAAQ,cAAc,EAAE;EAC7B,CAAC;AAEJ,iBAAgB;AAChB,QAAO;;;;;;AAOT,MAAa,wBAAwB;;;;;;;;;AC9FrC,MAAa,kBAAiD,EAC5D,UACA,eACA,WACA,kBACI;AACJ,iBAAgB;AACd,sBAAoB,YAAY;IAC/B,CAAC,YAAY,CAAC;AACjB,mBAAkB;AAClB,qBAAoB;AACpB,QACE,oCAAC,cAAiB,WAChB,oCAAC,qBACC,oCAAC,qBACC,oCAAC;EAAiB,UAAU;EAAG,GAAI;IAChC,SACgB,CACL,CACF,CACH"}