udp-react-enterprise-component-library 25.16.0 → 25.16.2-beta.1

package/dist/widgets-CRzkTpIV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widgets-CRzkTpIV.js","names":["theme","FUICard","FUIMenuItem","PropTypes"],"sources":["../src/UI/widgets/WidgetCard.jsx","../src/UI/widgets/ItemsWidgetCard.jsx"],"sourcesContent":["import React, { Fragment } from 'react';\nimport { DeleteIcon } from '@fluentui/react-icons';\nimport { makeStyles, CircularProgress } from '@material-ui/core';\nimport clsx from 'clsx';\nimport FUICard, { FUICardHeaderMenu } from '../surfaces/cards/FUICard';\nimport FUIMenuItem from './FluentComponents/FUIMenuItem';\n\n/**\n * Core component for dashboard widget cards\n */\nconst WidgetCard = (props) => {\n  const {\n    children,\n    headerActions,\n    className,\n    widgetType,\n    id,\n    layout,\n    params,\n    setParam,\n    onDelete,\n    loading,\n    errors,\n    theme,\n    ...other\n  } = props;\n\n  const useStyles = makeStyles((theme) => ({\n    root: {\n      '&.react-resizable-hide .react-resizable-handle': {\n        display: 'none'\n      }\n    },\n    darkRoot: {\n      '&.react-resizable-hide .react-resizable-handle': {\n        display: 'none'\n      },\n      background: '#424242',\n      color: 'white'\n    },\n    anyRoot: {\n      '& .MuiCardContent-root': {\n        justifyContent: 'space-between',\n        overflow: 'auto',\n        padding: 0\n      }\n    },\n    handle: {\n      cursor: 'move',\n      '&:hover': {\n        backgroundColor: theme.palette.action.hover\n      }\n    },\n    loadingContent: {\n      flex: 1,\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      justifyContent: 'center'\n    },\n    innerWidgetContentContainer: {\n      height: '100%',\n      minWidth: widgetType === 'ProgressBarWidget' ? 0 : 270,\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'space-between',\n      padding: theme.spacing(2)\n    }\n  }));\n  const classes = useStyles();\n\n  const raised = /(^|\\s)react-draggable-dragging(\\s|$)/.test(className ?? '');\n  let body = children;\n  if (loading) {\n    body = (\n      <div className={classes.loadingContent}>\n        <CircularProgress color='secondary' size={64} />\n      </div>\n    );\n  }\n  if (errors && !body) {\n    body = <div>Unexpected error</div>;\n  }\n  return (\n    <FUICard\n      {...other}\n      className={clsx(\n        className,\n        theme === 'dark' ? classes.darkRoot : classes.root,\n        classes.anyRoot\n      )}\n      raised={raised}\n      CardHeaderProps={{\n        className: classes.handle,\n        'data-handle': true\n      }}\n      headerActions={\n        <>\n          {headerActions}\n          <FUICardHeaderMenu>\n            <FUIMenuItem\n              onClick={onDelete}\n              fluentIcon={DeleteIcon}\n              primary='Delete'\n            />\n          </FUICardHeaderMenu>\n        </>\n      }\n    >\n      <div className={classes.innerWidgetContentContainer}>{body}</div>\n    </FUICard>\n  );\n};\n\nexport default WidgetCard;\n","import React, { useState } from 'react';\nimport { useItemSubCard } from '../../hooks/useItemSubCard';\nimport {\n  Box,\n  Divider,\n  Fade,\n  Grow,\n  IconButton,\n  List,\n  ListItem,\n  ListItemAvatar,\n  ListItemText,\n  makeStyles,\n  Typography,\n  useTheme\n} from '@material-ui/core';\nimport { format, isValid } from 'date-fns';\nimport { grey } from '@material-ui/core/colors';\nimport { AmbientCardTitle } from '../surfaces/cards/AmbientCardTitle';\nimport { PropTypes } from 'prop-types';\nimport KeyboardArrowLeftIcon from '@material-ui/icons/esm/KeyboardArrowLeft';\nimport { getEllipseColor } from '../../utilities/style/colorConverter';\nimport { useTranslation } from 'react-i18next';\nimport clsx from 'clsx';\nimport { EmptyStateDisplay } from '../dataDisplay/EmptyStateDisplay';\n\nconst useStyles = makeStyles((theme) => ({\n  mainContainer: {\n    backgroundColor: theme.palette.background.paper,\n    padding: '0px',\n    gap: '0px',\n    order: 3,\n    alignSelf: 'stretch'\n  },\n  secondaryContainer: {\n    backgroundColor: theme.palette.background.paper,\n    padding: '0px',\n    gap: '0px',\n    order: 0,\n    alignSelf: 'stretch',\n    flexGrow: 0,\n    width: '100%'\n  },\n  listItemPrimary: {\n    fontSize: '14px',\n    fontWeight: 600\n  },\n  listItemSecondary: {\n    fontSize: '12px',\n    fontWeight: 400,\n    color: grey[500]\n  },\n  listContainer: {\n    width: '100%',\n    backgroundColor: theme.palette.background.paper,\n    padding: '0px'\n  },\n  listItem: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n    padding: '8px 16px'\n  },\n  listItemAvatar: {\n    minWidth: '32px'\n  },\n  listItemText: {\n    margin: 0\n  },\n  itemContainer: {\n    paddingRight: '5px'\n  },\n  emptyStateDisplay: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  }\n}));\n\n/**\n * `ItemsWidgetCard` component\n */\nexport const ItemsWidgetCard = (props) => {\n  const [checked, setChecked] = useState(false);\n  const [cardItemData, setCardItemData] = useState();\n\n  const {\n    cardData,\n    subCardsList = {},\n    style,\n    headerColor,\n    emptyStatePrimaryText,\n    emptyStateImageSrc,\n    emptyStateIconSize,\n    emptyStateImageWidth,\n    emptyStateClassName,\n    emptyStateIcon,\n    title = 'Account Items',\n    subCardTypeField = 'type'\n  } = props;\n\n  const { SubCard, setSubCardType, subCardType, getSubCardInfo } =\n    useItemSubCard(subCardsList);\n  const classes = useStyles();\n  const theme = useTheme();\n  const { t } = useTranslation();\n\n  const handleChange = (accountItem) => {\n    setCardItemData(accountItem);\n    setSubCardType(accountItem?.[subCardTypeField] || '');\n    setChecked((prev) => !prev);\n  };\n\n  return (\n    <Box\n      display='flex'\n      flexDirection='column'\n      alignItems='flex-start'\n      flexGrow='1'\n      className={classes.mainContainer}\n      style={{\n        ...style,\n        height: '100%'\n      }}\n    >\n      <Box\n        display='flex'\n        flexDirection='row'\n        alignItems='center'\n        style={{\n          gap: '8px',\n          width: '100%',\n          padding: '8px',\n          backgroundColor:\n            headerColor && getEllipseColor(theme, headerColor, 'light'),\n          color: theme.palette.getContrastText(\n            getEllipseColor(theme, headerColor, 'light')\n          )\n        }}\n      >\n        {subCardType !== '' && (\n          <IconButton\n            aria-label='delete'\n            size='small'\n            onClick={() => handleChange('')}\n            style={{ marginLeft: '10px' }}\n            id='udpRecord-ItemsWidgetCard-delete'\n            udprecordid='udpRecord-ItemsWidgetCard-delete'\n          >\n            <KeyboardArrowLeftIcon fontSize='inherit' />\n          </IconButton>\n        )}\n        <AmbientCardTitle\n          title={subCardType !== '' ? subCardType : title}\n          style={{\n            backgroundColor:\n              headerColor && getEllipseColor(theme, headerColor, 'light')\n          }}\n        />\n      </Box>\n\n      {!checked ? (\n        <Grow\n          in={!checked}\n          style={{ transformOrigin: '0 0 0', width: '100%' }}\n          {...(!checked ? { timeout: 500 } : {})}\n          mountOnEnter\n          unmountOnExit\n        >\n          <Box\n            display='flex'\n            flexDirection='column'\n            alignItems='flex-start'\n            className={classes.secondaryContainer}\n          >\n            <List className={classes.listContainer}>\n              {cardData?.length > 0 ? (\n                cardData?.map((cardItem, index) => {\n                  const {\n                    defaultColor,\n                    textColor,\n                    backgroundColor,\n                    icon: Icon\n                  } = getSubCardInfo(cardItem?.accountItemName);\n\n                  return (\n                    <React.Fragment key={`${cardItem?.name}-${index}`}>\n                      <ListItem\n                        button\n                        className={classes.listItem}\n                        style={{\n                          backgroundColor\n                        }}\n                        onClick={() => handleChange(cardItem)}\n                        id={\n                          'udpRecord-ItemsWidgetCard-ListItem-' +\n                          cardItem?.name.replace(/\\s+/g, '') +\n                          '-' +\n                          cardItem?.businessObjectKey\n                        }\n                        udprecordid={\n                          'udpRecord-ItemsWidgetCard-ListItem-' +\n                          cardItem?.name.replace(/\\s+/g, '') +\n                          '-' +\n                          cardItem?.businessObjectKey\n                        }\n                      >\n                        <ListItemAvatar className={classes.listItemAvatar}>\n                          <Icon\n                            color={defaultColor}\n                            width='22px'\n                            height='22px'\n                          />\n                        </ListItemAvatar>\n                        <ListItemText\n                          className={classes.listItemText}\n                          primary={\n                            <Typography\n                              variant='subtitle2'\n                              className={classes?.listItemPrimary}\n                              style={{ color: textColor }}\n                            >\n                              {cardItem?.name}\n                            </Typography>\n                          }\n                          secondary={\n                            <Typography\n                              variant='caption'\n                              className={classes?.listItemSecondary}\n                            >\n                              {cardItem?.date\n                                ? isValid(new Date(cardItem?.date))\n                                  ? format(\n                                      new Date(cardItem?.date),\n                                      'MMM dd, yyyy'\n                                    )\n                                  : 'Invalid date'\n                                : 'Date field is empty'}\n                            </Typography>\n                          }\n                        />\n                        <Box\n                          display='flex'\n                          flexDirection='column'\n                          justifyContent='center'\n                          alignItems='flex-end'\n                          className={classes.itemContainer}\n                        >\n                          <Typography\n                            variant='subtitle2'\n                            className={classes.listItemPrimary}\n                          >\n                            {`$${cardItem?.amount || 0.0}`}\n                          </Typography>\n                        </Box>\n                      </ListItem>\n                      <Divider />\n                    </React.Fragment>\n                  );\n                })\n              ) : (\n                <div\n                  className={clsx(\n                    classes.emptyStateDisplay,\n                    emptyStateClassName\n                  )}\n                >\n                  <EmptyStateDisplay\n                    primaryText={emptyStatePrimaryText ?? t('No results found')}\n                    icon={emptyStateIcon}\n                    iconSize={emptyStateIconSize}\n                    imageSrc={emptyStateImageSrc}\n                    imageWidth={emptyStateImageWidth}\n                  />\n                </div>\n              )}\n            </List>\n          </Box>\n        </Grow>\n      ) : (\n        <Fade\n          in={checked}\n          style={{ transformOrigin: '0 0 0', width: '100%' }}\n          {...(checked ? { timeout: 1000 } : {})}\n          mountOnEnter\n          unmountOnExit\n        >\n          <Box>\n            <SubCard cardInfo={cardItemData} />\n          </Box>\n        </Fade>\n      )}\n    </Box>\n  );\n};\n\nItemsWidgetCard.propTypes = {\n  /**\n   * @type {?array} list of flags to render, required array object structure e.g\n   * [{\n   *  name: string, --> must be correspond with the name of the subCard object name\n   *  date: date | string,\n   *  amount: number | string\n   * }]\n   */\n  cardData: PropTypes.array.isRequired,\n\n  /**\n   * @type {?object} sub-cards detail content object, e.g\n   *\n   * CardNameXX and CardNameYY must be specified and corresponding with the name attribute in the card data\n   *\n     const subCardsList = {\n      CardNameXX: {\n        defaultColor: theme.palette.primary.main,\n        textColor: theme.palette.secondary.main,\n        component: props => {\n              return <PredefinedReactComponent {...props} />;\n        },\n        icon: LoanIcon,\n      },\n      CardNameYY: {\n        defaultColor: '#73368E',\n        textColor: '#FF9800',\n        component: props => {\n              return <PredefinedReactComponentTwo {...props} />;\n        },\n        icon: LoanIcon,\n      },\n   * }]\n  */\n  subCardsList: PropTypes.object.isRequired,\n\n  /**\n   * Optional, additional properties to apply some styles over the main container\n   */\n  style: PropTypes.object\n};\n"],"mappings":"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"}

package/dist/withEngineComponent-BZhUdMxf.js

@@ -0,0 +1,28 @@
+import { AgGridSimpleWrapper, BarChartWrapper, BioCardWrapper, DisplayCardWrapper, DonutWrapper, HistogramWrapper, LineGraphWrapper, PrimaryActionHeaderWrapper } from "./BioCardWrapper-oL2gu9ec.js";
+import React from "react";
+
+//#region src/componentSystems/pageRenderer/hocs/withEngineComponent.jsx
+const Other = (props) => {
+	return /* @__PURE__ */ React.createElement("div", null, "Test");
+};
+const engineWrapper = {
+	PrimaryActionHeader: (props) => PrimaryActionHeaderWrapper(props),
+	DisplayCard: (props) => DisplayCardWrapper(props),
+	BarChart: (props) => BarChartWrapper(props),
+	Histogram: (props) => HistogramWrapper(props),
+	DonutChart: (props) => DonutWrapper(props),
+	LineGraph: (props) => LineGraphWrapper(props),
+	agGridSimple: (props) => AgGridSimpleWrapper(props),
+	BioCard: (props) => BioCardWrapper(props),
+	Other
+};
+function withEngineComponent(WrappedComponent) {
+	const hocComponent = (hocProps) => {
+		return (engineWrapper[WrappedComponent] || engineWrapper["Other"])(hocProps);
+	};
+	return hocComponent;
+}
+
+//#endregion
+export { withEngineComponent };
+//# sourceMappingURL=withEngineComponent-BZhUdMxf.js.map

package/dist/withEngineComponent-BZhUdMxf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withEngineComponent-BZhUdMxf.js","names":[],"sources":["../src/componentSystems/pageRenderer/hocs/withEngineComponent.jsx"],"sourcesContent":["import React from 'react';\nimport { PrimaryActionHeaderWrapper } from '../wrappers/PrimaryActionHeaderWrapper';\nimport { DisplayCardWrapper } from '../wrappers/DisplayCardWrapper';\nimport { BarChartWrapper } from '../wrappers/BarChartWrapper';\nimport { HistogramWrapper } from '../wrappers/HistogramWrapper';\nimport { DonutWrapper } from '../wrappers/DonutWrapper';\nimport { LineGraphWrapper } from '../wrappers/LineGraphWrapper';\nimport { AgGridSimpleWrapper } from '../wrappers/AgGridSimpleWrapper';\nimport { BioCardWrapper } from '../wrappers/BioCardWrapper';\n\nconst Other = props => {\n  return <div>Test</div>;\n};\n\nconst engineWrapper = {\n  PrimaryActionHeader: props => PrimaryActionHeaderWrapper(props),\n  DisplayCard: props => DisplayCardWrapper(props),\n  BarChart: props => BarChartWrapper(props),\n  Histogram: props => HistogramWrapper(props),\n  DonutChart: props => DonutWrapper(props),\n  LineGraph: props => LineGraphWrapper(props),\n  agGridSimple: props => AgGridSimpleWrapper(props),\n  BioCard: props => BioCardWrapper(props),\n  Other,\n};\n\nexport function withEngineComponent(WrappedComponent) {\n  const hocComponent = hocProps => {\n    const wrappedComponent =\n      engineWrapper[WrappedComponent] || engineWrapper['Other'];\n\n    return wrappedComponent(hocProps);\n  };\n  return hocComponent;\n}\n"],"mappings":";;;;AAUA,MAAM,SAAQ,UAAS;AACrB,QAAO,oCAAC,aAAI,OAAU;;AAGxB,MAAM,gBAAgB;CACpB,sBAAqB,UAAS,2BAA2B,MAAM;CAC/D,cAAa,UAAS,mBAAmB,MAAM;CAC/C,WAAU,UAAS,gBAAgB,MAAM;CACzC,YAAW,UAAS,iBAAiB,MAAM;CAC3C,aAAY,UAAS,aAAa,MAAM;CACxC,YAAW,UAAS,iBAAiB,MAAM;CAC3C,eAAc,UAAS,oBAAoB,MAAM;CACjD,UAAS,UAAS,eAAe,MAAM;CACvC;CACD;AAED,SAAgB,oBAAoB,kBAAkB;CACpD,MAAM,gBAAe,aAAY;AAI/B,UAFE,cAAc,qBAAqB,cAAc,UAE3B,SAAS;;AAEnC,QAAO"}

package/dist/workOrderCard-BpoZx9de.js

@@ -0,0 +1,55 @@
+import { FluentIconButton } from "./FluentIconButton-le92OnEc.js";
+import { LayoutUnit } from "./LayoutUnit-fGVQwt6Y.js";
+import { AmbientCard } from "./AmbientCard-Cp-eNzrW.js";
+import React, { useState } from "react";
+import { Collapse, Divider, Typography, makeStyles } from "@material-ui/core";
+import { ChevronDownIcon, ChevronUpIcon } from "@fluentui/react-icons";
+
+//#region src/UI/surfaces/cards/workOrderCard/WorkOrderHeader.jsx
+const useStyles$1 = makeStyles((theme) => ({
+	root: {},
+	wrapper: {
+		display: "flex",
+		justifyContent: "space-between",
+		width: "75%"
+	}
+}));
+const WorkOrderHeader = ({ cost, hours }) => {
+	const classes = useStyles$1();
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.wrapper }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Typography, { variant: "h3" }, " $", cost, " "), /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, " Total Cost ")), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Divider, { variant: "vertical" })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Typography, { variant: "h3" }, " ", hours, " "), /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, " Total Hours "))));
+};
+
+//#endregion
+//#region src/UI/surfaces/cards/workOrderCard/WorkOrderCard.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {},
+	moreButton: { display: "flex" }
+}));
+const WorkOrderCard = ({ title, onClick, status, label, cost, hours, service, list, extendedList, launch }) => {
+	const classes = useStyles();
+	const [expanded, setExpanded] = useState(false);
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(AmbientCard, {
+		title,
+		onClick,
+		ariaLabel: "launch",
+		fullWidth: true,
+		status,
+		label,
+		launch,
+		extendedContent: expanded
+	}, cost && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(WorkOrderHeader, {
+		cost,
+		hours
+	})), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "sm" }), service, /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "sm" })), !cost && /* @__PURE__ */ React.createElement("div", null, " ", service), /* @__PURE__ */ React.createElement("div", null, list, /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), extendedList && /* @__PURE__ */ React.createElement("div", { className: classes.moreButton }, /* @__PURE__ */ React.createElement(FluentIconButton, {
+		onClick: () => setExpanded(!expanded),
+		icon: expanded ? ChevronUpIcon : ChevronDownIcon,
+		className: classes.icon
+	})), /* @__PURE__ */ React.createElement(Collapse, {
+		in: expanded,
+		timeout: "auto"
+	}, /* @__PURE__ */ React.createElement("div", null, extendedList)))));
+};
+
+//#endregion
+export { WorkOrderCard, WorkOrderHeader };
+//# sourceMappingURL=workOrderCard-BpoZx9de.js.map

package/dist/workOrderCard-BpoZx9de.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workOrderCard-BpoZx9de.js","names":["useStyles"],"sources":["../src/UI/surfaces/cards/workOrderCard/WorkOrderHeader.jsx","../src/UI/surfaces/cards/workOrderCard/WorkOrderCard.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles, Typography, Divider } from '@material-ui/core'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  wrapper: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    width: '75%'\n  }\n}))\n\nexport const WorkOrderHeader = ({ cost, hours }) => {\n  const classes = useStyles()\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.wrapper}>\n        <div>\n          <Typography variant='h3'> ${cost} </Typography>\n          <Typography variant='caption'> Total Cost </Typography>\n        </div>\n        <div>\n          <Divider variant='vertical' />\n        </div>\n        <div>\n          <Typography variant='h3'> {hours} </Typography>\n          <Typography variant='caption'> Total Hours </Typography>\n        </div>\n      </div>\n    </div>\n  )\n}\n","import React, { useState } from 'react'\nimport { makeStyles, Collapse } from '@material-ui/core'\nimport { AmbientCard } from '../AmbientCard'\nimport { FluentIconButton } from '../../../inputs/buttons/FluentIconButton'\nimport { LayoutUnit } from '../../../../layout/LayoutUnit'\nimport { ChevronDownIcon, ChevronUpIcon } from '@fluentui/react-icons'\nimport { WorkOrderHeader } from './WorkOrderHeader'\n\nconst useStyles = makeStyles(theme => ({\n  root: {},\n  moreButton: {\n    display: 'flex',\n    // justifyContent: 'flex-end',\n  },\n}));\n\nexport const WorkOrderCard = ({\n  title,\n  onClick,\n  status,\n  label,\n  cost,\n  hours,\n  service,\n  list,\n  extendedList,\n  launch,\n}) => {\n  const classes = useStyles();\n  const [expanded, setExpanded] = useState(false);\n\n  return (\n    <div className={classes.root}>\n      <AmbientCard\n        title={title}\n        onClick={onClick}\n        ariaLabel=\"launch\"\n        fullWidth\n        status={status}\n        label={label}\n        launch={launch}\n        extendedContent={expanded}\n      >\n        {cost && (\n          <div>\n            <div>\n              <WorkOrderHeader cost={cost} hours={hours} />\n            </div>\n            <LayoutUnit unit=\"sm\" />\n            {service}\n            <LayoutUnit unit=\"sm\" />\n          </div>\n        )}\n        {!cost && <div> {service}</div>}\n\n        <div>\n          {list}\n          <LayoutUnit unit=\"xxs\" />\n          {extendedList && (\n            <div className={classes.moreButton}>\n              <FluentIconButton\n                onClick={() => setExpanded(!expanded)}\n                icon={expanded ? ChevronUpIcon : ChevronDownIcon}\n                className={classes.icon}\n              />\n            </div>\n          )}\n          <Collapse in={expanded} timeout=\"auto\">\n            <div>{extendedList}</div>\n          </Collapse>\n        </div>\n      </AmbientCard>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAGA,MAAMA,cAAY,YAAY,WAAW;CACvC,MAAM,EAAE;CACR,SAAS;EACP,SAAS;EACT,gBAAgB;EAChB,OAAO;EACR;CACF,EAAE;AAEH,MAAa,mBAAmB,EAAE,MAAM,YAAY;CAClD,MAAM,UAAUA,aAAW;AAE3B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,SAAI,WAAW,QAAQ,WACtB,oCAAC,aACC,oCAAC,cAAW,SAAQ,QAAK,MAAG,MAAK,IAAc,EAC/C,oCAAC,cAAW,SAAQ,aAAU,eAAyB,CACnD,EACN,oCAAC,aACC,oCAAC,WAAQ,SAAQ,aAAa,CAC1B,EACN,oCAAC,aACC,oCAAC,cAAW,SAAQ,QAAK,KAAE,OAAM,IAAc,EAC/C,oCAAC,cAAW,SAAQ,aAAU,gBAA0B,CACpD,CACF,CACF;;;;;ACtBV,MAAM,YAAY,YAAW,WAAU;CACrC,MAAM,EAAE;CACR,YAAY,EACV,SAAS,QAEV;CACF,EAAE;AAEH,MAAa,iBAAiB,EAC5B,OACA,SACA,QACA,OACA,MACA,OACA,SACA,MACA,cACA,aACI;CACJ,MAAM,UAAU,WAAW;CAC3B,MAAM,CAAC,UAAU,eAAe,SAAS,MAAM;AAE/C,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC;EACQ;EACE;EACT,WAAU;EACV;EACQ;EACD;EACC;EACR,iBAAiB;IAEhB,QACC,oCAAC,aACC,oCAAC,aACC,oCAAC;EAAsB;EAAa;GAAS,CACzC,EACN,oCAAC,cAAW,MAAK,OAAO,EACvB,SACD,oCAAC,cAAW,MAAK,OAAO,CACpB,EAEP,CAAC,QAAQ,oCAAC,aAAI,KAAE,QAAc,EAE/B,oCAAC,aACE,MACD,oCAAC,cAAW,MAAK,QAAQ,EACxB,gBACC,oCAAC,SAAI,WAAW,QAAQ,cACtB,oCAAC;EACC,eAAe,YAAY,CAAC,SAAS;EACrC,MAAM,WAAW,gBAAgB;EACjC,WAAW,QAAQ;GACnB,CACE,EAER,oCAAC;EAAS,IAAI;EAAU,SAAQ;IAC9B,oCAAC,aAAK,aAAmB,CAChB,CACP,CACM,CACV"}

package/dist/workflow/components/index.js

@@ -0,0 +1,6 @@
+import "../../FluentIcon-CB-ANF6C.js";
+import "../../DateUtilities-DHTEYbE8.js";
+import { WorkflowTaskFlow } from "../../WorkflowTaskFlow-BCm5Iyy0.js";
+import "../../components-DqInG_Nm.js";
+
+export { WorkflowTaskFlow };

package/dist/workflow/index.js

@@ -0,0 +1,75 @@
+import "../FormButtons-BL9d-T3e.js";
+import "../Field-Idoc1A5M.js";
+import "../form-CiiauVLk.js";
+import "../FluentButton-h_8VjXGT.js";
+import "../apiHelpers-Bju2gkBq.js";
+import "../pageEnums-CT6NFA8B.js";
+import "../UnitySessionStorage-DBqfMiK5.js";
+import "../axiosInterceptors-Dn_haR1Q.js";
+import "../useUser-Cn88hlN_.js";
+import "../useAxiosMutate-BiRO7ZCN.js";
+import "../FluentTextFieldAutoComplete-BQvVv8m_.js";
+import "../StringUtilities-DyjYA5pU.js";
+import "../FluentIcon-CB-ANF6C.js";
+import "../FluentIconButton-le92OnEc.js";
+import "../unitySystemEnums-DXk8yS3v.js";
+import "../UnityFluentIcon-fuqAQh0C.js";
+import "../shellStore-Bqwtbs_K.js";
+import "../RuleUtilities-DXVlN84J.js";
+import "../PrimaryActionButton-CQXyHAeG.js";
+import "../colors-VLk-T125.js";
+import "../colorConverter-sleh0lAZ.js";
+import "../Typography-6jelcyoY.js";
+import "../SearchUtilities-CxVn31Ak.js";
+import "../GroupNode-C1Y28U4c.js";
+import "../TreeUtilities-BxV5PMJ8.js";
+import "../UnityIconLibrary-DnCuEr5M.js";
+import "../teleporterStore-hSgRrvso.js";
+import "../AmbientPopoverMenuItem-Dy3rQ7sp.js";
+import "../LayoutUnit-fGVQwt6Y.js";
+import "../StandardTitle-DkEO3oI5.js";
+import "../SideSheetHeader-DomTDjrB.js";
+import "../SideSheet-BhKZOd2G.js";
+import "../useAxiosGet-CAH3ZOZ8.js";
+import "../DashboardWidget-CpxtRgWv.js";
+import "../FUICard-B5SvhKL0.js";
+import "../FUISquareIconButton-CzLgq8u-.js";
+import "../FluentCard-CjR2Ft0S.js";
+import "../useId-Dfv7qFlj.js";
+import "../FUIMenuItem-C6Ypt-fU.js";
+import "../PageContainer-BI8ve3o2.js";
+import "../PrimaryActionHeader-D9vn0zfH.js";
+import "../StatusChip-Bw-0wE_B.js";
+import "../UdpTabs-C7pvmyRq.js";
+import "../PageContext-DujK-Yng.js";
+import "../useSetLocationState-BGgFvNVh.js";
+import "../SidebarCollapseButton-B6H3WAMn.js";
+import "../methodUtils-Bgi0VCWP.js";
+import "../AmbientCardButton-DGmyyJxn.js";
+import "../Adornment-9YJw6GPr.js";
+import "../AmbientCard-Cp-eNzrW.js";
+import "../tenantContext-Bh6_Lj9T.js";
+import "../useTenant-BGWpH8AX.js";
+import "../EnvironmentRibbon-CPm8YnJ4.js";
+import "../NodeLoader-DRIIc46w.js";
+import "../NumberOperator-CDToRW8i.js";
+import "../aggregateUtils-C04KQf3k.js";
+import "../AggregateChip-7tOziH82.js";
+import "../DateUtilities-DHTEYbE8.js";
+import "../UtilityBarInport-BZbPE650.js";
+import "../UtilitySideBar-otYqGPhu.js";
+import { WorkflowTreeMenu, WorkflowTreeMenuItem } from "../WorkflowTreeMenu-H_Nbxi3A.js";
+import "../workflowEnums-xHM1JN6x.js";
+import "../workflowUtilities-DpW6oHRe.js";
+import "../workflowStore-PaHzw4YO.js";
+import { WorkflowTaskFlow } from "../WorkflowTaskFlow-BCm5Iyy0.js";
+import "../LinearProgress-CVk0GRO-.js";
+import "../CircularProgress-BNz8u0DY.js";
+import { WorkflowContent, WorkflowUiInterruptContent } from "../WorkflowContent-BnzM52Sa.js";
+import "../EmailDisplay-Bglp_poX.js";
+import "../useUpdateSearchParams-DmNKNx8U.js";
+import { WorkflowContainer } from "../WorkflowContainer-9V9u_P1t.js";
+import "../components-DqInG_Nm.js";
+import "../menus-B-Xz-Ggy.js";
+
+export { WorkflowContainer, WorkflowContent, WorkflowTaskFlow, WorkflowTreeMenu, WorkflowTreeMenuItem, WorkflowUiInterruptContent };

package/dist/workflow/menus/index.js

@@ -0,0 +1,24 @@
+import "../../apiHelpers-Bju2gkBq.js";
+import "../../pageEnums-CT6NFA8B.js";
+import "../../UnitySessionStorage-DBqfMiK5.js";
+import "../../axiosInterceptors-Dn_haR1Q.js";
+import "../../useUser-Cn88hlN_.js";
+import "../../StringUtilities-DyjYA5pU.js";
+import "../../FluentIcon-CB-ANF6C.js";
+import "../../unitySystemEnums-DXk8yS3v.js";
+import "../../UnityFluentIcon-fuqAQh0C.js";
+import "../../RuleUtilities-DXVlN84J.js";
+import "../../SearchUtilities-CxVn31Ak.js";
+import "../../GroupNode-C1Y28U4c.js";
+import "../../TreeUtilities-BxV5PMJ8.js";
+import "../../UnityIconLibrary-DnCuEr5M.js";
+import "../../useAxiosGet-CAH3ZOZ8.js";
+import "../../StatusChip-Bw-0wE_B.js";
+import "../../methodUtils-Bgi0VCWP.js";
+import "../../NumberOperator-CDToRW8i.js";
+import "../../aggregateUtils-C04KQf3k.js";
+import "../../AggregateChip-7tOziH82.js";
+import { WorkflowTreeMenu, WorkflowTreeMenuItem } from "../../WorkflowTreeMenu-H_Nbxi3A.js";
+import "../../menus-B-Xz-Ggy.js";
+
+export { WorkflowTreeMenu, WorkflowTreeMenuItem };

package/dist/workflow-B3zdi9Fz.js

@@ -0,0 +1 @@
+export {  };

package/dist/workflowEnums-xHM1JN6x.js

@@ -0,0 +1,48 @@
+//#region src/enums/workflowEnums.ts
+let UnitTypeEnums = /* @__PURE__ */ function(UnitTypeEnums$1) {
+	UnitTypeEnums$1[UnitTypeEnums$1["Scope"] = 0] = "Scope";
+	UnitTypeEnums$1[UnitTypeEnums$1["Sequence"] = 1] = "Sequence";
+	UnitTypeEnums$1[UnitTypeEnums$1["Group"] = 2] = "Group";
+	UnitTypeEnums$1[UnitTypeEnums$1["Fork"] = 3] = "Fork";
+	UnitTypeEnums$1[UnitTypeEnums$1["Branch"] = 4] = "Branch";
+	UnitTypeEnums$1[UnitTypeEnums$1["Retry"] = 5] = "Retry";
+	UnitTypeEnums$1[UnitTypeEnums$1["Attempt"] = 6] = "Attempt";
+	UnitTypeEnums$1[UnitTypeEnums$1["Iterator"] = 7] = "Iterator";
+	UnitTypeEnums$1[UnitTypeEnums$1["Loop"] = 8] = "Loop";
+	UnitTypeEnums$1[UnitTypeEnums$1["Break"] = 9] = "Break";
+	UnitTypeEnums$1[UnitTypeEnums$1["Block"] = 10] = "Block";
+	UnitTypeEnums$1[UnitTypeEnums$1["Adaptor"] = 11] = "Adaptor";
+	UnitTypeEnums$1[UnitTypeEnums$1["Code"] = 12] = "Code";
+	UnitTypeEnums$1[UnitTypeEnums$1["Pause"] = 13] = "Pause";
+	UnitTypeEnums$1[UnitTypeEnums$1["Fault"] = 14] = "Fault";
+	UnitTypeEnums$1[UnitTypeEnums$1["Trace"] = 15] = "Trace";
+	UnitTypeEnums$1[UnitTypeEnums$1["Catcher"] = 16] = "Catcher";
+	UnitTypeEnums$1[UnitTypeEnums$1["Thrower"] = 17] = "Thrower";
+	UnitTypeEnums$1[UnitTypeEnums$1["Plan"] = 18] = "Plan";
+	UnitTypeEnums$1[UnitTypeEnums$1["Task"] = 19] = "Task";
+	UnitTypeEnums$1[UnitTypeEnums$1["Sprint"] = 20] = "Sprint";
+	UnitTypeEnums$1[UnitTypeEnums$1["Auth"] = 21] = "Auth";
+	UnitTypeEnums$1[UnitTypeEnums$1["Rest"] = 22] = "Rest";
+	UnitTypeEnums$1[UnitTypeEnums$1["Fuse"] = 23] = "Fuse";
+	UnitTypeEnums$1[UnitTypeEnums$1["Mail"] = 24] = "Mail";
+	UnitTypeEnums$1[UnitTypeEnums$1["Sms"] = 25] = "Sms";
+	UnitTypeEnums$1[UnitTypeEnums$1["Publisher"] = 26] = "Publisher";
+	UnitTypeEnums$1[UnitTypeEnums$1["Fiber"] = 27] = "Fiber";
+	UnitTypeEnums$1[UnitTypeEnums$1["Mapper"] = 28] = "Mapper";
+	UnitTypeEnums$1[UnitTypeEnums$1["Section"] = 29] = "Section";
+	UnitTypeEnums$1[UnitTypeEnums$1["Scene"] = 30] = "Scene";
+	UnitTypeEnums$1[UnitTypeEnums$1["Placeholder"] = 100] = "Placeholder";
+	return UnitTypeEnums$1;
+}({});
+let UnitStateType = /* @__PURE__ */ function(UnitStateType$1) {
+	UnitStateType$1[UnitStateType$1["Initial"] = 0] = "Initial";
+	UnitStateType$1[UnitStateType$1["Started"] = 1] = "Started";
+	UnitStateType$1[UnitStateType$1["Completed"] = 2] = "Completed";
+	UnitStateType$1[UnitStateType$1["Cancelled"] = 3] = "Cancelled";
+	UnitStateType$1[UnitStateType$1["Failed"] = 4] = "Failed";
+	return UnitStateType$1;
+}({});
+
+//#endregion
+export { UnitStateType, UnitTypeEnums };
+//# sourceMappingURL=workflowEnums-xHM1JN6x.js.map

package/dist/workflowEnums-xHM1JN6x.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflowEnums-xHM1JN6x.js","names":[],"sources":["../src/enums/workflowEnums.ts"],"sourcesContent":["export enum UnitTypeEnums {\n  Scope = 0,\n  Sequence = 1,\n  Group = 2,\n  Fork = 3,\n  Branch = 4,\n  Retry = 5,\n  Attempt = 6,\n  Iterator = 7,\n  Loop = 8,\n  Break = 9,\n  Block = 10,\n  Adaptor = 11,\n  Code = 12,\n  Pause = 13,\n  Fault = 14,\n  Trace = 15,\n  Catcher = 16,\n  Thrower = 17,\n  Plan = 18,\n  Task = 19,\n  Sprint = 20,\n  Auth = 21,\n  Rest = 22,\n  Fuse = 23,\n  Mail = 24,\n  Sms = 25,\n  Publisher = 26,\n  Fiber = 27,\n  Mapper = 28,\n  Section = 29,\n  Scene = 30,\n  Placeholder = 100\n}\n\nexport enum UnitStateType {\n  Initial = 0,\n  Started = 1,\n  Completed = 2,\n  Cancelled = 3,\n  Failed = 4\n}\n"],"mappings":";AAAA,IAAY,0DAAL;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGF,IAAY,0DAAL;AACL;AACA;AACA;AACA;AACA"}

package/dist/workflowStore-PaHzw4YO.js

@@ -0,0 +1,25 @@
+import { create } from "zustand";
+import { devtools } from "zustand/middleware";
+
+//#region src/stores/workflowStore.ts
+const useWorkflowStore = create()(devtools((set) => ({
+	title: "",
+	setWorkflowToolbarTitle: (title) => set((state) => ({ title })),
+	taskDataMap: {},
+	updateTaskDataMap: (taskId, pageId, data) => set((state) => {
+		const updatedTaskDataMap = { ...state.taskDataMap };
+		if (updatedTaskDataMap[taskId]) if (updatedTaskDataMap[taskId][pageId]) updatedTaskDataMap[taskId][pageId] = data;
+		else updatedTaskDataMap[taskId] = { [pageId]: data };
+		else updatedTaskDataMap[taskId] = { [pageId]: data };
+		return { taskDataMap: updatedTaskDataMap };
+	}),
+	setTaskDataMap: (taskId, data) => set((state) => {
+		const updatedTaskDataMap = { ...state.taskDataMap };
+		updatedTaskDataMap[taskId] = data;
+		return { taskDataMap: updatedTaskDataMap };
+	})
+})));
+
+//#endregion
+export { useWorkflowStore };
+//# sourceMappingURL=workflowStore-PaHzw4YO.js.map

package/dist/workflowStore-PaHzw4YO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflowStore-PaHzw4YO.js","names":["useWorkflowStore: () => WorkflowState"],"sources":["../src/stores/workflowStore.ts"],"sourcesContent":["import { create } from 'zustand';\nimport { devtools } from 'zustand/middleware';\n\ninterface PageDataMap {\n  [pageId: string]: Object | null | undefined;\n}\n\ninterface TaskDataMap {\n  [taskId: string]: PageDataMap;\n}\n\ninterface WorkflowState {\n  title: string | null | undefined;\n  setWorkflowToolbarTitle: (title: string) => void;\n  taskDataMap: TaskDataMap | null | undefined;\n  updateTaskDataMap: (taskId: string, pageId: string, data: Object) => void;\n  setTaskDataMap: (taskId: string, data: PageDataMap) => void;\n}\n\nexport const useWorkflowStore: () => WorkflowState = create<WorkflowState>()(\n  devtools((set) => ({\n    title: '',\n    setWorkflowToolbarTitle: (title) => set((state) => ({ title: title })),\n    taskDataMap: {},\n    updateTaskDataMap: (taskId, pageId, data) =>\n      set((state) => {\n        const updatedTaskDataMap = { ...state.taskDataMap };\n        if (updatedTaskDataMap[taskId]) {\n          if (updatedTaskDataMap[taskId][pageId]) {\n            updatedTaskDataMap[taskId][pageId] = data;\n          } else {\n            updatedTaskDataMap[taskId] = {\n              [pageId]: data\n            };\n          }\n        } else {\n          updatedTaskDataMap[taskId] = {\n            [pageId]: data\n          };\n        }\n        return {\n          taskDataMap: updatedTaskDataMap\n        };\n      }),\n    setTaskDataMap: (taskId, data) =>\n      set((state) => {\n        const updatedTaskDataMap = { ...state.taskDataMap };\n        updatedTaskDataMap[taskId] = data;\n        return {\n          taskDataMap: updatedTaskDataMap\n        };\n      })\n  }))\n);\n"],"mappings":";;;;AAmBA,MAAaA,mBAAwC,QAAuB,CAC1E,UAAU,SAAS;CACjB,OAAO;CACP,0BAA0B,UAAU,KAAK,WAAW,EAAS,OAAO,EAAE;CACtE,aAAa,EAAE;CACf,oBAAoB,QAAQ,QAAQ,SAClC,KAAK,UAAU;EACb,MAAM,qBAAqB,EAAE,GAAG,MAAM,aAAa;AACnD,MAAI,mBAAmB,QACrB,KAAI,mBAAmB,QAAQ,QAC7B,oBAAmB,QAAQ,UAAU;MAErC,oBAAmB,UAAU,GAC1B,SAAS,MACX;MAGH,oBAAmB,UAAU,GAC1B,SAAS,MACX;AAEH,SAAO,EACL,aAAa,oBACd;GACD;CACJ,iBAAiB,QAAQ,SACvB,KAAK,UAAU;EACb,MAAM,qBAAqB,EAAE,GAAG,MAAM,aAAa;AACnD,qBAAmB,UAAU;AAC7B,SAAO,EACL,aAAa,oBACd;GACD;CACL,EAAE,CACJ"}

package/dist/workflowUtilities-DpW6oHRe.js

@@ -0,0 +1,152 @@
+import { formatDateToLocaleString } from "./DateUtilities-DHTEYbE8.js";
+import { UnitStateType, UnitTypeEnums } from "./workflowEnums-xHM1JN6x.js";
+import { DateTime } from "luxon";
+
+//#region src/utilities/workflow/workflowUtilities.js
+const getWorkflowTaskIconByActionType = (type) => {
+	let iconName = "ClipboardListIcon";
+	switch (type) {
+		case UnitTypeEnums.Rest:
+			iconName = "CloudImportExportIcon";
+			break;
+		case UnitTypeEnums.Sms:
+			iconName = "MessageFillIcon";
+			break;
+		case UnitTypeEnums.Mail:
+			iconName = "MailSolidIcon";
+			break;
+		case UnitTypeEnums.Scene:
+			iconName = "ReleaseGateIcon";
+			break;
+		default: break;
+	}
+	return iconName;
+};
+const getWorkflowTaskStateIconByStateType = (type) => {
+	let iconName = "";
+	switch (type) {
+		case UnitStateType.Initial:
+			iconName = "StopwatchIcon";
+			break;
+		case UnitStateType.Started:
+			iconName = "ProgressLoopOuterIcon";
+			break;
+		case UnitStateType.Completed:
+			iconName = "CheckMarkIcon";
+			break;
+		case UnitStateType.Cancelled:
+			iconName = "CancelIcon";
+			break;
+		case UnitStateType.Failed:
+		default:
+			iconName = "ErrorBadgeIcon";
+			break;
+	}
+	return iconName;
+};
+const getWorkflowTaskStateIconColorByStateType = (type) => {
+	let color = "";
+	switch (type) {
+		case UnitStateType.Initial:
+			color = "#ffa726";
+			break;
+		case UnitStateType.Started:
+			color = "#29b6f6";
+			break;
+		case UnitStateType.Completed:
+			color = "#66bb6a";
+			break;
+		case UnitStateType.Cancelled:
+			color = "#f44336";
+			break;
+		case UnitStateType.Failed:
+		default:
+			color = "#f44336";
+			break;
+	}
+	return color;
+};
+const SELECTABLE_NODE_TYPES = [
+	UnitTypeEnums.Sms,
+	UnitTypeEnums.Mail,
+	UnitTypeEnums.Scene
+];
+const transformWorkflowPlayTree = (node) => {
+	if (!node) return null;
+	const label = node.name || "";
+	const expanded = "expanded";
+	const startedAt = node.startedAt ? formatDateToLocaleString(node.startedAt, DateTime.DATETIME_SHORT) : null;
+	const updatedNode = {
+		id: node.id,
+		parentId: node.parentId,
+		isExpanded: expanded,
+		isSelectable: !!node.type && SELECTABLE_NODE_TYPES.includes(node.type),
+		properties: {
+			defaultIcon: {
+				type: "",
+				name: getWorkflowTaskIconByActionType(node.type),
+				color: ""
+			},
+			conditionalIcon: {
+				type: "",
+				name: !!node.type && getWorkflowTaskStateIconByStateType(node.state),
+				color: !!node.type && getWorkflowTaskStateIconColorByStateType(node.state)
+			},
+			nodeLabel: label,
+			nodeSubLabel: node.parentId ? node.description : startedAt || "",
+			state: node.state,
+			type: node.type,
+			interruptPages: node.interruptPages,
+			playSceneId: node.playSceneId,
+			startedAt: node.startedAt,
+			endedAt: node.endedAt,
+			dueDate: node.dueDate,
+			variables: node.variables,
+			sms: node.type === UnitTypeEnums.Sms ? {
+				templateData: node.templateData,
+				to: node.to,
+				from: node.from,
+				body: node.body
+			} : null,
+			email: node.type === UnitTypeEnums.Mail ? {
+				templateData: node.templateData,
+				to: node.to,
+				from: node.from,
+				subject: node.subject,
+				text: node.text,
+				html: node.html
+			} : null
+		},
+		children: []
+	};
+	for (const child of node.children) {
+		const updatedChild = transformWorkflowPlayTree(child);
+		if (updatedChild) updatedNode.children.push(updatedChild);
+	}
+	return updatedNode;
+};
+const updateWorkflowPlayNodeState = (node, nodeId, nodeState) => {
+	if (!node) return null;
+	if (node.id === nodeId) {
+		node.properties.state = nodeState;
+		node.properties.defaultIcon = {
+			type: "",
+			name: getWorkflowTaskIconByActionType(node.properties.type),
+			color: ""
+		};
+		node.properties.conditionalIcon = {
+			type: "",
+			name: !!node.properties.type && getWorkflowTaskStateIconByStateType(nodeState),
+			color: !!node.properties.type && getWorkflowTaskStateIconColorByStateType(nodeState)
+		};
+		return node;
+	}
+	if (node.children && node.children.length) {
+		for (const child of node.children) if (updateWorkflowPlayNodeState(child, nodeId, nodeState)) return node;
+	}
+	return null;
+};
+
+//#endregion
+export { getWorkflowTaskIconByActionType, getWorkflowTaskStateIconByStateType, getWorkflowTaskStateIconColorByStateType, transformWorkflowPlayTree, updateWorkflowPlayNodeState };
+//# sourceMappingURL=workflowUtilities-DpW6oHRe.js.map

package/dist/workflowUtilities-DpW6oHRe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflowUtilities-DpW6oHRe.js","names":[],"sources":["../src/utilities/workflow/workflowUtilities.js"],"sourcesContent":["import { UnitStateType, UnitTypeEnums } from '../../enums/workflowEnums';\nimport { DateTime } from 'luxon';\nimport { formatDateToLocaleString } from '../input/DateUtilities';\n\nexport const getWorkflowTaskIconByActionType = (type) => {\n  let iconName = 'ClipboardListIcon';\n  switch (type) {\n    case UnitTypeEnums.Rest:\n      iconName = 'CloudImportExportIcon';\n      break;\n    case UnitTypeEnums.Sms:\n      iconName = 'MessageFillIcon';\n      break;\n    case UnitTypeEnums.Mail:\n      iconName = 'MailSolidIcon';\n      break;\n    case UnitTypeEnums.Scene:\n      iconName = 'ReleaseGateIcon';\n      break;\n    default:\n      break;\n  }\n  return iconName;\n};\n\nexport const getWorkflowTaskStateIconByStateType = (type) => {\n  let iconName = '';\n  switch (type) {\n    case UnitStateType.Initial:\n      iconName = 'StopwatchIcon';\n      break;\n    case UnitStateType.Started:\n      iconName = 'ProgressLoopOuterIcon';\n      break;\n    case UnitStateType.Completed:\n      iconName = 'CheckMarkIcon';\n      break;\n    case UnitStateType.Cancelled:\n      iconName = 'CancelIcon';\n      break;\n    case UnitStateType.Failed:\n    default:\n      iconName = 'ErrorBadgeIcon';\n      break;\n  }\n  return iconName;\n};\n\nexport const getWorkflowTaskStateIconColorByStateType = (type) => {\n  let color = '';\n  switch (type) {\n    case UnitStateType.Initial:\n      color = '#ffa726';\n      break;\n    case UnitStateType.Started:\n      color = '#29b6f6';\n      break;\n    case UnitStateType.Completed:\n      color = '#66bb6a';\n      break;\n    case UnitStateType.Cancelled:\n      color = '#f44336';\n      break;\n    case UnitStateType.Failed:\n    default:\n      color = '#f44336';\n      break;\n  }\n  return color;\n};\n\nconst SELECTABLE_NODE_TYPES = [\n  UnitTypeEnums.Sms,\n  UnitTypeEnums.Mail,\n  UnitTypeEnums.Scene\n];\n\nexport const transformWorkflowPlayTree = (node) => {\n  if (!node) return null;\n  const label = node.name || '';\n  const expanded = 'expanded';\n  const startedAt = node.startedAt\n    ? formatDateToLocaleString(node.startedAt, DateTime.DATETIME_SHORT)\n    : null;\n\n  const updatedNode = {\n    id: node.id,\n    parentId: node.parentId,\n    isExpanded: expanded,\n    isSelectable: !!node.type && SELECTABLE_NODE_TYPES.includes(node.type),\n    properties: {\n      defaultIcon: {\n        type: '',\n        name: getWorkflowTaskIconByActionType(node.type),\n        color: ''\n      },\n      conditionalIcon: {\n        type: '',\n        name: !!node.type && getWorkflowTaskStateIconByStateType(node.state),\n        color:\n          !!node.type && getWorkflowTaskStateIconColorByStateType(node.state)\n      },\n      nodeLabel: label,\n      nodeSubLabel: node.parentId ? node.description : startedAt || '',\n      state: node.state,\n      type: node.type,\n      interruptPages: node.interruptPages,\n      playSceneId: node.playSceneId,\n      startedAt: node.startedAt,\n      endedAt: node.endedAt,\n      dueDate: node.dueDate,\n      variables: node.variables,\n      sms:\n        node.type === UnitTypeEnums.Sms\n          ? {\n              templateData: node.templateData,\n              to: node.to,\n              from: node.from,\n              body: node.body\n            }\n          : null,\n      email:\n        node.type === UnitTypeEnums.Mail\n          ? {\n              templateData: node.templateData,\n              to: node.to,\n              from: node.from,\n              subject: node.subject,\n              text: node.text,\n              html: node.html\n            }\n          : null\n    },\n    children: []\n  };\n\n  for (const child of node.children) {\n    const updatedChild = transformWorkflowPlayTree(child);\n    if (updatedChild) {\n      updatedNode.children.push(updatedChild);\n    }\n  }\n\n  return updatedNode;\n};\n\nexport const updateWorkflowPlayNodeState = (node, nodeId, nodeState) => {\n  if (!node) return null;\n\n  // Check if the current node matches the nodeId\n  if (node.id === nodeId) {\n    node.properties.state = nodeState;\n    node.properties.defaultIcon = {\n      type: '',\n      name: getWorkflowTaskIconByActionType(node.properties.type),\n      color: ''\n    };\n    node.properties.conditionalIcon = {\n      type: '',\n      name:\n        !!node.properties.type &&\n        getWorkflowTaskStateIconByStateType(nodeState),\n      color:\n        !!node.properties.type &&\n        getWorkflowTaskStateIconColorByStateType(nodeState)\n    };\n    return node; // Return the updated node\n  }\n\n  // Recursively check and update children nodes if any\n  if (node.children && node.children.length) {\n    for (const child of node.children) {\n      const updatedChild = updateWorkflowPlayNodeState(\n        child,\n        nodeId,\n        nodeState\n      );\n      if (updatedChild) {\n        return node; // Return the updated node\n      }\n    }\n  }\n\n  return null; // If no matching nodeId is found\n};\n"],"mappings":";;;;;AAIA,MAAa,mCAAmC,SAAS;CACvD,IAAI,WAAW;AACf,SAAQ,MAAR;EACE,KAAK,cAAc;AACjB,cAAW;AACX;EACF,KAAK,cAAc;AACjB,cAAW;AACX;EACF,KAAK,cAAc;AACjB,cAAW;AACX;EACF,KAAK,cAAc;AACjB,cAAW;AACX;EACF,QACE;;AAEJ,QAAO;;AAGT,MAAa,uCAAuC,SAAS;CAC3D,IAAI,WAAW;AACf,SAAQ,MAAR;EACE,KAAK,cAAc;AACjB,cAAW;AACX;EACF,KAAK,cAAc;AACjB,cAAW;AACX;EACF,KAAK,cAAc;AACjB,cAAW;AACX;EACF,KAAK,cAAc;AACjB,cAAW;AACX;EACF,KAAK,cAAc;EACnB;AACE,cAAW;AACX;;AAEJ,QAAO;;AAGT,MAAa,4CAA4C,SAAS;CAChE,IAAI,QAAQ;AACZ,SAAQ,MAAR;EACE,KAAK,cAAc;AACjB,WAAQ;AACR;EACF,KAAK,cAAc;AACjB,WAAQ;AACR;EACF,KAAK,cAAc;AACjB,WAAQ;AACR;EACF,KAAK,cAAc;AACjB,WAAQ;AACR;EACF,KAAK,cAAc;EACnB;AACE,WAAQ;AACR;;AAEJ,QAAO;;AAGT,MAAM,wBAAwB;CAC5B,cAAc;CACd,cAAc;CACd,cAAc;CACf;AAED,MAAa,6BAA6B,SAAS;AACjD,KAAI,CAAC,KAAM,QAAO;CAClB,MAAM,QAAQ,KAAK,QAAQ;CAC3B,MAAM,WAAW;CACjB,MAAM,YAAY,KAAK,YACnB,yBAAyB,KAAK,WAAW,SAAS,eAAe,GACjE;CAEJ,MAAM,cAAc;EAClB,IAAI,KAAK;EACT,UAAU,KAAK;EACf,YAAY;EACZ,cAAc,CAAC,CAAC,KAAK,QAAQ,sBAAsB,SAAS,KAAK,KAAK;EACtE,YAAY;GACV,aAAa;IACX,MAAM;IACN,MAAM,gCAAgC,KAAK,KAAK;IAChD,OAAO;IACR;GACD,iBAAiB;IACf,MAAM;IACN,MAAM,CAAC,CAAC,KAAK,QAAQ,oCAAoC,KAAK,MAAM;IACpE,OACE,CAAC,CAAC,KAAK,QAAQ,yCAAyC,KAAK,MAAM;IACtE;GACD,WAAW;GACX,cAAc,KAAK,WAAW,KAAK,cAAc,aAAa;GAC9D,OAAO,KAAK;GACZ,MAAM,KAAK;GACX,gBAAgB,KAAK;GACrB,aAAa,KAAK;GAClB,WAAW,KAAK;GAChB,SAAS,KAAK;GACd,SAAS,KAAK;GACd,WAAW,KAAK;GAChB,KACE,KAAK,SAAS,cAAc,MACxB;IACE,cAAc,KAAK;IACnB,IAAI,KAAK;IACT,MAAM,KAAK;IACX,MAAM,KAAK;IACZ,GACD;GACN,OACE,KAAK,SAAS,cAAc,OACxB;IACE,cAAc,KAAK;IACnB,IAAI,KAAK;IACT,MAAM,KAAK;IACX,SAAS,KAAK;IACd,MAAM,KAAK;IACX,MAAM,KAAK;IACZ,GACD;GACP;EACD,UAAU,EAAE;EACb;AAED,MAAK,MAAM,SAAS,KAAK,UAAU;EACjC,MAAM,eAAe,0BAA0B,MAAM;AACrD,MAAI,aACF,aAAY,SAAS,KAAK,aAAa;;AAI3C,QAAO;;AAGT,MAAa,+BAA+B,MAAM,QAAQ,cAAc;AACtE,KAAI,CAAC,KAAM,QAAO;AAGlB,KAAI,KAAK,OAAO,QAAQ;AACtB,OAAK,WAAW,QAAQ;AACxB,OAAK,WAAW,cAAc;GAC5B,MAAM;GACN,MAAM,gCAAgC,KAAK,WAAW,KAAK;GAC3D,OAAO;GACR;AACD,OAAK,WAAW,kBAAkB;GAChC,MAAM;GACN,MACE,CAAC,CAAC,KAAK,WAAW,QAClB,oCAAoC,UAAU;GAChD,OACE,CAAC,CAAC,KAAK,WAAW,QAClB,yCAAyC,UAAU;GACtD;AACD,SAAO;;AAIT,KAAI,KAAK,YAAY,KAAK,SAAS,QACjC;OAAK,MAAM,SAAS,KAAK,SAMvB,KALqB,4BACnB,OACA,QACA,UACD,CAEC,QAAO;;AAKb,QAAO"}

package/dist/wrappers-CLy_1LEL.js

@@ -0,0 +1 @@
+export {  };