udp-react-enterprise-component-library 25.18.1-beta.3 → 25.18.1-beta.30

package/dist/UdpTimelineItemSeparator-BXx2FXP4.js

@@ -1,213 +0,0 @@
-import { t as FluentIconButton } from "./FluentIconButton-CtN4xdO_.js";
-import React, { useState } from "react";
-import { Avatar, Card, CardContent, Fade, Typography, makeStyles, useTheme } from "@material-ui/core";
-import clsx from "clsx";
-import { AlertSolidIcon, CalculatorAdditionIcon, CalculatorSubtractIcon, CheckMarkIcon, WarningSolidIcon } from "@fluentui/react-icons";
-import { Timeline, TimelineConnector, TimelineContent, TimelineDot, TimelineItem, TimelineOppositeContent, TimelineSeparator } from "@material-ui/lab";
-import TimeAgo from "timeago-react";
-import Timeline$1 from "@material-ui/lab/Timeline";
-
-//#region src/UI/timeline/TimeEntryStates.jsx
-const useStyles$3 = makeStyles((theme) => ({
-	avatar: {
-		width: 35,
-		height: 35,
-		fontSize: 16
-	},
-	spacer: {
-		marginTop: theme.spacing(1),
-		marginBottom: theme.spacing(1)
-	},
-	alert: { color: theme.palette.error.dark },
-	avatarWarning: {
-		width: 25,
-		height: 25,
-		fontSize: 12,
-		paddingLeft: 1,
-		paddingBottom: 1
-	}
-}));
-const TimeEntryStates = (props) => {
-	let eventState = "";
-	const { type } = props;
-	const classes = useStyles$3();
-	const theme = useTheme();
-	switch (type) {
-		case "alert":
-			eventState = /* @__PURE__ */ React.createElement(AlertSolidIcon, { className: clsx(classes.spacer, classes.alert) });
-			break;
-		case "success":
-			eventState = /* @__PURE__ */ React.createElement(Avatar, {
-				className: classes.avatar,
-				style: { backgroundColor: theme.palette.success.main }
-			}, /* @__PURE__ */ React.createElement(CheckMarkIcon, null));
-			break;
-		case "warning":
-			eventState = /* @__PURE__ */ React.createElement(Avatar, {
-				className: classes.avatarWarning,
-				style: { backgroundColor: theme.palette.warning.main }
-			}, /* @__PURE__ */ React.createElement(WarningSolidIcon, null));
-			break;
-		default: eventState = /* @__PURE__ */ React.createElement(TimelineDot, { variant: "outlined" });
-	}
-	return eventState;
-};
-
-//#endregion
-//#region src/UI/timeline/TimelineElement.jsx
-const useStyles$2 = makeStyles((theme) => ({
-	root: {},
-	extended: { maxWidth: 300 },
-	extendedButton: {
-		marginTop: theme.spacing(-1),
-		marginLeft: theme.spacing(1)
-	}
-}));
-const TimelineElement = (props) => {
-	const { time, entry, type, demoGraph, extend, extendOne, title, biasLeft } = props;
-	const classes = useStyles$2();
-	return /* @__PURE__ */ React.createElement(TimelineItem, null, /* @__PURE__ */ React.createElement(TimelineOppositeContent, null, /* @__PURE__ */ React.createElement(Typography, {
-		className: classes.time,
-		color: "textSecondary"
-	}, time)), /* @__PURE__ */ React.createElement(TimelineSeparator, null, /* @__PURE__ */ React.createElement(TimeEntryStates, { type }), /* @__PURE__ */ React.createElement(TimelineConnector, null)), /* @__PURE__ */ React.createElement(TimelineContent, { style: { flex: biasLeft ? 2 : 1 } }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, " ", title, " "), /* @__PURE__ */ React.createElement("div", { style: {
-		display: "flex",
-		justifyContent: "flex-start",
-		marginTop: 8
-	} }, /* @__PURE__ */ React.createElement(Typography, null, " ", entry, " "), demoGraph && /* @__PURE__ */ React.createElement(FluentIconButton, {
-		className: classes.extendedButton,
-		onClick: extend,
-		color: "primary",
-		icon: extendOne ? CalculatorSubtractIcon : CalculatorAdditionIcon
-	})), demoGraph));
-};
-var TimelineElement_default = TimelineElement;
-
-//#endregion
-//#region src/UI/timeline/ExtendActions.jsx
-const useStyles$1 = makeStyles((theme) => ({ root: {
-	display: "flex",
-	flexDirection: "row"
-} }));
-const ExtendActions = (props) => {
-	const classes = useStyles$1();
-	const { more, less, showMore, showLess } = props;
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, showMore && /* @__PURE__ */ React.createElement(FluentIconButton, {
-		onClick: more,
-		color: "primary",
-		icon: CalculatorAdditionIcon
-	}), showLess && /* @__PURE__ */ React.createElement(FluentIconButton, {
-		onClick: less,
-		color: "primary",
-		icon: CalculatorSubtractIcon
-	}));
-};
-var ExtendActions_default = ExtendActions;
-
-//#endregion
-//#region src/UI/timeline/TimeLine.jsx
-const useStyles = makeStyles((theme) => ({
-	root: { position: "relative" },
-	extended: { display: "none" },
-	paper: {
-		position: "absolute",
-		bottom: -38,
-		left: -16,
-		width: "100%",
-		height: 0,
-		transition: theme.transitions.create("height", {
-			easing: theme.transitions.easing.easeOut,
-			duration: theme.transitions.duration.standard
-		})
-	},
-	expanded: { height: 500 },
-	extendedButton: {
-		display: "flex",
-		justifyContent: "flex-end"
-	},
-	actions: {
-		display: "flex",
-		justifyContent: "center",
-		marginBottom: theme.spacing(3)
-	},
-	biasLeft: {
-		display: "flex",
-		width: "100%"
-	}
-}));
-const TimeLine = ({ timelineData, semantic, biasLeft }) => {
-	const [initial, setInitial] = useState(6);
-	const [extendOne, setExtendOne] = useState(false);
-	const classes = useStyles();
-	const extend = () => {
-		setExtendOne(!extendOne);
-	};
-	const extendActions = /* @__PURE__ */ React.createElement(ExtendActions_default, {
-		more: () => setInitial(initial + 6),
-		less: () => setInitial(initial - 6),
-		showMore: initial < timelineData.length,
-		showLess: initial >= 6
-	});
-	return /* @__PURE__ */ React.createElement(Timeline$1, { className: classes.root }, timelineData && timelineData.map((item, index) => {
-		if (index <= initial) {
-			console.log(item);
-			return /* @__PURE__ */ React.createElement(TimelineElement_default, {
-				biasLeft,
-				key: index,
-				time: semantic ? /* @__PURE__ */ React.createElement(TimeAgo, { datetime: item.time }) : item.time,
-				entry: item.event,
-				type: item.type,
-				title: item.title,
-				extendOne,
-				extend,
-				demoGraph: item.extendedData && /* @__PURE__ */ React.createElement(Fade, { in: extendOne }, /* @__PURE__ */ React.createElement(Card, {
-					style: { backgroundColor: "white" },
-					elevation: 0,
-					className: !extendOne && classes.extended
-				}, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement("div", { className: classes.extendedButton }, item.moreInfo && item.moreInfo))))
-			});
-		}
-	}), biasLeft && /* @__PURE__ */ React.createElement("div", { className: classes.biasLeft }, /* @__PURE__ */ React.createElement("div", { style: { flex: 1 } }), /* @__PURE__ */ React.createElement("div", { style: {
-		flex: 2,
-		marginLeft: -22
-	} }, extendActions)), !biasLeft && /* @__PURE__ */ React.createElement("div", { className: classes.actions }, extendActions));
-};
-
-//#endregion
-//#region src/UI/timeline/UdpTimeline.jsx
-const UdpTimeline = (props) => {
-	return /* @__PURE__ */ React.createElement(Timeline, props);
-};
-
-//#endregion
-//#region src/UI/timeline/UdpTimelineContent.jsx
-const UdpTimelineContent = (props) => {
-	return /* @__PURE__ */ React.createElement(TimelineContent, props);
-};
-
-//#endregion
-//#region src/UI/timeline/UdpTimelineDot.jsx
-const UdpTimelineDot = (props) => {
-	return /* @__PURE__ */ React.createElement(TimelineDot, props);
-};
-
-//#endregion
-//#region src/UI/timeline/UdpTimelineItem.jsx
-const UdpTimelineItem = (props) => {
-	return /* @__PURE__ */ React.createElement(TimelineItem, props);
-};
-
-//#endregion
-//#region src/UI/timeline/UdpTimelineItemConnector.jsx
-const UdpTimelineConnector = (props) => {
-	return /* @__PURE__ */ React.createElement(TimelineConnector, props);
-};
-
-//#endregion
-//#region src/UI/timeline/UdpTimelineItemSeparator.jsx
-const UdpTimelineSeparator = (props) => {
-	return /* @__PURE__ */ React.createElement(TimelineSeparator, props);
-};
-
-//#endregion
-export { UdpTimelineContent as a, TimeEntryStates as c, UdpTimelineDot as i, UdpTimelineConnector as n, UdpTimeline as o, UdpTimelineItem as r, TimeLine as s, UdpTimelineSeparator as t };
-//# sourceMappingURL=UdpTimelineItemSeparator-BXx2FXP4.js.map

package/dist/UdpTimelineItemSeparator-BXx2FXP4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UdpTimelineItemSeparator-BXx2FXP4.js","names":["useStyles","useStyles","useStyles","ExtendActions","Timeline","TimelineElement"],"sources":["../src/UI/timeline/TimeEntryStates.jsx","../src/UI/timeline/TimelineElement.jsx","../src/UI/timeline/ExtendActions.jsx","../src/UI/timeline/TimeLine.jsx","../src/UI/timeline/UdpTimeline.jsx","../src/UI/timeline/UdpTimelineContent.jsx","../src/UI/timeline/UdpTimelineDot.jsx","../src/UI/timeline/UdpTimelineItem.jsx","../src/UI/timeline/UdpTimelineItemConnector.jsx","../src/UI/timeline/UdpTimelineItemSeparator.jsx"],"sourcesContent":["import React from 'react'\nimport { Avatar, makeStyles, useTheme } from '@material-ui/core'\nimport {\n  AlertSolidIcon,\n  CheckMarkIcon,\n  WarningSolidIcon\n} from '@fluentui/react-icons'\nimport { TimelineDot } from '@material-ui/lab'\nimport clsx from 'clsx'\n\nconst useStyles = makeStyles((theme) => ({\n  avatar: {\n    width: 35,\n    height: 35,\n    fontSize: 16\n  },\n  spacer: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  },\n  alert: {\n    color: theme.palette.error.dark\n  },\n  avatarWarning: {\n    width: 25,\n    height: 25,\n    fontSize: 12,\n    paddingLeft: 1,\n    paddingBottom: 1\n  }\n}))\n\nexport const TimeEntryStates = (props) => {\n  let eventState = ''\n  const { type } = props\n  const classes = useStyles()\n  const theme = useTheme()\n\n  switch (type) {\n    case 'alert':\n      eventState = (\n        <AlertSolidIcon className={clsx(classes.spacer, classes.alert)} />\n      )\n      break\n    case 'success':\n      eventState = (\n        <Avatar\n          className={classes.avatar}\n          style={{ backgroundColor: theme.palette.success.main }}\n        >\n          <CheckMarkIcon />\n        </Avatar>\n      )\n      break\n    case 'warning':\n      eventState = (\n        <Avatar\n          className={classes.avatarWarning}\n          style={{ backgroundColor: theme.palette.warning.main }}\n        >\n          <WarningSolidIcon />\n        </Avatar>\n      )\n      break\n\n    default:\n      eventState = <TimelineDot variant='outlined' />\n  }\n\n  return eventState\n}\n","import React from 'react'\nimport {\n  TimelineItem,\n  TimelineOppositeContent,\n  TimelineSeparator,\n  TimelineConnector,\n  TimelineContent\n} from '@material-ui/lab'\nimport { Typography, makeStyles } from '@material-ui/core'\nimport { TimeEntryStates } from './TimeEntryStates'\nimport { FluentIconButton } from '../inputs/buttons/FluentIconButton'\nimport {\n  CalculatorSubtractIcon,\n  CalculatorAdditionIcon\n} from '@fluentui/react-icons'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  extended: {\n    maxWidth: 300\n  },\n  extendedButton: {\n    marginTop: theme.spacing(-1),\n    marginLeft: theme.spacing(1)\n  }\n}))\n\nconst TimelineElement = (props) => {\n  const {\n    time,\n    entry,\n    type,\n    demoGraph,\n    extend,\n    extendOne,\n    title,\n    biasLeft\n  } = props\n  const classes = useStyles()\n  return (\n    <TimelineItem>\n      <TimelineOppositeContent>\n        <Typography className={classes.time} color='textSecondary'>\n          {time}\n        </Typography>\n      </TimelineOppositeContent>\n      <TimelineSeparator>\n        <TimeEntryStates type={type} />\n        <TimelineConnector />\n      </TimelineSeparator>\n      <TimelineContent style={{ flex: biasLeft ? 2 : 1 }}>\n        <Typography variant='subtitle2'> {title} </Typography>\n        <div\n          style={{\n            display: 'flex',\n            justifyContent: 'flex-start',\n            marginTop: 8\n          }}\n        >\n          <Typography> {entry} </Typography>\n          {demoGraph && (\n            <FluentIconButton\n              className={classes.extendedButton}\n              onClick={extend}\n              color='primary'\n              icon={extendOne ? CalculatorSubtractIcon : CalculatorAdditionIcon}\n            />\n          )}\n        </div>\n\n        {demoGraph}\n      </TimelineContent>\n    </TimelineItem>\n  )\n}\nexport default TimelineElement\n","import React from 'react'\nimport { makeStyles } from '@material-ui/core'\nimport { FluentIconButton } from '../inputs/buttons/FluentIconButton'\nimport {\n  CalculatorSubtractIcon,\n  CalculatorAdditionIcon\n} from '@fluentui/react-icons'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row'\n  }\n}))\n\nconst ExtendActions = (props) => {\n  const classes = useStyles()\n  const { more, less, showMore, showLess } = props\n\n  return (\n    <div className={classes.root}>\n      {showMore && (\n        <FluentIconButton\n          onClick={more}\n          color='primary'\n          icon={CalculatorAdditionIcon}\n        />\n      )}\n      {showLess && (\n        <FluentIconButton\n          onClick={less}\n          color='primary'\n          icon={CalculatorSubtractIcon}\n        />\n      )}\n    </div>\n  )\n}\n\nexport default ExtendActions\n","import React, { useState } from 'react'\nimport { makeStyles, Fade, Card, CardContent } from '@material-ui/core'\nimport Timeline from '@material-ui/lab/Timeline'\nimport TimelineElement from './TimelineElement'\nimport TimeAgo from 'timeago-react'\nimport ExtendActions from './ExtendActions'\n// import { timelineData } from '../../test/MockTimelineData';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    position: 'relative'\n  },\n  extended: {\n    display: 'none'\n  },\n  paper: {\n    position: 'absolute',\n    bottom: -38,\n    left: -16,\n    width: '100%',\n    height: 0,\n    // transition: 'height 1s ',\n    transition: theme.transitions.create('height', {\n      easing: theme.transitions.easing.easeOut,\n      duration: theme.transitions.duration.standard\n    })\n  },\n  expanded: {\n    height: 500\n  },\n  extendedButton: {\n    display: 'flex',\n    justifyContent: 'flex-end'\n  },\n  actions: {\n    display: 'flex',\n    justifyContent: 'center',\n    marginBottom: theme.spacing(3)\n  },\n  biasLeft: {\n    display: 'flex',\n    width: '100%'\n  }\n}))\n\nexport const TimeLine = ({ timelineData, semantic, biasLeft }) => {\n  const [initial, setInitial] = useState(6)\n  const [extendOne, setExtendOne] = useState(false)\n  const classes = useStyles()\n\n  const extend = () => {\n    setExtendOne(!extendOne)\n  }\n\n  const extendActions = (\n    <ExtendActions\n      more={() => setInitial(initial + 6)}\n      less={() => setInitial(initial - 6)}\n      showMore={initial < timelineData.length}\n      showLess={initial >= 6}\n    />\n  )\n\n  return (\n    <Timeline\n      // align=\"alternate\"\n      className={classes.root}\n    >\n      {timelineData &&\n        timelineData.map((item, index) => {\n          if (index <= initial) {\n            console.log(item)\n            return (\n              <TimelineElement\n                biasLeft={biasLeft}\n                key={index}\n                time={semantic ? <TimeAgo datetime={item.time} /> : item.time}\n                entry={item.event}\n                type={item.type}\n                title={item.title}\n                extendOne={extendOne}\n                extend={extend}\n                demoGraph={\n                  item.extendedData && (\n                    <Fade in={extendOne}>\n                      <Card\n                        style={{ backgroundColor: 'white' }}\n                        elevation={0}\n                        className={!extendOne && classes.extended}\n                      >\n                        <CardContent>\n                          <div className={classes.extendedButton}>\n                            {item.moreInfo && item.moreInfo}\n                          </div>\n                        </CardContent>\n                      </Card>\n                    </Fade>\n                  )\n                }\n              />\n            )\n          }\n        })}\n      {biasLeft && (\n        <div className={classes.biasLeft}>\n          <div style={{ flex: 1 }} />\n          <div style={{ flex: 2, marginLeft: -22 }}>{extendActions}</div>\n        </div>\n      )}\n      {!biasLeft && <div className={classes.actions}>{extendActions}</div>}\n    </Timeline>\n  )\n}\n\nexport default TimeLine\n","import React from 'react';\nimport { Timeline } from '@material-ui/lab';\n\nexport const UdpTimeline = (props) => {\n  return <Timeline {...props} />;\n};\n","import React from 'react';\nimport { TimelineContent } from '@material-ui/lab';\n\nexport const UdpTimelineContent = (props) => {\n  return <TimelineContent {...props} />;\n};\n","import React from 'react';\nimport { TimelineDot } from '@material-ui/lab';\n\nexport const UdpTimelineDot = (props) => {\n  return <TimelineDot {...props} />;\n};\n","import React from 'react';\nimport { TimelineItem } from '@material-ui/lab';\n\nexport const UdpTimelineItem = (props) => {\n  return <TimelineItem {...props} />;\n};\n","import React from 'react';\nimport { TimelineConnector } from '@material-ui/lab';\n\nexport const UdpTimelineConnector = (props) => {\n  return <TimelineConnector {...props} />;\n};\n","import React from 'react';\nimport { TimelineSeparator } from '@material-ui/lab';\n\nexport const UdpTimelineSeparator = (props) => {\n  return <TimelineSeparator {...props} />;\n};\n"],"mappings":"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"}

package/dist/UdpVerticalManagementPage-D9bK-UMW.js

@@ -1,184 +0,0 @@
-import { t as __export } from "./chunk-Bp6m_JJh.js";
-import { t as ConfigService } from "./configService-C4uoG3wj.js";
-import { i as useHandleAxiosSnackbar } from "./apiHelpers-BpZTkMX8.js";
-import { t as apiMutate } from "./useAxiosMutate-q_ZpG98Z.js";
-import { t as PrimaryActionButton } from "./PrimaryActionButton-D21P13f_.js";
-import { t as FluentDialog } from "./FluentDialog-8KC6injO.js";
-import { t as AmbientGridTemplate } from "./AmbientGridTemplate-Dzn3Ya2g.js";
-import { t as ActionsRenderer } from "./ActionsRenderer-DzA7nlDx.js";
-import { t as UdpVerticalManagementSidesheet_default } from "./UdpVerticalManagementSidesheet-DQJpNJaQ.js";
-import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { Typography } from "@material-ui/core";
-import { AddIcon, DeleteIcon, EditIcon } from "@fluentui/react-icons";
-import { useTranslation } from "react-i18next";
-
-//#region src/udp/pages/UdpVerticalManagementPage/UdpVerticalManagementPage.jsx
-const UdpVerticalManagementPage = (props) => {
-	const { params } = props;
-	const { nodeObj: environment, inquiryNodeProperties } = params;
-	const { t } = useTranslation();
-	const [sideSheetOpen, setSideSheetOpen] = useState(false);
-	const [sideSheetEdit, setSideSheetEdit] = useState(false);
-	const [loading, setLoading] = useState(false);
-	const [selectedVertical, setSelectedVertical] = useState(null);
-	const [verticals, setVerticals] = useState([]);
-	const [productVertical, setProductVertical] = useState([]);
-	const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
-	const selectedVerticalRef = useRef();
-	selectedVerticalRef.current = selectedVertical ? selectedVertical : null;
-	const { handleErrorSnackbar, handleSuccessSnackbar } = useHandleAxiosSnackbar();
-	const openSheetAsEdit = useCallback((isEdit) => {
-		setSideSheetOpen(true);
-		setSideSheetEdit(isEdit);
-	}, []);
-	const closeDeleteDialog = useCallback(() => {
-		setDeleteDialogOpen(false);
-	}, [setDeleteDialogOpen]);
-	const executeMutation = useCallback(async (endpoint, method, data) => apiMutate(ConfigService.uemV1ApiUrl, endpoint, { method: method || "post" }, data), []);
-	const getVerticals = useCallback(async (data, isFirstLoad = false) => {
-		if (isFirstLoad) setLoading(true);
-		const response = await executeMutation("uem", "post", data);
-		if (response?.status === 200) setVerticals(response?.data);
-		if (isFirstLoad) setLoading(false);
-	}, [executeMutation]);
-	const deleteVertical = useCallback(async () => {
-		const data = { data: {
-			environmentId: environment.environmentId,
-			apiPath: `TenantService/api/v2/Vertical/${selectedVerticalRef.current.verticalId}/uemDelete`
-		} };
-		if ((await executeMutation(`vertical/${selectedVerticalRef.current.verticalId}/uemDelete`, "delete", data))?.status === 204) {
-			console.log("success");
-			handleSuccessSnackbar("Vertical Deleted Successfully");
-		}
-		getVerticals({ data: {
-			customerId: null,
-			environmentId: environment.environmentId,
-			apiPath: `TenantService/api/v2/Vertical`
-		} }, true);
-		closeDeleteDialog();
-	}, [
-		executeMutation,
-		selectedVertical,
-		closeDeleteDialog
-	]);
-	const getProductVerticals = useCallback(async (data) => {
-		const response = await executeMutation("productVertical", "get", data);
-		if (response?.status === 200) setProductVertical(response?.data);
-	}, [executeMutation]);
-	useEffect(() => {
-		if (environment && getVerticals) {
-			if (environment.environmentId) {
-				getProductVerticals({ data: { apiPath: `api/v2/ProductVertical` } });
-				getVerticals({ data: {
-					customerId: null,
-					environmentId: environment.environmentId,
-					apiPath: `TenantService/api/v2/Vertical`
-				} }, true);
-			}
-		}
-	}, [
-		environment,
-		getVerticals,
-		getProductVerticals,
-		deleteVertical
-	]);
-	const closeSheet = useCallback(() => {
-		setSideSheetOpen(false);
-		getVerticals({ data: {
-			customerId: null,
-			environmentId: environment.environmentId,
-			apiPath: `TenantService/api/v2/Vertical`
-		} });
-	}, [getVerticals, environment]);
-	const handleEditPage = useCallback((value) => {
-		setSelectedVertical(value);
-		console.log("Edit page, value: ", value);
-		openSheetAsEdit(true);
-	}, [t]);
-	const handleCreateVertical = useCallback((value) => {
-		openSheetAsEdit(false);
-	}, [t]);
-	const handleDelete = useCallback((value) => {
-		setSelectedVertical(value);
-		console.log("Delete page, value: ", value);
-		setDeleteDialogOpen(true);
-	}, [t]);
-	const actionList = useMemo(() => [{
-		id: 1,
-		title: t("Edit"),
-		icon: EditIcon,
-		onClick: handleEditPage,
-		disabled: false
-	}, {
-		id: 2,
-		title: t("Delete"),
-		icon: DeleteIcon,
-		onClick: handleDelete,
-		disabled: false
-	}], [
-		t,
-		handleEditPage,
-		handleDelete
-	]);
-	const gridOptions = useMemo(() => ({
-		frameworkComponents: { actionsRenderer: ActionsRenderer },
-		columnDefs: [
-			{
-				headerName: t("Name"),
-				field: "name",
-				minWidth: 300
-			},
-			{
-				headerName: t("Icon"),
-				field: "icon"
-			},
-			{
-				headerName: t("Actions"),
-				cellRenderer: "actionsRenderer",
-				cellRendererParams: { actionList },
-				pinned: "right",
-				suppressMenu: true,
-				sortable: false
-			}
-		]
-	}), [
-		t,
-		actionList,
-		productVertical
-	]);
-	const pab = /* @__PURE__ */ React.createElement(PrimaryActionButton, { onClick: handleCreateVertical }, /* @__PURE__ */ React.createElement(Typography, { style: { marginRight: 5 } }, "Add"), /* @__PURE__ */ React.createElement(AddIcon, null));
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(UdpVerticalManagementSidesheet_default, {
-		open: sideSheetOpen,
-		closeSidesheet: closeSheet,
-		selectedVertical,
-		environment,
-		title: t(sideSheetEdit ? "Edit Vertical" : "Create Vertical"),
-		associatedProducts: productVertical,
-		isEdit: sideSheetEdit
-	}), /* @__PURE__ */ React.createElement(AmbientGridTemplate, {
-		title: t("Vertical Manager"),
-		primaryActionButton: pab,
-		data: verticals,
-		loading,
-		gridOptions,
-		groupingData: []
-	}), /* @__PURE__ */ React.createElement(FluentDialog, {
-		open: deleteDialogOpen,
-		handleClose: closeDeleteDialog,
-		title: t("Delete Vertical"),
-		message: t("Are you sure you want to Delete") + ` "${selectedVertical?.name}"?`,
-		actionOne: deleteVertical,
-		labelOne: t("Delete"),
-		actionTwo: closeDeleteDialog,
-		labelTwo: t("Cancel")
-	}));
-};
-var UdpVerticalManagementPage_default = UdpVerticalManagementPage;
-
-//#endregion
-//#region src/udp/pages/UdpVerticalManagementPage/index.ts
-var UdpVerticalManagementPage_exports = /* @__PURE__ */ __export({ default: () => UdpVerticalManagementPage_default });
-
-//#endregion
-export { UdpVerticalManagementPage_default as n, UdpVerticalManagementPage_exports as t };
-//# sourceMappingURL=UdpVerticalManagementPage-D9bK-UMW.js.map

package/dist/UdpVerticalManagementPage-D9bK-UMW.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UdpVerticalManagementPage-D9bK-UMW.js","names":["UdpVerticalManagementSidesheet"],"sources":["../src/udp/pages/UdpVerticalManagementPage/UdpVerticalManagementPage.jsx","../src/udp/pages/UdpVerticalManagementPage/index.ts"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  useRef\n} from 'react';\nimport { AmbientGridTemplate } from '../../../UI/templates/deprecated/AmbientGridTemplate/AmbientGridTemplate';\n// import { executeQueryAdHoc, getBaseMethod } from '../utilities/methodUtils';\nimport { AddIcon, DeleteIcon, EditIcon } from '@fluentui/react-icons';\nimport { Typography } from '@material-ui/core';\nimport { useTranslation } from 'react-i18next';\nimport { PrimaryActionButton } from '../../../UI/inputs/buttons/PrimaryActionButton';\nimport { ActionsRenderer } from '../../../UI/templates/ui/renderers/ActionsRenderer';\nimport { apiMutate } from '../../../utilities/useAxiosMutate';\nimport UdpVerticalManagementSidesheet from '../UdpVerticalManagementSidesheet';\nimport { FluentDialog } from '../../../UI/feedback/FluentDialog';\nimport { useHandleAxiosSnackbar } from '../../../utilities/apiHelpers';\nimport { ConfigService } from '../../../configService';\n\nconst UdpVerticalManagementPage = (props) => {\n  const { params } = props;\n  const { nodeObj: environment, inquiryNodeProperties } = params;\n  const { t } = useTranslation();\n\n  const [sideSheetOpen, setSideSheetOpen] = useState(false);\n  const [sideSheetEdit, setSideSheetEdit] = useState(false);\n  const [loading, setLoading] = useState(false);\n  const [selectedVertical, setSelectedVertical] = useState(null);\n  const [verticals, setVerticals] = useState([]);\n  const [productVertical, setProductVertical] = useState([]);\n  const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\n  const selectedVerticalRef = useRef();\n  selectedVerticalRef.current = selectedVertical ? selectedVertical : null;\n  const { handleErrorSnackbar, handleSuccessSnackbar } =\n    useHandleAxiosSnackbar();\n\n  const openSheetAsEdit = useCallback((isEdit) => {\n    setSideSheetOpen(true);\n    setSideSheetEdit(isEdit);\n  }, []);\n\n  const closeDeleteDialog = useCallback(() => {\n    setDeleteDialogOpen(false);\n  }, [setDeleteDialogOpen]);\n\n  const executeMutation = useCallback(\n    async (endpoint, method, data) =>\n      apiMutate(\n        ConfigService.uemV1ApiUrl,\n        endpoint,\n        {\n          method: method || 'post'\n        },\n        data\n      ),\n    []\n  );\n\n  const getVerticals = useCallback(\n    async (data, isFirstLoad = false) => {\n      if (isFirstLoad) {\n        setLoading(true);\n      }\n\n      const response = await executeMutation('uem', 'post', data);\n      if (response?.status === 200) {\n        setVerticals(response?.data);\n      }\n      if (isFirstLoad) {\n        setLoading(false);\n      }\n    },\n    [executeMutation]\n  );\n\n  const deleteVertical = useCallback(async () => {\n    const data = {\n      data: {\n        environmentId: environment.environmentId,\n        apiPath: `TenantService/api/v2/Vertical/${selectedVerticalRef.current.verticalId}/uemDelete`\n      }\n    };\n    const response = await executeMutation(\n      `vertical/${selectedVerticalRef.current.verticalId}/uemDelete`,\n      'delete',\n      data\n    );\n    if (response?.status === 204) {\n      console.log('success');\n      handleSuccessSnackbar('Vertical Deleted Successfully');\n    }\n    const getVerticalsData = {\n      data: {\n        customerId: null,\n        environmentId: environment.environmentId,\n        apiPath: `TenantService/api/v2/Vertical`\n      }\n    };\n    getVerticals(getVerticalsData, true);\n    closeDeleteDialog();\n  }, [executeMutation, selectedVertical, closeDeleteDialog]);\n\n  const getProductVerticals = useCallback(\n    async (data) => {\n      const response = await executeMutation('productVertical', 'get', data);\n      if (response?.status === 200) {\n        setProductVertical(response?.data);\n      }\n    },\n    [executeMutation]\n  );\n\n  useEffect(() => {\n    if (environment && getVerticals) {\n      if (environment.environmentId) {\n        const productVerticalData = {\n          data: {\n            apiPath: `api/v2/ProductVertical`\n          }\n        };\n        getProductVerticals(productVerticalData);\n        const data = {\n          data: {\n            customerId: null,\n            environmentId: environment.environmentId,\n            apiPath: `TenantService/api/v2/Vertical`\n          }\n        };\n        getVerticals(data, true);\n      }\n    }\n  }, [environment, getVerticals, getProductVerticals, deleteVertical]);\n\n  const closeSheet = useCallback(() => {\n    setSideSheetOpen(false);\n    const data = {\n      data: {\n        customerId: null,\n        environmentId: environment.environmentId,\n        apiPath: `TenantService/api/v2/Vertical`\n      }\n    };\n\n    getVerticals(data);\n  }, [getVerticals, environment]);\n\n  const handleEditPage = useCallback(\n    (value) => {\n      setSelectedVertical(value);\n      console.log('Edit page, value: ', value);\n      openSheetAsEdit(true);\n    },\n    [t]\n  );\n\n  const handleCreateVertical = useCallback(\n    (value) => {\n      openSheetAsEdit(false);\n    },\n    [t]\n  );\n\n  const handleDelete = useCallback(\n    (value) => {\n      setSelectedVertical(value);\n      console.log('Delete page, value: ', value);\n      setDeleteDialogOpen(true);\n    },\n    [t]\n  );\n\n  const actionList = useMemo(\n    () => [\n      {\n        id: 1, // Must be unique\n        title: t('Edit'),\n        icon: EditIcon,\n        onClick: handleEditPage,\n        disabled: false\n      },\n      {\n        id: 2, // Must be unique\n        title: t('Delete'),\n        icon: DeleteIcon,\n        onClick: handleDelete,\n        disabled: false\n      }\n    ],\n    [t, handleEditPage, handleDelete]\n  );\n\n  const gridOptions = useMemo(\n    () => ({\n      frameworkComponents: {\n        actionsRenderer: ActionsRenderer\n      },\n      columnDefs: [\n        {\n          headerName: t('Name'),\n          field: 'name',\n          minWidth: 300\n        },\n        {\n          headerName: t('Icon'),\n          field: 'icon'\n        },\n        {\n          headerName: t('Actions'),\n          cellRenderer: 'actionsRenderer',\n          cellRendererParams: {\n            actionList\n          },\n          pinned: 'right',\n          suppressMenu: true,\n          sortable: false\n        }\n      ]\n    }),\n    [t, actionList, productVertical]\n  );\n\n  const pab = (\n    <PrimaryActionButton onClick={handleCreateVertical}>\n      <Typography style={{ marginRight: 5 }}>Add</Typography>\n      <AddIcon />\n    </PrimaryActionButton>\n  );\n\n  return (\n    <>\n      <UdpVerticalManagementSidesheet\n        open={sideSheetOpen}\n        closeSidesheet={closeSheet}\n        selectedVertical={selectedVertical}\n        environment={environment}\n        title={t(sideSheetEdit ? 'Edit Vertical' : 'Create Vertical')}\n        associatedProducts={productVertical}\n        isEdit={sideSheetEdit}\n      />\n      <AmbientGridTemplate\n        title={t('Vertical Manager')}\n        primaryActionButton={pab}\n        data={verticals}\n        // hideGroupTab\n        // hideColumnTab\n        loading={loading}\n        gridOptions={gridOptions}\n        groupingData={[]}\n      />\n      <FluentDialog\n        open={deleteDialogOpen}\n        handleClose={closeDeleteDialog}\n        title={t('Delete Vertical')}\n        message={\n          t('Are you sure you want to Delete') + ` \"${selectedVertical?.name}\"?`\n        }\n        actionOne={deleteVertical}\n        labelOne={t('Delete')}\n        actionTwo={closeDeleteDialog}\n        labelTwo={t('Cancel')}\n      />\n    </>\n  );\n};\n\nexport default UdpVerticalManagementPage;\n","export {default} from './UdpVerticalManagementPage';\nexport * from './UdpVerticalManagementPage';\n"],"mappings":"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"}