, name: string) => {\r\n const selectedIndex = selected.indexOf(name);\r\n let newSelected: string[] = [];\r\n\r\n if (selectedIndex === -1) {\r\n newSelected = newSelected.concat(selected, name);\r\n } else if (selectedIndex === 0) {\r\n newSelected = newSelected.concat(selected.slice(1));\r\n } else if (selectedIndex === selected.length - 1) {\r\n newSelected = newSelected.concat(selected.slice(0, -1));\r\n } else if (selectedIndex > 0) {\r\n newSelected = newSelected.concat(\r\n selected.slice(0, selectedIndex),\r\n selected.slice(selectedIndex + 1)\r\n );\r\n }\r\n\r\n setSelected(newSelected);\r\n };\r\n\r\n const handleChangePage = (event: unknown, newPage: number) => {\r\n setPage(newPage);\r\n };\r\n\r\n const isSelected = (name: string) => selected.indexOf(name) !== -1;\r\n\r\n const emptyRows =\r\n rowsPerPage - Math.min(rowsPerPage, rows.length - page * rowsPerPage);\r\n\r\n const theme = Mui.useTheme();\r\n\r\n return (\r\n \r\n \r\n \r\n {rows.length > 0 && (\r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n \r\n Actions\r\n \r\n \r\n \r\n \r\n )}\r\n \r\n |
\r\n \r\n \r\n {stableSort(rows as any, getComparator(order, orderBy))\r\n .slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)\r\n .map((row, index) => {\r\n const isItemSelected = isSelected(row.setID as string);\r\n const labelId = `enhanced-table-checkbox-${index}`;\r\n\r\n return (\r\n handleClick(event, row.setID as string)}\r\n aria-checked={isItemSelected}\r\n tabIndex={-1}\r\n key={row.setID}\r\n // selected={isItemSelected}\r\n >\r\n \r\n {row.setName}\r\n \r\n \r\n {row.setCode}\r\n \r\n \r\n {row.hundCode}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {false && (\r\n \r\n handleEditClick({\r\n article: (row as unknown) as Models.Set.Article,\r\n })\r\n }\r\n size=\"small\"\r\n style={{\r\n padding: theme.spacing(0.125),\r\n }}\r\n >\r\n \r\n \r\n {/* */}\r\n \r\n \r\n )}\r\n\r\n {false && (\r\n handleDeleteClick({ id: row.setID })}\r\n size=\"small\"\r\n style={{\r\n padding: theme.spacing(0.125),\r\n }}\r\n >\r\n \r\n \r\n {/* */}\r\n \r\n \r\n )}\r\n\r\n {false && (\r\n \r\n handleActivateClick({ id: row.setID })\r\n }\r\n size=\"small\"\r\n style={{\r\n padding: theme.spacing(0.125),\r\n }}\r\n >\r\n \r\n \r\n {/* */}\r\n \r\n \r\n )}\r\n\r\n {false && (\r\n \r\n handleTranslateClick({\r\n article: (row as unknown) as Models.Set.Article,\r\n })\r\n }\r\n size=\"small\"\r\n style={{\r\n padding: theme.spacing(0.125),\r\n }}\r\n >\r\n \r\n {/* */}\r\n \r\n \r\n \r\n )}\r\n\r\n \r\n handleView({\r\n article: (row as unknown) as Models.Set.Article,\r\n })\r\n }\r\n style={{\r\n padding: theme.spacing(0.125),\r\n }}\r\n size=\"small\"\r\n >\r\n \r\n {/* */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n })}\r\n {rows.length === 0 && (\r\n \r\n \r\n \r\n No articles found\r\n \r\n \r\n \r\n )}\r\n {emptyRows > 0 && (\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n {rows.length > 7 && (\r\n \r\n handleChangePage(event, page - 1)}\r\n shape=\"rounded\"\r\n />\r\n \r\n )}\r\n \r\n
\r\n );\r\n}\r\n\r\nexport const Main = Mobx.observer(function () {\r\n const [validationFailedDialog, setValidationFailedDialog] = React.useState<{\r\n open: boolean;\r\n action: \"ACTIVATE\" | \"DELETE\";\r\n dependentArticles: Models.Set.Article[];\r\n selectedArticles: Models.Set.Article[];\r\n }>({\r\n open: false,\r\n action: \"ACTIVATE\",\r\n dependentArticles: [],\r\n selectedArticles: [],\r\n });\r\n const [currentArticle, setCurrentArticle] = React.useState<\r\n Models.Set.Article\r\n >();\r\n const [detailsDrawerOpen, setDetailsDrawerOpen] = React.useState(\r\n false\r\n );\r\n const [editDialogOpen, setEditDialogOpen] = React.useState<\r\n Models.Set.Article\r\n >();\r\n const [translateDialogOpen, setTranslateDialogOpen] = React.useState<\r\n Models.Set.Article\r\n >();\r\n const [deleteDialogOpen, setDeleteDialogOpen] = React.useState<\r\n number | string\r\n >();\r\n const [activateDialogOpen, setActivateDialogOpen] = React.useState<\r\n number | string\r\n >();\r\n const [isLoading, setIsLoading] = React.useState(false);\r\n const userStore = React.useContext(App.Contexts.userStore);\r\n const articleStore = React.useContext(App.Contexts.articleStore);\r\n const functionStore = React.useContext(App.Contexts.functionStore);\r\n const theme = Mui.useTheme();\r\n const { t } = ReactI18next.useTranslation();\r\n const { enqueueSnackbar } = Notistack.useSnackbar();\r\n\r\n const articleService = new Services.Article({\r\n httpManager: new Services.Managers.Axios({ agent: App.axios }),\r\n urlFactory: new Services.Factories.URL({\r\n protocol: Constants.environment.apiBaseUrlProtocol as \"http\",\r\n hostname: Constants.environment.apiBaseUrlHostname,\r\n version: Constants.environment.apiBaseUrlVersion,\r\n }),\r\n });\r\n\r\n React.useEffect(() => {\r\n articleStore.read();\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n functionStore.read();\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n\r\n function getArticlesDependentOnThis({\r\n setID,\r\n }: {\r\n setID: number;\r\n }): Models.Set.Article[] {\r\n return articleStore.articles\r\n .filter((article) => article.status === 1)\r\n .filter((article) => article.dependentSets.includes(setID));\r\n }\r\n\r\n function getDependentArticlesOfThis({\r\n setID,\r\n }: {\r\n setID: number;\r\n }): Models.Set.Article[] {\r\n const selectedArticle = articleStore.articles.find(\r\n (article) => article.setID === setID\r\n );\r\n\r\n if (!selectedArticle) {\r\n return [];\r\n }\r\n\r\n return articleStore.articles\r\n .filter((article) => article.status === 2)\r\n .filter((article) =>\r\n selectedArticle.dependentSets.includes(article.setID)\r\n );\r\n }\r\n\r\n async function handleDeleteArticle() {\r\n setIsLoading(true);\r\n const uid = userStore.user?.uid;\r\n if (deleteDialogOpen === undefined || uid === undefined) {\r\n return;\r\n }\r\n\r\n try {\r\n await articleService.delete({\r\n articleId: deleteDialogOpen,\r\n uid,\r\n });\r\n enqueueSnackbar(t(\"Article successfully deleted!\"), {\r\n variant: \"success\",\r\n preventDuplicate: false,\r\n });\r\n } catch (error) {\r\n console.error(error);\r\n enqueueSnackbar(t(\"Something went wrong! Please try again later.\"), {\r\n variant: \"warning\",\r\n preventDuplicate: false,\r\n });\r\n } finally {\r\n setIsLoading(false);\r\n setDeleteDialogOpen(undefined);\r\n articleStore.read();\r\n }\r\n }\r\n async function handleActivateArticle() {\r\n setIsLoading(true);\r\n const uid = userStore.user?.uid;\r\n if (activateDialogOpen === undefined || uid === undefined) {\r\n // console.log({ activateDialogOpen, uid });\r\n return;\r\n }\r\n try {\r\n await articleService.activate({\r\n setId: activateDialogOpen,\r\n uid,\r\n });\r\n enqueueSnackbar(t(\"Article successfully activated!\"), {\r\n variant: \"success\",\r\n preventDuplicate: false,\r\n });\r\n } catch (error) {\r\n console.error(error);\r\n enqueueSnackbar(t(\"Something went wrong! Please try again later.\"), {\r\n variant: \"warning\",\r\n preventDuplicate: false,\r\n });\r\n } finally {\r\n setIsLoading(false);\r\n setActivateDialogOpen(undefined);\r\n articleStore.read();\r\n }\r\n }\r\n\r\n const handleSearch = (event: React.ChangeEvent) => {\r\n articleStore.setSearch({ search: event.target.value as string });\r\n };\r\n\r\n const handleChange = (event: React.ChangeEvent<{ value: unknown }>) => {\r\n const status = event.target.value as string | number;\r\n if (typeof status === \"string\" && status !== \"\") {\r\n return;\r\n }\r\n\r\n if (status === \"\") {\r\n articleStore.setStatus({ status: undefined });\r\n return;\r\n }\r\n\r\n articleStore.setStatus({ status });\r\n };\r\n\r\n const toggleDetailsDrawer = () => {\r\n setDetailsDrawerOpen(!detailsDrawerOpen);\r\n };\r\n\r\n return (\r\n <>\r\n {\r\n toggleDetailsDrawer();\r\n setEditDialogOpen(article);\r\n }}\r\n handleTranslateClick={({ article }) => {\r\n toggleDetailsDrawer();\r\n setTranslateDialogOpen(article);\r\n }}\r\n handleDeleteClick={({ id }) => {\r\n toggleDetailsDrawer();\r\n\r\n const articlesDepentOnThis = getArticlesDependentOnThis({\r\n setID: id as number,\r\n });\r\n\r\n const selectedArticle = articleStore.articles.find(\r\n (article) => article.setID === id\r\n );\r\n\r\n if (articlesDepentOnThis.length > 0) {\r\n setValidationFailedDialog({\r\n open: true,\r\n action: \"DELETE\",\r\n dependentArticles: articlesDepentOnThis,\r\n selectedArticles: selectedArticle ? [selectedArticle] : [],\r\n });\r\n return;\r\n }\r\n\r\n setDeleteDialogOpen(id);\r\n }}\r\n handleActivateClick={function ({ id }) {\r\n toggleDetailsDrawer();\r\n\r\n const dependentArticlesOfThis = getDependentArticlesOfThis({\r\n setID: id as number,\r\n });\r\n\r\n const selectedArticle = articleStore.articles.find(\r\n (article) => article.setID === id\r\n );\r\n\r\n if (dependentArticlesOfThis.length > 0) {\r\n setValidationFailedDialog({\r\n open: true,\r\n action: \"ACTIVATE\",\r\n dependentArticles: dependentArticlesOfThis,\r\n selectedArticles: selectedArticle ? [selectedArticle] : [],\r\n });\r\n return;\r\n }\r\n\r\n setActivateDialogOpen(id);\r\n }}\r\n />\r\n {\r\n articleStore.setCreateDialogOpen({ createDialogOpen: false });\r\n // articleStore.read();\r\n }}\r\n />\r\n {\r\n setTranslateDialogOpen(undefined);\r\n // articleStore.read();\r\n }}\r\n />\r\n {\r\n setEditDialogOpen(undefined);\r\n // articleStore.read();\r\n }}\r\n />\r\n \r\n {validationFailedDialog.action === \"DELETE\" && \"Deletion\"}\r\n {validationFailedDialog.action === \"ACTIVATE\" && \"Activation\"}\r\n interrupted!\r\n \r\n }\r\n handleClose={() => {\r\n setValidationFailedDialog({\r\n action: \"ACTIVATE\",\r\n dependentArticles: [],\r\n open: false,\r\n selectedArticles: [],\r\n });\r\n setDetailsDrawerOpen(true);\r\n }}\r\n contentText={\r\n <>\r\n {(function () {\r\n if (validationFailedDialog.dependentArticles.length === 0) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n Can't proceed!\r\n {validationFailedDialog.action === \"DELETE\" && (\r\n <>\r\n Based on the selected license for deletion, we found that\r\n there are other article(s) which depend on it. For a\r\n successful re-attempt, please try deleting all those\r\n article(s) first.\r\n \r\n )}\r\n {validationFailedDialog.action === \"ACTIVATE\" && (\r\n <>\r\n Based on the selected license for activation, we found\r\n that it is dependent on other article(s). For a successful\r\n re-attempt, please try activating all those article(s)\r\n first.\r\n \r\n )}\r\n \r\n );\r\n })()}\r\n\r\n \r\n Selected license for{\" \"}\r\n {validationFailedDialog.action === \"DELETE\" && \"deletion\"}\r\n {validationFailedDialog.action === \"ACTIVATE\" && \"activation\"}\r\n \r\n \r\n {validationFailedDialog.selectedArticles.map((set) => (\r\n \r\n \r\n set.functions.includes(func.setFunctionID)\r\n )}\r\n article={set}\r\n variant={\"DETAILED\"}\r\n />\r\n \r\n ))}\r\n \r\n {(function () {\r\n if (validationFailedDialog.dependentArticles.length === 0) {\r\n return null;\r\n }\r\n\r\n return (\r\n <>\r\n \r\n {validationFailedDialog.action === \"ACTIVATE\" && (\r\n <>\r\n Deleted dependent license(s) of your selected license\r\n for activation\r\n \r\n )}\r\n {validationFailedDialog.action === \"DELETE\" && (\r\n <>\r\n Active license(s) dependent on your selected license for\r\n deletion\r\n \r\n )}\r\n \r\n \r\n {validationFailedDialog.dependentArticles.map((set) => (\r\n \r\n \r\n set.functions.includes(func.setFunctionID)\r\n )}\r\n article={set}\r\n variant={\"DETAILED\"}\r\n />\r\n \r\n ))}\r\n \r\n \r\n );\r\n })()}\r\n \r\n }\r\n actions={\r\n <>\r\n {\r\n setValidationFailedDialog({\r\n action: \"ACTIVATE\",\r\n dependentArticles: [],\r\n open: false,\r\n selectedArticles: [],\r\n });\r\n setDetailsDrawerOpen(true);\r\n }}\r\n >\r\n OK\r\n \r\n \r\n }\r\n />\r\n setDeleteDialogOpen(undefined)}\r\n title={t(\"Delete article\")}\r\n contentText={t(\"Are you sure you want to delete this article?\")}\r\n actions={\r\n <>\r\n setDeleteDialogOpen(undefined)}\r\n >\r\n Cancel\r\n \r\n handleDeleteArticle()}\r\n disabled={isLoading}\r\n {...(!isLoading && {\r\n style: {\r\n backgroundColor: theme.palette.primary.main,\r\n color: theme.palette.common.white,\r\n },\r\n })}\r\n >\r\n Delete\r\n {isLoading && (\r\n \r\n )}\r\n \r\n \r\n }\r\n />\r\n setActivateDialogOpen(undefined)}\r\n title={t(\"Activate article\")}\r\n contentText={t(\"Are you sure you want to activate this article?\")}\r\n actions={\r\n <>\r\n setActivateDialogOpen(undefined)}\r\n >\r\n Cancel\r\n \r\n handleActivateArticle()}\r\n disabled={isLoading}\r\n {...(!isLoading && {\r\n style: {\r\n backgroundColor: theme.palette.success.main,\r\n color: theme.palette.common.white,\r\n },\r\n })}\r\n >\r\n \r\n Activate\r\n \r\n {isLoading && (\r\n \r\n )}\r\n \r\n \r\n }\r\n />\r\n { articleStore.articles.length > 0 &&(\r\n \r\n \r\n \r\n Filter by status\r\n \r\n \r\n \r\n Filter by status\r\n \r\n }\r\n >\r\n \r\n \r\n None\r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n { articleStore.articles.length > 0 &&()}\r\n \r\n )}\r\n {articleStore.isInitialLoading ? (\r\n \r\n \r\n \r\n ) : (\r\n <>\r\n {articleStore.view === \"CARD\" && (\r\n {\r\n setCurrentArticle(article);\r\n toggleDetailsDrawer();\r\n }}\r\n articles={articleStore.filtered}\r\n />\r\n )}\r\n {articleStore.view === \"TABULAR\" && (\r\n {\r\n setEditDialogOpen(article);\r\n }}\r\n handleTranslateClick={({ article }) => {\r\n setTranslateDialogOpen(article);\r\n }}\r\n handleDeleteClick={({ id }) => {\r\n setDeleteDialogOpen(id);\r\n }}\r\n handleActivateClick={({ id }) => {\r\n setActivateDialogOpen(id);\r\n }}\r\n handleView={({ article }) => {\r\n setCurrentArticle(article);\r\n toggleDetailsDrawer();\r\n }}\r\n rows={articleStore.filtered}\r\n />\r\n )}\r\n \r\n )}\r\n \r\n );\r\n});\r\n","/** @format */\r\n\r\nimport * as Article from \"src/app/pages/article\";\r\nimport * as Yup from \"yup\";\r\nimport * as React from \"react\";\r\nimport * as App from \"src/app\";\r\n\r\nexport declare namespace Shared {\r\n export interface Props {\r\n t(key: string): string;\r\n }\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare\r\nexport function Shared({ t }: Shared.Props) {\r\n const articleStore = React.useContext(App.Contexts.articleStore);\r\n const articleIdFromEdit: any = localStorage.getItem(\"articleIdFromEdit\");\r\n return {\r\n Form: {\r\n validationSchema: Yup.object({\r\n name: Yup.string()\r\n .required(t(\"Article name is required\"))\r\n .test(\"Already exists\", t(\"Article name already exists\"), (value) => {\r\n if (articleIdFromEdit?.length > 0) {\r\n if (\r\n articleStore.articles\r\n .filter((k) => k.setID !== parseInt(articleIdFromEdit))\r\n .map((k: any) => k.setName)\r\n .includes(value)\r\n ) {\r\n return false;\r\n } else {\r\n return true;\r\n }\r\n } else if (\r\n articleStore.articles.map((k: any) => k.setName).includes(value)\r\n ) {\r\n return false;\r\n } else {\r\n return true;\r\n }\r\n }),\r\n code: Yup.string()\r\n .required(t(\"Article code is required\"))\r\n .test(\"Already exists\", t(\"Article code already exists\"), (value) => {\r\n if (articleIdFromEdit?.length > 0) {\r\n if (\r\n articleStore.articles\r\n .filter((k) => k.setID !== parseInt(articleIdFromEdit))\r\n .map((k: any) => k.setCode)\r\n .includes(value)\r\n ) {\r\n return false;\r\n } else {\r\n return true;\r\n }\r\n } else if (\r\n articleStore.articles.map((k: any) => k.setCode).includes(value)\r\n ) {\r\n return false;\r\n } else {\r\n return true;\r\n }\r\n }),\r\n industrySegmentsId: Yup.string()\r\n .nullable()\r\n .required(t(\"Industry / Segment is required\")),\r\n hundCode: Yup.string()\r\n .required(t(\"Model number is required\"))\r\n .test(\"Already exists\", t(\"Model number already exists\"), (value) => {\r\n if (articleIdFromEdit?.length > 0) {\r\n if (\r\n articleStore.articles\r\n .filter((k) => k.setID !== parseInt(articleIdFromEdit))\r\n .map((k: any) => k.hundCode)\r\n .includes(value)\r\n ) {\r\n return false;\r\n } else {\r\n return true;\r\n }\r\n } else if (\r\n articleStore.articles.map((k: any) => k.hundCode).includes(value)\r\n ) {\r\n return false;\r\n } else {\r\n return true;\r\n }\r\n }),\r\n description: Yup.string().required(\r\n t(\"Article description is required\")\r\n ),\r\n \r\n isFree: Yup.bool().notRequired(),\r\n validityPeriodInDays: Yup.number().required(t(\"Validity is required\")),\r\n netPricePerItem: Yup.number().required(t(\"Price is required\")),\r\n licensesPerArticle: Yup.number().required(t(\"Licenses are required\")),\r\n iconClass: Yup.string().nullable().required(t(\"Icon name is required\")),\r\n linkForMoreInfo: Yup.string()\r\n .nullable()\r\n .required(t(\"More info link is required\")),\r\n setID: Yup.array()\r\n .nullable()\r\n .required(t(\"Functions are required\")),\r\n dependentSets: Yup.array(),\r\n }),\r\n },\r\n Translate: {\r\n Form: {\r\n validationSchema: Yup.object({\r\n name_de: Yup.string().required(t(\"Article name in DE is required\")),\r\n name_es: Yup.string().required(t(\"Article name in ES is required\")),\r\n name_fr: Yup.string().required(t(\"Article name in FR is required\")),\r\n name_it: Yup.string().required(t(\"Article name in IT is required\")),\r\n description_de: Yup.string().required(\r\n t(\"Description in DE is required\")\r\n ),\r\n description_es: Yup.string().required(\r\n t(\"Description in ES is required\")\r\n ),\r\n description_fr: Yup.string().required(\r\n t(\"Description in FR is required\")\r\n ),\r\n description_it: Yup.string().required(\r\n t(\"Description in IT is required\")\r\n ),\r\n }),\r\n },\r\n },\r\n };\r\n}\r\n","import * as Mobx from \"mobx\";\r\nimport * as i18n from \"src/app/i18n\";\r\nimport * as Models from \"src/models\";\r\nimport * as Services from \"src/services\";\r\n\r\nexport declare namespace Store {\r\n export type View = \"TABULAR\" | \"CARD\";\r\n\r\n export interface IStore {\r\n isLoading: boolean;\r\n search: string;\r\n status?: number;\r\n view: Store.View;\r\n createDialogOpen: boolean;\r\n articles: Models.Set.Article[];\r\n }\r\n\r\n export type Options = Pick & {\r\n articleService: Services.Article;\r\n };\r\n\r\n export namespace SetView {\r\n export interface Props extends Pick {}\r\n }\r\n\r\n export namespace SetCreateDialogOpen {\r\n export interface Props extends Pick {}\r\n }\r\n\r\n export namespace SetSearch {\r\n export interface Props extends Pick {}\r\n }\r\n\r\n export namespace SetStatus {\r\n export interface Props extends Pick {}\r\n }\r\n\r\n export namespace SetLocale {\r\n export interface Props {\r\n locale: string;\r\n }\r\n }\r\n\r\n export namespace Read {\r\n export interface Props extends Services.Article.GetAllData.Props {}\r\n }\r\n\r\n export namespace GetAllSetData {\r\n export interface Props {\r\n userID?: string | any;\r\n customerDealerId?: string | any;\r\n }\r\n }\r\n\r\n export namespace GetAllPurchanseSetData {\r\n export interface Props {\r\n orderID?: string | any;\r\n }\r\n export type Return = Models.API.Response;\r\n }\r\n\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare\r\nexport class Store implements Store.IStore {\r\n @Mobx.observable private _locale: string = \"en\";\r\n\r\n @Mobx.observable public isLoading: boolean = false;\r\n @Mobx.observable public search: string = \"\";\r\n @Mobx.observable public status?: number = 1;\r\n @Mobx.observable public view: Store.View = \"TABULAR\";\r\n @Mobx.observable public createDialogOpen: boolean = false;\r\n @Mobx.observable public articles: Models.Set.Article[] = [];\r\n\r\n private _translations: Map = new Map();\r\n private _articleService: Services.Article;\r\n\r\n constructor({ view, articleService }: Store.Options) {\r\n this.view = view;\r\n this._articleService = articleService;\r\n i18n.instance.on(\"languageChanged\", (language) =>\r\n this.setLocale({ locale: language })\r\n );\r\n }\r\n\r\n @Mobx.action public reset() {\r\n this.search = \"\";\r\n this.status = 1;\r\n }\r\n\r\n @Mobx.action setLocale({ locale }: Store.SetLocale.Props) {\r\n this._locale = locale.toLowerCase();\r\n\r\n this.articles = this.articles.map((article) => {\r\n const translatedArticle = this._translations.get(\r\n `${article.setID}${this._locale.toLowerCase()}`\r\n );\r\n\r\n return {\r\n ...article,\r\n setName: translatedArticle?.setName ?? article.setName,\r\n setDescriptions:\r\n translatedArticle?.setDescriptions ?? article.setDescriptions,\r\n };\r\n });\r\n }\r\n\r\n @Mobx.action setView({ view }: Store.SetView.Props) {\r\n this.view = view;\r\n }\r\n\r\n @Mobx.action public setSearch({ search }: Store.SetSearch.Props) {\r\n this.search = search;\r\n }\r\n\r\n @Mobx.action public setStatus({ status }: Store.SetStatus.Props) {\r\n this.status = status;\r\n }\r\n\r\n @Mobx.action setCreateDialogOpen({\r\n createDialogOpen,\r\n }: Store.SetCreateDialogOpen.Props) {\r\n this.createDialogOpen = createDialogOpen;\r\n }\r\n\r\n private _prepareTranslations() {\r\n this._translations = this.articles.reduce(\r\n (acc: Map, article: Models.Set.Article) => {\r\n const { setID } = article;\r\n acc.set(`${setID}en`, { ...article });\r\n article.setsLang.map((lang) =>\r\n acc.set(`${setID}${lang.langCode.toLowerCase()}`, {\r\n ...article,\r\n setName: lang.setName,\r\n setDescriptions: lang.setDescriptions,\r\n })\r\n );\r\n return acc;\r\n },\r\n new Map()\r\n );\r\n }\r\n\r\n @Mobx.action public async read(props?: Store.Read.Props) {\r\n try {\r\n this.isLoading = true;\r\n const { result } = await this._articleService.getAllData(props);\r\n\r\n this.articles = result;\r\n this._prepareTranslations();\r\n this.setLocale({ locale: i18n.instance.language });\r\n } catch (error) {\r\n console.error(error);\r\n } finally {\r\n this.isLoading = false;\r\n }\r\n }\r\n\r\n @Mobx.action public async readForCustomerInvite(\r\n props?: Store.GetAllSetData.Props\r\n ) {\r\n try {\r\n this.isLoading = true;\r\n const { result } = await this._articleService.getAllSetForInviteData(\r\n props\r\n );\r\n\r\n this.articles = result;\r\n this._prepareTranslations();\r\n this.setLocale({ locale: i18n.instance.language });\r\n } catch (error) {\r\n console.error(error);\r\n } finally {\r\n this.isLoading = false;\r\n }\r\n }\r\n\r\n @Mobx.action public async readCustomerInvitePurchange(\r\n props?: Store.GetAllPurchanseSetData.Props\r\n ) {\r\n try {\r\n this.isLoading = true;\r\n const { result } =\r\n await this._articleService.getAllPurchangeSetForInviteData(props);\r\n return result;\r\n \r\n }\r\n\r\n catch (error) {\r\n console.error(error);\r\n } finally {\r\n this.isLoading = false;\r\n }\r\n }\r\n\r\n @Mobx.computed public get isInitialLoading(): boolean {\r\n if (this.articles.length !== 0) {\r\n return false;\r\n }\r\n\r\n if (!this.isLoading) {\r\n return false;\r\n }\r\n\r\n return true;\r\n }\r\n\r\n @Mobx.computed public get filtered() {\r\n return this.articles\r\n .filter((article) => {\r\n if (!this.status) {\r\n return true;\r\n }\r\n return article.status === this.status;\r\n })\r\n .filter((article) => {\r\n if (!this.search) {\r\n return true;\r\n }\r\n return (\r\n (article.setName &&\r\n article.setName\r\n .toLowerCase()\r\n .includes(this.search.toLowerCase())) ||\r\n (article.setCode &&\r\n article.setCode\r\n .toLowerCase()\r\n .includes(this.search.toLowerCase())) ||\r\n (article.hundCode &&\r\n article.hundCode.toLowerCase().includes(this.search.toLowerCase()))\r\n );\r\n });\r\n }\r\n}\r\n","import * as Mui from \"@material-ui/core\";\r\nimport * as Formik from \"formik\";\r\nimport * as Mobx from \"mobx-react-lite\";\r\nimport * as Notistack from \"notistack\";\r\nimport * as React from \"react\";\r\nimport * as ReactI18next from \"react-i18next\";\r\nimport * as App from \"src/app\";\r\nimport * as Components from \"src/app/components\";\r\nimport * as Article from \"src/app/pages/article\";\r\nimport * as Constants from \"src/constants\";\r\nimport * as Models from \"src/models\";\r\nimport * as Services from \"src/services\";\r\n\r\nconst useStyles = Mui.makeStyles((theme) =>\r\n Mui.createStyles({\r\n title: {\r\n flexGrow: 1,\r\n },\r\n })\r\n);\r\n\r\nexport declare namespace Translate {\r\n export type Props = Pick<\r\n Components.ResponsiveFullscreenDialogWithScroll.Props,\r\n \"open\" | \"handleClose\"\r\n > & {\r\n article?: Models.Set.Article;\r\n };\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare\r\nexport const Translate = Mobx.observer(function ({\r\n article,\r\n open,\r\n handleClose,\r\n}: Translate.Props) {\r\n const classes = useStyles();\r\n const { enqueueSnackbar } = Notistack.useSnackbar();\r\n const [initialValues, setInitialValues] = React.useState<\r\n Article.TranslateForm.Values\r\n >();\r\n const [industrySegments, setIndustrySegments] = React.useState<\r\n Models.IndustrySegment.Main[]\r\n >([]);\r\n const { t } = ReactI18next.useTranslation();\r\n const articleStore = React.useContext(App.Contexts.articleStore);\r\n const articleService = new Services.Article({\r\n httpManager: new Services.Managers.Axios({ agent: App.axios }),\r\n urlFactory: new Services.Factories.URL({\r\n protocol: Constants.environment.apiBaseUrlProtocol as \"http\",\r\n hostname: Constants.environment.apiBaseUrlHostname,\r\n version: Constants.environment.apiBaseUrlVersion,\r\n }),\r\n });\r\n const theme = Mui.useTheme();\r\n const userStore = React.useContext(App.Contexts.userStore);\r\n const industrySegmentService = new Services.IndustrySegment({\r\n httpManager: new Services.Managers.Axios({ agent: App.axios }),\r\n urlFactory: new Services.Factories.URL({\r\n protocol: Constants.environment.apiBaseUrlProtocol as \"http\",\r\n hostname: Constants.environment.apiBaseUrlHostname,\r\n version: Constants.environment.apiBaseUrlVersion,\r\n }),\r\n });\r\n\r\n async function handleTranslate(\r\n values: Article.TranslateForm.Values,\r\n { setSubmitting }: Formik.FormikHelpers\r\n ) {\r\n try {\r\n const uid = userStore.user?.uid;\r\n if (uid === undefined) {\r\n throw new Error(t(\"uid is undefined\"));\r\n }\r\n\r\n if (!article) {\r\n throw new Error(t(\"Article is undefined\"));\r\n }\r\n\r\n const setsLang: Partial[] = [\r\n {\r\n setID: article.setID,\r\n setName: values.name_de,\r\n langCode: \"de\",\r\n setDescriptions: values.description_de,\r\n industrySegment: industrySegments.find(\r\n (industrySegment) =>\r\n industrySegment.industrySegmentsId === article.industrySegmentsId\r\n )?.nameDE,\r\n },\r\n {\r\n setID: article.setID,\r\n setName: values.name_fr,\r\n langCode: \"fr\",\r\n setDescriptions: values.description_fr,\r\n industrySegment: industrySegments.find(\r\n (industrySegment) =>\r\n industrySegment.industrySegmentsId === article.industrySegmentsId\r\n )?.nameFR,\r\n },\r\n {\r\n setID: article.setID,\r\n setName: values.name_it,\r\n langCode: \"it\",\r\n setDescriptions: values.description_it,\r\n industrySegment: industrySegments.find(\r\n (industrySegment) =>\r\n industrySegment.industrySegmentsId === article.industrySegmentsId\r\n )?.nameIT,\r\n },\r\n {\r\n setID: article.setID,\r\n setName: values.name_es,\r\n langCode: \"es\",\r\n setDescriptions: values.description_es,\r\n industrySegment: industrySegments.find(\r\n (industrySegment) =>\r\n industrySegment.industrySegmentsId === article.industrySegmentsId\r\n )?.nameES,\r\n },\r\n ];\r\n await articleService.createLangs({ body: setsLang, uid });\r\n enqueueSnackbar(t(\"Article successfully translated!\"), {\r\n variant: \"success\",\r\n preventDuplicate: false,\r\n });\r\n articleStore.read();\r\n } catch (error) {\r\n console.error(error);\r\n enqueueSnackbar(t(\"Something went wrong! Please try again later.\"), {\r\n variant: \"warning\",\r\n preventDuplicate: false,\r\n });\r\n } finally {\r\n setSubmitting(false);\r\n handleClose();\r\n }\r\n }\r\n\r\n React.useEffect(() => {\r\n if (!open) {\r\n return;\r\n }\r\n (async function () {\r\n try {\r\n const {\r\n result: industrySegments,\r\n } = await industrySegmentService.getAllData();\r\n setIndustrySegments(industrySegments);\r\n } catch (error) {\r\n console.error(error);\r\n }\r\n })();\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [open]);\r\n\r\n React.useEffect(() => {\r\n if (!article) {\r\n setInitialValues(undefined);\r\n return;\r\n }\r\n\r\n const initialValues: Article.TranslateForm.Values = {\r\n name_de: article?.setsLang?.reduce((name: string, lang) => {\r\n if (lang.langCode.toLowerCase() === \"de\") {\r\n return name + lang.setName;\r\n }\r\n return name;\r\n }, \"\"),\r\n name_es: article?.setsLang?.reduce((name: string, lang) => {\r\n if (lang.langCode.toLowerCase() === \"es\") {\r\n return name + lang.setName;\r\n }\r\n return name;\r\n }, \"\"),\r\n name_fr: article?.setsLang?.reduce((name: string, lang) => {\r\n if (lang.langCode.toLowerCase() === \"fr\") {\r\n return name + lang.setName;\r\n }\r\n return name;\r\n }, \"\"),\r\n name_it: article?.setsLang?.reduce((name: string, lang) => {\r\n if (lang.langCode.toLowerCase() === \"it\") {\r\n return name + lang.setName;\r\n }\r\n return name;\r\n }, \"\"),\r\n description_de: article?.setsLang?.reduce((name: string, lang) => {\r\n if (lang.langCode.toLowerCase() === \"de\") {\r\n return name + lang.setDescriptions;\r\n }\r\n return name;\r\n }, \"\"),\r\n description_es: article?.setsLang?.reduce((name: string, lang) => {\r\n if (lang.langCode.toLowerCase() === \"es\") {\r\n return name + lang.setDescriptions;\r\n }\r\n return name;\r\n }, \"\"),\r\n description_fr: article?.setsLang?.reduce((name: string, lang) => {\r\n if (lang.langCode.toLowerCase() === \"fr\") {\r\n return name + lang.setDescriptions;\r\n }\r\n return name;\r\n }, \"\"),\r\n description_it: article?.setsLang?.reduce((name: string, lang) => {\r\n if (lang.langCode.toLowerCase() === \"it\") {\r\n return name + lang.setDescriptions;\r\n }\r\n return name;\r\n }, \"\"),\r\n };\r\n setInitialValues(initialValues);\r\n }, [article]);\r\n\r\n return (\r\n <>\r\n \r\n {({ isSubmitting, submitForm }) => {\r\n \r\n return (\r\n \r\n \r\n {article && (\r\n <>\r\n \r\n \r\n \r\n )}\r\n \r\n }\r\n title={\r\n \r\n {t(\"Translate article name & description\")}\r\n \r\n }\r\n actions={\r\n <>\r\n \r\n CLOSE\r\n \r\n submitForm()}\r\n >\r\n \r\n Save / Update\r\n \r\n {isSubmitting && (\r\n \r\n )}\r\n \r\n \r\n }\r\n />\r\n )}}\r\n \r\n \r\n );\r\n});\r\n","import * as Mui from \"@material-ui/core\";\r\nimport * as Formik from \"formik\";\r\nimport * as FormikMui from \"formik-material-ui\";\r\nimport * as React from \"react\";\r\nimport * as ReactI18next from \"react-i18next\";\r\n\r\nexport declare namespace TranslateForm {\r\n export interface Values {\r\n name_de: string;\r\n name_fr: string;\r\n name_it: string;\r\n name_es: string;\r\n description_de: string;\r\n description_fr: string;\r\n description_it: string;\r\n description_es: string;\r\n }\r\n\r\n export interface Props {\r\n name: string;\r\n description: string;\r\n }\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare\r\nexport function TranslateForm({ name, description }: TranslateForm.Props) {\r\n const { t } = ReactI18next.useTranslation();\r\n const theme = Mui.useTheme();\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n Article name\r\n \r\n \r\n {name}\r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n Article description\r\n \r\n \r\n {description}\r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n}\r\n","import * as React from \"react\";\r\nimport * as ReactI18next from \"react-i18next\";\r\n\r\nexport function Main() {\r\n return (\r\n <>\r\n \r\n This is a customers main page\r\n \r\n \r\n );\r\n}\r\n","import * as Mobx from \"mobx\";\r\nimport * as Models from \"src/models\";\r\nimport * as Services from \"src/services\";\r\n\r\nexport declare namespace Store {\r\n export type View = \"TABULAR\" | \"CARD\";\r\n\r\n export interface IStore {\r\n isLoading: boolean;\r\n customers: Models.Customer.Main[];\r\n customerService: Services.Customer;\r\n }\r\n\r\n export type Options = Pick;\r\n\r\n export namespace Read {\r\n export interface Props extends Services.Customer.GetAllData.Props {}\r\n }\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare\r\nexport class Store implements Store.IStore {\r\n @Mobx.observable public customers: Models.Customer.Main[] = [];\r\n @Mobx.observable public isLoading: boolean = false;\r\n\r\n public customerService: Services.Customer;\r\n\r\n constructor({ customerService }: Store.Options) {\r\n this.customerService = customerService;\r\n }\r\n\r\n @Mobx.action public async read(props: Store.Read.Props) {\r\n try {\r\n this.isLoading = true;\r\n const { result } = await this.customerService.getAllData(props);\r\n this.customers = result;\r\n } catch (error) {\r\n console.error(error);\r\n } finally {\r\n this.isLoading = false;\r\n }\r\n }\r\n\r\n @Mobx.computed public get isInitialLoading(): boolean {\r\n if (this.customers.length !== 0) {\r\n return false;\r\n }\r\n\r\n if (!this.isLoading) {\r\n return false;\r\n }\r\n\r\n return true;\r\n }\r\n}\r\n","/** @format */\r\n\r\nimport * as Mui from \"@material-ui/core\";\r\nimport * as MuiLab from \"@material-ui/lab\";\r\nimport * as Notistack from \"notistack\";\r\nimport * as React from \"react\";\r\nimport * as ReactI18next from \"react-i18next\";\r\nimport * as Router from \"react-router-dom\";\r\nimport * as App from \"src/app\";\r\nimport * as DealerCustomer from \"src/app/pages/dealercustomer\";\r\nimport * as Order from \"src/app/pages/order\";\r\nimport * as Models from \"src/models\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\nimport * as Components from \"src/app/components\";\r\n\r\ninterface Data extends Models.DealerCustomer.Main {}\r\n\r\nfunction stableSort(array: T[], comparator: (a: T, b: T) => number) {\r\n const stabilizedThis = array.map((el, index) => [el, index] as [T, number]);\r\n stabilizedThis.sort((a, b) => {\r\n const order = comparator(a[0], b[0]);\r\n if (order !== 0) return order;\r\n return a[1] - b[1];\r\n });\r\n return stabilizedThis.map((el) => el[0]);\r\n}\r\n\r\ntype Order = \"asc\" | \"desc\";\r\n\r\nfunction getComparator(\r\n order: Order,\r\n orderBy: Key\r\n): (\r\n a: { [key in Key]: number | string },\r\n b: { [key in Key]: number | string }\r\n) => number {\r\n return order === \"asc\"\r\n ? (a, b) => descendingComparator(a, b, orderBy)\r\n : (a, b) => -descendingComparator(a, b, orderBy);\r\n}\r\n\r\nfunction descendingComparator(a: T, b: T, orderBy: keyof T) {\r\n if (b[orderBy] < a[orderBy]) {\r\n return -1;\r\n }\r\n if (b[orderBy] > a[orderBy]) {\r\n return 1;\r\n }\r\n return 0;\r\n}\r\n\r\nexport declare namespace Cards {\r\n export interface Props {\r\n customers: Models.DealerCustomer.Main[];\r\n }\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare\r\nexport function Cards({ customers }: Cards.Props) {\r\n const theme = Mui.useTheme();\r\n const { t } = ReactI18next.useTranslation();\r\n\r\n const [orderId, setOrderId] = React.useState();\r\n const [orderDetailsDialogOpen, setOrderDetailsDialogOpen] = React.useState<\r\n boolean\r\n >(false);\r\n \r\n const [customerData, setCustomerData] = React.useState();\r\n const [page, setPage] = React.useState(0);\r\n const [select, setSelect] = React.useState(false);\r\n const [\r\n adminAndCustomerRoleCheck,\r\n setAdminAndCustomerRoleCheck,\r\n ] = React.useState(false);\r\n const [rowsPerPage] = React.useState(8);\r\n\r\n React.useEffect(() => {\r\n setPage(0);\r\n }, [customers]);\r\n\r\n const handleChangePage = (event: unknown, newPage: number) => {\r\n setPage(newPage);\r\n };\r\n const [detailsDrawerOpen, setDetailsDrawerOpen] = React.useState(\r\n false\r\n );\r\n const functionStore = React.useContext(App.Contexts.functionStore);\r\n const [currentLicense, setCurrentLicense] = React.useState(false);\r\n const [customerMailID, setCustomerMailID] = React.useState(\"\");\r\n const toggleDetailsDrawer = () => {\r\n setDetailsDrawerOpen(!detailsDrawerOpen);\r\n };\r\n const navigate = Router.useNavigate();\r\n const { enqueueSnackbar } = Notistack.useSnackbar();\r\n const dCustomerStore = React.useContext(App.Contexts.delareCustomerStore);\r\n const [selectedValue, setSelectedValue] = React.useState(\"\");\r\n const userStore = React.useContext(App.Contexts.userStore);\r\n React.useEffect(() => {\r\n const userRole = userStore.user?.RoleName;\r\n if (userRole === \"admin\" || userRole === \"superadmin\" || userRole === \"customer\") {\r\n setAdminAndCustomerRoleCheck(false);\r\n } else {\r\n setAdminAndCustomerRoleCheck(true);\r\n }\r\n }, [userStore.user, adminAndCustomerRoleCheck]);\r\n\r\n const handleSelectDealerUser = ({\r\n dealerProfile,\r\n }: {\r\n dealerProfile: any;\r\n }) => {\r\n\r\n const selectedIndex = dCustomerStore.selected.indexOf(dealerProfile);\r\n let newSelected: Models.CustomerLicense.Main[] = [];\r\n dCustomerStore.setSelected({ selected: newSelected });\r\n if (selectedIndex === -1) {\r\n newSelected = newSelected.concat(dCustomerStore.selected, dealerProfile);\r\n } else if (selectedIndex === 0) {\r\n newSelected = newSelected.concat(dCustomerStore.selected.slice(1));\r\n } else if (selectedIndex === dCustomerStore.selected.length - 1) {\r\n newSelected = newSelected.concat(dCustomerStore.selected.slice(0, -1));\r\n } else if (selectedIndex > 0) {\r\n newSelected = newSelected.concat(\r\n dCustomerStore.selected.slice(0, selectedIndex),\r\n dCustomerStore.selected.slice(selectedIndex + 1)\r\n );\r\n }\r\n dCustomerStore.setSelected({ selected: newSelected });\r\n let arrayCustomer: any = [];\r\n arrayCustomer = newSelected;\r\n const customerName = arrayCustomer.map((k: any) => k.customerName);\r\n const mailID: any = arrayCustomer.map((k: any) => k.emailID);\r\n const companyName: any = arrayCustomer.map((k: any) => k.companyName);\r\n const customerID: any = arrayCustomer.map((k: any) => k.customerID);\r\n localStorage.setItem(\"mID\", mailID);\r\n localStorage.setItem(\"cuName\", customerName);\r\n localStorage.setItem(\"coName\", companyName);\r\n localStorage.setItem(\"customerID\", customerID);\r\n };\r\n const [customerId, setCustomerId] = React.useState();\r\n const [customerDetailsDialogOpen, setCustomerDetailsDialogOpen] = React.useState<\r\n boolean\r\n >(false);\r\n const uid = userStore.user?.ETUID;\r\n const userRole = userStore?.user?.RoleName\r\n return (\r\n <>\r\n setCustomerDetailsDialogOpen(false)}\r\n title={t(\"Customer details\")}\r\n contentText={}\r\n actions={\r\n <>\r\n window.print()}\r\n >\r\n Print\r\n \r\n setCustomerDetailsDialogOpen(false)}\r\n >\r\n Close\r\n \r\n \r\n }\r\n />\r\n\r\n \r\n {stableSort(customers as any, getComparator(\"asc\", \"customerName\"))\r\n .slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)\r\n .map((Customer, index) => (\r\n \r\n {\r\n setCustomerMailID(EmailID)\r\n setOrderId(CustomerID);\r\n setCustomerId(CustomerID);\r\n setCustomerData(customerData)\r\n setSelectedValue(CustomerID);\r\n handleSelectDealerUser({\r\n dealerProfile: (Customer as unknown) as Models.CustomerLicense.Main[],\r\n });\r\n navigate(\r\n `/dealercustomer/customerdetail?q=${etuid}&m=${CustomerID}`\r\n );\r\n }}\r\n customer={(Customer as unknown) as Models.DealerCustomer.Main}\r\n />\r\n \r\n ))}\r\n {customers.length === 0 && (\r\n \r\n \r\n No customers found\r\n \r\n \r\n )}\r\n \r\n \r\n {customers.length > 7 && (\r\n \r\n handleChangePage(event, page - 1)}\r\n shape=\"rounded\"\r\n />\r\n \r\n )}\r\n \r\n );\r\n}\r\n","import * as Mobx from \"mobx-react-lite\";\r\nimport * as React from \"react\";\r\nimport * as App from \"src/app\";\r\nimport * as Components from \"src/app/components\";\r\nimport * as Constants from \"src/constants\";\r\nimport * as Services from \"src/services\";\r\nimport * as Models from \"src/models\";\r\n\r\nexport declare namespace CardDetails {\r\n export interface Props {\r\n uid?: string | number;\r\n userRole?: string | any;\r\n mailID?:string | any;\r\n row?: Models.DealerCustomer.Main;\r\n customers?: Models.DealerCustomer.Main[];\r\n }\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare\r\nexport const CardDetails = Mobx.observer(function ({\r\n uid,\r\n userRole,\r\n mailID,\r\n row,\r\n customers\r\n}: CardDetails.Props) {\r\n // \r\n const [order, setOrder] = React.useState();\r\n const [isLoading, setIsLoading] = React.useState(true);\r\n const userStore = React.useContext(App.Contexts.userStore);\r\n const orderServices = new Services.Order({\r\n httpManager: new Services.Managers.Axios({ agent: App.axios }),\r\n urlFactory: new Services.Factories.URL({\r\n protocol: Constants.environment.apiBaseUrlProtocol as \"http\",\r\n hostname: Constants.environment.apiBaseUrlHostname,\r\n version: Constants.environment.apiBaseUrlVersion,\r\n }),\r\n });\r\n \r\n const dCustomerStore = React.useContext(App.Contexts.delareCustomerStore);\r\n React.useEffect(() => {\r\n (async function () {\r\n if (!uid) {\r\n return;\r\n }\r\n\r\n try {\r\n setIsLoading(true)\r\n const roleID:any = userStore.user?.ETUID;\r\n \r\n const result = await dCustomerStore.readOfCustomerProfile({\r\n uid,\r\n mailID,\r\n roleID,\r\n userRole,\r\n });\r\n setOrder(dCustomerStore.delaerCustomerProfile);\r\n } catch (error) {\r\n console.error(error);\r\n } finally {\r\n setIsLoading(false)\r\n }\r\n })(); \r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n\r\n return (\r\n <>\r\n \r\n \r\n );\r\n});\r\n","/** @format */\r\n\r\nimport * as Mui from \"@material-ui/core\";\r\nimport * as MuiIcons from \"@material-ui/icons\";\r\nimport * as React from \"react\";\r\nimport * as App from \"src/app\";\r\nimport * as Components from \"src/app/components\";\r\nimport * as Models from \"src/models\";\r\nimport * as ReactI18next from \"react-i18next\";\r\n\r\nexport declare namespace Card {\r\n export interface Props {\r\n customer: Models.DealerCustomer.Main;\r\n selected: number | string;\r\n handleClick?(props: { CustomerID: number | string ,EmailID: any,customerData:any,etuid:any}): void;\r\n }\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare\r\nexport function Card({\r\n customer,\r\n selected,\r\n handleClick,\r\n}: \r\nCard.Props) {\r\n const theme = Mui.useTheme();\r\n const { t } = ReactI18next.useTranslation();\r\n const [\r\n adminAndCustomerRoleCheck,\r\n setAdminAndCustomerRoleCheck,\r\n ] = React.useState(false);\r\n const userStore = React.useContext(App.Contexts.userStore);\r\n const userRole = userStore.user?.RoleName;\r\n React.useEffect(() => {\r\n if (userRole === \"admin\" || userRole === \"superadmin\" || userRole === \"customer\") {\r\n setAdminAndCustomerRoleCheck(false);\r\n } else {\r\n setAdminAndCustomerRoleCheck(true);\r\n }\r\n }, [userRole, adminAndCustomerRoleCheck]);\r\n const CardInternals = (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {customer.companyName}\r\n \r\n }\r\n secondary={\r\n <>\r\n \r\n \r\n \r\n \r\n }\r\n />\r\n \r\n \r\n }\r\n action={\r\n <>\r\n \r\n \r\n }\r\n />\r\n \r\n \r\n <>\r\n \r\n \r\n \r\n Customer name\r\n :\r\n \r\n \r\n {customer.customerName}\r\n \r\n \r\n \r\n\r\n {/* */}\r\n <>\r\n \r\n \r\n {\" \"}\r\n {t(\"Email ID\")}:\r\n \r\n {window.open(`mailto:${customer.emailID}`)}}\r\n style={{\r\n color: \"black\",\r\n fontSize: \"14px\",\r\n marginLeft: \"6px\",\r\n }}\r\n >\r\n \r\n click to open an mail\r\n }>{customer.emailID}\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n Purchased license\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n {t(\"Status\")}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n\r\n return (\r\n \r\n {handleClick ? (\r\n handleClick({ CustomerID: customer.customerID,EmailID: customer.emailID ,customerData:customer,etuid:customer.etuid})}\r\n >\r\n {CardInternals}\r\n \r\n ) : (\r\n { CardInternals }\r\n )}\r\n \r\n );\r\n}\r\n","import * as Mobx from \"mobx-react-lite\";\r\nimport * as React from \"react\";\r\nimport * as App from \"src/app\";\r\nimport * as Components from \"src/app/components\";\r\nimport * as Constants from \"src/constants\";\r\nimport * as Services from \"src/services\";\r\nimport * as Models from \"src/models\";\r\n\r\nexport declare namespace Details {\r\n export interface Props {\r\n uid?: string | number;\r\n userRole?: string | any;\r\n mailID?:string | any;\r\n row?: Models.DealerCustomer.Main;\r\n customers?: Models.DealerCustomer.Main[];\r\n }\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare\r\nexport const Details = Mobx.observer(function ({\r\n uid,\r\n userRole,\r\n mailID,\r\n row,\r\n customers\r\n}: Details.Props) {\r\n const [order, setOrder] = React.useState();\r\n const [isLoading, setIsLoading] = React.useState(true);\r\n const userStore = React.useContext(App.Contexts.userStore);\r\n const orderServices = new Services.Order({\r\n httpManager: new Services.Managers.Axios({ agent: App.axios }),\r\n urlFactory: new Services.Factories.URL({\r\n protocol: Constants.environment.apiBaseUrlProtocol as \"http\",\r\n hostname: Constants.environment.apiBaseUrlHostname,\r\n version: Constants.environment.apiBaseUrlVersion,\r\n }),\r\n });\r\n \r\n const dCustomerStore = React.useContext(App.Contexts.delareCustomerStore);\r\n React.useEffect(() => {\r\n (async function () {\r\n if (!uid) {\r\n return;\r\n }\r\n\r\n try {\r\n setIsLoading(true);\r\n const roleID:any = userStore.user?.ETUID;\r\n const result = await dCustomerStore.readOfCustomerProfile({\r\n uid,\r\n mailID,\r\n roleID,\r\n userRole,\r\n });\r\n setOrder(dCustomerStore.delaerCustomerProfile);\r\n } catch (error) {\r\n console.error(error);\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n })(); \r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n\r\n return (\r\n <>\r\n \r\n \r\n );\r\n});\r\n","import * as Mui from \"@material-ui/core\";\r\nimport * as MuiIcons from \"@material-ui/icons\";\r\nimport * as React from \"react\";\r\nimport * as App from \"src/app\";\r\nimport * as Components from \"src/app/components\";\r\nimport * as Models from \"src/models\";\r\nimport * as ReactI18next from \"react-i18next\";\r\nexport declare namespace List {\r\n export interface Props {\r\n customer: Models.DealerCustomer.Main;\r\n selected: number | string;\r\n handleClick?(props: { CustomerID: number | string }): void;\r\n }\r\n}\r\n\r\nexport declare namespace ListDetails {\r\n export interface Props {\r\n customerLicense: Models.Set.Function[];\r\n handleClick?(props: { CustomerID: number | string }): void;\r\n }\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare\r\n//Load the Card details\r\nexport function List({ customer, handleClick, selected }: List.Props) {\r\n const theme = Mui.useTheme();\r\n const CardInternals = (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n {customer.companyName}\r\n \r\n }\r\n secondary={\r\n <>\r\n \r\n \r\n Role:\r\n \r\n\r\n \r\n {customer.loginUserRole}\r\n \r\n \r\n \r\n }\r\n />\r\n \r\n \r\n }\r\n action={\r\n <>\r\n {selected !== undefined && (\r\n {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n }}\r\n />\r\n )}\r\n \r\n }\r\n style={{ padding: 4, margin: 6 }}\r\n />\r\n \r\n \r\n <>\r\n \r\n \r\n\r\n <>\r\n \r\n \r\n {\" \"}\r\n {\"EmailID:\"}\r\n \r\n {window.open(`mailto:${customer.emailID}`)}}\r\n style={{ color: \"black\", fontSize: \"14px\" }}>\r\n \r\n click to open an mail\r\n }>{customer.emailID}\r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n Available license\r\n \r\n\r\n \r\n \r\n \r\n {customer?.functionCount > 4 && (\r\n \r\n + {customer.functionCount}\r\n {}more\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n {\"Status\"}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n\r\n return (\r\n \r\n {handleClick ? (\r\n handleClick({ CustomerID: customer.customerID })}>\r\n {CardInternals}\r\n \r\n ) : (\r\n CardInternals\r\n )}\r\n \r\n );\r\n}\r\n\r\nexport function ListDeatils({ customer, handleClick }: List.Props) {\r\n const customerLic = JSON.stringify(customer);\r\n\r\n const CardInternals = (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n }\r\n secondary={\r\n <>\r\n \r\n Role:\r\n\r\n \r\n \r\n \r\n \r\n }\r\n />\r\n \r\n \r\n }\r\n style={{ padding: 4, margin: 6 }}\r\n />\r\n \r\n \r\n <>\r\n \r\n Company name:\r\n \r\n {customerLic.valueOf()}\r\n \r\n \r\n \r\n\r\n <>\r\n \r\n {\"EmailID:\"}\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n {customer.functionCount > 4 && (\r\n \r\n + {customer.functionCount}\r\n {}more\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n {\"Status\"}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n\r\n return (\r\n \r\n {handleClick ? (\r\n handleClick({ CustomerID: 1 })}>\r\n {CardInternals}\r\n \r\n ) : (\r\n CardInternals\r\n )}\r\n \r\n );\r\n}\r\n","/** @format */\r\n\r\nimport * as Mui from \"@material-ui/core\";\r\nimport * as MuiLab from \"@material-ui/lab\";\r\nimport * as DateFns from \"date-fns\";\r\nimport * as Mobx from \"mobx-react-lite\";\r\nimport * as Notistack from \"notistack\";\r\nimport * as React from \"react\";\r\nimport * as ReactI18next from \"react-i18next\";\r\nimport * as Router from \"react-router-dom\";\r\nimport * as App from \"src/app\";\r\nimport * as Components from \"src/app/components\";\r\nimport * as Containers from \"src/app/containers\";\r\nimport * as DealerCustomer from \"src/app/pages/dealercustomer\";\r\nimport * as Models from \"src/models\";\r\nimport * as MuiIcon from \"@material-ui/icons\";\r\n\r\ninterface Data extends Models.DealerCustomer.Main {}\r\n\r\nfunction descendingComparator(a: T, b: T, orderBy: keyof T) {\r\n if (b[orderBy] < a[orderBy]) {\r\n return -1;\r\n }\r\n if (b[orderBy] > a[orderBy]) {\r\n return 1;\r\n }\r\n return 0;\r\n}\r\n\r\ntype Order = \"asc\" | \"desc\";\r\n\r\nfunction getComparator(\r\n order: Order,\r\n orderBy: Key\r\n): (a: { [key in Key]: any }, b: { [key in Key]: any }) => number {\r\n return order === \"asc\"\r\n ? (a, b) => descendingComparator(a, b, orderBy)\r\n : (a, b) => -descendingComparator(a, b, orderBy);\r\n}\r\n\r\nfunction stableSort(array: T[], comparator: (a: T, b: T) => number) {\r\n const stabilizedThis = array.map((el, index) => [el, index] as [T, number]);\r\n stabilizedThis.sort((a, b) => {\r\n const order = comparator(a[0], b[0]);\r\n if (order !== 0) return order;\r\n return a[1] - b[1];\r\n });\r\n return stabilizedThis.map((el) => el[0]);\r\n}\r\n\r\ninterface EnhancedTableProps {\r\n classes: ReturnType;\r\n numselected: number;\r\n onRequestSort: (\r\n event: React.MouseEvent,\r\n property: keyof Data\r\n ) => void;\r\n onSelectAllClick: (event: React.ChangeEvent) => void;\r\n order: Order;\r\n orderBy: string;\r\n rowcount: number;\r\n}\r\n\r\nfunction EnhancedTableHead(\r\n props: EnhancedTableProps & {\r\n id: string;\r\n label: string;\r\n numeric?: boolean;\r\n disablePadding?: boolean;\r\n leftmost?: boolean;\r\n rightmost?: boolean;\r\n }\r\n) {\r\n const { classes, order, orderBy, onRequestSort, ...restOfProps } = props;\r\n const createSortHandler =\r\n (property: keyof Data) => (event: React.MouseEvent) => {\r\n onRequestSort(event, property);\r\n };\r\n\r\n const theme = Mui.useTheme();\r\n\r\n return (\r\n \r\n \r\n {props.label}\r\n {orderBy === props.id ? (\r\n \r\n {order === \"desc\" ? \"sorted descending\" : \"sorted ascending\"}\r\n \r\n ) : null}\r\n \r\n \r\n );\r\n}\r\n\r\nconst useStyles = Mui.makeStyles((theme) =>\r\n Mui.createStyles({\r\n root: {\r\n width: \"100%\",\r\n },\r\n paper: {\r\n width: \"100%\",\r\n marginBottom: theme.spacing(2),\r\n },\r\n table: {\r\n minWidth: 750,\r\n },\r\n visuallyHidden: {\r\n border: 0,\r\n clip: \"rect(0 0 0 0)\",\r\n height: 1,\r\n margin: -1,\r\n overflow: \"hidden\",\r\n padding: 0,\r\n position: \"absolute\",\r\n top: 20,\r\n width: 1,\r\n },\r\n })\r\n);\r\n\r\nfunction EnhancedTable({\r\n rows,\r\n handleView,\r\n}: {\r\n rows: Models.DealerCustomer.Main[];\r\n handleView(props: { avilableFunction: Models.Set.Function[] }): void;\r\n}) {\r\n const classes = useStyles();\r\n const [order, setOrder] = React.useState(\"asc\");\r\n const [orderBy, setOrderBy] = React.useState(\"customerName\");\r\n const [selected, setSelected] = React.useState