\n \n \n
\n );\n }\n);\n\nexport default AccountMenu;\n","import { isArticleAvailable } from '../../project/helpers';\nimport { Article } from '../../store/article/articleModels';\nimport { Text } from '../shared/text';\n\n\nconst getTextAndColorByStock = (stock?: number) => {\n let text = '',\n color = '';\n if ((stock as number) >= 4) {\n text = 'article.disponibilite.disponible';\n color = 'green';\n } else if ((stock as number) > 0) {\n text = 'article.prix.consult';\n color = 'green';\n } else {\n text = 'article.disponibilite.indisponible';\n color = 'orange';\n }\n return { text, color };\r\n};\nconst ArticleAvailabilityWidget: React.FC<{ article: Article; isWidget?: boolean; }> = ({ article, isWidget }) => {\n let text = '',\n color = '';\n if (article.articleReseau) {\n if (isArticleAvailable(article)) {\n if (!isWidget) {\n ({ text, color } = getTextAndColorByStock(article?.articleReseau?.stock));\n }\n } else {\n if (article.article_remplacant) {\n text = 'article.statut.statuts.4';\n } else {\n text = 'article.statut.statuts.5';\n }\n color = 'red';\n }\n }\n return text ? (\n \n
\n - \n
- \n
\n \n \nVersion \n\n 2.0.0 \n */}\n
\n
\n );\n};\n","import { TreeSelect } from 'antd';\nimport classNames from 'classnames';\nimport React, { InputHTMLAttributes, PropsWithChildren, ReactElement, useState } from 'react';\nimport { Control, Controller, FieldValues } from 'react-hook-form';\nimport Button from '../button';\nimport { CheckboxInner } from './checkbox';\nimport { DatePickerInner } from './datePicker';\nimport { FormField, FormFieldProps } from './formField';\nimport { RadioInner } from './radio';\nimport { SelectInner } from './select';\n\nexport const InputType = {\n Text: 'text',\n Password: 'password',\n DatePicker: 'datepicker',\n Select: 'select',\n TreeSelect: 'TreeSelect',\n Checkbox: 'Checkbox',\n Radio: 'Radio',\n TextArea: 'textarea',\n Number: 'number',\n};\nexport interface UncontrolledInputProps extends FormFieldProps, InputHTMLAttributes\n {labelText && (\n
\n \n {labelText} \n
\n )}\n\n \n {icon && {icon} }\n {children}\n {button}\n {!isAnt && }\n
\n \n \n \n \n \n )}\n \n
\n );\n};\n\nexport default ListView;\n","import { Table as AntTable, TableProps as AntTableProps } from 'antd';\nimport { SorterResult, TablePaginationConfig, ColumnType as AntColumnType } from 'antd/lib/table/interface';\nimport { Sort, tableSort } from '../utils';\n\nexport interface ColumnType extends AntColumnType\n {header}\n {dataSource?.map((item) => (\n
\n {(lazyLoadProps?.total ?? 0) > (dataSource?.length ?? 0) && (\n <>\n \n {getItemElement({ data: item })}\n
\n ))}\n {footer}\n \n \n
\n );\n});\n\nexport default Loader;\n","import { Tooltip } from 'antd';\nimport classNames from 'classnames';\nimport { PropsWithChildren } from 'react';\nimport { Link } from 'react-router-dom';\nimport { getKeyUpHandler } from '../../../utils/helpers';\nimport useTranslation from '../../../utils/hooks/useTranslation';\nimport Separator from '../separator';\n\nexport interface NavigationItemProps {\n key?: string;\n accessKey?: string;\n text?: string;\n icon?: string;\n svg?: React.ReactNode;\n innerContent?: React.ReactNode;\n link?: string;\n tooltip?: string;\n url?: string;\n count?: number;\n accent?: boolean;\n className?: string;\n separator?: boolean;\n selected?: boolean;\n index?: number;\n render?: (props?: any) => React.ReactNode;\n iconProps?: IconProps;\n liProps?: any;\n textProps?: any;\n onClick?: (item?: any) => void;\n}\n\nexport interface IconProps {\n color?: string;\n weight?: string | number;\n size?: string;\n fill?: boolean;\n}\n\nconst NavigationItem: React.FC\n \n
\n {count}
}\n {content}\n - \n {!!data?.length &&\n data.map((item, index) => {\n const key = `${item.text}_${item.link}_${index}`;\n return (\n
\n {!noHeader && (\n \n \n {fullscreen && closeButton}\n \n {title}\n \n {!fullscreen && closeButton}\n \n \n )}\n
\n );\n if (!fullscreen) {\n innerContent = (\n \n
\n \n {isMount && children}\n
\n \n {innerContent}\n
,\n popupRoot\n );\n};\n\nexport default Popup;\n","import React, { useEffect, useRef, useState, useCallback } from \"react\";\nimport classNames from \"classnames\";\nimport Button from \"./button\";\n\nconst Scroll: React.FC<{\n children: React.ReactChild; //NOSONAR\n className?: string;\n vertical?: boolean;\n}> = ({ children, className, vertical }) => {\n const [{ showLB, showRB }, setShowButtons] = useState({\n showB: false,\n showLB: false,\n showRB: false,\n });\n const [element, setElement] = useState\n \n \n \n \n
\n );\n }\n \n return (\n - \n {React.Children.map(\n processedChildren,\n (child: ReactElement, index) => {\n return (\n
\n\n {tabNavItems}\n\n
\n \n );\n};\n\nexport default TabStrip;\n","import React, { PropsWithChildren, ReactElement } from 'react';\n\ninterface TabProps {\n title?: string;\n icon?: string;\n tabName?: string;\n primary?: boolean;\n disabled?: boolean;\n}\n\n/**\n * Tab component for the TabStrip component\n * @param {string} props.title - (optional) the title of the tab\n * @param {string} props.icon - (optional) the icon of the tab\n * @param {boolean} props.primary - (optional) boolean indicating whether the tab should be considered primary\n * @param {React.ReactNode} children - the content of the tab\n */\nconst Tab: React.FC\n {React.Children.map(processedChildren, (child, index) => {\n return (\n \n {child.props.children}\n
\n );\n })}\n \n
\n \n ) : (\n <>\n );\n};\n","import { SESSION_STORAGE_KEYS } from '../../project/defines';\r\nimport { disableArticleAddtoCartButton, getProSSO, showArticleCreditCardIcon } from '../../project/helpers';\r\nimport { Article } from '../../store/article/articleModels';\r\nimport { useAddToCartHook, useAppSelector } from '../../store/hooks';\r\nimport { isDisabledLogin } from '../../store/sideData/siteDataSlice';\r\nimport { UniversInfo } from '../../store/univers/universModels';\r\nimport { setSessionStorageItem } from '../../utils/helpers/sessionStorage';\r\nimport useTranslation from '../../utils/hooks/useTranslation';\r\nimport Button from '../shared/button';\r\nimport { Text } from '../shared/text';\r\nimport { SvgLoader } from '../svg';\r\n\r\nconst AddToCardButton: React.FC<{ article: Article; }> = ({ article }) => {\r\n const { t } = useTranslation();\r\n const { listeSSO, univers } = useAppSelector((state) => state.siteData.universInfo) ?? ({} as UniversInfo);\r\n const disabledLogin = useAppSelector(isDisabledLogin);\r\n\r\n const user = useAppSelector((state) => state.auth);\r\n const isLoggedIn = user.active;\r\n const proSSOList = getProSSO(listeSSO);\r\n const { articleReseau } = article;\r\n const disabled = disableArticleAddtoCartButton(article, user, listeSSO ?? [], !!disabledLogin);\r\n\r\n const { addToCart, queryState: { isLoading } } = useAddToCartHook();\r\n\r\n const onClickAddToCard = () => {\r\n let data = {\r\n article_uuid: article.uuid,\r\n reseau_uuid: articleReseau.reseau.uuid,\r\n univers_uuid: univers!.uuid,\r\n quantite: 1,\r\n en_attente: false,\r\n };\r\n if (isLoggedIn) {\r\n addToCart(data);\r\n } else if (proSSOList?.length === 1) {\r\n setSessionStorageItem(SESSION_STORAGE_KEYS.ArticleAddToCard, JSON.stringify(data));\r\n window.location.assign(proSSOList[0].url);\r\n }\r\n };\r\n\r\n return (\r\n - \n
- \n
\n recherche.filtres.header \n \n \n {searchTypesConfig\n .filter((f) => searchTypes.includes(f.type))\n .map((t) => (\n - \n