udp-react-enterprise-component-library 25.18.1-beta.5 → 25.18.1-beta.50

package/dist/auth-DX4sNV3x.js

@@ -0,0 +1,38 @@
+import { a as acquireAccessToken, c as useLogoutAction } from "./apiHelpers-WIR8pqy0.js";
+import { t as clearStoredTenant } from "./UnitySessionStorage-CUDx9YWR.js";
+import { t as clearStoredPath } from "./LocalRedirectUrlStorage-Bxz8TI-X.js";
+import { t as clearStoredExternalPath } from "./ExternalRedirectUrlStorage-BM-nmI4x.js";
+import { t as AuthProvider } from "./AuthProvider-qWjJiYSg.js";
+import React, { useState } from "react";
+
+//#region src/utilities/auth/AuthProviderWrapper.jsx
+const AuthProviderWrapper = (props) => {
+	const { children } = props;
+	return /* @__PURE__ */ React.createElement(AuthProvider, props, " ", children);
+};
+
+//#endregion
+//#region src/utilities/auth/useSingleLogout.ts
+const useSingleLogout = () => {
+	const logout = useLogoutAction();
+	return () => {
+		clearStoredPath();
+		clearStoredExternalPath();
+		clearStoredTenant();
+		logout();
+	};
+};
+
+//#endregion
+//#region src/utilities/auth/useAccessToken.js
+const useAccessToken = () => {
+	const [accessToken, setAccessToken] = useState(null);
+	acquireAccessToken().then((token) => {
+		if (accessToken !== token) setAccessToken(token);
+	});
+	return accessToken;
+};
+
+//#endregion
+export { useSingleLogout as n, AuthProviderWrapper as r, useAccessToken as t };
+//# sourceMappingURL=auth-DX4sNV3x.js.map

package/dist/auth-DX4sNV3x.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-DX4sNV3x.js","names":["useSingleLogout: () => () => void"],"sources":["../src/utilities/auth/AuthProviderWrapper.jsx","../src/utilities/auth/useSingleLogout.ts","../src/utilities/auth/useAccessToken.js"],"sourcesContent":["import React from 'react';\n// import { LocalAuthProvider }  from './LocalAuthProvider';\nimport { AuthProvider } from './AuthProvider';\n\nexport const AuthProviderWrapper = props => {\n  const { children } = props;\n\n  return <AuthProvider {...props}> {children}</AuthProvider>\n\n};\n","import 'react';\nimport { clearStoredPath } from '../redirect/LocalRedirectUrlStorage';\nimport { clearStoredExternalPath } from '../redirect/ExternalRedirectUrlStorage';\nimport {clearStoredTenant} from '../storage/UnitySessionStorage'\nimport {useLogoutAction} from './authActions';\n\nexport const useSingleLogout: () => () => void = () => {\n  const logout = useLogoutAction();\n  return () => {\n    clearStoredPath();\n    clearStoredExternalPath();\n    clearStoredTenant();\n    logout()\n  }\n\n};\n","import { useState } from 'react';\nimport { acquireAccessToken } from './authActions';\n\nexport const useAccessToken = () => {\n  const [accessToken, setAccessToken] = useState(null);\n\n  acquireAccessToken().then((token) => {\n    if (accessToken !== token) {\n      setAccessToken(token);\n    }\n  });\n\n  return accessToken;\n};\n"],"mappings":";;;;;;;;AAIA,MAAa,uBAAsB,UAAS;CAC1C,MAAM,EAAE,aAAa;AAErB,QAAO,oCAAC,cAAiB,OAAO,KAAE,SAAwB;;;;;ACD5D,MAAaA,wBAA0C;CACrD,MAAM,SAAS,iBAAiB;AAChC,cAAa;AACX,mBAAiB;AACjB,2BAAyB;AACzB,qBAAmB;AACnB,UAAQ;;;;;;ACTZ,MAAa,uBAAuB;CAClC,MAAM,CAAC,aAAa,kBAAkB,SAAS,KAAK;AAEpD,qBAAoB,CAAC,MAAM,UAAU;AACnC,MAAI,gBAAgB,MAClB,gBAAe,MAAM;GAEvB;AAEF,QAAO"}

package/dist/axiosInterceptors-MZ6xeLRS.js

@@ -0,0 +1,28 @@
+import { l as whitelistedPaths, n as getMergedConfig, t as getAccessToken } from "./apiHelpers-WIR8pqy0.js";
+import Axios from "axios";
+
+//#region src/utilities/axiosInterceptors.js
+const axiosInterceptors = () => {
+	Axios.interceptors.request.use(async (config) => {
+		if (!whitelistedPaths.includes(window.location.pathname)) {
+			let accessToken = "";
+			if (!config?.headers?.Authorization) accessToken = await getAccessToken();
+			return getMergedConfig(accessToken, config);
+		}
+		return config;
+	}, (error) => Promise.reject(error));
+	Axios.interceptors.response.use((response) => response, async (error) => {
+		const config = error?.config;
+		if (error?.response?.status === 401 && !config?._retry && !whitelistedPaths.includes(window.location.pathname)) {
+			config.headers.Authorization = `Bearer ${await getAccessToken()}`;
+			config._retry = true;
+			return Axios(config);
+		}
+		return Promise.reject(error);
+	});
+};
+var axiosInterceptors_default = axiosInterceptors;
+
+//#endregion
+export { axiosInterceptors_default as t };
+//# sourceMappingURL=axiosInterceptors-MZ6xeLRS.js.map

package/dist/axiosInterceptors-MZ6xeLRS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"axiosInterceptors-MZ6xeLRS.js","names":[],"sources":["../src/utilities/axiosInterceptors.js"],"sourcesContent":["import Axios from 'axios';\nimport { getAccessToken, getMergedConfig } from './apiHelpers';\nimport { whitelistedPaths } from './auth/whitelistedPaths';\n\nconst axiosInterceptors = () => {\n  Axios.interceptors.request.use(\n    async (config) => {\n      // don't want to change the access token if it's already there, this rule is already applied in getMergedConfig\n      // we don't want to call getAccessToken until it is actually need it because it might log the user out\n      if (!whitelistedPaths.includes(window.location.pathname)) {\n        let accessToken = '';\n        if(!config?.headers?.Authorization){\n          accessToken = await getAccessToken()\n        }\n        return getMergedConfig(accessToken, config);\n      }\n      return config;\n    },\n    (error) => Promise.reject(error)\n  );\n\n  Axios.interceptors.response.use(\n    (response) => response,\n    async (error) => {\n      const config = error?.config;\n      if (\n        error?.response?.status === 401 &&\n        !config?._retry &&\n        !whitelistedPaths.includes(window.location.pathname)\n      ) {\n        config.headers.Authorization = `Bearer ${await getAccessToken()}`;\n        config._retry = true;\n\n        return Axios(config);\n      }\n\n      return Promise.reject(error);\n    }\n  );\n};\n\nexport default axiosInterceptors;\n"],"mappings":";;;;AAIA,MAAM,0BAA0B;AAC9B,OAAM,aAAa,QAAQ,IACzB,OAAO,WAAW;AAGhB,MAAI,CAAC,iBAAiB,SAAS,OAAO,SAAS,SAAS,EAAE;GACxD,IAAI,cAAc;AAClB,OAAG,CAAC,QAAQ,SAAS,cACnB,eAAc,MAAM,gBAAgB;AAEtC,UAAO,gBAAgB,aAAa,OAAO;;AAE7C,SAAO;KAER,UAAU,QAAQ,OAAO,MAAM,CACjC;AAED,OAAM,aAAa,SAAS,KACzB,aAAa,UACd,OAAO,UAAU;EACf,MAAM,SAAS,OAAO;AACtB,MACE,OAAO,UAAU,WAAW,OAC5B,CAAC,QAAQ,UACT,CAAC,iBAAiB,SAAS,OAAO,SAAS,SAAS,EACpD;AACA,UAAO,QAAQ,gBAAgB,UAAU,MAAM,gBAAgB;AAC/D,UAAO,SAAS;AAEhB,UAAO,MAAM,OAAO;;AAGtB,SAAO,QAAQ,OAAO,MAAM;GAE/B;;AAGH,gCAAe"}

package/dist/brand-BkTzWyBS.js

@@ -0,0 +1,27 @@
+//#region src/utilities/theme/brand.js
+/**
+* Brand colors
+*/
+const corporateColors = {
+	greyBlue: "#0e304f",
+	teal: "#008383",
+	gold: "#edae3c",
+	grey: "#5c5962",
+	lightGrey: "#e5dbd0"
+};
+const corporateColorsHint = {
+	build: "#f7f0ed",
+	engage: "#f8f3f9",
+	play: "#f4fcf9",
+	manage: "#ebf6fa"
+};
+const productCategoryColors = {
+	blue: "#2c54b5",
+	magenta: "#981f5f",
+	green: "#128382",
+	orange: "#cc4b17"
+};
+
+//#endregion
+export { corporateColorsHint as n, productCategoryColors as r, corporateColors as t };
+//# sourceMappingURL=brand-BkTzWyBS.js.map

package/dist/brand-BkTzWyBS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-BkTzWyBS.js","names":[],"sources":["../src/utilities/theme/brand.js"],"sourcesContent":["/**\n * Brand colors\n */\n export const corporateColors = {\n    greyBlue: '#0e304f',\n    // teal: 'rgb(0, 183, 195)',  PREVIOUS BRIGHTER TEAL. PLEASE KEEP FOR REFERENCE.\n    teal: '#008383',\n    gold: '#edae3c',\n    grey: '#5c5962',\n    lightGrey: '#e5dbd0',\n  };\n  \n  export const corporateColorsHint = {\n    build: '#f7f0ed',\n    engage: '#f8f3f9',\n    play: '#f4fcf9',\n    manage: '#ebf6fa',\n  };\n  \n  export const productCategoryColors = {\n    blue: '#2c54b5',\n    magenta: '#981f5f',\n    green: '#128382',\n    orange: '#cc4b17',\n  };\n  "],"mappings":";;;;AAGC,MAAa,kBAAkB;CAC5B,UAAU;CAEV,MAAM;CACN,MAAM;CACN,MAAM;CACN,WAAW;CACZ;AAED,MAAa,sBAAsB;CACjC,OAAO;CACP,QAAQ;CACR,MAAM;CACN,QAAQ;CACT;AAED,MAAa,wBAAwB;CACnC,MAAM;CACN,SAAS;CACT,OAAO;CACP,QAAQ;CACT"}

package/dist/buttons-CuLiERQe.js

@@ -0,0 +1,159 @@
+import { t as FluentButton } from "./FluentButton-BexKrnAp.js";
+import { t as FluentIconButton } from "./FluentIconButton-Dc95mE3v.js";
+import React from "react";
+import { Button, ButtonBase, Divider, Typography, makeStyles } from "@material-ui/core";
+import { IncreaseIndentArrowIcon } from "@fluentui/react-icons";
+import PropTypes from "prop-types";
+import { makeStyles as makeStyles$1 } from "@material-ui/core/styles";
+
+//#region src/UI/inputs/buttons/FluentMenuListItem.jsx
+const useStyles$4 = makeStyles((theme) => ({
+	wrapper: {
+		display: "flex",
+		flexDirection: "row",
+		padding: theme.spacing(.5),
+		"&:hover": { color: theme.palette.secondary.main },
+		width: "100%"
+	},
+	titleWrapper: {
+		display: "flex",
+		width: "100%",
+		textAlign: "left"
+	},
+	labelWrapper: { marginTop: 4 },
+	label: { marginBottom: 4 }
+}), { name: "FluentMenuListItem" });
+const FluentMenuListItem = (props) => {
+	const classes = useStyles$4();
+	const { label, value, arrow = true, ...otherProps } = props;
+	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ButtonBase, {
+		classes: { root: classes.root },
+		className: classes.wrapper,
+		disableRipple: true,
+		...otherProps
+	}, /* @__PURE__ */ React.createElement("div", { className: classes.titleWrapper }, /* @__PURE__ */ React.createElement("div", { className: classes.labelWrapper }, /* @__PURE__ */ React.createElement("div", { className: classes.label }, " ", /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, " ", /* @__PURE__ */ React.createElement("span", { style: { fontWeight: 700 } }, label), " ")), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, value))), arrow && /* @__PURE__ */ React.createElement(IncreaseIndentArrowIcon, { style: { fontSize: 24 } }))), /* @__PURE__ */ React.createElement(Divider, null));
+};
+FluentMenuListItem.propTypes = { label: PropTypes.string.isRequired };
+
+//#endregion
+//#region src/UI/inputs/buttons/FluentMenuListButton.jsx
+const useStyles$3 = makeStyles((theme) => ({
+	wrapper: {
+		display: "flex",
+		flexDirection: "row",
+		padding: theme.spacing(.5),
+		"&:hover": { color: theme.palette.secondary.main },
+		width: "100%"
+	},
+	titleWrapper: {
+		display: "flex",
+		width: "100%",
+		textAlign: "left"
+	},
+	labelWrapper: { marginTop: 4 },
+	label: { marginBottom: 4 }
+}), { name: "FluentMenuListButton" });
+const FluentMenuListButton = (props) => {
+	const classes = useStyles$3();
+	const { label, value, arrow = true, ...otherProps } = props;
+	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ButtonBase, {
+		classes: { root: classes.root },
+		className: classes.wrapper,
+		disableRipple: true,
+		...otherProps
+	}, /* @__PURE__ */ React.createElement("div", { className: classes.titleWrapper }, /* @__PURE__ */ React.createElement("div", { className: classes.labelWrapper }, /* @__PURE__ */ React.createElement("div", { className: classes.label }, " ", /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, " ", /* @__PURE__ */ React.createElement("span", { style: { fontWeight: 700 } }, label), " ")), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, value))), arrow && /* @__PURE__ */ React.createElement(IncreaseIndentArrowIcon, { style: { fontSize: 24 } }))), /* @__PURE__ */ React.createElement(Divider, null));
+};
+FluentMenuListButton.propTypes = { label: PropTypes.string.isRequired };
+
+//#endregion
+//#region src/UI/inputs/buttons/FluentUploadButton.jsx
+const useStyles$2 = makeStyles$1((theme) => ({
+	root: { "& > *": { margin: theme.spacing(1) } },
+	input: { display: "none" }
+}));
+const FluentUploadButton = (props) => {
+	const classes = useStyles$2();
+	const { color, label, accept, id, onChange, onClick, variant } = props;
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("input", {
+		accept,
+		className: classes.input,
+		id,
+		multiple: true,
+		type: "file",
+		onChange
+	}), /* @__PURE__ */ React.createElement("label", { htmlFor: id }, /* @__PURE__ */ React.createElement(FluentButton, {
+		onClick,
+		variant,
+		color,
+		component: "span"
+	}, label)), /* @__PURE__ */ React.createElement("input", {
+		accept,
+		className: classes.input,
+		id,
+		type: "file"
+	}));
+};
+
+//#endregion
+//#region src/UI/inputs/buttons/FluentCompoundButton.jsx
+const useStyles$1 = makeStyles({
+	root: {
+		borderRadius: 2,
+		minHeight: 72,
+		padding: "0 16px",
+		minWidth: 80,
+		border: (props) => `1px solid ${props.color}`
+	},
+	label: {
+		textTransform: "capitalize",
+		fontSize: "0.875rem",
+		fontWeight: 600,
+		textAlign: "left"
+	}
+});
+const FluentCompoundButton = (props) => {
+	const classes = useStyles$1(props);
+	const { children, textSecondary, ...otherProps } = props;
+	return /* @__PURE__ */ React.createElement(Button, {
+		...otherProps,
+		disableElevation: true,
+		classes: {
+			root: classes.root,
+			label: classes.label
+		}
+	}, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", null, children), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, textSecondary))));
+};
+
+//#endregion
+//#region src/UI/inputs/buttons/FluentUploadIconButton.jsx
+const useStyles = makeStyles$1((theme) => ({
+	root: { "& > *": { margin: theme.spacing(1) } },
+	input: { display: "none" }
+}));
+const FluentUploadIconButton = (props) => {
+	const classes = useStyles();
+	const { color, icon, aria, accept, id, onChange, onClick } = props;
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("input", {
+		accept,
+		className: classes.input,
+		id,
+		type: "file",
+		onChange
+	}), /* @__PURE__ */ React.createElement("label", { htmlFor: id }, /* @__PURE__ */ React.createElement(FluentIconButton, {
+		icon,
+		color,
+		"aria-label": aria,
+		id,
+		component: "span",
+		onClick
+	})), /* @__PURE__ */ React.createElement("input", {
+		accept,
+		className: classes.input,
+		id,
+		type: "file"
+	}));
+};
+
+//#endregion
+export { FluentMenuListItem as a, FluentMenuListButton as i, FluentCompoundButton as n, FluentUploadButton as r, FluentUploadIconButton as t };
+//# sourceMappingURL=buttons-CuLiERQe.js.map

package/dist/buttons-CuLiERQe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttons-CuLiERQe.js","names":["useStyles","useStyles","useStyles","makeStyles","useStyles","makeStyles"],"sources":["../src/UI/inputs/buttons/FluentMenuListItem.jsx","../src/UI/inputs/buttons/FluentMenuListButton.jsx","../src/UI/inputs/buttons/FluentUploadButton.jsx","../src/UI/inputs/buttons/FluentCompoundButton.jsx","../src/UI/inputs/buttons/FluentUploadIconButton.jsx"],"sourcesContent":["import React from 'react';\nimport { ButtonBase, Typography, makeStyles, Divider } from '@material-ui/core';\nimport { IncreaseIndentArrowIcon } from '@fluentui/react-icons';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    wrapper: {\n      display: 'flex',\n      flexDirection: 'row',\n      // height: theme.spacing(5),\n      padding: theme.spacing(0.5),\n      '&:hover': { color: theme.palette.secondary.main },\n      width: '100%'\n    },\n    titleWrapper: {\n      display: 'flex',\n      width: '100%',\n      textAlign: 'left'\n    },\n    labelWrapper: {\n      marginTop: 4\n    },\n    label: {\n      marginBottom: 4\n    }\n  }),\n  { name: 'FluentMenuListItem' }\n);\n\nexport const FluentMenuListItem = (props) => {\n  const classes = useStyles();\n  const { label, value, arrow = true, ...otherProps } = props;\n\n  return (\n    <div>\n      <ButtonBase\n        classes={{\n          root: classes.root\n        }}\n        className={classes.wrapper}\n        disableRipple\n        {...otherProps}\n      >\n        <div className={classes.titleWrapper}>\n          <div className={classes.labelWrapper}>\n            <div className={classes.label}>\n              {' '}\n              <Typography variant='caption'>\n                {' '}\n                <span style={{ fontWeight: 700 }}>{label}</span>{' '}\n              </Typography>\n            </div>\n            <div>\n              <Typography variant='subtitle2'>{value}</Typography>\n            </div>\n          </div>\n          {/* @todo  Change to component for size */}\n          {arrow && <IncreaseIndentArrowIcon style={{ fontSize: 24 }} />}\n        </div>\n      </ButtonBase>\n      <Divider />\n    </div>\n  );\n};\n\nFluentMenuListItem.propTypes = {\n  /**\n   * Button label\n   */\n  label: PropTypes.string.isRequired\n};\n","import React from 'react';\nimport { ButtonBase, Typography, makeStyles, Divider } from '@material-ui/core';\nimport { IncreaseIndentArrowIcon } from '@fluentui/react-icons';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    wrapper: {\n      display: 'flex',\n      flexDirection: 'row',\n      // height: theme.spacing(5),\n      padding: theme.spacing(0.5),\n      '&:hover': { color: theme.palette.secondary.main },\n      width: '100%'\n    },\n    titleWrapper: {\n      display: 'flex',\n      width: '100%',\n      textAlign: 'left'\n    },\n    labelWrapper: {\n      marginTop: 4\n    },\n    label: {\n      marginBottom: 4\n    }\n  }),\n  { name: 'FluentMenuListButton' }\n);\n\nexport const FluentMenuListButton = (props) => {\n  const classes = useStyles();\n  const { label, value, arrow = true, ...otherProps } = props;\n\n  return (\n    <div>\n      <ButtonBase\n        classes={{\n          root: classes.root\n        }}\n        className={classes.wrapper}\n        disableRipple\n        {...otherProps}\n      >\n        <div className={classes.titleWrapper}>\n          <div className={classes.labelWrapper}>\n            <div className={classes.label}>\n              {' '}\n              <Typography variant='caption'>\n                {' '}\n                <span style={{ fontWeight: 700 }}>{label}</span>{' '}\n              </Typography>\n            </div>\n            <div>\n              <Typography variant='subtitle2'>{value}</Typography>\n            </div>\n          </div>\n          {/* @todo  Change to component for size */}\n          {arrow && <IncreaseIndentArrowIcon style={{ fontSize: 24 }} />}\n        </div>\n      </ButtonBase>\n      <Divider />\n    </div>\n  );\n};\n\nFluentMenuListButton.propTypes = {\n  /**\n   * Button label\n   */\n  label: PropTypes.string.isRequired\n};\n","import React from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\nimport { FluentButton } from './FluentButton'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    '& > *': {\n      margin: theme.spacing(1)\n    }\n  },\n  input: {\n    display: 'none'\n  }\n}))\n\nexport const FluentUploadButton = (props) => {\n  const classes = useStyles()\n  const { color, label, accept, id, onChange, onClick, variant } = props\n\n  return (\n    <div className={classes.root}>\n      <input\n        accept={accept}\n        className={classes.input}\n        id={id}\n        multiple\n        type='file'\n        onChange={onChange}\n      />\n      <label htmlFor={id}>\n        <FluentButton\n          onClick={onClick}\n          variant={variant}\n          color={color}\n          component='span'\n        >\n          {label}\n        </FluentButton>\n      </label>\n      <input accept={accept} className={classes.input} id={id} type='file' />\n    </div>\n  )\n}\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core'\nimport { Button } from '@material-ui/core'\n\nconst useStyles = makeStyles({\n  root: {\n    borderRadius: 2,\n    minHeight: 72,\n    padding: '0 16px',\n    minWidth: 80,\n    border: (props) => `1px solid ${props.color}`\n  },\n  label: {\n    textTransform: 'capitalize',\n    fontSize: '0.875rem',\n    fontWeight: 600,\n    textAlign: 'left'\n  }\n})\n\nexport const FluentCompoundButton = (props) => {\n  const classes = useStyles(props)\n  const { children, textSecondary, ...otherProps } = props\n  return (\n    <Button\n      {...otherProps}\n      disableElevation\n      classes={{\n        root: classes.root,\n        label: classes.label\n      }}\n    >\n      <div>\n        <div>{children}</div>\n        <div>\n          <Typography variant='caption'>{textSecondary}</Typography>\n        </div>\n      </div>\n    </Button>\n  )\n}\n","import React from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\nimport { FluentIconButton } from './FluentIconButton'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    '& > *': {\n      margin: theme.spacing(1)\n    }\n  },\n  input: {\n    display: 'none'\n  }\n}))\n\nexport const FluentUploadIconButton = (props) => {\n  const classes = useStyles()\n  const { color, icon, aria, accept, id, onChange, onClick } = props\n\n  return (\n    <div className={classes.root}>\n      <input\n        accept={accept}\n        className={classes.input}\n        id={id}\n        type='file'\n        onChange={onChange}\n      />\n      <label htmlFor={id}>\n        <FluentIconButton\n          icon={icon}\n          color={color}\n          aria-label={aria}\n          id={id}\n          component='span'\n          onClick={onClick}\n        />\n      </label>\n      <input accept={accept} className={classes.input} id={id} type='file' />\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/cards-Z72cvAh5.js

@@ -0,0 +1,129 @@
+import { t as LayoutUnit } from "./LayoutUnit-D4jJvonh.js";
+import { t as FluentCard } from "./FluentCard-C3qSYfiz.js";
+import React, { Fragment } from "react";
+import { Box, Card, CardContent, Divider, LinearProgress, Typography, lighten, makeStyles } from "@material-ui/core";
+import clsx from "clsx";
+import PropTypes from "prop-types";
+import { makeStyles as makeStyles$1 } from "@material-ui/core/styles";
+
+//#region src/UI/surfaces/cards/ContentDisplayCard.jsx
+const useStyles$1 = makeStyles$1((theme) => ({
+	paper: {
+		width: "100%",
+		height: "100%",
+		position: "relative"
+	},
+	styleWidth: { width: "75%" },
+	media: { height: 120 },
+	cardContent: { paddingTop: 0 },
+	titleWrapper: {
+		display: "flex",
+		backgroundColor: (props) => props.headerColor || theme.palette.background.paper,
+		alignItems: "center"
+	},
+	loading: {
+		position: "absolute",
+		top: 0,
+		left: 0
+	},
+	expandMessage: { display: "flex" },
+	cardRoot: { "&:last-child": { paddingBottom: theme.spacing(10) } },
+	title: { flex: 1 },
+	visualization: {
+		display: "flex",
+		alignItems: "flex-end",
+		width: "100%",
+		height: 300
+	}
+}));
+/**
+* ContentDisplayCard
+*
+* @param {*} props
+* @return {*}
+*/
+const ContentDisplayCard = (props) => {
+	const { title, fullWidth, className, style, loading, headerElement, children } = props;
+	const classes = useStyles$1(props);
+	return /* @__PURE__ */ React.createElement(Card, {
+		className,
+		style: {
+			border: "none",
+			boxShadow: "none",
+			borderRadius: 0,
+			width: fullWidth ? "100%" : "auto",
+			...style
+		}
+	}, title && /* @__PURE__ */ React.createElement(CardContent, {
+		className: classes.titleWrapper,
+		classes: { root: classes.cardRoot }
+	}, /* @__PURE__ */ React.createElement(Typography, {
+		className: classes.title,
+		component: "h2",
+		variant: "h6"
+	}, title), headerElement && headerElement), loading && /* @__PURE__ */ React.createElement(Box, { sx: { width: "100%" } }, /* @__PURE__ */ React.createElement(LinearProgress, null)), /* @__PURE__ */ React.createElement(Box, { className }, children));
+};
+ContentDisplayCard.propTypes = {
+	title: PropTypes.string,
+	fullWidth: PropTypes.bool,
+	className: PropTypes.any,
+	style: PropTypes.object,
+	headerColor: PropTypes.string,
+	loading: PropTypes.bool,
+	headerElement: PropTypes.node,
+	children: PropTypes.node.isRequired
+};
+
+//#endregion
+//#region src/UI/surfaces/cards/InfoCard.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {},
+	paper: {
+		background: lighten(theme.palette.info.light, .8),
+		borderTop: `5px solid ${theme.palette.info.main} `
+	},
+	title: {
+		color: theme.palette.info.dark,
+		highlightfontWeight: 400,
+		lineHeight: 1.6
+	},
+	subHeader: {
+		lineHeight: 1.6,
+		fontWeight: 600
+	}
+}));
+const InfoCard = ({ children, title, subTitle, relatedTopics, label, headerComponent = "h2", subHeaderComponent = "h3", size, titleVariant = "h6", className, titleHeight }) => {
+	const classes = useStyles();
+	return /* @__PURE__ */ React.createElement(FluentCard, {
+		elevation: 0,
+		classes: { root: classes.paper },
+		className: clsx(classes.root, className)
+	}, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Typography, {
+		variant: titleVariant,
+		component: headerComponent,
+		className: clsx(classes.title, titleHeight)
+	}, title), size === "standard" && /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), /* @__PURE__ */ React.createElement(Typography, {
+		variant: "subtitle2",
+		component: subHeaderComponent,
+		className: classes.subHeader
+	}, subTitle), children, size === "standard" && /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), relatedTopics && /* @__PURE__ */ React.createElement(Fragment, null, /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, label || "Related Topics"), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), relatedTopics)));
+};
+InfoCard.propTypes = {
+	children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
+	title: PropTypes.string.isRequired,
+	subTitle: PropTypes.string,
+	relatedTopics: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
+	label: PropTypes.string,
+	headerComponent: PropTypes.string,
+	subHeaderComponent: PropTypes.string,
+	size: PropTypes.oneOf(["standard"])
+};
+InfoCard.defaultProps = {
+	headerComponent: "h2",
+	subHeaderComponent: "h3",
+	size: "standard"
+};
+
+//#endregion
+export { ContentDisplayCard as n, InfoCard as t };
+//# sourceMappingURL=cards-Z72cvAh5.js.map

package/dist/cards-Z72cvAh5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cards-Z72cvAh5.js","names":["useStyles","makeStyles"],"sources":["../src/UI/surfaces/cards/ContentDisplayCard.jsx","../src/UI/surfaces/cards/InfoCard.jsx"],"sourcesContent":["import React from 'react';\nimport { Box, Card, CardContent, LinearProgress, Typography } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  paper: {\n    width: '100%',\n    height: '100%',\n    position: 'relative',\n  },\n  styleWidth: {\n    width: '75%',\n  },\n  media: {\n    height: 120,\n  },\n  cardContent: {\n    paddingTop: 0,\n  },\n  titleWrapper: {\n    display: 'flex',\n    backgroundColor: (props) => props.headerColor || theme.palette.background.paper,\n    alignItems: 'center',\n  },\n  loading: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n  },\n  expandMessage: {\n    display: 'flex',\n  },\n  cardRoot: {\n    '&:last-child': {\n      paddingBottom: theme.spacing(10),\n    },\n  },\n  title: {\n    flex: 1,\n  },\n  visualization: {\n    display: 'flex',\n    alignItems: 'flex-end',\n    width: '100%',\n    height: 300,\n  },\n}));\n\n/**\n * ContentDisplayCard\n *\n * @param {*} props\n * @return {*}\n */\nexport const ContentDisplayCard = (props) => {\n  const { title, fullWidth, className, style, loading, headerElement, children } = props;\n  const classes = useStyles(props);\n\n  return (\n    <Card className={className} style={{ border: 'none', boxShadow: 'none', borderRadius: 0, width: fullWidth ? '100%' : 'auto', ...style }}>\n      {title && (\n        <CardContent className={classes.titleWrapper} classes={{ root: classes.cardRoot }}>\n          <Typography className={classes.title} component=\"h2\" variant=\"h6\">\n            {title}\n          </Typography>\n          {headerElement && headerElement}\n        </CardContent>\n      )}\n      {loading && (\n        <Box sx={{ width: '100%' }}>\n          <LinearProgress />\n        </Box>\n      )}\n      <Box className={className}>{children}</Box>\n    </Card>\n  );\n};\n\nContentDisplayCard.propTypes = {\n  title: PropTypes.string,\n  fullWidth: PropTypes.bool,\n  className: PropTypes.any,\n  style: PropTypes.object,\n  headerColor: PropTypes.string,\n  loading: PropTypes.bool,\n  headerElement: PropTypes.node,\n  children: PropTypes.node.isRequired,\n};\n","import React, { Fragment } from 'react'\nimport {\n  makeStyles,\n  CardContent,\n  Divider,\n  lighten,\n  Typography\n} from '@material-ui/core'\nimport { LayoutUnit } from '../../../layout/LayoutUnit'\nimport { FluentCard } from './fluentCards/FluentCard'\nimport PropTypes from 'prop-types'\nimport clsx from 'clsx'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  paper: {\n    background: lighten(theme.palette.info.light, 0.8),\n    borderTop: `5px solid ${theme.palette.info.main} `\n  },\n  title: {\n    color: theme.palette.info.dark,\n    highlightfontWeight: 400,\n    lineHeight: 1.6\n  },\n  subHeader: {\n    lineHeight: 1.6,\n    fontWeight: 600\n  }\n}))\n\nexport const InfoCard = ({\n  children,\n  title,\n  subTitle,\n  relatedTopics,\n  label,\n  headerComponent = 'h2',\n  subHeaderComponent = 'h3',\n  size,\n  titleVariant = 'h6',\n  className,\n  titleHeight\n}) => {\n  const classes = useStyles()\n\n  return (\n    <FluentCard\n      elevation={0}\n      classes={{ root: classes.paper }}\n      className={clsx(classes.root, className)}\n    >\n      <CardContent>\n        <Typography\n          variant={titleVariant}\n          component={headerComponent}\n          className={clsx(classes.title, titleHeight)}\n        >\n          {title}\n        </Typography>\n        {size === 'standard' && <LayoutUnit unit='xxs' />}\n        <Typography\n          variant='subtitle2'\n          component={subHeaderComponent}\n          className={classes.subHeader}\n        >\n          {subTitle}\n        </Typography>\n        {children}\n        {size === 'standard' && <LayoutUnit unit='xxs' />}\n\n        {relatedTopics && (\n          <Fragment>\n            <Divider />\n            <LayoutUnit unit='xxs' />\n            <Typography variant='caption'>\n              {label || 'Related Topics'}\n            </Typography>\n            <LayoutUnit unit='xxs' />\n            {relatedTopics}\n          </Fragment>\n        )}\n      </CardContent>\n    </FluentCard>\n  )\n}\n\nInfoCard.propTypes = {\n  /**\n   * Main content for the card\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node\n  ]),\n  /**\n   * Card title\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * Optional card subtitle\n   */\n  subTitle: PropTypes.string,\n  /**\n   * Option list of related topics\n   */\n  relatedTopics: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node\n  ]),\n  /**\n   * Title for related topics or alt title\n   */\n  label: PropTypes.string,\n  /**\n   * Change semantic header of card title\n   */\n  headerComponent: PropTypes.string,\n  /**\n   * Change semantic header of card subtitle\n   */\n  subHeaderComponent: PropTypes.string,\n  /**\n   * Card size override for dense card\n   */\n  size: PropTypes.oneOf(['standard'])\n}\n\nInfoCard.defaultProps = {\n  headerComponent: 'h2',\n  subHeaderComponent: 'h3',\n  size: 'standard'\n}\n"],"mappings":"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"}

package/dist/charts-oWe5K2aR.js

@@ -0,0 +1,83 @@
+import { t as ConfigService } from "./configService-C4uoG3wj.js";
+import { t as useUser } from "./useUser-wpHGo6jU.js";
+import { t as useAxiosGet } from "./useAxiosGet-CYnt6Hd0.js";
+import { t as amcharts_exports } from "./amcharts-BqT36-RL.js";
+import React, { useMemo } from "react";
+
+//#region src/UI/charts/InsightRenderer.tsx
+const capitilizeFirstLetter = (s) => s?.charAt?.(0)?.toUpperCase?.() + s?.slice?.(1);
+const decapitilizeFirstLetter = (s) => s?.charAt?.(0)?.toLowerCase?.() + s?.slice?.(1);
+function getAggregateValue(data, key) {
+	return data?.aggregateResults?.[0]?.[key];
+}
+/**
+* InsightRenderer component
+*
+* This component is responsible for rendering insights based on the provided props.
+*
+* @prop {Insight} `insight` - The insight metadata
+* @prop {any} `data` - Search results associated with the insight
+* @prop {string} `insightId` - InsightId, if included the component will get the data from server
+* @returns {JSX.Element} - The rendered insight component.
+*/
+const InsightRenderer = (props) => {
+	const { insight: insightProp, data, insightId } = props;
+	const user = useUser();
+	const [{ data: loadedInsight }] = useAxiosGet(ConfigService.integrationV2ApiUrl, `Insight/${insightId}/Full`, {}, !insightId || !user);
+	const insight = useMemo(() => {
+		if (!!insightId) return loadedInsight;
+		else return insightProp;
+	}, [
+		loadedInsight,
+		insightId,
+		insightProp
+	]);
+	const Chart = useMemo(() => {
+		if (!insight?.insightInsightType?.properties) return null;
+		let properties;
+		if (typeof insight?.insightInsightType?.properties === "string") properties = JSON.parse(insight?.insightInsightType?.properties);
+		else properties = insight?.insightInsightType?.properties;
+		return amcharts_exports?.[properties?.component];
+	}, [insight?.insightInsightType]);
+	const kpis = useMemo(() => {
+		if (insight == null) return void 0;
+		return insight?.insightInsightKpi?.map?.((kpi) => {
+			const kpiField = typeof kpi.field === "object" ? kpi.field : JSON.parse(kpi.field);
+			console.log(kpiField);
+			return {
+				label: kpi.label,
+				active: kpi.active,
+				value: getAggregateValue(data, `${decapitilizeFirstLetter(kpiField.property ?? "") ?? ""}${capitilizeFirstLetter(kpiField.operation?.toLowerCase() ?? "")}`)
+			};
+		});
+	}, [data, insight?.insightInsightKpi]);
+	const dataConfig = useMemo(() => {
+		if (insight == null) return null;
+		const dataMapping = typeof insight.dataMapping === "object" ? insight.dataMapping : JSON.parse(insight.dataMapping ?? "{}");
+		return (typeof insight.insightInsightType?.dataFields === "object" ? insight.insightInsightType?.dataFields : JSON.parse(insight.insightInsightType?.dataFields ?? "{}"))?.reduce?.((value, field) => {
+			const fieldValue = dataMapping?.find?.((dm) => dm.name === field.name)?.value;
+			if (fieldValue?.operation != void 0) value[field.name] = decapitilizeFirstLetter(fieldValue?.name) + fieldValue.operation;
+			else value[field.name] = fieldValue?.alias ?? fieldValue?.name ?? fieldValue;
+			return value;
+		}, {});
+	}, [insight?.dataMapping, insight?.insightInsightType]);
+	const combinedData = useMemo(() => {
+		if (data?.aggregateResults == null || data?.aggregateResults?.length === 0) return data?.pageList;
+		return data?.pageList.map((page, i) => ({
+			...page,
+			...data?.aggregateResults?.[i]
+		}));
+	}, [data]);
+	if (Chart == null) return null;
+	return /* @__PURE__ */ React.createElement(Chart, {
+		data: combinedData,
+		title: insight?.title,
+		subheader: insight?.subheader,
+		...dataConfig,
+		kpis: kpis?.filter((kpi) => kpi.active)
+	});
+};
+
+//#endregion
+export { InsightRenderer as t };
+//# sourceMappingURL=charts-oWe5K2aR.js.map

package/dist/charts-oWe5K2aR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts-oWe5K2aR.js","names":["InsightRenderer: React.FC<InsightRendererProps>","properties: InsightTypeProperties","UdpCharts","kpis:\n    | { value?: string; label?: string; active?: boolean }[]\n    | undefined","kpiField: { operation?: string; property?: string }","dataConfig: { [key: string]: any } | null","dataMapping: {\n      name: string;\n      value: { name: string; operation: string | undefined };\n      alias?: string;\n    }[]"],"sources":["../src/UI/charts/InsightRenderer.tsx"],"sourcesContent":["import React, { useMemo, useState, useEffect } from 'react';\nimport * as UdpCharts  from './amcharts';\nimport { Insight, InsightTypeField, InsightTypeProperties } from './types';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { useAxiosGet } from '../../utilities/useAxiosGet';\nimport QueryResult from '../../models/QueryResult';\nimport { ConfigService } from '../../configService';\nexport type UdpChart =\n  | 'UdpBarChart'\n  | 'UdpDonutChart'\n  | 'UdpLineChart'\n  | 'UdpDistributionChart';\nexport interface InsightRendererProps {\n  insight: Insight | undefined;\n  data: QueryResult | undefined;\n  insightId: string | undefined;\n}\n\nconst capitilizeFirstLetter = (s: string): string =>\n  s?.charAt?.(0)?.toUpperCase?.() + s?.slice?.(1);\nconst decapitilizeFirstLetter = (s: string): string =>\n  s?.charAt?.(0)?.toLowerCase?.() + s?.slice?.(1);\n\nfunction getAggregateValue<T>(data: QueryResult | undefined, key: string): T {\n  return data?.aggregateResults?.[0]?.[key] as T;\n}\n/**\n * InsightRenderer component\n *\n * This component is responsible for rendering insights based on the provided props.\n *\n * @prop {Insight} `insight` - The insight metadata\n * @prop {any} `data` - Search results associated with the insight\n * @prop {string} `insightId` - InsightId, if included the component will get the data from server\n * @returns {JSX.Element} - The rendered insight component.\n */\nexport const InsightRenderer: React.FC<InsightRendererProps> = (props: InsightRendererProps) => {\n  const { insight: insightProp, data, insightId } = props;\n  const user = useUser();\n  const [{ data: loadedInsight }] = useAxiosGet(\n    ConfigService.integrationV2ApiUrl,\n    `Insight/${insightId}/Full`,\n    {},\n    !insightId || !user\n  ) as unknown as [{ data: Insight }];\n\n  // Use the insight passed in or the insightId\n  const insight = useMemo(() => {\n    if (!!insightId) return loadedInsight;\n    else return insightProp;\n  }, [loadedInsight, insightId, insightProp]);\n\n  // determine chart component\n  const Chart = useMemo(() => {\n    if (!insight?.insightInsightType?.properties) return null;\n    let properties: InsightTypeProperties;\n    if (typeof insight?.insightInsightType?.properties === 'string') {\n      properties = JSON.parse(\n        insight?.insightInsightType?.properties as unknown as string\n      ) as InsightTypeProperties;\n    } else {\n      properties = insight?.insightInsightType?.properties;\n    }\n    // @ts-ignore\n    return UdpCharts?.[properties?.component];\n  }, [insight?.insightInsightType]);\n\n  const kpis:\n    | { value?: string; label?: string; active?: boolean }[]\n    | undefined = useMemo(() => {\n    if (insight == null) return undefined;\n    return insight?.insightInsightKpi?.map?.((kpi) => {\n      const kpiField: { operation?: string; property?: string } =\n        typeof kpi.field === 'object' ? kpi.field : JSON.parse(kpi.field);\n      console.log(kpiField);\n      return {\n        label: kpi.label,\n        active: kpi.active,\n        value: getAggregateValue<string>(\n          data,\n          `${\n            decapitilizeFirstLetter(kpiField.property ?? '') ?? ''\n          }${capitilizeFirstLetter(kpiField.operation?.toLowerCase() ?? '')}`\n        )\n      };\n    });\n  }, [data, insight?.insightInsightKpi]);\n\n  const dataConfig: { [key: string]: any } | null = useMemo(() => {\n    if (insight == null) return null;\n    const dataMapping: {\n      name: string;\n      value: { name: string; operation: string | undefined };\n      alias?: string;\n    }[] =\n      typeof insight.dataMapping === 'object'\n        ? insight.dataMapping\n        : JSON.parse(insight.dataMapping ?? '{}');\n    const dataFields: InsightTypeField[] =\n      typeof insight.insightInsightType?.dataFields === 'object'\n        ? insight.insightInsightType?.dataFields\n        : JSON.parse(insight.insightInsightType?.dataFields ?? '{}');\n\n    return dataFields?.reduce?.((value: { [key: string]: any }, field) => {\n      const fieldValue = dataMapping?.find?.(\n        (dm) => dm.name === field.name\n      )?.value;\n      if (fieldValue?.operation != undefined) {\n        value[field.name] =\n          decapitilizeFirstLetter(fieldValue?.name) + fieldValue.operation;\n      } else {\n        // @ts-ignore\n        value[field.name] = fieldValue?.alias ?? fieldValue?.name ?? fieldValue;\n      }\n\n      return value;\n    }, {});\n  }, [insight?.dataMapping, insight?.insightInsightType]);\n  const combinedData = useMemo(() => {\n    if (data?.aggregateResults == null || data?.aggregateResults?.length === 0)\n      return data?.pageList;\n    return data?.pageList.map((page, i) => ({\n      ...page,\n      ...data?.aggregateResults?.[i]\n    }));\n  }, [data]);\n  if (Chart == null) return null;\n  return (\n    <Chart\n      data={combinedData}\n      title={insight?.title}\n      subheader={insight?.subheader}\n      {...dataConfig}\n      kpis={kpis?.filter((kpi) => kpi.active)}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAkBA,MAAM,yBAAyB,MAC7B,GAAG,SAAS,EAAE,EAAE,eAAe,GAAG,GAAG,QAAQ,EAAE;AACjD,MAAM,2BAA2B,MAC/B,GAAG,SAAS,EAAE,EAAE,eAAe,GAAG,GAAG,QAAQ,EAAE;AAEjD,SAAS,kBAAqB,MAA+B,KAAgB;AAC3E,QAAO,MAAM,mBAAmB,KAAK;;;;;;;;;;;;AAYvC,MAAaA,mBAAmD,UAAgC;CAC9F,MAAM,EAAE,SAAS,aAAa,MAAM,cAAc;CAClD,MAAM,OAAO,SAAS;CACtB,MAAM,CAAC,EAAE,MAAM,mBAAmB,YAChC,cAAc,qBACd,WAAW,UAAU,QACrB,EAAE,EACF,CAAC,aAAa,CAAC,KAChB;CAGD,MAAM,UAAU,cAAc;AAC5B,MAAI,CAAC,CAAC,UAAW,QAAO;MACnB,QAAO;IACX;EAAC;EAAe;EAAW;EAAY,CAAC;CAG3C,MAAM,QAAQ,cAAc;AAC1B,MAAI,CAAC,SAAS,oBAAoB,WAAY,QAAO;EACrD,IAAIC;AACJ,MAAI,OAAO,SAAS,oBAAoB,eAAe,SACrD,cAAa,KAAK,MAChB,SAAS,oBAAoB,WAC9B;MAED,cAAa,SAAS,oBAAoB;AAG5C,SAAOC,mBAAY,YAAY;IAC9B,CAAC,SAAS,mBAAmB,CAAC;CAEjC,MAAMC,OAEU,cAAc;AAC5B,MAAI,WAAW,KAAM,QAAO;AAC5B,SAAO,SAAS,mBAAmB,OAAO,QAAQ;GAChD,MAAMC,WACJ,OAAO,IAAI,UAAU,WAAW,IAAI,QAAQ,KAAK,MAAM,IAAI,MAAM;AACnE,WAAQ,IAAI,SAAS;AACrB,UAAO;IACL,OAAO,IAAI;IACX,QAAQ,IAAI;IACZ,OAAO,kBACL,MACA,GACE,wBAAwB,SAAS,YAAY,GAAG,IAAI,KACnD,sBAAsB,SAAS,WAAW,aAAa,IAAI,GAAG,GAClE;IACF;IACD;IACD,CAAC,MAAM,SAAS,kBAAkB,CAAC;CAEtC,MAAMC,aAA4C,cAAc;AAC9D,MAAI,WAAW,KAAM,QAAO;EAC5B,MAAMC,cAKJ,OAAO,QAAQ,gBAAgB,WAC3B,QAAQ,cACR,KAAK,MAAM,QAAQ,eAAe,KAAK;AAM7C,UAJE,OAAO,QAAQ,oBAAoB,eAAe,WAC9C,QAAQ,oBAAoB,aAC5B,KAAK,MAAM,QAAQ,oBAAoB,cAAc,KAAK,GAE7C,UAAU,OAA+B,UAAU;GACpE,MAAM,aAAa,aAAa,QAC7B,OAAO,GAAG,SAAS,MAAM,KAC3B,EAAE;AACH,OAAI,YAAY,aAAa,OAC3B,OAAM,MAAM,QACV,wBAAwB,YAAY,KAAK,GAAG,WAAW;OAGzD,OAAM,MAAM,QAAQ,YAAY,SAAS,YAAY,QAAQ;AAG/D,UAAO;KACN,EAAE,CAAC;IACL,CAAC,SAAS,aAAa,SAAS,mBAAmB,CAAC;CACvD,MAAM,eAAe,cAAc;AACjC,MAAI,MAAM,oBAAoB,QAAQ,MAAM,kBAAkB,WAAW,EACvE,QAAO,MAAM;AACf,SAAO,MAAM,SAAS,KAAK,MAAM,OAAO;GACtC,GAAG;GACH,GAAG,MAAM,mBAAmB;GAC7B,EAAE;IACF,CAAC,KAAK,CAAC;AACV,KAAI,SAAS,KAAM,QAAO;AAC1B,QACE,oCAAC;EACC,MAAM;EACN,OAAO,SAAS;EAChB,WAAW,SAAS;EACpB,GAAI;EACJ,MAAM,MAAM,QAAQ,QAAQ,IAAI,OAAO;GACvC"}

package/dist/chatBot/index.js

@@ -1,14 +1,3 @@
-import "../FluentButton-3xMbN_Vs.js";
-import "../configService-C4uoG3wj.js";
-import "../apiHelpers-BpZTkMX8.js";
-import "../pageEnums-CA-HlW3W.js";
-import "../UnitySessionStorage-CUDx9YWR.js";
-import "../axiosInterceptors-6Czv1PA5.js";
-import "../useUser-wpHGo6jU.js";
-import "../useAxiosMutate-q_ZpG98Z.js";
-import "../AmbientTextField-BBZcLilt.js";
-import { n as ChatMessage, t as ChatContainer } from "../ChatContainer-Dnm64tul.js";
-import "../ChatBotContext-CgEZrG-E.js";
-import "../useChatBot-DsJZ4f0O.js";
+import { n as ChatMessage, t as ChatContainer } from "../ChatContainer-CXzPIP9R.js";
 
 export { ChatContainer, ChatMessage };

package/dist/chunk-B4enJp2Q.js

@@ -0,0 +1,18 @@
+//#region rolldown:runtime
+var __defProp = Object.defineProperty;
+var __export = (all, symbols) => {
+	let target = {};
+	for (var name in all) {
+		__defProp(target, name, {
+			get: all[name],
+			enumerable: true
+		});
+	}
+	if (symbols) {
+		__defProp(target, Symbol.toStringTag, { value: "Module" });
+	}
+	return target;
+};
+
+//#endregion
+export { __export as t };

package/dist/componentSystems/multiThreadTimeline/functions/index.js

@@ -1,4 +1,3 @@
-import { a as plotX, i as plotCategoryBar, n as formatDataWithTimelineCategoryNameOrderedByDate, o as plotY, t as formatDataWithTimelineCategoryName } from "../../../mttFunctions-Du5Q0h5k.js";
-import "../../../functions-DjPVehfJ.js";
+import { a as plotX, i as plotCategoryBar, n as formatDataWithTimelineCategoryNameOrderedByDate, o as plotY, t as formatDataWithTimelineCategoryName } from "../../../mttFunctions-ioZ0_5JX.js";
 
 export { formatDataWithTimelineCategoryName, formatDataWithTimelineCategoryNameOrderedByDate, plotCategoryBar, plotX, plotY };

package/dist/componentSystems/multiThreadTimeline/index.js

@@ -1,35 +1,13 @@
-import "../../configService-C4uoG3wj.js";
-import "../../apiHelpers-BpZTkMX8.js";
-import "../../pageEnums-CA-HlW3W.js";
-import "../../UnitySessionStorage-CUDx9YWR.js";
-import "../../axiosInterceptors-6Czv1PA5.js";
-import "../../useUser-wpHGo6jU.js";
-import "../../useAxiosMutate-q_ZpG98Z.js";
-import "../../StringUtilities-u-cxAW6-.js";
-import "../../FluentIcon-DjE8A5DC.js";
-import "../../unitySystemEnums-DQSkCr3D.js";
-import "../../UnityFluentIcon-DkZ-zXku.js";
-import "../../RuleUtilities-D5ACzikQ.js";
-import "../../colors-BONxjrOE.js";
-import "../../colorConverter-x64WSLsF.js";
-import "../../SearchUtilities-Df1gkDw9.js";
-import "../../GroupNode-BxnXH0gG.js";
-import "../../TreeUtilities-DWgARig7.js";
-import "../../UnityIconLibrary-CjIwzfjv.js";
-import "../../LayoutUnit-D4jJvonh.js";
-import { a as plotX, i as plotCategoryBar, n as formatDataWithTimelineCategoryNameOrderedByDate, o as plotY, t as formatDataWithTimelineCategoryName } from "../../mttFunctions-Du5Q0h5k.js";
-import "../../IconRenderer-DAfBq9qv.js";
+import { a as plotX, i as plotCategoryBar, n as formatDataWithTimelineCategoryNameOrderedByDate, o as plotY, t as formatDataWithTimelineCategoryName } from "../../mttFunctions-ioZ0_5JX.js";
 import { n as TimelineStatus, r as TimelineDateBar, t as MttYearTag } from "../../MttYearTag-Cw8OyKTy.js";
-import "../../Ellipse-DGTaApGj.js";
 import { t as TimelineToken } from "../../TimelineToken-nU7fdgjR.js";
-import { a as TimelineWrapper, c as TimelineDot, i as MultiDot, l as TimelineHoverCard, n as TimelinePreloaderNode, o as TimelineNode, r as VisualizationDot, s as TimelineTokenSummary, t as DynamicRangeSlider } from "../../DynamicRangeSlider-DBM06VuQ.js";
-import { n as MttTimeline, r as HeightAdjuster, t as MttMainTimeline } from "../../MttMainTimeline-_6Fpr66g.js";
-import { n as createTimeline, t as MttSummary } from "../../MttSummary-BBsBlhgF.js";
-import { a as useStyles, i as TimelineToggleButton, n as DateWrapper, o as SummaryToken, r as TimelineTopRowFilter, t as CircleButton } from "../../CircleButton-DZtXx7uN.js";
-import "../../functions-DjPVehfJ.js";
-import "../../mttSummary-Bx5hrrL_.js";
-import "../../modified-CeJaPfN-.js";
-import "../../ui-CWkntoL5.js";
-import "../../mttMainTimeline-Bhn6Bx8O.js";
+import { a as TimelineWrapper, c as TimelineDot, i as MultiDot, l as TimelineHoverCard, n as TimelinePreloaderNode, o as TimelineNode, r as VisualizationDot, s as TimelineTokenSummary, t as DynamicRangeSlider } from "../../DynamicRangeSlider-prr4fg8d.js";
+import { n as MttTimeline, r as HeightAdjuster, t as MttMainTimeline } from "../../MttMainTimeline-nusYDWg_.js";
+import { n as createTimeline, t as MttSummary } from "../../MttSummary-DWESRW7k.js";
+import { a as useStyles, i as TimelineToggleButton, n as DateWrapper, o as SummaryToken, r as TimelineTopRowFilter, t as CircleButton } from "../../CircleButton-B9JAMG53.js";
+import "./functions/index.js";
+import "./mttSummary/index.js";
+import "./ui/index.js";
+import "./mttMainTimeline/index.js";
 
 export { CircleButton, DateWrapper, DynamicRangeSlider, HeightAdjuster, MttMainTimeline, MttSummary, MttTimeline, MttYearTag, MultiDot, SummaryToken, TimelineDateBar, TimelineDot, TimelineHoverCard, TimelineNode, TimelinePreloaderNode, TimelineStatus, TimelineToggleButton, TimelineToken, TimelineTokenSummary, TimelineTopRowFilter, TimelineWrapper, VisualizationDot, createTimeline, formatDataWithTimelineCategoryName, formatDataWithTimelineCategoryNameOrderedByDate, plotCategoryBar, plotX, plotY, useStyles };