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

package/dist/ExportSidesheet-DBww0zIt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportSidesheet-DBww0zIt.js","names":["entity","searchObject","Typography","LinearProgress"],"sources":["../src/udp/export/useUdpExport.js","../src/udp/export/VisualSearchObject.jsx","../src/udp/export/ExportSidesheet.jsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { executeQueryAdHoc } from '../utilities/methodUtils';\nimport { executeQueryWithParameters } from '../utilities/methodUtils';\nimport { usePromotedMethodEntity } from '../../hooks/usePromotedMethodEntity';\nimport { getSanitizedName } from '../../utilities/entities/entityUtilities';\n\nexport const useUdpExport = (apiCatalogId, productId) => {\n  const [entity, setEntity] = useState();\n  const [searchObject, setSearchObject] = useState();\n  const [fileFormat, setFileFormat] = useState('.XLSX');\n  const [numRowsToExport, setNumRowsToExport] = useState(null);\n  const [validSearch, setValidSearch] = useState(false);\n  const [errorList, setErrorList] = useState([]);\n  const [activeExportJob, setActiveExportJob] = useState();\n  const [exportLoading, setExportLoading] = useState(false);\n  const [fileResultData, setFileResultData] = useState();\n\n  const { data: selectedEntity, loading: entityLoading } =\n    usePromotedMethodEntity(entity, true, apiCatalogId, productId);\n  const { data: udpJobEntity } = usePromotedMethodEntity(\n    'udpJob',\n    true,\n    apiCatalogId,\n    productId\n  );\n\n  const refetchActiveJobData = useCallback(async () => {\n    if (udpJobEntity?.unityBaseGetMethod?.apiMethodId) {\n      await executeQueryWithParameters(\n        {\n          data: { id: activeExportJob?.id }\n        },\n        udpJobEntity?.unityBaseGetMethod?.apiMethodId\n      )\n        .then((res) => {\n          setActiveExportJob(res.data);\n        })\n        .catch((err) => {\n          addErrorIfNotExists(\n            'jobstatus',\n            'Error getting job status ',\n            'error'\n          );\n        });\n    }\n  }, [activeExportJob?.id, udpJobEntity?.unityBaseGetMethod?.apiMethodId]);\n\n  const refetchfileResultData = useCallback(async () => {\n    if (udpJobEntity?.unityBaseGetFileResultMethod?.apiMethodId) {\n      await executeQueryWithParameters(\n        {\n          data: { JobId: activeExportJob?.id }\n        },\n        udpJobEntity?.unityBaseGetFileResultMethod?.apiMethodId\n      )\n        .then((res) => {\n          setFileResultData(res.data);\n        })\n        .catch((err) => {\n          addErrorIfNotExists('fileError', 'Error getting file ', 'error');\n        });\n    }\n  }, [\n    activeExportJob?.id,\n    udpJobEntity?.unityBaseGetFileResultMethod?.apiMethodId\n  ]);\n\n  const clearParameters = useCallback(() => {\n    setEntity(null);\n    setSearchObject(null);\n    setNumRowsToExport(null);\n    setActiveExportJob(null);\n    setErrorList([]);\n  }, []);\n\n  const updateExportParameters = useCallback((entity, searchObject) => {\n    setEntity(entity);\n    setSearchObject(searchObject);\n  }, []);\n\n  const addErrorIfNotExists = (id, message, severity = 'error') => {\n    setErrorList((prev) => {\n      const exists = prev.some((error) => error.id === id);\n      if (!exists) {\n        return [...prev, { id, message, severity }];\n      }\n      return prev;\n    });\n  };\n\n  const initialSearchWithParams = useCallback(async () => {\n    await executeQueryAdHoc(\n      {\n        data: {\n          ...searchObject,\n          pageSize: 1\n        }\n      },\n      selectedEntity?.unityBaseSearchMethod?.apiMethodId\n    )\n      .then((res) => {\n        setNumRowsToExport(res?.data?.total);\n      })\n      .catch((err) => {\n        addErrorIfNotExists(\n          'searchObject',\n          'Error fetching row count',\n          'error'\n        );\n      });\n  }, [searchObject, selectedEntity]);\n\n  const createExport = useCallback(async () => {\n    if (selectedEntity?.unityBaseExportMethod?.apiMethodId) {\n      setExportLoading(true);\n      await executeQueryWithParameters(\n        {\n          data: {\n            requestBody: {\n              debug: true,\n              exportAcrossAssociations: false,\n              exportOnAllAssociations: false,\n              exportSiblings: false,\n              search: searchObject\n            }\n          }\n        },\n        selectedEntity?.unityBaseExportMethod?.apiMethodId\n      )\n        .then((res) => {\n          setActiveExportJob(res?.data);\n          setExportLoading(false);\n        })\n        .catch((err) => {\n          addErrorIfNotExists(\n            'exportRequest',\n            'Error creating the export job',\n            'error'\n          );\n          setExportLoading(false);\n        });\n    }\n  }, [searchObject, selectedEntity?.unityBaseExportMethod?.apiMethodId]);\n\n  useEffect(() => {\n    if (!entityLoading) {\n      if (selectedEntity?.unityBaseSearchMethod === null) {\n        addErrorIfNotExists(\n          'search',\n          `${getSanitizedName(entity)}'s search method must be promoted`,\n          'error'\n        );\n      } else {\n        initialSearchWithParams();\n      }\n      if (selectedEntity?.unityBaseExportMethod === null) {\n        addErrorIfNotExists(\n          'export',\n          `${getSanitizedName(entity)}'s export method must be promoted`,\n          'error'\n        );\n      }\n    }\n  }, [initialSearchWithParams, selectedEntity, entity, entityLoading]);\n\n  useEffect(() => {\n    if (entity) {\n      if (\n        udpJobEntity &&\n        !udpJobEntity?.unityBaseGetFileResultMethod?.apiMethodId\n      ) {\n        addErrorIfNotExists(\n          'fileResultGet',\n          `UdpJob's GetFileResult must be promoted to download the file`,\n          'warning'\n        );\n      }\n\n      if (udpJobEntity && !udpJobEntity?.unityBaseGetMethod?.apiMethodId) {\n        addErrorIfNotExists(\n          'fileBaseGet',\n          `UdpJob's Get method must be promoted to view job status`,\n          'warning'\n        );\n      }\n    }\n  }, [entity, udpJobEntity]);\n\n  useEffect(() => {\n    let isValid = true;\n    errorList?.forEach((item) => {\n      if (item.severity === 'error') {\n        isValid = false;\n      }\n    });\n    setValidSearch(isValid);\n  }, [errorList]);\n\n  useEffect(() => {\n    if (\n      !activeExportJob ||\n      activeExportJob?.statusId === 3 ||\n      activeExportJob?.statusId === 4\n    )\n      return;\n\n    const intervalId = setInterval(() => {\n      refetchActiveJobData();\n    }, 5000);\n\n    return () => clearInterval(intervalId);\n  }, [activeExportJob, refetchActiveJobData]);\n\n  useEffect(() => {\n    if (activeExportJob?.statusId === 3) {\n      refetchfileResultData();\n    }\n  }, [activeExportJob?.statusId, refetchfileResultData]);\n\n  const handleFileDownload = useCallback(() => {\n    if (fileResultData?.link) {\n      const link = document.createElement('a');\n      link.href = fileResultData?.link;\n      link.download = '';\n      document.body.appendChild(link);\n      link.click();\n      document.body.removeChild(link);\n    }\n  }, [fileResultData?.link]);\n\n  return {\n    updateExportParameters,\n    createExport,\n    entity,\n    searchObject,\n    fileFormat,\n    numRowsToExport,\n    validSearch,\n    errorList,\n    activeExportJob,\n    exportLoading,\n    handleFileDownload,\n    clearParameters\n  };\n};\n","import React, { useMemo } from 'react';\nimport { Box, Chip } from '@material-ui/core';\nimport { StatusChip } from '../../UI/dataDisplay/status/StatusChip';\n\nexport const VisualSearchObject = ({ searchObject }) => {\n  // 1️⃣ Safely default to an empty object if searchObject is null/undefined:\n  const safeSO = searchObject || {};\n\n  // 2️⃣ Destructure with defaults for each property:\n  const {\n    filterElements = [],\n    filterGroups = [],\n    logicalSearchOperator = 1,\n  } = safeSO;\n\n  const filtersByGroup = useMemo(() => {\n    return filterElements.reduce((acc, fe) => {\n      const gid = fe.groupId ?? 0;\n      (acc[gid] = acc[gid] || []).push(fe);\n      return acc;\n    }, {});\n  }, [filterElements]);\n\n  const groupLookup = useMemo(() => {\n    const lookup = {};\n    filterGroups.forEach(g => {\n      lookup[g.groupId] = { ...g, children: [] };\n    });\n    filterGroups.forEach(g => {\n      if (g.parentGroupId && lookup[g.parentGroupId]) {\n        lookup[g.parentGroupId].children.push(lookup[g.groupId]);\n      }\n    });\n    return lookup;\n  }, [filterGroups]);\n\n  const topLevelGroups = useMemo(() => {\n    return filterGroups\n      .filter(g => !g.parentGroupId)\n      .map(g => groupLookup[g.groupId]);\n  }, [filterGroups, groupLookup]);\n\n  // virtual root\n  const rootGroup = {\n    groupId: 0,\n    logicalSearchOperator,\n    children: topLevelGroups,\n  };\n\n  // 4️⃣ Recursive render\n  const OpLabel = { 1: 'AND', 2: 'OR' };\n  const renderGroup = (group, level = 0) => (\n    <Box\n      key={group.groupId}\n      border={1}\n      borderColor=\"grey.300\"\n      borderRadius={4}\n      p={1}\n      ml={level * 2}\n      mb={1}\n      bgcolor={level === 0 ? 'grey.100' : 'transparent'}\n    >\n      <Box mb={1}>\n        <StatusChip\n          label={OpLabel[group.logicalSearchOperator] || 'AND'}\n          status=\"info\"\n          size=\"small\"\n        />\n      </Box>\n      <Box display=\"flex\" flexWrap=\"wrap\" mb={group.children.length ? 1 : 0}>\n        {(filtersByGroup[group.groupId] || []).map((fe, i) => (\n          <Chip\n            key={`g${group.groupId}-f${i}`}\n            size=\"small\"\n            label={`${fe.searchField} ${fe.searchOperator} ${fe.searchValue}`}\n            style={{ marginRight: 4, marginBottom: 4 }}\n          />\n        ))}\n      </Box>\n      {group.children.map(c => renderGroup(c, level + 1))}\n    </Box>\n  );\n\n  // 5️⃣ Finally, render nothing if truly empty:\n  const hasAnything =\n    filterElements.length > 0 || filterGroups.length > 0;\n\n  if (!hasAnything) return null;\n\n  return (\n    <Box>\n      {renderGroup(rootGroup)}\n    </Box>\n  );\n};\n","import React, { useEffect, useState } from 'react';\nimport { AmbientCard } from '../../UI/surfaces/cards/AmbientCard';\nimport { Typography } from '../../UI/dataDisplay/typography/Typography';\nimport { getSanitizedName } from '../../utilities/entities/entityUtilities';\nimport { FluentListItem } from '../../UI/dataDisplay/FluentListItem';\nimport { VisualSearchObject } from './VisualSearchObject';\nimport { AmbientAlert } from '../../UI/feedback/AmbientAlert';\nimport { Skeleton } from '@material-ui/lab';\nimport { StatusChip } from '../../UI/dataDisplay/status/StatusChip';\nimport { Slide } from '@material-ui/core';\nimport { LinearProgress } from '../../UI/loading/LinearProgress';\nimport { EmptyStateDisplay } from '../../UI/dataDisplay/EmptyStateDisplay';\nimport { StatusCircleCheckmarkIcon } from '@fluentui/react-icons';\nimport { SideSheet } from '../../UI/surfaces/SideSheet';\nimport { useHistory } from 'react-router-dom';\n\nexport const ExportSidesheet = (props) => {\n  const {\n    entity,\n    numRowsToExport,\n    fileFormat,\n    searchObject,\n    errorList,\n    activeExportJob,\n    handleFileDownload,\n    exportSidesheetOpen,\n    handleCloseExportSidesheet,\n    createExport,\n    exportLoading,\n    validSearch\n  } = props;\n\n  const history = useHistory();\n  const [page, setPage] = useState('exportSummary');\n\n  useEffect(() => {\n    if (activeExportJob?.id) {\n      setPage('transition');\n    }\n  }, [activeExportJob?.id]);\n\n  const handleSummaryExited = () => {\n    setPage('exportProgress');\n  };\n\n  const getJobStatus = (value) => {\n    if (value === 1) {\n      return { status: null, label: 'Pending' };\n    } else if (value === 2) {\n      return { status: 'info', label: 'Running' };\n    } else if (value === 3) {\n      return { status: 'success', label: 'Completed' };\n    } else if (value === 4) {\n      return { status: 'error', label: 'Failed' };\n    }\n  };\n\n  const onCloseSidesheet = () => {\n    setPage('exportSummary');\n    handleCloseExportSidesheet();\n  };\n\n  return (\n    <SideSheet\n      open={exportSidesheetOpen}\n      onClose={onCloseSidesheet}\n      width={'50%'}\n      onSubmit={createExport}\n      buttonLabel={'Create Export'}\n      buttonTwoLabel='My Exports'\n      buttonTwoAction={() => history.push('/myexports')}\n      progress={exportLoading}\n      buttonOneDisabled={!validSearch || activeExportJob}\n    >\n      <div>\n        {errorList?.map((error) => (\n          <AmbientAlert\n            alertMessage={error.message}\n            showAlert={true}\n            alertSeverity={error.severity}\n          />\n        ))}\n        <Slide\n          in={page === 'exportSummary'}\n          onExited={handleSummaryExited}\n          direction='right'\n          unmountOnExit\n          appear={false}\n        >\n          <div style={{ display: 'flex', flexDirection: 'column', gap: 10 }}>\n            <AmbientCard title='Export Summary' fullWidth removeTopLayoutUnit>\n              <Typography>\n                You are about to export all records from this table using your\n                search criteria.\n              </Typography>\n              <div style={{ marginTop: 16 }}>\n                <FluentListItem\n                  subject='Table'\n                  value={getSanitizedName(entity)}\n                />\n                <FluentListItem\n                  subject='Number of Rows'\n                  value={numRowsToExport ?? <Skeleton width={40} height={26} />}\n                />\n              </div>\n            </AmbientCard>\n            <AmbientCard title='Applied Filters' fullWidth>\n              <VisualSearchObject searchObject={searchObject} />\n            </AmbientCard>\n            <AmbientCard title='Export Options' fullWidth>\n              <FluentListItem subject='File Format' value={fileFormat} />\n            </AmbientCard>\n          </div>\n        </Slide>\n        <Slide in={page === 'exportProgress'} direction='left' mountOnEnter>\n          <div style={{ display: 'flex', flexDirection: 'column', gap: 10 }}>\n            <AmbientCard title={`Job Details`} fullWidth removeTopLayoutUnit>\n              <div style={{ marginBottom: 25 }}>\n                <Typography>\n                  Exports are handled in the background. You can safely close\n                  this window.\n                </Typography>\n              </div>\n              <FluentListItem subject='Job Id' value={activeExportJob?.id} />\n              <FluentListItem\n                subject='Status'\n                value={\n                  <StatusChip\n                    status={getJobStatus(activeExportJob?.statusId)?.status}\n                    label={getJobStatus(activeExportJob?.statusId)?.label}\n                  />\n                }\n              />\n            </AmbientCard>\n            <AmbientCard\n              title={`Export ${getJobStatus(activeExportJob?.statusId)?.label}`}\n              fullWidth\n              removeTopLayoutUnit\n            >\n              {(activeExportJob?.statusId === 1 ||\n                activeExportJob?.statusId === 2) && <LinearProgress />}\n              {activeExportJob?.statusId === 3 &&\n                (!errorList.some((err) => err?.id === 'fileResultGet') ? (\n                  <EmptyStateDisplay\n                    icon={StatusCircleCheckmarkIcon}\n                    primaryText={'File is ready!'}\n                    actionLabel='Download'\n                    action={handleFileDownload && (() => handleFileDownload())}\n                  />\n                ) : (\n                  <Typography>\n                    To download the file, please go to the My Exports page.\n                  </Typography>\n                ))}\n            </AmbientCard>\n          </div>\n        </Slide>\n      </div>\n    </SideSheet>\n  );\n};\n"],"mappings":"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"}

package/dist/ExtenderToggle-Dx1oH4cO.js

@@ -0,0 +1,48 @@
+import { t as Token } from "./Token-rFpVjQT_.js";
+import React from "react";
+import { Typography, makeStyles } from "@material-ui/core";
+import { ChevronDownIcon } from "@fluentui/react-icons";
+import PropTypes from "prop-types";
+
+//#region src/UI/templates/ui/ExtenderToggle.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {
+		display: "flex",
+		flexDirection: "row",
+		borderRadius: "0px 0px 25px 25px ",
+		paddingRight: (props) => props.toggleLabel && theme.spacing(2),
+		background: (props) => props.color,
+		cursor: "pointer"
+	},
+	label: {
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "flex-end",
+		color: (props) => theme?.palette?.getContrastText(props.color ? theme.palette?.secondary?.main : props.color)
+	},
+	token: { transform: (props) => props.open ? "rotateZ(-180deg)" : "rotateZ(0deg)" }
+}));
+const ExtenderToggle = (props) => {
+	const classes = useStyles(props);
+	const { onClick, toggleLabel, compact } = props;
+	return /* @__PURE__ */ React.createElement("div", {
+		className: !compact && classes.root,
+		onClick
+	}, /* @__PURE__ */ React.createElement("div", { className: classes.token }, /* @__PURE__ */ React.createElement(Token, {
+		icon: ChevronDownIcon,
+		color: "default",
+		size: "small",
+		variant: "filled",
+		type: "icon",
+		compact
+	})), /* @__PURE__ */ React.createElement("div", { className: classes.label }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, " ", toggleLabel, " ")));
+};
+ExtenderToggle.propTypes = {
+	onClick: PropTypes.func,
+	toggleLabel: PropTypes.string,
+	color: PropTypes.string
+};
+
+//#endregion
+export { ExtenderToggle as t };
+//# sourceMappingURL=ExtenderToggle-Dx1oH4cO.js.map

package/dist/ExtenderToggle-Dx1oH4cO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtenderToggle-Dx1oH4cO.js","names":[],"sources":["../src/UI/templates/ui/ExtenderToggle.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, Typography } from '@material-ui/core';\nimport { Token } from '../../components/dataDisplay/Token';\nimport { ChevronDownIcon } from '@fluentui/react-icons';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    borderRadius: '0px 0px 25px 25px ',\n    paddingRight: (props) => props.toggleLabel && theme.spacing(2),\n    background: (props) => props.color,\n    cursor: 'pointer'\n  },\n  label: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-end',\n    color: (props) =>\n      theme?.palette?.getContrastText(\n        props.color ? theme.palette?.secondary?.main : props.color\n      )\n  },\n  token: {\n    transform: (props) => (props.open ? 'rotateZ(-180deg)' : 'rotateZ(0deg)')\n  }\n}));\n\nexport const ExtenderToggle = (props) => {\n  const classes = useStyles(props);\n  const { onClick, toggleLabel, compact } = props;\n\n  return (\n    <div className={!compact && classes.root} onClick={onClick}>\n      <div className={classes.token}>\n        <Token\n          icon={ChevronDownIcon}\n          color='default'\n          size='small'\n          variant='filled'\n          type='icon'\n          compact={compact}\n        />\n      </div>\n      <div className={classes.label}>\n        <Typography variant='caption'> {toggleLabel} </Typography>\n      </div>\n    </div>\n  );\n};\nExtenderToggle.propTypes = {\n  /**\n   * onClick - click event for toggle\n   */\n  onClick: PropTypes.func,\n  /**\n   * toggleLabel - lable that appears on toggle\n   */\n  toggleLabel: PropTypes.string,\n  /**\n   * color - background color for the toggle button\n   */\n  color: PropTypes.string\n};\n"],"mappings":";;;;;;;AAMA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM;EACJ,SAAS;EACT,eAAe;EACf,cAAc;EACd,eAAe,UAAU,MAAM,eAAe,MAAM,QAAQ,EAAE;EAC9D,aAAa,UAAU,MAAM;EAC7B,QAAQ;EACT;CACD,OAAO;EACL,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,QAAQ,UACN,OAAO,SAAS,gBACd,MAAM,QAAQ,MAAM,SAAS,WAAW,OAAO,MAAM,MACtD;EACJ;CACD,OAAO,EACL,YAAY,UAAW,MAAM,OAAO,qBAAqB,iBAC1D;CACF,EAAE;AAEH,MAAa,kBAAkB,UAAU;CACvC,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,SAAS,aAAa,YAAY;AAE1C,QACE,oCAAC;EAAI,WAAW,CAAC,WAAW,QAAQ;EAAe;IACjD,oCAAC,SAAI,WAAW,QAAQ,SACtB,oCAAC;EACC,MAAM;EACN,OAAM;EACN,MAAK;EACL,SAAQ;EACR,MAAK;EACI;GACT,CACE,EACN,oCAAC,SAAI,WAAW,QAAQ,SACtB,oCAAC,cAAW,SAAQ,aAAU,KAAE,aAAY,IAAc,CACtD,CACF;;AAGV,eAAe,YAAY;CAIzB,SAAS,UAAU;CAInB,aAAa,UAAU;CAIvB,OAAO,UAAU;CAClB"}

package/dist/FUIAppSwitcher-u_jjF-7U.js

@@ -0,0 +1,360 @@
+import { t as FluentButton } from "./FluentButton-BexKrnAp.js";
+import { t as ConfigService } from "./configService-C4uoG3wj.js";
+import { t as useUser } from "./useUser-wpHGo6jU.js";
+import { t as FluentIcon } from "./FluentIcon-DQ6nSDJg.js";
+import { t as redirectToLinkOnClick } from "./redirectToLink-CvjUyGaR.js";
+import { t as redirectToProductOnClick } from "./redirectToProduct-CD4DWw08.js";
+import React, { Fragment, useState } from "react";
+import { AppBar, ButtonBase, Divider, IconButton, Toolbar, Typography, makeStyles, useTheme } from "@material-ui/core";
+import { Link as Link$1 } from "react-router-dom";
+import { ForwardIcon, WaffleIcon } from "@fluentui/react-icons";
+import { useTranslation } from "react-i18next";
+import "@material-ui/icons/esm/ArrowForward";
+
+//#region src/shell/ui/appSwitcher/FUIAppHeader.jsx
+const useStyles$6 = makeStyles((theme) => ({
+	main: {
+		flexGrow: 1,
+		padding: "0 24px",
+		display: "flex",
+		justifyContent: "space-between",
+		alignItems: "center"
+	},
+	secondary: {},
+	appIcon: {
+		width: 24,
+		height: 24,
+		color: theme.palette.text.primary
+	},
+	appLink: {
+		display: "flex",
+		flexDirection: "row"
+	},
+	arrow: {},
+	arrowIcon: {
+		width: 12,
+		height: 12
+	},
+	linkTitle: { marginRight: theme.spacing(1) },
+	toolbar: {
+		padding: 0,
+		minHeight: theme.spacing(6)
+	}
+}));
+const FUIAppHeader = (props) => {
+	const classes = useStyles$6();
+	const { onClose, unityUrl } = props;
+	const { t, i18n } = useTranslation();
+	const user = useUser();
+	const openInNewTab = (url) => {
+		const newWindow = window.open(url + `?tenantId=${user.currentTenantId}`, "_blank", "noopener,noreferrer");
+		if (newWindow) newWindow.opener = null;
+	};
+	return /* @__PURE__ */ React.createElement(AppBar, {
+		elevation: 0,
+		color: "transparent",
+		position: "static"
+	}, /* @__PURE__ */ React.createElement(Toolbar, { className: classes.toolbar }, /* @__PURE__ */ React.createElement("div", { className: classes.main }, /* @__PURE__ */ React.createElement(IconButton, {
+		className: classes.menuButton,
+		edge: "start",
+		onClick: onClose
+	}, /* @__PURE__ */ React.createElement(FluentIcon, {
+		component: WaffleIcon,
+		className: classes.appIcon
+	})), ConfigService.config.UNITY_PRODUCT_ID != 1 && /* @__PURE__ */ React.createElement(FluentButton, {
+		className: classes.appLink,
+		onClick: () => openInNewTab(unityUrl)
+	}, /* @__PURE__ */ React.createElement("div", { className: classes.linkTitle }, /* @__PURE__ */ React.createElement(Typography, {
+		className: classes.secondary,
+		variant: "body1"
+	}, t("Back to Unity"))), /* @__PURE__ */ React.createElement("div", { className: classes.arrow }, /* @__PURE__ */ React.createElement(FluentIcon, {
+		component: ForwardIcon,
+		className: classes.arrowIcon
+	}))))));
+};
+var FUIAppHeader_default = FUIAppHeader;
+
+//#endregion
+//#region src/shell/ui/appSwitcher/FUIAppListItem.jsx
+const useStyles$5 = makeStyles((theme) => ({
+	root: {
+		display: "flex",
+		flexDirection: "row",
+		marginTop: theme.spacing(3),
+		marginRight: theme.spacing(6),
+		width: 110,
+		alignItems: "center"
+	},
+	iconStyle: {
+		backgroundColor: (props) => props.verticalColor,
+		color: theme.palette.getContrastText(theme.palette.secondary.dark),
+		width: 40,
+		height: 40,
+		display: "flex",
+		justifyContent: "center",
+		alignItems: "center"
+	},
+	iconContainer: { marginRight: theme.spacing(1) },
+	imageIcon: {
+		width: 28,
+		height: 28
+	},
+	label: { marginTop: theme.spacing(.5) },
+	images: {
+		width: theme.spacing(6),
+		height: theme.spacing(6)
+	}
+}));
+const FUIAppListItem = (props) => {
+	const classes = useStyles$5();
+	const { iconStyle } = useStyles$5(props);
+	const { icon, label, color, redirectInfo, link, image, params, closeSwitcher, user } = props;
+	const [open, setOpen] = useState(false);
+	const handleClick = () => {
+		if (redirectInfo) redirectToProductOnClick(redirectInfo, user.currentTenantId);
+		else closeSwitcher();
+		setOpen(!open);
+	};
+	const iconButton = !!icon || !!image ? redirectInfo ? /* @__PURE__ */ React.createElement(ButtonBase, { onClick: handleClick }, image ? /* @__PURE__ */ React.createElement("img", {
+		src: image,
+		alt: label,
+		className: classes.images
+	}) : /* @__PURE__ */ React.createElement("div", { className: `${iconStyle}` }, /* @__PURE__ */ React.createElement(FluentIcon, {
+		component: icon,
+		style: { color: `${color ? color : ""}` }
+	}))) : /* @__PURE__ */ React.createElement(ButtonBase, {
+		component: Link$1,
+		to: {
+			pathname: link,
+			state: params
+		},
+		onClick: handleClick
+	}, image ? /* @__PURE__ */ React.createElement("img", {
+		src: image,
+		alt: label,
+		className: classes.images
+	}) : /* @__PURE__ */ React.createElement("div", { className: `${iconStyle}` }, /* @__PURE__ */ React.createElement(FluentIcon, {
+		component: icon,
+		style: { color: `${color ? color : ""}` }
+	}))) : null;
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.iconContainer }, iconButton), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Typography, {
+		variant: "caption",
+		className: classes.label
+	}, label)));
+};
+var FUIAppListItem_default = FUIAppListItem;
+
+//#endregion
+//#region src/shell/ui/appSwitcher/FUIAppList.jsx
+const useStyles$4 = makeStyles({ root: {
+	display: "flex",
+	flexDirection: "row",
+	flexWrap: "wrap",
+	maxWidth: 500
+} }, { name: "FUIAppList" });
+const FUIAppList = (props) => {
+	const { apps, verticalColor, closeSwitcher, user } = props;
+	const classes = useStyles$4();
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, apps.map((item) => {
+		return /* @__PURE__ */ React.createElement(FUIAppListItem_default, {
+			key: item.label,
+			verticalColor,
+			closeSwitcher,
+			user,
+			...item
+		});
+	}));
+};
+var FUIAppList_default = FUIAppList;
+
+//#endregion
+//#region src/shell/ui/appSwitcher/UnityApps.jsx
+const useStyles$3 = makeStyles((theme) => ({
+	firstStyle: {
+		backgroundColor: (props) => props.backgroundColor,
+		padding: theme.spacing(2),
+		marginTop: 24
+	},
+	secondStyle: { color: "black" }
+}));
+const UnityApps = (props) => {
+	const { firstStyle, secondStyle } = useStyles$3(props);
+	const { children } = props;
+	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: `${firstStyle} ${secondStyle}` }, children));
+};
+var UnityApps_default = UnityApps;
+
+//#endregion
+//#region src/shell/ui/appSwitcher/ProductAppListItem.jsx
+const useStyles$2 = makeStyles((theme) => ({
+	icons: { color: (props) => props.color },
+	buttonGroup: {
+		display: "flex",
+		alignItems: "center",
+		marginBottom: "16px !important",
+		width: 190
+	},
+	label: { paddingLeft: theme.spacing(3) },
+	images: {
+		width: theme.spacing(3),
+		height: theme.spacing(3),
+		cursor: "pointer",
+		color: "lightslategray"
+	}
+}));
+const ProductAppListItem = (props) => {
+	const classes = useStyles$2(props);
+	const { label, redirectInfo, image, icon, getAccessToken, user } = props;
+	const [open, setOpen] = useState(false);
+	const handleClick = () => {
+		redirectToLinkOnClick(redirectInfo, getAccessToken, user);
+		setOpen(!open);
+	};
+	return image ? /* @__PURE__ */ React.createElement("div", { className: classes.buttonGroup }, /* @__PURE__ */ React.createElement(IconButton, {
+		className: classes.icons,
+		onClick: handleClick
+	}, /* @__PURE__ */ React.createElement("img", {
+		src: image,
+		alt: label,
+		className: classes.images
+	})), /* @__PURE__ */ React.createElement("div", { className: classes.label }, label)) : /* @__PURE__ */ React.createElement("div", { className: classes.buttonGroup }, icon && /* @__PURE__ */ React.createElement(FluentIcon, {
+		component: icon,
+		className: classes.images,
+		onClick: handleClick
+	}), /* @__PURE__ */ React.createElement("div", { className: classes.label }, label));
+};
+var ProductAppListItem_default = ProductAppListItem;
+
+//#endregion
+//#region src/shell/ui/appSwitcher/ProductAppList.jsx
+const useStyles$1 = makeStyles((theme) => ({
+	root: {
+		"& > *": { margin: theme.spacing(.5) },
+		display: "flex",
+		flexWrap: "wrap"
+	},
+	icons: { color: (props) => props.color },
+	buttonGroup: {
+		display: "flex",
+		marginRight: theme.spacing(3),
+		width: 170
+	},
+	label: {
+		color: theme.palette.getContrastText(theme.palette.secondary.light),
+		marginTop: theme.spacing(2)
+	},
+	title: {
+		color: theme.palette.getContrastText(theme.palette.secondary.light),
+		minWidth: 320
+	},
+	moreAppContainer: { width: "100%" },
+	moreApps: {
+		color: theme.palette.getContrastText(theme.palette.secondary.light),
+		display: "flex",
+		flexDirection: "row",
+		justifyContent: "flex-end"
+	},
+	arrow: {
+		size: 18,
+		marginLeft: theme.spacing(1)
+	}
+}));
+const ProductAppList = (props) => {
+	const classes = useStyles$1(props);
+	const { apps, user } = props;
+	const { t, i18n } = useTranslation();
+	const AppGroup = (props$1) => {
+		const { title, apps: apps$1 } = props$1;
+		return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(Typography, {
+			variant: "h6",
+			className: classes.title
+		}, t(title)), apps$1);
+	};
+	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(AppGroup, { apps: apps.map((item) => {
+		return /* @__PURE__ */ React.createElement(ProductAppListItem_default, {
+			key: item.id,
+			label: t(item.label),
+			redirectInfo: item.redirectInfo,
+			image: item.image,
+			icon: item.icon,
+			user,
+			getAccessToken: item.getAccessToken
+		});
+	}) }));
+};
+var ProductAppList_default = ProductAppList;
+
+//#endregion
+//#region src/shell/ui/appSwitcher/FUIAppSwitcher.jsx
+const useStyles = makeStyles((theme) => ({
+	card: {
+		marginRight: theme.spacing(1.5),
+		marginBottom: theme.spacing(1.5)
+	},
+	content: { padding: theme.spacing(2) },
+	appList: { marginTop: theme.spacing(1) },
+	list: {
+		display: "flex",
+		flexDirection: "row",
+		flexWrap: "wrap"
+	},
+	divider: {
+		marginTop: theme.spacing(2),
+		marginBottom: theme.spacing(2)
+	},
+	unityBuilders: {},
+	title: { marginTop: theme.spacing(2) },
+	column: {
+		display: "flex",
+		flexDirection: "row"
+	},
+	favorite: {
+		display: "flex",
+		flexDirection: "row",
+		marginTop: theme.spacing(-1)
+	}
+}));
+const FUIAppSwitcher = (props) => {
+	const { onClose, favoriteMenu, builderMenu, appMenu, unityUrl, user, header } = props;
+	const classes = useStyles(props);
+	const theme = useTheme();
+	const appHintColor = theme.palette.primary.light;
+	const appColor = theme.palette.primary.main;
+	const { t, i18n } = useTranslation();
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(FUIAppHeader_default, {
+		onClose,
+		unityUrl,
+		user
+	}), /* @__PURE__ */ React.createElement("div", { className: classes.content }, /* @__PURE__ */ React.createElement("div", { className: classes.column }, /* @__PURE__ */ React.createElement("div", { className: classes.right }, /* @__PURE__ */ React.createElement("div", { className: classes.appList }, header, appMenu?.length ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, {
+		variant: "h6",
+		className: classes.title
+	}, t("Unity Apps")), /* @__PURE__ */ React.createElement(UnityApps_default, {
+		backgroundColor: appHintColor,
+		children: /* @__PURE__ */ React.createElement(ProductAppList_default, {
+			apps: appMenu,
+			color: appColor,
+			user
+		})
+	}), /* @__PURE__ */ React.createElement(Divider, { className: classes.divider })) : null, builderMenu?.length ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, {
+		variant: "h6",
+		className: classes.title
+	}, t("Unity Builders")), /* @__PURE__ */ React.createElement("div", { className: classes.unityBuilders }, /* @__PURE__ */ React.createElement(FUIAppList_default, {
+		apps: builderMenu,
+		verticalColor: appColor,
+		closeSwitcher: onClose,
+		user
+	})), /* @__PURE__ */ React.createElement(Divider, { className: classes.divider }), " ") : null, favoriteMenu?.length ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, {
+		variant: "h6",
+		className: classes.title
+	}, t("Favorites")), /* @__PURE__ */ React.createElement("div", { className: classes.favorite }, /* @__PURE__ */ React.createElement(FUIAppList_default, {
+		apps: favoriteMenu,
+		verticalColor: appColor,
+		closeSwitcher: onClose,
+		user
+	}))) : null)))));
+};
+var FUIAppSwitcher_default = FUIAppSwitcher;
+
+//#endregion
+export { FUIAppSwitcher_default as t };
+//# sourceMappingURL=FUIAppSwitcher-u_jjF-7U.js.map

package/dist/FUIAppSwitcher-u_jjF-7U.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FUIAppSwitcher-u_jjF-7U.js","names":["useStyles","useStyles","Link","useStyles","FUIAppListItem","useStyles","useStyles","useStyles","props","apps","ProductAppListItem","FUIAppHeader","UnityApps","ProductAppList","FUIAppList"],"sources":["../src/shell/ui/appSwitcher/FUIAppHeader.jsx","../src/shell/ui/appSwitcher/FUIAppListItem.jsx","../src/shell/ui/appSwitcher/FUIAppList.jsx","../src/shell/ui/appSwitcher/UnityApps.jsx","../src/shell/ui/appSwitcher/ProductAppListItem.jsx","../src/shell/ui/appSwitcher/ProductAppList.jsx","../src/shell/ui/appSwitcher/FUIAppSwitcher.jsx"],"sourcesContent":["import React from 'react';\nimport {\n  makeStyles,\n  Typography,\n  IconButton,\n  AppBar,\n  Toolbar\n} from '@material-ui/core';\nimport { WaffleIcon, ForwardIcon } from '@fluentui/react-icons';\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon';\nimport { FluentButton } from '../../../UI/inputs/buttons/FluentButton';\nimport { useTranslation } from 'react-i18next';\nimport { useUser } from '../../../utilities/auth/useUser';\nimport { ConfigService } from '../../../configService';\n\nconst useStyles = makeStyles((theme) => ({\n  main: {\n    flexGrow: 1,\n    padding: '0 24px',\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center'\n  },\n  secondary: {},\n  appIcon: {\n    width: 24,\n    height: 24,\n    color: theme.palette.text.primary\n  },\n  appLink: {\n    display: 'flex',\n    flexDirection: 'row'\n  },\n  arrow: {},\n  arrowIcon: {\n    width: 12,\n    height: 12\n  },\n  linkTitle: {\n    marginRight: theme.spacing(1)\n  },\n  toolbar: {\n    padding: 0,\n    minHeight: theme.spacing(6)\n  }\n}));\n\nconst FUIAppHeader = (props) => {\n  const classes = useStyles();\n  const { onClose, unityUrl } = props;\n  const { t, i18n } = useTranslation();\n  const user = useUser();\n\n  const openInNewTab = (url) => {\n    const newWindow = window.open(\n      url + `?tenantId=${user.currentTenantId}`,\n      '_blank',\n      'noopener,noreferrer'\n    );\n    if (newWindow) newWindow.opener = null;\n  };\n  return (\n    <AppBar elevation={0} color='transparent' position='static'>\n      <Toolbar className={classes.toolbar}>\n        <div className={classes.main}>\n          <IconButton\n            className={classes.menuButton}\n            edge='start'\n            onClick={onClose}\n          >\n            <FluentIcon component={WaffleIcon} className={classes.appIcon} />\n          </IconButton>\n          {ConfigService.config.UNITY_PRODUCT_ID != 1 && (\n            <FluentButton\n              className={classes.appLink}\n              onClick={() => openInNewTab(unityUrl)}\n            >\n              <div className={classes.linkTitle}>\n                <Typography className={classes.secondary} variant='body1'>\n                  {t('Back to Unity')}\n                </Typography>\n              </div>\n\n              <div className={classes.arrow}>\n                <FluentIcon\n                  component={ForwardIcon}\n                  className={classes.arrowIcon}\n                />\n              </div>\n            </FluentButton>\n          )}\n        </div>\n      </Toolbar>\n    </AppBar>\n  );\n};\nexport default FUIAppHeader;\n","import React, { useState } from 'react'\nimport { makeStyles, Typography, ButtonBase } from '@material-ui/core'\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon'\nimport { Link } from 'react-router-dom'\nimport { redirectToProductOnClick } from '../../../utilities/DemoJuly/redirectToProduct' // TODO for demo purposes\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    marginTop: theme.spacing(3),\n    marginRight: theme.spacing(6),\n    width: 110,\n    alignItems: 'center'\n  },\n  iconStyle: {\n    backgroundColor: (props) => props.verticalColor,\n    color: theme.palette.getContrastText(theme.palette.secondary.dark),\n    width: 40,\n    height: 40,\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  iconContainer: {\n    marginRight: theme.spacing(1)\n  },\n  imageIcon: {\n    width: 28,\n    height: 28\n  },\n  label: {\n    marginTop: theme.spacing(0.5)\n  },\n  images: {\n    width: theme.spacing(6),\n    height: theme.spacing(6)\n  }\n}))\n\nconst FUIAppListItem = (props) => {\n  const classes = useStyles()\n  const { iconStyle } = useStyles(props)\n  const {\n    icon,\n    label,\n    color,\n    redirectInfo,\n    link,\n    image,\n    params,\n    closeSwitcher,\n    user\n  } = props\n  const [open, setOpen] = useState(false)\n\n  const handleClick = () => {\n    if (redirectInfo) {\n      redirectToProductOnClick(redirectInfo, user.currentTenantId) // TODO for demo purposes\n    } else {\n      closeSwitcher()\n    }\n    setOpen(!open)\n  }\n\n  const iconButton =\n    !!icon || !!image ? (\n      redirectInfo ? (\n        <ButtonBase onClick={handleClick}>\n          {image ? (\n            <img src={image} alt={label} className={classes.images} />\n          ) : (\n            <div className={`${iconStyle}`}>\n              <FluentIcon\n                component={icon}\n                style={{ color: `${color ? color : ''}` }}\n              />\n            </div>\n          )}\n        </ButtonBase>\n      ) : (\n        <ButtonBase\n          component={Link}\n          to={{\n            pathname: link,\n            state: params\n          }}\n          onClick={handleClick}\n        >\n          {image ? (\n            <img src={image} alt={label} className={classes.images} />\n          ) : (\n            <div className={`${iconStyle}`}>\n              <FluentIcon\n                component={icon}\n                style={{ color: `${color ? color : ''}` }}\n              />\n            </div>\n          )}\n        </ButtonBase>\n      )\n    ) : null\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.iconContainer}>{iconButton}</div>\n      <div>\n        <Typography variant='caption' className={classes.label}>\n          {label}\n        </Typography>\n      </div>\n    </div>\n  )\n}\nexport default FUIAppListItem\n","import React from 'react'\nimport { makeStyles } from '@material-ui/core'\nimport FUIAppListItem from './FUIAppListItem'\n\nconst useStyles = makeStyles(\n  {\n    root: {\n      display: 'flex',\n      flexDirection: 'row',\n      flexWrap: 'wrap',\n      maxWidth: 500\n    }\n  },\n  { name: 'FUIAppList' }\n)\n\nconst FUIAppList = (props) => {\n  const { apps, verticalColor, closeSwitcher, user } = props\n  const classes = useStyles()\n\n  return (\n    <div className={classes.root}>\n      {apps.map((item) => {\n        return (\n          <FUIAppListItem\n            key={item.label}\n            verticalColor={verticalColor}\n            closeSwitcher={closeSwitcher}\n            user={user}\n            {...item}\n          />\n        )\n      })}\n    </div>\n  )\n}\nexport default FUIAppList\n","import React from 'react';\nimport { makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n  firstStyle: {\n    backgroundColor: (props) => props.backgroundColor,\n    padding: theme.spacing(2),\n    marginTop: 24\n  },\n  secondStyle: {\n    // color: props => props.color,\n    color: 'black'\n  }\n}));\n\nconst UnityApps = (props) => {\n  const { firstStyle, secondStyle } = useStyles(props);\n  const { children } = props;\n  return (\n    <div>\n      <div className={`${firstStyle} ${secondStyle}`}>{children}</div>\n    </div>\n  );\n};\nexport default UnityApps;\n","import React, { useState } from 'react';\nimport { makeStyles, IconButton } from '@material-ui/core';\nimport { redirectToLinkOnClick } from '../../../utilities/menus/redirectToLink';\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon';\n\nconst useStyles = makeStyles((theme) => ({\n  icons: {\n    color: (props) => props.color\n  },\n  buttonGroup: {\n    display: 'flex',\n    alignItems: 'center',\n    marginBottom: '16px !important',\n    width: 190\n  },\n  label: {\n    paddingLeft: theme.spacing(3)\n  },\n  images: {\n    width: theme.spacing(3),\n    height: theme.spacing(3),\n    cursor: 'pointer',\n    color: 'lightslategray'\n  }\n}));\n\nconst ProductAppListItem = (props) => {\n  const classes = useStyles(props);\n  const { label, redirectInfo, image, icon, getAccessToken, user } = props;\n  const [open, setOpen] = useState(false);\n\n  const handleClick = () => {\n    redirectToLinkOnClick(redirectInfo, getAccessToken, user);\n    setOpen(!open);\n  };\n\n  return image ? (\n    <div className={classes.buttonGroup}>\n      <IconButton className={classes.icons} onClick={handleClick}>\n        <img src={image} alt={label} className={classes.images} />\n      </IconButton>\n      <div className={classes.label}>{label}</div>\n    </div>\n  ) : (\n    <div className={classes.buttonGroup}>\n      {icon && (\n        <FluentIcon\n          component={icon}\n          className={classes.images}\n          onClick={handleClick}\n        />\n      )}\n      <div className={classes.label}>{label}</div>\n    </div>\n  );\n};\nexport default ProductAppListItem;\n","import React from 'react';\nimport { makeStyles, Typography } from '@material-ui/core';\nimport Arrow from '@material-ui/icons/esm/ArrowForward';\nimport ProductAppListItem from './ProductAppListItem';\nimport { useTranslation } from 'react-i18next';\n\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    '& > *': {\n      margin: theme.spacing(0.5)\n    },\n    display: 'flex',\n    flexWrap: 'wrap'\n  },\n  icons: {\n    color: (props) => props.color\n  },\n  buttonGroup: {\n    display: 'flex',\n    marginRight: theme.spacing(3),\n    width: 170\n  },\n  label: {\n    color: theme.palette.getContrastText(theme.palette.secondary.light),\n    marginTop: theme.spacing(2)\n  },\n  title: {\n    color: theme.palette.getContrastText(theme.palette.secondary.light),\n    minWidth: 320\n  },\n\n  moreAppContainer: {\n    width: '100%'\n  },\n  moreApps: {\n    color: theme.palette.getContrastText(theme.palette.secondary.light),\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'flex-end'\n  },\n  arrow: {\n    size: 18,\n    marginLeft: theme.spacing(1)\n  }\n}));\n\nconst ProductAppList = (props) => {\n  const classes = useStyles(props);\n  const { apps, user } = props;\n  const { t, i18n } = useTranslation();\n\n  const AppGroup = (props) => {\n    const { title, apps } = props;\n    return (\n      <div className={classes.root}>\n        <Typography variant='h6' className={classes.title}>\n          {t(title)}\n        </Typography>\n        {apps}\n        {/* <div className={classes.moreAppContainer}>\n          <div className={classes.moreApps}>\n            <div>\n              <Typography variant=\"caption\">All Apps</Typography>\n            </div>\n            <div className={classes.arrow}>\n              <Arrow />\n            </div>\n          </div>\n        </div> */}\n      </div>\n    );\n  };\n\n  return (\n    <div>\n      <AppGroup\n        apps={apps.map((item) => {\n          return (\n            <ProductAppListItem\n              key={item.id}\n              label={t(item.label)}\n              redirectInfo={item.redirectInfo}\n              image={item.image}\n              icon={item.icon}\n              user={user}\n              getAccessToken={item.getAccessToken}\n            />\n          );\n        })}\n      />\n    </div>\n  );\n};\nexport default ProductAppList;\n","import React, { Fragment } from 'react';\nimport { makeStyles, Typography, Divider, useTheme } from '@material-ui/core';\nimport FUIAppHeader from './FUIAppHeader';\nimport FUIAppList from './FUIAppList';\nimport UnityApps from './UnityApps';\nimport ProductAppList from './ProductAppList';\nimport { useTranslation } from 'react-i18next';\n\n\nconst useStyles = makeStyles((theme) => ({\n  // root: { width: 540 },\n  card: { marginRight: theme.spacing(1.5), marginBottom: theme.spacing(1.5) },\n  content: {\n    padding: theme.spacing(2)\n  },\n  appList: {\n    marginTop: theme.spacing(1)\n  },\n  list: {\n    display: 'flex',\n    flexDirection: 'row',\n    flexWrap: 'wrap'\n  },\n  divider: {\n    marginTop: theme.spacing(2),\n    marginBottom: theme.spacing(2)\n  },\n  unityBuilders: {\n    // width: 300,\n  },\n  title: {\n    marginTop: theme.spacing(2)\n  },\n  column: {\n    display: 'flex',\n    flexDirection: 'row'\n  },\n  favorite: {\n    display: 'flex',\n    flexDirection: 'row',\n    marginTop: theme.spacing(-1)\n  }\n}));\n\nconst FUIAppSwitcher = (props) => {\n  const { onClose, favoriteMenu, builderMenu, appMenu, unityUrl, user, header } = props;\n  const classes = useStyles(props);\n  const theme = useTheme();\n  const appHintColor = theme.palette.primary.light;\n  const appColor = theme.palette.primary.main;\n  const { t, i18n } = useTranslation();\n  return (\n    <div className={classes.root}>\n      <FUIAppHeader onClose={onClose} unityUrl={unityUrl} user={user} />\n      <div className={classes.content}>\n        <div className={classes.column}>\n          <div className={classes.right}>\n            <div className={classes.appList}>\n              {header}\n              {appMenu?.length ? (\n                <>\n                  <Typography variant='h6' className={classes.title}>\n                    {t('Unity Apps')}\n                  </Typography>\n                  <UnityApps\n                    backgroundColor={appHintColor}\n                    children={\n                      <ProductAppList\n                        apps={appMenu}\n                        color={appColor}\n                        user={user}\n                      />\n                    }\n                  />\n                  <Divider className={classes.divider} />\n                </>\n              ) : null}\n              {builderMenu?.length ? (\n                <>\n                  <Typography variant='h6' className={classes.title}>\n                    {t('Unity Builders')}\n                  </Typography>\n                  <div className={classes.unityBuilders}>\n                    <FUIAppList\n                      apps={builderMenu}\n                      verticalColor={appColor}\n                      closeSwitcher={onClose}\n                      user={user}\n                    />\n                  </div>\n                  <Divider className={classes.divider} />{' '}\n                </>\n              ) : null}\n              {favoriteMenu?.length ? (\n                <>\n                  <Typography variant='h6' className={classes.title}>\n                    {t('Favorites')}\n                  </Typography>\n                  <div className={classes.favorite}>\n                    <FUIAppList\n                      apps={favoriteMenu}\n                      verticalColor={appColor}\n                      closeSwitcher={onClose}\n                      user={user}\n                    />\n                  </div>\n                </>\n              ) : null}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\nexport default FUIAppSwitcher;\n"],"mappings":"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"}

package/dist/FUICard-DmszpY_T.js

@@ -0,0 +1,140 @@
+import { t as FluentIcon } from "./FluentIcon-DQ6nSDJg.js";
+import { t as FUISquareIconButton_default } from "./FUISquareIconButton-DwTSTnBV.js";
+import { t as FluentCard } from "./FluentCard-C3qSYfiz.js";
+import { t as useId } from "./useId-I-OmRBmB.js";
+import React, { forwardRef } from "react";
+import { Button, CardActions, CardContent, Menu, Typography, makeStyles } from "@material-ui/core";
+import clsx from "clsx";
+import { MoreIcon } from "@fluentui/react-icons";
+
+//#region src/UI/surfaces/cards/fluentCards/FUICardHeader.jsx
+const useStyles$3 = makeStyles((theme) => ({
+	root: {
+		minHeight: 40,
+		paddingLeft: theme.spacing(2),
+		display: "flex",
+		flexDirection: "row",
+		alignItems: "center",
+		borderBottom: `1px solid ${theme.palette.divider}`
+	},
+	title: { flexGrow: 1 }
+}));
+const FUICardHeader = (props, ref) => {
+	const classes = useStyles$3(props);
+	const { className, children, headerActions, titleId, ...other } = props;
+	return /* @__PURE__ */ React.createElement("div", {
+		ref,
+		...other,
+		className: clsx(className, classes.root)
+	}, /* @__PURE__ */ React.createElement(Typography, {
+		id: titleId,
+		className: classes.title
+	}, children), headerActions);
+};
+var FUICardHeader_default = forwardRef(FUICardHeader);
+
+//#endregion
+//#region src/UI/surfaces/cards/fluentCards/FluentCardContent.jsx
+const useStyles$2 = makeStyles({ root: {} }, { name: "FluentCardContent" });
+/**
+* A variant of <CardContent> that uses a Fluent UI card style
+*/
+const FluentCardContent = forwardRef((props, ref) => {
+	const classes = useStyles$2(props);
+	const { children, ...other } = props;
+	return /* @__PURE__ */ React.createElement(CardContent, {
+		ref,
+		...other,
+		classes
+	}, children);
+});
+FluentCardContent.displayName = "FluentCardContent";
+
+//#endregion
+//#region src/UI/surfaces/cards/fluentCards/FluentCardActions.jsx
+const useStyles$1 = makeStyles({
+	root: {},
+	spacing: {}
+}, { name: "FluentCardActions" });
+/**
+* A variant of <CardActions> that uses a Fluent UI card style
+*/
+const FluentCardActions = forwardRef((props, ref) => {
+	const classes = useStyles$1(props);
+	const { children, ...other } = props;
+	return /* @__PURE__ */ React.createElement(CardActions, {
+		ref,
+		...other,
+		classes
+	}, children);
+});
+FluentCardActions.displayName = "FluentCardActions";
+
+//#endregion
+//#region src/UI/surfaces/cards/fluentCards/FUICard.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {
+		display: "flex",
+		flexDirection: "column"
+	},
+	raised: { zIndex: 1 },
+	contentArea: {
+		flex: "1 1 auto",
+		minHeight: 0,
+		display: "flex",
+		flexDirection: "column"
+	},
+	cardActions: {
+		display: "flex",
+		flexDirection: "row",
+		justifyContent: "flex-start",
+		paddingTop: theme.spacing(1),
+		padding: theme.spacing(2)
+	}
+}), { name: "FUICard" });
+let FUICardAction = (props, ref) => {
+	const { children, ...other } = props;
+	return /* @__PURE__ */ React.createElement(Button, {
+		ref,
+		size: "small",
+		variant: "contained",
+		disableElevation: true,
+		...other
+	}, children);
+};
+FUICardAction = forwardRef(FUICardAction);
+let FUICardHeaderMenu = (props, ref) => {
+	const { children } = props;
+	return /* @__PURE__ */ React.createElement("div", {
+		button: /* @__PURE__ */ React.createElement(FUISquareIconButton_default, null, /* @__PURE__ */ React.createElement(FluentIcon, {
+			component: MoreIcon,
+			size: "small"
+		})),
+		menu: /* @__PURE__ */ React.createElement(Menu, null, children)
+	});
+};
+FUICardHeaderMenu = forwardRef(FUICardHeaderMenu);
+const FUICard = (props, ref) => {
+	const classes = useStyles();
+	const { className, children, actions, title, headerActions, CardHeaderProps, CardProps, raised, name, ...cardProps } = props;
+	const titleId = `${useId(name, cardProps.id)}-title`;
+	return /* @__PURE__ */ React.createElement(FluentCard, {
+		ref,
+		component: "section",
+		"aria-labelledby": titleId,
+		...cardProps,
+		raised,
+		className: clsx(className, raised && classes.raised),
+		...CardProps,
+		classes: { root: classes.root }
+	}, /* @__PURE__ */ React.createElement(FUICardHeader_default, {
+		titleId,
+		headerActions,
+		...CardHeaderProps
+	}, title), /* @__PURE__ */ React.createElement(FluentCardContent, { className: classes.contentArea }, children), actions && /* @__PURE__ */ React.createElement(FluentCardActions, { className: classes.cardActions }, actions));
+};
+var FUICard_default = forwardRef(FUICard);
+
+//#endregion
+export { FluentCardContent as a, FluentCardActions as i, FUICardHeaderMenu as n, FUICard_default as r, FUICardAction as t };
+//# sourceMappingURL=FUICard-DmszpY_T.js.map