- \r\n // case 'listmodels' : return
- \r\n \r\n {/*prodImage*/}\r\n {item?.icon && (\r\n \r\n\r\n )}\r\n \r\n \r\n
\r\n \r\n )\r\n })}\r\n
\r\n case \"discountpachete\":\r\n return
{findSvgByName()}
\r\n ) : (\r\n findSvgByName()\r\n )}\r\n \r\n )\r\n}\r\n","// import orderTableData from \"mockData/orderTableData\";\r\nimport { reDispatch } from \"store/middleware/api\"\r\nimport { setQsParams } from \"utils/history\"\r\nimport { sanitizeAnythingForRedux } from \"utils/preventReactInRedux\"\r\n// import store from \"store/index\";\r\n// import { setClientTypeGlobal } from \"store/modules/company\";\r\n// import { history } from \"utils/history\";\r\n// import { deleteDynamoItemByPK } from \"store/justActions/dynamoOps\";\r\n// import { reDispatch } from \"store/middleware/api\";\r\n\r\nexport const ADD_ITEMS = \"dataView/ADD_ITEMS\"\r\nexport const SET_ITEMS = \"dataView/SET_ITEMS\"\r\nexport const ADD_PK_ITEMS_WITHOUT_DUPLICATES = \"dataView/ADD_PK_ITEMS_WITHOUT_DUPLICATES\"\r\nexport const CLEAR_ITEMS = \"dataView/CLEAR_ITEMS\"\r\nexport const SET_DV_SELECTED_FILTERS = \"dataView/SET_DV_SELECTED_FILTERS\"\r\nexport const SET_DV_MULTIPLE_SELECTED_FILTERS =\r\n \"dataView/SET_DV_MULTIPLE_SELECTED_FILTERS\"\r\nexport const RESET_DV = \"dataView/RESET_DV\"\r\nexport const SET_DV_STRING = \"dataView/SET_DV_STRING\"\r\nexport const SET_DV_ITEMS = \"dataView/SET_DV_ITEMS\"\r\nexport const ADD_DV_ITEMS = \"dataView/ADD_DV_ITEMS\"\r\nexport const TOGGLE_SELECT_ITEM = \"dataView/TOGGLE_SELECT_ITEM\"\r\nexport const TOGGLE_SELECT_ALL_ITEMS = \"dataView/TOGGLE_SELECT_ALL_ITEMS\"\r\nexport const ADD_SAVED_FILTER = \"dataView/ADD_SAVED_FILTER\"\r\nexport const DELETE_SAVED_FILTER = \"dataView/DELETE_SAVED_FILTER\"\r\nexport const ACTIVATE_SAVED_FILTER = \"dataView/ACTIVATE_SAVED_FILTER\"\r\nexport const SET_MORE_ACTION_ROW_ID = \"dataView/SET_MORE_ACTION_ROW_ID\"\r\nexport const TOGGLE_SORT = \"dataView/TOGGLE_SORT\"\r\nexport const RESET_ACTIONS = \"dataView/RESET_ACTIONS\"\r\nexport const SET_DV_ID = \"dataView/SET_DV_ID\"\r\nexport const SET_COLUMS = \"dataView/SET_COLUMS\"\r\nexport const SET_VOLUME_DISCOUNT_QUNTITIES =\r\n \"shop/SET_VOLUME_DISCOUNT_QUNTITIES\"\r\nexport const ENRICH_DATAVIEW_ITEMS = \"dataView/ENRICH_DATAVIEW_ITEMS\"\r\nexport const SET_CONTROL_VIEW_ID = \"dataView/SET_CONTROL_VIEW_ID\"\r\nexport const SET_CHECK_SEARCH_STRING = \"dataView/SET_CHECK_SEARCH_STRING\"\r\nexport const SET_CHECK_FILTERS = \"dataView/SET_CHECK_FILTERS\"\r\nexport const SET_LAST_ADDED_TO_CART = \"dataView/SET_LAST_ADDED_TO_CART\"\r\nexport const DELETE_ITEM = \"dataView/DELETE_ITEM\"\r\nexport const EXCEL_QUANTITY_CHANGE = \"dataView/EXCEL_QUANTITY_CHANGE\"\r\nexport const SET_SELECTED_ITEMS_LIST = \"dataView/SET_SELECTED_ITEMS_LIST\"\r\n\r\nconst mockSavedFilters = [\r\n {\r\n id: \"USF-0000aaaa\",\r\n favorite: true,\r\n name: \"My precious\",\r\n data: {\r\n \"FLT-SMaaaa00\": [\"2\"]\r\n }\r\n },\r\n {\r\n id: \"USF-0000aaab\",\r\n favorite: false,\r\n name: \"My filter\",\r\n data: {\r\n \"FLT-SMaaaa00\": [\"2\"],\r\n \"FLT-RGaaaa00\": [0, 530]\r\n }\r\n }\r\n]\r\n\r\nconst initialState = {\r\n viewId: \"\",\r\n items: [],\r\n selectedItems: [],\r\n searchString: \"\",\r\n columns: null,\r\n sort: [],\r\n moreOpenRowId: \"\",\r\n // allFilters: [],\r\n selectedFilters: {\r\n // 'FLT-sort00p1' : [\"ranking|true\"],\r\n // \"FLT-sort0prc\" : [\"both\"],\r\n // \"FLT-PCATEG00\" : [\"#1\", \"#45\"],\r\n // \"FLT-PCATEG01\" : [\"#1#4\", \"#45#46\"],\r\n },\r\n lastItemHint: 0,\r\n controlPageViewId: \"\",\r\n savedFilters: [...mockSavedFilters || []],\r\n checkFilters: undefined,\r\n checkSearchString: \"\"\r\n}\r\n\r\n// eslint-disable-next-line import/no-anonymous-default-export\r\nexport default function (state = initialState, unsanitizedAction) {\r\n\r\n const action = sanitizeAnythingForRedux(unsanitizedAction)\r\n\r\n switch (action.type) {\r\n case RESET_DV:\r\n return initialState\r\n case CLEAR_ITEMS:\r\n return {\r\n ...state,\r\n items: []\r\n }\r\n case SET_COLUMS:\r\n return {\r\n ...state,\r\n columns: action.payload\r\n }\r\n case SET_DV_ID:\r\n return state.viewId === action.payload\r\n ? state\r\n : {\r\n ...initialState,\r\n viewId: action.payload\r\n }\r\n case SET_ITEMS:\r\n return {\r\n ...state,\r\n items: action.payload?.items,\r\n lastItemHint: action.payload?.lastItemHint,\r\n count: action.payload?.count\r\n }\r\n case ADD_PK_ITEMS_WITHOUT_DUPLICATES: {\r\n const oldPKs = state?.items?.reduce(\r\n (prev, current) => {\r\n if(!current?.PK) return prev\r\n return {\r\n ...prev, \r\n [current.PK]: true,\r\n }\r\n }, {}\r\n )\r\n\r\n const filteredNewItems = action?.payload?.items.filter(\r\n newItem => {\r\n return !(oldPKs[newItem.PK])\r\n }\r\n )\r\n return {\r\n ...state,\r\n items: [...state?.items || [], ...filteredNewItems || []],\r\n }\r\n }\r\n case DELETE_ITEM:\r\n return {\r\n ...state,\r\n items: state?.items?.filter?.(\r\n (i) => i.id !== action.payload\r\n ),\r\n //lastItemHint: state?.lastItemHint\r\n }\r\n case EXCEL_QUANTITY_CHANGE:\r\n return {\r\n ...state,\r\n items: state?.items?.map?.(i =>\r\n i?.id === action?.payload?.id ? {...i, quantity: action?.payload?.quantity} : i\r\n )\r\n }\r\n case ADD_ITEMS:\r\n return {\r\n ...state,\r\n items: [...(state?.items ?? []), ...action.payload?.items || []],\r\n lastItemHint: action.payload?.lastItemHint,\r\n count: action.payload?.count\r\n }\r\n case ENRICH_DATAVIEW_ITEMS:\r\n const products = state?.items?.map?.((oldProd) =>\r\n oldProd?.id === action.payload?.id ? action.payload : oldProd\r\n )\r\n return {\r\n ...state,\r\n items: [...(products ?? [])]\r\n }\r\n case SET_MORE_ACTION_ROW_ID:\r\n return {\r\n ...state,\r\n selectedItems: [], //closes more actions modal\r\n moreOpenRowId:\r\n action.payload === state.moreOpenRowId ? \"\" : action.payload\r\n }\r\n case TOGGLE_SORT:\r\n return {\r\n ...state,\r\n sort:\r\n state?.sort?.[0] === action.payload?.[0] &&\r\n state?.sort?.[1] === action.payload?.[1]\r\n ? []\r\n : action.payload\r\n }\r\n case SET_DV_STRING:\r\n const searchString = action.payload\r\n // setQsParams({searchString})\r\n return {\r\n ...state,\r\n searchString\r\n }\r\n case SET_LAST_ADDED_TO_CART:\r\n return {\r\n ...state,\r\n lastAddedToCart: action.payload\r\n }\r\n case SET_CONTROL_VIEW_ID:\r\n return {\r\n ...state,\r\n controlPageViewId: action.payload\r\n }\r\n case SET_CHECK_SEARCH_STRING:\r\n return {\r\n ...state,\r\n checkSearchString: action.payload || \"\"\r\n }\r\n case SET_CHECK_FILTERS:\r\n // setQsParams(action.payload)\r\n\r\n return {\r\n ...state,\r\n checkFilters: action.payload\r\n }\r\n case TOGGLE_SELECT_ITEM:\r\n return {\r\n ...state,\r\n moreOpenRowId: \"\", //closes any open action\r\n selectedItems: state.selectedItems?.includes?.(action.payload)\r\n ? state.selectedItems?.filter?.((item) => item != action.payload)\r\n : [...state.selectedItems || [], action.payload || []]\r\n }\r\n case RESET_ACTIONS:\r\n return {\r\n ...state,\r\n moreOpenRowId: \"\", //closes any open action\r\n selectedItems: []\r\n }\r\n case TOGGLE_SELECT_ALL_ITEMS:\r\n return {\r\n ...state,\r\n moreOpenRowId: \"\", //closes any open action\r\n selectedItems:\r\n state.selectedItems?.length === state?.items?.length\r\n ? []\r\n : state?.items?.map?.((item) => item?.id ?? item?.PK)\r\n }\r\n case SET_DV_ITEMS:\r\n return {\r\n ...state,\r\n rows: action.payload?.rows\r\n }\r\n case ADD_DV_ITEMS:\r\n return {\r\n ...state,\r\n rows: [...state.rows || [], ...action.payload?.rows || []],\r\n lastRowHint: action.payload?.lastRowHint\r\n }\r\n case ADD_SAVED_FILTER:\r\n return {\r\n ...state,\r\n savedFilters: [...state.savedFilters || [], action.payload || []]\r\n }\r\n case ACTIVATE_SAVED_FILTER:\r\n return {\r\n ...state,\r\n selectedFilters: state.savedFilters?.find?.(\r\n (e) => e?.id === action.payload\r\n ).data\r\n }\r\n case DELETE_SAVED_FILTER:\r\n return {\r\n ...state,\r\n savedFilters:\r\n state?.savedFilters &&\r\n state.savedFilters?.filter?.((item) => item?.id !== action.payload)\r\n }\r\n case SET_DV_SELECTED_FILTERS:\r\n // let prev = state.selectedFilters\r\n return {\r\n ...state,\r\n selectedFilters: action.payload?.id\r\n ? {\r\n ...state.selectedFilters,\r\n [action.payload?.id]: action.payload?.selection\r\n }\r\n : {}\r\n }\r\n case SET_DV_MULTIPLE_SELECTED_FILTERS:\r\n // payload = {\r\n // filterId : filterSelection,\r\n // filterId : filterSelection,\r\n // }\r\n return {\r\n ...state,\r\n selectedFilters: {\r\n ...state.selectedFilters,\r\n ...(action.payload ?? {})\r\n }\r\n }\r\n case \"TEMP_CLEAR_SHOP_FILTERS\":\r\n // let prev = state.selectedFilters\r\n return {\r\n ...state,\r\n selectedFilters: {\r\n \"FLT-sort00p1\": [\"ranking|true\"]\r\n }\r\n }\r\n case SET_VOLUME_DISCOUNT_QUNTITIES:\r\n // let prev = state.selectedFilters\r\n return {\r\n ...state,\r\n items: state?.items?.map?.((e) =>\r\n e?.id === action.payload?.productId\r\n ? { ...e, volumeDiscounts: action.payload?.data }\r\n : e\r\n )\r\n }\r\n case SET_SELECTED_ITEMS_LIST:\r\n return {\r\n ...state,\r\n selectedFilters: {\r\n ...state?.selectedFilters,\r\n ...action?.payload\r\n }\r\n }\r\n default:\r\n return state\r\n }\r\n}\r\n\r\nexport const setColumns = (data) => {\r\n return {\r\n type: SET_COLUMS,\r\n payload: data\r\n }\r\n}\r\nexport const setDataViewId = (id) => {\r\n return {\r\n type: SET_DV_ID,\r\n payload: id\r\n }\r\n}\r\nexport const setDataItems = (items, lastItemHint, noUnpack) => {\r\n // debugger\r\n return {\r\n type: SET_ITEMS,\r\n payload: {\r\n items: noUnpack ? items : items?.items,\r\n lastItemHint\r\n }\r\n }\r\n}\r\nexport const setImportedDataFromExcel = (data) => {\r\n // console.log(\"DATA IN STATE \", data)\r\n return({\r\n // type: SET_TEMP_PRODUCT_IMPORT_DETAILS,\r\n\r\n type: ADD_ITEMS,\r\n payload: {items: [data]}\r\n })\r\n}\r\nexport const setExcelQuantity = (id, quantity) => {\r\n return({\r\n type: EXCEL_QUANTITY_CHANGE,\r\n payload: {id, quantity}\r\n })\r\n}\r\nexport const addDataItems = (items, lastItemHint) => {\r\n return {\r\n type: ADD_ITEMS,\r\n payload: {\r\n items,\r\n lastItemHint\r\n }\r\n }\r\n}\r\nexport const clearDataViewItems = () => {\r\n return {\r\n type: CLEAR_ITEMS\r\n }\r\n}\r\nexport const deleteProductFromExcel = (data) => ({\r\n type: DELETE_ITEM,\r\n payload: data\r\n})\r\nexport const toggleSelectedItem = (id) => {\r\n return {\r\n type: TOGGLE_SELECT_ITEM,\r\n payload: id\r\n }\r\n}\r\n\r\nexport const toggleSort = (payload) => {\r\n return {\r\n type: TOGGLE_SORT,\r\n payload\r\n }\r\n}\r\n\r\nexport const setMoreOpenRowId = (id) => {\r\n return {\r\n type: SET_MORE_ACTION_ROW_ID,\r\n payload: id\r\n }\r\n}\r\nexport const toggleSelectAllItems = () => {\r\n return {\r\n type: TOGGLE_SELECT_ALL_ITEMS\r\n }\r\n}\r\n\r\nexport const deleteSavedFilter = (id) => {\r\n return {\r\n type: DELETE_SAVED_FILTER,\r\n payload: id\r\n }\r\n}\r\n\r\nexport const activateSavedFilter = (id) => {\r\n return {\r\n type: ACTIVATE_SAVED_FILTER,\r\n payload: id\r\n }\r\n}\r\n\r\nexport const resetDV = () => {\r\n return {\r\n type: RESET_DV\r\n }\r\n}\r\n\r\nexport const setDVsearchString = (string) => {\r\n return {\r\n payload: string,\r\n type: SET_DV_STRING\r\n }\r\n}\r\n\r\nexport const setControlDVString = (string) => {\r\n return {\r\n payload: string,\r\n type: SET_CONTROL_VIEW_ID\r\n }\r\n}\r\n\r\nexport const setDVitems = (items) => {\r\n return {\r\n payload: { items },\r\n type: SET_DV_ITEMS\r\n }\r\n}\r\n\r\nexport const setCheckSearchString = (string) => {\r\n return {\r\n payload: string,\r\n type: SET_CHECK_SEARCH_STRING\r\n }\r\n}\r\n\r\nexport const resetCheckSearchString = () => {\r\n return {\r\n payload: \"\",\r\n type: SET_CHECK_SEARCH_STRING\r\n }\r\n}\r\n\r\nexport const setCheckFilters = (filters) => {\r\n return {\r\n payload: filters,\r\n type: SET_CHECK_FILTERS\r\n }\r\n}\r\nexport const addDVitems = (items) => {\r\n return {\r\n payload: { items },\r\n type: ADD_DV_ITEMS\r\n }\r\n}\r\nexport const setSelectedItemList = (data) => {\r\n return {\r\n payload: data,\r\n type: SET_SELECTED_ITEMS_LIST\r\n }\r\n}\r\nexport const setFilterSelection = (id, selection) =>\r\n reDispatch((dispatch) => {\r\n // if (id===\"FLT-tipClient\") dispatch(setClientTypeGlobal(selection?.[0]))\r\n return {\r\n payload: { id, selection },\r\n type: SET_DV_SELECTED_FILTERS\r\n }\r\n })\r\nexport const setMultipleFilterSelection = (data) => ({\r\n payload: data,\r\n type: SET_DV_MULTIPLE_SELECTED_FILTERS\r\n})\r\n\r\nexport const setLastAddedToCart = (id) => {\r\n return {\r\n type: SET_LAST_ADDED_TO_CART,\r\n payload: id\r\n }\r\n}\r\n\r\n// FLT-tipClient\r\n","import { createBrowserHistory } from \"history\"\r\n// import { useLocation } from 'react-router-dom';\r\nimport queryString from \"query-string\"\r\n\r\n// export const history = createBrowserHistory();\r\nexport const history = createBrowserHistory({})\r\n\r\nexport const createUrlPrefix = ({ customUrl, customTags }) =>\r\n `${customUrl}`\r\n ?.concat?.(customTags?.length ? \"-\" : \"\")\r\n ?.concat?.(customTags?.join?.(\"-\"))\r\n\r\nexport const getProductDetailHref = ({\r\n id,\r\n customTags = [],\r\n customUrl = \"\"\r\n // UNCOMMENT AND EDIT THESE IF default custom url tags are needed:\r\n // customTags = [\"mocktag1\", \"mocktag2\"],\r\n // customUrl = \"customUrl\",\r\n}) => {\r\n if (!id) {\r\n console.error(\"No id provided for getProductDetailHref()\")\r\n return \"/404\"\r\n }\r\n\r\n return `/shop/details/${createUrlPrefix({ customTags, customUrl })}?id=${id}`\r\n}\r\n\r\nexport const goToProductDetails = (id, customTags, customUrl) => {\r\n const productDetailUrl = getProductDetailHref({ id, customTags, customUrl })\r\n if (!productDetailUrl) {\r\n return\r\n }\r\n history?.push?.(productDetailUrl)\r\n}\r\n\r\nexport const getUrlParam = (param) =>\r\n window.location.search\r\n ?.split?.(\"?\")[1]\r\n ?.split?.(\"&\")\r\n ?.find?.((item) => item?.includes?.(`${param}=`))\r\n ?.split?.(\"=\")[1]\r\n\r\nexport const setQsParams = (object) => {\r\n const crtQs = queryString.parse(window.location.search)\r\n const newQs = { ...crtQs, ...object }\r\n const url = `${window.location.pathname}?${queryString.stringify(newQs)}`\r\n // debugger\r\n window.history.replaceState(null, null, url)\r\n // history?.push?.( url )\r\n}\r\n\r\nexport const getQsParams = () => queryString.parse(window.location.search)\r\n","import { toastr } from \"react-redux-toastr\"\r\nimport SvgIcon from \"components/SvgIcon/SvgIcon\"\r\n\r\nexport const showMagicToaster = ({\r\n title,\r\n subtitle,\r\n type = \"success\",\r\n timeOut = 2500\r\n}) => {\r\n\r\n\r\n const toastrOptions = {\r\n\r\n /**\r\n * Do not include any React component here, it goes through \r\n * the redux save and restore process and it causes a fatal error when \r\n * React tries to render it again later. \r\n */\r\n\r\n timeOut, // by setting to 0 it will prevent the auto close\r\n \r\n // icon: ({computedLabel}
}\r\n {rightSvg && {badge}
}\r\n {loadingState && {computedLabel}
}\r\n {badge && {badge}
}\r\n {loadingState && {buttonContent}
\r\n}\r\n","export default __webpack_public_path__ + \"static/media/Listmodels.8dbb7bc1.svg\";","import Listmodels from \"assets/MenuIcon/Atom/Icons/Listmodels.svg\"\r\nimport { Lang, lang, Translate, loc, Loc } from \"components/Lang/Lang\"\r\n\r\nexport const leftMenu = {\r\n topItems: [\r\n {\r\n id: \"leftEntriesShop\",\r\n name: \"menus.leftEntriesShop\",\r\n //\r\n
\r\n )\r\n\r\n const disableSubmitComputed =\r\n disableSubmit ?? magicFormProps?.disableSubmit ?? false\r\n const enrichedChildren = magicFormProps\r\n ? cloneElement(props.children, { ...magicFormProps })\r\n : props.children\r\n\r\n const footer = (\r\n {title ?? \"add title prop to
\r\n \r\n \r\n {props.topFooter ?? null}\r\n
\r\n )\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nconst close = (\r\n \r\n)\r\n","import React from \"react\"\r\nimport { Link } from \"react-router-dom\"\r\n\r\n/**\r\n * Uses the Link component from react-router-dom.\r\n * Removes the annoying default style of the tag.\r\n * If no 'to' prop is provided, it will log an error\r\n * and return a Link to the 404 page.\r\n */\r\nconst MyLink = ({ children, to, shouldNotRenderAsLink, ...rest }) => {\r\n if (!to && !shouldNotRenderAsLink) console.error(`MyLink: 'to' prop is required`)\r\n\r\n const combinedStyle = {\r\n ...styles.link,\r\n ...rest.style,\r\n }\r\n\r\n const combinedRest = {\r\n ...rest,\r\n style: combinedStyle,\r\n }\r\n\r\n if(shouldNotRenderAsLink) return (\r\n {children}\r\n )\r\n\r\n if(to?.startsWith?.('http')) return (\r\n {children}\r\n )\r\n\r\n return (\r\n \r\n {children}\r\n \r\n )\r\n}\r\n\r\nconst styles = {\r\n link: {\r\n color: \"inherit\",\r\n textDecoration: \"none\",\r\n }\r\n}\r\n\r\nexport default MyLink\r\n","export default __webpack_public_path__ + \"static/media/blackFriday.ed7ff89c.webp\";","\r\nimport { useSelector } from 'react-redux'\r\nimport { campaignDateInfo, isCampaignActive } from 'utils/dateUtils'\r\nimport { shoppingCartSelector } from 'store/selectors/dataView/dataView.productsListFinal.selector'\r\nimport blackFridayImage from 'assets/Campaign/blackFriday.webp'\r\nimport useIsLogged from 'utils/useIsLogged'\r\n\r\n\r\nconst useCampaignInfo = () => {\r\n \r\n const campaignApiInfo = useSelector(state => state?.shop?.campaignApiInfo)\r\n const shoppingCart = useSelector(shoppingCartSelector)\r\n const isShoppingCartEmpty = !Boolean(shoppingCart?.products?.[0]?.length)\r\n const isLogged = useIsLogged()\r\n\r\n const getShouldShowCampaignCheckbox = () => {\r\n if(!isCampaignActive()) return false\r\n if(!campaignConfig.doesAffectCart) return false\r\n if(isShoppingCartEmpty) return false\r\n if(campaignApiInfo?.isCompanyInCampaign) return false\r\n return true\r\n }\r\n\r\n const getInitialCampaignCheckboxState = () => {\r\n if(!isCampaignActive()) return false\r\n if(campaignApiInfo?.isUserInCampaign) return true\r\n return false\r\n }\r\n\r\n const getShouldShowFloatingButton = () => {\r\n if(isLogged) return false\r\n // The bloating button must be active DURING and AFTER the campaign.\r\n return !campaignDateInfo.isBeforeCampaign\r\n }\r\n\r\n return {\r\n /** campaignApiInfo?.isUserInCampaign is a misleading name. \r\n * It actually becomes false if the user REFUSED the campaign \r\n * in the past. Meant to be used to decide the initial state \r\n * of the campaign-related checkbox. */ \r\n initialCampaignCheckboxState: getInitialCampaignCheckboxState(),\r\n shouldShowCampaignCheckbox: getShouldShowCampaignCheckbox(), \r\n shouldShowFloatingButton: getShouldShowFloatingButton(),\r\n }\r\n\r\n}\r\n\r\n\r\n/**\r\n * The campaign ended but SOME of its implemented functionalities \r\n * must stay active for some more time. This function is the \r\n * decision point for those.\r\n */\r\nexport const isCampaignPartiallyActive = () => \r\n true\r\n\r\n\r\nexport const campaignConfig = {\r\n url: campaignDateInfo.isCampaignActive ? 'https://uniprest.ro/black-friday/' : 'https://uniprest.ro/promotii/',\r\n name: campaignDateInfo.isCampaignActive ? 'Black Friday' : 'Promoții',\r\n doesAffectRouting: false, \r\n doesAffectCart: false,\r\n imageUrl: blackFridayImage,\r\n hasNarrowDashboardBanner: false,\r\n isBeforeCampaign: campaignDateInfo.isBeforeCampaign,\r\n isAfterCampaign: campaignDateInfo.isAfterCampaign,\r\n isCampaignActive: campaignDateInfo.isCampaignActive,\r\n}\r\n\r\nexport default useCampaignInfo\r\n\r\n\r\nexport const GoToCampaign = () => {\r\n\r\n window.location.href = 'https://uniprest.ro/black-friday/'\r\n\r\n return null\r\n\r\n}","import \"./index.scss\"\r\n\r\n\r\nexport const legalDocuments = {\r\n terms: {\r\n title: 'TERMENI SI CONDITII DE UTILIZARE A UNIPREST.RO', \r\n url: 'https://www.uniprest.ro/media/termeni-si-conditii-de-utilizare-a-uniprest-ro.pdf',\r\n }, \r\n cookies: {\r\n title: 'POLITICA DE STOCARE SI UTILIZARE COOKIES',\r\n url: 'https://www.uniprest.ro/media/politica-de-stocare-si-utilizare-cookies.pdf',\r\n }, \r\n contract: {\r\n title: 'CONDIŢII CONTRACTUALE GENERALE',\r\n url: 'https://www.uniprest.ro/media/conditii-contractuale-generale.pdf',\r\n },\r\n marketing: {\r\n title: 'Nota de informare privind prelucrarea datelor cu caracter personal în scopuri de marketing',\r\n url: 'https://www.uniprest.ro/media/nota-de-informare-privind-prelucrarea-datelor-cu-caracter-personal-in-scopuri-de-marketing.pdf',\r\n }, \r\n candidates: {\r\n title: 'Nota de informare candidati',\r\n url: 'https://www.uniprest.ro/media/nota-de-informare-candidati.pdf',\r\n },\r\n}\r\n\r\nexport default function DocumentPage() {\r\n\r\n const pageHeader = (\r\n \r\n {header}\r\n
\r\n \r\n {enrichedChildren}\r\n
\r\n {!noFooter && (props.footer ?? footer)}\r\n \r\n {Object.keys(legalDocuments|| {})?.map?.(documentId => (\r\n
\r\n )\r\n\r\n return (\r\n \r\n {pageHeader}\r\n
\r\n )\r\n}\r\n\r\nconst LegalLink = ({ documentId }) => {\r\n\r\n const legalDocument = legalDocuments?.[documentId]\r\n\r\n if (!legalDocument) return null\r\n\r\n return \r\n}\r\n\r\n\r\n","import { badgeColors } from \"staticData/admin/products\"\r\nimport { apiAction } from \"store/middleware/api\"\r\nimport { SET_API_RESPONSE } from \"store/modules/auth\"\r\nimport { setCrtFormItem } from \"store/modules/page\"\r\nimport store from \"store/index\"\r\nimport { loadItem } from \"store/justActions/loadApiIems\"\r\nimport { DATE_FORMAT_DAY_ONLY, formatISOMoment } from \"utils/dateUtils\"\r\nimport { toastr } from \"react-redux-toastr\"\r\nimport { getCart } from \"store/modules/shop\"\r\nimport { printError } from \"utils/printError\"\r\n\r\nexport const saveApiItem = ({ type, data, onSuccess, onFailure }) => {\r\n let apiData = data\r\n let endPoint\r\n if (type === \"client-user-invite\") {\r\n apiData = parseForApiClientUserData(data, \"invite\")\r\n endPoint = `/uniprest/user`\r\n }\r\n if (type === \"client-user-edit\") {\r\n apiData = parseForApiClientUserData(data, \"edit\")\r\n endPoint = `/uniprest/user`\r\n }\r\n if (type === \"user\") {\r\n //this might change, that's why the different func for admin parse\r\n apiData = parseForApiAdminUserData(data)\r\n endPoint = \"/uniprest/user\" //${type}`\r\n }\r\n if (type === \"group\") {\r\n apiData = parseForApiGroupData(data)\r\n endPoint = `/group`\r\n }\r\n if (type === \"product-answer\") {\r\n apiData = parseForApiProductAnswer(data)\r\n endPoint = `/product-answer`\r\n }\r\n if (type === \"product-comment\") {\r\n apiData = parseForApiProductComment(data)\r\n endPoint = `/product-answer`\r\n }\r\n if (type === \"product-question\") {\r\n apiData = parseForApiProductQuestion(data)\r\n endPoint = `/${type}`\r\n }\r\n if (type === \"grilaDiscountForm\") {\r\n apiData = parseForApiDiscountGrid(data)\r\n endPoint = `/product/goods/discount/grid`\r\n }\r\n if (type === \"product/goods/discount/package\") {\r\n apiData = parseForApiDiscountPackage(data)\r\n }\r\n if (type === \"product/goods/discount/fix\") {\r\n apiData = parseForApiDiscountFix(data)\r\n }\r\n if (type === \"discountVolumeDetails\") {\r\n apiData = parseForApiDiscountVolume(data)\r\n endPoint = \"/product/goods/discount/volume\"\r\n }\r\n if (type === \"badgeDetails\") {\r\n apiData = parseForApiProductGoodsBadge(data)\r\n endPoint = \"/goods-badge\"\r\n }\r\n if (type === \"product-rating\") {\r\n apiData = parseForApiProductRating(data)\r\n }\r\n if (type === \"basket\") {\r\n apiData = parseForApiBasket(data)\r\n }\r\n if (type === \"organization/warehouse\") {\r\n apiData = parseForApiWearhouse(data)\r\n }\r\n if (type === \"productDetails\") {\r\n apiData = parseForApiProductGoods(data)\r\n endPoint = \"/product/goods\"\r\n }\r\n if (type === \"product-document\") {\r\n apiData = parseForApiDocument(data)\r\n }\r\n if (type === \"/organization/workplace\") {\r\n apiData = parseForApiOrganizationWorkplace(data)\r\n endPoint = \"/organization/workplace/\"\r\n }\r\n if (type === \"uniprest/user/my-user\") {\r\n apiData = data\r\n }\r\n if (type === \"location-delivery\") {\r\n apiData = parseLocationDelivery(data)\r\n }\r\n if (type === \"companyForm\") {\r\n apiData = parseCompanyDataForApi(data)\r\n endPoint = \"/organization/webshop-client\"\r\n }\r\n if (type === \"companyLocation\") {\r\n apiData = parseAddressDataForApi(data)\r\n endPoint = \"/organization/webshop-client/my-address\" //address\r\n }\r\n if (type === \"address\") {\r\n apiData = parseAddressData(data)\r\n }\r\n if (type === \"customer-offer\") {\r\n apiData = parseCustomerOfferData(data)\r\n }\r\n if (type === \"customer-offer-view\") {\r\n apiData = parseCustomerOfferViewData(data)\r\n\r\n endPoint = \"/customer-offer\"\r\n }\r\n if (type === \"offerDetailCompanies\") {\r\n apiData = parseOfferDetailCompanies(data)\r\n endPoint = \"/customer-offer/client-save/\"\r\n }\r\n\r\n // return { type: 'dev' };\r\n //return {type: \"a\"};\r\n return apiAction({\r\n endPoint: endPoint ?? `/${type}`,\r\n method: \"POST\",\r\n data: apiData,\r\n onSuccess: (data, dispatch) => {\r\n dispatch({ type: SET_API_RESPONSE, payload: data }) // dev mode: used to display data on apicalls page\r\n if (type === \"user\")\r\n toastr.success(\r\n \"Emailul de validare a fost trimis cu succes la adresa specificată.\"\r\n )\r\n\r\n if (type === \"customer-offer\") dispatch(getCart())\r\n\r\n if (!onSuccess) {\r\n //if API success also reset the form to crt values. Maybe not needded...\r\n //- we need this, but the loadApiParser functions are skipped with this\r\n //TODO:SE: @Sorin review\r\n // dispatch(setCrtFormItem(data))\r\n dispatch(loadItem(type, data?.id))\r\n } else onSuccess(data, dispatch)\r\n\r\n return { type: \"a\" }\r\n },\r\n onFailure: (err) => {\r\n printError(\"saveApiItem()\", err)\r\n if (onFailure) onFailure(err)\r\n else {\r\n if (type === \"user\")\r\n toastr.error(\r\n \"Eroare: Această adresă de email este deja folosită la un utilizator.\"\r\n )\r\n }\r\n return { type: \"a\" }\r\n }\r\n })\r\n}\r\nconst parseOfferDetailCompanies = (data) => {\r\n const addressListCleaned = data?.addressList\r\n delete addressListCleaned.locationName\r\n\r\n const _data = {\r\n ...data,\r\n addressList: [addressListCleaned],\r\n attachmentList: [\r\n {\r\n id: data?.attachmentList?.id ? data?.attachmentList?.id : null,\r\n type: \"LOGO\",\r\n reference: data?.attachmentList?.url\r\n }\r\n ],\r\n contactInfo: {\r\n email: data?.contactInfo?.email,\r\n phone: data?.contactInfo?.phone,\r\n website: data?.contactInfo?.website\r\n }\r\n }\r\n return _data\r\n}\r\n\r\nconst parseCustomerOfferViewData = (data) => {\r\n const parsedLineList = data?.lineList?.map?.((i) => ({\r\n ...i,\r\n basketQuantity: undefined,\r\n basketPrice: undefined\r\n }))\r\n const parsedExternalList = data?.externalProductList\r\n ?.filter?.((i) => i.type !== null)\r\n ?.map?.((i) => ({ ...i, unitOfMeasury: undefined }))\r\n\r\n const _data = {\r\n ...data,\r\n externalProductList: parsedExternalList,\r\n lineList: parsedLineList\r\n }\r\n delete _data?.products\r\n delete _data?.initialValue\r\n\r\n return _data\r\n}\r\nconst parseCustomerOfferData = (data) => {\r\n //return {...data?.offerInitData, }\r\n const _data = data\r\n delete _data?.centralDeliveryDateOptions\r\n delete _data?.localDeliveryDateOptions\r\n delete _data?.products\r\n delete _data?.personalizationData\r\n delete _data?.relationList3\r\n\r\n return {\r\n id:\r\n _data?.offerInitData?.id === \"\" ||\r\n _data?.offerInitData?.id === null ||\r\n _data?.offerInitData?.id === undefined\r\n ? null\r\n : _data?.offerInitData?.id, //\"\"\r\n code: _data?.offerInitData?.code ?? null, //\"\"\r\n customerName: _data?.customerName ?? \"\",\r\n title: _data?.title ?? \"\",\r\n subtitle: _data?.subtitle ?? \"\",\r\n description: _data?.description ?? \"\",\r\n //pay attention it is lost somewhere\r\n status: _data?.status ?? \"ACTIVE\", //diff between the two CustommerOfferStatus\r\n globalMargin: _data?.offerInitData?.globalMargin ?? false,\r\n customerVatPayer: _data?.offerInitData?.customerVatPayer ?? false,\r\n marginPercent: _data?.offerInitData?.marginPercent\r\n ? Number(_data?.offerInitData?.marginPercent)\r\n : null,\r\n marginValue: _data?.offerInitData?.marginValue ?? null,\r\n\r\n totalValueNet: _data?.offerInitData?.totalValueNet ?? null,\r\n totalValueVat: _data?.offerInitData?.totalValueVat ?? null,\r\n totalValueGross: _data?.offerInitData?.totalValueGross ?? null,\r\n globalValue: _data?.offerInitData?.globalValue ?? false,\r\n globalValueNet: _data?.offerInitData?.globalValue\r\n ? _data?.offerInitData?.globalValueNet\r\n : _data?.offerInitData?.totalValueNet,\r\n globalValueVat: _data?.offerInitData?.globalValueVat ?? null,\r\n globalValueGross: _data?.offerInitData?.globalValueGross ?? null,\r\n currencyCode: _data?.offerInitData?.currencyCode ?? \"RON\",\r\n lineList: _data?.offerInitLineList ?? [],\r\n\r\n externalProductAndService: _data?.externalProductAndService ?? false,\r\n externalProductValueNet: _data?.externalProductValueNet\r\n ? Number(_data?.externalProductValueNet)\r\n : null,\r\n externalProductValueVat: _data?.externalProductValueVat ?? null,\r\n externalProductValueGross: _data?.externalProductValueGross ?? null,\r\n externalServiceValueNet: _data?.externalServiceValueNet\r\n ? Number(_data?.externalServiceValueNet)\r\n : null,\r\n externalServiceValueVat: _data?.externalServiceValueVat ?? null,\r\n externalServiceValueGross: _data?.externalServiceValueGross ?? null,\r\n externalProductList:\r\n _data?.externalProductList?.length === 1 &&\r\n _data?.externalProductList?.[0]?.type === \"\"\r\n ? []\r\n : _data?.externalProductList?.filter?.((i) => i?.type !== \"\") ?? [],\r\n externalProductGlobalValueNet: _data?.externalProductGlobalValueNet || null,\r\n externalProductGlobalValueVat: _data?.externalProductGlobalValueVat || null,\r\n externalProductGlobalValueGross:\r\n _data?.externalProductGlobalValueGross || null,\r\n externalServiceGlobalValueNet: _data?.externalServiceGlobalValueNet || null,\r\n externalServiceGlobalValueVat: _data?.externalServiceGlobalValueVat || null,\r\n externalServiceGlobalValueGross:\r\n _data?.externalServiceGlobalValueGross || null\r\n }\r\n}\r\n\r\nconst parseAddressData = (data) => {\r\n let _data = {\r\n ...data,\r\n latitude: data?.map?.latitude,\r\n longitude: data?.map?.longitude\r\n }\r\n\r\n delete _data?.centralWarehouseEnabled\r\n delete _data?.local\r\n delete _data?.central\r\n delete _data?.map\r\n delete _data?.workplaceId\r\n delete _data?.township\r\n delete _data?.addressDelivery\r\n\r\n return _data\r\n}\r\n\r\nconst parseAddressDataForApi = (data) => ({\r\n id: null,\r\n type: \"TRANSPORT\", //tempfix what to do, how to handle\r\n name: data?.name,\r\n county: data?.county,\r\n country: data?.country,\r\n street: data?.street,\r\n number: data?.number,\r\n zipCode: data?.zipCode,\r\n locationId: data?.locationId ?? \"ZvoExl\",\r\n displayAddress: data?.displayAddress ?? data?.name,\r\n contactInfo: {\r\n email: null,\r\n mobil: null,\r\n phone: null\r\n },\r\n info: data?.info ?? null,\r\n latitude: data?.map?.latitude ?? 34.34,\r\n longitude: data?.map?.longitude ?? 54.54,\r\n zoom: data?.map?.zoom ?? 3,\r\n status: \"BaseEntityStatus.APPROVAL\"\r\n})\r\n\r\nconst parseForApiOrganizationWorkplace = (data) => {\r\n const addressList = [\r\n {\r\n ...data?.addressList,\r\n displayAddress: data?.addressShortName,\r\n street: data?.street,\r\n number: data?.number,\r\n name: data?.city,\r\n county: data?.county,\r\n country: data?.country,\r\n zipCode: data?.postalCode,\r\n modifyDate: formatISOMoment(new Date()),\r\n //\"id\": \"2l5NmQ\",\r\n //\"type\": \"HEADQUARTER\",\r\n //\"status\": \"BaseEntityStatus.ACTIVE\",\r\n //\"name\": null,\r\n //\"modifyDate\": \"2021-09-27T11:12:08.789+0000\",\r\n //\"country\": \"RO\",\r\n // \"county\": \"HD\",\r\n //\"locationId\": \"mGx36r\",\r\n //\"street\": \"B-dul. 22 Decembrie\",\r\n //\"number\": \"Nr. 265\",\r\n //\"zipCode\": null,\r\n //\"region\": null,\r\n //\"displayAddress\": \"B-dul. 22 Decembrie Nr. 265\",\r\n //\"extern\": false,\r\n longitude: data?.map?.longitude, //22.919204627265284,\r\n latitude: data?.map?.latitude, //45.86190319371234,\r\n zoom: data?.map?.zoom\r\n //\"contactInfo\": null,\r\n //\"info\": null\r\n }\r\n ]\r\n const contactInfo = {\r\n ...data?.contactInfo,\r\n email: data?.storeEmail\r\n // \"email\": \"deva@uniprest.ro\",\r\n // \"mobil\": null,\r\n // \"phone\": \"0354-416.350\",\r\n // \"facebook\": null,\r\n // \"linkedIn\": null,\r\n // \"note\": null,\r\n // \"profileStrength\": null\r\n }\r\n return {\r\n //...data,\r\n //from Postman\r\n id: data?.id, //*\r\n type: data?.type, //\"WORKPLACE\", //*\r\n name: data?.name, //*\r\n code: data?.code, //*\r\n alias: null, //*\r\n status: data?.status, //\"BaseEntityStatus.ACTIVE\", //*\r\n addressList: addressList,\r\n bankAccountList: [], //???\r\n contactList: [], //????\r\n contactInfo: contactInfo,\r\n description: null, //???\r\n presentationList: [], //???\r\n attachmentList: [], //???\r\n limitList: [], //???\r\n operatingHourList: [data?.schedule], //? it is gonna be an array/days?\r\n hasAccess: false //???\r\n }\r\n}\r\nconst parseCompanyDataForApi = (data) => {\r\n const addressListReProcessed = data?.addressListProcessed?.map?.((i) => ({\r\n id: i.id ?? null,\r\n type: \"HEADQUARTER\", //\"TRANSPORT\",\r\n country: i.country || \"ROU\",\r\n county: i.county,\r\n locationId: i.locationId || null,\r\n street: i.street || null,\r\n number: i.number || null,\r\n zipCode: i.zipCode || null,\r\n region: i.county || null,\r\n displayAddress:\r\n i?.displayAddress ||\r\n i?.name ||\r\n null,\r\n isForeign: false,\r\n longitude: i.map.longitude,\r\n latitude: i.map.latitude\r\n }))\r\n\r\n\r\n return {\r\n id: data?.id ?? null,\r\n name: data?.name,\r\n addressList: addressListReProcessed ?? [],\r\n classify: data?.classify?.[0] ? data?.classify?.[0] : undefined,\r\n paymentMethod: null, //data?.paymentMethod, null for now, error from server if invoice, etc are given\r\n contactInfo: data?.contactInfo,\r\n userRelationList: undefined, // Removed from the payload as per the request of the PM. \r\n isAutoSendInvoiceEnabled: data?.isAutoSendInvoiceEnabled,\r\n }\r\n}\r\n\r\nconst parseLocationDelivery = (data) => {\r\n const ruleList = []\r\n\r\n data?.centralWarehouseEnabled &&\r\n ruleList?.push?.({\r\n workplaceId: \"Lmnqln\",\r\n workplaceName: \"Depozit Central\",\r\n priority: \"0\",\r\n deliveryTypeList: [\r\n {\r\n deliveryMethodType: \"EXTERNAL\",\r\n deliveryTimeType:\r\n data?.central?.EXTERNAL?.available !== \"0\"\r\n ? data?.central?.EXTERNAL?.deliveryTimeType\r\n : null,\r\n cost:\r\n data?.central?.EXTERNAL?.available !== \"0\"\r\n ? data?.central?.EXTERNAL?.cost\r\n : null,\r\n currency: \"RON\"\r\n },\r\n {\r\n deliveryMethodType: \"ONSITE\",\r\n deliveryTimeType:\r\n data?.central?.ONSITE?.available !== \"0\"\r\n ? data?.central?.ONSITE?.deliveryTimeType\r\n : null,\r\n cost:\r\n data?.central?.ONSITE?.available !== \"0\"\r\n ? data?.central?.ONSITE?.cost\r\n : null,\r\n currency: \"RON\"\r\n },\r\n {\r\n deliveryMethodType: \"INTERNAL\",\r\n deliveryTimeType:\r\n data?.central?.INTERNAL?.available !== \"0\"\r\n ? data?.central?.INTERNAL?.deliveryTimeType\r\n : null,\r\n cost:\r\n data?.central?.INTERNAL?.available !== \"0\"\r\n ? data?.central?.INTERNAL?.cost\r\n : null,\r\n currency: \"RON\"\r\n }\r\n ]\r\n })\r\n\r\n data?.local?.workplaceId &&\r\n ruleList?.push?.({\r\n workplaceId: data?.local?.workplaceId,\r\n workplaceName: data?.local?.workplaceName,\r\n priority: \"1\",\r\n deliveryTypeList: [\r\n {\r\n deliveryMethodType: \"EXTERNAL\",\r\n deliveryTimeType:\r\n data?.local?.EXTERNAL?.available !== \"0\"\r\n ? data?.local?.EXTERNAL?.deliveryTimeType\r\n : null,\r\n cost:\r\n data?.local?.EXTERNAL?.available !== \"0\"\r\n ? data?.local?.EXTERNAL?.cost\r\n : null,\r\n currency: \"RON\"\r\n },\r\n {\r\n deliveryMethodType: \"ONSITE\",\r\n deliveryTimeType:\r\n data?.local?.ONSITE?.available !== \"0\"\r\n ? data?.local?.ONSITE?.deliveryTimeType\r\n : null,\r\n cost:\r\n data?.local?.ONSITE?.available !== \"0\"\r\n ? data?.local?.ONSITE?.cost\r\n : null,\r\n currency: \"RON\"\r\n },\r\n {\r\n deliveryMethodType: \"INTERNAL\",\r\n deliveryTimeType:\r\n data?.local?.INTERNAL?.available !== \"0\"\r\n ? data?.local?.INTERNAL?.deliveryTimeType\r\n : null,\r\n cost:\r\n data?.local?.INTERNAL?.available !== \"0\"\r\n ? data?.local?.INTERNAL?.cost\r\n : null,\r\n currency: \"RON\"\r\n }\r\n ]\r\n })\r\n\r\n let _data = {\r\n locationId: data?.locationId,\r\n orderProcessMethod:\r\n data?.orderProcessMethod === undefined\r\n ? \"AUTOMATIC\"\r\n : data?.orderProcessMethod,\r\n ruleList: ruleList,\r\n addressId: data?.addressId,\r\n id: data?.beSideGeneratedId ? data?.beSideGeneratedId : null\r\n }\r\n\r\n // if(!data?.addressDelivery) {\r\n // delete _data?.addressId\r\n // }\r\n\r\n if (!data?.locationDelivery) {\r\n delete _data?.locationId\r\n }\r\n\r\n delete _data?.centralWarehouseEnabled\r\n\r\n delete _data?.localWarehouseEnabled\r\n\r\n delete _data?.local\r\n\r\n delete _data?.central\r\n\r\n delete _data?.workplaceId\r\n\r\n delete _data?.id\r\n\r\n return _data\r\n}\r\n\r\nconst parseForApiClientUserData = (data, type) => {\r\n if (type === \"invite\")\r\n return {\r\n name: data?.name,\r\n newLoginName: data?.newLoginName,\r\n //\"loginName\": data?.loginName,//*** */\r\n contactInfo: {\r\n phone: data?.phone\r\n },\r\n groupIds: [data?.groupIdsExternal],\r\n type: \"EXTERNAL\",\r\n loginMethods: {\r\n emailAndPassword: true\r\n },\r\n organizationId: data?.loggedOrganizationId\r\n }\r\n if (type === \"edit\")\r\n return {\r\n id: data?.id,\r\n name: data?.name,\r\n loginName: data?.loginName,\r\n avatar: null,\r\n contactInfo: {\r\n phone: data?.phone\r\n },\r\n groupIds: [data?.groupIdsExternal],\r\n type: \"EXTERNAL\",\r\n loginMethods: {\r\n emailAndPassword: true\r\n },\r\n organizationId: data?.organizationId\r\n }\r\n}\r\n\r\n// const saveUserData = {\r\n// \"accessKeyList\": [],\r\n// \"id\": null,\r\n// \"language\": \"RO\",\r\n// \"loginName\": null,\r\n// \"name\": \"Uniprest user\",\r\n// \"newLoginName\": \"uniprest@test.com\",\r\n// \"attachmentList\": [],\r\n// \"avatar\": null,\r\n// \"contactInfo\": null,\r\n// \"department\": \"TRANSPORT\",\r\n// \"groupIds\": [\"XlDbrD\"],\r\n// \"organizationId\": \"0lYvRm\",\r\n// \"phone\": null,\r\n// \"position\": \"08\",\r\n// \"reminderList\": [],\r\n// \"status\": \"UserStatus.ACTIVE\",\r\n// \"userDirectory\": \"INTERN\",\r\n// \"workplace\": null\r\n// }\r\n\r\nconst parseForApiDocument = (data) => {\r\n return {\r\n // ...data, //mock, used for testing. replace with ...data\r\n id: data?.id,\r\n name: data?.name,\r\n description: data?.description,\r\n category: data?.category,\r\n attachment: data?.attachment,\r\n //TODO: hardcode\r\n status: data?.status ?? \"BaseEntityStatus.ACTIVE\",\r\n validity: data?.validity,\r\n //TODO: review: products with ids or products with objects\r\n productIdList:\r\n data?.products?.length > 0\r\n ? data?.products?.map?.((product) => product.id)\r\n : null\r\n // userId : values.userId,\r\n // userName : values.userName,\r\n // createTime : values.createTime,\r\n }\r\n}\r\nconst parseForApiAdminUserData = (data) => {\r\n let _data = {\r\n ...data,\r\n groupIds: data?.groupIdsExternal\r\n ? [data?.groupIdsExternal]\r\n : data?.groupIdsInternal\r\n ? [data?.groupIdsInternal]\r\n : []\r\n //loginName: data?.login,\r\n //newLoginName: data?.newLoginName ?? undefined,\r\n }\r\n\r\n //fileds that gave error in lista utilizatori -> detail\r\n delete _data?.groupIdsExternal\r\n delete _data?.groupIdsInternal\r\n\r\n delete _data?.password\r\n delete _data?.repeatPassword\r\n delete _data?.name\r\n delete _data?.phone\r\n delete _data?.userDirectory\r\n delete _data?.department\r\n delete _data?.position\r\n delete _data?.positionPublic\r\n delete _data?.workplace\r\n delete _data?.language\r\n delete _data?.reminderList\r\n delete _data?.attachmentList\r\n delete _data?.accessKeyList\r\n delete _data?.companyCount\r\n delete _data?.departmentList\r\n delete _data?.hasAccount\r\n delete _data?.suspendReason\r\n delete _data?.userAccountType\r\n delete _data?.identityNr\r\n delete _data?.idCardNr\r\n delete _data?.code\r\n delete _data?.needsAuthentication\r\n delete _data?.bankAccountList\r\n delete _data?.products\r\n\r\n //uniuser errors temp from lista angajati uniprest -> detail\r\n delete _data?.workstation\r\n delete _data?.city\r\n delete _data?.county\r\n delete _data?.companiesList\r\n\r\n //to avoid unwanted org id errors, better make in not save yet\r\n //delete _data?.organizationId;\r\n return _data\r\n}\r\n\r\nconst parseForApiGroupData = (data) => ({\r\n // ...data,\r\n // modifyTime: moment(data?.modifyTime),\r\n // createTime: moment(data?.createTime),\r\n code: data?.code,\r\n description: data?.description,\r\n id: data?.id,\r\n name: data?.name,\r\n status: data?.status,\r\n technicalName: data?.technicalName,\r\n type: data?.type,\r\n userCount: data?.userCount,\r\n userDirectory: data?.userDirectory,\r\n permissionList: data?.permissionList?.map?.((item) => {\r\n return {\r\n code: item?.code,\r\n read: data?.[item?.code] === \"read\" ? true : false,\r\n write: data?.[item?.code] === \"write\" ? true : false,\r\n delete: data?.[item?.code] === \"delete\" ? true : false\r\n }\r\n })\r\n})\r\n\r\n// const mockAnswerData = {\r\n// \"id\": \"arBbr0\",\r\n// \"type\": \"ANSWER\",\r\n// \"answer\": \"My Answer Edit.\",\r\n// \"attachemntList\": null,\r\n// \"userName\": \"Uniprest user\",\r\n// \"organizationName\": \"UNIPREST\",\r\n// \"answerTime\": \"2021-06-22T12:13:18.692+0300\",\r\n// \"questionId\": \"5l7vZR\",\r\n// }\r\nconst parseForApiProductAnswer = (data) => {\r\n return {\r\n // ...data,\r\n //id: item?.id,\r\n\r\n answerTime: formatISOMoment(data?.date),\r\n answer: data?.value ?? data?.answer ?? null,\r\n questionId: data?.questionId ?? null,\r\n ratingId: data?.ratingId ?? null,\r\n //TODO: hardcode\r\n type: \"ANSWER\",\r\n attachmentList: data?.attachmentList\r\n }\r\n}\r\nconst parseForApiProductComment = (data) => {\r\n return {\r\n // ...data,\r\n //id: item?.id,\r\n answerTime: formatISOMoment(data?.date),\r\n answer: data?.value ?? data?.answer ?? null,\r\n questionId: data?.questionId ?? null,\r\n ratingId: data?.ratingId ?? null,\r\n //TODO: hardcode\r\n type: \"COMMENT\",\r\n attachmentList: data?.attachmentList\r\n }\r\n}\r\nconst parseForApiBasket = (data) => ({\r\n ...data\r\n})\r\n\r\nconst parseForApiProductGoods = (data) => {\r\n // const attachmentList = [];\r\n // if (data?.imageList?.length > 0) {\r\n // attachmentList?.join?.(...[\r\n // data?.imageList?.map?.((item) => {\r\n // return {\r\n // ...item,\r\n // url: item?.reference,\r\n // }\r\n // })]);\r\n // }\r\n // if (data?.videoList?.length > 0) {\r\n // attachmentList?.join?.(...[\r\n // data?.videoList?.map?.((item) => {\r\n // return {\r\n // ...item,\r\n // url: item?.reference,\r\n // }\r\n // })]);\r\n // }\r\n const relationList = data?.relationList?.map?.((item) => ({\r\n id: item?.new ? undefined : item?.id,\r\n relationType: item?.relationType,\r\n mainProductId: data?.id,\r\n relatedProductId: item?.relatedProductId\r\n }))\r\n\r\n const _data = {\r\n // ...data,\r\n //hint: only editable fields are sent to the API\r\n id: data?.id,\r\n tagList: data?.tagList,\r\n\r\n ranking: data?.ranking,\r\n // sortByRanking: data?.sortByRanking,\r\n // sortByAccessCount: data?.sortByAccessCount,\r\n\r\n categoryId: data?.category?.id, //category.id,\r\n relationList,\r\n\r\n nrOfDecimals: data?.nrOfDecimals,\r\n\r\n sellQuantityMinim: data?.sellQuantityMinim,\r\n sellQuantityIncrement: data?.sellQuantityIncrement,\r\n\r\n unitOfMeasure2: data?.unitOfMeasure2,\r\n\r\n shopMatrixCode: data?.shopMatrixCode,\r\n volumePickerOn: data?.volumePickerOn,\r\n volumePickerList: data?.volumePickerList?.join?.(\",\"),\r\n\r\n deliveryMethodSettings: data?.deliveryMethodSettings,\r\n searchableName: data?.searchableName,\r\n }\r\n\r\n return _data\r\n}\r\n\r\nconst parseForApiWearhouse = (data) => ({\r\n ...data\r\n})\r\n\r\nconst parseForApiDiscountGrid = (data) => {\r\n const rawProductGroup = data?.productGroup?.split?.(\" \")\r\n const rawClientCount = data?.clientCount?.split?.(\" \")\r\n const rawProductCount = data?.rawProductCount?.split?.(\" \")\r\n return {\r\n ...data, // below are commented what comes from form\r\n productGroup: rawProductGroup?.[rawProductGroup?.length - 1], //`Clasa de produs ${data?.productGroup}`,\r\n clientCount: rawClientCount?.[0], //`${data?.clientCount} Companii`,\r\n productCount: rawProductCount?.[0] //`${data?.productCount} Produse`,\r\n }\r\n}\r\n\r\nconst parseForApiDiscountVolume = (data) => {\r\n let _data = {\r\n id: data?.id,\r\n\r\n //companyAplicability\r\n workplaceList:\r\n data?.companyApplicability === \"category\"\r\n ? data?.workplaceList ?? null\r\n : null,\r\n clientClassifyList:\r\n data?.companyApplicability === \"category\"\r\n ? data?.clientClassifyList\r\n : null,\r\n clientList:\r\n data?.companyApplicability === \"individual\"\r\n ? data?.clientList\r\n ? data?.clientList?.map?.((item) => item?.id ?? item)\r\n : null\r\n : null,\r\n productId:\r\n data?.productId ??\r\n (data?.products?.length > 0 ? data?.products?.[0]?.id : null),\r\n quantityList: data?.discountList\r\n ? data?.discountList?.map?.((item) => {\r\n return { discount: item?.discount, quantity: item?.quantity }\r\n })\r\n : null\r\n }\r\n return _data\r\n}\r\n\r\nconst parseForApiDiscountPackage = (data) => {\r\n const _data = {\r\n //...data,\r\n id: data?.id,\r\n // status: data?.status,\r\n name: data?.name,\r\n quantityStock: data?.quantityStock,\r\n // quantitySold: data?.quantitySold,\r\n validityStart: data?.validityStart,\r\n validityEnd: data?.validityEnd,\r\n\r\n //productAplicability - NaN //TODO: validate spec and remove this commented code\r\n // productCategoryList: data?.productApplicability === \"category\" ? data?.productCategory : null,\r\n // productSupplierList: data?.productApplicability === \"category\" ? data?.productSupplier : null,\r\n // productBrandList: data?.productApplicability === \"category\" ? data?.brandName : null,\r\n goodsList: data?.products\r\n ? data?.products?.map?.((item) => ({\r\n //Hint: (TODO review) on saved products we get productId as goodId, on new products we get productId from id (due the source from dropdown option list)\r\n goodsId: item?.goodsId ?? item?.id,\r\n discount: item?.discount,\r\n quantity: item?.quantity\r\n }))\r\n : null,\r\n\r\n //companyAplicability\r\n workplaceList:\r\n data?.companyApplicability === \"category\"\r\n ? data?.workplaceList ?? null\r\n : null,\r\n clientClassifyList:\r\n data?.companyApplicability === \"category\"\r\n ? data?.clientClassifyList\r\n : null,\r\n clientList:\r\n data?.companyApplicability === \"individual\"\r\n ? data?.clientList\r\n ? data?.clientList?.map?.((item) => item?.id ?? item)\r\n : null\r\n : null\r\n }\r\n\r\n // delete _data?.workplaceList;\r\n // delete _data?.productCategory;\r\n // delete _data?.productSupplier;\r\n // delete _data?.brandName;\r\n // delete _data?.products;\r\n\r\n // delete _data?.companyApplicability;\r\n // // delete _data?.productApplicability;\r\n // delete _data?.affectedProducts;\r\n // delete _data?.affectedComapnies;\r\n // delete _data?.daysInTotal;\r\n\r\n // delete _data?.quantityAvailable;\r\n\r\n // delete _data?.discount; //TODO: ???\r\n\r\n return _data\r\n}\r\nconst parseForApiDiscountFix = (data) => ({\r\n ...data\r\n})\r\nconst parseForApiProductGoodsBadge = (data) => {\r\n let _data = {\r\n ...data,\r\n\r\n //productAplicability\r\n productCategoryList:\r\n data?.productApplicability === \"category\" ? data?.productCategory : null,\r\n productSupplierList:\r\n data?.productApplicability === \"category\" ? data?.productSupplier : null,\r\n productBrandList:\r\n data?.productApplicability === \"category\" ? data?.brandName : null,\r\n productList:\r\n data?.productApplicability === \"individual\"\r\n ? data?.products\r\n ? data?.products?.map?.((item) => item?.id)\r\n : null\r\n : null,\r\n\r\n //companyAplicability\r\n workplaceList:\r\n data?.companyApplicability === \"category\"\r\n ? data?.workplaceList ?? null\r\n : null,\r\n clientClassifyList:\r\n data?.companyApplicability === \"category\"\r\n ? data?.clientClassifyList\r\n : null,\r\n clientList:\r\n data?.companyApplicability === \"individual\"\r\n ? data?.clientList\r\n ? data?.clientList?.map?.((item) => item?.id)\r\n : null\r\n : null,\r\n\r\n color: badgeColors?.find?.((i) => i.id === data?.colorName)?.label\r\n }\r\n delete _data?.productCategory\r\n delete _data?.productSupplier\r\n delete _data?.brandName\r\n delete _data?.products\r\n\r\n delete _data?.companyApplicability\r\n delete _data?.productApplicability\r\n\r\n delete _data?.clientCount\r\n delete _data?.associatedProducts\r\n delete _data?.associatedCompanies\r\n\r\n return _data\r\n}\r\nconst parseForApiProductRating = (data) => ({\r\n //...data,\r\n\r\n id: data?.id,\r\n productId: data?.productId,\r\n rating: data?.rating,\r\n review: data?.review,\r\n reviewTime: data?.reviewTime ?? null,\r\n title: data?.title,\r\n status: data?.status === \"ProductRatingStatus.ACTIVE\" ? \"ACTIVE\" : \"ARCHIVE\",\r\n\r\n answerList: data?.answers\r\n ? data?.answers?.map?.((item) => {\r\n return {\r\n id: item?.id,\r\n // TODO: from where?\r\n organizationName: data?.organizationName,\r\n answerTime: formatISOMoment(item?.date),\r\n answer: item?.value,\r\n questionId: data?.id ?? null,\r\n //TODO: hardcode\r\n type: \"ANSWER\",\r\n attachmentList: item?.attachmentList\r\n }\r\n })\r\n : []\r\n})\r\n\r\nconst parseForApiProductQuestion = (data) => ({\r\n // ...data,\r\n id: data?.id ?? null,\r\n userId: data?.userId ?? null,\r\n userName: data?.userName,\r\n organizationId: data?.organizationId ?? null,\r\n question: data?.question,\r\n productId: data?.productId ?? null,\r\n organizationName: data?.organizationName ?? null,\r\n\r\n answerList: data?.answers\r\n ? data?.answers?.map?.((item) => {\r\n return {\r\n id: item?.id,\r\n answerTime: formatISOMoment(item?.date),\r\n answer: item?.value,\r\n questionId: data?.id ?? null,\r\n //TODO: hardcode\r\n type: \"ANSWER\",\r\n attachmentList: item?.attachmentList\r\n }\r\n })\r\n : []\r\n})\r\n","import React, { useContext } from \"react\"\r\nimport ThemeContext from \"../../theme/themeProvider\"\r\n\r\nexport default function MB(props) {\r\n const {\r\n column,\r\n flex,\r\n fs,\r\n fe,\r\n fc,\r\n g,\r\n dc,\r\n dr,\r\n sb,\r\n sa,\r\n hc,\r\n jfs, //justify-content-flex-start\r\n stretch, //flex-box\r\n br, //border radius\r\n h,\r\n w,\r\n className,\r\n onClick,\r\n p = 0,\r\n px,\r\n pl,\r\n pr,\r\n py,\r\n pt,\r\n pb,\r\n m = 0,\r\n mt,\r\n mb,\r\n ml,\r\n mr //paddings and margins\r\n } = props\r\n\r\n const theme = useContext(ThemeContext)\r\n const baseSpacing = theme.baseSpacing ?? 0.5 // if it's not in theme\r\n\r\n let divStyle = {\r\n // padding: `${p * baseSpacing}rem`,\r\n paddingTop: `${(pt ?? py ?? p) * baseSpacing}rem`,\r\n paddingBottom: `${(pb ?? py ?? p) * baseSpacing}rem`,\r\n paddingLeft: `${(pl ?? px ?? p) * baseSpacing}rem`,\r\n paddingRight: `${(pr ?? px ?? p) * baseSpacing}rem`,\r\n\r\n marginTop: `${(mt ?? m) * baseSpacing}rem`,\r\n marginBottom: `${(mb ?? m) * baseSpacing}rem`,\r\n marginLeft: `${(ml ?? m) * baseSpacing}rem`,\r\n marginRight: `${(mr ?? m) * baseSpacing}rem`\r\n }\r\n\r\n if (flex) {\r\n divStyle.display = \"flex\"\r\n divStyle.alignItems = \"center\"\r\n }\r\n\r\n if (dc) divStyle.flexDirection = \"column\"\r\n if (column) divStyle.flexDirection = \"column\"\r\n if (dr) divStyle.flexDirection = \"row\"\r\n if (sb) divStyle.justifyContent = \"space-between\"\r\n if (sa) divStyle.justifyContent = \"space-around\"\r\n if (hc) divStyle.justifyContent = \"center\"\r\n if (jfs) divStyle.justifyContent = \"flex-start\"\r\n if (stretch) divStyle.alignItems = \"stretch\"\r\n if (fs) divStyle.alignItems = \"flex-start\"\r\n if (fe) divStyle.alignItems = \"flex-end\"\r\n if (fc) divStyle.alignItems = \"center\"\r\n if (g) divStyle.gap = `${g * baseSpacing}rem`\r\n if (h) divStyle.height = `${h * baseSpacing}rem`\r\n if (h === 100) divStyle.height = `100%`\r\n if (w) divStyle.width = `${w * baseSpacing}rem`\r\n if (w === 100) divStyle.height = `100%`\r\n if (br) divStyle.borderRadius = `${br * baseSpacing * 16}px`\r\n\r\n let divProps = {\r\n style: divStyle\r\n }\r\n\r\n if (className) divProps.className = className\r\n if (onClick) divProps.onClick = onClick\r\n return {props.children}
\r\n}\r\n","const adreseLivrareTableItem1 = {\r\n id: 1,\r\n company: \"S.C. Lem’s S.r.l.\",\r\n cui: \"16495550\",\r\n locationName: \"Sediul central Lem’s\",\r\n name: \"Andrei Popescu\",\r\n judet: \"Timis\",\r\n localitate: \"Timisoara\",\r\n adresa: \"21 Str. Alexandru Papadopol, parter, cladirea X\",\r\n priceBrut: \"5493.21\",\r\n status: \"Locatie noua\"\r\n}\r\n\r\nconst adreseLivrareTableItem2 = {\r\n id: 2,\r\n company: \"S.C. Lem’s S.r.l.\",\r\n cui: \"16495550\",\r\n locationName: \"Sediul central Lem’s\",\r\n name: \"Andrei Popescu\",\r\n judet: \"Timis\",\r\n localitate: \"Timisoara\",\r\n adresa: \"21 Str. Alexandru Papadopol, parter, cladirea X\",\r\n priceBrut: \"5493.21\",\r\n status: \"Aprobata\"\r\n}\r\n\r\nconst adreseLivrareTableItem3 = {\r\n id: 3,\r\n company: \"S.C. Lem’s S.r.l.\",\r\n cui: \"16495550\",\r\n locationName: \"Sediul central Lem’s\",\r\n name: \"Andrei Popescu\",\r\n judet: \"Timis\",\r\n localitate: \"Timisoara\",\r\n adresa: \"21 Str. Alexandru Papadopol, parter, cladirea X\",\r\n priceBrut: \"5493.21\",\r\n status: \"Locatie noua\"\r\n}\r\n\r\nconst adreseLivrareTableItem4 = {\r\n id: 4,\r\n company: \"S.C. Lem’s S.r.l.\",\r\n cui: \"16495550\",\r\n locationName: \"Sediul central Lem’s\",\r\n name: \"Andrei Popescu\",\r\n judet: \"Timis\",\r\n localitate: \"Timisoara\",\r\n adresa: \"21 Str. Alexandru Papadopol, parter, cladirea X\",\r\n priceBrut: \"5493.21\",\r\n status: \"Aprobata\"\r\n}\r\n\r\nconst adreseLivrareTableData = {\r\n header: {\r\n text1: \"Compania\",\r\n text2: \"Numele locatiei\",\r\n text3: \"Nume si prenume\",\r\n text4: \"Judetul\",\r\n text5: \"Localitea\",\r\n text6: \"Adresa\",\r\n text7: \"Status\",\r\n text8: \"Actiuni\"\r\n },\r\n contents: [\r\n adreseLivrareTableItem1,\r\n adreseLivrareTableItem2,\r\n adreseLivrareTableItem3,\r\n adreseLivrareTableItem4\r\n ]\r\n}\r\n\r\nexport default adreseLivrareTableData\r\n","const matriceaTableItem1 = {\r\n id: 1,\r\n code: \"SO1\",\r\n prodImages: [\r\n { id: 0, src: \"\", alt: \"\" },\r\n { id: 1, src: \"\", alt: \"\" },\r\n { id: 2, src: \"\", alt: \"\" },\r\n { id: 3, src: \"\", alt: \"\" },\r\n { id: 4, src: \"\", alt: \"\" },\r\n { id: 5, src: \"\", alt: \"\" },\r\n { id: 6, src: \"\", alt: \"\" },\r\n { id: 7, src: \"\", alt: \"\" },\r\n { id: 8, src: \"\", alt: \"\" }\r\n ],\r\n marimi: \"6 Marimi\",\r\n discountProcent: \"1.21% - 2.41%\"\r\n}\r\n\r\nconst matriceaTableItem2 = {\r\n id: 2,\r\n code: \"SO1\",\r\n prodImages: [\r\n { id: 0, src: \"\", alt: \"\" },\r\n { id: 1, src: \"\", alt: \"\" },\r\n { id: 2, src: \"\", alt: \"\" },\r\n { id: 3, src: \"\", alt: \"\" },\r\n { id: 4, src: \"\", alt: \"\" },\r\n { id: 5, src: \"\", alt: \"\" },\r\n { id: 6, src: \"\", alt: \"\" },\r\n { id: 7, src: \"\", alt: \"\" },\r\n { id: 8, src: \"\", alt: \"\" }\r\n ],\r\n marimi: \"6 Marimi\",\r\n discountProcent: \"1.21% - 2.41%\"\r\n}\r\n\r\nconst matriceaTableItem3 = {\r\n id: 3,\r\n code: \"SO1\",\r\n prodImages: [\r\n { id: 0, src: \"\", alt: \"\" },\r\n { id: 1, src: \"\", alt: \"\" },\r\n { id: 2, src: \"\", alt: \"\" },\r\n { id: 3, src: \"\", alt: \"\" },\r\n { id: 4, src: \"\", alt: \"\" },\r\n { id: 5, src: \"\", alt: \"\" },\r\n { id: 6, src: \"\", alt: \"\" },\r\n { id: 7, src: \"\", alt: \"\" },\r\n { id: 8, src: \"\", alt: \"\" }\r\n ],\r\n marimi: \"6 Marimi\",\r\n discountProcent: \"1.21% - 2.41%\"\r\n}\r\n\r\nconst matriceaTableItem4 = {\r\n id: 4,\r\n code: \"SO1\",\r\n prodImages: [\r\n { id: 0, src: \"\", alt: \"\" },\r\n { id: 1, src: \"\", alt: \"\" },\r\n { id: 2, src: \"\", alt: \"\" },\r\n { id: 3, src: \"\", alt: \"\" },\r\n { id: 4, src: \"\", alt: \"\" },\r\n { id: 5, src: \"\", alt: \"\" },\r\n { id: 6, src: \"\", alt: \"\" },\r\n { id: 7, src: \"\", alt: \"\" },\r\n { id: 8, src: \"\", alt: \"\" }\r\n ],\r\n marimi: \"6 Marimi\",\r\n discountProcent: \"1.21% - 2.41%\"\r\n}\r\n\r\nconst matriceaTableData = {\r\n header: {\r\n text1: \"Codul Matricii\",\r\n text2: \"Produse\",\r\n text3: \"Marimi in matrice\",\r\n text4: \"Discount Procentual\",\r\n text5: \"Actiuni\"\r\n },\r\n contents: [\r\n matriceaTableItem1,\r\n matriceaTableItem2,\r\n matriceaTableItem3,\r\n matriceaTableItem4,\r\n matriceaTableItem1,\r\n matriceaTableItem3,\r\n matriceaTableItem2\r\n ]\r\n}\r\n\r\nexport default matriceaTableData\r\n","const stockRequestTableItem1 = {\r\n id: 1,\r\n mainImage: {\r\n id: \"mnz6vX\",\r\n type: \"IMAGE\",\r\n name: \"P2.jpg\",\r\n main: true,\r\n exterior: true,\r\n reference:\r\n \"https://uniprest.compano.com/Data/Environments/000001/Attachment/Bijlage/Overzicht%20Product%20classifications/P2.jpg\",\r\n meta: null,\r\n description: null\r\n },\r\n name: 'ADAPTOR 28-3/4\" INT PRESS',\r\n code: \"IBDB52601072\",\r\n\r\n companyName: \"FERRUM TECH\",\r\n companyType: \"Reseller\",\r\n\r\n username: \"Kovacs Tamas\",\r\n email: \"tamas.kovacs@magicsolutions.ro\",\r\n\r\n requestedAmount: \"128\",\r\n unitOfMeasure: \"BUC\",\r\n\r\n requestDate: \"\",\r\n\r\n status: \"Notificat\"\r\n}\r\n\r\nconst stockRequestTableItem2 = {\r\n id: 2,\r\n mainImage: {\r\n id: \"r27OB9\",\r\n type: \"IMAGE\",\r\n name: \"ecounit.jpg\",\r\n main: true,\r\n exterior: true,\r\n reference:\r\n \"https://uniprest.compano.com/Data/Environments/000001/Attachment/Bijlage/Overzicht%20Product%20classifications/ecounit.jpg\",\r\n meta: null,\r\n description: null\r\n },\r\n name: \"FERROLI BOILER CU SERPENTINA ECOUNIT 750-1 WB - 750L\",\r\n code: \"C1120029XXXXXXX\",\r\n\r\n companyName: \"BOSCH\",\r\n companyType: \"Reseller\",\r\n\r\n username: \"Elod Balazs\",\r\n email: \"elod.alazs@magicsolutions.ro\",\r\n\r\n requestedAmount: \"986\",\r\n unitOfMeasure: \"BUC\",\r\n\r\n requestDate: \"\",\r\n\r\n status: \"Nou\"\r\n}\r\n\r\nconst stockRequestTableItem3 = {\r\n id: 3,\r\n mainImage: {\r\n id: \"mgxxnB\",\r\n type: \"IMAGE\",\r\n name: \"12049121100.jpg%20rehau.jpg\",\r\n main: true,\r\n exterior: true,\r\n reference:\r\n \"https://uniprest.compano.com/Data/Environments/000001/Attachment/Bijlage/Overzicht%20Product%20classifications/12049121100.jpg%20rehau.jpg\",\r\n meta: null,\r\n description: null\r\n },\r\n name: \"REHAU RAUBASIC TEAVA 20X2 EVAL ALBA - 100ML\",\r\n code: \"T0050014X202XXX\",\r\n\r\n companyName: \"AFRUM\",\r\n companyType: \"Reseller\",\r\n\r\n username: \"Ion Popescu\",\r\n email: \"ion.popescu@magicsolutions.ro\",\r\n\r\n requestedAmount: \"22\",\r\n unitOfMeasure: \"BUC\",\r\n\r\n requestDate: \"\",\r\n\r\n status: \"Anulat\"\r\n}\r\n\r\nconst stockRequestTableData = {\r\n header: {\r\n text1: \"Produs\",\r\n text2: \"Compania\",\r\n text3: \"User\",\r\n text4: \"Volumul solicitat\",\r\n text5: \"Data solicitarii\",\r\n text6: \"Status\",\r\n text7: \"Actiuni\"\r\n },\r\n contents: [\r\n stockRequestTableItem1,\r\n stockRequestTableItem2,\r\n stockRequestTableItem3\r\n ]\r\n}\r\n\r\nexport default stockRequestTableData\r\n","import { setDataItems } from \"store/modules/dataView\"\r\nimport adreseTableData from \"mockData/adreseTableData\"\r\nimport priceNormalTable from \"mockData/priceNormalTable\"\r\nimport stockRequestTable from \"mockData/stockRequestTable\"\r\nimport { SET_ITEMS } from \"store/modules/dataView\"\r\n\r\nconst { default: store } = require(\"store\")\r\nconst { reDispatch, dynamoAction } = require(\"store/middleware/api\")\r\nconst { searchStuff, loadDynamoItemsBySK } = require(\"../dataView.search\")\r\n\r\nconst directMatchApi = [\r\n \"uniprest/group\", // Lista de roluri - 2.2\r\n \"uniprest/employee\", // Angajati Uniprest - 2.3\r\n \"product/goods/discount/fix\", // Preturi nete nete - 4.4\r\n \"product/goods/discount/volume\", // Discounturi de volum - 4.5\r\n \"product/goods/discount/package\", // Pachete - 4.6\r\n \"product-question\", // Intrebari si raspunsuri - 4.9\r\n \"product-rating\", // Recenzii - 4.10\r\n \"product/goods/discount/grid\", // Grila de discounturi - 4.3\r\n \"product-document\", // Documente technice - 4.11\r\n \"goods-badge\", // Badges - 4.8\r\n \"organization/webshop-client\", // Lista de companii - 3.1\r\n \"uniprest/user\", // Lista de utilizatori - 2.1\r\n \"organization/warehouse\", // Depozite Uniprest - 4.12\r\n \"stock\", // Detalii depozite - 4.12.1\r\n \"product/goods\", // Lista de produse Compano 4.2\r\n \"basket\", // Lista de comenzi 5.1\r\n \"basket/my-basket\", //guest - my orders\r\n \"invoice/my-invoice\", //client: my invoices\r\n \"client-invoice/my\", //client: my invoices\r\n \"client-invoice\", // Lista de facturi - 5.3\r\n \"location-delivery\", // Localitati si detalii de livrare - 4.13.1\r\n \"organization/webshop-client/limit\", // Detalii factura - /admin/order/invoice/form\r\n \"user\", // Lista de utilizatori table's form\r\n \"product/goods/info\", // /admin/product/b2b/form DETALII PRODUS page\r\n \"uniprest/user/my-user\", // /shop/client/profile Profilul tau form\r\n \"order\",\r\n \"organization/workplace\",\r\n \"product/relation\",\r\n \"organization/address\", // Adresa de livrare clienti - admin/company/delivery/list\r\n \"basket/my-statistics\",\r\n \"organization/workplace/alloptions\",\r\n \"customer-offer\"\r\n]\r\n\r\nconst directMatchDynamo = [\r\n \"GUEST_ADD_LIST\", // Liste Predefinite - 6.1\r\n \"GUEST_ARTICLE_V2\", // Stiri - 7.1\r\n \"LOCATION_RESPONSE\", // Locatii Uniprest - 7.5\r\n \"JOB_RESPONSE\", // Joburi disponibile - 7.2\r\n \"CONTACT_RESPONSE\", // Formular de contact - 7.4\r\n \"SIGNUP_RESPONSE\", // Cont Uniprest - Solicitari - 3.2\r\n \"APLICANT_RESPONSE\", // Aplicanti - 7.3\r\n \"REQUEST_STOCK\",\r\n \"REQUEST_PRICE\",\r\n \"TUTORIALS\"\r\n]\r\n\r\nexport const loadViewData = (props) =>\r\n reDispatch((dispatch) => {\r\n const viewId = store.getState()?.dataView?.viewId\r\n\r\n // API - TOTAL table data from API: 20\r\n if (directMatchApi?.includes?.(viewId))\r\n dispatch(searchStuff({ ...props, type: viewId }))\r\n if (viewId === \"java-product-client\")\r\n dispatch(\r\n searchStuff({\r\n ...props,\r\n type: \"product/goods/shop\",\r\n sortField: \"ranking\",\r\n sortAsc: false\r\n })\r\n )\r\n if (viewId === \"notLogged-java-product-client\")\r\n dispatch(\r\n searchStuff({\r\n ...props,\r\n type: \"public/product/goods/shop\",\r\n sortField: \"ranking\",\r\n sortAsc: false\r\n })\r\n )\r\n if (viewId === \"global-products-table\")\r\n dispatch(searchStuff({ ...props, type: \"product/goods\", pageSize: 25 })) // Lista de produse: Shop B2B - 4.1\r\n\r\n // DYNAMO - TOTAL table data from Dynamo: 7\r\n if (directMatchDynamo?.includes?.(viewId))\r\n dispatch(loadDynamoItemsBySK({ SK: viewId }))\r\n\r\n // MOCK - TOTAL table mock data: 2\r\n if (viewId === \"mock-adrese\")\r\n dispatch(setDataItems(adreseTableData?.contents)) // Adresa de livrare clienti - 3.3\r\n if (viewId === \"mock-priceNormal\")\r\n dispatch(setDataItems(priceNormalTable.contents)) // Matricea de Shopping - 4.7\r\n if (viewId === \"mock-stockRequest\")\r\n dispatch(setDataItems(stockRequestTable.contents)) // 4.13 Interes produse fara stoc\r\n\r\n return { type: \"a\" }\r\n })\r\n\r\n// UNUSED CODE\r\n// export const loadNewsData = () => dynamoAction({\r\n// method: \"QUERY\",\r\n\r\n// parameters: {\r\n// TableName: process.env.REACT_APP_TABLE_NAME,\r\n// KeyConditionExpression: \"#pk = :pkvalue\",\r\n// ExpressionAttributeNames: {\r\n// \"#pk\": \"PK\"\r\n// },\r\n// ExpressionAttributeValues: {\r\n// \":pkvalue\": { S: \"ARTICLE\" }\r\n// }\r\n// },\r\n\r\n// onSuccess: (data, dispatch) => {\r\n// return {\r\n// type: SET_ITEMS,\r\n// payload: data\r\n// }\r\n// },\r\n// onFailure: (err) => {\r\n\r\n// return {\r\n// type: \"a\"\r\n// }\r\n// }})\r\n","import { useEffect, useRef, useState } from \"react\"\r\n\r\nexport default function useShowModalOutsideClick(props) {\r\n const [showModal, setShowModal] = useState(false)\r\n const ref = useRef(null)\r\n\r\n useEffect(() => {\r\n /**\r\n * Alert if clicked on outside of element\r\n */\r\n function handleClickOutside(event) {\r\n if (showModal && ref.current && !ref.current.contains(event.target)) {\r\n if (showModal) setShowModal(false)\r\n }\r\n if (\r\n props?.handleOutsideClick &&\r\n showModal &&\r\n ref.current &&\r\n !ref.current.contains(event.target)\r\n ) {\r\n props.handleOutsideClick()\r\n }\r\n }\r\n // Bind the event listener\r\n document.addEventListener(\"mouseup\", handleClickOutside)\r\n return () => {\r\n // Unbind the event listener on clean up\r\n document.removeEventListener(\"mouseup\", handleClickOutside)\r\n }\r\n }, [ref, showModal])\r\n\r\n return { ref, showModal, setShowModal }\r\n}\r\n","import { apiAction, reDispatch } from \"store/middleware/api\"\r\nimport {\r\n getAllClientCustomers,\r\n getAllClientExternalProducts,\r\n setBackList,\r\n SET_DICTIONARY\r\n} from \"store/modules/backData\"\r\nimport { SET_VOLUME_DISCOUNT_QUNTITIES } from \"store/modules/dataView\"\r\nimport { loadViewData } from \"store/modules/dataView/dataView-dataLoader\"\r\nimport { showMagicToaster } from \"utils/MagicToasterCall\"\r\nimport store from \"store/index\"\r\nimport { loadItem } from \"store/justActions/loadApiIems\"\r\nimport { searchStuff } from \"store/modules/dataView.search\"\r\nimport { printError } from \"utils/printError\"\r\n\r\nexport const changeStatusAPI = (props) => {\r\n const { itemType, id, status, successMessage } = props\r\n\r\n if (!itemType || !id || !status) {\r\n console.error(\r\n \"Missing some data to call API action (itemType, id or status)\"\r\n )\r\n return { type: \"error\" }\r\n }\r\n return apiAction({\r\n endPoint: `/${itemType}/status-change?id=${id}&status=${status}`,\r\n method: \"POST\",\r\n onSuccess: () => {\r\n //TODO: toastr issues\r\n // if (successMessage)\r\n // showMagicToaster({ title: successMessage})\r\n return reDispatch((dispatch) => dispatch(loadViewData({ reload: true })))\r\n },\r\n onFailure: (error) => {\r\n printError(\"changeStatusAPI()\", error)\r\n return { type: \"a\" }\r\n }\r\n })\r\n}\r\n\r\nexport const changePatchStatus = (props) => {\r\n const { itemType, id, status, successAction } = props\r\n\r\n if (!itemType || !id || !status) {\r\n console.error(\r\n \"Missing some data to call API action (itemType, id or status)\"\r\n )\r\n return { type: \"error\" }\r\n }\r\n return apiAction({\r\n endPoint: `/${itemType}/status-change?id=${id}&status=${status}`,\r\n method: \"PATCH\",\r\n onSuccess: () => {\r\n //TODO: toastr issues\r\n // if (successMessage)\r\n // showMagicToaster({ title: successMessage})\r\n return reDispatch((dispatch) => dispatch(successAction()))\r\n },\r\n onFailure: (error) => {\r\n printError(\"changePatchStatus()\", error)\r\n return { type: \"a\" }\r\n }\r\n })\r\n}\r\n\r\nexport const saveProductsRank = ({ modalData, data }) => {\r\n return apiAction({\r\n endPoint: \"/product/set-rank\",\r\n method: \"POST\",\r\n data: {\r\n rank: data?.rank,\r\n idList: modalData\r\n },\r\n onSuccess: (data, dispatch) => {\r\n showMagicToaster({ title: \"Datele au fost salvate\" })\r\n return { type: \"a\" }\r\n },\r\n onFailure: (error) => {\r\n printError(\"saveProductsRank()\", error)\r\n return {\r\n type: \"a\"\r\n }\r\n }\r\n })\r\n}\r\n\r\nexport const changeOfferStatus = (id, status) => {\r\n return apiAction({\r\n // endPoint: `/customer-offer/client-delete/${id}`,\r\n endPoint: `/customer-offer/status-change?id=${id}&status=${status}`,\r\n //method: \"DELETE\",\r\n method: \"PATCH\",\r\n onSuccess: (data, dispatch) => {\r\n dispatch(loadItem(\"customer-offer\", id, true, false))\r\n return { type: \"a\" }\r\n },\r\n onFailure: (error) => {\r\n printError(\"changeOfferStatus()\", error)\r\n showMagicToaster({\r\n title: \"A aparut o eroare, incearca mai tarziu\",\r\n type: \"error\"\r\n })\r\n return {\r\n type: \"a\"\r\n }\r\n }\r\n })\r\n}\r\n\r\nexport const deleteCustomerClient = (label) => {\r\n return apiAction({\r\n endPoint: `/customer-offer/external-client/${label}`,\r\n method: \"DELETE\",\r\n onSuccess: (data, dispatch) => {\r\n dispatch(getAllClientCustomers())\r\n\r\n showMagicToaster({ title: \"Clientul a fost șters\" })\r\n return { type: \"a\" }\r\n },\r\n onFailure: (error) => {\r\n printError(\"deleteCustomerClient()\", error)\r\n showMagicToaster({\r\n title: \"A aparut o eroare, incearca mai tarziu\",\r\n type: \"error\"\r\n })\r\n return {\r\n type: \"a\"\r\n }\r\n }\r\n })\r\n}\r\n\r\nexport const deleteClientExternalProduct = (label) => {\r\n return apiAction({\r\n endPoint: `/customer-offer/external-product/${label}`,\r\n method: \"DELETE\",\r\n onSuccess: (data, dispatch) => {\r\n dispatch(getAllClientExternalProducts())\r\n\r\n showMagicToaster({ title: \"Produsul a fost șters\" })\r\n return { type: \"a\" }\r\n },\r\n onFailure: (error) => {\r\n printError(\"deleteClientExternalProduct()\", error)\r\n showMagicToaster({\r\n title: \"A aparut o eroare, incearca mai tarziu\",\r\n type: \"error\"\r\n })\r\n return {\r\n type: \"a\"\r\n }\r\n }\r\n })\r\n}\r\n\r\nexport const loadSearchInList = (type = \"uniprest/user\") => {\r\n // let state = store.getState();\r\n\r\n return apiAction({\r\n endPoint: `/${type}/search`,\r\n method: \"POST\",\r\n data: {\r\n // ...productSearchData,\r\n // filterText: \"\",\r\n sortAsc: true,\r\n sortField: \"id\",\r\n firstRow: 0,\r\n pageSize: 1000\r\n // searchTerm: \"\",\r\n // filters: createClassicFilters(),\r\n // jsonLogic: {\r\n // \"operation\": \"AND\",\r\n // \"children\": null,\r\n // \"field\": null,\r\n // \"value\": null\r\n // }\r\n },\r\n onSuccess: (data, dispatch) => {\r\n dispatch(setBackList(type, data?.items))\r\n return { type: \"a\" }\r\n },\r\n onFailure: (error) => {\r\n printError(\"loadSearchInList()\", error)\r\n return {\r\n type: \"a\"\r\n }\r\n }\r\n })\r\n}\r\n\r\nexport const getVolumeDiscountQuantities = (id, productId) =>\r\n apiAction({\r\n endPoint: `/product/goods/discount/volume/quantities/${id}`,\r\n // method: \"POST\",\r\n // data : {\r\n // goodsId: id,\r\n // quantity: quantity,\r\n // },\r\n onSuccess: (data, dispatch) => {\r\n // dispatch(setCartData(data?.basket));\r\n return {\r\n type: SET_VOLUME_DISCOUNT_QUNTITIES,\r\n payload: {\r\n data,\r\n productId\r\n }\r\n }\r\n },\r\n onFailure: (error) => {\r\n printError(\"getVolumeDiscountQuantities()\", error)\r\n return {\r\n type: \"a\"\r\n }\r\n }\r\n })\r\nexport const getCartDeliveryAddress = (inId) => {\r\n let state = store.getState()\r\n const orgId = state?.user?.organizationId\r\n if (!orgId) return { type: \"a\" }\r\n return apiAction({\r\n //Needed to separate, if onBehalf calls we use the change api, otherwise the basic addresslist\r\n endPoint: inId\r\n ? `/address/by-organization/${inId}`\r\n : \"/address/my-organization\", //my-organization\r\n // /uniprest-api/address/by-organization/Xl0Jr1\r\n // method: \"POST\",\r\n // data :\r\n // {\"firstRow\":0,\"pageSize\":13,\"sortField\":\"id\",\"sortAsc\":false,\"filters\":[],\"filterText\":\"\",\"searchTerm\":null,\"jsonLogicText\":\"{\\\"and\\\": []}\"}\r\n // ,\r\n onSuccess: (data, dispatch) => {\r\n // const final = data?.items?.filter?.((address) => address.status === \"ACTIVE\")\r\n\r\n let payload = {}\r\n payload[\"ORG_ADDRESS_LIST\"] = data ?? []\r\n return {\r\n type: SET_DICTIONARY,\r\n payload\r\n }\r\n },\r\n onFailure: (error) => {\r\n printError(\"getCartDeliveryAddress()\", error)\r\n return {\r\n type: \"a\"\r\n }\r\n }\r\n })\r\n}\r\n\r\nexport const setUserStatus = (id, status, isAdmin) => {\r\n //const itemType = \"productDetails\";\r\n return apiAction({\r\n endPoint: `/user/status-change?id=${id}&status=${status}&suspendReason=EXIT`,\r\n //endPoint: `/product/status-change/?id=${id}&status=${status}`,\r\n method: \"PATCH\",\r\n // data : {\r\n // goodsId: id,\r\n // quantity: quantity,\r\n // },\r\n onSuccess: (data, dispatch) => {\r\n // dispatch(loadItem(itemType, id))\r\n !isAdmin &&\r\n dispatch(\r\n searchStuff({\r\n type: \"uniprest/user/my-organization\",\r\n pageSize: 100,\r\n reload: true\r\n })\r\n )\r\n isAdmin && dispatch(loadItem(\"user\", id))\r\n return {\r\n type: \"a\"\r\n }\r\n },\r\n onFailure: (error) => {\r\n printError(\"setUserStatus()\", error)\r\n return {\r\n type: \"a\"\r\n }\r\n }\r\n })\r\n}\r\n\r\nexport const setProductState = (id, status) => {\r\n const itemType = \"productDetails\"\r\n\r\n return apiAction({\r\n endPoint: `/product/status-change/?id=${id}&status=${status}`,\r\n method: \"POST\",\r\n // data : {\r\n // goodsId: id,\r\n // quantity: quantity,\r\n // },\r\n onSuccess: (data, dispatch) => {\r\n dispatch(loadItem(itemType, id))\r\n return {\r\n type: \"a\"\r\n }\r\n },\r\n onFailure: (error) => {\r\n printError(\"setProductState()\", error)\r\n return {\r\n type: \"a\"\r\n }\r\n }\r\n })\r\n}\r\n","import { numberFormatterV2 } from \"utils/stringUtils\"\r\n\r\nexport default function FormatComponent(props) {\r\n const {\r\n number,\r\n formatStyle,\r\n prefixText,\r\n suffixText,\r\n formatStyleJustNumber,\r\n productCardRelated\r\n } = props\r\n\r\n const left = productCardRelated\r\n ? numberFormatterV2(number, true)?.slice?.(0, -2) ?? 0\r\n : numberFormatterV2(number)?.slice?.(0, -2) ?? 0\r\n const right = productCardRelated\r\n ? numberFormatterV2(number, true)?.slice?.(-2)\r\n : numberFormatterV2(number)?.slice?.(-2)\r\n\r\n return (\r\n \r\n {prefixText}{\" \"}\r\n \r\n {left}\r\n {right}\r\n {\" \"}\r\n {suffixText}\r\n
\r\n )\r\n}\r\n","import SvgIcon from \"components/SvgIcon/SvgIcon\"\r\nimport \"./index.scss\"\r\nimport MagicButton from \"components/MagicButton/MagicButtonV2\"\r\nimport { useController } from \"react-hook-form\"\r\nimport { NumericFormat as NumberFormat } from \"react-number-format\"\r\nimport { useState } from \"react\"\r\n\r\nconst MagicInput = (props) => {\r\n const { control } = props\r\n if (control) return \r\n {inputLabel &&
\r\n )\r\n}\r\n\r\nexport default MagicInput\r\n\r\nconst getFormattedValue = (inputValue, isBeingFocused) => {\r\n const floatValue = parseFloat(inputValue)\r\n return isBeingFocused ? floatValue : floatValue || 0\r\n}\r\n","import { useSelector } from \"react-redux\"\r\n\r\nconst useIsLogged = () => {\r\n const isLogged = useSelector((state) => {\r\n if (!state.company?.type) return false\r\n if (state.company?.type === \"GUEST\") return false\r\n return true\r\n })\r\n\r\n return isLogged\r\n}\r\n\r\nexport default useIsLogged\r\n","import { apiAction, dynamoAction } from \"store/middleware/api\"\r\nimport geenrateId from \"utils/geenrateIds\"\r\nimport { showMagicToaster } from \"utils/MagicToasterCall\"\r\nimport moment from \"moment\"\r\nimport { marshall } from \"@aws-sdk/util-dynamodb\"\r\n\r\nimport { setPageEdit } from \"store/modules/page\"\r\nimport store from \"store/index\"\r\nimport { loadDynamoFormItemByPK_v2 } from \"store/modules/dataView.search\"\r\nimport { printError } from \"utils/printError\"\r\nimport { isClientInvoiceCancelled } from \"utils/invoiceUtils\"\r\n\r\n// import { SET_AR TICLES, SET_ARTICLES_SS, SET_JOBS, SET_PARTNERS, SET_SELECT_DATA, SET_UNISERVICES, TOGGLE_LEFT_MENU_VISIBILITY } from 'store/modules/guest'\r\n\r\nexport const savePriceRequest = (\r\n product,\r\n selectedQuantity,\r\n status,\r\n companyName,\r\n companyId,\r\n companyType,\r\n type,\r\n user,\r\n reqId\r\n) => {\r\n let state = store.getState()\r\n const eDate = moment().toISOString()\r\n const cDate = eDate\r\n\r\n const SK = \"REQUEST_PRICE\"\r\n const pageReloadCases = [\"RESPONSE\", \"DELETE\"]\r\n const itemToMarshall = {\r\n PK: product?.PK ?? geenrateId(\"priceRequest\"),\r\n SK: SK,\r\n product: product,\r\n selectedQuantity: selectedQuantity,\r\n user: user ? user : state.auth?.userData?.role?.user,\r\n status: status,\r\n companyName: companyName,\r\n companyId: companyId,\r\n companyType: companyType,\r\n cDate,\r\n eDate\r\n }\r\n return dynamoAction({\r\n method: \"PUT\",\r\n parameters: {\r\n TableName: process.env.REACT_APP_TABLE_NAME,\r\n Item: marshall(itemToMarshall, { removeUndefinedValues: true })\r\n },\r\n onSuccess: (data, dispatch) => {\r\n type !== \"RESPONSE\" &&\r\n dispatch(\r\n notifyRequest(product?.props?.id, \"PRODUCT_NO_PRICE_REQUEST_NOTIFY\")\r\n )\r\n pageReloadCases?.includes?.(type) &&\r\n dispatch(loadDynamoFormItemByPK_v2({ input: reqId, combine: true }))\r\n showMagicToaster({\r\n title:\r\n isClientInvoiceCancelled(product?.status)\r\n ? \"Solicitarea a fost anulată cu succes\"\r\n : product?.status === \"NOTIFIED\"\r\n ? \"Emailul a fost trimis\"\r\n : \"Datele au fost salvate\"\r\n })\r\n dispatch(setPageEdit(false))\r\n return { type: \"a\" }\r\n },\r\n onFailure: (err) => {\r\n printError(\"savePriceRequest()\", err)\r\n showMagicToaster({\r\n title: \"A aparut o eroare la salvarea datelor\",\r\n subtitle: \"E201\",\r\n type: \"error\"\r\n })\r\n return {\r\n type: \"a\"\r\n }\r\n }\r\n })\r\n}\r\n\r\nexport const saveStockRequest = (\r\n product,\r\n selectedQuantity,\r\n status,\r\n companyName,\r\n companyId,\r\n companyType,\r\n type,\r\n user,\r\n reqId\r\n) => {\r\n let state = store.getState()\r\n const eDate = moment().toISOString()\r\n const cDate = eDate\r\n\r\n const SK = \"REQUEST_STOCK\"\r\n\r\n const itemToMarshall = {\r\n PK: product?.PK ?? geenrateId(\"stockRequest\"),\r\n SK: SK,\r\n product,\r\n selectedQuantity: selectedQuantity,\r\n user: user ? user : state.auth?.userData?.role?.user,\r\n status: status,\r\n companyName: companyName,\r\n companyId: companyId,\r\n companyType: companyType,\r\n cDate,\r\n eDate\r\n }\r\n\r\n const pageReloadCases = [\"RESPONSE\", \"DELETE\"]\r\n return dynamoAction({\r\n method: \"PUT\",\r\n parameters: {\r\n TableName: process.env.REACT_APP_TABLE_NAME,\r\n Item: marshall(itemToMarshall, { removeUndefinedValues: true })\r\n },\r\n onSuccess: (data, dispatch) => {\r\n type !== \"RESPONSE\" &&\r\n dispatch(\r\n notifyRequest(product?.props?.id, \"PRODUCT_NO_STOCK_REQUEST_NOTIFY\")\r\n )\r\n pageReloadCases?.includes?.(type) &&\r\n dispatch(loadDynamoFormItemByPK_v2({ input: reqId, combine: true }))\r\n showMagicToaster({\r\n title:\r\n isClientInvoiceCancelled(product?.status)\r\n ? \"Solicitarea a fost anulată cu succes\"\r\n : product?.status === \"NOTIFIED\"\r\n ? \"Emailul a fost trimis\"\r\n : \"Datele au fost salvate\"\r\n })\r\n dispatch(setPageEdit(false))\r\n return { type: \"a\" }\r\n },\r\n onFailure: (err) => {\r\n printError(\"saveStockRequest()\", err)\r\n showMagicToaster({\r\n title: \"A aparut o eroare la salvarea datelor\",\r\n subtitle: \"E201\",\r\n type: \"error\"\r\n })\r\n return {\r\n type: \"a\"\r\n }\r\n }\r\n })\r\n}\r\n\r\nexport const notifyRequest = (productId, notifyTypeCode) => {\r\n return apiAction({\r\n endPoint: \"/product/goods/notify-request\",\r\n method: \"POST\",\r\n data: {\r\n productId,\r\n notifyTypeCode\r\n },\r\n onSuccess: (data, dispatch) => {\r\n return {\r\n type: \"a\"\r\n }\r\n },\r\n onFailure: (error, dispatch) => {\r\n printError(\"notifyRequest()\", error)\r\n return {\r\n type: \"a\"\r\n }\r\n }\r\n })\r\n}\r\n","\r\nexport const noBrandFilter = \"Fără Brand\"","import React from \"react\"\r\n\r\nconst ThemeContext = React.createContext(null)\r\n\r\nexport default ThemeContext\r\n","import MagicButton from \"components/MagicButton/MagicButtonV2\"\r\nimport SvgIcon from \"components/SvgIcon/SvgIcon\"\r\nimport { useState } from \"react\"\r\nimport \"./cartProductCard.scss\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { modifyBasket } from \"store/modules/shop\"\r\nimport useShowModalOutsideClick from \"utils/useShowModalOutsideClick\"\r\nimport ProductCard from \"components/ProductCard\"\r\nimport imageChain3 from \"components/_partials/ImageChain3\"\r\nimport { goToProductDetails } from \"utils/history\"\r\nimport FormatComponent from \"components/FormatComponent/FormatComponent\"\r\nimport { numberFormatter } from \"utils/stringUtils\"\r\nimport { deleteProductFromList } from \"store/justActions/lists\"\r\nimport MagicInput from \"components/MagicInput/MagicInpuv2\"\r\nimport {\r\n setMainProductPriceAndQuantity,\r\n setAccessoryProductPriceAndQuantity,\r\n} from \"store/modules/page\"\r\nimport { withLocalize } from \"components/Lang/Lang\"\r\nimport { deleteProductFromExcel, setMoreOpenRowId } from \"store/modules/dataView\"\r\nimport { getComputedPriceInfo } from \"utils/productUtils\"\r\n\r\n\r\nconst splitButtonLabel = \"Imparte pachetul in produse individuale\"\r\nconst splitMessage =\r\n \"Atentie! Produsele individuale nu vor beneficia de discountul de Pachet. Odata impartit, pachetul nu poate fi recompus, insa poate fi adaugat din sectiunea Pachete \"\r\nconst imageLimit = 4\r\nfunction CartProductCard(props) {\r\n const {\r\n stockState,\r\n images,\r\n name,\r\n discount,\r\n price,\r\n products,\r\n vatPrice,\r\n quantity,\r\n unit,\r\n id,\r\n priceUnit,\r\n small, //renders a smaller card, for the pack expanded list\r\n youSave,\r\n orderView,\r\n oldVersion,\r\n renderedBy, // figure out where do we render this one\r\n onlyRight, //hides the left product details section\r\n cardModalState = \"addToCartCard\", //controlls where the edit modal opens.\r\n priceOrStockRequestForm,\r\n noDelete,\r\n noCancel,\r\n deleteCrtListItem,\r\n stockChanged,\r\n priceChanged,\r\n zeroStock,\r\n zeroPrice,\r\n highlightOldQuantity,\r\n highlightOldPrices,\r\n highLightNewPrices,\r\n highlightNewQuantity,\r\n offerId,\r\n showDeleteButton,\r\n secondaryPriceForModal,\r\n isBasketPage\r\n } = props\r\n\r\n\r\n let { product } = props\r\n\r\n const computed = getComputedPriceInfo(props)\r\n\r\n const translate = props.translate\r\n const [open, setOpen] = useState(false)\r\n const [editable, setEditable] = useState(false)\r\n const { ref, showModal, setShowModal } = useShowModalOutsideClick()\r\n let [changedQuantity, setChangedQuantity] = useState(quantity)\r\n const dispatch = useDispatch()\r\n const editAction = () => {\r\n if (!noDelete) {\r\n setShowModal(true)\r\n } else {\r\n if (editable) {\r\n if (noCancel) {\r\n //console.log(\"SET SHOW PRICE MAIN\")\r\n dispatch(setMainProductPriceAndQuantity(changedQuantity))\r\n } //setShowPrices\r\n else {\r\n //console.log(\"SET SHOW PRICE AUX\")\r\n dispatch(setAccessoryProductPriceAndQuantity({ id, changedQuantity }))\r\n } //setCrtListPriceAndQuantity\r\n }\r\n setEditable((p) => !p)\r\n }\r\n }\r\n\r\n const deleteFromCartAction = () => {\r\n if (renderedBy === \"userList\")\r\n dispatch(deleteProductFromList(null, id))\r\n else if (renderedBy === \"importFromExcel\") {\r\n dispatch(deleteProductFromExcel(id))\r\n dispatch(setMoreOpenRowId(null))\r\n }\r\n else dispatch(\r\n modifyBasket(id, 0, product?.unitPriceNet, `remove-button-${id}`)\r\n )\r\n }\r\n\r\n const stockSvg =\r\n stockState === \"low\"\r\n ? \"stockred\"\r\n : stockState === \"limited\"\r\n ? \"stockyellow\"\r\n : \"greencheckbox\"\r\n const pack = products?.length > 0\r\n let className = \"cart-product-card-wrapper\"\r\n if (small) className += \" small\"\r\n if (pack) className += \" pack \"\r\n if (!stockState) className += \" no-stock\"\r\n if (oldVersion) {\r\n className += \" old-version\"\r\n }\r\n\r\n // useEffect(() => {\r\n // let expTimeout\r\n // if (oldVersion)\r\n // expTimeout = setTimeout(() => {\r\n // dispatch(setExpiredBasket(true))\r\n // }, 0)\r\n // return () => {\r\n // clearTimeout(expTimeout)\r\n // }\r\n // }, [])\r\n\r\n // const images = products?.map?.(item => item?.primaryImage)\r\n\r\n const computePricesStyle = () => {\r\n if (oldVersion && highlightOldPrices) return \"color-alert-red strike\"\r\n if(highLightNewPrices) return \"color-all-good\"\r\n return \"text-light-01\"\r\n }\r\n const priceCollumn =\r\n priceOrStockRequestForm || id?.includes?.(\"incorrect\") ? (// || oldVersion\r\n \r\n ) : (\r\n {inputLabel}
}\r\n \r\n {icon && onFocus(e, setIsBeingFocused)\r\n : undefined,\r\n onBlur: (e) =>\r\n onBlur ? onBlur(e, setIsBeingFocused) : undefined,\r\n disabled\r\n }}\r\n onValueChange={(values, sourceInfo) => {\r\n //console.log(\"SOURCE= \", sourceInfo?.source);\r\n sourceInfo?.source === \"event\"\r\n ? setIsBeingFocused?.(true)\r\n : setIsBeingFocused?.(false)\r\n sourceInfo?.source === \"event\" &&\r\n onChange &&\r\n onChange({\r\n target: {\r\n name: name,\r\n value: values?.value\r\n },\r\n sourceInfo\r\n })\r\n }}\r\n //isNumericString={true}\r\n fixedDecimalScale={isBeingFocused ? undefined : 2}\r\n decimalScale={isBeingFocused ? undefined : 2}\r\n />\r\n )}\r\n {textArea ? (\r\n \r\n ) : fake ? (\r\n
\r\n {value}
\r\n ) : !numberFormatter ? (\r\n \r\n ) : null}\r\n {actionIcon && (\r\n \r\n {computed.hasPrice.primary &&\r\n
\r\n )\r\n\r\n const removeButton = priceOrStockRequestForm ? (\r\n \r\n ) : (\r\n !small &&\r\n !orderView &&\r\n !oldVersion && (\r\n \r\n
\r\n }\r\n {computed.hasPrice.secondary &&\r\n \r\n {numberFormatter(changedQuantity, \".\")}\r\n
\r\n )\r\n ) : (\r\n {numberFormatter(quantity, \".\")}
\r\n )}\r\n {/* {numberFormatter(quantity,'.')}
*/}\r\n \r\n {unit === \"PCE\" ? \"buc\" : unit === \"MTR\" ? \"m\" : unit}\r\n
\r\n {!small && !orderView && !oldVersion && (\r\n \r\n \r\n {alertIcon}\r\n
\r\n )\r\n const productCardContent = (\r\n <>\r\n {!onlyRight &&\r\n (oldVersion ? (\r\n oldVersionContent\r\n ) : (\r\n \r\n
\r\n {getWarningMessages()}
\r\n {`${props.productCode} - ${props.productName}`}
\r\n \r\n {quantityStockEditSection}\r\n
\r\n {!noDelete && removeButton}\r\n { showDeleteButton &&\r\n \r\n
\r\n )\r\n\r\n const packCardContent = (\r\n <>\r\n setOpen((p) => !p)}\r\n >\r\n editAction()} /> */}\r\n {/*
\r\n {open && products?.map?.((item) => \r\n
\r\n {priceCollumn}\r\n {name}
\r\n {imageChain3({ images, imageLimit })}\r\n \r\n {quantityStockEditSection}\r\n
\r\n {/* \r\n {pack ? packCardContent : productCardContent}\r\n {showModal && (\r\n
\r\n )\r\n}\r\n\r\nexport default withLocalize(CartProductCard)\r\n\r\nexport const alertIcon = (\r\n \r\n)\r\n\r\nexport function CartProductDetailsCell(props) {\r\n const { id, brandName, primaryImage, title, setPageModal, clickNotAllowed = false, isWarning } = props\r\n const itemImage = primaryImage ?? \"/images/new-placeholder.svg\"\r\n const dispatch = useDispatch()\r\n const productCodeStyle = {\r\n backgroundColor: \"#f3f3f3\",\r\n borderRadius: \"4px\",\r\n padding: \"2px 9px\",\r\n marginRight: \"8px\"\r\n }\r\n\r\n return (\r\n \r\n setShowModal(false)}\r\n product={props}\r\n {...{...props, quantity: props?.quantityForModification, \r\n priceNet: props?.priceNet,\r\n secondaryPrice: secondaryPriceForModal || props?.secondaryPrice,\r\n isBasketPage\r\n }}\r\n />\r\n
\r\n )}\r\n \r\n ![]()
e?.preventDefault?.()}\r\n src={itemImage}\r\n className={`image ${id && \"click\"}`}\r\n alt=\"img\"\r\n onClick={() => {\r\n if(clickNotAllowed) return \r\n if(setPageModal && id) {\r\n dispatch(setPageModal?.());\r\n return goToProductDetails(id)\r\n }\r\n if(id) goToProductDetails(id)}\r\n }\r\n />\r\n
\r\n )\r\n}\r\n","import { deleteDynamoItemByPK } from \"store/justActions/dynamoOps\"\r\nimport { reDispatch } from \"store/middleware/api\"\r\nimport { history } from \"utils/history\"\r\nimport store from \"store/index\"\r\nimport { ADD_SAVED_FILTER, RESET_ACTIONS, setDataItems } from \"store/modules/dataView\"\r\nimport {\r\n setActionToConfirm,\r\n setPageModal,\r\n setPageModalData\r\n} from \"store/modules/page\"\r\nimport { changeStatusAPI } from \"store/justActions/miscApiInteractions\"\r\nimport { getCart } from \"store/modules/shop\"\r\nimport { deleteDataViewSelectedRowsFromDynamoDB, deleteProductsFromList } from \"store/justActions/lists\"\r\n//import { loadDynamoFormItemByPK_v2, } from \"store/modules/dataView.search\"\r\nimport { setCrtFormItem } from \"store/modules/page\"\r\nimport { apiAction } from \"store/middleware/api\"\r\n//import { ENRICH_DATAVIEW_ITEMS } from \"store/modules/dataView\";\r\nimport { SET_TEMP_PRODUCT_PREDEFINED_LIST_DETAILS } from \"store/modules/page\"\r\n// import { ENRICH_DATAVIEW_ITEMS } from \"store/modules/dataView\";\r\nimport { savePriceRequest, saveStockRequest } from \"store/modules/guest.actions\"\r\nimport { saveSetup } from \"views/admin/product/priceRequest/priceRequestForm\"\r\nimport { toastr } from \"react-redux-toastr\"\r\nimport { saveApiItem } from \"store/justActions/saveApiIems\"\r\nimport { showMagicToaster } from \"utils/MagicToasterCall\"\r\nimport { printError } from \"utils/printError\"\r\nimport { parseFloatOrZero } from \"utils/numberUtils\"\r\nimport { checkIsLowStock } from \"views/ImportFromExcel/tableSelector\"\r\nimport { filterConditions } from \"views/ImportFromExcel\"\r\n\r\nexport const dataViewActionClicked = (id, action, row) =>\r\n reDispatch((dispatch) => {\r\n const pathname =\r\n window.location.pathname === \"/admin/order/list\"\r\n ? `${window.location.pathname\r\n ?.split?.(\"/\")\r\n ?.slice?.(0, -1)\r\n ?.join?.(\"/\")}/view`\r\n : `${window.location.pathname\r\n ?.split?.(\"/\")\r\n ?.slice?.(0, -1)\r\n ?.join?.(\"/\")}/form`\r\n\r\n if (action === \"delete\") {\r\n dispatch(\r\n setActionToConfirm(() =>\r\n dispatch(changeStatusAPI({ id, ...{ ...row, status: \"DELETED\" } }))\r\n )\r\n )\r\n }\r\n if (action === \"changeStatus\") {\r\n dispatch(\r\n setActionToConfirm(() =>\r\n dispatch(changeStatusAPI({ id, ...{ ...row.changeStatusProps } }))\r\n )\r\n )\r\n }\r\n if (action === \"dynamoDelete\") {\r\n dispatch(\r\n setActionToConfirm(() =>\r\n dispatch(deleteDynamoItemByPK({ PK: id, SK: row?.SK }))\r\n )\r\n )\r\n }\r\n if (action === \"cancelRequest\") {\r\n dispatch(\r\n setActionToConfirm(() =>\r\n dispatch(\r\n savePriceRequest(\r\n saveSetup(row, \"CANCELLED\"),\r\n row?.product?.selectedQuantity\r\n )\r\n )\r\n )\r\n )\r\n }\r\n if (action === \"sendEmail\") {\r\n dispatch(\r\n setActionToConfirm(() =>\r\n dispatch(\r\n savePriceRequest(\r\n saveSetup(row, \"NOTIFIED\"),\r\n row?.product?.selectedQuantity\r\n )\r\n )\r\n )\r\n )\r\n }\r\n if (action === \"cancelStockRequest\") {\r\n dispatch(\r\n setActionToConfirm(() =>\r\n dispatch(\r\n saveStockRequest(\r\n saveSetup(row, \"CANCELLED\"),\r\n row?.product?.selectedQuantity\r\n )\r\n )\r\n )\r\n )\r\n }\r\n if (action === \"sendStockRequestEmail\") {\r\n dispatch(\r\n setActionToConfirm(() =>\r\n dispatch(\r\n saveStockRequest(\r\n saveSetup(row, \"NOTIFIED\"),\r\n row?.product?.selectedQuantity\r\n )\r\n )\r\n )\r\n )\r\n }\r\n if (action === \"details\") history?.push?.(`${pathname}?id=${id}`)\r\n if (action === \"edit\")\r\n history?.push?.({\r\n pathname,\r\n search: `id=${id}`,\r\n state: { isEdit: true }\r\n })\r\n // `${pathname}/edit?id=${id}`\r\n return {\r\n type: RESET_ACTIONS\r\n }\r\n })\r\n\r\nconst setPageModals = [\"associate-search-index\"]\r\nexport const dataViewMultiActions = (action) =>\r\n reDispatch((dispatch) => {\r\n const selectedItems = store.getState()?.dataView?.selectedItems\r\n const item = store.getState()?.page?.crtFormItem\r\n const products = store.getState()?.dataView?.items\r\n\r\n if (setPageModals?.includes?.(action)) {\r\n dispatch(setPageModal(action))\r\n dispatch(setPageModalData(selectedItems))\r\n }\r\n\r\n if (action === \"addToCart\" || action === \"addExcelToCart\") {\r\n const products = store.getState()?.dataView?.items\r\n const selectedProducts = products?.filter?.((pr) =>\r\n selectedItems?.includes?.(pr.id)\r\n )\r\n if(action === \"addExcelToCart\" && products?.length === selectedProducts?.length) {\r\n let hasErrorLines = false\r\n let hasFrontZeroPrice = false\r\n let hasFrontLowStock = false\r\n //in loop\r\n selectedProducts?.forEach?.((i) => {\r\n const isLowStock = checkIsLowStock(i)\r\n if(hasErrorLines === false && i?.id?.includes?.(\"incorrect\")) hasErrorLines = true \r\n if(hasFrontZeroPrice === false && parseFloatOrZero(i?.priceNet) === 0) hasFrontZeroPrice = true \r\n if(hasFrontLowStock === false && isLowStock) hasFrontLowStock = true \r\n })\r\n if(hasFrontLowStock || hasFrontZeroPrice) \r\n showMagicToaster({\r\n type: \"warning\",\r\n title: \"Cel putin unul dintre produse nu are stoc sau preț\",\r\n timeOut: 5000,\r\n })\r\n if(hasErrorLines && !hasFrontLowStock && !hasFrontZeroPrice)\r\n showMagicToaster({\r\n type: \"warning\",\r\n title: \"Importul conține date incorecte\",\r\n timeOut: 5000,\r\n })\r\n dispatch(\r\n saveApiItem({\r\n type: \"basket/add-item-list\",\r\n data: selectedProducts\r\n ?.filter?.(i => filterConditions(i))\r\n ?.map?.(i => ({goodsId: i?.id, quantity: i?.quantity})),\r\n onSuccess: () => {\r\n dispatch(getCart())\r\n showMagicToaster({\r\n title: `${\r\n selectedProducts?.length === 1 ? (\r\n \"Produsul a fost adăugat\"\r\n ) : (\r\n \"Produsele au fost adăugate\"\r\n )\r\n } in cos!`,\r\n timeOut: 5000,\r\n })\r\n },\r\n onFailure: (error) => {\r\n printError(\"addAllToCart()\", error)\r\n if (\r\n error?.response?.data?.localizationCode === \"error.offerInBasket\"\r\n )\r\n dispatch(\r\n setPageModal({\r\n name: \"basketErrorOfferShopConflictModal\",\r\n data: \"În coș se găsesc deja produs(e) adăugate dintr-o ofertă. Finalizează comanda, sau golește coșul ca să poți adăuga produse din magazin.\"\r\n })\r\n )\r\n else if(error?.response?.data?.localizationCode === \"error.notEnoughStock\")\r\n showMagicToaster({\r\n type: \"error\",\r\n title: \"Unul sau mai multe produse selectate nu au stoc suficient sau preț afișat!\",\r\n timeOut: 5000,\r\n })\r\n else if(error?.response?.data?.localizationCode === \"error.productNoPrice\")\r\n showMagicToaster({\r\n type: \"error\",\r\n title: \"Unul sau mai multe produse selectate nu au stoc suficient sau preț afișat!\",\r\n timeOut: 5000,\r\n })\r\n else\r\n showMagicToaster({\r\n type: \"error\",\r\n title: \"A intervenit o eroare!\",\r\n timeOut: 5000,\r\n })\r\n return {\r\n type: \"a\"\r\n }\r\n }\r\n })\r\n )\r\n \r\n }\r\n else {\r\n const finalProducts = []\r\n let error = false\r\n \r\n selectedProducts?.forEach?.((item) => {\r\n if (\r\n item?.quantity > 0 &&\r\n item?.quantity <=\r\n (item?.centralStockQuantity ?? 0) +\r\n (item?.localStockQuantity ?? 0) &&\r\n item?.priceGross !== 0 &&\r\n item?.priceGross !== null &&\r\n item?.priceGross !== undefined\r\n ) {\r\n finalProducts?.push?.({ goodsId: item?.id, quantity: item?.quantity })\r\n } else {\r\n error = true\r\n }\r\n })\r\n \r\n if (finalProducts?.length && !error) {\r\n dispatch(\r\n saveApiItem({\r\n type: \"basket/add-item-list\",\r\n data: finalProducts,\r\n onSuccess: () => {\r\n dispatch(getCart())\r\n showMagicToaster({\r\n title: `${\r\n finalProducts?.length === 1\r\n ? \"Produsul a fost adaugat\"\r\n : \"Produsele au fost adaugate\"\r\n } in cos!`\r\n })\r\n },\r\n onFailure: (error) => {\r\n printError(\"dataViewMultiActions()\", error)\r\n if (\r\n error?.response?.data?.localizationCode ===\r\n \"error.offerInBasket\"\r\n )\r\n dispatch(\r\n setPageModal({\r\n name: \"basketErrorOfferShopConflictModal\",\r\n data: \"În coș se găsesc deja produs(e) adăugate dintr-o ofertă. Finalizează comanda, sau golește coșul ca să poți adăuga produse din magazin.\"\r\n })\r\n )\r\n \r\n return {\r\n type: \"a\"\r\n }\r\n }\r\n })\r\n )\r\n } else {\r\n toastr.error(\r\n \"Unul sau mai multe produse selectate nu au stoc suficient sau pret.\"\r\n )\r\n }\r\n }\r\n }\r\n if (action === \"deleteFromList\") {\r\n const filteredProducts = products?.filter?.(\r\n (product) => !selectedItems?.includes?.(product.id)\r\n )\r\n\r\n dispatch(deleteProductsFromList({ products: filteredProducts }))\r\n //dispatch(loadDynamoFormItemByPK_v2({ input: itemId, moreSteps: enrichListFromJava, setDvListProducts:true }))\r\n dispatch(setCrtFormItem({ ...item, products: filteredProducts }))\r\n }\r\n if (action === \"deleteFromExcel\") {\r\n //console.log(\"\")\r\n const filteredProducts = products?.filter?.(\r\n (product) => !selectedItems?.includes?.(product.id)\r\n )\r\n\r\n dispatch(setDataItems({ items: filteredProducts }))\r\n //dispatch(loadDynamoFormItemByPK_v2({ input: itemId, moreSteps: enrichListFromJava, setDvListProducts:true }))\r\n //dispatch(setCrtFormItem({ ...item, products: filteredProducts }))\r\n }\r\n if (action === \"deleteJobsFromAdminList\") {\r\n dispatch(deleteDataViewSelectedRowsFromDynamoDB(\"JOB_RESPONSE\", selectedItems))\r\n }\r\n if (action === \"deleteApplicantFromAdminList\") {\r\n dispatch(deleteDataViewSelectedRowsFromDynamoDB(\"APLICANT_RESPONSE\", selectedItems))\r\n }\r\n return {\r\n type: RESET_ACTIONS\r\n }\r\n })\r\n\r\nexport const addSavedFilter = (name) => {\r\n let state = store.getState()\r\n return {\r\n type: ADD_SAVED_FILTER,\r\n payload: {\r\n id: \"USF-0000a\" + ((Math.random() * 1000) % 1000),\r\n favorite: false,\r\n name,\r\n data: state?.dataView.selectedFilters\r\n }\r\n }\r\n}\r\n\r\nexport const checkStockForProducts = (tabledata) =>\r\n reDispatch((dispatch) => {\r\n tabledata?.allItems?.map?.((item) =>\r\n item?.values?.content?.forEach?.((element) => {\r\n if (element.type === \"products\") {\r\n element.products?.forEach?.((product) => {\r\n dispatch(fetchProdDetailsForDataViewItems(product.id))\r\n })\r\n }\r\n })\r\n )\r\n return { type: \"a\" }\r\n })\r\n\r\nconst fetchProdDetailsForDataViewItems = (id) =>\r\n apiAction({\r\n endPoint: `/public/product/goods/shop/` + id,\r\n onSuccess: (data, dispatch) => {\r\n //return { type: \"a\" }\r\n //return { type: ENRICH_DATAVIEW_ITEMS,\r\n //payload: data,\r\n },\r\n onFailure: (error) => {\r\n printError(\"fetchProdDetailsForDataViewItems()\", error)\r\n return {\r\n type: \"a\"\r\n }\r\n }\r\n })\r\n\r\nexport const enrichPredefinedListProductsFromJava = (data, dispatch) => {\r\n const productsSection = data?.values?.content\r\n ?.filter?.((c) => c.type === \"products\")\r\n // ?.forEach?.((item) => {\r\n // item?.products?.forEach?.((prod) =>\r\n // dispatch(fetchProdDetailsForPredefinedList(prod.id))\r\n // )\r\n // })\r\n \r\n const productsLists = productsSection?.map?.(section => section?.products)\r\n const products = productsLists?.[0]?.map?.(i => ({ \"id\": i?.id}))\r\n console.log(\"PRODUCTS \", products)\r\n dispatch(fetchShortDetailsByIdListJava(products, SET_TEMP_PRODUCT_PREDEFINED_LIST_DETAILS))\r\n\r\n}\r\n\r\nexport const fetchShortDetailsByIdListJava = (idList, actionType) => \r\n apiAction({\r\n endPoint: '/product/goods/shop/short-details-by-id-list',\r\n method: \"POST\",\r\n data: idList,\r\n idList: true,\r\n onSuccess: (data, dispatch) => {\r\n // console.log(\"FUFUFUFUF \", data)\r\n return { type: actionType, payload: data }\r\n },\r\n onFailure: (error) => {\r\n printError(\"fetchProdDetailsForPredefinedList()\", error)\r\n return {\r\n type: \"a\"\r\n }\r\n }\r\n })\r\n\r\nconst fetchProdDetailsForPredefinedList = (id) =>\r\n apiAction({\r\n endPoint: `/product/goods/shop/` + id,\r\n onSuccess: (data, dispatch) => {\r\n return { type: SET_TEMP_PRODUCT_PREDEFINED_LIST_DETAILS, payload: data }\r\n },\r\n onFailure: (error) => {\r\n printError(\"fetchProdDetailsForPredefinedList()\", error)\r\n return {\r\n type: \"a\"\r\n }\r\n }\r\n })","export default __webpack_public_path__ + \"static/media/Close.9cb8d6ba.svg\";","\r\nconst START_API_PROGRESS = \"apiCallInProgress/start\"\r\nconst STOP_API_PROGRESS = \"apiCallInProgress/stop\"\r\n\r\n\r\nconst initialState = []\r\n\r\nexport default function (state = initialState, action) {\r\n\r\n const payload = action?.payload || {}\r\n // const { endpoint, apiCallRandomId } = action?.payload || {}\r\n\r\n switch (action.type) {\r\n\r\n case START_API_PROGRESS:\r\n return [...state || [], payload]\r\n\r\n case STOP_API_PROGRESS:\r\n return state?.filter?.(apiCall => apiCall?.apiCallRandomId !== payload)\r\n\r\n default:\r\n return state\r\n }\r\n}\r\n\r\n\r\nexport const apiLoadingStarted = data => ({ type: START_API_PROGRESS, payload: data })\r\nexport const apiLoadingEnded = data => ({ type: STOP_API_PROGRESS, payload: data })\r\n","import { useSelector } from \"store\"\r\nimport { mapRole } from \"utils/lookupFunctions\"\r\n\r\nexport const useUserInfo = () => {\r\n const user = useSelector((state) => state.user)\r\n let companyType = useSelector((state) => state.company?.type) ?? \"GUEST\"\r\n const roleName = mapRole(user?.groupId)\r\n if (roleName === \"GUEST\") companyType = \"GUEST\"\r\n return {\r\n ...user,\r\n isPublic: roleName === \"GUEST\",\r\n companyType,\r\n adminAccess: adminGroupIds?.includes?.(user.groupId)\r\n }\r\n}\r\n\r\nconst adminGroupIds = [\r\n \"4lOKlq\",\r\n \"9m18l7\",\r\n \"7rq0mP\",\r\n \"krwylx\",\r\n \"WmGwm7\",\r\n \"5l7vZR\",\r\n \"0lYOrQ\"\r\n]\r\n\r\nconst allGroups = [\r\n { id: \"JlJeZ8\", name: \"Guest\", type: \"ANONYMOUS\", code: \"GUES\" },\r\n { id: \"3ZVWlG\", name: \"Anonymous\", type: \"ANONYMOUS\", code: \"ANONIM\" },\r\n { id: \"grK9lA\", name: \"User Companie\", type: \"EXTERNAL\", code: \"UADM\" },\r\n { id: \"yZyDr3\", name: \"Admin Companie\", type: \"EXTERNAL\", code: \"CADM\" },\r\n { id: \"4lOKlq\", name: \"BO Sales\", type: \"INTERNAL\", code: \"BOSA\" },\r\n { id: \"9m18l7\", name: \"Account Manager\", type: \"INTERNAL\", code: \"ACCM\" },\r\n { id: \"7rq0mP\", name: \"Manager Marketing\", type: \"INTERNAL\", code: \"MKTM\" },\r\n { id: \"krwylx\", name: \"Sales Manager\", type: \"INTERNAL\", code: \"RFPM\" },\r\n { id: \"WmGwm7\", name: \"Business Super User\", type: \"INTERNAL\", code: \"BSUR\" },\r\n {\r\n id: \"5l7vZR\",\r\n name: \"Administrator de sistem\",\r\n type: \"INTERNAL\",\r\n code: \"ADMI\"\r\n },\r\n { id: \"0lYOrQ\", name: \"Manager Region\", type: \"INTERNAL\", code: \"ADMI\" }\r\n]\r\n","import React, { useContext } from \"react\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { Link } from \"react-router-dom\"\r\nimport { setActionToConfirm, setPageModal } from \"store/modules/page\"\r\nimport ThemeContext from \"../../theme/themeProvider\"\r\nimport SvgIcon from \"components/SvgIcon/SvgIcon\"\r\nimport \"./MagicButtonV3.scss\"\r\n\r\nconst propsToClass = [\r\n \"primary\",\r\n \"secondary\",\r\n \"outline\",\r\n \"selected\",\r\n \"disabled\",\r\n \"clear\",\r\n \"simple\"\r\n]\r\n\r\nconst computePaddings = (props) => {\r\n let className = \"\"\r\n let multiplier = 2\r\n let localProps = { ...props }\r\n if (localProps.square) {\r\n if (localProps.w && !localProps.h) localProps.h = localProps.w\r\n if (!localProps.w && localProps.h) localProps.w = localProps.h\r\n }\r\n for (let key in localProps)\r\n if (typeof localProps?.[key] === \"number\") {\r\n if (key === \"w\") multiplier = 0.5\r\n if (key === \"h\") multiplier = 1\r\n className += ` ${key}${Math.round(localProps?.[key] * multiplier)}`\r\n }\r\n return className\r\n}\r\n\r\nconst addDefaultPaddings = (className) => {\r\n if (!RegExp(/p[0-9]+/).test(className)) {\r\n if (!RegExp(/px[0-9]+/).test(className)) {\r\n if (!RegExp(/pl[0-9]+/).test(className)) className += \" pl2\"\r\n if (!RegExp(/pr[0-9]+/).test(className)) className += \" pr2\"\r\n }\r\n if (!RegExp(/py[0-9]+/).test(className)) {\r\n if (!RegExp(/pt[0-9]+/).test(className)) className += \" pt1\"\r\n if (!RegExp(/pb[0-9]+/).test(className)) className += \" pb1\"\r\n }\r\n }\r\n return className\r\n // else if (RegExp(/px[0-9]*/).test(className)){\r\n // if (RegExp(/py[0-9]*/).test(className)) return className\r\n // else {\r\n // if (RegExp(/px[0-9]*/).test(className))\r\n // }\r\n // }\r\n}\r\nconst mapPropsToClass = (props) => {\r\n let className = \"\"\r\n propsToClass?.forEach?.((item) => {\r\n if (props?.[item]) className += ` ${item}`\r\n })\r\n return className\r\n}\r\n\r\n//const baseClassName = 'magic-button magic-button-wrapper-v3'\r\n//\r\nexport default function MagicButtonV3(props) {\r\n const {\r\n url,\r\n dldUrl,\r\n href,\r\n targetBlank,\r\n onClick,\r\n className,\r\n label,\r\n primary,\r\n secondary,\r\n svg,\r\n square,\r\n popRight,\r\n popLeft,\r\n popBottom //used for toolTip text\r\n } = props\r\n let {\r\n disabled,\r\n selected,\r\n active, //backward compatib. same as selected\r\n menu\r\n } = props\r\n const baseClassName = menu\r\n ? `buttonSimple ${\r\n props?.popRight === \"Import din Excel\" ? \"excel-import-button\" : \"\"\r\n } ${\r\n window?.location?.pathname === \"/shop/importfromexcel/details\"\r\n ? \"excel-import-selected\"\r\n : \"\"\r\n }`\r\n : \"magic-button magic-button-wrapper-v3\"\r\n if (selected || window.location.pathname === url || active) {\r\n selected = true\r\n disabled = true\r\n }\r\n\r\n let containerClassName = \"\"\r\n containerClassName += computePaddings(props)\r\n containerClassName += ` ${baseClassName}`\r\n containerClassName += mapPropsToClass(props)\r\n if (className) containerClassName += ` ${className}`\r\n if (primary) containerClassName += ` primary`\r\n if (!label) containerClassName += ` no-label`\r\n if (secondary) containerClassName += ` outline`\r\n if (!className?.includes?.(\"etype\") && !className?.includes?.(\"ptype\"))\r\n containerClassName += ` etype-1`\r\n if (!menu && !href)\r\n containerClassName = addDefaultPaddings(containerClassName)\r\n\r\n if (popRight) containerClassName += \" button-tool-tip-right\"\r\n if (popLeft) containerClassName += \" button-tool-tip-left\"\r\n if (popBottom) containerClassName += \" button-tool-tip-bottom\"\r\n\r\n if (selected || window.location.pathname === url || active)\r\n containerClassName += \" selected disabled\"\r\n\r\n const containerProps = {\r\n disabled,\r\n className: containerClassName,\r\n tooltip: popLeft ?? popRight ?? popBottom\r\n }\r\n\r\n const content = (\r\n <>\r\n {svg && {\r\n if(id && !id?.includes?.(\"incorrect\")) {\r\n if(clickNotAllowed) return \r\n if(setPageModal) {\r\n dispatch(setPageModal?.());\r\n return goToProductDetails(id)\r\n }\r\n goToProductDetails(id)\r\n }\r\n }\r\n }\r\n >\r\n
\r\n \r\n {props?.productCode && (\r\n \r\n {props?.productCode}\r\n \r\n )}\r\n {brandName && (\r\n Brand: {brandName}\r\n )}\r\n
\r\n {title}
\r\n {content}
\r\n } else if (url && !disabled) {\r\n //Link to user react router history\r\n containerProps.to = url\r\n containerProps.onClick = onClick\r\n return {content}\r\n } else if (href && !disabled) {\r\n containerProps.href = href\r\n if (targetBlank) containerProps.target = \"_blank\"\r\n return {content}\r\n } else {\r\n //plain button\r\n containerProps.onClick = onClick\r\n return \r\n }\r\n}\r\n\r\nfunction MagicButtonOld(props) {\r\n const {\r\n label,\r\n active,\r\n rightSvg,\r\n strong, //for outline makes the text bold\r\n clear, //makes it transparent\r\n selected,\r\n onClick,\r\n icon,\r\n svg,\r\n className,\r\n h = 6,\r\n w = 0,\r\n disabled = false,\r\n outline,\r\n px = 2,\r\n m = 0,\r\n mt,\r\n mb,\r\n badge,\r\n ml,\r\n mr,\r\n pl,\r\n pr,\r\n pt,\r\n pb,\r\n popRight,\r\n popLeft,\r\n popBottom, //used for toolTip text\r\n type = \"primary\",\r\n wrapText,\r\n tl,\r\n p,\r\n noFlex, //@TODO: redo logic so we don't need this\r\n url, //used if you want to go to a link\r\n dldUrl,\r\n showModal,\r\n wc //with confirmation modal\r\n } = props\r\n\r\n const dispatch = useDispatch()\r\n const theme = useContext(ThemeContext)\r\n const baseSpacing = theme.baseSpacing ?? 0.5 // if it's not in theme\r\n\r\n const computedLabel = label ?? (icon ? label : \"\") // escaped if there is no label or icon provided\r\n\r\n const paddingLeft =\r\n pl || px || p ? `${(pl ?? px ?? p) * baseSpacing}rem` : undefined\r\n const paddingRight =\r\n pr || px || p ? `${(pl ?? px ?? p) * baseSpacing}rem` : undefined\r\n\r\n let containerStyle = {\r\n // padding: `${p * baseSpacing}rem`,\r\n marginTop: mt === \"a\" ? `auto` : `${(mt ?? m) * baseSpacing}rem`,\r\n marginBottom: mb === \"a\" ? `auto` : `${(mb ?? m) * baseSpacing}rem`,\r\n marginLeft: ml === \"a\" ? `auto` : `${(ml ?? m) * baseSpacing}rem`,\r\n marginRight: mr === \"a\" ? `auto` : `${(mr ?? m) * baseSpacing}rem`,\r\n paddingTop: `${pt * baseSpacing}rem`,\r\n paddingBottop: `${pb * baseSpacing}rem`,\r\n paddingLeft,\r\n paddingRight,\r\n height: `${h * baseSpacing}rem`,\r\n width: computedLabel ? \"auto\" : `${h * baseSpacing}rem`\r\n // flex: '0 0',\r\n }\r\n\r\n let computedContainerClass = \"magic-button-container\"\r\n computedContainerClass += \" \" + type\r\n\r\n if (!type) computedContainerClass += \" buttonContainerMainCTA\"\r\n if (type === \"grey-blue\") computedContainerClass += \" grey blue\"\r\n if (type === \"clear-green\") computedContainerClass += \" simple active-green\"\r\n if (type === \"white\") computedContainerClass += \" white\"\r\n if (type === \"black\") computedContainerClass += \" black\"\r\n if (type === \"redAlert\") computedContainerClass += \" redAlert\"\r\n\r\n // if (type === \"secondary\") computedContainerClass += \" buttonContainerSecondary\";\r\n if (type === \"grey\") computedContainerClass += \" buttonContainerGrey\"\r\n // if (type === \"primary\") computedContainerClass += \" buttonContainerMainCTA\";\r\n if (type === \"green\") computedContainerClass += \" buttonContainerGreen\"\r\n // if (type === \"simple\") computedContainerClass += \" buttonSimple\";\r\n\r\n if (disabled) computedContainerClass += \" disabled\"\r\n if (outline) computedContainerClass += \" outline\"\r\n if (strong) computedContainerClass += \" strong\"\r\n if (clear) computedContainerClass += \" clear\"\r\n\r\n if (popRight) computedContainerClass += \" button-tool-tip-right\"\r\n if (popLeft) computedContainerClass += \" button-tool-tip-left\"\r\n if (popBottom) computedContainerClass += \" button-tool-tip-bottom\"\r\n\r\n if (selected || window.location.pathname === url || active)\r\n computedContainerClass += \" selected\"\r\n\r\n // if (!computedLabel) containerStyle.flex = `0 0 ${h * baseSpacing}rem`;\r\n // if (computedLabel) containerStyle.flex = `1`;\r\n if (!wrapText) containerStyle.whiteSpace = \"break-spaces\"\r\n if (tl) containerStyle.textAlign = \"left\"\r\n if (w) containerStyle.width = `${w * baseSpacing}rem`\r\n\r\n if (w == 100) {\r\n containerStyle.flex = \"1 0\"\r\n containerStyle.width = \"100%\"\r\n }\r\n const imgStyle = {\r\n display: \"flex\",\r\n flex: `0 0 ${h * baseSpacing}rem`,\r\n height: `${h * baseSpacing}rem`,\r\n width: `${h * baseSpacing}rem`\r\n }\r\n if (noFlex) containerStyle.flex = undefined\r\n let computedOnClick = undefined\r\n let wcClick = undefined\r\n\r\n if (url && window.location.pathname !== url && !active)\r\n computedOnClick = undefined\r\n if (dldUrl) {\r\n const downloadFromUrl = (url, name) => {\r\n const link = document.createElement(\"a\")\r\n link.download = name\r\n link.href = url\r\n document.body.appendChild(link)\r\n link.click()\r\n document.body.removeChild(link)\r\n }\r\n computedOnClick = () => downloadFromUrl(dldUrl, \"Test\")\r\n }\r\n if (onClick) computedOnClick = onClick\r\n if (showModal) computedOnClick = () => dispatch(setPageModal(showModal))\r\n //this has to be the last one\r\n if (wc) wcClick = () => dispatch(setActionToConfirm(computedOnClick))\r\n //\r\n let buttonProps = {\r\n tooltip: popLeft ?? popRight ?? popBottom,\r\n style: containerStyle,\r\n className: `${computedContainerClass} ${className ?? \"\"}`,\r\n onClick: !disabled\r\n ? (e) => {\r\n wcClick ? wcClick() : computedOnClick()\r\n e?.stopPropagation?.()\r\n }\r\n : undefined\r\n }\r\n\r\n const buttonContent = (\r\n <>\r\n {icon && (\r\n {computedLabel}
}\r\n {rightSvg && {badge}
}\r\n \r\n )\r\n\r\n if (url)\r\n return (\r\n \r\n {buttonContent}\r\n \r\n )\r\n return \r\n}\r\n","export function makeid(length) {\r\n var result = \"\"\r\n var characters = \"abcdefghijklmnopqrstuvwxyz0123456789\"\r\n // var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';\r\n var charactersLength = characters?.length\r\n for (var i = 0; i < length; i++) {\r\n result += characters?.charAt?.(Math.floor(Math.random() * charactersLength))\r\n }\r\n return result\r\n}\r\n\r\nexport default function genrateId(type) {\r\n if (type === \"contactForm\") return `CFR-${makeid(8)}`\r\n if (type === \"signUpForm\") return `SFR-${makeid(8)}`\r\n if (type === \"careersForm\") return `CRF-${makeid(8)}`\r\n if (type === \"SelectOptions\") return `DDI-${makeid(8)}`\r\n if (type === \"guestArticle\") return `GAA-${makeid(8)}`\r\n if (type === \"guestAddList\") return `GAL-${makeid(8)}`\r\n if (type === \"jobForm\") return `JOB-${makeid(8)}`\r\n if (type === \"locationForm\") return `LOC-${makeid(8)}`\r\n if (type === \"aplicantForm\") return `APL-${makeid(8)}`\r\n if (type === \"accountRequestForm\") return `ACR-${makeid(8)}`\r\n if (type === \"stockRequest\") return `SRQ-${makeid(8)}`\r\n if (type === \"priceRequest\") return `PRQ-${makeid(8)}`\r\n if (type === \"tutorial\") return `TUT-${makeid(8)}`\r\n}\r\n\r\nexport function getSKfromType(type) {\r\n if (type === \"CFR\") return \"CONTACT_RESPONSE\" // 7.4.2 from Figma\r\n if (type === \"SFR\") return \"SIGNUP_RESPONSE\"\r\n if (type === \"CRF\") return \"CAREER_RESPONSE\"\r\n if (type === \"GAA\") return \"GUEST_ARTICLE_V2\" // 7.1.2 from Figma\r\n if (type === \"GAL\") return \"GUEST_ADD_LIST\"\r\n if (type === \"JOB\") return \"JOB_RESPONSE\" // 7.2.2 from Figma\r\n if (type === \"guestJob\") return \"GUEST_JOB\"\r\n if (type === \"LOC\") return \"LOCATION_RESPONSE\" // 7.5.2 from Figma\r\n if (type === \"APL\") return \"APLICANT_RESPONSE\" // 7.3.2 from Figma\r\n if (type === \"SRQ\") return \"REQUEST_STOCK\"\r\n if (type === \"PRQ\") return \"REQUEST_PRICE\"\r\n}\r\n","import { createSelector } from \"reselect\"\r\nimport { uni_location } from \"staticData/dynamoTypes\"\r\n// import { mockInvoices } from \"mockData/invoices\";\r\nimport { compare } from \"store/selectors/dataView/finalFilters.selector\"\r\n// const language = (state) => state.user?.language;\r\n// const customAPIoptions = (state) => state?.options?.myspecialOptions;\r\n\r\nconst ddOptions = (state) => state?.backData?.ddOptions\r\nconst locationOptions = (state) =>\r\n state?.backData?.dictionary?.LOCATION_RESPONSE\r\nconst avaliableJobsOptions = (state) =>\r\n state?.backData?.dictionary?.JOB_RESPONSE\r\nconst uni_locationOptions = (state) =>\r\n state?.backData?.dictionary?.[uni_location]\r\nconst backData = (state) => state?.backData\r\n\r\nconst orderProcessMethod = [\r\n { value: \"AUTOMATIC\", label: \"Procesare automata\" },\r\n { value: \"MANUAL\", label: \"Procesare manuala\" }\r\n]\r\nconst mockOptions1 = [\r\n { value: \"ID1\", label: \"Option 1\" },\r\n { value: \"ID2\", label: \"Option 2\" },\r\n { value: \"ID3\", label: \"Option 3\" },\r\n { value: \"ID4\", label: \"Option 4\" }\r\n]\r\nconst mockOptions2 = [\r\n { value: \"ID1\", label: \"Option 21\" },\r\n { value: \"ID2\", label: \"Option 22\" },\r\n { value: \"ID3\", label: \"Option 23\" },\r\n { value: \"ID4\", label: \"Option 24\" }\r\n]\r\nconst mockOptionsId = [\r\n { id: \"ID1\", name: \"Option 21\" },\r\n { id: \"ID2\", name: \"Option 22\" },\r\n { id: \"ID3\", name: \"Option 23\" },\r\n { id: \"ID4\", name: \"Option 24\" }\r\n]\r\n\r\nconst experienceOptions = [\r\n // { value: 1, label: ' Intership' },\r\n // { value: 2, label: 'Junior' },\r\n // { value: 3, label: 'Engineer' }\r\n { value: 1, label: \"Fără experiență\" },\r\n { value: 2, label: \"Entry level (<2 ani)\" },\r\n { value: 3, label: \"Mid level (2-5 ani)\" },\r\n { value: 4, label: \"Senior level (>5 ani)\" },\r\n { value: 5, label: \"Manager / Executiv\" }\r\n]\r\n\r\nconst jobAreaOptions = [\r\n { value: 1, label: \"Recepție\" },\r\n { value: 2, label: \"Consultant vânzări\" },\r\n { value: 3, label: \"Consultant tehnic vânzări\" },\r\n { value: 4, label: \"Reprezentant vânzări\" },\r\n { value: 5, label: \"Reprezentant vânzări proiecte\" },\r\n { value: 6, label: \"Management de risc\" },\r\n { value: 7, label: \"Management al datelor\" },\r\n { value: 8, label: \"Management al stocurilor\" },\r\n { value: 9, label: \"Management de produs\" },\r\n { value: 10, label: \"Contabilitate\" },\r\n { value: 11, label: \"Resurse umane\" },\r\n { value: 12, label: \"Marketing\" },\r\n { value: 13, label: \"IT\" },\r\n { value: 14, label: \"Lucrător gestionar\" },\r\n { value: 15, label: \"Operator logistic\" },\r\n { value: 16, label: \"Manipulant marfă depozit\" },\r\n { value: 17, label: \"Facturist\" },\r\n { value: 18, label: \"Șofer distribuție\" },\r\n { value: 19, label: \"Alta\" }\r\n]\r\n\r\nconst contactPurposeOptions = [\r\n { id: \"ID1\", label: \"Raportez o problema cu o comanda\" },\r\n { id: \"ID2\", label: \"HR\" },\r\n { id: \"ID3\", label: \"Marketing\" },\r\n { id: \"ID4\", label: \"Administration\" }\r\n]\r\n\r\nconst docForm = {\r\n fieldName: [\r\n { id: 1, label: \"Yes\" },\r\n { id: 0, label: \"No\" }\r\n ]\r\n}\r\n\r\nconst yesNo = [\r\n { id: 1, label: \"Yes\" },\r\n { id: 0, label: \"No\" }\r\n]\r\nconst nuDa = [\r\n { id: \"1\", label: \"DA\" },\r\n { id: \"0\", label: \"NU\" }\r\n]\r\n\r\nconst status = [\r\n { id: 1, label: \"Arhivat\" },\r\n { id: 0, label: \"Nearhivat\" }\r\n]\r\nconst jobStatus = [\r\n { value: 1, label: \"Draft\" },\r\n { value: 2, label: \"Arhivat\" },\r\n { value: 3, label: \"Live\" }\r\n]\r\n\r\nconst aplicantStatus = [\r\n { value: 1, label: \"NOU\" },\r\n { value: 2, label: \"ARHIVAT\" },\r\n { value: 3, label: \"GESTIONAT\" }\r\n]\r\n\r\nconst volumeOptions = [\r\n { value: \"ID1\", label: \"Intre 20.000 si 49.999 de EUR\" },\r\n { value: \"ID2\", label: \"Intre 49.999 si 99.999 de EUR\" }\r\n]\r\n\r\nconst roleOptions = [\r\n { value: \"ID1\", label: \"Administrator\" },\r\n { value: \"ID2\", label: \"Editor\" }\r\n]\r\n\r\nconst generalOptions = {\r\n defualt: mockOptions1,\r\n ddOnex: mockOptions1,\r\n yesNo,\r\n status,\r\n orderProcessMethod\r\n}\r\n\r\nconst testForm = {\r\n select: mockOptions1,\r\n ddOne: mockOptions2,\r\n ddMulti: mockOptions1,\r\n simpleList: mockOptionsId,\r\n experienta: experienceOptions,\r\n ariaDeLucru: jobAreaOptions,\r\n contactPurpose: contactPurposeOptions\r\n}\r\n\r\nconst productPackForm = {\r\n pachetInformation: [\r\n {\r\n pachetName: \"Numele pachet\",\r\n stocmax: 300,\r\n stocactual: 1120,\r\n numberOfSales: 380,\r\n generatedIncome: 2.8,\r\n inititalDate: \"31.August.10\",\r\n expirationDate: \"31.December.10\",\r\n remainingDays: 25,\r\n productPrice: \"11.200 - 15.800\",\r\n companiiNumbers: 245\r\n }\r\n ]\r\n}\r\n\r\nconst companyForm = {\r\n numeScurt: {\r\n label: \"Nume scurt\",\r\n placeholder: \"Nume companie \"\r\n },\r\n numeJuridica: {\r\n label: \"Nume entitate juridica\",\r\n placeholder: \"Numele companiei\"\r\n },\r\n cui: {\r\n label: \"CUI\",\r\n placeholder: \"RO 1234568\"\r\n },\r\n onrc: {\r\n label: \"ONRC\",\r\n placeholder: \"J40/21/12.03.2021\"\r\n },\r\n sediul: {\r\n label: \"Sediul social\",\r\n placeholder: \"Adresa sediului\"\r\n },\r\n administrator: {\r\n label: \"\",\r\n placeholder: \"Andrei Popescu\"\r\n },\r\n email: {\r\n label: \"Unde iti putem scrie?\",\r\n placeholder: \"Email\"\r\n },\r\n telefon: {\r\n label: \"Unde te putem suna?\",\r\n placeholder: \"0742111222\"\r\n },\r\n factura: {\r\n label: \"Factura la termen (din limita de credit)\"\r\n //placeholder: \"factura\"\r\n },\r\n transfer: {\r\n label: \"Plata prin transfer bancar\"\r\n //placeholder: \"transfer\"\r\n },\r\n card: {\r\n label: \"Plata cu card bancar\"\r\n //placeholder: \"card\"\r\n },\r\n bilet: {\r\n label: \"Bilet la ordin / CEC la livrare marfa\"\r\n //placeholder: \"card\"\r\n },\r\n relationManagers: [\r\n { id: 1, rol: \"Manager de Cont\", name: \"Ion\", },\r\n {\r\n id: 2,\r\n rol: \"manager de vanzari\",\r\n name: \"Adrian\",\r\n },\r\n { id: 3, rol: \"Manager de Cont\", name: \"Vlad\", },\r\n {\r\n id: 4,\r\n rol: \"Manager de Vanzari\",\r\n name: \"Razvan\",\r\n }\r\n ]\r\n}\r\n\r\nconst adreseForm = {\r\n adresa: {\r\n label: \"Adresa*\",\r\n placeholder: \"Adresa* \"\r\n },\r\n relationManagers: [\r\n {\r\n id: 1,\r\n role: \"Suport technic\",\r\n name: \"Andrei\",\r\n telNumber: \"+40 875 855 510\"\r\n },\r\n {\r\n id: 2,\r\n role: \"Suport technic\",\r\n name: \"Adrian\",\r\n telNumber: \"+40 875 855 510\"\r\n },\r\n {\r\n id: 3,\r\n role: \"Suport technic\",\r\n name: \"Andrei\",\r\n telNumber: \"+40 875 855 510\"\r\n },\r\n {\r\n id: 4,\r\n role: \"Suport technic\",\r\n name: \"Razvan\",\r\n telNumber: \"+40 875 855 510\"\r\n }\r\n ],\r\n phoneNumebrs: [\r\n { id: 1, telNumber: \"+40 875 855 510\", type: \"Telefon general\" },\r\n {\r\n id: 2,\r\n\r\n telNumber: \"+40 875 855 510\"\r\n },\r\n { id: 3, telNumber: \"+40 875 855 510\", type: \"Telefon general\" },\r\n {\r\n id: 4,\r\n\r\n telNumber: \"+40 875 855 510\",\r\n type: \"Livrare de comenzi\"\r\n }\r\n ]\r\n // adressList: [\r\n // {\r\n // id: 1,\r\n // title: \"Adress title 1\",\r\n // content:\r\n // \"Bulevardul Nume Lung si important, nr. 210-212, bl Andromeda, sc Burebista, et Mezanin, ap 4158, Sectorul 2, Bucuresti\",\r\n // },\r\n // {\r\n // id: 2,\r\n // title: \"Adress title 2\",\r\n // content:\r\n // \"Bulevardul Nume Lung si important, nr. 210-212, bl Andromeda, sc Burebista, et Mezanin, ap 4158, Sectorul 2, Bucuresti\",\r\n // },\r\n // {\r\n // id: 3,\r\n // title: \"Adress title 3\",\r\n // content:\r\n // \"Bulevardul Nume Lung si important, nr. 210-212, bl Andromeda, sc Burebista, et Mezanin, ap 4158, Sectorul 2, Bucuresti\",\r\n // },\r\n // ],\r\n}\r\n\r\nconst mockUserPosition = [\r\n { id: \"07\", label: \"Consultant vânzări\" },\r\n { id: \"08\", label: \"Coordonator relații clienți\" },\r\n { id: \"09\", label: \"Manager zonal\" },\r\n { id: \"10\", label: \"Reprezentant vânzări\" }\r\n]\r\n\r\nexport const selectFormOptions = createSelector(\r\n ddOptions,\r\n locationOptions,\r\n avaliableJobsOptions,\r\n uni_locationOptions,\r\n backData,\r\n (\r\n ddOptions,\r\n locationOptions,\r\n avaliableJobsOptions,\r\n uni_locationOptions,\r\n backData\r\n ) => {\r\n const javaDictToOptions = (dict) =>\r\n backData?.dictionary?.[dict]?.map?.((item) => ({\r\n id: item?.code,\r\n label: item?.value\r\n }))\r\n const javaUniLocationsToOptions = () =>\r\n backData?.dictionary?.[\"ALL_UNI_LOCATIONS\"]\r\n const javaRolesToOptions = (external) =>\r\n backData?.dictionary?.[\"ALL_ROLES\"]\r\n ?.filter?.((e) =>\r\n external\r\n ? [\"grK9lA\", \"WmGwm7\"]?.includes?.(e?.value)\r\n : ![\"grK9lA\", \"WmGwm7\"]?.includes?.(e?.value)\r\n ) //these are the external group ids\r\n ?.map?.((item) => ({\r\n id: item?.value,\r\n label: item?.label\r\n }))\r\n const javaInternalRolesToOptions = () =>\r\n backData?.dictionary?.[\"INTERNAL_ROLES\"]\r\n const javaExternalRolesToOptions = () =>\r\n backData?.dictionary?.[\"EXTERNAL_ROLES\"]\r\n //?.filter?.(e => e?.value !== \"JlJeZ8\") //not the guest role\r\n\r\n ?.map?.((item) => ({\r\n id: item?.value,\r\n label: item?.label\r\n }))\r\n const topProductCategory = backData?.productCategory?.map?.((item) => ({\r\n id: item?.id,\r\n label: item?.name\r\n }))\r\n const allUsers = backData?.dictionary?.API_USERS?.map?.((item) => ({\r\n id: item?.id,\r\n label: item?.name\r\n }))\r\n const hrUsers = backData?.dictionary?.API_USERS?.filter?.(i => i?.roleName === \"HR Manager\").map?.((item) => ({\r\n id: item?.id,\r\n label: item?.name\r\n }))\r\n const orgDict = backData?.dictionary?.ALL_CLIENTS?.map?.((item) => ({\r\n id: item?.value,\r\n label: item?.label\r\n }))\r\n //handling double unilocation points for dropdowns\r\n const doublePoints = [\"BIROU VÂNZĂRI BUCUREȘTI\", \"SEDIU SOCIAL TÂRGU MUREȘ\"]\r\n const locationDropdowns = locationOptions\r\n ?.filter(i => !doublePoints?.includes(i?.name))\r\n ?.map(i => ({\r\n value: i?.id,\r\n label: i?.locationName\r\n }))\r\n ?.sort?.(compare)\r\n \r\n\r\n return {\r\n allOptions: {\r\n general: {\r\n ...generalOptions,\r\n // uni_location: uni_locationOptions?.map?.((item) => ({\r\n // value: item?.PK,\r\n // label: item?.values?.nume\r\n // })),\r\n brandName: javaDictToOptions(\"PRODUCT_BRAND\"),\r\n productSupplier: javaDictToOptions(\"PRODUCT_SUPPLIER\"),\r\n groupIdsExternal: javaExternalRolesToOptions(),\r\n groupIdsInternal: javaInternalRolesToOptions(), //javaRolesToOptions(false),\r\n workplaceList: javaUniLocationsToOptions(),\r\n //reasonOfBanning:\r\n position: mockUserPosition,\r\n positionPublic: mockUserPosition,\r\n productCategory: topProductCategory,\r\n // position : javaDictToOptions(\"USER_POSITION\"),\r\n organizationId: orgDict\r\n },\r\n generalOptions: { ...generalOptions, ddOptions },\r\n testForm: {\r\n ...testForm,\r\n // avaliableJobs: avaliableJobsOptions?.map?.((item) => ({\r\n // value: item?.PK,\r\n // // value: item?.values?.avaliableJobs,\r\n // label: item?.values?.content?.[0]?.title\r\n // })),\r\n uni_location: locationDropdowns,\r\n // uni_location: locationOptions?.map?.((item) => ({\r\n // value: item?.id,//changed for new locations from java\r\n // label: item?.name\r\n // })),\r\n avaliableJobs: avaliableJobsOptions\r\n ?.filter?.(\r\n (i) =>\r\n i?.values?.expireDate > new Date().toISOString() &&\r\n i?.values?.postDate < new Date().toISOString()\r\n )\r\n ?.map?.((item) => ({\r\n value: item?.PK,\r\n // value: item?.values?.avaliableJobs,\r\n label: item?.values?.content?.[0]?.title\r\n }))\r\n },\r\n aplicantForm: {\r\n experienta: experienceOptions,\r\n uni_location: locationDropdowns,\r\n locationName: locationDropdowns,\r\n // locationOptions?.map?.((item) => ({\r\n // value: item?.id,//changed for new locations from java\r\n // label: item?.name\r\n // })),\r\n availableJobs: avaliableJobsOptions\r\n ?.filter?.(\r\n (i) => i?.values?.expireDate === new Date().toISOString()\r\n )\r\n ?.map?.((item) => ({\r\n value: item?.PK,\r\n // value: item?.values?.avaliableJobs,\r\n label: item?.values?.content?.[0]?.title\r\n })),\r\n creatDe: backData?.dictionary?.API_USERS?.map?.((i) => ({\r\n value: i?.id,\r\n label: i?.name\r\n })),\r\n status: aplicantStatus,\r\n ariaDeLucru: jobAreaOptions\r\n },\r\n jobForm: {\r\n status: jobStatus,\r\n experienta: experienceOptions,\r\n uni_location: locationDropdowns,\r\n name: hrUsers,\r\n ariaDeLucru: jobAreaOptions,\r\n },\r\n contactForm: {\r\n // uni_location: locationOptions?.map?.((item) => ({\r\n // value: item?.id,//changed for new locations from java\r\n // label: item?.name\r\n // })),\r\n uni_location: locationDropdowns\r\n },\r\n accountRequestForm: {\r\n volume: volumeOptions,\r\n role: roleOptions\r\n },\r\n docForm,\r\n companyForm: {\r\n ...companyForm,\r\n classify: backData?.dictionary?.[\"ORGANIZATION_CLASSIFY\"]?.map?.(\r\n (i) => ({\r\n value: i?.code, //changed for new locations from java\r\n label: i?.value\r\n })\r\n )\r\n },\r\n adreseForm,\r\n productPackForm,\r\n productForm: {\r\n supplierName: javaDictToOptions(\"PRODUCT_SUPPLIER\")\r\n }\r\n }\r\n }\r\n }\r\n)\r\n","import { createSelector } from \"reselect\"\r\n\r\nconst language = (state) => state.user.language\r\n\r\nlet defaultLang = undefined\r\nconst allLanguages = [\"RO\", \"EN\", \"HU\"]\r\n\r\nconst testForm = {\r\n \"one.name\": {\r\n label: \"Nume\",\r\n placeholder: \"pune nume aici....\"\r\n },\r\n test1: {\r\n label: \"Selecteaza\",\r\n placeholder: \"scrie aici\"\r\n },\r\n ddOne: {\r\n label: { RO: \"Selecteaza Unul\", EN: \"Select\" },\r\n placeholder: \"Selecteaza\"\r\n }\r\n}\r\nconst companyForm = {\r\n name: {\r\n label: \"Nume scurt\",\r\n placeholder: \"Nume companie \"\r\n },\r\n legalName: {\r\n label: \"Nume entitate juridica\",\r\n placeholder: \"Numele companiei\"\r\n },\r\n vatNr: {\r\n label: \"CUI\",\r\n placeholder: \"RO 1234568\"\r\n },\r\n fiscalNr: {\r\n label: \"ONRC\",\r\n placeholder: \"J40/21/12.03.2021\"\r\n },\r\n hqAddress: {\r\n label: \"Sediul social\",\r\n placeholder: \"Adresa sediului\"\r\n },\r\n administrator: {\r\n label: \"\",\r\n placeholder: \"Andrei Popescu\"\r\n },\r\n email: {\r\n label: \"Email Global\", //\"Unde iti putem scrie?\",\r\n placeholder: \"Email\"\r\n },\r\n phone: {\r\n label: \"Telefon\",\r\n placeholder: \"0742111222\"\r\n },\r\n \"paymentMethod.invoice\": {\r\n label: \"Factura la termen (din limita de credit)\"\r\n //placeholder: \"factura\"\r\n },\r\n \"paymentMethod.bankTransfer\": {\r\n label: \"Plata prin transfer bancar\"\r\n //placeholder: \"transfer\"\r\n },\r\n \"paymentMethod.creditLimit\": {\r\n label: \"Plata cu card bancar\"\r\n //placeholder: \"card\"\r\n },\r\n \"paymentMethod.bankCard\": {\r\n label: \"Bilet la ordin / CEC la livrare marfa\"\r\n //placeholder: \"card\"\r\n }\r\n}\r\nconst productPackForm = {\r\n pachetName: {\r\n label: \"Numele pachet\",\r\n placeholder: \"Nume pachet simplu \"\r\n },\r\n stocMax: {\r\n label: \"Stoc (nr. maxim de achizitii)\",\r\n placeholder: \"1500\"\r\n },\r\n stocActual: {\r\n label: \"Stoc Actual\",\r\n placeholder: \"1120\"\r\n },\r\n sales: {\r\n label: \"Numar de vanzari\",\r\n placeholder: \"380\"\r\n },\r\n income: {\r\n label: \"Venituri generate\",\r\n placeholder: \"2.802,44\"\r\n },\r\n expirationDate: {\r\n label: \"Data expirare\",\r\n placeholder: \"31 August 21 23:59 Change this to datepicker\"\r\n },\r\n progress: {\r\n label: \"31 days remaining\"\r\n // placeholder: \"\",\r\n },\r\n pachetPeriod: {\r\n label: \"Perioda pachet\",\r\n placeholder: \"30\"\r\n },\r\n productPrice: {\r\n label: \"Pretul produselor in pachet\",\r\n placeholder: \"11.040,22 - 12.144,11\"\r\n },\r\n averageDiscount: {\r\n label: \"Discount mediu calculat\",\r\n placeholder: \"2\"\r\n },\r\n personalizedApplication: {\r\n label: \"Aplicabilitate personalizata\"\r\n // placeholder: \"2\",\r\n },\r\n status: {\r\n label: \"Status\"\r\n }\r\n}\r\n\r\nconst general = {\r\n name: {\r\n label: { RO: \"Cum te numesti?\", EN: \"sdsd\" },\r\n placeholder: \"Nume\"\r\n },\r\n cui: {\r\n label: \"CUI-ul companiei pe care o reprezinti\",\r\n placeholder: \"3226447\"\r\n },\r\n email: {\r\n label: \"Unde iti putem scrie?\",\r\n placeholder: \"Email\"\r\n },\r\n \"contactInfo.email\": {\r\n label: \"Email\",\r\n //placeholder: \"ex@mail.com\"\r\n },\r\n \"contactInfo.phone\": {\r\n label: \"Telefon\",\r\n //placeholder: \"+407xxxxxxxx\"\r\n },\r\n telefon: {\r\n label: \"Unde te putem suna?\",\r\n placeholder: \"0742111222\"\r\n },\r\n numeScurtAdresa: {\r\n label: \"Adresa*\",\r\n placeholder: \"Nume scurt adresa\"\r\n },\r\n adresa: {\r\n label: \"Adresa*\",\r\n placeholder: \"Scrie adresa\"\r\n },\r\n numarLocation: {\r\n label: \"Numar*\",\r\n placeholder: \"Scrie numarul\"\r\n },\r\n localitateLocation: {\r\n label: \"Localitate*\",\r\n placeholder: \"Scrie localitate\"\r\n },\r\n judetLocation: {\r\n label: \"Judet / Regiune*\",\r\n placeholder: \"Auto-fill in\"\r\n },\r\n taraLocation: {\r\n label: \"Tara*\",\r\n placeholder: \"Auto-fill in\"\r\n },\r\n codPostalLocation: {\r\n label: \"Cod Postal*\",\r\n placeholder: \"I am a placeholder\"\r\n },\r\n longitudinelLocation: {\r\n label: \"Longitudine**\",\r\n placeholder: \"Auto-fill in\"\r\n },\r\n latitudineLocation: {\r\n label: \"Latitudine*\",\r\n placeholder: \"Auto-fill in\"\r\n },\r\n\r\n //**** Optiuni de logare ****\r\n emailPassword: {\r\n label: \"Email si Parola\"\r\n // placeholder: \"scrie aici\"\r\n },\r\n emailMagicLink: {\r\n label: \"Email si Magic Link\"\r\n // placeholder: \"scrie aici\"\r\n },\r\n phonePassword: {\r\n label: \"Telefon si Parola\"\r\n // placeholder: \"scrie aici\"\r\n },\r\n smsOtp: {\r\n label: \"Telefon si One-time password via SMS\"\r\n // placeholder: \"scrie aici\"\r\n }\r\n}\r\n\r\nconst allFormsData = {\r\n general,\r\n companyForm,\r\n productPackForm,\r\n testForm,\r\n secInfoForm: {\r\n comenziInfo: {\r\n label: \"Informatii despre comenzi\"\r\n //placeholder: \"scrie aici\"\r\n },\r\n facturiInfo: {\r\n label: \"Informatii despre facturi\"\r\n // placeholder: \"scrie aici\"\r\n },\r\n utilizatoriInfo: {\r\n label: \"Informatii despre utilizatori\"\r\n // placeholder: \"scrie aici\"\r\n },\r\n notificariComerciale: {\r\n label: \"Notificari comerciale\"\r\n // placeholder: \"scrie aici\"\r\n },\r\n notificariMarketing: {\r\n label: \"Materiale si notificari in scop de marketing\"\r\n // placeholder: \"scrie aici\"\r\n },\r\n\r\n //**** Durata sesiunii ****\r\n dupa30zile: {\r\n label: \"Expira dupa 30 de zile (cookies)\"\r\n // placeholder: \"scrie aici\"\r\n },\r\n dupa14zile: {\r\n label: \"Expira dupa 14 de zile (cookies)\"\r\n // placeholder: \"scrie aici\"\r\n },\r\n in24ore: {\r\n label: \"Expira in 24 de ore (cookies)\"\r\n // placeholder: \"scrie aici\"\r\n },\r\n dupa30minute: {\r\n label: \"Expira dupa 30 de miute de inactivitate\"\r\n // placeholder: \"scrie aici\"\r\n },\r\n inchiziAplicatia: {\r\n label: \"Expira de fiecare data cand inchizi aplicatia\"\r\n // placeholder: \"scrie aici\"\r\n }\r\n },\r\n OnBehalf: {\r\n allClientList: {\r\n label: { RO: \"Companie\", EN: \"Companie\" },\r\n placeholder: \"Selecteaza Companie\"\r\n }\r\n },\r\n offertView: {\r\n customerName: {\r\n label: { RO: \"\", EN: \"\" },\r\n placeholder: \"Selecteaza Client\"\r\n },\r\n title: {\r\n label: { RO: \"\", EN: \"\" },\r\n placeholder: \"Scrie titlul\"\r\n },\r\n subtitle: {\r\n label: { RO: \"\", EN: \"\" },\r\n placeholder: \"Scrie subtitlul\"\r\n },\r\n description: {\r\n label: { RO: \"\", EN: \"\" },\r\n placeholder: \"Scrie o descriere scurta pt oferta\"\r\n }\r\n },\r\n productDocumentForm: {\r\n docName: {\r\n label: { RO: \"Numele document\", EN: \"Document name\" },\r\n placeholder: 'Certificat de garantie - ADAPTOR 15-1/2\" EXT'\r\n },\r\n docDescription: {\r\n label: { RO: \"Descriere document\", EN: \"Document description\" },\r\n placeholder:\r\n \"Nulla placerat in ligula at suscipit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur ut ultricies sem. Maecenas metus sapien, pulvinar at mollis eu, porta a sem. Nulla faucibus finibus lorem vitae fringilla. Donec egestas vulputate blandit. Vivamus vestibulum suscipit arcu vitae luctus. Vivamus feugiat dapibus fringilla. Donec tempus, leo eu bibendum mollis, leo metus mattis ex, sit amet tincidunt felis lacus sed metus. Quisque pretium dignissim ex, et aliquet tellus cursus sit amet. Nullam ac leo nunc. Vivamus varius, libero nec rhoncus imperdiet, sapien diam cursus tellus, sed euismod lorem nibh gravida odio. Suspendisse potenti. Duis tempor lectus nec sapien condimentum vulputate. Donec fermentum lectus at urna suscipit, vel tincidunt ligula vulputate.Ut ultrices mollis lobortis. Donec pulvinar tincidunt interdum. Curabitur iaculis id turpis vestibulum molestie. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus fringilla congue nisl, at porta quam vehicula a. Suspendisse ultrices vel felis non suscipit. Aenean hendrerit interdum nunc, eget iaculis dolor ultricies sed. Quisque ut lobortis tortor. Vivamus lobortis suscipit metus eget pharetra.\"\r\n },\r\n docUpload: {\r\n label: { RO: \"Adauga document nou\", EN: \"Add new document\" },\r\n placeholder: \"\",\r\n value: []\r\n },\r\n published: {\r\n label: { RO: \"Publicat de\", EN: \"Published by\" },\r\n value: \"\"\r\n },\r\n publishedDate: {\r\n label: { RO: \"Data postarii\", EN: \"Posted date\" },\r\n value: \"\"\r\n },\r\n expireDate: {\r\n label: { RO: \"Data expirarii\", EN: \"Epired date\" },\r\n value: \"\"\r\n },\r\n docType: {\r\n label: { RO: \"Tip Document\", EN: \"Document type\" },\r\n value: \"\"\r\n },\r\n docType2: {\r\n label: { RO: \"Tip Document\", EN: \"Document type\" },\r\n value: \"\"\r\n },\r\n docStatus: {\r\n label: { RO: \"Status\", EN: \"Status\" },\r\n value: \"\"\r\n }\r\n },\r\n\r\n accountRequestForm: {\r\n position: {\r\n // TODO: dynamic company name\r\n label: \"Functia in Companie cu nume extrem de lung SRL\"\r\n },\r\n email: {\r\n label: \"Adresa de email\",\r\n placeholder: \"exemplu@email.com\"\r\n },\r\n phone: {\r\n label: \"Numar de telefon\",\r\n placeholder: \"+(40) 744 123 457\"\r\n },\r\n status: {\r\n label: \"Schimba statusul solicitarii\"\r\n },\r\n acquisitionVolum: {\r\n label: \"Volum de achizitie\"\r\n }\r\n },\r\n\r\n uniUserForm: {\r\n name: {\r\n label: \"Nume\",\r\n placeholder: \"Nume\"\r\n },\r\n position: {\r\n label: \"Functia Uniprest\",\r\n placeholder: \"selecteaza...\"\r\n },\r\n positionPublic: {\r\n label: \"Functia publica\",\r\n placeholder: \"selecteaza...\"\r\n },\r\n email: {\r\n label: \"Adresa de email\",\r\n placeholder: \"E-mail\"\r\n },\r\n phoneNr: {\r\n label: \"Numar de telefon\",\r\n placeholder: \"Numar de telefon\"\r\n },\r\n workstation: {\r\n placeholder: \"Punctul de lucru\",\r\n label: \"Punctul de lucru\"\r\n },\r\n city: {\r\n label: \"Localitatea\",\r\n placeholder: \"Localitatea\"\r\n },\r\n county: {\r\n label: \"Judetul\",\r\n placeholder: \"Judetul\"\r\n },\r\n status: {\r\n label: \"Pozitia la firma\",\r\n placeholder: \"Pozitia la firma\"\r\n },\r\n nrOfCompanies: {\r\n label: \"Nr Companii\",\r\n placeholder: \"Numar companii\" // for now we do not need it :)\r\n },\r\n connectedUser: {\r\n label: \"Userul asociat\",\r\n placeholder: \"\" // for now we do not need it :)\r\n },\r\n isExistingUser: {\r\n label: \"User existent\",\r\n placeholder: \"\" // for now we do not need it :)\r\n },\r\n availableUsers: {\r\n label: \"Utilizatori disponibili\",\r\n placeholder: \"\" // for now we do not need it :)\r\n },\r\n companies: {\r\n label: \"\",\r\n placeholder: \"Nici o companie asociata\"\r\n }\r\n },\r\n\r\n grilaDiscountForm: {\r\n productGroup: {\r\n label: \"Grila de discount\"\r\n //placeholder: \"\",\r\n },\r\n discountProcentual: {\r\n label: \"Discount procentual\"\r\n //placeholder: \"\",\r\n },\r\n discount: {\r\n label: \"Discount fata de Pret de Lista\"\r\n },\r\n status: {\r\n label: \"Status\"\r\n //placeholder: \"\",\r\n },\r\n customApply: {\r\n label: \"Aplicabilitate Personalizata\"\r\n //placeholder: \"\",\r\n },\r\n clientCount: {\r\n label: \"Companii afectate\"\r\n //placeholder: \"\",\r\n },\r\n productCount: {\r\n label: \"Produse afectate\"\r\n //placeholder: \"\",\r\n }\r\n },\r\n\r\n productForm: {\r\n //Detalii generale\r\n companoId: {\r\n label: \"ID Compano\"\r\n },\r\n companoName: {\r\n label: \"Nume in Compano\"\r\n },\r\n b2bName: {\r\n label: \"Nume in B2B (max. 70 caractere)\"\r\n },\r\n urbanSearchTags: {\r\n label: \"Vocabular Urban Search\"\r\n },\r\n supplier: {\r\n label: \"Furnizor\"\r\n },\r\n responsible: {\r\n label: \"Responsabil\"\r\n },\r\n\r\n //Detalii produs\r\n productDetails: {\r\n label: \"Detalii Produs in B2B (max. 250 caractere)\"\r\n },\r\n\r\n //Documentatie technica\r\n showInfo: {\r\n label: \"Afiseaza informatia\"\r\n },\r\n\r\n //Prices\r\n decimalDisplay: {\r\n label: \"Nr. decimale\"\r\n }\r\n },\r\n\r\n adreseDeLivrareForm: {\r\n modificat: {\r\n label: \"MODIFICATA PE 21 DEC 2021\"\r\n // placeholder: \"scrie aici\"\r\n },\r\n title: {\r\n label: \"Depozit central \"\r\n // placeholder: \"scrie aici\"\r\n },\r\n adresa: {\r\n label: \"Adresa\",\r\n placeholder: \"Str. Ceahlaului 22, Sector 2, Bucuresti\"\r\n },\r\n localitate: {\r\n label: \"Localitate\",\r\n placeholder: \"Bucuresti\"\r\n },\r\n\r\n judet: {\r\n label: \"Sector / Judet\",\r\n placeholder: \"Sector 2\"\r\n },\r\n codpostal: {\r\n label: \"Cod postal\",\r\n placeholder: \"775147\"\r\n },\r\n detalii: {\r\n label: \"Detalii livrare\",\r\n placeholder:\r\n \"Cladirea a doua, pe stanga. Intrebati la portar pentru Nume Firma\"\r\n }\r\n },\r\n\r\n utilizatoriForm: {\r\n email: {\r\n label: \"Email\",\r\n placeholder: \"exemplu@email.com\"\r\n },\r\n telefon: {\r\n label: \"Telefon\",\r\n placeholder: \"+40 ...\"\r\n },\r\n comenzi: {\r\n label: \"Informatii despre comenzi\"\r\n //placeholder: \"scrie\"\r\n },\r\n facturi: {\r\n label: \"Informatii despre facturi\"\r\n //placeholder: \"scrie\"\r\n }\r\n }\r\n}\r\n\r\n// const getFieldTranslation = (formTX, fieldName, inputPart, formName) => {\r\n// return formTX.forms?.[formName]?.[fieldName]?.[inputPart]\r\n// ?? formTX.forms?.general?.[fieldName]?.[inputPart]\r\n// ?? (inputPart === \"label\" ? fieldName : \"null\");\r\n// };\r\n\r\nexport const selectFromLabels = createSelector(language, (language) => {\r\n for (const form in allFormsData)\r\n for (const field in allFormsData?.[form])\r\n for (const label in allFormsData?.[form]?.[field]) {\r\n let item = allFormsData?.[form]?.[field]?.[label]\r\n if (typeof item === \"object\")\r\n if (allLanguages?.includes?.(Object?.keys?.(item || {})?.[0])) {\r\n allFormsData[form][field][label] =\r\n item?.[language] ?? item?.[defaultLang]\r\n }\r\n }\r\n\r\n return {\r\n formTX: allFormsData\r\n }\r\n})\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport { useForm, Controller } from \"react-hook-form\"\r\nimport React, { useEffect, useState } from \"react\"\r\nimport { yupResolver } from \"@hookform/resolvers/yup\"\r\n// import getFieldTranslation from 'utils/formTranslation';\r\n// import { useHistory } from \"react-router-dom\";\r\nimport { useSelector } from \"store\"\r\nimport { history } from \"utils/history\"\r\nimport { useController } from \"react-hook-form\"\r\n\r\nimport { selectFormOptions } from \"store/selectors/form/formOptions.selector\"\r\nimport { selectFromLabels } from \"store/selectors/form/formLabels.selecto\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { setPageEdit, setPageModal } from \"store/modules/page\"\r\nimport BigModal from \"components/_modals/BigModal\"\r\n\r\n// YUP locale is initialized in the App.js component with the language from REDUX\r\n// filed names are coming from the form selector. The used selector takes into account the language from REDUX user\r\n// form name is used to track down options and field names in the correspondent selctor.\r\n\r\nexport const cancelEdit = () => {\r\n history?.push?.(\r\n window.location.pathname?.replace?.(\"/edit\", \"\") + window.location.search\r\n )\r\n}\r\n\r\nexport default function useMagicForm(props) {\r\n const {\r\n schema,\r\n defaultValues = {},\r\n formName = \"general\",\r\n edit,\r\n onSubmit,\r\n onError = (errors, e) => console.log(\"error\", errors),\r\n showFieldNames,\r\n location\r\n } = props\r\n\r\n let isEdit = useSelector((state) => state.page?.isEdit)\r\n const crtFormItem = useSelector((state) => state?.page?.crtFormItem)\r\n\r\n isEdit = edit || isEdit\r\n const dispatch = useDispatch()\r\n const url = window.location.pathname?.split?.(\"/\")\r\n // const isEdit = edit ?? (url?.[url?.length-1] === \"edit\" || url?.[url?.length-1] === \"add\");\r\n // const history = useHistory();\r\n const { allOptions } = useSelector((state) => selectFormOptions(state))\r\n const { formTX } = useSelector((state) => selectFromLabels(state)) //TODO: typo?\r\n const pageFiledErrors = useSelector((state) => state.page?.fieldErrors) //usually got from API\r\n // useEffect(() => {\r\n // reset(defaultValues)\r\n // }, [defaultValues])\r\n useEffect(() => {\r\n if (location?.state?.isEdit) dispatch(setPageEdit(location?.state?.isEdit))\r\n }, [location?.state?.isEdit])\r\n\r\n const {\r\n handleSubmit,\r\n getValues,\r\n setValue,\r\n unregister,\r\n register,\r\n formState,\r\n control,\r\n errors,\r\n reset,\r\n formState: { isDirty, isValid },\r\n watch\r\n } = useForm({\r\n resolver: schema ? yupResolver(schema) : undefined,\r\n mode: \"onChange\",\r\n defaultValues\r\n })\r\n\r\n const setEdit = () => {\r\n dispatch(setPageEdit(true))\r\n // history?.push?.(window.location.pathname + \"/edit\" + window.location.search);\r\n }\r\n const cancelEdit = () => {\r\n dispatch(setPageEdit(false))\r\n reset(crtFormItem)\r\n // history?.push?.(window.location.pathname + \"/edit\" + window.location.search);\r\n }\r\n\r\n const getFieldProps = (fieldName, options = null, checkbox = false) => {\r\n let fieldProps = {\r\n name: fieldName,\r\n disabled: isEdit !== undefined ? !isEdit : false,\r\n error: pageFiledErrors?.[fieldName] ?? errors?.[fieldName]?.message,\r\n label: showFieldNames\r\n ? fieldName\r\n : getFieldTranslation(formTX, fieldName, \"label\", formName),\r\n placeholder: getFieldTranslation(\r\n formTX,\r\n fieldName,\r\n \"placeholder\",\r\n formName\r\n )\r\n }\r\n return {\r\n ...fieldProps,\r\n control,\r\n options: getFormOptions(allOptions, formName, fieldName)\r\n // unregister,\r\n }\r\n }\r\n\r\n const submitForm = handleSubmit(onSubmit, onError)\r\n return {\r\n getFieldProps,\r\n getProps: getFieldProps,\r\n handleSubmit,\r\n setEdit,\r\n cancelEdit,\r\n reset,\r\n getValues,\r\n setValue,\r\n disableSubmit: !(isDirty && isValid),\r\n isDirty,\r\n isValid,\r\n formState,\r\n isEdit,\r\n submitForm,\r\n watch,\r\n control,\r\n register\r\n }\r\n}\r\n\r\nconst getFormOptions = (allOptions, formName, fieldName) => {\r\n return (\r\n allOptions?.[formName]?.[fieldName] ??\r\n allOptions?.general?.[fieldName] ??\r\n []\r\n )\r\n // if (result?.[0] === undefined) console.warn(`No options for CustomSelect with fieldName: ${fieldName} in form name: ${formName}. Check options selector, form name and field name. Make sure they match to the thing in the selector`);\r\n}\r\n\r\nconst getFieldTranslation = (formTX, fieldName, inputPart, formName) => {\r\n return (\r\n formTX?.[formName]?.[fieldName]?.[inputPart] ??\r\n formTX.general?.[fieldName]?.[inputPart] ??\r\n (inputPart === \"label\" ? fieldName : null)\r\n )\r\n}\r\n\r\n// Simple List Item\r\n// used to capture a list of IDs froma custom list, with optional modal\r\n// child component props:\r\n// selectedItems / - filtered array of options based on selected IDs\r\n// removeItem(id) - removes the selected item from values\r\n// disabled - true if the field is diabled\r\n// addItems([id]) - used to add items to the selected valus. It takes in a list of IDs. it also checks for duplicates when setting them\r\n\r\n// options - Full list of items that can be used for modal and local list reprezentation. It required an ID field used to identify each entry. Usually it's not usefull\r\n// value - [id] >> array of IDs. The ids of the selected options. Usually it's not usefull\r\n// onChange([id]) - used to directly set the selected values. Usually it's not usefull\r\n\r\nexport const SimpleListInput = (props) => {\r\n const { name, control, options, disabled } = props\r\n const {\r\n field: { value, onChange, onBlur }\r\n // fieldState, //{ invalid, isTouched, isDirty },\r\n // formState, // { touchedFields, dirtyFields }\r\n } = useController({\r\n name,\r\n control,\r\n defaultValue: []\r\n })\r\n\r\n const selectedItems = options?.filter?.((item) => value?.includes?.(item?.id))\r\n const unselectedItems = options?.filter?.(\r\n (item) => !value?.includes?.(item?.id)\r\n )\r\n const addItems = (items) =>\r\n onChange([...value || [], ...items || []]?.filter?.((v, i, a) => a?.indexOf?.(v) === i))\r\n const removeItem = (id) => onChange(value?.filter?.((i) => i !== id))\r\n return React.cloneElement(props.children, {\r\n addItems,\r\n selectedItems,\r\n unselectedItems,\r\n removeItem,\r\n disabled,\r\n onChange,\r\n value,\r\n options\r\n })\r\n}\r\n\r\n// SubFormInput\r\n// used to keep an array of objects. Each array item can be individually deleted, you can also add to the array. The form of the object you add is controlled by the add modal that you create\r\n// child component props:\r\n// value - [{field1, field2}] >> array of objects. each object keeps the values for the set of fields\r\n// removeItem(index) - removes the the item in the array at the specified index\r\n// upsertItem({filed1, field2}, withReset) >> adds to the array of fields or updates the current openIndex in the array\r\n// appendItem({filed1}) >> adds element to the array of fields\r\n// openIndex >> null / number >> it controlls what object in the array is reprezented in the add / edit modal\r\n// setOpenIndex >> used to set the above\r\n// disabled - true if the field is diabled\r\n\r\n// we recomand this syntax to open the add modal:\r\n// \r\n
\r\n )\r\n}\r\n","import { apiAction } from \"store/middleware/api\"\r\nimport { printError } from \"utils/printError\"\r\nimport { setApiResponse } from \"store/modules/auth\"\r\nimport { sanitizeAnythingForRedux } from \"utils/preventReactInRedux\"\r\n\r\nconst TOGGLE_LANGUAGE = \"user/TOGGLE_LANGUAGE\"\r\nconst SET_USER_INFO = \"user/SET_USER_INFO\"\r\nexport const RESET_USER_INFO = \"user/RESET_USER_INFO\"\r\n\r\nconst initialState = {\r\n language: \"EN\",\r\n id: null,\r\n groupId: \"\",\r\n userId: \"\",\r\n name: \"\",\r\n organizationId: \"\"\r\n}\r\n\r\n// eslint-disable-next-line import/no-anonymous-default-export\r\nexport default function (state = initialState, unsanitizedAction) {\r\n\r\n const action = sanitizeAnythingForRedux(unsanitizedAction)\r\n\r\n switch (action.type) {\r\n case TOGGLE_LANGUAGE:\r\n return {\r\n ...state,\r\n language: state.language === \"EN\" ? \"RO\" : \"EN\"\r\n }\r\n case SET_USER_INFO:\r\n return {\r\n ...state,\r\n ...action.payload\r\n }\r\n case RESET_USER_INFO:\r\n /**\r\n * We don't use this action anymore. We clear the \r\n * entire redux store instead in rootReducer.js with \r\n * dispatch({ type: LOGOUT_USER })\r\n */\r\n return initialState\r\n default:\r\n return state\r\n }\r\n}\r\n\r\nexport const toggleLanguage = () => ({\r\n type: TOGGLE_LANGUAGE\r\n})\r\nexport const setUserInfo = (data) => ({\r\n type: SET_USER_INFO,\r\n payload: data\r\n})\r\n\r\nconst saveUserData = {\r\n accessKeyList: [],\r\n id: null,\r\n language: \"RO\",\r\n loginName: null,\r\n name: \"Uniprest user\",\r\n newLoginName: \"uniprest@test.com\",\r\n attachmentList: [],\r\n avatar: null,\r\n contactInfo: null,\r\n department: \"TRANSPORT\",\r\n groupIds: [\"XlDbrD\"],\r\n organizationId: \"0lYvRm\",\r\n phone: null,\r\n position: \"08\",\r\n reminderList: [],\r\n status: \"UserStatus.ACTIVE\",\r\n userDirectory: \"INTERN\",\r\n workplace: null\r\n}\r\n\r\nexport const saveUser = (data = saveUserData) =>\r\n apiAction({\r\n endPoint: `/user`,\r\n method: \"POST\",\r\n data,\r\n onSuccess: (data, dispatch) => {\r\n dispatch(setApiResponse(data))\r\n return {\r\n type: \"a\"\r\n }\r\n },\r\n onFailure: (error) => {\r\n printError(\"saveUser()\", error)\r\n return {\r\n type: \"a\"\r\n }\r\n }\r\n })\r\n","import SvgIcon from \"components/SvgIcon/SvgIcon\"\r\nimport { useEffect, useRef, useState } from \"react\"\r\nimport Select, { components, NonceProvider } from \"react-select\"\r\nimport { withTheme } from \"styled-components\"\r\nimport \"./index.scss\"\r\nimport { Controller } from \"react-hook-form\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { setFilterSelection } from \"store/modules/dataView\"\r\nimport useQueryStringFilters from \"utils/useQueryStringFilters\"\r\n// import NewItemForm from 'views/dev/sorin/newItemForm'\r\n\r\nexport default function CustomSelectFilter(props) {\r\n const {\r\n inForm,\r\n className,\r\n control,\r\n data,\r\n disabled,\r\n error,\r\n fb,\r\n filter,\r\n icon,\r\n isClearable,\r\n isMulti,\r\n label,\r\n name,\r\n onChange,\r\n options,\r\n placeholder = \"Selecteaza...\",\r\n selection,\r\n type,\r\n id,\r\n // value,\r\n w,\r\n resetPage,\r\n ...rest\r\n } = props\r\n const { setPage } = useQueryStringFilters()\r\n\r\n let actualOptions = data ?? options\r\n actualOptions = actualOptions\r\n ? actualOptions?.map?.((o) => {\r\n return { value: o.id ?? o?.value, label: o.label }\r\n })\r\n : []\r\n // const computedValue = actualOptions?.filter?.(item => value?.includes?.(item?.value) || selection?.includes?.(item?.value))\r\n // const computedValue = value\r\n const mainClass = className\r\n ? `${className} custom-select-flex`\r\n : `custom-select-flex`\r\n const ss = useRef(\"\")\r\n const dispatch = useDispatch()\r\n\r\n const filterStyle = {\r\n container: (provided, state) => ({\r\n ...provided,\r\n width: w ?? (fb ? \"auto\" : 200),\r\n flexBasis: fb ?? 0\r\n }),\r\n control: (provided, state) => {\r\n let result = {\r\n ...provided\r\n // none of react-select's styles are passed to \r\n {label}\r\n {nrSelectedOptions ? ` (${nrSelectedOptions})` : null}\r\n
\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n ) : (\r\n \r\n )}\r\n \r\n {stringInArray(props.options, \"label\", ss.current)?.map?.(\r\n (item, index) => (\r\n
\r\n optionClick(item)}\r\n >\r\n {props.isMulti && (\r\n
\r\n )\r\n )}\r\n {item?.label}
\r\n \r\n \r\n \r\n {/* */}\r\n
\r\n \r\n )}\r\n {error}
\r\n ) : (\r\n {label}
\r\n )\r\n\r\n return (\r\n <>\r\n {inForm ? (\r\n \r\n {title}\r\n selectComponent(onChange, onBlur, value)}\r\n />\r\n
\r\n ) : (\r\n selectComponent()\r\n )}\r\n \r\n )\r\n}\r\n\r\nconst getSelectValues = (e) => {\r\n if (!e) return undefined\r\n if (e?.value) return e?.value\r\n else return e?.map?.((item) => item?.value)\r\n}\r\nconst toggleInArray = (array, value) =>\r\n array?.includes?.(value)\r\n ? array?.filter?.((item) => item !== value)\r\n : [...array || [], value]\r\n\r\nconst stringInArray = (array, keyName, string) =>\r\n array?.filter?.((item) => {\r\n if (!string) return true\r\n if (string?.length === 0) return true\r\n if (\r\n item?.[keyName]\r\n ?.toLowerCase?.()\r\n ?.replace?.(\" \", \"\")\r\n ?.includes?.(string?.toLowerCase?.())\r\n )\r\n return true\r\n return false\r\n })\r\nconst SimpleCheckbox = (props) => {\r\n const iconName =\r\n props?.value === true ? \"Checkbox_active\" : \"Checkbox_inactive\"\r\n const style = {\r\n marginRight: 8,\r\n display: \"flex\",\r\n alignItems: \"center\"\r\n }\r\n return (\r\n \r\n
\r\n )\r\n}\r\n\r\nconst adaptValue = (value, options) => {\r\n // if (typeof value !== \"object\") return options\r\n const result = options?.filter?.(\r\n (item) => value == item?.value || value?.includes?.(item?.value)\r\n )\r\n return result\r\n}\r\n","export const adminLeftMenu = [\r\n {\r\n name: \"adminmenu.dashboard\", //object object\r\n //svg: 'homepage',\r\n svg: \"dashboard1\",\r\n url: \"/admin/dashboard\",\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n },\r\n\r\n {\r\n name: \"adminmenu.users\",\r\n svg: \"manageusers\",\r\n url: \"/admin/user/dashboard\",\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"],\r\n children: [\r\n {\r\n name: \"adminmenu.dashboard\",\r\n svg: \"homepage\",\r\n url: \"/admin/user/dashboard\",\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n },\r\n {\r\n name: \"adminmenu.userList\", //'Conturi Clienti',\r\n svg: \"menulist\",\r\n url: \"/admin/user/client/list\",\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n },\r\n {\r\n name: \"adminmenu.rolList\", //'Roles',\r\n svg: \"resetpass\",\r\n url: \"/admin/user/role/list\",\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n },\r\n {\r\n name: \"adminmenu.employeeUniprest\",\r\n svg: \"unipreststaff\",\r\n url: \"/admin/user/uni/list\",\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"BO Sales\"]\r\n }\r\n ]\r\n },\r\n\r\n {\r\n name: \"adminmenu.organization\",\r\n svg: \"Business\", //taken from design\r\n url: \"/admin/company/dashboard\", //???business\r\n children: [\r\n {\r\n name: \"adminmenu.dashboard\",\r\n svg: \"homepage\",\r\n url: \"/admin/company/dashboard\",\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n },\r\n {\r\n name: \"adminmenu.companyList\", //'Toate Companiile',\r\n //svg: 'invoice',\r\n svg: \"list1\", //\r\n url: \"/admin/company/client/list\"\r\n },\r\n {\r\n name: \"adminmenu.uniprestCont\", //'Adrese Livrare',\r\n svg: \"uniprestplus\", //taken from design\r\n url: \"/admin/company/accountrequests/list\",\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n //url: '/admin/company/delivery/list' //???\r\n },\r\n {\r\n name: \"adminmenu.address\",\r\n svg: \"delivery\",\r\n //url: '/admin/company/accountrequests/list'\r\n url: \"/admin/company/delivery/list\"\r\n },\r\n {\r\n name: \"adminmenu.locations\",\r\n svg: \"maps\",\r\n //url: '/admin/company/accountrequests/list'\r\n url: \"/admin/company/towns/list\",\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n }\r\n ]\r\n },\r\n {\r\n name: \"adminmenu.product\",\r\n svg: \"product\",\r\n // icon: ManageUsers,\r\n url: \"/admin/product/dashboard\",\r\n children: [\r\n {\r\n name: \"adminmenu.dashboard\",\r\n svg: \"homepage\",\r\n url: \"/admin/product/dashboard\",\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n },\r\n {\r\n name: \"adminmenu.productList\", //'B2B Items',\r\n //svg: 'invoice',\r\n svg: \"uniprestglobalproducts\",\r\n url: \"/admin/product/b2b/list\",\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n },\r\n {\r\n name: \"adminmenu.productRelations\", //'B2B Items',\r\n //svg: 'invoice',\r\n svg: \"adminlink\",\r\n url: \"/admin/product/b2brelations/list\",\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n },\r\n {\r\n name: \"adminmenu.companoProducts\", //'Compano',\r\n svg: \"compano-products\",\r\n url: \"/admin/product/compano/list\",\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n },\r\n {\r\n name: \"adminmenu.discount\", //'Grila de discounturi',\r\n svg: \"grila-discount\",\r\n url: \"/admin/product/discount/list\",\r\n roForm: true,\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n },\r\n {\r\n name: \"adminmenu.price\", //'Net nete',\r\n svg: \"nete-nete\",\r\n url: \"/admin/product/net/list\",\r\n roForm: true,\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n },\r\n {\r\n name: \"adminmenu.volumeDiscount\", //'Discount Volum',\r\n svg: \"volume-discount\",\r\n url: \"/admin/product/volume/list\",\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n },\r\n {\r\n name: \"adminmenu.packages\",\r\n svg: \"discount-pachete\",\r\n url: \"/admin/product/pack/list\",\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n },\r\n {\r\n name: \"adminmenu.matrix\", //'Matrice Produse',\r\n svg: \"kanban\",\r\n url: \"/admin/product/matrix/list\",\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n },\r\n {\r\n name: \"adminmenu.badge\", //'Badges',\r\n svg: \"badge\",\r\n url: \"/admin/product/badge/list\",\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n },\r\n {\r\n name: \"adminmenu.questions\",\r\n svg: \"airecommendations\",\r\n url: \"/admin/product/qa/list\",\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n },\r\n\r\n {\r\n name: \"adminmenu.review\",\r\n svg: \"reviewstar\",\r\n url: \"/admin/product/review/list\",\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n },\r\n // {\r\n // name: 'Star',\r\n // svg: 'review-star',\r\n // url: '/admin/product/review/list'\r\n // },\r\n // {\r\n // name: 'WareHouse',\r\n // svg: 'warehouse',\r\n // url: '/admin/product/review/list'\r\n // },\r\n {\r\n name: \"adminmenu.productDocument\", //'Documente',\r\n svg: \"product-document\",\r\n url: \"/admin/product/document/list\",\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n },\r\n {\r\n name: \"adminmenu.listDeposit\",\r\n svg: \"Warehouse\", //taken from design\r\n url: \"/admin/product/warehouse/list\", //???\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n },\r\n {\r\n name: \"adminmenu.outOfStock\",\r\n svg: \"Warning\",\r\n url: \"/admin/product/stockrequest/list\"\r\n },\r\n {\r\n name: \"adminmenu.priceless\",\r\n svg: \"Warning\",\r\n url: \"/admin/product/pricerequest/list\"\r\n }\r\n ]\r\n },\r\n\r\n {\r\n name: \"adminmenu.orders\",\r\n svg: \"invoicedollar\", //taken from design\r\n url: \"/admin/order/dashboard\", //???\r\n children: [\r\n {\r\n name: \"adminmenu.dashboard\",\r\n svg: \"homepage\", //taken from design\r\n url: \"/admin/order/dashboard\", //???\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n },\r\n {\r\n name: \"adminmenu.orderList\",\r\n svg: \"list1\", //taken from design\r\n url: \"/admin/order/list\" //???\r\n },\r\n {\r\n name: \"adminmenu.invoices\",\r\n svg: \"invoice\", //taken from design\r\n url: \"/admin/order/invoice/list\" //???\r\n }\r\n ]\r\n },\r\n\r\n {\r\n name: \"adminmenu.predefinedLists\",\r\n svg: \"listmodels\", //taken from design\r\n url: \"/admin/admin-lists/dashboard\", //???\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"],\r\n children: [\r\n {\r\n name: \"adminmenu.dashboard\",\r\n svg: \"homepage\", //taken from design\r\n url: \"/admin/admin-lists/dashboard\", //???\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n },\r\n {\r\n name: \"adminmenu.predefinedListList\",\r\n svg: \"list1\", //taken from design\r\n url: \"/admin/admin-lists/list\", //???\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n }\r\n ]\r\n },\r\n\r\n {\r\n name: \"adminmenu.guest\",\r\n svg: \"webpage\", //taken from design\r\n url: \"/admin/guest/dashboard\",\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"],\r\n children: [\r\n {\r\n name: \"adminmenu.dashboard\",\r\n svg: \"homepage\", //taken from design\r\n url: \"/admin/guest/dashboard\", //???\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n },\r\n {\r\n name: \"adminmenu.news\",\r\n svg: \"Documents3\", //taken from design\r\n url: \"/admin/guest/news/list\", //???\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n },\r\n {\r\n name: \"adminmenu.tutorial\",\r\n svg: \"openbook\", //taken from design\r\n url: \"/admin/guest/tutorials/list\", //???\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n },\r\n {\r\n name: \"adminmenu.announcesJob\", //'Anunturi angajari',\r\n svg: \"Jobs2\", //taken from design\r\n url: \"/admin/guest/job/list\", //???\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n },\r\n {\r\n name: \"adminmenu.applicantsJob\",\r\n svg: \"jobs1\", //taken from design\r\n url: \"/admin/guest/candidate/list\", //???\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n },\r\n {\r\n name: \"adminmenu.contactRequest\", //'Cereri Contact',\r\n //svg: 'email', //taken from design\r\n svg: \"sendemail\",\r\n url: \"/admin/guest/contact/list\", //???\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n },\r\n {\r\n name: \"adminmenu.locationUniprest\",\r\n svg: \"maps\", //taken from design\r\n url: \"/admin/guest/location/list\", //???\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n }\r\n ]\r\n },\r\n\r\n // {\r\n // name: 'Depozite',\r\n // svg: 'Warehouse', //taken from design\r\n // url: '/admin/warehouse/list', //???\r\n // children: [\r\n // {\r\n // name: 'Lista Depozite',\r\n // svg: 'Warehouse', //taken from design\r\n // url: '/admin/warehouse/list' //???\r\n // }\r\n // ]\r\n // }\r\n\r\n // {\r\n // name: \"Cereri de oferta\",\r\n // subMenu: true,\r\n // svg: \"RFPList\", //taken from design\r\n // url: \"/admin/offer/list\", //??? RFPList\r\n // },\r\n // {\r\n // name: \"Proiecte\", subMenu: true,\r\n // svg: \"Projects\", //taken from design\r\n // url: \"/admin/project/list\", //??? RFPList\r\n // },\r\n // {\r\n // name: \"Stiri\",\r\n // svg: \"Documents3\", //taken from design\r\n // url: \"/admin/news/list\",\r\n // subMenu: true,\r\n // rightTopButtons: [\r\n // {\r\n // name: \"Dashboard\",\r\n // svg: \"homepage\",\r\n // url: \"/admin/news\",\r\n // },\r\n // {\r\n // name: \"All Items\",\r\n // svg: \"invoice\",\r\n // url: \"/admin/news/list\",\r\n // },\r\n // ]\r\n // },\r\n // {\r\n // name: \"Joburi\",\r\n // subMenu: true,\r\n\r\n // svg: \"Jobs2\", //taken from design\r\n // url: \"list\", //???\r\n // },\r\n\r\n // {\r\n // name: \"Pagini de prezentare\",\r\n // svg: \"WebPage\", //taken from design\r\n // url: \"/admin/pages\", //???\r\n // },\r\n // {\r\n // name: \"Promotii\",\r\n // svg: \"Promo\", //taken from design\r\n // url: \"/admin/promo\", //???\r\n // },\r\n]\r\n\r\nexport const adminBottomMenu = [\r\n // {\r\n // name: \"The other thing\",\r\n // svg: \"stats\",\r\n // url: \"/admin/settings\",\r\n // },\r\n // {\r\n // name: 'Settings',\r\n // svg: 'settings',\r\n // url: '/admin/settings'\r\n // }\r\n]\r\n\r\nexport const adminHRLeftMenu = [\r\n {\r\n name: \"adminmenu.dashboard\", //object object\r\n //svg: 'homepage',\r\n svg: \"dashboard1\",\r\n url: \"/admin/dashboard\",\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n },\r\n\r\n {\r\n name: \"adminmenu.guest\",\r\n svg: \"webpage\", //taken from design\r\n url: \"/admin/guest/dashboard\",\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"],\r\n children: [\r\n {\r\n name: \"adminmenu.announcesJob\", //'Anunturi angajari',\r\n svg: \"Jobs2\", //taken from design\r\n url: \"/admin/guest/job/list\", //???\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n },\r\n {\r\n name: \"adminmenu.applicantsJob\",\r\n svg: \"jobs1\", //taken from design\r\n url: \"/admin/guest/candidate/list\", //???\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n },\r\n ]\r\n }\r\n]\r\n\r\nexport const adminMarketingManagerLeftMenu = [\r\n {\r\n name: \"adminmenu.dashboard\", //object object\r\n //svg: 'homepage',\r\n svg: \"dashboard1\",\r\n url: \"/admin/dashboard\",\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n },\r\n {\r\n name: \"adminmenu.guest\",\r\n svg: \"webpage\", //taken from design\r\n url: \"/admin/guest/dashboard\",\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"],\r\n children: [\r\n {\r\n name: \"adminmenu.news\",\r\n svg: \"Documents3\", //taken from design\r\n url: \"/admin/guest/news/list\", //???\r\n rejectedGroups: [\"BO Sales\", \"Sales Manager\", \"Manager Region\"]\r\n },\r\n ]\r\n }\r\n]\r\n","const searchList = {\r\n categories: {\r\n GOODS: \"IN PRODUSE\",\r\n ORDER: \"IN COMENZI EXTERNE\",\r\n CLIENT_INVOICE: \"IN FACTURI\",\r\n BASKET: \"IN COMENZI B2B\"\r\n //liste:\"IN LISTE\",\r\n //articole:\"IN ARTICOLE\"\r\n },\r\n icons: {\r\n GOODS: \"onlinestore\",\r\n ORDER: \"warehouse\",\r\n CLIENT_INVOICE: \"invoice\",\r\n BASKET: \"cartempty\"\r\n },\r\n all: {\r\n url: {\r\n GOODS: \"/shop/productlist?searchString=\",\r\n ORDER: \"/shop/orders?searchString=\", //not sure yet CLIENT_ORDER\r\n CLIENT_INVOICE: \"/shop/invoices?searchString=\", //invoices\r\n BASKET: \"/shop/orders?searchString=\" //not sure yet CLIENT_BASKET\r\n },\r\n label: \"vezi toate\",\r\n uppercase: true,\r\n visible: true\r\n },\r\n dbList: [\r\n {\r\n id: 1,\r\n category: \"produse\",\r\n name: \"Robinet Schneider A5441\",\r\n url: \"#\",\r\n icon: \"Onlinestore\"\r\n },\r\n {\r\n id: 2,\r\n category: \"produse\",\r\n name: \"Robinet Schneider A9954\",\r\n url: \"#\",\r\n icon: \"Onlinestore\"\r\n },\r\n {\r\n id: 3,\r\n category: \"produse\",\r\n name: \"Robinet Schneider A5441\",\r\n url: \"#\",\r\n icon: \"Onlinestore\"\r\n },\r\n {\r\n id: 4,\r\n category: \"produse\",\r\n name: \"Robinet Schneider A9954\",\r\n url: \"#\",\r\n icon: \"Onlinestore\"\r\n },\r\n {\r\n id: 5,\r\n category: \"articole\",\r\n name: \"Altceva\",\r\n url: \"#\",\r\n icon: \"Documents3\"\r\n },\r\n {\r\n id: 6,\r\n category: \"comenzi\",\r\n name: \"Comanda A12312312312412412 (Robinet Schneide A231)\",\r\n url: \"#\",\r\n icon: \"Warehouse\"\r\n },\r\n {\r\n id: 7,\r\n category: \"comenzi\",\r\n name: \"Comanda B12312312312412412 (Robinet Schneide A991)\",\r\n url: \"#\",\r\n icon: \"Warehouse\"\r\n },\r\n {\r\n id: 8,\r\n category: \"facturi\",\r\n name: \"Factura F123123123 (Robinet Schneide A991)\",\r\n url: \"#\",\r\n icon: \"InvoiceIcon\"\r\n },\r\n {\r\n id: 9,\r\n category: \"liste\",\r\n name: \"Lista Apartament Costel (Robinet Schneide A991)\",\r\n url: \"#\",\r\n icon: \"Listmodels\"\r\n },\r\n {\r\n id: 10,\r\n category: \"liste\",\r\n name: \"Lista Tot ce ai nevoie pentru o casa de pana in 200mp (Robinet Schneide A991)\",\r\n url: \"#\",\r\n icon: \"Uniprest\"\r\n },\r\n {\r\n id: 11,\r\n category: \"articole\",\r\n name: \"Brandul Xing a lansat un robinet de aur\",\r\n url: \"#\",\r\n icon: \"Documents3\"\r\n }\r\n ],\r\n seeAll: {\r\n visible: true,\r\n text1: \"Cauta \",\r\n text2: \" in \",\r\n link: {\r\n url: \"#\",\r\n label: \"Documente Tehnice\",\r\n uppercase: false\r\n }\r\n }\r\n}\r\nexport default searchList\r\n","import { setPageModal } from \"store/modules/page\"\r\nimport SvgIcon from \"components/SvgIcon/SvgIcon\"\r\nimport \"./WhiteFormCard.scss\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { Lang, lang, Translate, withLocalize } from \"components/Lang/Lang\"\r\nconst defaultRightText = \r\n
\r\n )\r\n}\r\n\r\nexport default WhiteFormCard\r\n","import { createSelector } from \"reselect\"\r\n\r\nconst language = (state) => state.user.language\r\nconst searchString = (state) => state?.dataView.searchString\r\nconst moreOpenRowId = (state) => state?.dataView.moreOpenRowId\r\nconst selectedItems = (state) => state?.dataView.selectedItems\r\nconst lastItemHint = (state) => state?.dataView.lastItemHint\r\nconst allItems = (state) => state?.dataView?.items\r\n// const selectedFilters = state => state?.dataView.selectedFilters;\r\n// const productCategory = state => state?.dataView.productCategory;\r\n// const allFilters = state => state?.dataView.allFilters;\r\n// const savedFilters = state => state?.dataView.savedFilters;\r\n// const sort = state => state?.dataView.sort;\r\nconst stateColumns = (state) => state?.dataView?.columns\r\n// const dictonary = state => state.backData?.dictionary\r\nconst count = (state) => state?.dataView?.count\r\n// / boilerplate above //////////\r\n\r\nconst searchedKeys = [\"comanda\"] // the DB Json keys searched by the string search\r\n\r\nconst baseItemFormatter = ({ item, selectedItems, moreOpenRowId }) => ({\r\n ...item,\r\n selected: selectedItems?.includes?.(item?.id ?? item?.PK),\r\n id: item?.id ?? item?.PK,\r\n moreActions: moreOpenRowId === item?.id || moreOpenRowId === item?.PK\r\n})\r\n\r\nexport const baseDataViewSelector = createSelector(\r\n language,\r\n searchString,\r\n selectedItems,\r\n allItems,\r\n moreOpenRowId,\r\n stateColumns,\r\n lastItemHint,\r\n count,\r\n (\r\n language,\r\n searchString,\r\n selectedItems,\r\n allItems,\r\n moreOpenRowId,\r\n stateColumns,\r\n lastItemHint,\r\n count\r\n ) => {\r\n // const rows = allItems?.filter?.(item => searchStringFilter(item, searchString))?.map?.(item => baseItemFormatter({ item, selectedItems, moreOpenRowId }))\r\n //without client side search processing\r\n const rows = allItems?.map?.((item) =>\r\n baseItemFormatter({ item, selectedItems, moreOpenRowId })\r\n )\r\n const miltiSelectLength = selectedItems?.length\r\n const miltiSelectText = `Ati selectat ${selectedItems?.length}`\r\n\r\n return {\r\n stateColumns,\r\n selectedItems,\r\n allItems,\r\n rows,\r\n miltiSelectLength,\r\n miltiSelectText,\r\n lastItemHint,\r\n count\r\n }\r\n }\r\n)\r\n\r\nexport const headerProcessor = ({\r\n templateHeader,\r\n stateColumns,\r\n selectedItems,\r\n allItems\r\n}) => {\r\n return reorder(templateHeader, stateColumns)?.map?.((item) =>\r\n item?.type === \"select\"\r\n ? {\r\n type: \"select\",\r\n selected:\r\n selectedItems?.length === 0\r\n ? false\r\n : selectedItems?.length === allItems?.length\r\n ? true\r\n : null\r\n }\r\n : item\r\n )\r\n}\r\n\r\n// ==========================================\r\n// THIS IS WHAT YOUR SELECTOR SHOULD HOLD\r\n// ==========================================\r\n// export const specificTableSelector = createSelector(\r\n// baseDataViewSelector,\r\n// (prevSelector) => {\r\n// //enrich rows as required by current table\r\n// const rows = prevSelector.rows?.map?.(item => ({\r\n// ...item,\r\n// deliveryTitle: `${item?.deliveryStatus?.delivered} ${moment(item?.deliveryStatus?.date).format(dateFormat)}`,\r\n// deliverySubtitle: item?.deliveryStatus?.address,\r\n// progressValue: 66,\r\n// itemsList: [\"Item one\", \"Item two\"],\r\n// // itemsList: [\"Item one\", \"Item two\", \"Item two\", \"Item two\"]\r\n// pillData: {\r\n// type: \"outlined\",\r\n// value: \"Info Label\",\r\n// color: \"purple\",\r\n// // iconName: \"user\"\r\n// // bold:true,\r\n// },\r\n// tagData,\r\n// col2type: \"default\",\r\n// // col2typeTemp: item?.id % 2 === 0 ? \"stars\" : \"defualt\",\r\n// }))\r\n\r\n// const header = headerProcessor({ ...prevSelector, templateHeader })\r\n// return { ...prevSelector, templateHeader, rows, header, multiActions, }\r\n// })\r\n\r\nconst reorder = (templateHeader, stateColumns) => {\r\n if (!stateColumns || stateColumns?.length === 0) return templateHeader\r\n return stateColumns\r\n ?.filter?.((item) => item?.visible ?? true)\r\n ?.map?.((item) => templateHeader?.[item] ?? templateHeader?.[item?.id])\r\n}\r\n\r\nconst searchStringFilter = (item, searchString) => {\r\n if (!searchString) return true\r\n const normalizedSearch = searchString?.toLowerCase?.()\r\n for (const i in searchedKeys)\r\n if (\r\n item?.[searchedKeys?.[i]] &&\r\n item?.[searchedKeys?.[i]]?.toLowerCase?.()?.includes?.(normalizedSearch)\r\n )\r\n return true\r\n return false\r\n}\r\n","export const defaultCurrencyCode = \"RON\"\r\n","import \"./LoadingScreen.scss\"\r\n\r\nexport default function LoadingScreen({ isFullPage = false }) {\r\n return (\r\n \r\n {icon &&
\r\n {children}\r\n {title}
\r\n {isEdit && (\r\n \r\n {rightText}\r\n
\r\n )}\r\n \r\n
\r\n )\r\n}\r\n","export const FILE_TYPE = {\r\n IMAGE: \"IMAGE\",\r\n OTHER: \"OTHER\",\r\n AVATAR: \"AVATAR\",\r\n VIDEO: \"VIDEO\",\r\n DOCUMENT: \"DOCUMENT\"\r\n}\r\n\r\nexport const FILE_ACTION = {\r\n ADD: \"ADD\",\r\n REMOVE: \"REMOVE\"\r\n}\r\n\r\nexport const PERMISSION = {\r\n READ: \"read\",\r\n WRITE: \"write\",\r\n DELETE: \"delete\"\r\n}\r\n\r\nexport const GENERAL_STATUS = {\r\n ACTIVE: {\r\n title: \"Activ\",\r\n backgroundColor: \"all-good\"\r\n },\r\n INACTIVE: {\r\n title: \"Inactiv\",\r\n backgroundColor: \"button-inactive\"\r\n }\r\n}\r\n","export const uni_location = \"LOCATION_RESPONSE\"\r\nexport const guest_article = \"GUEST_ARTICLE_V2\"\r\nexport const applicability = \"APPLICABILTY\"\r\nexport const status = \"STATUS\"\r\nexport const permission_name = \"PERMISSION_NAME\"\r\n","import React, { useEffect, useLayoutEffect } from \"react\"\r\nimport { useHistory } from \"react-router\"\r\nimport SvgIcon from \"components/SvgIcon/SvgIcon\"\r\nimport \"./index.scss\"\r\nimport { leftMenuEntries } from \"mockData/menus\"\r\nimport { useDispatch, useSelector } from \"react-redux\"\r\nimport { toggleLeftMenuVisibility } from \"store/modules/guest\"\r\nimport { frontEndVersion } from \"views/dev/ApiCalls\"\r\nimport { Link } from \"react-router-dom\"\r\nimport { createNewImport, loadImports } from \"store/justActions/lists\"\r\nimport useWindowSize from \"utils/useWindowsSize\"\r\nimport {\r\n Lang,\r\n lang,\r\n Translate,\r\n withLocalize,\r\n getTranslate\r\n} from \"components/Lang/Lang\"\r\n\r\nexport default withLocalize(function LeftOpenMenu({\r\n visible,\r\n leftHandler,\r\n className,\r\n translate\r\n}) {\r\n let containerClass = visible ? \"menuOpen left\" : \"menuOpen left hidden\"\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n const windowSize = useWindowSize()\r\n const companyType = useSelector((state) => state.company?.type)\r\n const authenticated = useSelector((state) => state.auth?.authenticated)\r\n const userPermissions = useSelector(\r\n (state) => state.auth?.userData?.role?.permissions\r\n )\r\n\r\n const filteredTopLeftMenus = leftMenuEntries?.top?.filter?.(menuItem => {\r\n if(menuItem?.id === \"leftEntriesExcel\"\r\n && (!authenticated || windowSize?.width < 768))\r\n return false\r\n else if (menuItem?.id === \"leftEntriesOfferts\"\r\n && (!authenticated ||\r\n windowSize.width < 1340 ||\r\n !userPermissions?.includes?.(\"CUSTOMER_OFFER_READ\")))\r\n return false\r\n else return true\r\n })\r\n\r\n useLayoutEffect(() => {\r\n if (!visible) dispatch(toggleLeftMenuVisibility(false))\r\n }, [visible])\r\n let content = leftMenuEntries.bottom?.map?.((item, index) => {\r\n return (\r\n \r\n \r\n \r\n
\r\n {translate?.(item?.name)}
\r\n \r\n )\r\n })\r\n const filteredMenu =\r\n companyType === \"GUEST\"\r\n ? filteredTopLeftMenus\r\n : filteredTopLeftMenus?.filter?.((i) => i?.id !== \"leftEntriesCareers\") //\"Cariere\"\r\n return (\r\n <>\r\n \r\n \r\n )\r\n})\r\n","export default __webpack_public_path__ + \"static/media/NextIcon.2076b4b0.svg\";","import { createSelector } from \"reselect\"\r\n\r\nconst productCategory = (state) => state.backData?.productCategory\r\nconst selectedFilters = (state) => state?.dataView?.selectedFilters\r\n\r\nexport const filtersCategoriesSelector = createSelector(\r\n selectedFilters,\r\n productCategory,\r\n (selectedFilters, productCategory) => {\r\n const selectedCategory = [\r\n selectedFilters?.[\"FLT-PCATEG00\"],\r\n selectedFilters?.[\"FLT-PCATEG01\"],\r\n selectedFilters?.[\"FLT-PCATEG02\"]\r\n ]\r\n const category0 = productCategory?.map?.((item) => ({\r\n ...item,\r\n id: item?.treeCode,\r\n label: item?.name,\r\n childList: undefined\r\n }))\r\n const category1 = []?.concat\r\n .apply(\r\n [],\r\n productCategory\r\n ?.filter?.((item) => selectedCategory?.[0]?.includes?.(item?.treeCode))\r\n ?.map?.((item) => {\r\n return [...item?.childList]\r\n })\r\n )\r\n ?.map?.((item) => ({ ...item, id: item?.treeCode, label: item?.name }))\r\n const category2 = []?.concat\r\n .apply(\r\n [],\r\n category1\r\n ?.filter?.((item) => selectedCategory?.[1]?.includes?.(item?.treeCode))\r\n ?.map?.((item) => [...item?.childList])\r\n )\r\n ?.map?.((item) => ({ ...item, id: item?.treeCode, label: item?.name }))\r\n return {\r\n \"FLT-PCATEG00\": category0,\r\n \"FLT-PCATEG01\": category1,\r\n \"FLT-PCATEG02\": category2\r\n }\r\n }\r\n)\r\n","const articleLabelFilter = {\r\n id: \"FLT-M0lblart\",\r\n fb: 130,\r\n startExpanded: true,\r\n // value: \"String\",\r\n type: \"multiSelect\",\r\n // placeholder: undefined,\r\n label: \"Etichete\"\r\n // loadMore: \"Incarca mai multe...\",\r\n}\r\nconst jobCityFilter = {\r\n id: \"FLT-M0ctyjob\",\r\n fb: 130,\r\n startExpanded: true,\r\n search: true,\r\n // value: \"String\",\r\n type: \"jobCityFilter\",\r\n // placeholder: undefined,\r\n label: \"Oras\"\r\n // loadMore: \"Incarca mai multe...\",\r\n}\r\nconst tutorialAboutFilter = {\r\n id: \"FLT-M0tutabout\",\r\n fb: 130,\r\n startExpanded: true,\r\n // value: \"String\",\r\n type: \"multiSelect\",\r\n // placeholder: undefined,\r\n label: \"Instrucţiuni despre\",\r\n // loadMore: \"Incarca mai multe...\",\r\n data: [\r\n { id: \"Shop\", label: \"Shop\" },\r\n { id: \"Produse\", label: \"Produse\" },\r\n { id: \"Checkout\", label: \"Checkout\" },\r\n { id: \"Livrare\", label: \"Livrare\" },\r\n { id: \"Comenzi\", label: \"Comenzi\" },\r\n { id: \"Facturi\", label: \"Facturi\" },\r\n { id: \"Contul meu\", label: \"Contul meu\" },\r\n { id: \"Utilizatori şi drepturi\", label: \"Utilizatori şi drepturi\" },\r\n { id: \"Toate\", label: \"Toate\" }\r\n ]\r\n}\r\nconst tutorialTypeFilter = {\r\n id: \"FLT-M0tuttype\",\r\n fb: 130,\r\n startExpanded: true,\r\n // value: \"String\",\r\n type: \"multiSelect\",\r\n // placeholder: undefined,\r\n label: \"Tip conţinut\",\r\n // loadMore: \"Incarca mai multe...\",\r\n data: [\r\n { id: \"Articol scris\", label: \"Articol scris\" },\r\n { id: \"Video\", label: \"Video\" },\r\n { id: \"Mix\", label: \"Mix\" },\r\n { id: \"Toate\", label: \"Toate\" }\r\n ]\r\n}\r\nconst columnSortFilter = {\r\n id: \"FLT-C0SORTER\",\r\n fb: 70,\r\n value: \"String\",\r\n type: \"columnSort\",\r\n placeholder: undefined,\r\n label: \"Categorie\"\r\n // loadMore: \"Incarca mai multe...\",\r\n}\r\nconst allCategoryFilter = {\r\n id: \"FLT-CATEG001\",\r\n fb: 120,\r\n value: \"String\",\r\n type: \"category\",\r\n placeholder: undefined,\r\n label: \"Categorie\",\r\n search: true,\r\n startExpanded: true\r\n // loadMore: \"Incarca mai multe...\",\r\n}\r\nconst allCategoryMegaFilter = {\r\n id: \"FLT-CATMEGA1\",\r\n fb: 240,\r\n value: \"String\",\r\n type: \"mega-category\",\r\n // placeholder: undefined,\r\n label: \"Gama de produse\"\r\n // search: true,\r\n // loadMore: \"Incarca mai multe...\",\r\n}\r\nconst topCategoryFilter = {\r\n id: \"FLT-PCATEG00\",\r\n fb: 200,\r\n value: \"String\",\r\n type: \"multiSelect\",\r\n placeholder: undefined,\r\n label: \"Categorie\",\r\n search: true\r\n // loadMore: \"Incarca mai multe...\",\r\n}\r\nconst subCateg1filter = {\r\n id: \"FLT-PCATEG01\",\r\n fb: 220,\r\n value: \"String\",\r\n type: \"multiSelect\",\r\n placeholder: undefined,\r\n label: \"Subcategorie1\",\r\n search: true\r\n // loadMore: \"Incarca mai multe...\",\r\n}\r\nconst subCateg2filter = {\r\n id: \"FLT-PCATEG02\",\r\n fb: 220,\r\n value: \"String\",\r\n type: \"multiSelect\",\r\n placeholder: undefined,\r\n label: \"Subcategorie2\",\r\n search: true\r\n // loadMore: \"Incarca mai multe...\",\r\n}\r\n\r\nconst mockRangeFilter = {\r\n id: \"FLT-RGaaaa00\",\r\n fb: 200,\r\n value: \"string\",\r\n type: \"range\",\r\n placeholder: undefined,\r\n label: \"Price\",\r\n data: [0, 1000] //used to have a boundary on selection\r\n}\r\n\r\nconst mockDateSingleFilter = {\r\n id: \"FLT-DS00ONE0\",\r\n fb: 100,\r\n value: \"string\",\r\n type: \"dateOne\",\r\n label: \"Select Date\"\r\n}\r\n\r\nconst mockMultiSelectFilter = {\r\n id: \"FLT-SMaaab00\",\r\n fb: 200,\r\n value: \"String\",\r\n type: \"multiSelect\",\r\n placeholder: undefined,\r\n label: \"Brand\",\r\n search: true,\r\n loadMore: \"Incarca mai multe...\",\r\n startExpanded: true\r\n // dictionary: \"PRODUCT_BRAND\",\r\n // data: [\r\n // { id: \"1\", label: \"String1\", info: \"100\" },\r\n // { id: \"2\", label: \"String2\", info: \"150\" },\r\n // { id: \"3\", label: \"String3\", info: \"90\" },\r\n // { id: \"STEELMET ROMANIA SA\", label: \"STEELMET ROMANIA SA\", info: \"3000\" },\r\n // ],\r\n}\r\nconst brandNameFilter = {\r\n id: \"FLT-SMaaaa00\",\r\n fb: 200,\r\n value: \"String\",\r\n type: \"multiSelect\",\r\n placeholder: undefined,\r\n label: \"Brand\",\r\n search: true,\r\n startExpanded: true,\r\n // loadMore: \"Incarca mai multe...\",\r\n dictionary: \"PRODUCT_BRAND\"\r\n // data: [\r\n // { id: \"1\", label: \"String1\", info: \"100\" },\r\n // { id: \"2\", label: \"String2\", info: \"150\" },\r\n // { id: \"3\", label: \"String3\", info: \"90\" },\r\n // { id: \"STEELMET ROMANIA SA\", label: \"STEELMET ROMANIA SA\", info: \"3000\" },\r\n // ],\r\n}\r\nconst mockMultiSelectFilterLabels = {\r\n id: \"FLT-SMlabel0\",\r\n fb: 200,\r\n value: \"String\",\r\n type: \"multiSelect\",\r\n placeholder: undefined,\r\n label: \"Categorie articol\",\r\n search: true,\r\n loadMore: \"Incarca mai multe...\",\r\n data: [\r\n { id: \"1\", label: \"Label A\" },\r\n { id: \"2\", label: \"Label B\" },\r\n { id: \"3\", label: \"Label C\" },\r\n { id: \"4\", label: \"Label D\" }\r\n ]\r\n}\r\n\r\nconst jobFilter = {\r\n id: \"FLT-SMlabe20\",\r\n fb: 200,\r\n value: \"String\",\r\n type: \"multiSelect\",\r\n placeholder: undefined,\r\n label: \"Oras\",\r\n search: true,\r\n loadMore: \"Incarca mai multe...\",\r\n data: [\r\n { id: \"1\", label: \"Arad\" },\r\n { id: \"2\", label: \"Bucuresti\" },\r\n { id: \"3\", label: \"Craiova\" },\r\n { id: \"4\", label: \"Cluj-Napoca\" },\r\n { id: \"5\", label: \"Oradea\" },\r\n { id: \"6\", label: \"Tirgu Mures\" }\r\n ]\r\n}\r\n\r\nconst mock5starsFilter = {\r\n id: \"FLT-5Saaaa00\",\r\n fb: 200,\r\n value: \"String\",\r\n type: \"5stars\",\r\n placeholder: undefined,\r\n label: \"Rating\",\r\n data: [\r\n { id: \"5\", label: \"5 Stars\", info: \"1900\" },\r\n { id: \"4\", label: \"4 Stars\", info: \"800\" },\r\n { id: \"3\", label: \"3 Stars\", info: \"90\" },\r\n { id: \"2\", label: \"2 Stars\", info: \"150\" },\r\n { id: \"1\", label: \"1 Star\", info: \"100\" }\r\n ]\r\n}\r\nconst textSearchFilter = {\r\n id: \"FLT-SEARCH01\",\r\n fb: 200,\r\n type: \"textSearch\",\r\n placeholder: \"Type To Search\"\r\n}\r\n\r\nconst applicabilityFilter = {\r\n id: \"FLT-Applicability\",\r\n fb: 200,\r\n type: \"applicability\", //\"userDirectory\",\r\n placeholder: \"Aplicabilitate\",\r\n data: [\r\n { id: \"EXTERN\", label: \"Extern\" },\r\n { id: \"INTERN\", label: \"Intern\" }\r\n ]\r\n}\r\nconst sourceFilter = {\r\n id: \"FLT-Source\",\r\n fb: 200,\r\n type: \"applicability\", //\"userDirectory\",\r\n placeholder: \"Sursa\",\r\n data: [\r\n { id: \"EXTERNAL\", label: \"Extern\" },\r\n { id: \"INTERNAL\", label: \"Intern\" }\r\n ]\r\n}\r\nconst sourceClientFilter = {\r\n id: \"FLT-Source-Client\",\r\n fb: 200,\r\n type: \"applicability\", //\"userDirectory\",\r\n placeholder: \"Sursa comenzi\",\r\n data: [\r\n { id: \"EXTERNAL\", label: \"Consilierii Uniprest Instal\" },\r\n { id: \"INTERNAL\", label: \"Compania mea\" }\r\n ]\r\n}\r\nconst userTypeFilter = {\r\n id: \"FLT-UserType\",\r\n fb: 200,\r\n type: \"applicability\", //\"userDirectory\",\r\n placeholder: \"Tip utilizator\",\r\n data: [\r\n { id: \"EXTERNAL\", label: \"Extern\" },\r\n { id: \"INTERNAL\", label: \"Intern\" }\r\n ]\r\n}\r\nconst agentFilter = {\r\n id: \"FLT-Agent\",\r\n fb: 200,\r\n type: \"multiSelect\", // \"applicability\",\r\n //placeholder: \"Selecteaza agent\",\r\n label: \"Agent\",\r\n dictionary: \"AGENTS\"\r\n // data: [\r\n // { id: \"EXTERNAL\", label: \"Extern\" },\r\n // { id: \"INTERNAL\", label: \"Intern\" },\r\n // ]\r\n}\r\n\r\nconst rankingFilter = {\r\n id: \"FLT-Ranking\",\r\n fb: 200,\r\n type: \"applicability\",\r\n placeholder: \"Ranking\",\r\n label: \"Ranking\",\r\n dictionary: \"RANKINGS\"\r\n // data: [\r\n // { id: \"EXTERNAL\", label: \"Extern\" },\r\n // { id: \"INTERNAL\", label: \"Intern\" },\r\n // ]\r\n}\r\n\r\nconst invoiceStatusFilter = {\r\n id: \"FLT-InvStatus\",\r\n fb: 200,\r\n type: \"applicability\", //\"userDirectory\",\r\n placeholder: \"Status\",\r\n data: [\r\n { id: \"FINAL\", label: \"Achitata\" },\r\n { id: \"NEW\", label: \"Achitata partial\" },\r\n { id: \"NEW\", label: \"Neachitata\" }\r\n ]\r\n}\r\nconst statusFilter = {\r\n id: \"FLT-RoleStatus\", //\"FLT-Status\",\r\n fb: 150,\r\n type: \"status\",\r\n placeholder: \"Status\",\r\n data: [\r\n { id: \"ACTIVE\", label: \"Activ\" },\r\n { id: \"INACTIVE\", label: \"Inactiv\" }\r\n ]\r\n}\r\nconst userStatusFilter = {\r\n id: \"FLT-GeneralStatus01\",\r\n fb: 200,\r\n value: \"String\",\r\n type: \"multiSelect\",\r\n placeholder: \"Status\",\r\n label: \"Status\",\r\n data: [\r\n { id: \"ACTIVE\", label: \"Activ\" },\r\n { id: \"INACTIVE\", label: \"Inactiv\" },\r\n { id: \"SUSPENDED\", label: \"Suspendat\" }\r\n ]\r\n}\r\nconst companyStatusFilter = {\r\n id: \"FLT-CompanyStatus\",\r\n fb: 200,\r\n value: \"String\",\r\n type: \"multiSelect\",\r\n placeholder: \"Status\",\r\n label: \"Status\",\r\n data: [\r\n { id: \"Activ\", label: \"Activ\" },\r\n { id: \"Inactiv\", label: \"Inactiv\" },\r\n { id: \"Suspendat\", label: \"Suspendat\" }\r\n ]\r\n}\r\nconst orderStatusFilter = {\r\n id: \"FLT-OrderStatus\",\r\n fb: 200,\r\n value: \"String\",\r\n type: \"multiSelect\",\r\n placeholder: \"Status\",\r\n label: \"Status\",\r\n data: [\r\n { id: \"ACTIVE\", label: \"ACTIVE\" },\r\n { id: \"PROCESSED\", label: \"PROCESSED\" },\r\n { id: \"PLACED\", label: \"PLACED\" },\r\n { id: \"PREPARATION\", label: \"PREPARATION\" },\r\n { id: \"INVOICED\", label: \"INVOICED\" }\r\n ]\r\n}\r\n\r\nconst b2bProductFilter = {\r\n id: \"FLT-b2bProductStatus\",\r\n fb: 200,\r\n value: \"String\",\r\n type: \"applicability\",\r\n placeholder: \"Status\",\r\n label: \"Status\",\r\n data: [\r\n { id: \"ACTIVE\", label: \"ACTIV\" },\r\n { id: \"INACTIVE\", label: \"INACTIV\" },\r\n { id: \"INVALID\", label: \"INVALID\" }\r\n ]\r\n}\r\nconst clientFilter = {\r\n id: \"FLT-CLIENT\",\r\n fb: 300,\r\n value: \"String\",\r\n type: \"applicability\",\r\n placeholder: \"Alege client\",\r\n label: \"Client\",\r\n dictionary: \"CLIENTS\"\r\n // data: [\r\n // { id: \"INSTALDI SRL\", label: \"INSTALDI SRL\" },\r\n // { id: \"FERRUM TECH SRL\", label: \"FERRUM TECH SRL\" },\r\n // //{ id: \"INVALID\", label: \"INVALID\" }\r\n // ],\r\n}\r\nconst clientIdFilter = {\r\n id: \"FLT-CLIENT-ID\",\r\n fb: 300,\r\n value: \"String\",\r\n type: \"multiSelect\",\r\n placeholder: \"Alege client\",\r\n label: \"Client\",\r\n dictionary: \"CLIENTS\"\r\n // data: [\r\n // { id: \"INSTALDI SRL\", label: \"INSTALDI SRL\" },\r\n // { id: \"FERRUM TECH SRL\", label: \"FERRUM TECH SRL\" },\r\n // //{ id: \"INVALID\", label: \"INVALID\" }\r\n // ],\r\n}\r\nconst userPositionFilter = {\r\n id: \"FLT-PersPosition\",\r\n fb: 200,\r\n value: \"String\",\r\n type: \"multiSelect\",\r\n placeholder: undefined,\r\n label: \"Functia\",\r\n search: true,\r\n data: [\r\n { id: \"07\", label: \"Manager audit\" },\r\n { id: \"08\", label: \"Auditor\" },\r\n { id: \"09\", label: \"Inspector bancar\" }\r\n ]\r\n}\r\n\r\nconst permissionNameFilter = {\r\n id: \"FLT-PermissionName\",\r\n fb: 200,\r\n type: \"permissionName\",\r\n placeholder: \"Permisiuni\",\r\n data: [\r\n { id: \"1\", label: \"Citire\" },\r\n { id: \"2\", label: \"Scriere\" },\r\n { id: \"3\", label: \"Stergere\" }\r\n //{ id: \"4\", label: \"Permission name 4\" },\r\n ]\r\n}\r\n//\"permissionReadCount\": 2,\r\n//\"permissionWriteCount\": 1,\r\n//\"permissionDeleteCount\": 1,\r\n// const mockSavedFilters = [\r\n// {\r\n// id: \"USF-0000aaaa\",\r\n// favorite: true,\r\n// name: \"My precious\",\r\n// data: {\r\n// \"FLT-SMaaaa00\": [\"2\"],\r\n// },\r\n// },\r\n// {\r\n// id: \"USF-0000aaab\",\r\n// favorite: false,\r\n// name: \"My filter\",\r\n// data: {\r\n// \"FLT-SMaaaa00\": [\"2\"],\r\n// \"FLT-RGaaaa00\": [0, 530],\r\n// },\r\n// },\r\n// ];\r\n\r\nconst sortFilters = [\r\n {\r\n id: \"FLT-sortart\",\r\n type: \"selectOne\",\r\n fb: 200,\r\n label: \"Ordoneaza dupa\",\r\n placeholder: \"Selecteaza...\",\r\n data: [\r\n { id: \"cDate\", label: \"Cele mai recente\" },\r\n { id: \"cDateCresc\", label: \"Cele mai vechi\" },\r\n // { id: \"viewCount\", label: \"Cele mai multe accesări\" }\r\n // { id: 'i', label: 'Autor' },\r\n ]\r\n },\r\n // {\r\n // id:\"FLT-sortOderDate\",\r\n // type: 'selectOneDate',\r\n // fb : 200,\r\n // label:\"Ordoneaza dupa\",\r\n // placeholder: \"Selecteaza...\",\r\n // data: [\r\n // { id: 'createDate|false', label: \"Cele mai recente\"}, //'Pret (scumpe)' },\r\n // { id: 'createDate|true', label: 'Cele mai vechi'}, //Pret (ieftine)' },\r\n // // { id: 'i', label: 'Autor' },\r\n // ],\r\n // },\r\n {\r\n id: \"FLT-sort00p1\",\r\n type: \"selectOne\",\r\n fb: 200,\r\n label: \"Ordonează după\",\r\n placeholder: \"Selectează...\",\r\n data: [\r\n //!! id syntax is \"sortKey|direction\"\r\n // { id: 'r', label: 'Cele mai recente' },\r\n { id: \"shopAccessCount|false\", label: \"Popularitate\" },\r\n { id: \"relevance|false\", label: \"Relevanță\" },\r\n { id: \"ranking|true\", label: \"Rating\" },\r\n { id: \"name|true\", label: \"ABC ↑\" },\r\n { id: \"name|false\", label: \"ABC ↓\" },\r\n ]\r\n },\r\n {\r\n id: \"FLT-sort0prc\",\r\n type: \"selectOne\",\r\n fb: 200,\r\n label: \"Vezi preturile\",\r\n placeholder: \"Selecteaza...\",\r\n defaultValue: { id: \"both\", label: \"AMBELE\" },\r\n data: [\r\n { id: \"both\", label: \"AMBELE\" },\r\n { id: \"wVat\", label: \"Cu TVA\" },\r\n { id: \"woVat\", label: \"Fara TVA\" }\r\n ]\r\n },\r\n {\r\n id: \"FLT-sort0cmp\",\r\n type: \"selectOne\",\r\n fb: 200,\r\n label: \"Compania\",\r\n placeholder: \"Selecteaza...\",\r\n data: [\r\n { id: \"c\", label: \"Alphabet LLC\" },\r\n { id: \"s\", label: \"Forte PArtners\" },\r\n { id: \"v\", label: \"Cool Inc.\" }\r\n ]\r\n },\r\n {\r\n id: \"FLT-SWaaaa00\",\r\n value: \"string\",\r\n type: \"switch\",\r\n fb: 200,\r\n placeholder: undefined,\r\n label: \"Doar facturi de achitat\",\r\n data: undefined,\r\n selection: true //can be true/false\r\n },\r\n {\r\n id: \"FLT-SWaaaa01\",\r\n value: \"string\",\r\n type: \"switch\",\r\n fb: 200,\r\n placeholder: undefined,\r\n label: \"Doar comenzi active\",\r\n data: undefined,\r\n selection: true //can be true/false\r\n },\r\n\r\n {\r\n id: \"FLT-sort0dat\",\r\n type: \"selectOne\",\r\n fb: 200,\r\n label: \"Afiseaza\",\r\n placeholder: \"Selecteaza...\",\r\n data: [\r\n { id: \"c\", label: \"Ultima Luna\" },\r\n { id: \"s\", label: \"Ultimele 6 luni\" },\r\n { id: \"v\", label: \"Ultimul an\" },\r\n { id: \"t\", label: \"Toate\" }\r\n ]\r\n },\r\n {\r\n id: \"FLT-sort0ord\",\r\n type: \"selectOne\",\r\n fb: 200,\r\n label: \"Ordoneaza dupa\",\r\n placeholder: \"Selecteaza...\",\r\n data: [\r\n { id: \"c\", label: \"Cele mai recente\" },\r\n { id: \"s\", label: \"Data creere\" },\r\n { id: \"n\", label: \"Numar Produse\" },\r\n { id: \"v\", label: \"Valoare\" }\r\n ]\r\n },\r\n {\r\n id: \"FLT-sort0inv\",\r\n type: \"selectOne\",\r\n fb: 200,\r\n label: \"Ordoneaza dupa\",\r\n placeholder: \"Selecteaza...\",\r\n data: [\r\n { id: \"c\", label: \"Cele mai recente\" },\r\n { id: \"s\", label: \"Data Scadenta\" },\r\n { id: \"e\", label: \"Data Emitere\" },\r\n { id: \"v\", label: \"Valoare\" }\r\n ]\r\n },\r\n {\r\n id: \"FLT-tipClient\",\r\n type: \"selectOne\",\r\n fb: 200,\r\n label: \"Tip Client\",\r\n placeholder: \"Selecteaza...\",\r\n data: [\r\n { id: \"GUEST\", label: \"Guest\" },\r\n { id: \"SMALL\", label: \"Client Mic\" },\r\n { id: \"RESELLER\", label: \"Resseller\" },\r\n { id: \"LARGE\", label: \"Client Mare\" }\r\n ]\r\n }\r\n]\r\n\r\nconst templateFilterList = [\r\n allCategoryMegaFilter,\r\n textSearchFilter,\r\n mockDateSingleFilter,\r\n columnSortFilter,\r\n allCategoryFilter,\r\n topCategoryFilter,\r\n subCateg1filter,\r\n subCateg2filter,\r\n brandNameFilter,\r\n mockRangeFilter,\r\n mock5starsFilter,\r\n jobFilter,\r\n mockMultiSelectFilterLabels,\r\n statusFilter,\r\n userStatusFilter,\r\n orderStatusFilter,\r\n b2bProductFilter,\r\n userPositionFilter,\r\n //guest filters\r\n articleLabelFilter,\r\n jobCityFilter,\r\n applicabilityFilter,\r\n // statusFilter,\r\n permissionNameFilter,\r\n tutorialAboutFilter,\r\n tutorialTypeFilter,\r\n clientFilter,\r\n clientIdFilter,\r\n userTypeFilter,\r\n sourceFilter,\r\n sourceClientFilter,\r\n companyStatusFilter,\r\n invoiceStatusFilter,\r\n agentFilter,\r\n rankingFilter,\r\n ...sortFilters,\r\n { ...mockRangeFilter, id: 2 }\r\n // {...mockRangeFilter, id: 3, },\r\n // {...mockRangeFilter, id: 4, },\r\n]\r\n\r\nexport default templateFilterList\r\n","import { createSelector } from \"reselect\"\r\nimport { filtersCategoriesSelector } from \"store/selectors/dataView/filterCategories.selector\"\r\nimport templateFilterList from \"store/selectors/dataView/filters.template\"\r\nimport {\r\n guest_article,\r\n uni_location,\r\n applicability,\r\n associated_users,\r\n status,\r\n permission_name\r\n} from \"staticData/dynamoTypes\"\r\nimport { permissionGroups } from \"staticData/user\"\r\nimport { noBrandFilter } from \"utils/filterUtils\"\r\n\r\nconst selectedFilters = (state) => state?.dataView?.selectedFilters\r\nconst sort = (state) => state?.dataView?.sort\r\n// const stateColumns = state => state?.dataView?.columns;\r\nconst dictonary = (state) => state.backData?.dictionary\r\nconst locationOptions = (state) => state.backData?.dictionary?.LOCATION_RESPONSE\r\nconst clientType = (state) => state.company?.type\r\n\r\nexport const compare = (a, b) => {\r\n if (a?.label < b?.label) {\r\n return -1\r\n }\r\n if (a?.label > b?.label) {\r\n return 1\r\n }\r\n return 0\r\n}\r\nexport const selectComputedFilters = createSelector(\r\n selectedFilters,\r\n dictonary,\r\n sort,\r\n filtersCategoriesSelector,\r\n clientType,\r\n locationOptions,\r\n (\r\n selectedFilters,\r\n dictonary,\r\n sort,\r\n filtersCategoriesSelector,\r\n clientType,\r\n locationOptions\r\n ) => {\r\n //handling double unilocation points for dropdowns\r\n const doublePoints = [\"BIROU VÂNZĂRI BUCUREȘTI\", \"SEDIU SOCIAL TÂRGU MUREȘ\"]\r\n const locationDropdowns = locationOptions\r\n ?.filter(i => !doublePoints?.includes(i?.name))\r\n ?.map(i => ({\r\n value: i?.id,\r\n label: i?.locationName\r\n }))\r\n ?.sort?.(compare)\r\n\r\n const filters = clientTypeFilter(templateFilterList, clientType)?.map?.(\r\n (item) => {\r\n function computeDataField() {\r\n //exception for column sort filter\r\n // if (item?.id === \"FLT-C0SORTER\") return templateHeader?.map?.((col, index) =>\r\n // ({\r\n // id: index,\r\n // disabled: col.noHide,\r\n // label: col.label,\r\n // visible: (!stateColumns || stateColumns?.length === 0) ? true : stateColumns?.includes?.(index)\r\n // })\r\n // )\r\n //dynamic filters coming from API (dictionaries)\r\n const listFromDictionary =\r\n item?.dictionary === \"CLIENTS\" && item?.id === \"FLT-CLIENT\"\r\n ? dictonary?.[item?.dictionary]?.map?.((val) => ({\r\n id: val?.value,\r\n label: val?.label\r\n }))\r\n : item?.dictionary === \"CLIENTS\" && item?.id === \"FLT-CLIENT-ID\"\r\n ? dictonary?.[item?.dictionary]?.map?.((val) => ({\r\n id: val?.value,\r\n label: val?.label\r\n }))\r\n : item?.dictionary === \"AGENTS\" && item?.id === \"FLT-Agent\"\r\n ? dictonary?.[item?.dictionary]?.map?.((val) => ({\r\n id: val?.value,\r\n label: val?.label\r\n }))\r\n : item?.dictionary === \"RANKINGS\" && item?.id === \"FLT-Ranking\"\r\n ? dictonary?.[item?.dictionary]?.map?.((val) => ({\r\n id: val?.value,\r\n label: val?.label\r\n }))\r\n : dictonary?.[item?.dictionary]?.map?.((val) => ({\r\n id: val?.code,\r\n label: val?.value\r\n }))\r\n let exceptionOptions\r\n if (!listFromDictionary) {\r\n //filtrul cu orasele locatiilor uniprest\r\n if (item?.id === \"FLT-M0ctyjob\")\r\n exceptionOptions = locationDropdowns?.map?.(i => (\r\n {...i || {}, id: i?.value}\r\n ))\r\n // dictonary?.[uni_location]?.map?.((item) => ({\r\n // id: item?.id,\r\n // label: item?.locationName //name\r\n // }))?.sort?.(compare)\r\n\r\n // filtru aplicabilitate\r\n if (item?.id === \"FLT-Applicability\")\r\n exceptionOptions = dictonary?.[applicability]?.map?.((item) => ({\r\n id: item?.PK\r\n }))\r\n\r\n // filtru status\r\n if (item?.id === \"FLT-RoleStatus\")\r\n exceptionOptions = dictonary?.[status]?.map?.((item) => ({\r\n id: item?.PK\r\n }))\r\n\r\n //filtru permission names\r\n if (item?.id === \"FLT-PermissionName\")\r\n exceptionOptions = permissionGroups?.map?.((item) => ({\r\n id: item?.code,\r\n label: item?.label\r\n }))\r\n\r\n //filter pt client in grila discounts list\r\n // if (item?.id === \"FLT-CLIENT\") exceptionOptions = dictonary?.[\"CLIENTS\"]?.map?.((item) => {\r\n\r\n // return {\r\n // id: item?.label,\r\n // label: item?.label\r\n // }})\r\n\r\n //labels in articles\r\n if (item?.id === \"FLT-M0lblart\") {\r\n exceptionOptions = []\r\n dictonary?.[guest_article]?.forEach?.((item) => {\r\n if (item?.values?.labels)\r\n exceptionOptions?.push?.(\r\n ...item?.values?.labels?.map?.((i) => ({\r\n label: i,\r\n id: i\r\n }))\r\n )\r\n })\r\n }\r\n }\r\n return (\r\n listFromDictionary ??\r\n filtersCategoriesSelector?.[item?.id] ??\r\n exceptionOptions ??\r\n item?.data ?? //static options included in filter definition\r\n []\r\n )\r\n }\r\n return {\r\n ...item,\r\n selection: selectedFilters?.[item?.id],\r\n expanded: Boolean(window.innerWidth < 801 ? false : (item?.startExpanded || selectedFilters?.[item?.id])),\r\n data: computeDataField()\r\n }\r\n }\r\n )\r\n\r\n let appliedFilters = []\r\n filters?.forEach?.((item) => {\r\n if (selectedFilters?.[item?.id]?.length > 0)\r\n appliedFilters?.push?.({\r\n name: item?.label,\r\n id: item?.id\r\n })\r\n if (item?.label === \"Brand\") {\r\n item?.data?.push?.({ id: noBrandFilter, label: noBrandFilter })\r\n }\r\n })\r\n\r\n appliedFilters = appliedFilters?.filter?.(\r\n (e) => ![\"FLT-sort00p1\"]?.includes?.(e?.id)\r\n )\r\n return { filters, appliedFilters, sort }\r\n }\r\n)\r\n\r\nconst guestBlockedFilters = [\r\n \"FLT-RGaaaa00\",\r\n \"FLT-sort0prc\",\r\n \"FLT-tipClient\",\r\n \"FLT-sort00p1\",\r\n \"FLT-5Saaaa00\"\r\n]\r\nconst clientTypeFilter = (filters, clientType) =>\r\n filters?.filter?.((item) => {\r\n if (clientType === \"guest\")\r\n return !guestBlockedFilters?.includes?.(item?.id)\r\n return true\r\n })\r\n","const initialApiStatus = {\r\n response: null,\r\n isLoading: false,\r\n isSuccess: false,\r\n isError: false,\r\n errorCode: null,\r\n wasCalled: false,\r\n hasResponded: false\r\n}\r\n\r\nexport const apiStatuses = {\r\n getInitial: () => ({ ...initialApiStatus }),\r\n\r\n getStarted: () => ({\r\n ...initialApiStatus,\r\n isLoading: true,\r\n wasCalled: true\r\n }),\r\n\r\n getSuccess: (response) => ({\r\n ...initialApiStatus,\r\n response,\r\n isSuccess: true,\r\n wasCalled: true,\r\n hasResponded: true\r\n }),\r\n\r\n getError: (errorCode) => ({\r\n ...initialApiStatus,\r\n isError: true,\r\n errorCode,\r\n wasCalled: true,\r\n hasResponded: true\r\n })\r\n}\r\n","import { apiAction } from \"store/middleware/api\"\r\nimport { apiStatuses } from \"store/middleware/apiStatuses\"\r\nimport { sanitizeAnythingForRedux } from \"utils/preventReactInRedux\"\r\nimport { printError } from \"utils/printError\"\r\n\r\nconst TRANSLATIONS_FETCH_START = \"localizationApi/TRANSLATIONS_FETCH_START\"\r\nconst TRANSLATIONS_FETCH_SUCCESS = \"localizationApi/TRANSLATIONS_FETCH_SUCCESS\"\r\nconst TRANSLATIONS_FETCH_ERROR = \"localizationApi/TRANSLATIONS_FETCH_ERROR\"\r\nconst TRANSLATIONS_CLEAR = \"localizationApi/TRANSLATIONS_CLEAR\"\r\n\r\nconst initialState = {\r\n translations: apiStatuses.getInitial()\r\n}\r\n\r\nexport default function (state = initialState, unsanitizedAction) {\r\n\r\n const action = sanitizeAnythingForRedux(unsanitizedAction)\r\n\r\n const payload = action?.payload\r\n\r\n switch (action.type) {\r\n case TRANSLATIONS_FETCH_START:\r\n return { ...state, translations: apiStatuses.getStarted() }\r\n case TRANSLATIONS_FETCH_SUCCESS:\r\n return { ...state, translations: apiStatuses.getSuccess(payload) }\r\n case TRANSLATIONS_FETCH_ERROR:\r\n return { ...state, translations: apiStatuses.getError(payload) }\r\n case TRANSLATIONS_CLEAR:\r\n return { ...state, translations: apiStatuses.getInitial() }\r\n\r\n default:\r\n return state\r\n }\r\n}\r\n\r\nexport const fetchTranslations = () => (dispatch) => {\r\n dispatch({ type: TRANSLATIONS_FETCH_START })\r\n\r\n dispatch(\r\n apiAction({\r\n endPoint: \"/public/localization\",\r\n method: \"GET\",\r\n onSuccess: (response) => ({\r\n type: TRANSLATIONS_FETCH_SUCCESS,\r\n payload: response\r\n }),\r\n onFailure: (error) => {\r\n printError(\"fetchTranslations(): \", error)\r\n return { type: TRANSLATIONS_FETCH_ERROR, payload: error }\r\n }\r\n })\r\n )\r\n}\r\n\r\nexport const clearTranslations = () => (dispatch) => {\r\n dispatch({ type: TRANSLATIONS_CLEAR })\r\n}\r\n","\r\nconst attachSizeQueryParams = ({ urlString, width = 514, height = 293}) => {\r\n\r\n if(!urlString) return urlString;\r\n\r\n try {\r\n const url = new URL(urlString);\r\n \r\n if(url?.hostname !== 'uniprest.compano.com') return urlString;\r\n \r\n if(url?.searchParams?.get('W')) return urlString;\r\n if(url?.searchParams?.get('H')) return urlString;\r\n\r\n url?.searchParams?.append('W', width);\r\n url?.searchParams?.append('H', height);\r\n\r\n return url?.href\r\n\r\n } catch (error) {\r\n return urlString;\r\n }\r\n\r\n}\r\n\r\n\r\n/**\r\n * Why these numbers? Because we aimed for the product-detail page\r\n * where the images are typically rendered no larger than 541x304, but that was too \r\n * blurry. For extra sharpness we added an additional 20% to the requested resolution.\r\n */\r\nexport const attachSizeQueryParamsSmall = (urlString) => \r\n attachSizeQueryParams({ urlString, width: 649, height: 365})\r\n\r\n\r\n/**\r\n * Why these numbers? Because we aimed for the shop (product-list) page in list view\r\n * where the images are typically rendered no larger than 96x96, but that was too \r\n * blurry. For extra sharpness we added an additional 25% to the requested resolution.\r\n */\r\nexport const attachSizeQueryParamsXS = (urlString) => \r\n attachSizeQueryParams({ urlString, width: 120, height: 120})\r\n\r\n\r\n/**\r\n * Why these numbers? Because we aimed for the shop product-detail page \"Produse asociate\"\r\n * where the images are typically rendered no larger than 32x32, but that was too \r\n * blurry. For extra sharpness we added an additional 25% to the requested resolution.\r\n */\r\nexport const attachSizeQueryParamsXXS = (urlString) => \r\n attachSizeQueryParams({ urlString, width: 40, height: 40})\r\n\r\n","import \"./InfoIcon.scss\"\r\n\r\nfunction InfoIcon(props) {\r\n const {\r\n popLeft,\r\n popRight,\r\n popBottom, //string info to display\r\n color = \"grey\",\r\n showTip, //static displays the tool tip\r\n className,\r\n center, //horizonal center bottom tip\r\n // noFill\r\n onClick\r\n } = props\r\n let computedContainerClass = `info-icon-wrapper ${className ?? \"\"} ` + color\r\n if (popRight) computedContainerClass += \" button-tool-tip-right\"\r\n if (popLeft) computedContainerClass += \" button-tool-tip-left\"\r\n if (popBottom) computedContainerClass += \" button-tool-tip-bottom\"\r\n if (showTip) computedContainerClass += \" show\"\r\n if (center) computedContainerClass += \" center\"\r\n\r\n let buttonProps = {\r\n tooltip: popLeft ?? popRight ?? popBottom,\r\n className: computedContainerClass\r\n }\r\n if (onClick) buttonProps.onClick = onClick\r\n return {defaultIcon}
\r\n}\r\n\r\nexport default InfoIcon\r\n\r\nconst defaultIcon = (\r\n \r\n)\r\n","export default function ProductRating({ rating, reviews }) {\r\n if (!reviews > 0) return null\r\n return (\r\n \r\n {starSvg}\r\n
\r\n )\r\n}\r\n\r\nconst starSvg = (\r\n \r\n)\r\n","// import { Component } from 'react';\r\nimport { useController } from \"react-hook-form\"\r\nimport Picker from \"react-mobile-picker\"\r\n\r\nimport \"./CuatomPicker.scss\"\r\n\r\n// const RollingSelectInput = (props) => {\r\n// const {control} = props;\r\n// if (control) return {`${rating} (${reviews})`}
\r\n */}\r\n {\r\n setCardState(\"addToCartCard\")\r\n }}\r\n />\r\n \r\n \r\n dispatch(deleteProductFromList(list, id))}\r\n />\r\n )\r\n const addToCartButtonSquare = (\r\n {\r\n setCardState(\"addToCartCard\")\r\n setShowModal(true)\r\n }}\r\n />\r\n )\r\n\r\n const isSeeDetailsBtnDisabled =\r\n isLogged && !userPermissions?.includes?.(\"BASKET_WRITE\")\r\n\r\n const listCardButtons = (\r\n <>\r\n {noStock || productWithouPrice ? (\r\n clientType === \"GUEST\" ? (\r\n // ? nullStock\r\n noImage ? null : (\r\n {\r\n if (clientType === \"GUEST\") {\r\n setScrollPosition()\r\n } else {\r\n dispatch(setLastAddedToCart(item?.id))\r\n setCardState(\"addToCartCard\")\r\n }\r\n }}\r\n className={clientType === \"SMALL\" && noStock ? \"disabled\" : \"\"}\r\n disabled={isSeeDetailsBtnDisabled}\r\n />\r\n )}\r\n {clientType !== \"GUEST\" && (\r\n \r\n {/* {clientType === \"LARGE\" ? (\r\n \r\n )}\r\n \r\n )\r\n\r\n const closeButton = (\r\n ![]()
e?.preventDefault?.()}\r\n src={Close}\r\n className=\"close round-clear\"\r\n alt=\"clear\"\r\n onClick={() => (closeModal ? closeModal() : setCardState(\"listCard\"))}\r\n />\r\n )\r\n\r\n // =============== product images section ==============\r\n const productImageSection = !noImage && (\r\n \r\n {images?.length > 0 ? (\r\n imageChain3({ images, imageLimit: 7, size: 40, imgPerLine: 4 })\r\n ) : (\r\n \r\n {title}\r\n \r\n \r\n )\r\n\r\n // =========================================================\r\n const listCardTopSection = (\r\n {\r\n setShowModal(true)\r\n setCardState(\"addToCartCard\")\r\n }}\r\n />\r\n {list ? (\r\n deleteFromListButton\r\n ) : (\r\n deleteFromCartAction()}\r\n />\r\n )}\r\n \r\n )\r\n const longCardBasketOptions = (\r\n
Comanda ta cu numărul ${orderCode || \"-\"} a fost înscrisă în tragerea la sorți a campaniei ${campaignConfig.name}
Nu uita să plasezi și săptămâna viitoare o comandă, pentru încă o șansă de câștig!`\r\n else if(nrOfOrderPerWeek > 1 && isCompanyInCampaign && campaignConfig.doesAffectCart)\r\n return `Îți mulțumim pentru comandă!
Compania ta este deja înscrisă în tragerea la sorți a campaniei ${campaignConfig.name},
Te invităm să revii și săptămâna viitoare cu o nouă comandă.`\r\n // dispatch(setCrtListSearchString(e?.target?.value))\r\n }}\r\n />\r\n )}\r\n {!noResultCount && !showSelection && !ro && topRow}\r\n\r\n itemFormatter(i))\r\n : items\r\n )?.map?.((i) => ({\r\n ...i,\r\n [typeKey]:\r\n i?.[typeKey] === null\r\n ? `No ${typeKey?.toLowerCase?.()}`\r\n : i?.[typeKey]\r\n })),\r\n selected,\r\n typeKey,\r\n ro,\r\n single\r\n }}\r\n >\r\n {props.children}\r\n \r\n {lastItemHint > 0 && !showSelection && !staticList && (\r\n dispatch(loadCrtListItems(itemsType, false))}\r\n label={ {\r\n onChange(selected)\r\n if (setOpenIndex) setOpenIndex(null)\r\n }}\r\n closeAction={() => {\r\n setSelected(value)\r\n if (setOpenIndex) setOpenIndex(null)\r\n }}\r\n >\r\n {\" \"}\r\n {content}\r\n \r\n )\r\n}\r\n\r\nconst selectionLabelDefault = [\"comapnie selectata\", \"companii selectate\"]\r\n","import SvgIcon from \"components/SvgIcon/SvgIcon\"\r\nimport moment from \"moment\"\r\nimport { useEffect, useRef, useState } from \"react\"\r\nimport { getMonthDays } from \"views/dashboard/logic\"\r\nimport { date } from \"yup/lib/locale\"\r\nimport \"./DatePicker.scss\"\r\nimport useShowModalOutsideClick from \"utils/useShowModalOutsideClick\"\r\nimport { useController } from \"react-hook-form\"\r\n\r\n// const month = {\r\n// // overdueTotal,\r\n// // toPayTotal,\r\n// // overdueDays,\r\n// // toPayDays: []\r\n// monthTitle: \"Noiembrie 2020\",\r\n// year: 2020,\r\n// month: 11\r\n// }\r\n\r\nconst fixedOptionsOne = [\r\n { label: \"ieri\", diff: [1] },\r\n { label: \"acum 7 zile\", diff: [7] },\r\n { label: \"acum o luna\", diff: [1], type: \"months\" }\r\n]\r\nconst fixedOptionsInterval = [\r\n { label: \"saptamana trecuta\", diff: [2, 1], type: \"week\" },\r\n { label: \"luna trecuta\", diff: [2, 1], type: \"months\" }\r\n]\r\nconst dateFormat = \"DD/MM/YYYY\"\r\n\r\nexport const DatePicker = (props) => {\r\n const { control } = props\r\n if (control) return \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport default FastPickerCard\r\n","import MagicButton from \"components/MagicButton/MagicButton\"\r\nimport MB from \"components/MB/MB\"\r\nimport { useDispatch } from \"react-redux\"\r\n\r\nfunction SpecialPricesCard(props) {\r\n const {\r\n setCardState,\r\n setSelectedQuantity,\r\n unitOfMeasure,\r\n deals,\r\n totalStock,\r\n closeModal\r\n } = props\r\n const dispatch = useDispatch()\r\n\r\n return (\r\n <>\r\n \r\n setCardState(\"addToCartCard\")}\r\n />\r\n \r\n ALEGE CANTITATEA\r\n \r\n {deals?.map?.((item) => (\r\n <>\r\n {item?.recomanded && (\r\n \r\n ALEGERE RECOMANDATA\r\n \r\n )}\r\n
\r\n \r\n \r\n )\r\n}\r\n\r\nexport default SpecialPricesCard\r\n","import { useState } from \"react\"\r\n\r\nconst useQuantityValidation = () => {\r\n\r\n const [isInProgress, setIsInProgress] = useState(false)\r\n\r\n return {\r\n isInProgress,\r\n start: () => setIsInProgress(true),\r\n stop: () => setIsInProgress(false)\r\n }\r\n\r\n}\r\n\r\nexport default useQuantityValidation\r\n","import React, { useEffect, useRef, useState } from \"react\"\r\nimport MagicButton from \"components/MagicButton/MagicButton\"\r\nimport MagicButton2 from \"components/MagicButton/MagicButtonV2\"\r\nimport Close from \"assets/general/Close.svg\"\r\nimport { getVolumeDiscountQuantities } from \"store/justActions/miscApiInteractions\"\r\n\r\nimport ProductRating from \"components/ProductRating/ProductRating\"\r\nimport MB from \"components/MB/MB\"\r\nimport { useDispatch, useSelector } from \"react-redux\"\r\nimport { addToBasket, modifyBasket, refreshBasket } from \"store/modules/shop\"\r\nimport { useHistory } from \"react-router\"\r\nimport imageChain3 from \"components/_partials/ImageChain3\"\r\nimport SvgIcon from \"components/SvgIcon/SvgIcon\"\r\nimport InfoIcon from \"components/InfoIcon\"\r\nimport FastPickerCard from \"components/ProductCard/FastPickerCard\"\r\nimport SpecialPricesCard from \"components/ProductCard/SpecialPricesCard\"\r\nimport useShowModalOutsideClick from \"utils/useShowModalOutsideClick\"\r\nimport { round } from \"utils/serviceFunctions\"\r\nimport { getProductDetailHref, goToProductDetails } from \"utils/history\"\r\nimport { numberFormatter } from \"utils/stringUtils\"\r\nimport { useUserInfo } from \"utils/useUserInfo\"\r\nimport {\r\n setPageModal,\r\n setPageModalData,\r\n resetCrtList\r\n} from \"store/modules/page\"\r\nimport {\r\n deleteProductFromList,\r\n updateListQuantityAction\r\n} from \"store/justActions/lists\"\r\nimport FormatComponent from \"components/FormatComponent/FormatComponent\"\r\nimport { saveStockRequest, savePriceRequest } from \"store/modules/guest.actions\"\r\nimport { setExcelQuantity, setLastAddedToCart } from \"store/modules/dataView\"\r\nimport { loadItem, loadAccessories } from \"store/justActions/loadApiIems\"\r\n//import BigModal from 'components/_modals/BigModal'\r\n//import CartProductCard from \"views/shoppingCart/cartProductCard\"\r\n//import { loadItem } from \"store/justActions/loadApiIems\"\r\nimport Left from \"assets/dashboard/Icons/Left.svg\"\r\nimport { Lang, lang, Translate, withLocalize } from \"components/Lang/Lang\"\r\nimport useIsLogged from \"utils/useIsLogged\"\r\nimport { convertCategoryTreeToList } from \"utils/stringUtils\"\r\nimport { Link } from \"react-router-dom\"\r\nimport MyLink from \"components/MyLink\"\r\nimport { toastr } from \"react-redux-toastr\"\r\nimport { printError } from \"utils/printError\"\r\nimport { parseFloatOrZero } from \"utils/numberUtils\"\r\nimport useWindowSize from \"utils/useWindowsSize\"\r\nimport { hideMobileKeyboard } from \"utils/hideKeyboardOnMobile\"\r\nimport { attachSizeQueryParamsSmall, attachSizeQueryParamsXS } from \"utils/attachSizeQueryParams\"\r\nimport { defaultCurrencyCode } from \"utils/currencyUtils\"\r\nimport useQuantityValidation from \"store/hooks/useQuantityValidation\"\r\nimport { getComputedPriceInfo } from \"utils/productUtils\"\r\n\r\n\r\nconst getCTAtext = (clientType) => {\r\n switch (clientType) {\r\n case \"GUEST\":\r\n return Preturi
\r\n Speciale
\r\n {\r\n setSelectedQuantity(\r\n item?.quantity > totalStock ? totalStock : item?.quantity\r\n )\r\n setCardState(\"addToCartCard\")\r\n }}\r\n >\r\n \r\n \r\n
\r\n \r\n ))}\r\n {`${item?.quantity} ${unitOfMeasure}`}
\r\n {item?.price}
\r\n {item?.discount}
\r\n \r\n ![]()
e?.preventDefault?.()}\r\n src={attachSizeQueryParamsSmall(itemImage)}\r\n className=\"image click\"\r\n alt=\"img\"\r\n onClick={setScrollPosition}\r\n />\r\n
\r\n )}\r\n \r\n )\r\n // =========================================================\r\n const stockInfoSection = stockInfo?.map?.((item, index) => (\r\n \r\n
\r\n ))\r\n // ==========DESIGNED FOR PROD DETAILS ======================================\r\n const getCategoryString = () => {\r\n let returnString = \"\"\r\n const categoryArray = convertCategoryTreeToList(props?.category)\r\n categoryArray?.forEach?.((i, index) => {\r\n if (index === 0) returnString += `În categoria: ${i?.name}`\r\n else returnString += `în subcategoria: ${i?.name}`\r\n if (index < categoryArray?.length) returnString += \", \"\r\n else returnString += \".\"\r\n })\r\n return returnString\r\n }\r\n const categoryStringWithBadge = (\r\n {item?.message}
\r\n {item?.infoMessage && (\r\n \r\n {/* {badgeTitle && {badgeTitle}} */}\r\n {getCategoryString()}\r\n
\r\n )\r\n\r\n // =========================================================\r\n const totalPriceGreySection = ({ wQuantity, right, showPrimaryPrice }) => (\r\n \r\n {wQuantity && (\r\n
\r\n )\r\n\r\n // =========================================================\r\n\r\n const priceSection = ({\r\n className,\r\n discountRed,\r\n flex,\r\n primaryPrice,\r\n secondaryPrice,\r\n forcedSecondaryPrice,\r\n listPrice,\r\n right,\r\n criticalSection,\r\n priceDetailCard,\r\n bottom,\r\n strikeThrough,\r\n longCard,\r\n showPrimaryPrice\r\n }) => {\r\n if (clientType === \"GUEST\") return null\r\n const showVolDiscount =\r\n volumeDiscount > 0 &&\r\n parseInt(youSaveValue) + volumeDiscount <= maxDiscount //!flex &&\r\n const showMaxDiscount =\r\n volumeDiscount > 0 &&\r\n parseInt(youSaveValue) + volumeDiscount > maxDiscount //!flex &&\r\n const showGrayDiscount =\r\n [\"FIX\", \"GRID\"]?.includes?.(priceDiscountType) || youSave //&& !showMaxDiscount //!flex selectedQuantity &&\r\n /**\r\n * the next line is bug, there is the possibility of productWithoutPrice being false (the product has a gross price,\r\n * this should change the card state to price request)\r\n * but the primary price is falsy (assume that price gross is 42 and primary price is undefined),\r\n * the primary price changes to totalNetPrice which in some cases is Nan, the FormatComponent\r\n * is buggy as well \r\n */\r\n primaryPrice = primaryPrice ? primaryPrice : totalNetPrice\r\n\r\n\r\n const mainPriceFragment = (\r\n <>\r\n \r\n {selectedQuantity}\r\n {unitOfMeasure}\r\n
\r\n )}\r\n {priceSection({\r\n right,\r\n criticalSection: true,\r\n primaryPrice: totalNetPrice,\r\n secondaryPrice: totalGrossPrice,\r\n bottom: true,\r\n showPrimaryPrice\r\n })}\r\n \r\n
\r\n\r\n \r\n {finalCurrency}\r\n
\r\n\r\n {/* {flex && /[+-]?([0-9]*[.])?[0-9]?[0-9] %/.test(youSave) ? {youSave} : \"\"}\r\n {showRedDiscount ? {youSave} : \"\"}\r\n {showVolDiscount && -{volumeDiscount}%}\r\n {showMaxDiscount && -{maxDiscount}% MAX} */}\r\n \r\n )\r\n\r\n const processedSecondaryPrice =\r\n /.[0-9](RON)/.test(secondaryPrice) || /.[0-9](LEI)/.test(secondaryPrice)\r\n ? secondaryPrice?.slice?.(0, -12)\r\n : secondaryPrice?.includes?.(\"RON\") || secondaryPrice?.includes?.(\"LEI\")\r\n ? secondaryPrice?.slice?.(0, -13)\r\n : secondaryPrice?.includes?.(\"null\")\r\n ? secondaryPrice?.slice?.(0, -14)\r\n : secondaryPrice?.slice?.(0, -9)\r\n\r\n const secPriceFragment = (\r\n \r\n
\r\n )\r\n\r\n // listPrice =\r\n // /.[0-9](RON)/.test(listPrice) || /.[0-9](LEI)/.test(listPrice)\r\n // ? listPrice?.slice?.(0, -12)\r\n // : listPrice?.includes?.(\"RON\") || listPrice?.includes?.(\"LEI\")\r\n // ? listPrice?.slice?.(0, -13)\r\n // : listPrice?.includes?.(\"null\")\r\n // ? listPrice?.slice?.(0, -14)\r\n // : listPrice?.slice?.(0, -9)\r\n\r\n const listPriceFragment = //${flex ? \"ml2\" : \"mt1\"} ${right ? 'text-right' : ''} ${!flex && !right ? 'text-center' : ''\r\n (\r\n \r\n
\r\n )\r\n return (\r\n <>\r\n \r\n {\r\n setPriceDetail()\r\n longCard && setShowModal(true)\r\n }}\r\n />\r\n )}\r\n
\r\n {/* {flex && /[+-]?([0-9]*[.])?[0-9]?[0-9] %/.test(youSave) ? {youSave} : \"\"} */}\r\n {/* {showRedDiscount ? */}\r\n {!priceDetailCard && !bottom && !noImage && (\r\n \r\n {mainPriceFragment}\r\n {longCard && (\r\n <>\r\n {/*flex && /[+-]?([0-9]*[.])?[0-9]?[0-9] %/.test(youSave) ? {youSave} : \"\"*/}\r\n {showGrayDiscount && priceDiscountType === \"GRID\" ? (\r\n {youSave}\r\n ) : (\r\n \"\"\r\n )}\r\n {showVolDiscount && (\r\n \r\n -{volumeDiscount}%\r\n \r\n )}\r\n {showMaxDiscount && (\r\n \r\n -{maxDiscount}% MAX\r\n \r\n )}\r\n {!isBasketPage && renderedBy !== \"userList\" &&\r\n {\r\n setPriceDetail()\r\n longCard && setShowModal(true)\r\n }}\r\n />\r\n }\r\n \r\n \r\n )}\r\n
\r\n {secPriceFragment}\r\n {!priceDetailCard && !bottom && !longCard && !noImage && !isBasketPage && renderedBy !== \"userList\" && (\r\n \r\n {showGrayDiscount && !longCard && renderedBy !== \"userList\" &&(\r\n
\r\n )}\r\n \r\n )\r\n }\r\n // =============== brand and title section ==============\r\n\r\n const productCodeStyle = {\r\n backgroundColor: \"#f3f3f3\",\r\n borderRadius: \"11px\",\r\n padding: \"2px 9px\",\r\n marginRight: \"8px\"\r\n }\r\n\r\n const brandTitle = (\r\n <>\r\n \r\n \r\n {priceDiscountType === \"GRID\" && listPriceFragment}\r\n \r\n \r\n {priceDiscountType === \"GRID\"\r\n ? `${youSave} discount - pretul tau`\r\n : \"Prețul tău final\"}\r\n \r\n
\r\n )}\r\n {showVolDiscount && !longCard && renderedBy !== \"userList\" &&(\r\n \r\n \r\n
\r\n )}\r\n {showMaxDiscount && !longCard && renderedBy !== \"userList\" &&(\r\n \r\n \r\n
\r\n )}\r\n \r\n {isLogged &&\r\n \r\n {props?.code}\r\n \r\n }\r\n \r\n {brandName && `Brand: ${brandName}`}\r\n \r\n
\r\n \r\n {badgeTitle && cardState === \"listCard\" && !noImage && (\r\n \r\n {title}\r\n \r\n )}\r\n\r\n {noImage && clientType === \"GUEST\" && categoryStringWithBadge}\r\n\r\n {/* {clientType !== \"GUEST\" && (\r\n
\r\n )\r\n // =========================================================\r\n const quantityInputSection = ({ ignoreStock }) => (\r\n <>\r\n {/* {badgeTitle}
\r\n )}\r\n {productImageSection}\r\n \r\n \r\n {brandName && (\r\n
\r\n\r\n {isProductDetailPage ? (\r\n {`${\r\n noImage && clientType === \"GUEST\" ? \"BRAND: \" : \"\"\r\n } ${brandName}`}
\r\n )}\r\n {clientType !== \"GUEST\" && (\r\n {title}
\r\n ) : (\r\n {clientType !== \"GUEST\" && stockInfoSection}
\r\n {(cardState !== \"predefinedLists\"\r\n && cardState !== \"excelCard\")\r\n && (\r\n <>\r\n \r\n {priceSection({\r\n className: \"my2\",\r\n flex: true,\r\n criticalSection: false,\r\n primaryPrice: String(mainPrice)?.includes?.(\"LEI\")\r\n ? String(mainPrice)?.slice?.(0, -4)\r\n : mainPrice,\r\n secondaryPrice: secondaryPrice,\r\n forcedSecondaryPrice: computed.prices.secondary,\r\n listPrice\r\n })}\r\n \r\n )}\r\n {/* {(clientType === \"RESELLER\" || clientType === \"LARGE\") && youSave && (\r\n {rebateMessage}
\r\n )} */}\r\n {/* {clientType !== \"GUEST\" && stockInfoSection} */}\r\n */}\r\n
*/}\r\n \r\n
\r\n {/* {deals?.length > 0 && ( */}\r\n {/* \r\n
\r\n { smallPackageQuantity && \r\n smallPackageType &&\r\n \r\n {/*
\r\n }\r\n \r\n {specialPriceSvg}\r\n
*/}\r\n {/* )} */}\r\n {/* setCardState(\"specialPricesCard\")}\r\n >\r\n
\r\n \r\n {minQuantity > 0 && (\r\n setCardState(\"fastPickerCard\")}\r\n />\r\n )}\r\n {/** numbers icon was the old svg*/}\r\n
\r\n \r\n )\r\n // =========================================================\r\n const listModifyBottomSection = (\r\n <>\r\n {totalPriceGreySection({ wQuantity: true, right: true })}\r\n \r\n
\r\n )}\r\n {minQuantity}
\r\n \r\n modifyQuantity(e?.target?.value, ignoreStock)}\r\n onBlur={() => size?.width < 650 && hideMobileKeyboard(inputRef)}\r\n ref={inputRef}\r\n />\r\n
\r\n {hasFastOptions && (\r\n {unitOfMeasure}
\r\n \r\n setCardState(\"addToCartCard\")}\r\n />\r\n deleteFromCartAction()}\r\n />\r\n
\r\n \r\n )\r\n\r\n const longCardMainButtons = (\r\n \r\n {clientType === \"GUEST\" ? (\r\n {\r\n //addToListAction()\r\n setCardState(\"addToListCard\")\r\n setShowModal(true)\r\n }}\r\n />\r\n )}\r\n {/* {list && deleteFromListButton} */}\r\n
\r\n )\r\n // ===============================================\r\n\r\n const isAddedToCartButton = modifyBasketButton === \"Adaugat in cos\"\r\n const isAddToCartButtonDisabled = \r\n \r\n isAddedToCartButton || \r\n (loadingIndicators?.addingToBasket && !nrOfProductsInCart) ||\r\n quantityValidation?.isInProgress\r\n\r\n\r\n \r\n const addToCartOnClick = () => {\r\n if(isAddedToCartButton) return\r\n if(modifyBasketButton !== \"Confirma Modificarea\") return addToCartAction()\r\n return setTimeout(addToCartAction, 0)\r\n }\r\n const addToCartBottomSection = (\r\n \r\n {quantityInputSection({})}\r\n {totalPriceGreySection({ wQuantity: false, showPrimaryPrice: true })}\r\n addToCartAction()}/> */}\r\n
\r\n )\r\n{/* MODAL CARD FOR EXCEL MODIFY QUANTITY ONLY */}\r\nconst modifyExcelQuantitySection = (\r\n \r\n deleteFromCartAction()}\r\n />\r\n ) : null}\r\n
\r\n {/* :\r\n {quantityInputSection({})}\r\n {totalPriceGreySection({ wQuantity: false, showPrimaryPrice: true })}\r\n
\r\n)\r\n\r\n const mainCardLayout = (\r\n <>\r\n {cardState !== \"listCard\" && closeButton}\r\n {listCardTopSection}\r\n\r\n \r\n \r\n {\r\n dispatch(setExcelQuantity(id, selectedQuantity))\r\n closeModal && closeModal()\r\n }\r\n }\r\n />\r\n
\r\n \r\n {cardState === \"listCard\"\r\n ? quantity > 0 && clientType !== \"GUEST\"\r\n ? addToCartBottomSection\r\n : listCardButtons\r\n : // ? quantity > 0 ? listModifyBottomSection : listCardButtons\r\n cardState === \"excelCard\"\r\n ? modifyExcelQuantitySection\r\n : addToCartBottomSection}\r\n
\r\n \r\n )\r\n\r\n const generalEditCardLayout = (\r\n <>\r\n {cardState !== \"predefinedLists\" && closeButton}\r\n {listCardTopSection}\r\n\r\n \r\n {cardState === \"addToListCard\" && (\r\n <>\r\n {quantityInputSection({ ignoreStock: true })}\r\n {totalPriceGreySection({ wQuantity: false })}\r\n {/* if we are in the user's list, we need tu update quantity, not to add to a new lithis.state. */}\r\n {renderedBy === \"userList\" ? (\r\n
\r\n \r\n )\r\n\r\n // ===============================================\r\n // Price detail change request card and related cards for different type of discounts\r\n const whiteDetailCard = (title, strikeThrough, type) => {\r\n const netPriceToShow = type === \"discount\" ? mainPrice : listPrice\r\n const brutPriceToShow =\r\n type === \"discount\" ? secondaryPrice : secondaryListPrice\r\n return (\r\n \r\n
\r\n )\r\n }\r\n\r\n const blueDetailCard = (title, type) => (\r\n {title}
\r\n \r\n {priceSection({\r\n className: \"my2\",\r\n flex: true,\r\n criticalSection: false,\r\n primaryPrice: String(netPriceToShow)?.includes?.(\"LEI\")\r\n ? String(netPriceToShow)?.slice?.(0, -4)\r\n : netPriceToShow,\r\n secondaryPrice: brutPriceToShow,\r\n priceDetailCard: true,\r\n strikeThrough\r\n })}\r\n {type === \"mockpack\" && (\r\n \r\n
\r\n )}\r\n {type === \"volume\" && (\r\n \r\n
\r\n )}\r\n {type === \"discount\" && (\r\n \r\n {youSave} discount - pretul tau\r\n
\r\n )}\r\n \r\n
\r\n )\r\n\r\n const priceCard = (\r\n \r\n
\r\n {priceSection({\r\n className: \"my2\",\r\n flex: true,\r\n criticalSection: false,\r\n primaryPrice: String(\r\n volumeDiscount ? discountedNetPrice : mainPrice\r\n )?.includes?.(\"LEI\")\r\n ? String(volumeDiscount ? discountedNetPrice : mainPrice)?.slice?.(\r\n 0,\r\n -4\r\n )\r\n : volumeDiscount\r\n ? discountedNetPrice\r\n : mainPrice,\r\n secondaryPrice: volumeDiscount ? discountedBrutPrice : secondaryPrice,\r\n priceDetailCard: true\r\n })}\r\n {/* {title}
\r\n \r\n
\r\n */}\r\n {type === \"red\" && (\r\n
*/}\r\n \r\n
\r\n )}\r\n {type === \"purple\" && (\r\n \r\n {volumeDiscount} discount de volum\r\n
\r\n )}\r\n {type === \"grey\" && (\r\n \r\n {youSave} discount - pretul tau\r\n
\r\n )}\r\n {type === \"grey-fix\" && (\r\n \r\n
\r\n )}\r\n {/* \r\n
\r\n )\r\n\r\n const cardsLocalProps = {\r\n totalStock,\r\n setVolumeDiscount,\r\n setCardState,\r\n addToCartAction,\r\n selectedQuantity,\r\n setSelectedQuantity,\r\n closeModal\r\n }\r\n\r\n //========== BIG PRODUCT CARDS ==============\r\n // const computedCurrency= (i) => ` ${((i?.currency?.toUpperCase?.() === \"RON\" || i?.currency?.toUpperCase?.() === \"LEI\") ? 'LEI' : i?.currency)}`\r\n // const mainPriceCompute = (i) => `${round(i?.priceNet * i?.quantity)}${computedCurrency(i)}`\r\n // const secondaryPriceCompute = (i) => `${round(i?.priceGross * i?.quantity)} ${computedCurrency(i)} (cu TVA)`\r\n\r\n const bigProductCard = (\r\n \r\n ![]()
e?.preventDefault?.()}\r\n src={Left}\r\n alt=\"\"\r\n onClick={() => {\r\n setCardState(\"listCard\")\r\n closeModal && closeModal()\r\n }}\r\n />\r\n
\r\n \r\n Detalierea
\r\n Pretului\r\n
\r\n {priceDiscountType === \"NONE\" && (\r\n \r\n Pretului\r\n
\r\n
\r\n )}\r\n {priceDiscountType === \"FIX\" &&\r\n !volumeDiscount &&\r\n blueDetailCard(\"PRETUL TAU\", \"grey-fix\")}\r\n\r\n {/*+ fix + voldiscount kell white TODO-correct in case of we'll have this scenario*/}\r\n {priceDiscountType === \"FIX\" &&\r\n volumeDiscount > 0 &&\r\n whiteDetailCard(\"PRETUL TAU\", true, \"discount\")}\r\n\r\n {priceDiscountType === \"GRID\" && whiteDetailCard(\"PRET DE LISTA\", true)}\r\n {priceDiscountType === \"GRID\" &&\r\n volumeDiscount > 0 &&\r\n whiteDetailCard(\"PRETUL TAU\", true, \"discount\")}\r\n {priceDiscountType === \"GRID\" &&\r\n !volumeDiscount &&\r\n blueDetailCard(\"PRETUL TAU\", \"grey\")}\r\n {/* TODO blue cards if max discount exceeded */}\r\n {/* {whiteDetailCard(\"PRETUL TAU\")} */}\r\n {/*blueDetailCard(\"PRET PROMOTIONAL\", \"red\")*/}\r\n {discountVolumeId &&\r\n volumeDiscount > 0 &&\r\n blueDetailCard(\"DISCOUNT DE VOLUM\", \"purple\")}\r\n\r\n {discountVolumeId && (\r\n \r\n {specialPriceSvg}\r\n
\r\n )}\r\n setCardState(\"specialPricesCard\")}\r\n >\r\n
\r\n \r\n {cardState === \"listCard\" && mainCardLayout}\r\n {cardState === \"addToCartCard\" && mainCardLayout}\r\n {cardState === \"addToListCard\" && generalEditCardLayout}\r\n {cardState === \"saveInListCard\" && generalEditCardLayout}\r\n {cardState === \"remindeMeCard\" && generalEditCardLayout}\r\n {cardState === \"predefinedLists\" && generalEditCardLayout}\r\n {cardState === \"priceCard\" && priceCard}\r\n {cardState === \"specialPricesCard\" && (\r\n
\r\n )\r\n\r\n //========== LONG PRODUCT CARDS ==============\r\n const longCardRightCTA = (\r\n \r\n {clientType !== \"GUEST\" && !noPrice && (\r\n
\r\n )\r\n\r\n const longCardRightCtaList = (\r\n \r\n {/*flex */}\r\n {priceSection({\r\n className: \"mb2\",\r\n flex: true,\r\n primaryPrice: mainPrice,\r\n secondaryPrice: secondaryPrice,\r\n listPrice,\r\n longCard: true\r\n })}\r\n
\r\n )}\r\n {longCardMainButtons}\r\n \r\n {!noPrice &&\r\n priceSection({\r\n className: \"mb2\",\r\n primaryPrice: mainPrice,\r\n secondaryPrice: secondaryPrice\r\n })}\r\n {/* {longCardMainButtons} */}\r\n {addToCartButtonSquare}\r\n {deleteFromListButton}\r\n
\r\n )\r\n\r\n const normalLongCardButtons = (\r\n <>\r\n \r\n dispatch(modifyBasket(item?.id, selectedQuantity))}\r\n />\r\n ) : undefined\r\n ) : (\r\n normalLongCardButtons\r\n )}\r\n
\r\n )\r\n\r\n const longProductCard = (\r\n {`${\r\n quantity ?? \"\"\r\n } ${unitOfMeasure ?? \"\"}`}
\r\n {cardState !== \"predefinedLists\" && !noPrice && (\r\n \r\n {/*flex alignCenter*/}\r\n {priceSection({\r\n right: true,\r\n criticalSection: true,\r\n primaryPrice: totalNetPrice,\r\n secondaryPrice: totalGrossPrice,\r\n longCard: true,\r\n bottom: true,\r\n showPrimaryPrice: true\r\n })}\r\n
\r\n )}\r\n {cardState === \"predefinedLists\" ? (\r\n clientType !== \"GUEST\" ? (\r\n \r\n \r\n ![]()
e?.preventDefault?.()}\r\n src={attachSizeQueryParamsXS(itemImage)}\r\n className=\"image click\"\r\n alt=\"img\"\r\n onClick={setScrollPosition}\r\n />\r\n \r\n
\r\n )\r\n\r\n return long ? longProductCard : bigProductCard\r\n}\r\n\r\nconst specialPriceSvg = (\r\n \r\n)\r\n\r\nexport default withLocalize(ProductCard)\r\n","export const mapOptionsToDynamoList = (list, dynamoOptions, key = \"nume\") => {\r\n return list?.map?.(\r\n (id) => dynamoOptions?.find?.((i) => id === i?.PK)?.values?.[key]\r\n )\r\n}\r\n\r\nexport const mapRole = (groupId) =>\r\n groupId === \"3ZVWlG\"\r\n ? \"GUEST\"\r\n : // : groupId === 'WmGwm7' ? \"GUEST\"\r\n \"SYS_ADMIN\"\r\n\r\n// {\r\n// ALL_ROLES: [\r\n// {\r\n// value: 'yZyDr3',\r\n// label: 'Admin Companie'\r\n// },\r\n// {\r\n// value: '5l7vZR',\r\n// label: 'Administrator de sistem'\r\n// },\r\n// {\r\n// value: '3ZVWlG',\r\n// label: 'Anonymous'\r\n// },\r\n// {\r\n// value: 'WmGwm7',\r\n// label: 'Business Super User'\r\n// },\r\n// {\r\n// value: '7rq0mP',\r\n// label: 'Manager Marketing'\r\n// },\r\n// {\r\n// value: 'grK9lA',\r\n// label: 'User Companie'\r\n// }\r\n// ]\r\n// }\r\nexport const addId = (items) => {\r\n items?.forEach?.((e) => {\r\n if (!e.id) e.id = e?.PK + e?.SK\r\n })\r\n return items\r\n}\r\n","export const badgeColors = [\r\n { id: \"yellow-60\", label: \"Yellow\" },\r\n { id: \"magenta-60\", label: \"Red\" },\r\n { id: \"teal-60\", label: \"Teal\" },\r\n { id: \"purple-60\", label: \"Purple\" }\r\n]\r\n\r\n//do the product fix\r\n","import { history } from \"utils/history\"\r\n// import { Lang, lang, Translate, withLocalize } from \"components/Lang/Lang\"\r\nimport { isCampaignActive } from \"utils/dateUtils\"\r\nimport { campaignConfig } from \"views/shoppingCart/useCampaignInfo\"\r\n\r\n\r\nconst getCampaignMessage = (orderCode, nrOfOrderPerWeek, isCompanyInCampaign) => {\r\n if(nrOfOrderPerWeek === 1 && isCompanyInCampaign && isCampaignActive() && campaignConfig.doesAffectCart)\r\n return `Felicitări! \r\n
\r\n\r\n {showModal && (\r\n \r\n {brandTitle}\r\n
\r\n {/* {!list && (quantity>0 ? longCardBasketOptions : longCardRightCTA)} */}\r\n {quantity > 0 && clientType !== \"GUEST\"\r\n ? longCardBasketOptions\r\n : cardState === \"predefinedLists\"\r\n ? longCardBasketOptions\r\n : list\r\n ? longCardRightCtaList\r\n : longCardRightCTA}\r\n \r\n {badgeTitle && (\r\n <>\r\n
\r\n \r\n {badgeTitle}\r\n
\r\n \r\n \r\n )}\r\n {clientType !== \"GUEST\" && (\r\n \r\n {clientType !== \"GUEST\" && stockInfoSection}\r\n
\r\n \r\n setShowModal(false)}\r\n product={props}\r\n {...props}\r\n long={false}\r\n />\r\n
\r\n )}\r\n Comanda ta cu numărul ${orderCode || \"-\"} a fost înscrisă în tragerea la sorți a campaniei ${campaignConfig.name}
Nu uita să plasezi și săptămâna viitoare o comandă, pentru încă o șansă de câștig!`\r\n else if(nrOfOrderPerWeek > 1 && isCompanyInCampaign && campaignConfig.doesAffectCart)\r\n return `Îți mulțumim pentru comandă!
Compania ta este deja înscrisă în tragerea la sorți a campaniei ${campaignConfig.name},
Te invităm să revii și săptămâna viitoare cu o nouă comandă.`\r\n //
\r\n \r\n {capitalizeFirstLetter(child?.name)}\r\n \r\n {createChildren(child?.childList, level + 1)}\r\n
\r\n ))\r\n\r\n const oneCategory = (item) => (\r\n \r\n
\r\n )\r\n\r\n return (\r\n \r\n
\r\n {createChildren(item?.childList, 0)}\r\n \r\n
\r\n \r\n \r\n
\r\n {item?.name}
\r\n {/* {item?.count}
*/}\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default MegaCategoryFilter\r\n","export const permissionGroups = [\r\n {\r\n code: \"ORGANIZATION\",\r\n label: \"Organization\"\r\n },\r\n {\r\n code: \"INVOICE\",\r\n label: \"Invoice\"\r\n },\r\n {\r\n code: \"LOCATION\",\r\n label: \"Location\"\r\n },\r\n {\r\n code: \"GROUP\",\r\n label: \"Group\"\r\n },\r\n {\r\n code: \"VEHICLE\",\r\n label: \"Vehicle\"\r\n },\r\n {\r\n code: \"BUDGET_CATEGORY\",\r\n label: \"Budget category\"\r\n },\r\n {\r\n code: \"AUDIT\",\r\n label: \"Audit\"\r\n },\r\n {\r\n code: \"ASSET_MODEL\",\r\n label: \"Asset model\"\r\n },\r\n {\r\n code: \"USER\",\r\n label: \"User\"\r\n },\r\n {\r\n code: \"DICTIONARY\",\r\n label: \"Dictionary\"\r\n },\r\n {\r\n code: \"MATERIAL\",\r\n label: \"Material\"\r\n },\r\n {\r\n code: \"SHIFT\",\r\n label: \"Shift\"\r\n },\r\n {\r\n code: \"VALUABLES_RATE\",\r\n label: \"Valuables rate\"\r\n },\r\n {\r\n code: \"VALUABLES\",\r\n label: \"Valuables\"\r\n },\r\n {\r\n code: \"REMINDER\",\r\n label: \"Reminder\"\r\n },\r\n {\r\n code: \"CONTRACT\",\r\n label: \"Contract\"\r\n },\r\n {\r\n code: \"NOTIFICATION\",\r\n label: \"Notification\"\r\n },\r\n {\r\n code: \"PRODUCT\",\r\n label: \"Product\"\r\n }\r\n]\r\n","import { DatePicker } from \"views/dev/select/DatePicker\"\r\nimport MagicInput from \"components/MagicInput/MagicInpuv2\"\r\nimport WhiteFormCard from \"components/WhiteFormCard\"\r\nimport FormPormPageHeader from \"components/_partials/formPormPageHeader\"\r\nimport useMagicForm from \"utils/useMagicForm\"\r\nimport { useDispatch } from \"store\"\r\nimport { savePriceRequest } from \"store/modules/guest.actions\"\r\nimport CartProductCard from \"views/shoppingCart/cartProductCard\"\r\nimport { loadDynamoFormItemByPK_v2 } from \"store/modules/dataView.search\"\r\nimport { useEffect, useState } from \"react\"\r\nimport { useSelector } from \"store\"\r\nimport { loadItem } from \"store/justActions/loadApiIems\"\r\n// import MagicButton from \"components/MagicButton/MagicButton\"\r\nimport \"./priceRequestForm.scss\"\r\nimport { setPageEdit } from \"store/modules/page\"\r\nimport { apiAction } from \"store/middleware/api\"\r\nimport { Lang, lang, Translate, withLocalize } from \"components/Lang/Lang\"\r\nimport * as yup from \"yup\"\r\nimport { printError } from \"utils/printError\"\r\n\r\nexport const noPriceResponse = (\r\n productId,\r\n detail,\r\n email,\r\n // unitPrice,\r\n // totalPrice,\r\n // quantity\r\n) => {\r\n return apiAction({\r\n endPoint: \"/product/goods/notify-response\", //notify-request,\r\n method: \"POST\",\r\n data: {\r\n productId,\r\n detail,\r\n email,\r\n // unitPrice,\r\n // totalPrice,\r\n // quantity: parseInt(quantity),\r\n notifyTypeCode: \"PRODUCT_NO_PRICE_RESPONSE_NOTIFY\"\r\n },\r\n onSuccess: (data, dispatch) => {\r\n return {\r\n type: \"a\"\r\n }\r\n },\r\n onFailure: (error, dispatch) => {\r\n printError(\"noPriceResponse()\", error)\r\n return {\r\n type: \"a\"\r\n }\r\n }\r\n })\r\n}\r\n\r\nconst PriceRequestForm = ({ location }) => {\r\n const dispatch = useDispatch()\r\n const crtFormItem = useSelector((state) => state?.page?.crtFormItem)\r\n const [textValue, setTextValue] = useState(crtFormItem?.product?.mentions || \"\")\r\n const pageTitle = \r\n {collumnOrder?.map?.((collIds, index) => (\r\n
\r\n \r\n {collIds?.map?.((id) =>\r\n oneCategory(cateogries?.find?.((e) => e?.treeCode === id))\r\n )}\r\n
\r\n ))}\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nconst CurrencyBox = (props) => {\r\n const { currency } = props\r\n return \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 {crtFormItem?.product?.companyName}\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 {textValue ? (\r\n \r\n ) : (\r\n \r\n )}\r\n\r\n \r\n
\r\n \r\n {currency}
\r\n}\r\n\r\nexport function saveSetup(\r\n data,\r\n status,\r\n mentions,\r\n // priceForRequestedQuantity,\r\n // unitPrice\r\n) {\r\n data[\"product\"][\"status\"] = status\r\n data[\"product\"][\"PK\"] = data?.PK\r\n data[\"product\"][\"SK\"] = data?.SK\r\n data[\"product\"][\"mentions\"] = mentions\r\n // data[\"product\"][\"priceForRequestedQuantity\"] = priceForRequestedQuantity\r\n // data[\"product\"][\"unitPrice\"] = unitPrice\r\n\r\n return data?.product\r\n}\r\n\r\nexport default PriceRequestForm\r\n","import SvgIcon from \"components/SvgIcon/SvgIcon\"\r\n// import moment from \"moment\"\r\nimport { useEffect, useRef, useState } from \"react\"\r\nimport { useDispatch, useSelector } from \"react-redux\"\r\nimport { setColumns } from \"store/modules/dataView\"\r\nimport useShowModalOutsideClick from \"utils/useShowModalOutsideClick\"\r\nimport \"./DatePicker.scss\"\r\nimport ColumnsReorderDragAndDrop from \"views/dev/select/ReorderColumnsDragDrop/ColumnsReorderDragAndDrop\"\r\n\r\n// const columnSortFilter = {\r\n// id: \"FLT-C0SORTER\",\r\n// fb : 70,\r\n// value: \"String\",\r\n// type: \"columnSort\",\r\n// placeholder: undefined,\r\n// label: \"Categorie\",\r\n// // loadMore: \"Incarca mai multe...\",\r\n// };\r\n\r\nexport const ColumnSortFilter = (props) => {\r\n const [value, setValue] = useState()\r\n const { ref, showModal, setShowModal } = useShowModalOutsideClick()\r\n const stateColumns = useSelector((state) => state?.dataView?.columns)\r\n\r\n let className = \"cdt-button no-label coll-sort stroke-text-light-01 \"\r\n if (showModal) className += \"open \"\r\n if (!showModal) className += \"close \"\r\n if (stateColumns) className += \"selected \"\r\n // if (value) className += \"selected\"\r\n\r\n const data = props.templateHeader?.map?.((col, index) => ({\r\n id: index,\r\n disabled: col.noHide,\r\n label: col.type !== \"moreActions\" ? col.label : undefined, //used to hide moreActions col in reorder modal. Select is already wo label from deffinition\r\n visible:\r\n !stateColumns || stateColumns?.length === 0\r\n ? true\r\n : stateColumns?.includes?.(index)\r\n }))\r\n\r\n // let label = value?.[0] ? \"selectata\" : \"Select Date\"\r\n return (\r\n \r\n \r\n {showModal && (\r\n
\r\n )\r\n}\r\n\r\nconst SortFilterModal = (props) => {\r\n const { value, setValue, setShowModal } = props\r\n const dispatch = useDispatch()\r\n return (\r\n \r\n
\r\n )\r\n}\r\nexport default ColumnSortFilter\r\n","import CategoryFilter from \"components/CategoryFilter\"\r\nimport SvgIcon from \"components/SvgIcon/SvgIcon\"\r\n// import moment from \"moment\"\r\nimport { useState } from \"react\"\r\nimport { useDispatch, useSelector } from \"react-redux\"\r\nimport { setFilterSelection } from \"store/modules/dataView\"\r\nimport useShowModalOutsideClick from \"utils/useShowModalOutsideClick\"\r\nimport \"./DatePicker.scss\"\r\n\r\n// const allCategoryFilter = {\r\n// id: \"FLT-CATEG001\",\r\n// fb : 200,\r\n// value: \"String\",\r\n// type: \"category\",\r\n// placeholder: undefined,\r\n// label: \"Categorie\",\r\n// search: true,\r\n// // loadMore: \"Incarca mai multe...\",\r\n// };\r\n\r\nexport const VerticalCategoryFilter = (props) => {\r\n const [value, setValue] = useState()\r\n const { ref, showModal, setShowModal } = useShowModalOutsideClick()\r\n\r\n let className = \"cdt-button no-label stroke-text-light-01 \"\r\n if (showModal) className += \"open \"\r\n if (!showModal) className += \"close \"\r\n if (value) className += \" selected\"\r\n\r\n // let label = value?.[0] ? \"selectata\" : \"Select Date\"\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {showModal && (\r\n
\r\n )\r\n}\r\n\r\nconst SortFilterModal = (props) => {\r\n const { value, setValue, setShowModal, filter, id } = props\r\n const dispatch = useDispatch()\r\n return (\r\n \r\n
\r\n )\r\n}\r\nexport default VerticalCategoryFilter\r\n","import MagicInput from \"components/MagicInput/MagicInput\"\r\n// import ColumnsReorderDragAndDrop from \"views/dev/select/ReorderColumnsDragDrop/ColumnsReorderDragAndDrop\"\r\nimport SvgIcon from \"components/SvgIcon/SvgIcon\"\r\nimport { useRef, useState } from \"react\"\r\nimport useWindowSize from \"utils/useWindowsSize\"\r\nimport CustomSelectFilter from \"views/dev/select/CustomSelectFilter\"\r\nimport { DatePickerFilter } from \"views/dev/select/DatePicker\"\r\n// import HorizontalFilterWrapper from \"views/dev/select/HorizontalFilterWrapper\"\r\nimport { useSelector } from \"store\"\r\nimport { selectComputedFilters } from \"store/selectors/dataView/finalFilters.selector\"\r\n\r\nimport \"./HorizontalFilterUniprest.scss\"\r\nimport { ColumnSortFilter } from \"views/dev/select/ColumnSortFilter\"\r\n// import filter from \"views/invoices/InvoiceComponents/FilterSection/Filterdata\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { setDVsearchString, setLastAddedToCart, setMultipleFilterSelection } from \"store/modules/dataView\"\r\nimport { toggleViewType } from \"store/modules/shop\"\r\nimport MagicButton from \"components/MagicButton/MagicButton\"\r\nimport VerticalCategoryFilter from \"views/dev/select/VerticalCategoryFilter\"\r\nimport { useEffect } from \"react\"\r\nimport { loadViewData } from \"store/modules/dataView/dataView-dataLoader\"\r\nimport MegaCategoryFilter from \"components/MegaCategoryFilter\"\r\nimport {\r\n setControlDVString,\r\n setCheckFilters,\r\n setCheckSearchString,\r\n setFilterSelection\r\n} from \"store/modules/dataView\"\r\nimport { setScrollPostion } from \"store/modules/page\"\r\nimport useQueryStringFilters, { sortByToUrlFriendly } from \"utils/useQueryStringFilters\"\r\nimport { withLocalize } from \"components/Lang/Lang\"\r\nimport { hideMobileKeyboard } from \"utils/hideKeyboardOnMobile\"\r\n\r\n// import {Lang, lang, Translate, withLocalize } from \"components/Lang/Lang\"\r\n\r\n// const data = [\r\n// { id: 'c', label: 'Chocolate' },\r\n// { id: 's', label: 'Strawberry' },\r\n// { id: 'v', label: 'Vanilla' },\r\n// { id: 'c1', label: 'Chocolate' },\r\n// { id: 's1', label: 'Strawberry' },\r\n// { id: 'v1', label: 'Vanilla' },\r\n// { id: 'c2', label: 'Chocolate' },\r\n// { id: 's2', label: 'Strawberry' },\r\n// { id: 'v2', label: 'Vanilla' },\r\n// { id: 'c3', label: 'Chocolate' },\r\n// { id: 's3', label: 'Strawberry' },\r\n// { id: 'v3', label: 'Vanilla' },\r\n// { id: 'c4', label: 'Chocolate' },\r\n// { id: 's4', label: 'Strawberry' },\r\n// { id: 'v4', label: 'Vanilla' },\r\n// { id: 'c5', label: 'Chocolate' },\r\n// { id: 's5', label: 'Strawberry' },\r\n// { id: 'v5', label: 'Vanilla' },\r\n// ]\r\n// cosnt userInfo = useSelector(state => state.user.info)\r\n\r\n// const filters = [\r\n// { fb: 200, data, placeholder: 'Brand ... ' },\r\n// { fb: 200, data, placeholder: 'Brand ... ', isMulti: true },\r\n// { fb: 200, data, placeholder: 'Brand ... ', isMulti: true, isClearable: true },\r\n// { fb: 200, data, placeholder: 'Brand ... ', selected: 'c4' },\r\n// { fb: 200, data, placeholder: 'Brand ... ' },\r\n// { fb: 200, data, placeholder: 'Brand ... ' },\r\n// ]\r\nconst HorizontalFilterUniprest = (props) => {\r\n const {\r\n title,\r\n filterIds,\r\n showSelectedFilters,\r\n showSavedFilters,\r\n templateHeader,\r\n className,\r\n noMore, //disables more filters button\r\n wideSearch, //makes the seatch fullwidth\r\n noMargins,\r\n cardButton, //display list toggle button\r\n translate,\r\n noCallOnSearchString = false\r\n } = props\r\n const {\r\n searchString,\r\n page, \r\n filters: qsFilters,\r\n sortBy,\r\n setSearchString,\r\n setPage,\r\n setQsSortBy,\r\n } = useQueryStringFilters()\r\n\r\n\r\n const nrProductsPerPage = useSelector(state => state?.dataView?.items?.pageSize || 25)\r\n\r\n const [showMoare, setShowMoare] = useState(Boolean(noMore))\r\n const [typingTimer, setTypingTimer] = useState(null)\r\n\r\n useEffect(() => {\r\n if(noMore) setShowMoare(true)\r\n },[noMore])\r\n\r\n const previousQueryStringRef = useRef()\r\n\r\n useEffect(() => {\r\n\r\n if (!previousQueryStringRef.current && searchString) {\r\n // When the first letter is typed into the text-based search, we switch to sort by relevance.\r\n dispatch(setFilterSelection(\"FLT-sort00p1\", [\"relevance|false\"]))\r\n }\r\n if (previousQueryStringRef.current && !searchString) {\r\n // When the text-based search-term is cleared, we switch back to the default sort by.\r\n dispatch(setFilterSelection(\"FLT-sort00p1\", [\"ranking|true\"]))\r\n }\r\n previousQueryStringRef.current = searchString\r\n\r\n }, [searchString])\r\n\r\n\r\n const ref = useRef()\r\n const inputRef = useRef()\r\n const size = useWindowSize(ref)\r\n const dispatch = useDispatch()\r\n //const firstRender = useRef(1);\r\n const { filters, appliedFilters } = useSelector((state) =>\r\n selectComputedFilters(state)\r\n )\r\n // const searchString = useSelector(state => state?.dataView?.searchString)\r\n const listType = useSelector((state) => state?.shop?.viewType)\r\n const viewId = useSelector((state) => state?.dataView?.viewId)\r\n const sort = useSelector((state) => state?.dataView?.sort)\r\n const searchTerm = searchString\r\n const lastItemHint = useSelector((state) => state?.dataView?.lastItemHint)\r\n const controlPageViewId = useSelector(\r\n (state) => state?.dataView?.controlPageViewId\r\n )\r\n const selectedFilters = useSelector(\r\n (state) => state?.dataView?.selectedFilters\r\n )\r\n const checkFilters = useSelector((state) => state?.dataView?.checkFilters)\r\n const checkSearchString = useSelector(\r\n (state) => state?.dataView?.checkSearchString\r\n )\r\n // useEffect(() => {\r\n // dispatch(loadViewData({qsFilters, searchTerm, reload:true}))\r\n // }, [appliedFilters, dispatch])\r\n const delayConfig = 500\r\n //log each render\r\n\r\n const selectedSortBy = selectedFilters?.[\"FLT-sort00p1\"]\r\n\r\n useEffect(() => {\r\n // Set the URL to reflect selected sortBy:\r\n setQsSortBy(sortByToUrlFriendly(selectedSortBy));\r\n }, [selectedSortBy])\r\n \r\n\r\n useEffect(() => {\r\n //timer reset, in case it was started before\r\n if (typingTimer) {\r\n clearTimeout(typingTimer)\r\n setTypingTimer(null)\r\n }\r\n //starts the timer, and after a preconfigured delay it will trigger the search dispatch\r\n const timer = setTypingTimer(\r\n setTimeout(() => {\r\n // if(viewId !== \"java-product-client\") {//console.log(\"CHECK ADMIN RENDER\")\r\n // dispatch(loadViewData({qsFilters, searchTerm, reload:true}))\r\n // dispatch(setControlDVString(viewId))\r\n // dispatch(setCheckFilters(selectedFilters ? selectedFilters : {}))\r\n // dispatch(setCheckSearchString(searchString ? searchString : \"\"))\r\n // //dispatch(setFilterSelection())\r\n // dispatch(setScrollPostion(0))\r\n // dispatch(setLastAddedToCart())\r\n // }\r\n // TODO test if viewId !== controlPageViewId comdition resolves loading stuff for onbehalf\r\n const filtersCheckCondition =\r\n JSON.stringify(checkFilters) !== JSON.stringify(selectedFilters) ||\r\n //force it to make dispatch\r\n qsFilters?.[\"FLT-CATEG001\"]?.[0] ||\r\n qsFilters?.[\"FLT-SMaaaa00\"]?.[0]\r\n\r\n if(!noCallOnSearchString)\r\n dispatch(loadViewData({ \r\n qsFilters, \r\n searchTerm, \r\n reload: true, \r\n page, \r\n }))\r\n dispatch(setControlDVString(viewId))\r\n // dispatch(setCheckFilters(selectedFilters ? selectedFilters : {}))//*** */\r\n //THE LINE BELOW IS IMPORTANT, EXCEL IMPORT AND DYNAMO RELATED LISTS USES THIS FOR FILTERING PRODUCTS\r\n dispatch(setCheckSearchString(searchString ? searchString : \"\"))\r\n //dispatch(setFilterSelection())\r\n // dispatch(setScrollPostion(0))//*** */\r\n // dispatch(setLastAddedToCart())//*** */\r\n\r\n\r\n }, delayConfig)\r\n )\r\n return () => {\r\n clearTimeout(timer)\r\n }\r\n }, [\r\n dispatch,\r\n searchString,\r\n appliedFilters,\r\n qsFilters,\r\n selectedFilters,\r\n viewId,\r\n sort,\r\n page,\r\n\r\n /**\r\n * COMMENTED OUT BECAUSE it ruined the Load More functionality.\r\n * Now, however, when navigating away from the page and back,\r\n * the items are cleared (unfortunately) and the loading starts\r\n * from the beginning, with only 25 items.\r\n */\r\n // lastItemHint,\r\n\r\n\r\n //controlPageViewId\r\n ])\r\n //console.log( \"SS \", searchString, \" CS \", checkSearchString, \" SF \", selectedFilters, \" CSF \", checkFilters)\r\n\r\n let displayFilters = filterIds\r\n ? filters?.filter?.((item) => filterIds?.includes?.(item?.id))\r\n : filters\r\n if (size?.width < 450)\r\n displayFilters = displayFilters?.filter?.((i) => i.type !== \"mega-category\")\r\n if (cardButton) displayFilters?.push?.({ type: \"cardButton\", fb: 50 })\r\n let width = 0 // the filter container padding and the search and the more button\r\n let maxFilterIndex = 0\r\n displayFilters?.forEach?.((item, index) => {\r\n width += item.fb ?? 200 //16 is the padding item.type = \"mega-category\" && size < 440 ? 0 :\r\n if (width < size?.width) maxFilterIndex = index //if unpitrest show in one row.\r\n })\r\n // const title = 'Tabel title comes here'\r\n\r\n const searchInputProps = {\r\n value: searchString || '',\r\n onChange: (e) => {\r\n setSearchString(e?.target?.value || '');\r\n },\r\n onBlur: () => size?.width < 650 && hideMobileKeyboard(inputRef),\r\n // onChange: e => dispatch(setDVsearchString(e?.target?.value)),\r\n placeholder: translate?.(\"volumeForm.search\")\r\n }\r\n\r\n const textSearchFilter = (\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 const moreFiltersButton = (\r\n \r\n \r\n
\r\n )\r\n\r\n const cardButtonComp = (\r\n \r\n dispatch(toggleViewType())}\r\n />\r\n
\r\n )\r\n\r\n return (\r\n <>\r\n {title && {title}
}\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport default withLocalize(HorizontalFilterUniprest)\r\n\r\n// const reorderColumns = [\r\n// {\r\n// id: 1,\r\n// title: \"Cel mai lung nume de coloana A\",\r\n// disabled: false,\r\n// },\r\n// {\r\n// id: 2,\r\n// title: \"Cel mai lung nume de coloana B\",\r\n// disabled: true,\r\n// },\r\n// {\r\n// id: 3,\r\n// title: \"Cel mai lung nume de coloana C\",\r\n// disabled: false,\r\n// },\r\n// {\r\n// id: 4,\r\n// title: \"Cel mai lung nume de coloana D\",\r\n// disabled: false,\r\n// },\r\n// {\r\n// id: 5,\r\n// title: \"Cel mai lung nume de coloana E\",\r\n// disabled: false,\r\n// }\r\n// ]\r\n","import SimpleCheckBox from \"components/SimpleCheckBox\"\r\nimport { useState } from \"react\"\r\nimport { toggleIdInArray } from \"utils/serviceFunctions\"\r\nimport { cloneElement } from \"react\"\r\nimport CellListItems from \"componentsK3/CellListItems\"\r\nexport const ListModalContent = (props) => {\r\n const {\r\n toggleItem,\r\n items,\r\n selected,\r\n header,\r\n ro,\r\n onItemChange,\r\n showSelection,\r\n typeKey //create categories based on this one\r\n } = props\r\n let defaultOpenSections = []\r\n // const [showSelection, setShowSelection] = useState(false)\r\n\r\n const tempList = showSelection ? selected : items\r\n\r\n const sections = []\r\n for (const index in tempList)\r\n if (!sections?.includes?.(tempList?.[index]?.[typeKey])) {\r\n sections?.push?.(tempList?.[index]?.[typeKey])\r\n defaultOpenSections?.push?.(tempList?.[index]?.[typeKey])\r\n }\r\n const [openSections, setOpenSections] = useState(defaultOpenSections)\r\n const toggleSubMenu = (id) => setOpenSections((p) => toggleIdInArray(p, id))\r\n\r\n const sectionCheck = (section) => {\r\n let noneSelected = true\r\n let allSelected = true\r\n for (const index in items)\r\n if (items?.[index]?.[typeKey] === section) {\r\n if (items?.[index]?.selected) {\r\n noneSelected = false\r\n } else {\r\n allSelected = false\r\n }\r\n }\r\n if (allSelected) return true\r\n if (noneSelected) return false\r\n return null\r\n }\r\n\r\n const toggleSection = (section) => {\r\n const direction = !sectionCheck(section)\r\n for (const index in items)\r\n if (items?.[index]?.[typeKey] === section) {\r\n if (items?.[index]?.selected !== direction) {\r\n toggleItem(items?.[index])\r\n }\r\n }\r\n }\r\n\r\n const sectionCehckboxProps = (section) => ({\r\n checked: sectionCheck(section),\r\n onClick: (e) => {\r\n toggleSection(section)\r\n e?.stopPropagation?.()\r\n }\r\n })\r\n\r\n const sectionItem = (section, index) => (\r\n \r\n
\r\n \r\n {displayFilters?.map?.(\r\n (filter, index) =>\r\n (index <= maxFilterIndex || showMoare) &&\r\n (filter?.type === \"textSearch\" ? (\r\n textSearchFilter\r\n ) : filter?.type === \"columnSort\" ? (\r\n dispatch(setFilterSelection(filter.id, e))}\r\n />\r\n ) : filter?.type === \"category\" ? (\r\n
\r\n\r\n {displayFilters?.length - 1 !== maxFilterIndex &&\r\n !noMore &&\r\n moreFiltersButton}\r\n toggleSubMenu(section)}\r\n >\r\n
\r\n )\r\n\r\n //item includes .selected. It is computed in the parent component. You can use it for selected state in scss\r\n const defaultItem = (item, index) => (\r\n toggleItem(item)}\r\n >\r\n
\r\n )\r\n\r\n const childItem = (item, index) =>\r\n cloneElement(props.children, {\r\n index,\r\n item,\r\n toggleItem,\r\n typeKey,\r\n onItemChange,\r\n header,\r\n disabled: ro\r\n })\r\n\r\n const listItem = props.children ? childItem : defaultItem\r\n\r\n return (\r\n \r\n
\r\n {item?.tags?.length && (\r\n \r\n {item?.img && (\r\n ![]()
e?.preventDefault?.()}\r\n src={item?.img}\r\n alt={\"company\"}\r\n />\r\n )}\r\n
{\" \"}\r\n {/* @TODO: I have a hunch, image comes here ??, => missing in API */}\r\n \r\n {item?.name && {item?.name}}\r\n {item?.cui && {item?.cui}}\r\n
\r\n \r\n {item?.tags?.map?.((t, i) => (\r\n
\r\n )}\r\n \r\n {t}\r\n
\r\n ))}\r\n \r\n {header?.map?.((item, index) => (\r\n \r\n {item}\r\n \r\n ))}\r\n {typeKey &&\r\n sections?.map?.((section, index) => {\r\n return (\r\n
\r\n )\r\n}\r\n","import React, { useEffect, useState } from \"react\"\r\nimport { useController } from \"react-hook-form\"\r\nimport { useSelector } from \"react-redux\"\r\nimport { useDispatch } from \"store\"\r\nimport {\r\n resetCrtList,\r\n setCrtListSearchString,\r\n setPageModal\r\n} from \"store/modules/page\"\r\nimport { loadCrtListItems } from \"store/justActions/crtListItems.actions\"\r\nimport MagicInput from \"components/MagicInput/MagicInpuv2\"\r\nimport BigModal from \"components/_modals/BigModal\"\r\nimport \"./list-modal.scss\"\r\nimport { ListModalContent } from \"components/_modals/ListModalContent\"\r\nimport SimpleCheckBox from \"components/SimpleCheckBox\"\r\nimport { searchStringFilter } from \"views/admin/accountRequests/tableSelector\"\r\nimport MagicButton from \"components/MagicButton/MagicButtonV2\"\r\nimport { Lang, lang, Translate, withLocalize } from \"components/Lang/Lang\"\r\n\r\nconst ListModal = (props) => {\r\n const { control } = props\r\n if (control) return \r\n {sectionItem(section, index)}\r\n {openSections?.includes?.(section) &&\r\n tempList\r\n ?.filter?.((i) => i?.[typeKey] === section)\r\n ?.map?.((item, index) => listItem(item, index))}\r\n
\r\n )\r\n })}\r\n {!typeKey && tempList?.map?.((item, index) => listItem(item, index))}\r\n \r\n
\r\n )\r\n\r\n const topRow = (\r\n {`${selected?.length ?? 0} ${\r\n selected?.length === 1\r\n ? (selectionLabel ?? selectionLabelDefault)?.[0]\r\n : (selectionLabel ?? selectionLabelDefault)[1]\r\n }`}
\r\n \r\n \r\n toggleSelectAll()}\r\n />\r\n {`${items?.length ?? 0} ${\r\n items?.length === 1 ? \"rezultat\" : \"rezultate\"\r\n }`}\r\n
\r\n )\r\n\r\n // if(openIndex === null || openIndex === undefined) return null\r\n const content = (\r\n <>\r\n {!noSearch && (\r\n {content}
\r\n ) : (\r\n {error}
\r\n ) : (\r\n {label}
\r\n )\r\n\r\n const setValue = (value) => {\r\n onChange(value?.map?.((date) => moment(date).toISOString()))\r\n }\r\n const parsedValue = value?.map?.((date) => moment(date).toDate()) ?? [\r\n moment(date).toDate()\r\n ]\r\n return (\r\n \r\n {title}\r\n \r\n {showModal && (\r\n
\r\n )\r\n}\r\n\r\nexport const DatePickerFilter = (props) => {\r\n // const {value, onChange} = props\r\n\r\n const [value, setValue] = useState([])\r\n const { ref, showModal, setShowModal } = useShowModalOutsideClick()\r\n\r\n let className = \"cdt-button \"\r\n if (showModal) className += \"open \"\r\n if (!showModal) className += \"close \"\r\n if (value?.[0]) className += \"selected\"\r\n\r\n // let label = value?.[0] ? \"selectata\" : \"Select Date\"\r\n return (\r\n \r\n \r\n {showModal && (\r\n
\r\n )\r\n}\r\n\r\nconst DatePickerModal = (props) => {\r\n const {\r\n simpleInput,\r\n double,\r\n time,\r\n interval,\r\n value: extValue,\r\n setValue: extSetValue,\r\n setShowModal\r\n } = props\r\n const today = new Date()\r\n today.setMonth(today.getMonth() + 1)\r\n const [value, setValue] = useState([])\r\n const [leftMonth, setLeftMonth] = useState(new Date())\r\n const [rightMonth, setRightMonth] = useState(new Date(today))\r\n const [forceRefresh, setForceRefresh] = useState(false)\r\n const [moreHours, setMoreHours] = useState(false)\r\n const [fromHour, setFromHour] = useState(\"\")\r\n const [toHour, setToHour] = useState(\"\")\r\n const [toHourClicked, setToHourClicked] = useState(false)\r\n const fixedOptions = interval ? fixedOptionsInterval : fixedOptionsOne\r\n\r\n const setFixedOption = (item) => {\r\n // let today = new Date()\r\n const setOneDate = (index) => {\r\n let newDate = moment()\r\n .subtract(item?.diff?.[index], item?.type ?? \"day\")\r\n .toDate()\r\n\r\n return newDate\r\n }\r\n let newValue = [setOneDate(0)]\r\n if (item?.diff?.[1]) {\r\n // today = new Date()\r\n // today.setDate(new Date(today.getDate() - diff?.[1]))\r\n newValue?.push?.(setOneDate(1))\r\n }\r\n setValue(newValue)\r\n if (double) {\r\n setLeftMonth(newValue?.[0])\r\n setRightMonth(newValue?.[1])\r\n } else setLeftMonth(newValue?.[interval ? 1 : 0])\r\n }\r\n\r\n const switchMonth = (month, right) => {\r\n !right &&\r\n setLeftMonth((p) => {\r\n let newDate = new Date(p)\r\n newDate.setMonth(newDate.getMonth() + month)\r\n return newDate\r\n })\r\n\r\n right &&\r\n setRightMonth((p) => {\r\n let newDate = new Date(p)\r\n newDate.setMonth(newDate.getMonth() + month)\r\n return newDate\r\n })\r\n }\r\n\r\n const setTextDate = (value, field) => {\r\n // moment(value?.[0]).format(dateFormat)\r\n const df = moment(value).format(dateFormat)\r\n if (df !== \"Invalid date\") {\r\n setValue((p) => {\r\n p[field] = moment(value).toDate()\r\n return p\r\n })\r\n setForceRefresh((p) => !p)\r\n }\r\n }\r\n const moreHourClick = (hour, right) => {\r\n setMoreHours(false)\r\n if (!right) setFromHour(hour)\r\n if (right) setToHour(hour)\r\n }\r\n const monthLine = (right) => (\r\n \r\n
\r\n )\r\n\r\n const onCancel = () => {\r\n setValue([])\r\n if (setShowModal) setShowModal(false)\r\n }\r\n\r\n const onSave = () => {\r\n extSetValue ? extSetValue(value) : console.log(value)\r\n if (setShowModal) setShowModal(false)\r\n }\r\n\r\n const onChange = (value) => {\r\n const megaCheck = simpleInput && (!double || (value?.[0] && value?.[1]))\r\n if (megaCheck) {\r\n extSetValue ? extSetValue(value) : console.log(value)\r\n if (setShowModal) setShowModal(false)\r\n } else setValue(value)\r\n }\r\n return (\r\n switchMonth(-1, right)}>\r\n
\r\n {moment(!right ? leftMonth : rightMonth).format(\"MMM YYYY\")}
\r\n switchMonth(+1, right)}>\r\n
\r\n \r\n
\r\n )\r\n}\r\nexport default DatePickerModal\r\n\r\nfunction CalendarMonth(props) {\r\n const {\r\n startSunday,\r\n value,\r\n crtMonth,\r\n start,\r\n end,\r\n green = [],\r\n red = [11, 20],\r\n active = [],\r\n onChange\r\n } = props\r\n\r\n let startDate = value?.[0]\r\n let endDate = value?.[1]\r\n let now = new Date()\r\n\r\n const today = now.getDate()\r\n const year = now.getFullYear()\r\n const month = now.getMonth()\r\n\r\n // const days = [28, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 1, 2, 3, 4]\r\n const days = getMonthDays(year, month, startSunday)\r\n const cellStyle = {\r\n // lineHeight: '40px',\r\n textAlign: \"center\",\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\"\r\n }\r\n const topDays = startSunday\r\n ? [\"D\", \"L\", \"M\", \"M\", \"J\", \"V\", \"S\"]\r\n : [\"L\", \"M\", \"M\", \"J\", \"V\", \"S\", \"D\"]\r\n\r\n const dateClicked = (newDate) => {\r\n // const newDate = new Date(`${year}-${month}-${day}`)\r\n if (value?.[0] && !value?.[1])\r\n if (value?.[0] < newDate) onChange([value?.[0], newDate])\r\n else onChange([newDate, value?.[0]])\r\n else onChange([newDate, null])\r\n }\r\n\r\n const getDateClass = (day, mounth, year) => {\r\n if (!value?.[1]) {\r\n if (sameDay(value?.[0], day)) return \" selected\"\r\n } else {\r\n if (sameDay(value?.[0], day)) return \" selected--start\"\r\n if (sameDay(value?.[1], day)) return \" selected--end\"\r\n if (day >= value?.[0] && day <= value?.[1]) return \" selected--mid\"\r\n }\r\n return \"\"\r\n }\r\n\r\n const monthDays = generateDays({ crtMonth, startSunday })\r\n const monthNo = Math.ceil(monthDays?.length / 7)\r\n return (\r\n \r\n {!simpleInput && (\r\n
\r\n {moreHours && (\r\n <>\r\n \r\n \r\n {fixedOptions?.map?.((item, index) => (\r\n
\r\n )}\r\n setFixedOption(item)}>\r\n {item?.label}\r\n
\r\n ))}\r\n \r\n {monthLine()}\r\n {double && monthLine(true)}\r\n
\r\n \r\n \r\n
\r\n {!simpleInput && (\r\n <>\r\n \r\n setTextDate(e?.target?.value, 0)}\r\n />\r\n {interval && (\r\n setTextDate(e?.target?.value, 1)}\r\n />\r\n )}\r\n
\r\n \r\n {time && (\r\n <>\r\n \r\n
\r\n \r\n \r\n )}\r\n {\r\n setToHourClicked(false)\r\n setMoreHours(true)\r\n }}\r\n >\r\n \r\n console.info(e?.target?.value, 0)}\r\n />\r\n
\r\n {interval && (\r\n {\r\n setToHourClicked(true)\r\n setMoreHours(true)\r\n }}\r\n >\r\n \r\n console.info(e?.target?.value, 1)}\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 {generateMoreTime()?.map?.((section) => (\r\n
\r\n \r\n
\r\n ))}\r\n {section?.label}
\r\n \r\n {section.hours?.map?.((item) => (\r\n \r\n ))}\r\n
\r\n setMoreHours(false)}>\r\n
\r\n \r\n {topDays?.map?.((topDay, i) => (\r\n
\r\n )\r\n}\r\n\r\nconst generateDays = ({\r\n crtMonth,\r\n month = new Date().getMonth(),\r\n year = new Date().getFullYear(),\r\n startSunday\r\n}) => {\r\n let crtDay = new Date(crtMonth)\r\n crtDay.setDate(1)\r\n let dates = []\r\n const fisrtDay = startSunday ? 0 : 1\r\n while (crtDay.getMonth() === crtMonth.getMonth()) {\r\n dates?.push?.(new Date(crtDay))\r\n crtDay.setDate(crtDay.getDate() + 1)\r\n }\r\n while (crtDay.getDay() !== fisrtDay) {\r\n dates?.push?.(new Date(crtDay))\r\n crtDay.setDate(crtDay.getDate() + 1)\r\n }\r\n crtDay = new Date(dates?.[0])\r\n while (crtDay.getDay() !== fisrtDay) {\r\n crtDay.setDate(crtDay.getDate() - 1)\r\n dates?.unshift?.(new Date(crtDay))\r\n }\r\n return dates\r\n}\r\n\r\nfunction sameDay(d1, d2) {\r\n try {\r\n return (\r\n d1.getFullYear() === d2.getFullYear() &&\r\n d1.getMonth() === d2.getMonth() &&\r\n d1.getDate() === d2.getDate()\r\n )\r\n } catch {\r\n return false\r\n }\r\n}\r\n\r\nconst generateMoreTime = () => {\r\n let sections = [\r\n { label: \"Dimineata\", range: [6, 7, 8, 9, 10, 11] },\r\n { label: \"Pe zi\", range: [12, 13, 14, 15, 16, 17] },\r\n { label: \"Seara\", range: [18, 19, 20, 21, 22, 23] },\r\n { label: \"Noaptea\", range: [0, 1, 2, 3, 4, 5] }\r\n ]\r\n return sections?.map?.((section) => {\r\n let items = []\r\n section.range?.forEach?.((item) => {\r\n items?.push?.(moment({ hour: item }).format(\"HH:mm\"))\r\n items?.push?.(moment({ hour: item, minute: 30 }).format(\"HH:mm\"))\r\n })\r\n return {\r\n ...section,\r\n hours: items\r\n }\r\n })\r\n}\r\n","import SimpleCheckBox from \"components/SimpleCheckBox\"\r\nimport moment from \"moment\"\r\nimport { useHistory } from \"react-router\"\r\nimport \"./ModalListCard1.scss\"\r\nexport default function ModalListCard1(props) {\r\n const {\r\n index,\r\n item: inputItem,\r\n toggleItem,\r\n apiCompany,\r\n listOfLists,\r\n single,\r\n apiProduct, //product list card\r\n noCheckBox, //hides the checkbox\r\n disabled, //no action on this puppy\r\n typeKey,\r\n associatedComapny,\r\n associatedProduct,\r\n relatedProduct,\r\n documentDetailView\r\n } = props\r\n\r\n let item = inputItem\r\n const history = useHistory()\r\n if (associatedComapny) item = parseAssociatedComapny(inputItem)\r\n if (associatedProduct) item = parseAssociatedProduct(inputItem)\r\n if (apiCompany) item = parseApiComapnyItem(inputItem)\r\n if (apiProduct) item = parseApiProductItem(inputItem)\r\n if (listOfLists) item = parseListOfListsItem(inputItem)\r\n if (relatedProduct) item = parseRelatedProductItem(inputItem)\r\n\r\n const goToDetails = (id) =>\r\n history?.push?.(`/admin/product/b2b/form?id=${id}`)\r\n return (\r\n \r\n {topDay}\r\n
\r\n ))}\r\n {monthDays?.map?.((day, index) => {\r\n let className = \"calendarDay\"\r\n let activeClass = \"\"\r\n let topClass = \"\"\r\n if (sameDay(day, now)) className += \" today\"\r\n if ([0, 6]?.includes?.(day.getDay())) className += \" weekend\"\r\n if (day.getMonth() !== crtMonth.getMonth()) className += \" disabled\"\r\n className += getDateClass(day)\r\n\r\n if (red?.includes?.(day)) className += \" red\"\r\n if (green?.includes?.(day)) className += \" green\"\r\n\r\n return (\r\n dateClicked(day)}\r\n >\r\n \r\n
\r\n )\r\n })}\r\n {day.getDate()}
\r\n \r\n goToDetails(item?.id)\r\n : disabled\r\n ? undefined\r\n : () => toggleItem(item)\r\n }\r\n >\r\n
\r\n )\r\n}\r\n\r\nconst parseListOfListsItem = (item) => {\r\n const prodCount = item?.products?.length\r\n return {\r\n //to review\r\n ...item,\r\n noImage: true,\r\n subtitle: `din ${moment(item?.cDate).format(\"D MMM YY, h:mm\")}, creata de ${\r\n item?.cByName\r\n }`,\r\n\r\n tags: [\r\n `${prodCount} ${prodCount === 1 ? \"produs\" : \"produse\"}`,\r\n `ultima actualizare ${moment(item?.eDate).format(\"D MMM YY, h:mm\")}`\r\n ]\r\n }\r\n}\r\nconst parseAssociatedProduct = (item) => ({\r\n ...item,\r\n subtitle: `${item?.code}`\r\n})\r\n\r\nconst parseAssociatedComapny = (item, vatNr) => ({\r\n //to review\r\n ...item,\r\n subtitle: `RO ${item?.vatNr}`,\r\n tags: [item?.classify]\r\n})\r\n\r\nconst parseApiComapnyItem = (item, vatNr) => ({\r\n //to review\r\n ...item,\r\n subtitle: `${item?.category?.name}`,\r\n tags: [item?.brandName, item?.code]?.filter?.((item) => item)\r\n})\r\n\r\nconst parseApiProductItem = (item) => ({\r\n ...item,\r\n subtitle: `${item?.category?.name}`,\r\n img: item?.mainImage?.reference,\r\n tags: [item?.brandName, item?.code]?.filter?.((item) => item)\r\n})\r\nconst parseRelatedProductItem = (item) => ({\r\n ...item,\r\n name: item?.relatedProductName,\r\n subtitle: `${item?.relatedProductCode}`,\r\n img: item?.relatedProductMainImage\r\n // tags: [\r\n // item?.brandName,\r\n // item?.code,\r\n // ]?.filter?.(item=> item)\r\n})\r\n","import { apiAction, dynamoAction } from \"store/middleware/api\"\r\nimport geenrateId from \"utils/geenrateIds\"\r\nimport { showMagicToaster } from \"utils/MagicToasterCall\"\r\nimport moment from \"moment\"\r\nimport { setPageEdit } from \"store/modules/page\"\r\n// import store from \"store/index\";\r\n// import { getMoreFailedRecharges } from 'store/modules/notUsed/menu'\r\nimport { marshall } from \"@aws-sdk/util-dynamodb\"\r\nimport { printError } from \"utils/printError\"\r\nimport { sanitizeAnythingForRedux } from \"utils/preventReactInRedux\"\r\n\r\nexport const SET_ARTICLES = \"guest/SET_ARTICLES\"\r\nexport const SET_ARTICLES_SS = \"guest/SET_ARTICLES_SS\"\r\nexport const SET_UNISERVICES = \"guest/SET_UNISERVICES\"\r\nexport const SET_PARTNERS = \"guest/SET_PARTNERS\"\r\nexport const TOGGLE_LEFT_MENU_VISIBILITY = \"guest/TOGGLE_LEFT_MENU_VISIBILITY\"\r\nexport const SET_JOBS = \"guest/SET_JOBS\"\r\nexport const SET_SELECT_DATA = \"guest/SET_DD_DATA\"\r\n// const SET_SEARCH_STRING = \"shop/SET_SEARCH_STRING\"\r\n\r\nconst initialState = {\r\n articles: [],\r\n services: [],\r\n partners: [],\r\n jobs: [],\r\n selectData: [],\r\n articlesSearchString: \"\",\r\n showLeftMenu: false\r\n}\r\n\r\n// eslint-disable-next-line import/no-anonymous-default-export\r\nexport default function (state = initialState, unsanitizedAction) {\r\n\r\n const action = sanitizeAnythingForRedux(unsanitizedAction)\r\n\r\n switch (action.type) {\r\n case TOGGLE_LEFT_MENU_VISIBILITY:\r\n return {\r\n ...state,\r\n showLeftMenu: action.payload ?? !state.showLeftMenu\r\n }\r\n case SET_ARTICLES:\r\n return {\r\n ...state,\r\n articles: action.payload\r\n }\r\n case SET_ARTICLES_SS:\r\n return {\r\n ...state,\r\n articlesSearchString: action.payload\r\n }\r\n case SET_UNISERVICES:\r\n return {\r\n ...state,\r\n services: action.payload\r\n }\r\n case SET_PARTNERS:\r\n return {\r\n ...state,\r\n partners: action.payload\r\n }\r\n case SET_JOBS:\r\n return {\r\n ...state,\r\n jobs: action.payload\r\n }\r\n case SET_SELECT_DATA:\r\n return {\r\n ...state,\r\n selectData: action.payload\r\n }\r\n default:\r\n return state\r\n }\r\n}\r\n\r\nexport const toggleLeftMenuVisibility = (value) => {\r\n return {\r\n type: TOGGLE_LEFT_MENU_VISIBILITY,\r\n payload: value\r\n }\r\n}\r\n\r\nexport const setArticlesSearchString = (string) => {\r\n return {\r\n payload: string,\r\n type: SET_ARTICLES_SS\r\n }\r\n}\r\n\r\nexport const loadArticles = () =>\r\n dynamoAction({\r\n method: \"QUERY\",\r\n parameters: {\r\n TableName: process.env.REACT_APP_TABLE_NAME,\r\n KeyConditionExpression: \"#pk = :pkvalue\",\r\n ExpressionAttributeNames: {\r\n \"#pk\": \"PK\"\r\n },\r\n ExpressionAttributeValues: {\r\n \":pkvalue\": { S: \"ARTICLE\" }\r\n }\r\n },\r\n onSuccess: (data, dispatch) => {\r\n return {\r\n payload: data?.items,\r\n type: SET_ARTICLES,\r\n lastEvalKey: data?.lastEvalKey\r\n }\r\n },\r\n onFailure: (err) => {\r\n printError(\"loadArticles()\", err)\r\n // showMagicToaster({title: err})\r\n\r\n return {\r\n type: \"a\"\r\n }\r\n }\r\n })\r\n\r\nexport const loadServices = () =>\r\n dynamoAction({\r\n method: \"QUERY\",\r\n parameters: {\r\n TableName: process.env.REACT_APP_TABLE_NAME,\r\n KeyConditionExpression: \"#pk = :pkvalue\",\r\n IndexName: \"SK-PK\",\r\n ExpressionAttributeNames: {\r\n \"#pk\": \"SK\"\r\n },\r\n ExpressionAttributeValues: {\r\n \":pkvalue\": { S: \"UNISERVICE\" }\r\n }\r\n },\r\n onSuccess: (data, dispatch) => {\r\n return {\r\n payload: data?.items,\r\n type: SET_UNISERVICES,\r\n lastEvalKey: data?.lastEvalKey\r\n }\r\n },\r\n onFailure: (err) => {\r\n printError(\"loadServices()\", err)\r\n // showMagicToaster({title: err})\r\n\r\n return {\r\n type: \"a\"\r\n }\r\n }\r\n })\r\n\r\nexport const loadPartners = () =>\r\n dynamoAction({\r\n method: \"QUERY\",\r\n parameters: {\r\n TableName: process.env.REACT_APP_TABLE_NAME,\r\n KeyConditionExpression: \"#pk = :pkvalue\",\r\n IndexName: \"SK-PK\",\r\n ExpressionAttributeNames: {\r\n \"#pk\": \"SK\"\r\n },\r\n ExpressionAttributeValues: {\r\n \":pkvalue\": { S: \"UNIPARNER\" }\r\n }\r\n },\r\n onSuccess: (data, dispatch) => {\r\n return {\r\n payload: data?.items,\r\n type: SET_PARTNERS,\r\n lastEvalKey: data?.lastEvalKey\r\n }\r\n },\r\n onFailure: (err) => {\r\n printError(\"loadPartners()\", err)\r\n // showMagicToaster({title: err})\r\n\r\n return {\r\n type: \"a\"\r\n }\r\n }\r\n })\r\n\r\nexport const loadJobs = () =>\r\n dynamoAction({\r\n method: \"QUERY\",\r\n parameters: {\r\n TableName: process.env.REACT_APP_TABLE_NAME,\r\n KeyConditionExpression: \"#pk = :pkvalue\",\r\n IndexName: \"SK-PK\",\r\n ExpressionAttributeNames: {\r\n \"#pk\": \"SK\"\r\n },\r\n ExpressionAttributeValues: {\r\n \":pkvalue\": { S: \"UNIJOB\" }\r\n }\r\n },\r\n onSuccess: (data, dispatch) => {\r\n return {\r\n payload: data?.items,\r\n type: SET_JOBS\r\n }\r\n },\r\n onFailure: (err) => {\r\n printError(\"loadJobs()\", err)\r\n showMagicToaster({ title: \"A aparut o eroare la accesarea joburilor!\" })\r\n\r\n return {\r\n type: \"a\"\r\n }\r\n }\r\n })\r\n\r\n//UNUSED CODE\r\n// export const loadSelectData = (PK) =>\r\n// dynamoAction({\r\n// method: 'QUERY',\r\n// parameters: {\r\n// TableName: process.env.REACT_APP_TABLE_NAME,\r\n// KeyConditionExpression: '#pk = :pkvalue',\r\n// ExpressionAttributeNames: {\r\n// '#pk': 'PK'\r\n// },\r\n// ExpressionAttributeValues: {\r\n// ':pkvalue': { S: PK }\r\n// }\r\n// },\r\n// onSuccess: (data, dispatch) => {\r\n// return {\r\n// payload: data?.items,\r\n// type: SET_SELECT_DATA\r\n// }\r\n// },\r\n// onFailure: (err) => {\r\n\r\n// return {\r\n// type: 'a'\r\n// }\r\n// }\r\n// })\r\n\r\n// UNUSED CODE\r\n// export const loadMapLocations = () =>\r\n// dynamoAction({\r\n// method: 'QUERY',\r\n// parameters: {\r\n// TableName: process.env.REACT_APP_TABLE_NAME,\r\n// KeyConditionExpression: '#pk = :pkvalue',\r\n// IndexName: 'SK-PK',\r\n// ExpressionAttributeNames: {\r\n// '#pk': 'SK'\r\n// },\r\n// ExpressionAttributeValues: {\r\n// ':pkvalue': { S: 'MAPLOCATION' }\r\n// }\r\n// },\r\n// onSuccess: (data, dispatch) => {\r\n// return {\r\n// payload: data?.items,\r\n// type: SET_PARTNERS,\r\n// lastEvalKey: data?.lastEvalKey\r\n// }\r\n// },\r\n// onFailure: (err) => {\r\n// // showMagicToaster({title: err})\r\n\r\n// return {\r\n// type: 'a'\r\n// }\r\n// }\r\n// })\r\n\r\nexport const putItem = (values, formType, sendEmail = false) => {\r\n const eDate = moment().toISOString()\r\n const cDate = values.cDate ?? eDate\r\n\r\n const SK =\r\n values.SK ??\r\n (formType === \"contactForm\" // 7.4.2 from Figma\r\n ? \"CONTACT_RESPONSE\"\r\n : formType === \"signUpForm\"\r\n ? \"SIGNUP_RESPONSE\"\r\n : formType === \"careersForm\"\r\n ? \"CAREER_RESPONSE\"\r\n : formType === \"jobForm\" // 7.2.2 from Figma\r\n ? \"JOB_RESPONSE\"\r\n : formType === \"guestArticle\" // 7.1.2 from Figma\r\n ? \"GUEST_ARTICLE_V2\"\r\n : formType === \"guestJob\"\r\n ? \"GUEST_JOB\"\r\n : formType === \"guestAddList\"\r\n ? \"GUEST_ADD_LIST\"\r\n : formType === \"locationForm\" // 7.5.2 from Figma\r\n ? \"LOCATION_RESPONSE\"\r\n : formType === \"aplicantForm\" // 7.3.2 from Figma\r\n ? \"APLICANT_RESPONSE\"\r\n : formType === \"accountRequestForm\" // 7.3.2 from Figma\r\n ? \"ACCOUNT_REQUEST_RESPONSE\"\r\n : formType === \"tutorial\"\r\n ? \"TUTORIALS\"\r\n : undefined)\r\n\r\n return dynamoAction({\r\n method: \"PUT\",\r\n parameters: {\r\n TableName: process.env.REACT_APP_TABLE_NAME,\r\n Item: marshall({\r\n PK: values.PK ?? geenrateId(formType),\r\n SK: values.SK ?? SK,\r\n values,\r\n cDate, //creation date\r\n eDate //last edit date\r\n }, \r\n {\r\n removeUndefinedValues: true\r\n }\r\n )\r\n },\r\n onSuccess: (data, dispatch) => {\r\n showMagicToaster({ title: \"Datele au fost salvate\" })\r\n //if in edit mode, cancel it\r\n // const url = window.location.pathname?.split?.(\"/\")\r\n // if (url?.[url?.length-1] === \"edit\") cancelEdit()\r\n dispatch(setPageEdit(false))\r\n if(sendEmail) dispatch(sendCandidateEMail())\r\n return { type: \"a\" }\r\n },\r\n onFailure: (err) => {\r\n printError(\"putItem()\", err)\r\n showMagicToaster({\r\n title: \"A aparut o eroare la salvarea datelor\",\r\n subtitle: \"E201\",\r\n type: \"error\"\r\n })\r\n return {\r\n type: \"a\"\r\n }\r\n }\r\n })\r\n}\r\nconst sendCandidateEMail = () => {\r\n return apiAction({\r\n endPoint: \"/public/job-application\",\r\n method: \"POST\",\r\n onSuccess: (data, dispatch) => {\r\n return {\r\n type: \"a\"\r\n }\r\n },\r\n onFailure: (error, dispatch) => {\r\n printError(\"sendCandidateEMail()\", error)\r\n return {\r\n type: \"a\"\r\n }\r\n }\r\n })\r\n}\r\nexport const putSelectData = (data, selectDataName) => {\r\n const SK = \"SELECT_OPTIONS\"\r\n return dynamoAction({\r\n method: \"PUT\",\r\n parameters: {\r\n TableName: process.env.REACT_APP_TABLE_NAME,\r\n Item: marshall({\r\n PK: geenrateId(\"SelectOptions\"),\r\n SK,\r\n lastUpdate: moment().toISOString(),\r\n name: selectDataName,\r\n data\r\n })\r\n },\r\n onSuccess: (data) => {\r\n showMagicToaster({ title: \"Datele au fost salvate\" })\r\n return { type: \"a\" }\r\n },\r\n onFailure: (err) => {\r\n printError(\"putSelectData()\", err)\r\n showMagicToaster({\r\n title: \"A aparut o eroare la salvarea datelor\",\r\n subtitle: \"E201\",\r\n type: \"error\"\r\n })\r\n return {\r\n type: \"a\"\r\n }\r\n }\r\n })\r\n}\r\n\r\n// export const sendFormDetails = (values, formType) =>\r\n// dynamoAction({\r\n// method: params.method,\r\n// parameters: params.params,\r\n// onSuccess: (data, dispatch) => {\r\n\r\n// if (data?.Item === undefined) {\r\n// let tmp = { id: response.id, data: response.response }\r\n// let newSurvey = {\r\n// PK: userId,\r\n// SK: surveyId,\r\n// inProgress: inProgress,\r\n// userId: userId,\r\n// startDate: moment().local().format(),\r\n// lastAction: moment().local().format(),\r\n// responses: [tmp],\r\n// token: uuidv4(),\r\n// tokenExpiration: moment().add(7, 'd').local().format(),\r\n// email: email,\r\n// name: name,\r\n// userAgent : navigator.userAgent,\r\n// }\r\n// let queryParamsPut = {\r\n// method: \"put\",\r\n// params: {\r\n// TableName: process.env.REACT_APP_TABLE_NAME,\r\n// Item: marshall(newSurvey)\r\n// }\r\n// }\r\n// dispatch(putItem(queryParamsPut));\r\n// }\r\n// return {\r\n// type: \"a\",\r\n// };\r\n// },\r\n// onFailure: err => {\r\n\r\n// return {\r\n// type: \"a\"\r\n// };\r\n// }\r\n// });\r\n","import React from \"react\"\r\nimport PropTypes from \"prop-types\"\r\nimport { useState } from \"react\"\r\nimport MagicButton from \"components/MagicButton/MagicButton\"\r\n\r\nexport default function MultiStepBar(props) {\r\n const { labels, steps, selectedIndex, callBack } = props\r\n const [selectedStep, setSelectedStep] = useState()\r\n\r\n React.useEffect(() => {\r\n if (steps) {\r\n //Hint: initial selectedIndex prop overRules the list props\r\n if (\r\n selectedIndex !== undefined &&\r\n selectedIndex >= 0 &&\r\n selectedIndex <= steps?.length - 1\r\n ) {\r\n steps?.map?.((step, index) => {\r\n step.selected = index === selectedIndex\r\n return step\r\n })\r\n setSelectedStep(selectedIndex)\r\n\r\n //Hint: the selectedStep will be searched in the given list\r\n } else {\r\n setSelectedStep(getSelectedIndex(steps))\r\n }\r\n }\r\n }, [steps, selectedIndex])\r\n\r\n function btnClickHandler() {\r\n nextStepHandler(selectedStep, steps, setSelectedStep)\r\n if (callBack) callBack()\r\n }\r\n\r\n return (\r\n \r\n {!noCheckBox && !single && !disabled && (\r\n
\r\n {item?.tags?.length && (\r\n \r\n {(item?.mainImage || item?.img) && (\r\n ![]()
e?.preventDefault?.()}\r\n src={item?.mainImage?.reference ?? item?.img ?? item?.mainImage}\r\n alt={\"company\"}\r\n />\r\n )}\r\n
\r\n )}{\" \"}\r\n {/* @TODO: I have a hunch, image comes here ??, => missing in API */}\r\n \r\n {item?.name && {item?.name}}\r\n {item?.code && {item?.code}}\r\n
\r\n \r\n {item?.tags?.map?.((t, i) => (\r\n
\r\n )}\r\n \r\n {t}\r\n
\r\n ))}\r\n \r\n
\r\n )\r\n}\r\n\r\nfunction nextStepHandler(selectedStep, steps, setSelectedStepFN) {\r\n if (selectedStep + 1 < steps?.length) {\r\n steps[selectedStep].selected = false\r\n steps[selectedStep].done = true\r\n steps[selectedStep + 1].selected = true\r\n setSelectedStepFN(selectedStep + 1)\r\n }\r\n}\r\n\r\nfunction getSelectedIndex(steps) {\r\n return steps?.findIndex?.((i) => i.selected)\r\n}\r\n\r\nMultiStepBar.propTypes = {\r\n callBack: PropTypes.func,\r\n selectedIndex: PropTypes.number,\r\n steps: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n label: PropTypes.string,\r\n selected: PropTypes.bool,\r\n done: PropTypes.bool\r\n })\r\n ),\r\n labels: PropTypes.shape({\r\n current: PropTypes.string,\r\n button: PropTypes.string\r\n })\r\n}\r\n","import React, { useState } from \"react\"\r\nimport PropTypes from \"prop-types\"\r\n\r\nexport default function TabBar(props) {\r\n const { tabs, defaultTabIndex } = props\r\n const [selectedTab, setSelectedTab] = useState(\r\n defaultTabIndex ? defaultTabIndex : 0\r\n )\r\n const [content, setContent] = useState()\r\n\r\n React.useEffect(() => {\r\n if (\r\n selectedTab !== undefined &&\r\n selectedTab >= 0 &&\r\n selectedTab <= tabs?.length\r\n ) {\r\n setContent(tabs?.[selectedTab]?.content)\r\n }\r\n }, [tabs, selectedTab])\r\n\r\n function onTabClick(index) {\r\n setSelectedTab(index)\r\n }\r\n\r\n return (\r\n \r\n {steps?.map?.((step, index) => {\r\n return (\r\n
\r\n \r\n
\r\n )\r\n })}\r\n \r\n {labels?.current && index === selectedStep && labels.current}\r\n
\r\n \r\n \r\n btnClickHandler()}\r\n label={labels?.button && labels.button}\r\n h={3.5}\r\n pt={0.25}\r\n pr={0.25}\r\n pb={0.25}\r\n pl={0.25}\r\n />\r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nTabBar.propTypes = {\r\n callBack: PropTypes.func,\r\n defaulTabIndex: PropTypes.number,\r\n tabs: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n title: PropTypes.string.isRequired\r\n })\r\n )\r\n}\r\n","import React, { useState } from \"react\"\r\nimport PropTypes from \"prop-types\"\r\nimport {\r\n //setPageTabs,\r\n removePageTab,\r\n selectPageTab\r\n} from \"store/modules/pageTabs\"\r\nimport { useDispatch, useSelector } from \"react-redux\"\r\nimport SvgIcon from \"components/SvgIcon/SvgIcon\"\r\n\r\nfunction searchTabIndex(tabs, selectedPageId) {\r\n if (tabs && selectedPageId && Array.isArray(tabs)) {\r\n return tabs?.findIndex?.((tab) => tab.pageId === selectedPageId)\r\n }\r\n return 0 // fallback to the first tabIndex?\r\n}\r\n\r\nexport default function TabBar(props) {\r\n const dispatch = useDispatch()\r\n // const { selectedPageId } = props;\r\n\r\n const tabsState = useSelector((state) => state.pageTabs?.tabs)\r\n const selectedPageIdState = useSelector(\r\n (state) => state.pageTabs?.selectedPageId\r\n )\r\n const [tabIndex, setTabIndex] = useState(-1)\r\n\r\n function onTabClick(pageId, e) {\r\n //Hint: skip tab change if:\r\n //1.) the remove icon or\r\n //2.) an already selected tab was clicked\r\n if (\r\n e?.target?.className?.includes &&\r\n !e?.target.className?.includes?.(\"close\") &&\r\n pageId !== selectedPageIdState\r\n ) {\r\n dispatch(selectPageTab(pageId))\r\n }\r\n }\r\n\r\n function closeBtnHandler(tab) {\r\n dispatch(removePageTab(tab.pageId))\r\n if (tab?.onCloseCallBack) tab.onCloseCallBack(tab)\r\n }\r\n\r\n //Hint: to overrule selected page in redux\r\n // React.useEffect(() => {\r\n // if (selectedPageId){\r\n // dispatch(selectPageTab(selectedPageId));\r\n // }\r\n // }, [selectedPageId])\r\n\r\n React.useEffect(() => {\r\n if (selectedPageIdState) {\r\n setTabIndex(searchTabIndex(tabsState, selectedPageIdState))\r\n }\r\n }, [tabsState, selectedPageIdState])\r\n\r\n return (\r\n \r\n {tabs?.map?.((tab, index) => {\r\n return (\r\n
\r\n {content !== undefined && content}\r\n onTabClick(index)}\r\n tabIndex={index + 1}\r\n >\r\n {tab.title}\r\n
\r\n )\r\n })}\r\n \r\n
\r\n )\r\n}\r\n\r\nTabBar.propTypes = {\r\n selectedPageId: PropTypes.string,\r\n tabs: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n title: PropTypes.string.isRequired,\r\n pageId: PropTypes.string.isRequired,\r\n onCloseCallBack: PropTypes.func\r\n })\r\n )\r\n}\r\n","import React, { useState, useRef } from \"react\"\r\nimport PropTypes from \"prop-types\"\r\nimport { Tag } from \"componentsK3\"\r\nimport { useController } from \"react-hook-form\"\r\n\r\nconst InputTags = (props) => {\r\n const { control } = props\r\n if (control) return \r\n {tabsState &&\r\n tabsState?.map?.((tab, index) => {\r\n return (\r\n
\r\n {tabsState &&\r\n tabIndex > -1 &&\r\n tabIndex < tabsState?.length &&\r\n tabsState?.[tabIndex]?.content !== undefined &&\r\n tabsState?.[tabIndex]?.content}\r\n onTabClick(tab.pageId, e)}\r\n tabIndex={index + 1}\r\n >\r\n {tab.warning && (\r\n
\r\n )\r\n })}\r\n \r\n
\r\n )}\r\n {tab.title}
\r\n closeBtnHandler(tab)}\r\n >\r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nInputTagsIntegrated.propTypes = {\r\n name: PropTypes.string.isRequired,\r\n label: PropTypes.string,\r\n inputPlaceholder: PropTypes.string,\r\n error: PropTypes.string,\r\n // value: PropTypes.array,\r\n // onChange: PropTypes.func,\r\n disabled: PropTypes.bool\r\n}\r\n","import PropTypes from \"prop-types\"\r\nimport { useState } from \"react\"\r\n\r\nexport default function SmallSwitch(props) {\r\n const { selected, onClick, disabled } = props\r\n const [switchState, setSwitchState] = useState(selected)\r\n\r\n function _onClick() {\r\n if (!disabled) {\r\n setSwitchState(!switchState)\r\n if (onClick) onClick(!switchState)\r\n }\r\n }\r\n\r\n return (\r\n \r\n {error ? (\r\n
\r\n {error}
\r\n ) : label ? (\r\n label\r\n ) : (\r\n name\r\n )}\r\n \r\n {value &&\r\n value?.map?.((item, index) => {\r\n return (\r\n _handleIconClick(index)}\r\n iconName=\"closek3\"\r\n />\r\n )\r\n })}\r\n {!disabled &&\r\n (editMode ? (\r\n \r\n ) : (\r\n /* TODO: should be this one a button? */\r\n
\r\n setEditMode(true)}>\r\n +\r\n
\r\n ))}\r\n _onClick()}\r\n >\r\n \r\n
\r\n )\r\n}\r\n\r\nSmallSwitch.propTypes = {\r\n onClick: PropTypes.func,\r\n disabled: PropTypes.bool,\r\n selected: PropTypes.bool\r\n}\r\n","import PropTypes from \"prop-types\"\r\n\r\nexport default function Deadline(props) {\r\n const {\r\n min,\r\n max,\r\n value,\r\n dangerLimitPercent,\r\n criticalLimitPercent,\r\n reverseLimits,\r\n labels,\r\n labelTitle,\r\n noValueText,\r\n levelBarClass,\r\n labelClass,\r\n valueClass\r\n } = props\r\n\r\n const title = (labels?.title ?? labelTitle)?.replace?.(\"{days}\", value)\r\n const minValue = min ? min : 0\r\n const maxValue = max ? max : 100\r\n const currentPercent = calculatePercent(minValue, maxValue, value).toFixed(1)\r\n const stageLevelIndex = getLevelStage(\r\n currentPercent,\r\n dangerLimitPercent,\r\n criticalLimitPercent,\r\n reverseLimits\r\n )\r\n const levelBarWidth = currentPercent > 0 ? currentPercent : 100\r\n\r\n return (\r\n \r\n
\r\n )\r\n}\r\n\r\nfunction calculatePercent(min, max, value) {\r\n if (!value) return 0\r\n if (min >= max) return 100\r\n return Math.min(100, (value / (max - min)) * 100)\r\n}\r\n\r\nfunction getLevelStage(\r\n currentPercent,\r\n dangerLimit,\r\n criticalLimit,\r\n reverseLimits\r\n) {\r\n if (currentPercent === \"0.0\") return -1 //TODO: resolve HARDCODE '0.0'\r\n if (reverseLimits) {\r\n return criticalLimit && criticalLimit > currentPercent\r\n ? 2\r\n : dangerLimit && dangerLimit > currentPercent\r\n ? 1\r\n : 0\r\n } else {\r\n return criticalLimit && criticalLimit < currentPercent\r\n ? 2\r\n : dangerLimit && dangerLimit < currentPercent\r\n ? 1\r\n : 0\r\n }\r\n}\r\n\r\nDeadline.propTypes = {\r\n min: PropTypes.number,\r\n max: PropTypes.number,\r\n value: PropTypes.number,\r\n dangerLimitPercent: PropTypes.number, // percent\r\n criticalLimitPercent: PropTypes.number, // percent\r\n reverseLimits: PropTypes.bool,\r\n labels: PropTypes.shape({\r\n title: PropTypes.string\r\n })\r\n}\r\n","var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _rect, _rect2, _rect3, _rect4, _rect5, _rect6, _path10, _path11, _path12, _path13, _rect7, _rect8, _rect9, _rect10, _rect11, _rect12, _path14, _path15, _path16, _defs;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgAlreadyInBasketError(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 372,\n height: 302,\n viewBox: \"0 0 372 302\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M205.337 248.398L201.43 237.563L125.822 265.111L66.8752 102.591C61.8193 88.7599 48.4903 80 34.4718 80H5.74529C2.52793 80 0 82.5358 0 85.7631C0 88.9904 2.52793 91.5262 5.74529 91.5262H34.4718C43.894 91.5262 52.6269 97.2893 56.0741 106.626L118.928 279.98L205.337 248.398Z\",\n fill: \"#BABABA\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M187.632 132.241L90.4531 167.719L125.821 265.199L223 229.722L187.632 132.241Z\",\n fill: \"#86C2FF\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M129.957 153.306L136.507 171.518L143.861 163.219L154.777 164.948L148.112 146.736L129.957 153.306Z\",\n fill: \"#F3F3F3\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M119.597 301.417C132.093 301.417 142.224 291.287 142.224 278.791C142.224 266.294 132.093 256.164 119.597 256.164C107.101 256.164 96.9707 266.294 96.9707 278.791C96.9707 291.287 107.101 301.417 119.597 301.417Z\",\n fill: \"#808080\"\n })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M119.597 288.486C124.953 288.486 129.295 284.144 129.295 278.789C129.295 273.433 124.953 269.092 119.597 269.092C114.242 269.092 109.9 273.433 109.9 278.789C109.9 284.144 114.242 288.486 119.597 288.486Z\",\n fill: \"#F3F3F3\"\n })), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M371.889 193.621L312.764 173.029L292.283 231.836L351.408 252.428L371.889 193.621Z\",\n fill: \"#FF849A\"\n })), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M336.809 181.404L332.986 192.382L339.551 191.298L344.022 196.225L347.845 185.248L336.809 181.404Z\",\n fill: \"white\"\n })), _path8 || (_path8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M272.395 159.25L252.003 217.801L292.707 231.977L301.9 205.58L313.098 173.426L272.395 159.25Z\",\n fill: \"url(#paint0_linear_21500_387329)\"\n })), _path9 || (_path9 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M272.395 159.25L252.003 217.801L292.707 231.977L301.9 205.58L313.098 173.426L272.395 159.25Z\",\n fill: \"url(#paint1_linear_21500_387329)\"\n })), _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n x: 295.713,\n y: 171.934,\n width: 3.97861,\n height: 26.1925,\n rx: 1.9893,\n transform: \"rotate(109.202 295.713 171.934)\",\n fill: \"white\"\n })), _rect2 || (_rect2 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 285.553,\n y: 178.928,\n width: 3.97861,\n height: 18.8984,\n rx: 1.9893,\n transform: \"rotate(109.202 285.553 178.928)\",\n fill: \"white\"\n })), _rect3 || (_rect3 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 293.553,\n y: 192.248,\n width: 3.97861,\n height: 30.8342,\n rx: 1.9893,\n transform: \"rotate(109.202 293.553 192.248)\",\n fill: \"white\"\n })), _rect4 || (_rect4 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 275.566,\n y: 196.516,\n width: 3.97861,\n height: 15.2513,\n rx: 1.9893,\n transform: \"rotate(109.202 275.566 196.516)\",\n fill: \"white\"\n })), _rect5 || (_rect5 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 284.506,\n y: 210.162,\n width: 3.97861,\n height: 28.1818,\n rx: 1.9893,\n transform: \"rotate(109.202 284.506 210.162)\",\n fill: \"white\"\n })), _rect6 || (_rect6 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 276.85,\n y: 218.027,\n width: 3.97861,\n height: 23.5401,\n rx: 1.9893,\n transform: \"rotate(109.202 276.85 218.027)\",\n fill: \"white\"\n })), _path10 || (_path10 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M89.8387 3.00113L43.0371 44.5879L84.3996 91.1371L131.201 49.5504L89.8387 3.00113Z\",\n fill: \"#FF849A\"\n })), _path11 || (_path11 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M62.0703 27.6758L69.7913 36.365L72.0454 30.1043L78.5276 28.6021L70.8066 19.9129L62.0703 27.6758Z\",\n fill: \"white\"\n })), _path12 || (_path12 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M113.322 123.762L159.669 82.5793L131.039 50.3597L110.145 68.9259L84.6928 91.5422L113.322 123.762Z\",\n fill: \"url(#paint2_linear_21500_387329)\"\n })), _path13 || (_path13 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M113.322 123.762L159.669 82.5793L131.039 50.3597L110.145 68.9259L84.6928 91.5422L113.322 123.762Z\",\n fill: \"url(#paint3_linear_21500_387329)\"\n })), _rect7 || (_rect7 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 99.1484,\n y: 101.32,\n width: 3.97861,\n height: 26.1925,\n rx: 1.9893,\n transform: \"rotate(-41.6235 99.1484 101.32)\",\n fill: \"white\"\n })), _rect8 || (_rect8 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 111.428,\n y: 100.166,\n width: 3.97861,\n height: 18.8984,\n rx: 1.9893,\n transform: \"rotate(-41.6235 111.428 100.166)\",\n fill: \"white\"\n })), _rect9 || (_rect9 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 110.936,\n y: 84.6367,\n width: 3.97861,\n height: 30.8342,\n rx: 1.9893,\n transform: \"rotate(-41.6235 110.936 84.6367)\",\n fill: \"white\"\n })), _rect10 || (_rect10 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 128.721,\n y: 89.6777,\n width: 3.97861,\n height: 15.2513,\n rx: 1.9893,\n transform: \"rotate(-41.6235 128.721 89.6777)\",\n fill: \"white\"\n })), _rect11 || (_rect11 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 127.568,\n y: 73.4043,\n width: 3.97861,\n height: 28.1818,\n rx: 1.9893,\n transform: \"rotate(-41.6235 127.568 73.4043)\",\n fill: \"white\"\n })), _rect12 || (_rect12 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 138.086,\n y: 70.2676,\n width: 3.97861,\n height: 23.5401,\n rx: 1.9893,\n transform: \"rotate(-41.6235 138.086 70.2676)\",\n fill: \"white\"\n })), _path14 || (_path14 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M232.1 72.4992V49.1992H255.5L232.1 72.4992Z\",\n fill: \"#FF849A\"\n })), _path15 || (_path15 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M314.1 56.8H222C218.7 56.8 216 54.1 216 50.8V6C216 2.7 218.7 0 222 0H314.1C317.4 0 320.1 2.7 320.1 6V50.8C320.1 54.1 317.4 56.8 314.1 56.8Z\",\n fill: \"#FF849A\"\n })), _path16 || (_path16 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M264.141 12H272.859L271.406 33.3008H265.594L264.141 12ZM268.5 45C267.219 45 266.141 44.596 265.266 43.7881C264.422 42.9492 264 41.9393 264 40.7585C264 39.5777 264.422 38.5989 265.266 37.822C266.109 37.0141 267.188 36.6102 268.5 36.6102C269.812 36.6102 270.891 37.0141 271.734 37.822C272.578 38.5989 273 39.5777 273 40.7585C273 41.9393 272.562 42.9492 271.688 43.7881C270.844 44.596 269.781 45 268.5 45Z\",\n fill: \"white\"\n })), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint0_linear_21500_387329\",\n x1: 261.155,\n y1: 198.26,\n x2: 296.657,\n y2: 212.288,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"white\",\n stopOpacity: 0\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.4449,\n stopColor: \"#E6E6E6\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#D0D0D0\"\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint1_linear_21500_387329\",\n x1: 261.155,\n y1: 198.26,\n x2: 296.657,\n y2: 212.288,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"white\",\n stopOpacity: 0\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.4449,\n stopColor: \"#E6E6E6\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#D0D0D0\"\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint2_linear_21500_387329\",\n x1: 142.152,\n y1: 95.1794,\n x2: 117.992,\n y2: 65.6251,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"white\",\n stopOpacity: 0\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.4449,\n stopColor: \"#E6E6E6\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#D0D0D0\"\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint3_linear_21500_387329\",\n x1: 142.152,\n y1: 95.1794,\n x2: 117.992,\n y2: 65.6251,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"white\",\n stopOpacity: 0\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.4449,\n stopColor: \"#E6E6E6\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#D0D0D0\"\n })))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgAlreadyInBasketError);\nexport default __webpack_public_path__ + \"static/media/AlreadyInBasketError.f3bf530b.svg\";\nexport { ForwardRef as ReactComponent };","import BigModal from \"components/_modals/BigModal\"\r\nimport { ReactComponent as AlreadyInBasketError } from \"assets/_illustrations/AlreadyInBasketError.svg\"\r\nimport MagicButton from \"components/MagicButton/MagicButtonV2\"\r\nimport { useDispatch, useSelector } from \"react-redux\"\r\nimport { emptyBasket } from \"store/modules/shop\"\r\nimport { setPageModal } from \"store/modules/page\"\r\n\r\nconst BasketErrorModal = () => {\r\n const dispatch = useDispatch()\r\n const errorMessage = useSelector((state) => state?.page?.modal?.data)\r\n\r\n return (\r\n {title}
\r\n \r\n {currentPercent !== undefined && !noValueText && (\r\n
\r\n \r\n
\r\n )}\r\n \r\n {`${\r\n currentPercent + \"%\"\r\n }`}
\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport default BasketErrorModal\r\n","import \"./imageChain3.scss\"\r\nconst placeholderImage = \"/images/default80.jpg\"\r\n\r\nconst ImageChain3 = ({ images, imageLimit, size = 32, imgPerLine }) => {\r\n const extraImages = (images?.length ?? 0) - imageLimit\r\n const maxWidth = imgPerLine ? imgPerLine * (4 + size) : undefined\r\n const style = {\r\n width: size,\r\n height: size\r\n }\r\n const remainingImages = images?.slice?.(0, imageLimit)\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {errorMessage}\r\n {/** prodlist\r\n În coș se găsesc deja produs(e) adăugate dintr-o ofertă.\r\n Finalizează comanda, sau golește coșul ca să poți adăuga produse din magazin. */}\r\n {/**offer details\r\n În coș se găsesc produs(e) dintr-o altă ofertă sau din magazin.\r\n Finalizează comanda, sau golește coșul ca să poți adăuga în coș produse din această ofertă. */}\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n dispatch(emptyBasket())\r\n dispatch(setPageModal({}))\r\n }}\r\n />\r\n
\r\n \r\n {remainingImages?.map?.((item) => (\r\n ![]()
e?.preventDefault?.()}\r\n {...{ style }}\r\n src={item ?? placeholderImage}\r\n className=\"small-image\"\r\n alt=\"img\"\r\n />\r\n ))}\r\n {extraImages > 0 && (\r\n
\r\n )\r\n}\r\nexport default ImageChain3\r\n","import React, { useState } from \"react\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { useSelector } from \"react-redux\"\r\nimport SvgIcon from \"components/SvgIcon/SvgIcon.jsx\"\r\nimport { setFilterSelection } from \"store/modules/dataView\"\r\nimport { getCategorySvgName } from \"./MegaCategoryFilter\"\r\n\r\nimport useQueryStringFilters from \"utils/useQueryStringFilters\"\r\nimport MyLink from \"components/MyLink\"\r\n//$version = \"v-0.1.2\"\r\n\r\n// const mockProps = {\r\n// id: \"FLT-CATEG001\"\r\n// }\r\n\r\nfunction CategoryFilter(props) {\r\n //console.log(\"FILTER PROPS \", props);\r\n const {\r\n id,\r\n value: externalValue,\r\n setValue: externalSetValue,\r\n noTopMargin,\r\n withQs,\r\n setCategory,\r\n shouldNotRenderAsLinks\r\n } = props\r\n const { data, selected, setValue, categoryClick } = useCategoryFilterLogic({\r\n \r\n \r\n id,\r\n setCategory,\r\n externalValue,\r\n externalSetValue,\r\n withQs,\r\n })\r\n\r\n\r\n\r\n \r\n const lastSelected = selected?.[selected?.length - 1]\r\n\r\n const categoryIndentMultiplier =\r\n selected?.length > 3 ? selected?.length : selected?.length - 1\r\n const categoryIndentValue =\r\n selected?.length > 3 ? 7 : selected?.length > 2 ? 14 : 0\r\n const categoryIndent = categoryIndentMultiplier * categoryIndentValue + \"px\"\r\n\r\n const itemIndentMultilplier =\r\n selected?.length > 3\r\n ? selected?.length - 2\r\n : selected?.length > 2\r\n ? selected?.length - (lastSelected?.childList?.length > 0 ? 1 : 2)\r\n : selected?.length > 1\r\n ? selected?.length - 1\r\n : selected?.length\r\n const itemIndentValue = selected?.length > 1 ? 28 : 0\r\n const itemIndent = itemIndentMultilplier * itemIndentValue + \"px\"\r\n\r\n const categProps = (item) => ({\r\n key: item?.id,\r\n onClick: () => categoryClick(item),\r\n style: { \"--indentValue\": categoryIndent }\r\n })\r\n const onCategBackClick = (e, item) => {\r\n e?.stopPropagation?.()\r\n categoryClick(item, true)\r\n }\r\n\r\n const itemProps = (item) => ({\r\n key: item?.id,\r\n className: `categ-item ${item?.treeCode === \"#27610\" ? \"special\" : \"\"} ${lastSelected?.id === item?.id ? \"selected\" : \"\"} ${\r\n selected?.length > 1 ? \"spaced\" : \"\"\r\n }`,\r\n to: item?.href,\r\n onClick: (e) => {\r\n e?.stopPropagation?.()\r\n setValue(id, item)\r\n },\r\n style: {\r\n \"--indentValue\":\r\n selected?.length > 1 && selected?.length < 5 ? itemIndent : \"0px\"\r\n }\r\n })\r\n\r\n return (\r\n \r\n +{extraImages}\r\n
\r\n )}\r\n \r\n {selected?.map?.(\r\n (item, index) =>\r\n (item?.childList?.length > 0 || item?.treeCode === \"#27610\") && (\r\n \r\n {selected?.length === 0 ? (\r\n \r\n \r\n ))}\r\n
\r\n )\r\n}\r\n\r\nexport default CategoryFilter\r\n\r\n// const sameParentCategory = (id1, id2) => {\r\n// const getParentCode = id => id?.split?.(\"#\")?.slice?.(0,-1)?.join?.(\"#\")\r\n// return getParentCode(id1) === getParentCode(id2)\r\n// }\r\nconst useCategoryFilterLogic = (props) => {\r\n //console.log(\"FILTER LOGIC PROPS \", props);\r\n const { externalValue, externalSetValue, setCategory, withQs } = props\r\n const cateogries = useSelector((state) => state.backData?.productCategory)\r\n const dispatch = useDispatch()\r\n const { query, setFilter, getUrlWithNewCateg } = useQueryStringFilters()\r\n const selectedInStoreStateRedux = useSelector(\r\n (state) => state?.dataView?.selectedFilters?.[\"FLT-CATEG001\"]\r\n )\r\n const selectedInStoreState = withQs\r\n ? query?.filters?.[\"FLT-CATEG001\"]\r\n : selectedInStoreStateRedux\r\n const isDeletedState = selectedInStoreState?.[0]\r\n\r\n const populateInitial = () => {\r\n const splittedTreeCode = setCategory\r\n ? externalValue?.treeCode?.split?.(\"#\")?.slice?.(1)\r\n : isDeletedState?.split?.(\"#\")?.slice?.(1)\r\n\r\n const arrayToReturn = []\r\n //debugger\r\n splittedTreeCode?.forEach?.((cat, i) => {\r\n if (i === 0)\r\n cateogries?.forEach?.(\r\n (i) =>\r\n i.treeCode === \"#\" + cat &&\r\n arrayToReturn?.push?.({ ...i, id: i.treeCode, label: i?.name })\r\n )\r\n if ((i > 0) & (i < splittedTreeCode?.length)) {\r\n const joinedTreeCode =\r\n \"#\" + splittedTreeCode?.slice?.(0, i + 1)?.join?.(\"#\")\r\n\r\n arrayToReturn?.[arrayToReturn?.length - 1]?.childList?.forEach?.((i) => {\r\n i.treeCode === joinedTreeCode &&\r\n arrayToReturn?.push?.({ ...i, id: i.treeCode, label: i?.name })\r\n })\r\n }\r\n })\r\n return arrayToReturn\r\n \r\n }\r\n\r\n\r\n const externalSetAction = (id, treeCode) => {\r\n withQs\r\n \r\n ? setFilter(id, treeCode)\r\n : dispatch(setFilterSelection(id, treeCode))\r\n }\r\n\r\n const selected = populateInitial()\r\n //debugger\r\n //console.log(\"SELECTED \", selected)\r\n // const lastSelected = selected?.[selected?.length-1]\r\n const setValue = (id, value) => {\r\n //console.log(\"SET VALUE CLICK\");\r\n // if (!value.childList?.length > 0) {\r\n if (!withQs && externalSetValue) {\r\n\r\n externalSetValue([value?.treeCode])\r\n }\r\n if (!withQs && props.setCategory) {\r\n props.setCategory(value)\r\n }\r\n else {\r\n externalSetAction(props.id, value?.treeCode ? [value?.treeCode] : null)\r\n }\r\n // }\r\n // if (value?.id !== lastSelected?.id )\r\n // if (sameParentCategory(value?.treeCode, lastSelected?.treeCode )) setSelected(p => [...p?.slice?.(0, -1), value])\r\n // else setSelected(p => [...p, value])\r\n }\r\n\r\n const data = normalizeApiCategList(\r\n selected?.[selected?.length - 1]?.childList?.length > 0\r\n ? selected?.[selected?.length - 1]?.childList\r\n : selected?.[selected?.length - 2]?.childList?.length > 0\r\n ? selected?.[selected?.length - 2]?.childList\r\n : selected?.[0]?.treeCode === \"#27610\"\r\n ? null \r\n : cateogries\r\n )\r\n\r\n\r\n \r\n const categoryClick = (item, back) => {\r\n let index = 0\r\n selected?.forEach?.((selItem, i) => {\r\n if (selItem.id === item.id) index = i\r\n })\r\n //setSelected(selected?.slice?.(0, back ? selected?.[selected?.length-2] === item ? index -2 : selected?.[selected?.length-3] === item ? index-3 : index -1 : index))\r\n setValue(props.id, selected?.[back ? index - 1 : index])\r\n }\r\n\r\n const dataWithHrefs = data?.map?.(dataItem => ({\r\n ...dataItem,\r\n href: getUrlWithNewCateg(dataItem?.id)\r\n }))\r\n\r\n\r\n return { data: dataWithHrefs, selected, setValue, categoryClick }\r\n}\r\n\r\nconst normalizeApiCategList = (input) =>\r\n input?.map?.((item) => ({\r\n ...item,\r\n initialId: item?.id,\r\n id: item?.treeCode,\r\n label: item?.name\r\n }))\r\nconst backSvg = (\r\n \r\n)\r\n","import PropTypes from \"prop-types\"\r\n\r\nexport default function ProgressBar(props) {\r\n const {\r\n min,\r\n max,\r\n value,\r\n percent,\r\n dangerLimit,\r\n criticalLimit,\r\n strokeColor,\r\n reverseLimits,\r\n labels\r\n } = props\r\n let minValue = min ? min : 0\r\n let maxValue = max ? max : 100\r\n let currentPercent = percent\r\n ? percent\r\n : calculatePercent(minValue, maxValue, value)\r\n\r\n return (\r\n 0 && index === 0\r\n ? \"categ-category selected\"\r\n : \"categ-category\"\r\n }\r\n >\r\n
\r\n )\r\n )}\r\n {data?.map?.((item) => (\r\n \r\n {index === 0 ? (\r\n
\r\n {`${item?.label}`}
\r\n\r\n \r\n {index === 0 ? (\r\n onCategBackClick(e, item)}>\r\n \r\n {labels?.title &&
\r\n )\r\n}\r\n\r\nfunction calculatePercent(min, max, value) {\r\n if (!value) return 0\r\n if (min >= max) return 100\r\n return (value / (max - min)) * 100\r\n}\r\n\r\nfunction getLevelStage(\r\n currentPercent,\r\n dangerLimit,\r\n criticalLimit,\r\n reverseLimits\r\n) {\r\n if (reverseLimits) {\r\n return criticalLimit && criticalLimit > currentPercent\r\n ? 2\r\n : dangerLimit && dangerLimit > currentPercent\r\n ? 1\r\n : 0\r\n } else {\r\n return criticalLimit && criticalLimit < currentPercent\r\n ? 2\r\n : dangerLimit && dangerLimit < currentPercent\r\n ? 1\r\n : 0\r\n }\r\n}\r\n\r\nProgressBar.propTypes = {\r\n min: PropTypes.number,\r\n max: PropTypes.number,\r\n value: PropTypes.number,\r\n percent: PropTypes.number, // percent\r\n dangerLimit: PropTypes.number, // percent\r\n criticalLimit: PropTypes.number, // percent\r\n strokeColor: PropTypes.string,\r\n reverseLimits: PropTypes.bool,\r\n labels: PropTypes.shape({\r\n title: PropTypes.string,\r\n value: PropTypes.string,\r\n maxValue: PropTypes.string\r\n })\r\n}\r\n","import PropTypes from \"prop-types\"\r\nimport SvgIcon from \"components/SvgIcon/SvgIcon\"\r\n\r\nexport default function Pill(props) {\r\n const {\r\n type,\r\n label,\r\n bold,\r\n color,\r\n fontColor,\r\n iconColor,\r\n iconName,\r\n value,\r\n row\r\n } = props\r\n\r\n const classColor = fontColor\r\n ? `color-${fontColor}`\r\n : type === \"outlined\" && color\r\n ? `color-${color}`\r\n : \"color-light-purewhite\"\r\n const classColorBg =\r\n type === \"filled\" && color ? `bg-${color}` : \"bg-light-purewhite\"\r\n const classBorder = type === \"outlined\" && color ? `border-${color}` : \"\"\r\n const classSize = iconName ? \"large\" : bold ? \"medium\" : \"small\"\r\n const classStroke = iconColor\r\n ? `stroke-${iconColor}`\r\n : type === \"outlined\" && color\r\n ? `stroke-${color}`\r\n : \"stroke-light-purewhite\"\r\n\r\n const computedLabel = value ?? label\r\n return (\r\n {labels.title}
}\r\n \r\n \r\n
\r\n\r\n {currentPercent && (\r\n \r\n
\r\n )}\r\n \r\n {labels?.currentValue &&\r\n `${labels.currentValue}: ${value ? value : currentPercent + \"%\"}`}\r\n
\r\n \r\n {labels?.total && `${labels.total}: ${maxValue}${max ? \"\" : \"%\"}`}\r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nPill.propTypes = {\r\n type: PropTypes.oneOf([\"outlined\", \"filled\"]),\r\n label: PropTypes.string,\r\n value: PropTypes.string,\r\n bold: PropTypes.bool,\r\n color: PropTypes.string,\r\n fontColor: PropTypes.string,\r\n iconName: PropTypes.string,\r\n row: PropTypes.object\r\n}\r\n","import PropTypes from \"prop-types\"\r\nimport { numberFormatter } from \"utils/stringUtils\"\r\n\r\nexport default function Price(props) {\r\n const { currency, prefixCurrency, value, trendPercent, label, row } = props\r\n\r\n return (\r\n \r\n {iconName && (\r\n
\r\n \r\n {computedLabel}\r\n
\r\n )}\r\n \r\n {row.isSmallScreen && (\r\n
\r\n )\r\n}\r\n\r\nPrice.propTypes = {\r\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n currency: PropTypes.string,\r\n prefixCurrency: PropTypes.bool,\r\n trendPercent: PropTypes.number,\r\n label: PropTypes.string,\r\n row: PropTypes.object\r\n}\r\n","import { printError } from \"utils/printError\"\r\nimport { LOGOUT_USER } from \"store/modules/auth\"\r\n\r\n\r\n\r\nconst getLocalStorageKeys = () => {\r\n let keys = []\r\n\r\n try {\r\n \r\n const nrKeys = localStorage?.length || 0\r\n for (let i = 0; i < nrKeys; i++) {\r\n const key = localStorage?.key(i)\r\n if(key) keys?.push(key)\r\n }\r\n return keys\r\n\r\n } catch (error) {\r\n return keys\r\n }\r\n \r\n}\r\n\r\n\r\n/**\r\n * Clears all old redux-persist keys from local storage.\r\n * Meant to be called when the app is loaded.\r\n * \r\n * Every time the app is updated with a new version number, \r\n * a brand new redux store should be created, discarding the\r\n * old persisted redux store. \r\n */\r\nexport const clearOldReduxPersistence = (dispatch) => {\r\n const keys = getLocalStorageKeys()\r\n const reduxPersistenceKeys = keys?.filter?.(key => key?.startsWith?.('persist:'))\r\n const currentVersion = 'persist:V-0.7.41'\r\n let shouldLogoutUser = false\r\n\r\n reduxPersistenceKeys?.forEach?.(key => {\r\n\r\n if(key !== `${currentVersion}`) {\r\n shouldLogoutUser = true\r\n console.log('Deleting old redux persistence key ', key, ' in favor of the currentVersion: ', currentVersion)\r\n localStorage?.removeItem?.(key)\r\n }\r\n })\r\n if(shouldLogoutUser) \r\n dispatch({ type: LOGOUT_USER })\r\n}\r\n\r\n\r\n\r\n\r\nexport const getTokenFromLocalStorage = () => {\r\n try {\r\n const serializedState = localStorage.getItem('user')\r\n if(!serializedState) return null\r\n return JSON.parse(serializedState)?.IdToken\r\n } catch (err) {\r\n printError('getTokenFromLocalStorage()', err)\r\n return null\r\n }\r\n}\r\n","import { apiAction } from \"store/middleware/api\"\r\nimport { printError } from \"utils/printError\"\r\nimport { setApiResponse } from \"store/modules/auth\"\r\nimport { sanitizeAnythingForRedux } from \"utils/preventReactInRedux\"\r\n\r\nconst SET_CLIENT_TYPE = \"company/SET_CLIENT_TYPE\"\r\nconst SET_CLIENT_ADDRESSES = \"company/SET_CLIENT_ADDRESSES\"\r\n\r\nlet mock_invoicingData = [\r\n {\r\n id: \"CDT-12341234\",\r\n comanyName: \"Nume Companie 1\",\r\n cui: \"RO 123456789\",\r\n j: \"J40 / 42 / 2015\",\r\n address: \"Str. Ceahlau 25, S2, Bucuresti\"\r\n },\r\n {\r\n id: \"CDT-12341235\",\r\n comanyName: \"Nume Companie 2\",\r\n cui: \"RO 123456789\",\r\n j: \"J40 / 42 / 2015\",\r\n address: \"Str. Ceahlau 25, S2, Bucuresti\"\r\n }\r\n]\r\n\r\nlet mock_deliveryData = [\r\n {\r\n id: \"DEL-12341234\",\r\n name: \"Adresa primara\",\r\n address:\r\n \"43 Str. Truly Longname the second, Tirgu Mures, Mures, Romania - 022145. Poarta rosie, cladirea a 2-a pe dreapta, firma Alunelu SRL.\"\r\n },\r\n {\r\n id: \"DEL-12341235\",\r\n name: \"Sediul 2\",\r\n address:\r\n \"43 Str. Truly Longname the second, Tirgu Mures, Mures, Romania - 022145. Poarta rosie, cladirea a 2-a pe dreapta, firma Alunelu SRL.\"\r\n }\r\n]\r\n\r\nlet mock_paymentData = [\r\n {\r\n id: \"PMD-0000wire\",\r\n type: \"wire\",\r\n name: \"Acum, prin transfer bancar\"\r\n },\r\n {\r\n id: \"PMD-0000card\",\r\n type: \"card\",\r\n name: \"Plata prin card Bancar\",\r\n description:\r\n \"Platesiti in siguranta prin Stripe, stocul rezervat instant, iar comanda este procesata in cateva minute.\"\r\n },\r\n {\r\n id: \"PMD-0000date\",\r\n type: \"date\",\r\n blue: 0.25,\r\n green: 0.6,\r\n limit: 56000,\r\n remainingLimit: 56000,\r\n currency: \"EUR\",\r\n name: \"Factura la termen\"\r\n }\r\n]\r\n\r\nlet mock_lastOrders = [\r\n {\r\n id: \"pr-01\",\r\n date: \"2021-04-20T11:30:58+03:00\",\r\n brandName: \"Portelan inc.\",\r\n title: \"Gresie portelanata Gri\",\r\n invoiceId: \"invoice-00158\",\r\n price: 110.11\r\n },\r\n {\r\n id: \"pr-02\",\r\n date: \"2021-04-20T11:30:58+03:00\",\r\n brandName: \"Portelan inc.\",\r\n title: \"Gresie portelanata Gri\",\r\n invoiceId: \"invoice-00158\",\r\n price: 12.11\r\n }\r\n]\r\n\r\nconst initialState = {\r\n paymentData: mock_paymentData,\r\n deliveryData: mock_deliveryData,\r\n invoicingData: mock_invoicingData,\r\n type: \"GUEST\", // GUEST / RESELLER / SMALL / LARGE\r\n currency: \"RON\",\r\n lastOrders: [...mock_lastOrders || []]\r\n}\r\n// eslint-disable-next-line import/no-anonymous-default-export\r\nexport default function (state = initialState, unsanitizedAction) {\r\n\r\n const action = sanitizeAnythingForRedux(unsanitizedAction)\r\n\r\n switch (action.type) {\r\n case SET_CLIENT_TYPE:\r\n return {\r\n ...state,\r\n type: action.payload\r\n }\r\n case SET_CLIENT_ADDRESSES:\r\n return {\r\n ...state,\r\n addressList: action.payload\r\n }\r\n default:\r\n return state\r\n }\r\n}\r\n\r\n//temp used for testing\r\nexport const setClientTypeGlobal = (type) => {\r\n return {\r\n payload: type,\r\n type: SET_CLIENT_TYPE\r\n }\r\n}\r\n\r\nexport const loadClientAddresses = (organizationId) =>\r\n //TODO: workaround for filter (we need numeric id instead of hashedId)\r\n apiAction({\r\n endPoint: \"/uniprest/admin/get-id/\" + organizationId,\r\n method: \"GET\",\r\n onSuccess: (resp, dispatch) => {\r\n dispatch(\r\n apiAction({\r\n endPoint: \"/organization/search-organization-address\",\r\n method: \"POST\",\r\n data: {\r\n filters: [{ field: \"organizationId\", relation: \"in\", value: resp }]\r\n },\r\n onSuccess: (data, dispatch) => {\r\n dispatch(setApiResponse(data))\r\n return {\r\n type: SET_CLIENT_ADDRESSES,\r\n payload: data\r\n }\r\n },\r\n onFailure: (error) => {\r\n printError(\"loadClientAddresses()\", error)\r\n return {\r\n type: \"a\"\r\n }\r\n }\r\n })\r\n )\r\n return { type: \"a\" }\r\n },\r\n onFailure: (idConverterError) => {\r\n printError(\"loadClientAddresses()\", idConverterError)\r\n return { type: \"a\" }\r\n }\r\n })\r\n","import { sanitizeAnythingForRedux } from \"utils/preventReactInRedux\"\r\n\r\nconst SET_FIREBASE_REALTIME_DB_FIELDS = \"firebaseRealtimeDb/SET_FIREBASE_REALTIME_DB_FIELDS\"\r\n\r\n\r\nconst initialState = {\r\n changingThisForcesRefresh: null,\r\n isMaintenanceModeOn: null, \r\n}\r\n\r\nexport default function (state = initialState, unsanitizedAction) {\r\n\r\n const action = sanitizeAnythingForRedux(unsanitizedAction)\r\n\r\n switch (action.type) {\r\n\r\n case SET_FIREBASE_REALTIME_DB_FIELDS:\r\n return {\r\n ...state,\r\n changingThisForcesRefresh: action?.payload?.changingThisForcesRefresh,\r\n isMaintenanceModeOn: action?.payload?.isMaintenanceModeOn,\r\n }\r\n\r\n default:\r\n return state\r\n }\r\n}\r\n\r\n\r\nexport const setFirebaseRealtimeDbFields = data => ({\r\n type: SET_FIREBASE_REALTIME_DB_FIELDS,\r\n payload: data\r\n})\r\n","const ButtonLoadingStateInner = () => {\r\n const style = {\r\n position: \"absolute\",\r\n top: \"50%\",\r\n left: \"50%\",\r\n transform: \"translate(-50%, -50%)\"\r\n }\r\n return (\r\n {label}
\r\n )}\r\n \r\n {currency && prefixCurrency && (\r\n
\r\n {currency}
\r\n )}\r\n {typeof value && (\r\n {numberFormatter(value)}
\r\n )}\r\n {currency && !prefixCurrency && (\r\n {currency}
\r\n )}\r\n {trendPercent && (\r\n {`${trendPercent}%`}
\r\n )}\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default ButtonLoadingStateInner\r\n","export function hideMobileKeyboard(inputRef) {\r\n\r\n if(inputRef?.current)\r\n inputRef.current.disabled = true // Force keyboard to hide on textarea field.\r\n \r\n setTimeout(function() {\r\n \r\n if(inputRef?.current)\r\n inputRef.current.disabled = false // Force keyboard to hide on textarea field.\r\n \r\n document?.activeElement?.blur?.()\r\n\r\n }, 100)\r\n}\r\n","import { parseFloatOrDefault, parseFloatOrThrow, roundOrThrow } from \"utils/numberUtils\"\r\nimport { defaultCurrencyCode } from \"./currencyUtils\"\r\n\r\n\r\nexport const getComputedPriceInfo = (product, shouldIgnoreQuantity = false) => {\r\n\r\n const finalCurrency = product?.currency || product?.currencyCode || defaultCurrencyCode\r\n \r\n const prices = {\r\n primary: getPrimaryPriceString(product, shouldIgnoreQuantity), \r\n secondary: getSecondaryPriceString(product, shouldIgnoreQuantity),\r\n }\r\n\r\n return {\r\n prices,\r\n\r\n suffixText: {\r\n primary: finalCurrency, \r\n secondary: `${finalCurrency} (cu TVA)`,\r\n },\r\n finalCurrency,\r\n hasPrice: {\r\n primary: !isNaN(prices.primary),\r\n secondary: !isNaN(prices.secondary),\r\n }\r\n }\r\n\r\n}\r\n\r\n\r\nconst getPrimaryPriceString = (product, shouldIgnoreQuantity = false) => {\r\n try { return getPrimaryPriceNumberOrThrow(product, shouldIgnoreQuantity) } \r\n catch (error) { return '-' }\r\n}\r\n\r\nconst getSecondaryPriceString = (product, shouldIgnoreQuantity = false) => {\r\n try { return getSecondaryPriceNumberOrThrow(product, shouldIgnoreQuantity) }\r\n catch (error) { return '-' }\r\n}\r\n\r\nconst getPrimaryPriceNumberOrThrow = (product, shouldIgnoreQuantity = false) => {\r\n const priceNetFloat = parseFloatOrThrow(product?.unitPriceNetLocal || product?.priceNet)\r\n \r\n const quantityFloat = shouldIgnoreQuantity\r\n ? 1\r\n : parseFloatOrThrow(product?.quantity)\r\n\r\n return roundOrThrow(priceNetFloat * quantityFloat)\r\n \r\n}\r\n\r\nconst getSecondaryPriceNumberOrThrow = (product, shouldIgnoreQuantity = false) => {\r\n\r\n const priceGrossFloat = parseFloatOrThrow(product?.unitPriceGrossLocal || product?.priceGross)\r\n \r\n const quantityFloat = shouldIgnoreQuantity\r\n ? 1\r\n : parseFloatOrThrow(product?.quantity)\r\n\r\n return roundOrThrow(priceGrossFloat * quantityFloat)\r\n \r\n}","import { createSelector } from \"reselect\"\r\nimport {\r\n baseDataViewSelector,\r\n headerProcessor\r\n} from \"store/selectors/dataView/baseDataView.selector\"//\"views/ImportFromExcel/excelBaseDataView.selector\"\r\nimport { parseFloatOrZero } from \"utils/numberUtils\"\r\nimport { round } from \"utils/serviceFunctions\"\r\nimport { searchExcelItems } from \"utils/stringUtils\"\r\n\r\n\r\nconst searchString = (state) => state?.dataView?.checkSearchString\r\n\r\nconst templateHeader = [\r\n {\r\n type: \"select\",\r\n label: \"Select\"\r\n },\r\n {\r\n label: \"Detalii produs\",\r\n type: \"cartProductDetails\",\r\n // urlPrefix: \"/shop/orders/details?id=\",\r\n keys: {\r\n // title: \"code\",\r\n // subtitle: \"date\"\r\n },\r\n clickNotAllowed: true,\r\n passAllKeys: true\r\n },\r\n {\r\n label: \"Valoare - Cantitate si disponibilitate\",\r\n type: \"cartProductCard\",\r\n //urlPrefix: \"/shop/orders/details?id=\",\r\n keys: {\r\n title: \"value\",\r\n subtitle: \"valueGross\"\r\n },\r\n staticProps: {\r\n onlyRight: true,\r\n cardModalState: \"excelCard\", //\"saveInListCard\",\r\n renderedBy: \"importFromExcel\"\r\n },\r\n passAllKeys: true\r\n }\r\n]\r\n\r\nconst multiActions = [\r\n {\r\n label: \"Adauga in cos\",\r\n action: \"addExcelToCart\",\r\n icon: \"cartadd clear\",\r\n strokeColor: \"text-light-01\"\r\n },\r\n { label: \"Sterge din import\", action: \"deleteFromExcel\", icon: \"trash\" }\r\n]\r\nexport const checkIsLowStock = (i) => {\r\n if(parseFloatOrZero(i?.quantity) > (i?.centralStockQuantity || 0) + (i?.localStockQuantity || 0)) return true\r\n if((i?.localStockQuantity || 0) + (i?.centralStockQuantity || 0) === 0) return true\r\n return false\r\n}\r\nconst listDetailsTableSelector = createSelector(\r\n baseDataViewSelector,\r\n searchString,\r\n (prevSelector, searchString) => {\r\n let hasErrorLines = false\r\n let hasFrontZeroPrice = false\r\n let hasFrontLowStock = false \r\n const rows = searchExcelItems(searchString, prevSelector?.rows)?.map?.(\r\n (i, index) => {\r\n const isLowStock = checkIsLowStock(i)\r\n if(hasErrorLines === false && i?.id?.includes?.(\"incorrect\")) hasErrorLines = true \r\n if(hasFrontZeroPrice === false && parseFloatOrZero(i?.priceNet) === 0) hasFrontZeroPrice = true \r\n if(hasFrontLowStock === false && isLowStock) hasFrontLowStock = true \r\n return {\r\n ...i,\r\n isWarning: parseFloatOrZero(i?.priceNet) === 0 || isLowStock,\r\n i,\r\n // url: undefined,\r\n title: i?.name,\r\n productCode: i?.code,\r\n quantity: i?.quantity || 0,\r\n quantityForModification: i?.quantity || 0,\r\n minQuantity: i?.sellQuantityIncrement,\r\n unit: i?.unitOfMeasure,\r\n primaryPrice:\r\n round(i?.priceNet * (i?.quantity ?? 0)) + ` ${i?.currency}`, //mainPrice\r\n //price: round(item?.priceNet),\r\n youSave: i?.discount ? `-${i?.discount} %` : \"\",\r\n secondaryPrice:\r\n round(i?.priceGross * (i?.quantity ?? 0)) +\r\n ` ${i?.currency}` +\r\n \" (cu TVA)\",\r\n primaryImage:\r\n i?.img ??\r\n i?.mainImage?.reference ??\r\n i?.mainImage ??\r\n i?.attachmentList?.[0]?.reference,\r\n //stockState: true,\r\n noStock: !i?.localStockQuantity && !i?.centralStockQuantity,\r\n // noStock: !item?.localStockQuantity && !item?.centralStockQuantity,\r\n nullStock:\r\n i?.localStockQuantity === null &&\r\n i?.centralStockQuantity === null,\r\n stockState:\r\n i?.quantity >\r\n (i?.centralStockQuantity ?? 0) +\r\n (i?.localStockQuantity ?? 0) ||\r\n (i?.localStockQuantity ?? 0) +\r\n (i?.centralStockQuantity ?? 0) ===\r\n 0\r\n ? \"low\"\r\n : \"etwas\" //ACHTUNG\r\n //stockState is used in cart product card to chose proper icon but it is used to detect no stock state\r\n //as well... that is why I added a random string, to not display in red the quantity\r\n // ((!item?.localStockQuantity && !item?.centralStockQuantity) ||((item?.localStockQuantity === null) && (item?.centralStockQuantity === null)) ||\r\n }\r\n }\r\n )\r\n const header = headerProcessor({ ...prevSelector, templateHeader })\r\n return {\r\n hasErrorLines,\r\n hasFrontLowStock,\r\n hasFrontZeroPrice,\r\n tableData: { ...prevSelector, templateHeader, rows, header, multiActions }\r\n }\r\n }\r\n)\r\n\r\nexport default listDetailsTableSelector\r\n","import { apiAction, reDispatch } from \"store/middleware/api\"\r\nimport {\r\n setCrtList,\r\n SET_CRT_LIST_ITEMS,\r\n ADD_CRT_LIST_ITEMS\r\n} from \"store/modules/page\"\r\nimport { printError } from \"utils/printError\"\r\nimport store from \"store/index\"\r\nimport { loadOrganizationLists } from \"store/justActions/lists\"\r\n\r\nconst directMapping = [\r\n \"uniprest/user\",\r\n \"product/goods/shop\",\r\n \"product/goods\",\r\n \"organization/webshop-client\"\r\n]\r\nexport const loadCrtListItems = (type, reload) =>\r\n reDispatch((dispatch) => {\r\n if (type === \"mockCompanies\") dispatch(setCrtList(mockCompanies))\r\n if (type === \"mockProducts\") dispatch(setCrtList(mockProducts))\r\n if (type === \"mockUsers\") dispatch(setCrtList(mockUsers))\r\n if (type === \"dynamoComapnyLists\")\r\n dispatch(loadOrganizationLists({ crtList: true }))\r\n if (type === \"companies\")\r\n dispatch(searchListStuff({ type: \"organization/webshop-client\", reload }))\r\n\r\n if (directMapping?.includes?.(type))\r\n dispatch(searchListStuff({ type, reload }))\r\n return { type: \"a\" }\r\n })\r\n\r\nconst img =\r\n \"https://uniprest.compano.com/Data/Environments/000001/Attachment/Bijlage/Overzicht%20Product%20classifications/light%2087gr.jpg\"\r\n\r\nconst mockUsers = {\r\n items: [\r\n { id: 1, name: \"Andrei George\", subtitle: \"Manager Comapnie\" },\r\n { id: 2, name: \"Andrei Iorga\", subtitle: \"Manager Comapnie\" },\r\n { id: 3, name: \"Andrei Alexandru\", subtitle: \"Manager Comapnie\" },\r\n { id: 11, name: \"Georgescu George\", subtitle: \"Manager Comapnie\" },\r\n { id: 12, name: \"Georgescu Iorga\", subtitle: \"Manager Comapnie\" },\r\n { id: 13, name: \"Georgescu Alexandru\", subtitle: \"Manager Comapnie\" },\r\n { id: 1, name: \"Andrei George\", subtitle: \"Manager Comapnie\" },\r\n { id: 2, name: \"Andrei Iorga\", subtitle: \"Manager Comapnie\" },\r\n { id: 3, name: \"Andrei Alexandru\", subtitle: \"Manager Comapnie\" },\r\n { id: 11, name: \"Georgescu George\", subtitle: \"Manager Comapnie\" },\r\n { id: 12, name: \"Georgescu Iorga\", subtitle: \"Manager Comapnie\" },\r\n { id: 13, name: \"Georgescu Alexandru\", subtitle: \"Manager Comapnie\" },\r\n { id: 1, name: \"Andrei George\", subtitle: \"Manager Comapnie\" },\r\n { id: 2, name: \"Andrei Iorga\", subtitle: \"Manager Comapnie\" },\r\n { id: 3, name: \"Andrei Alexandru\", subtitle: \"Manager Comapnie\" },\r\n { id: 11, name: \"Georgescu George\", subtitle: \"Manager Comapnie\" },\r\n { id: 12, name: \"Georgescu Iorga\", subtitle: \"Manager Comapnie\" },\r\n { id: 13, name: \"Georgescu Alexandru\", subtitle: \"Manager Comapnie\" }\r\n ]\r\n}\r\n\r\nconst mockCompanies = {\r\n items: [\r\n {\r\n id: 1,\r\n name: \"Company name 1\",\r\n type: \"Large\",\r\n cui: \"RO 111001\",\r\n tags: [\"TagA\", \"Custom1\", \"Tag-B\"]\r\n },\r\n {\r\n id: 2,\r\n name: \"Company name 2\",\r\n type: \"Large\",\r\n cui: \"RO 222002\",\r\n tags: [\"TagA\", \"Custom2\", \"Tag-B\"]\r\n },\r\n {\r\n id: 3,\r\n name: \"Company name 3\",\r\n type: \"Large\",\r\n cui: \"RO 333003\",\r\n tags: [\"TagA\", \"Custom3\", \"Tag-B\"]\r\n },\r\n {\r\n id: 11,\r\n name: \"Company name 11\",\r\n type: \"Reseller\",\r\n cui: \"RO A11001\",\r\n tags: [\"TagA\", \"Custom1\", \"Tag-B\"]\r\n },\r\n {\r\n id: 12,\r\n name: \"Company name 12\",\r\n type: \"Reseller\",\r\n cui: \"RO A22002\",\r\n tags: [\"TagA\", \"Custom2\", \"Tag-B\"]\r\n },\r\n {\r\n id: 13,\r\n name: \"Company name 13\",\r\n type: \"Reseller\",\r\n cui: \"RO A33003\",\r\n tags: [\"TagA\", \"Custom3\", \"Tag-B\"]\r\n }\r\n ]\r\n}\r\nconst mockProducts = {\r\n items: [\r\n {\r\n id: 1,\r\n img,\r\n name: \"Product Name 1\",\r\n type: \"Moment Adezivi\",\r\n cui: \"RO 111001\",\r\n tags: [\"TagA\", \"Custom1\", \"Tag-B\"]\r\n },\r\n {\r\n id: 2,\r\n img,\r\n name: \"Product Name 2\",\r\n type: \"Moment Adezivi\",\r\n cui: \"RO 222002\",\r\n tags: [\"TagA\", \"Custom2\", \"Tag-B\"]\r\n },\r\n {\r\n id: 3,\r\n img,\r\n name: \"Product Name 3\",\r\n type: \"Moment Adezivi\",\r\n cui: \"RO 333003\",\r\n tags: [\"TagA\", \"Custom3\", \"Tag-B\"]\r\n },\r\n {\r\n id: 11,\r\n img,\r\n name: \"Product Name 11\",\r\n type: \"Velux\",\r\n cui: \"RO A11001\",\r\n tags: [\"TagA\", \"Custom1\", \"Tag-B\"]\r\n },\r\n {\r\n id: 12,\r\n img,\r\n name: \"Product Name 12\",\r\n type: \"Velux\",\r\n cui: \"RO A22002\",\r\n tags: [\"TagA\", \"Custom2\", \"Tag-B\"]\r\n },\r\n {\r\n id: 13,\r\n img,\r\n name: \"Product Name 13\",\r\n type: \"Velux\",\r\n cui: \"RO A33003\",\r\n tags: [\"TagA\", \"Custom3\", \"Tag-B\"]\r\n }\r\n ]\r\n}\r\n\r\nexport const searchListStuff = ({\r\n type = \"product\",\r\n sortAsc = true,\r\n sortField,\r\n firstRow = 0,\r\n pageSize = 25,\r\n searchTerm,\r\n reload\r\n}) => {\r\n let state = store.getState()\r\n\r\n return apiAction({\r\n endPoint: `/${type}/search`,\r\n method: \"POST\",\r\n data: {\r\n pageSize,\r\n firstRow: reload ? 0 : state?.page?.crtList?.lastItemHint ?? 0,\r\n searchTerm: searchTerm ?? state?.page?.crtList?.searchString\r\n },\r\n onSuccess: (data, dispatch) => {\r\n // dispatch( setApiResponse(data))\r\n return {\r\n type: reload ? SET_CRT_LIST_ITEMS : ADD_CRT_LIST_ITEMS,\r\n payload: {\r\n items: data?.items,\r\n lastItemHint:\r\n data?.items?.length < pageSize\r\n ? null\r\n : Number(state?.page?.crtList?.lastItemHint) + data?.items?.length\r\n }\r\n }\r\n },\r\n onFailure: (error) => {\r\n printError(\"searchListStuff()\", error)\r\n return {\r\n type: \"a\"\r\n }\r\n }\r\n })\r\n}\r\n","\r\nexport const arrayPartialMatch = (arrayToCheck, elementsToCheck) => \r\n elementsToCheck?.some(i => arrayToCheck?.includes?.(i));","import \"./ImageChain.scss\"\r\n\r\nexport const ImageChain = (props) => {\r\n const { pictures } = props\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {props.row.isSmallScreen && (\r\n
\r\n )\r\n}\r\n","import moment from \"moment\"\r\nimport { useState } from \"react\"\r\n\r\nconst ReportProblem = ({ problem, reported }) => {\r\n const [text, setText] = useState(problem)\r\n const [ico, setIco] = useState(false) //this can be eliminated by looking at the text value\r\n\r\n function clickHandler() {\r\n setText(reported + moment(new Date().toISOString()).format(\"DD MMM YYYY\"))\r\n setIco(true)\r\n }\r\n\r\n return (\r\n {props.label}
\r\n )}\r\n \r\n {pictures?.length &&\r\n pictures?.map?.((img, index) => {\r\n return (\r\n
\r\n \r\n ![]()
e?.preventDefault?.()}\r\n src={img.src}\r\n alt={img.alt}\r\n />\r\n
\r\n )\r\n })}\r\n {pictures?.length > 4 && (\r\n \r\n {pictures?.length > 4\r\n ? `+${pictures?.length - 4}`\r\n : `+${pictures?.length}`}\r\n
\r\n )}\r\n \r\n {text && (\r\n \r\n )}\r\n
\r\n )\r\n}\r\nexport default ReportProblem\r\n","import SvgIcon from \"components/SvgIcon/SvgIcon\"\r\nimport React, { useRef } from \"react\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { useSelector } from \"store\"\r\nimport {\r\n setMoreOpenRowId,\r\n setControlDVString,\r\n setDataViewId\r\n} from \"store/modules/dataView\"\r\nimport { dataViewActionClicked } from \"store/modules/dataView/dataViewActions.actions\"\r\nimport useWindowSize from \"../../../utils/useWindowsSize\"\r\n// import useScrollPosition from \"../../../utils/useScrollPosition\";\r\n\r\nconst MoreActions = (props) => {\r\n const { row, actions } = props\r\n\r\n const dispatch = useDispatch()\r\n const modalRef = useRef(null)\r\n const moreOpenRowId = useSelector((state) => state?.dataView?.moreOpenRowId)\r\n // const rowRef = useRef(null);\r\n\r\n const onItemClick = (item, row, index) => {\r\n if (item?.onClick) {\r\n // for local actions defined in the header\r\n item?.onClick({ row, index })\r\n // we also need to close the row manually in this case\r\n dispatch(setMoreOpenRowId(null))\r\n }\r\n // used for actions that are dispatched to the big ass table click action\r\n else {\r\n dispatch(setControlDVString())\r\n dispatch(setDataViewId())\r\n setTimeout(\r\n () => {\r\n dispatch(dataViewActionClicked(row.id, item?.action, row))\r\n },\r\n 100\r\n )\r\n }\r\n }\r\n\r\n const screenHeight = (useWindowSize().height / 3) * 2\r\n const pos = modalRef.current?.offsetTop\r\n\r\n let actionPosition = false\r\n if (pos >= screenHeight) actionPosition = true\r\n else actionPosition = false\r\n\r\n const moreModal = (\r\n \r\n
\r\n )\r\n return (\r\n \r\n {actions?.primary &&\r\n actions.primary?.map?.((item, index) => (\r\n
\r\n onItemClick(item, row, index)}\r\n >\r\n
\r\n ))}\r\n \r\n {actions?.secondary &&\r\n actions.secondary?.map?.((item, index) => (\r\n
\r\n onItemClick(item, row, index)}\r\n >\r\n
\r\n ))}\r\n \r\n
\r\n {item?.label}
\r\n\r\n
\r\n )\r\n}\r\n\r\nexport default MoreActions\r\n","import SvgIcon from \"components/SvgIcon/SvgIcon\"\r\nimport { useDispatch } from \"store\"\r\nimport { dataViewMultiActions } from \"store/modules/dataView/dataViewActions.actions\"\r\n\r\nexport const MultiActionsModal = (props) => {\r\n const { miltiSelectText } = props\r\n const dispatch = useDispatch()\r\n return (\r\n dispatch(setMoreOpenRowId(props?.row?.id))}\r\n >\r\n
\r\n {row.id === moreOpenRowId && moreModal}\r\n \r\n
\r\n )\r\n}\r\n","import PropTypes from \"prop-types\"\r\nimport SvgIcon from \"components/SvgIcon/SvgIcon\"\r\n\r\nexport default function TagCell(props) {\r\n const {\r\n label,\r\n onIconClick,\r\n backgroundColor,\r\n iconColor,\r\n iconName,\r\n fontColor,\r\n disabled,\r\n value,\r\n fullSize,\r\n bold,\r\n heightBase,\r\n widthBase,\r\n row\r\n } = props\r\n\r\n const isTiny = iconName === undefined\r\n const bgColorClass =\r\n !disabled && backgroundColor ? \"tag-bg-\" + backgroundColor : \"\"\r\n const fontColorClass = fontColor ? \"tag-color-\" + fontColor : \"\"\r\n const iconColorClass = disabled\r\n ? \"tag-disabled\"\r\n : iconColor\r\n ? \"tag-fill-\" + iconColor\r\n : \"\"\r\n const sizeClass = onIconClick ? \"medium\" : \"tiny\"\r\n const tagIconName = iconName ? iconName : \"closeK3\"\r\n const boldClass = bold ? \"bold-font\" : \"\"\r\n\r\n function iconClickHandler(data) {\r\n if (onIconClick && !disabled) onIconClick(data)\r\n }\r\n if (isTiny && !value) return null\r\n\r\n return (\r\n Actiuni colective
\r\n {miltiSelectText}
\r\n \r\n Actiuni
\r\n {props?.multiActions &&\r\n props.multiActions?.map?.((item, index) => (\r\n dispatch(dataViewMultiActions(item?.action))}\r\n >\r\n
\r\n ))}\r\n \r\n
\r\n {item?.label}
\r\n \r\n {row?.isSmallScreen && (\r\n
\r\n )\r\n}\r\n\r\nTagCell.propTypes = {\r\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n backgroundColor: PropTypes.string,\r\n fontColor: PropTypes.string,\r\n iconColor: PropTypes.string,\r\n onClose: PropTypes.func,\r\n disabled: PropTypes.bool,\r\n label: PropTypes.string,\r\n row: PropTypes.object\r\n}\r\n","var _path;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgReviewStarEmpty16(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 22,\n height: 23,\n viewBox: \"0 0 22 23\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10.9999 3.25L8.44978 8.68326L2.74983 9.54952L6.87487 13.7806L5.89966 19.7501L10.9999 16.9333L16.1002 19.7501L15.1249 13.7806L19.25 9.55541L13.55 8.68326L10.9999 3.25Z\",\n fill: \"#C6C6C6\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgReviewStarEmpty16);\nexport default __webpack_public_path__ + \"static/media/Review_star_empty_16.e9d63b95.svg\";\nexport { ForwardRef as ReactComponent };","import PillCell from \"components/MagicTable/components/PillCell\"\r\nimport TagCell from \"components/MagicTable/components/TagCell\"\r\nimport { titleClick } from \"components/MagicTable/tableActions\"\r\nimport SvgIcon from \"components/SvgIcon/SvgIcon\"\r\nimport { getInitialsFromName } from \"utils/stringUtils\"\r\nimport { setControlDVString, setDataViewId } from \"store/modules/dataView\"\r\nimport { useDispatch } from \"store\"\r\nimport { attachSizeQueryParamsXXS } from \"utils/attachSizeQueryParams\"\r\n\r\nconst DefaultCell = (props) => {\r\n const {\r\n title,\r\n subtitle,\r\n bgColor,\r\n svg,\r\n img,\r\n svgColor,\r\n svgClass,\r\n urlPrefix,\r\n twoLines,\r\n topTags,\r\n bottomTags,\r\n avatarBgColor,\r\n pill,\r\n tags,\r\n tempSkinnyTitle,\r\n uppercase,\r\n justAvatar,\r\n row,\r\n fontColor,\r\n pills,\r\n isSmallScreen,\r\n label\r\n } = props\r\n let topCell, bottomCell\r\n const dispatch = useDispatch()\r\n if (pill && title) bottomCell = {label}
\r\n )}\r\n \r\n {value && (\r\n
\r\n {value}
\r\n )}\r\n {!isTiny && (\r\n iconClickHandler(value)}\r\n >\r\n
\r\n )}\r\n \r\n {tags?.map?.((item, index) => (\r\n
\r\n )\r\n if (title) bottomCell = tagCells\r\n else if (subtitle) topCell = tagCells\r\n else {\r\n topCell = (\r\n \r\n
\r\n )\r\n bottomCell = (\r\n \r\n
\r\n )\r\n }\r\n }\r\n const goToDetails = () => {\r\n dispatch(setControlDVString())\r\n dispatch(setDataViewId())\r\n setTimeout(() => titleClick(urlPrefix, row?.id, row?.SK, row?.sourceType), 100)\r\n }\r\n\r\n if (title && title !== \"empty\")\r\n topCell = (\r\n <>\r\n {isSmallScreen && {label}
}\r\n (urlPrefix ? goToDetails() : undefined)}\r\n >\r\n {title}\r\n
\r\n \r\n )\r\n\r\n if (subtitle)\r\n bottomCell = (\r\n (urlPrefix ? goToDetails() : undefined)}\r\n >\r\n {subtitle}\r\n
\r\n )\r\n\r\n if (topTags)\r\n topCell = (\r\n \r\n {topTags?.map?.((item, i) => (\r\n
\r\n )\r\n if (bottomTags)\r\n bottomCell = (\r\n \r\n {bottomTags?.map?.((item, i) => (\r\n
\r\n )\r\n return (\r\n \r\n {avatarBgColor && (\r\n
\r\n )\r\n}\r\n\r\nexport default DefaultCell\r\n","// import store from 'store/index'\r\nimport { history } from \"utils/history\"\r\n\r\nexport const multiSelectClick = () => {}\r\nexport const titleClick = (urlPrefix, id, SK, sourceType) => {\r\n // const dataViewId = store.getState()?.dataView?.dataViewId\r\n\r\n // if (dataViewId === \"mock-users-table\") history?.push?.(`/admin/user/form?id=${id}`)\r\n history?.push?.(`${urlPrefix}${id}${SK ? \"|\" + SK : \"\"}${sourceType ? `&source=${sourceType}` : \"\"}`)\r\n}\r\nexport const itemActionClick = () => {}\r\n","var _path;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgReviewStarFull16(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 22,\n height: 23,\n viewBox: \"0 0 22 23\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M11 3.25L8.4499 8.68326L2.74995 9.54952L6.87499 13.7806L5.89978 19.7501L11 16.9333L16.1003 19.7501L15.1251 13.7806L19.2501 9.55541L13.5501 8.68326L11 3.25Z\",\n fill: \"#E5BE30\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgReviewStarFull16);\nexport default __webpack_public_path__ + \"static/media/Review_star_full_16.53963a41.svg\";\nexport { ForwardRef as ReactComponent };","// import SvgIcon from \"components/SvgIcon/SvgIcon\"\r\n\r\nimport { ReactComponent as ReviewStarEmpty16 } from \"assets/icons/Review_star_empty_16.svg\"\r\nimport { ReactComponent as ReviewStarFull16 } from \"assets/icons/Review_star_full_16.svg\"\r\n// import { ReactComponent as ReviewStarHalf16} from \"assets/icons/Review_star_half_16.svg\"\r\n\r\nconst Rating5StarsCell = (props) => {\r\n const { value } = props\r\n return (\r\n \r\n {getInitialsFromName(title)}\r\n
\r\n )}\r\n {svg && (\r\n \r\n {\" \"}\r\n
\r\n )}\r\n {img && (\r\n \r\n ![]()
e?.preventDefault?.()}\r\n src={attachSizeQueryParamsXXS(img)}\r\n alt={`image-thumbnail`}\r\n />\r\n
\r\n )}\r\n {!justAvatar && (\r\n \r\n {row.isSmallScreen && (\r\n
\r\n )}\r\n {label}
\r\n )}\r\n {topCell}\r\n {bottomCell}\r\n \r\n {[1, 2, 3, 4, 5]?.map?.((star) =>\r\n value >= star ?
\r\n )\r\n}\r\n\r\nexport default Rating5StarsCell\r\n","import styled from \"styled-components\"\r\nimport { ImageChain } from \"components/MagicTable/ImageChain/ImageChain\"\r\nimport ReportProblem from \"components/MagicTable/ReportProblem\"\r\nimport SvgIcon from \"components/SvgIcon/SvgIcon\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport {\r\n toggleSelectedItem,\r\n toggleSelectAllItems,\r\n toggleSort,\r\n setControlDVString\r\n} from \"store/modules/dataView\"\r\nimport MoreActions from \"components/MagicTable/components/MoreActions\"\r\nimport { MultiActionsModal } from \"components/MagicTable/components/MultiActionsModal\"\r\nimport { useSelector } from \"store\"\r\nimport ProgressBar from \"componentsK3/ProgressBar\"\r\nimport Deadline from \"componentsK3/Deadline\"\r\nimport Pill from \"componentsK3/Pill\"\r\nimport CircleAvatarsCell from \"components/MagicTable/cells/CircleAvatarsCell\"\r\nimport Price from \"componentsK3/Price\"\r\nimport TagCell from \"components/MagicTable/components/TagCell\"\r\nimport { CellListItems } from \"componentsK3\"\r\nimport DefaultCell from \"components/MagicTable/components/DefaultCell\"\r\nimport { useEffect } from \"react\"\r\nimport { loadViewData } from \"store/modules/dataView/dataView-dataLoader\"\r\nimport Rating5StarsCell from \"components/MagicTable/cells/Rating5StarsCell\"\r\nimport MagicButton from \"components/MagicButton/MagicButtonV2\"\r\nimport { CartProductDetailsCell } from \"views/shoppingCart/cartProductCard\"\r\nimport CartProductCard from \"views/shoppingCart/cartProductCard\"\r\n// import uniqueID from \"utils/uniqueId\";\r\n// import MagicButton from \"components/MagicButtonV2\";\r\nimport useWindowSize from \"utils/useWindowsSize\"\r\nimport MagicInput from \"components/MagicInput/MagicInpuv2\"\r\nimport { Lang, lang, Translate, withLocalize } from \"components/Lang/Lang\"\r\n\r\nconst Container = styled.div`\r\n /* display: grid; //moved to CSS (magicTable/max-inline-size.scss)\r\n grid-template-columns: ${(props) => `repeat(${props.headerLength}, auto)`}; */\r\n grid-row-gap: ${(props) => `${props.rowsGap}rem`};\r\n overflow-x: ${(props) => (props.overflowX ? \"scroll\" : \"hidden\")};\r\n overflow-y: hidden;\r\n > div {\r\n //:nth-child(n+2)\r\n /* background-color: white; // @TODO: put this in parameters some how.. */\r\n > div:nth-last-child(${(props) => `-n+${props.repeatCollumns}`}) {\r\n min-height: ${(props) => `${props.rowHeight}rem`}; //was height\r\n border-bottom: 1px solid #ccc;\r\n }\r\n /* display: flex; */\r\n /* align-items: center; */\r\n }\r\n > div:nth-child(${(props) => `${props.headerLength}n+1`}) {\r\n padding-left: ${(props) =>\r\n `${(props.pr ?? props.px) * 0.5 ?? props.cellPadding}rem`};\r\n }\r\n > div:nth-child(${(props) =>\r\n `${props.headerLength}n+${props.headerLength}`}) {\r\n padding-right: ${(props) =>\r\n `${(props.pr ?? props.px) * 0.5 ?? props.cellPadding}rem`};\r\n }\r\n > div {\r\n border-bottom: 1px solid #ccc;\r\n padding-right: ${(props) => `${props.cellPadding}rem`};\r\n }\r\n > div:nth-last-child(${(props) => `-n+${props.headerLength}`}) {\r\n border-bottom: none;\r\n }\r\n`\r\n\r\nconst cellTypes = {\r\n select: (headerSection, row, compKey, isSmallScreen) => (\r\n \r\n
\r\n cu caracter personal în scopuri de marketing\r\n ,\r\n },\r\n {\r\n url: legalDocuments?.candidates?.url,\r\n label: legalDocuments?.candidates?.title\r\n },\r\n { \r\n url: \"/shop/support\", \r\n label: \"Contact\",\r\n }, \r\n\r\n ],\r\n social:\r\n {/* \r\n )\r\n }\r\n\r\n const Control = (props) => {\r\n return (\r\n \r\n <>\r\n {(icon || iconName) && (\r\n \r\n )\r\n }\r\n\r\n const DropdownIndicator = (props) => {\r\n return (\r\n \r\n {/* \r\n )\r\n }\r\n\r\n const ClearIndicator = (props) => {\r\n return (\r\n \r\n {isClearable ? (\r\n \r\n )\r\n }\r\n\r\n const Menu = (props) => {\r\n const menuRef = useRef(null)\r\n const [scrollPosition, setScrollPosition] = useState(0)\r\n const [selectedVal, setSelectedVal] = useState(\r\n props.getValue()?.map?.((item) => item?.value)\r\n )\r\n\r\n // menuRef && menuRef.current.scrollTo(0, scrollPosition);\r\n const optionClick = (item) => {\r\n setSelectedVal((p) =>\r\n props.isMulti ? toggleInArray(p, item?.value) : [item?.value]\r\n )\r\n setScrollPosition(menuRef.current.scrollTop)\r\n }\r\n\r\n useEffect(() => {\r\n if (menuRef.current) menuRef.current.scrollTop = scrollPosition\r\n }, [scrollPosition])\r\n\r\n return (\r\n <>\r\n {!allLocationCase ? (\r\n \r\n {/* \r\n ) : ss?.current?.length >= 3 && allLocationCase ? (\r\n \r\n {/* \r\n ) : (\r\n \r\n )}\r\n \r\n )\r\n }\r\n\r\n const customOptionProps = allowCustomOption ? { Option: CustomOption } : {}\r\n\r\n const selectComponentProps = {\r\n onCreateOption,\r\n onDeleteOption,\r\n addedCustomOption,\r\n clearAddedCustomOption: () => setAddedCustomOption(null),\r\n className:\r\n \"select-overwrites-1 \" +\r\n (type === \"small\" ? \"custom-select-small\" : \"\") +\r\n (disabled ? \" disabled\" : \"\"),\r\n classNamePrefix: \"crs\",\r\n styles: type === \"filter\" ? filterStyle : undefined,\r\n components: {\r\n DropdownIndicator,\r\n ValueContainer,\r\n ClearIndicator,\r\n Control,\r\n Menu,\r\n ...customOptionProps\r\n },\r\n formatCreateLabel: (input) => `Salvează \"${input}\"`,\r\n onInputChange: onInputChange\r\n ? (e) => {\r\n onInputChange(e)\r\n ss.current = e\r\n }\r\n : (e) => (ss.current = e),\r\n rest,\r\n isClearable,\r\n isMulti,\r\n placeholder,\r\n onBlur,\r\n value: adaptValue(value ?? selected, actualOptions),\r\n options: actualOptions,\r\n onChange: (e) =>\r\n onChange?.(allowCustomOption ? e?.label : getSelectValues(e)),\r\n isDisabled: disabled\r\n }\r\n\r\n const selectComponent = allowCustomOption ? (\r\n getStuffForSelect(e)}\r\n className={\r\n \"select-overwrites-1 \" +\r\n (type === \"small\" ? \"custom-select-small\" : \"\") +\r\n (disabled ? \" disabled\" : \"\")\r\n }\r\n classNamePrefix=\"crs\"\r\n styles={type === \"filter\" ? filterStyle : undefined}\r\n components={{\r\n // IndicatorSeparator: undefined,\r\n // DropdownIndicator: \r\n DropdownIndicator,\r\n ValueContainer,\r\n ClearIndicator,\r\n Control,\r\n Menu\r\n }}\r\n onInputChange={\r\n onInputChange\r\n ? (e) => {\r\n onInputChange(e)\r\n ss.current = e\r\n }\r\n : (e) => (ss.current = e)\r\n }\r\n inputValue={inputValue ? inputValue : undefined}\r\n {...{ rest, isClearable, isMulti, placeholder, onBlur }}\r\n // defaultValue={[{ value: \"ID4\", label: \"Option 4\" }]}\r\n //value={adaptValue(value ?? selected, actualOptions)}\r\n //options={actualOptions}\r\n onChange={(e) =>\r\n onChange\r\n ? onChange(getSelectValues(e))\r\n : console.info(\"On change not defined; \", e)\r\n }\r\n //isDisabled={disabled}\r\n />\r\n )\r\n const title = error ? (\r\n \r\n \r\n )\r\n}\r\n\r\nexport default withLocalize(AddToListModal)\r\n\r\nconst mockLists = [\r\n {\r\n id: 1,\r\n name: \"Nume lista 1\",\r\n products: \"23 produse\",\r\n date: \"Creata pe 12 APR 2020 de Ionut Popescu \"\r\n },\r\n {\r\n id: 2,\r\n name: \"Nume lista 2\",\r\n products: \"23 produse\",\r\n date: \"Creata pe 12 APR 2020 de Ionut Popescu \"\r\n },\r\n {\r\n id: 3,\r\n name: \"Nume lista 3\",\r\n products: \"23 produse\",\r\n date: \"Creata pe 12 APR 2020 de Ionut Popescu \"\r\n },\r\n {\r\n id: 4,\r\n name: \"Nume lista 4\",\r\n products: \"23 produse\",\r\n date: \"Creata pe 12 APR 2020 de Ionut Popescu \"\r\n }\r\n]\r\n\r\n// <>\r\n// \r\n// closeModal ? closeModal() : setCardState( \"listCard\")}\r\n// />\r\n// \r\n// \r\n// \r\n","export default __webpack_public_path__ + \"static/media/GlobalConnectionAlert.0f0c56a7.svg\";","import React from \"react\"\r\nimport MagicButton from \"components/MagicButton/MagicButtonV2\"\r\nimport GlobalConnectionError from \"assets/iconsK3/GlobalConnectionAlert.svg\"\r\nimport \"./PriceChangedModal.scss\"\r\nimport { setDictionary } from \"store/modules/backData\"\r\nimport { useDispatch, useSelector } from \"react-redux\"\r\nimport FormatComponent from \"components/FormatComponent/FormatComponent\"\r\nimport { addToBasket, modifyBasket } from \"store/modules/shop\"\r\nimport { searchStuff } from \"store/modules/dataView.search\"\r\nimport Close from \"assets/general/Close.svg\"\r\n\r\nconst PriceChangedModal = ({ location }) => {\r\n const dispatch = useDispatch()\r\n const dictionary = useSelector((state) => state?.backData?.dictionary)\r\n\r\n const firstText = `Pretul la produsul ${dictionary?.data?.name} s-a schimbat!`\r\n\r\n return (\r\n <>\r\n \r\n = star ? \"Review_star_full\" : \"reviewstarempty\"\r\n }\r\n />\r\n ))\r\n ) : (\r\n \r\n \r\n )\r\n}\r\nexport default ColumnsReorderDragAndDrop\r\n","export default __webpack_public_path__ + \"static/media/Delete.166c33fd.svg\";","import { sanitizeAnythingForRedux } from \"utils/preventReactInRedux\"\r\n\r\nconst GET_INVOICES = \"table/GET_INVOICES\"\r\nconst SET_EDITMODE = \"table/SET_EDITMODE\"\r\nconst TOGGLE_PAGE_EDIT = \"table/TOGGLE_PAGE_EDIT\"\r\n\r\nconst invoiceList = [\r\n {\r\n title: \"Facturi\",\r\n type: \"achitat\",\r\n price: \"15.200\",\r\n date: \"Vineri, 28 Aprilie\",\r\n articole: null\r\n },\r\n\r\n {\r\n title: \"Facturi\",\r\n type: \"recent\",\r\n price: \"24.871,22\",\r\n date: \"Marti, 02 Mai\",\r\n articole: null\r\n },\r\n {\r\n title: \"Comenzi\",\r\n type: \"next\",\r\n date: \"Martie 2021\",\r\n articole: 1250\r\n },\r\n {\r\n title: \"Comenzi\",\r\n type: \"active\",\r\n price: \"24.871,22\",\r\n date: \"Martie 2021\"\r\n },\r\n\r\n {\r\n title: \"Facturi\",\r\n type: \"restante\",\r\n price: \"24.871,22\",\r\n date: \"Marti, 02 Mai\",\r\n articole: null\r\n },\r\n {\r\n title: \"Facturi\",\r\n type: \"total\",\r\n price: \"24.871,22\",\r\n date: \"Marti, 02 Mai\",\r\n articole: null\r\n }\r\n]\r\n\r\nconst initialState = {\r\n invoices: [...invoiceList || []],\r\n isEdit: false\r\n}\r\n\r\n// eslint-disable-next-line import/no-anonymous-default-export\r\nexport default function (state = initialState, unsanitizedAction) {\r\n\r\n const action = sanitizeAnythingForRedux(unsanitizedAction)\r\n\r\n switch (action.type) {\r\n case GET_INVOICES:\r\n return {\r\n ...state,\r\n invoices: action.payload\r\n }\r\n case SET_EDITMODE:\r\n return {\r\n ...state,\r\n isEdit: action.payload\r\n }\r\n case TOGGLE_PAGE_EDIT:\r\n return {\r\n ...state,\r\n isEdit: !state?.isEdit\r\n }\r\n default:\r\n return state\r\n }\r\n}\r\n\r\nexport const setInvoices = (data) => {\r\n return {\r\n payload: data,\r\n type: GET_INVOICES\r\n }\r\n}\r\n\r\nexport const setEditmode = (data) => {\r\n return {\r\n payload: data,\r\n type: SET_EDITMODE\r\n }\r\n}\r\n\r\nexport const toggleCmpPageEdit = () => {\r\n return {\r\n type: TOGGLE_PAGE_EDIT\r\n }\r\n}\r\n","// import orderTableData from \"mockData/orderTableData\";\r\nimport { apiAction, reDispatch } from \"store/middleware/api\"\r\nimport { printError } from \"utils/printError\"\r\nimport store from \"store/index\"\r\nimport { setApiResponse } from \"store/modules/auth\"\r\nimport { loadDynamoItemsBySK, searchStuff } from \"store/modules/dataView.search\"\r\nimport { sanitizeAnythingForRedux } from \"utils/preventReactInRedux\"\r\n\r\nexport const SET_STATISTICS = \"dataView/SET_STATISTICS\"\r\nexport const CLEAR_STATISTICS = \"dataView/CLEAR_STATISTICS\"\r\nexport const SET_AUXILIARY_INVOICE = \"dataView/SET_AUXILIARY_INVOICE\"\r\n\r\nconst initialState = {\r\n statistics: {},\r\n auxiliaryInvoiceData: []\r\n}\r\n\r\n// eslint-disable-next-line import/no-anonymous-default-export\r\nexport default function (state = initialState, unsanitizedAction) {\r\n\r\n const action = sanitizeAnythingForRedux(unsanitizedAction)\r\n\r\n switch (action.type) {\r\n case SET_STATISTICS:\r\n return {\r\n ...state,\r\n statistics: { ...state.statistics, ...action.payload }\r\n }\r\n case SET_AUXILIARY_INVOICE:\r\n return { ...state, auxiliaryInvoiceData: [...action.payload] }\r\n case CLEAR_STATISTICS:\r\n return { ...initialState }\r\n default:\r\n return state\r\n }\r\n}\r\n\r\nexport const clearStatistics = () => {\r\n return { type: CLEAR_STATISTICS }\r\n}\r\n\r\nexport const loadStatistics = (type) =>\r\n apiAction({\r\n endPoint: `/uniprest/${type}/statistics`,\r\n onSuccess: (data, dispatch) => {\r\n let payload = {}\r\n payload[type] = data\r\n\r\n dispatch(setApiResponse(data))\r\n return {\r\n type: SET_STATISTICS,\r\n payload\r\n }\r\n },\r\n onFailure: (error) => {\r\n printError(\"loadStatistics()\", error)\r\n return {\r\n type: \"a\"\r\n }\r\n }\r\n })\r\n\r\nexport const loadCompanyStatistics = () =>\r\n apiAction({\r\n endPoint: `/organization/webshop-client/statistics`,\r\n onSuccess: (data, dispatch) => {\r\n dispatch(setApiResponse(data))\r\n let payload = {}\r\n payload[\"companies\"] = data\r\n return {\r\n type: SET_STATISTICS,\r\n payload\r\n }\r\n },\r\n onFailure: (error) => {\r\n printError(\"loadCompanyStatistics()\", error)\r\n return {\r\n type: \"a\"\r\n }\r\n }\r\n })\r\n\r\nexport const loadProductStatistics = () =>\r\n apiAction({\r\n endPoint: `/product/goods/statistics`,\r\n onSuccess: (data, dispatch) => {\r\n dispatch(setApiResponse(data))\r\n let payload = {}\r\n payload[\"products\"] = data\r\n return {\r\n type: SET_STATISTICS,\r\n payload\r\n }\r\n },\r\n onFailure: (error) => {\r\n printError(\"loadProductStatistics()\", error)\r\n return {\r\n type: \"a\"\r\n }\r\n }\r\n })\r\n\r\nexport const loadOrderStatistics = () =>\r\n apiAction({\r\n endPoint: `/basket/statistics`,\r\n onSuccess: (data, dispatch) => {\r\n dispatch(setApiResponse(data))\r\n let payload = {}\r\n payload[\"orders\"] = data\r\n return {\r\n type: SET_STATISTICS,\r\n payload\r\n }\r\n },\r\n onFailure: (error) => {\r\n printError(\"loadOrderStatistics()\", error)\r\n return {\r\n type: \"a\"\r\n }\r\n }\r\n })\r\n\r\nexport const loadInvoiceStatistics = () =>\r\n apiAction({\r\n endPoint: `/client-invoice/statistics`, //not available yet, or I'm missing something\r\n onSuccess: (data, dispatch) => {\r\n dispatch(setApiResponse(data))\r\n return {\r\n type: SET_AUXILIARY_INVOICE,\r\n payload: data\r\n }\r\n },\r\n onFailure: (error) => {\r\n printError(\"loadInvoiceStatistics()\", error)\r\n return {\r\n type: \"a\"\r\n }\r\n }\r\n })\r\n\r\n//testing if switchcase adds correctly data in state\r\n// export const loadInvoiceStatistics = () => {\r\n// return {\r\n// type: COMBINE_STATISTICS,\r\n// payload: [{1: \"test1\"}, {2: \"test2\"}],\r\n// }\r\n// }\r\nexport const loadGuestStatistics = () =>\r\n reDispatch((dispatch) => {\r\n dispatch(\r\n loadDynamoItemsBySK({\r\n SK: \"APLICANT_RESPONSE\",\r\n dictionary: \"APLICANT_STATS\"\r\n })\r\n )\r\n dispatch(\r\n loadDynamoItemsBySK({ SK: \"JOB_RESPONSE\", dictionary: \"JOBS_STATS\" })\r\n )\r\n dispatch(\r\n loadDynamoItemsBySK({ SK: \"GUEST_ARTICLE_V2\", dictionary: \"NEWS_STATS\" })\r\n )\r\n dispatch(\r\n loadDynamoItemsBySK({\r\n SK: \"CONTACT_RESPONSE\",\r\n dictionary: \"CONTACT_STATS\"\r\n })\r\n )\r\n dispatch(\r\n searchStuff({\r\n type: \"public/organization/workplace\",\r\n sortField: null,\r\n dictionary: \"LOCATION_RESPONSE\",\r\n reload: true\r\n })\r\n )\r\n return { type: \"a\" }\r\n })\r\n","var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _path21, _path22, _path23, _path24, _path25, _path26, _path27, _path28, _path29, _path30;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgEmptyListIllu(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 168,\n height: 203,\n viewBox: \"0 0 168 203\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M135.466 9.96484H124.999V4.93267C124.999 3.92624 124.194 3.12109 123.187 3.12109C122.181 3.12109 121.376 3.92624 121.376 4.93267V9.96484H112.62V4.93267C112.62 3.92624 111.815 3.12109 110.808 3.12109C109.802 3.12109 108.997 3.92624 108.997 4.93267V9.96484H100.241V4.93267C100.241 3.92624 99.4356 3.12109 98.4292 3.12109C97.4228 3.12109 96.6176 3.92624 96.6176 4.93267V9.96484H87.8616V4.93267C87.8616 3.92624 87.0565 3.12109 86.0501 3.12109C85.0436 3.12109 84.2385 3.92624 84.2385 4.93267V9.96484H75.4825V4.93267C75.4825 3.92624 74.6774 3.12109 73.6709 3.12109C72.6645 3.12109 71.8593 3.92624 71.8593 4.93267V9.96484H63.1034V4.93267C63.1034 3.92624 62.2982 3.12109 61.2918 3.12109C60.2854 3.12109 59.4802 3.92624 59.4802 4.93267V9.96484H50.7242V4.93267C50.7242 3.92624 49.9191 3.12109 48.9127 3.12109C47.9062 3.12109 47.1011 3.92624 47.1011 4.93267V9.96484H38.3451V4.93267C38.3451 3.92624 37.54 3.12109 36.5335 3.12109C35.5271 3.12109 34.722 3.92624 34.722 4.93267V9.96484H25.966V4.93267C25.966 3.92624 25.1608 3.12109 24.1544 3.12109C23.148 3.12109 22.3428 3.92624 22.3428 4.93267V9.96484H13.5869V4.93267C13.5869 3.92624 12.7817 3.12109 11.7753 3.12109C10.7689 3.12109 9.96369 3.92624 9.96369 4.93267V9.96484H0V30.9993V192.431V202.999H135.466V192.431V9.96484ZM121.376 16.9092V18.2176C121.376 19.224 122.181 20.0292 123.187 20.0292C124.194 20.0292 124.999 19.224 124.999 18.2176V16.9092C126.005 17.5131 126.811 18.6202 126.811 19.9285C126.811 21.9414 125.2 23.451 123.288 23.451C121.376 23.451 119.766 21.8408 119.766 19.9285C119.665 18.7208 120.369 17.5131 121.376 16.9092ZM109.097 16.9092V18.2176C109.097 19.224 109.903 20.0292 110.909 20.0292C111.915 20.0292 112.721 19.224 112.721 18.2176V16.9092C113.727 17.5131 114.532 18.6202 114.532 19.9285C114.532 21.9414 112.922 23.451 111.01 23.451C109.097 23.451 107.487 21.8408 107.487 19.9285C107.286 18.7208 107.99 17.5131 109.097 16.9092ZM96.7183 16.9092V18.2176C96.7183 19.224 97.5234 20.0292 98.5298 20.0292C99.5363 20.0292 100.341 19.224 100.341 18.2176V16.9092C101.348 17.5131 102.153 18.6202 102.153 19.9285C102.153 21.9414 100.543 23.451 98.6305 23.451C96.6176 23.451 95.108 21.8408 95.108 19.9285C95.0073 18.7208 95.7118 17.5131 96.7183 16.9092ZM84.4398 16.9092V18.2176C84.4398 19.224 85.2449 20.0292 86.2514 20.0292C87.2578 20.0292 88.0629 19.224 88.0629 18.2176V16.9092C89.0694 17.5131 89.8745 18.6202 89.8745 19.9285C89.8745 21.9414 88.2642 23.451 86.352 23.451C84.4398 23.451 82.8295 21.8408 82.8295 19.9285C82.6282 18.7208 83.3327 17.5131 84.4398 16.9092ZM72.0606 16.9092V18.2176C72.0606 19.224 72.8658 20.0292 73.8722 20.0292C74.8786 20.0292 75.6838 19.224 75.6838 18.2176V16.9092C76.6902 17.5131 77.4954 18.6202 77.4954 19.9285C77.4954 21.9414 75.8851 23.451 73.9729 23.451C72.0606 23.451 70.4503 21.8408 70.4503 19.9285C70.3497 18.7208 71.0542 17.5131 72.0606 16.9092ZM59.7821 16.9092V18.2176C59.7821 19.224 60.5873 20.0292 61.5937 20.0292C62.6002 20.0292 63.4053 19.224 63.4053 18.2176V16.9092C64.4117 17.5131 65.2169 18.6202 65.2169 19.9285C65.2169 21.9414 63.6066 23.451 61.6944 23.451C59.7821 23.451 58.1718 21.8408 58.1718 19.9285C57.9706 18.7208 58.6751 17.5131 59.7821 16.9092ZM47.403 16.9092V18.2176C47.403 19.224 48.2082 20.0292 49.2146 20.0292C50.221 20.0292 51.0262 19.224 51.0262 18.2176V16.9092C52.0326 17.5131 52.8378 18.6202 52.8378 19.9285C52.8378 21.9414 51.2275 23.451 49.3152 23.451C47.3024 23.451 45.7927 21.8408 45.7927 19.9285C45.6921 18.7208 46.3966 17.5131 47.403 16.9092ZM35.1245 16.9092V18.2176C35.1245 19.224 35.9297 20.0292 36.9361 20.0292C37.9426 20.0292 38.7477 19.224 38.7477 18.2176V16.9092C39.7541 17.5131 40.5593 18.6202 40.5593 19.9285C40.5593 21.9414 38.949 23.451 37.0367 23.451C35.1245 23.451 33.5142 21.8408 33.5142 19.9285C33.3129 18.7208 34.0174 17.5131 35.1245 16.9092ZM22.7454 16.9092V18.2176C22.7454 19.224 23.5505 20.0292 24.557 20.0292C25.5634 20.0292 26.3686 19.224 26.3686 18.2176V16.9092C27.375 17.5131 28.1801 18.6202 28.1801 19.9285C28.1801 21.9414 26.5698 23.451 24.6576 23.451C22.7454 23.451 21.1351 21.8408 21.1351 19.9285C21.0345 18.7208 21.739 17.5131 22.7454 16.9092ZM10.4669 16.9092V18.2176C10.4669 19.224 11.2721 20.0292 12.2785 20.0292C13.2849 20.0292 14.0901 19.224 14.0901 18.2176V16.9092C15.0965 17.5131 15.9016 18.6202 15.9016 19.9285C15.9016 21.9414 14.2913 23.451 12.3791 23.451C10.3663 23.451 8.8566 21.8408 8.8566 19.9285C8.65532 18.7208 9.35983 17.5131 10.4669 16.9092Z\",\n fill: \"#CCCCCC\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M164.248 202.997H150.158V97.4223L157.203 74.375L164.248 97.4223V202.997Z\",\n fill: \"#CCCCCC\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M138.487 27.9805H3.02148V199.98H138.487V27.9805Z\",\n fill: \"#D6E7F9\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3.02148 6.94531V189.512H138.487V6.94531H3.02148ZM15.1993 20.5322C13.1865 20.5322 11.6768 18.9219 11.6768 17.0096C11.6768 15.0974 13.2871 13.4871 15.1993 13.4871C17.2122 13.4871 18.7219 15.0974 18.7219 17.0096C18.7219 18.9219 17.2122 20.5322 15.1993 20.5322ZM27.5785 20.5322C25.5656 20.5322 24.0559 18.9219 24.0559 17.0096C24.0559 15.0974 25.6662 13.4871 27.5785 13.4871C29.4907 13.4871 31.101 15.0974 31.101 17.0096C31.101 18.9219 29.4907 20.5322 27.5785 20.5322ZM39.857 20.5322C37.8441 20.5322 36.3344 18.9219 36.3344 17.0096C36.3344 15.0974 37.9447 13.4871 39.857 13.4871C41.7692 13.4871 43.3795 15.0974 43.3795 17.0096C43.3795 18.9219 41.8698 20.5322 39.857 20.5322ZM52.2361 20.5322C50.2232 20.5322 48.7136 18.9219 48.7136 17.0096C48.7136 15.0974 50.3239 13.4871 52.2361 13.4871C54.2489 13.4871 55.7586 15.0974 55.7586 17.0096C55.7586 18.9219 54.1483 20.5322 52.2361 20.5322ZM64.5146 20.5322C62.5017 20.5322 60.9921 18.9219 60.9921 17.0096C60.9921 15.0974 62.6024 13.4871 64.5146 13.4871C66.4268 13.4871 68.0371 15.0974 68.0371 17.0096C68.0371 18.9219 66.5274 20.5322 64.5146 20.5322ZM76.8937 20.5322C74.8808 20.5322 73.3712 18.9219 73.3712 17.0096C73.3712 15.0974 74.9815 13.4871 76.8937 13.4871C78.8059 13.4871 80.4162 15.0974 80.4162 17.0096C80.4162 18.9219 78.8059 20.5322 76.8937 20.5322ZM89.1722 20.5322C87.1593 20.5322 85.6497 18.9219 85.6497 17.0096C85.6497 15.0974 87.26 13.4871 89.1722 13.4871C91.0844 13.4871 92.6947 15.0974 92.6947 17.0096C92.6947 18.9219 91.1851 20.5322 89.1722 20.5322ZM101.551 20.5322C99.5385 20.5322 98.0288 18.9219 98.0288 17.0096C98.0288 15.0974 99.6391 13.4871 101.551 13.4871C103.564 13.4871 105.074 15.0974 105.074 17.0096C105.074 18.9219 103.464 20.5322 101.551 20.5322ZM113.83 20.5322C111.817 20.5322 110.307 18.9219 110.307 17.0096C110.307 15.0974 111.918 13.4871 113.83 13.4871C115.742 13.4871 117.352 15.0974 117.352 17.0096C117.352 18.9219 115.843 20.5322 113.83 20.5322ZM126.209 20.5322C124.196 20.5322 122.686 18.9219 122.686 17.0096C122.686 15.0974 124.297 13.4871 126.209 13.4871C128.121 13.4871 129.731 15.0974 129.731 17.0096C129.731 18.9219 128.121 20.5322 126.209 20.5322Z\",\n fill: \"white\"\n })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M15.1983 17.0087C14.1919 17.0087 13.3867 16.2036 13.3867 15.1971V1.81158C13.3867 0.805146 14.1919 0 15.1983 0C16.2048 0 17.0099 0.805146 17.0099 1.81158V15.0965C17.0099 16.2036 16.2048 17.0087 15.1983 17.0087Z\",\n fill: \"#52A9FF\"\n })), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M27.5801 17.0087C26.5737 17.0087 25.7686 16.2036 25.7686 15.1971V1.81158C25.7686 0.805146 26.5737 0 27.5801 0C28.5866 0 29.3917 0.805146 29.3917 1.81158V15.0965C29.3917 16.2036 28.5866 17.0087 27.5801 17.0087Z\",\n fill: \"#52A9FF\"\n })), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M39.8614 17.0087C38.855 17.0087 38.0498 16.2036 38.0498 15.1971V1.81158C38.0498 0.805146 38.855 0 39.8614 0C40.8678 0 41.673 0.805146 41.673 1.81158V15.0965C41.673 16.2036 40.8678 17.0087 39.8614 17.0087Z\",\n fill: \"#52A9FF\"\n })), _path8 || (_path8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M52.2364 17.0087C51.2299 17.0087 50.4248 16.2036 50.4248 15.1971V1.81158C50.4248 0.805146 51.2299 0 52.2364 0C53.2428 0 54.048 0.805146 54.048 1.81158V15.0965C54.048 16.2036 53.2428 17.0087 52.2364 17.0087Z\",\n fill: \"#52A9FF\"\n })), _path9 || (_path9 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M64.5108 17.0087C63.5044 17.0087 62.6992 16.2036 62.6992 15.1971V1.81158C62.6992 0.805146 63.5044 0 64.5108 0C65.5173 0 66.3224 0.805146 66.3224 1.81158V15.0965C66.3224 16.2036 65.5173 17.0087 64.5108 17.0087Z\",\n fill: \"#52A9FF\"\n })), _path10 || (_path10 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M76.8985 17.0087C75.892 17.0087 75.0869 16.2036 75.0869 15.1971V1.81158C75.0869 0.805146 75.892 0 76.8985 0C77.9049 0 78.7101 0.805146 78.7101 1.81158V15.0965C78.7101 16.2036 77.9049 17.0087 76.8985 17.0087Z\",\n fill: \"#52A9FF\"\n })), _path11 || (_path11 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M89.1739 17.0087C88.1675 17.0087 87.3623 16.2036 87.3623 15.1971V1.81158C87.3623 0.805146 88.1675 0 89.1739 0C90.1803 0 90.9855 0.805146 90.9855 1.81158V15.0965C90.9855 16.2036 90.1803 17.0087 89.1739 17.0087Z\",\n fill: \"#52A9FF\"\n })), _path12 || (_path12 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M101.549 17.0087C100.542 17.0087 99.7373 16.2036 99.7373 15.1971V1.81158C99.7373 0.805146 100.542 0 101.549 0C102.555 0 103.36 0.805146 103.36 1.81158V15.0965C103.36 16.2036 102.555 17.0087 101.549 17.0087Z\",\n fill: \"#52A9FF\"\n })), _path13 || (_path13 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M113.83 17.0087C112.824 17.0087 112.019 16.2036 112.019 15.1971V1.81158C112.019 0.805146 112.824 0 113.83 0C114.837 0 115.642 0.805146 115.642 1.81158V15.0965C115.642 16.2036 114.837 17.0087 113.83 17.0087Z\",\n fill: \"#52A9FF\"\n })), _path14 || (_path14 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M126.212 17.0087C125.206 17.0087 124.4 16.2036 124.4 15.1971V1.81158C124.4 0.805146 125.206 0 126.212 0C127.218 0 128.024 0.805146 128.024 1.81158V15.0965C128.024 16.2036 127.218 17.0087 126.212 17.0087Z\",\n fill: \"#52A9FF\"\n })), _path15 || (_path15 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M167.269 94.4062H153.179V200.082H167.269V94.4062Z\",\n fill: \"#FF849A\"\n })), _path16 || (_path16 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M163.242 94.4062H157.203V200.082H163.242V94.4062Z\",\n fill: \"#FFB7C4\"\n })), _path17 || (_path17 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M160.224 71.3594L153.179 94.4067H167.269L160.224 71.3594Z\",\n fill: \"white\"\n })), _path18 || (_path18 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M160.225 71.3594L158.011 78.3038H162.338L160.225 71.3594Z\",\n fill: \"#7A7D87\"\n })), _path19 || (_path19 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M98.5298 86.2539L39.4521 96.6202\",\n stroke: \"#7A7D87\",\n strokeWidth: 2,\n strokeMiterlimit: 10,\n strokeLinecap: \"round\"\n })), _path20 || (_path20 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M101.953 105.883L42.9756 116.35\",\n stroke: \"#7A7D87\",\n strokeWidth: 2,\n strokeMiterlimit: 10,\n strokeLinecap: \"round\"\n })), _path21 || (_path21 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M55.6572 73.4648L66.1242 132.542\",\n stroke: \"#7A7D87\",\n strokeWidth: 2,\n strokeMiterlimit: 10,\n strokeLinecap: \"round\"\n })), _path22 || (_path22 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M75.3877 70.0469L85.754 129.024\",\n stroke: \"#7A7D87\",\n strokeWidth: 2,\n strokeMiterlimit: 10,\n strokeLinecap: \"round\"\n })), _path23 || (_path23 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M40.8613 80.3125L54.3475 89.773\",\n stroke: \"#7A7D87\",\n strokeWidth: 2,\n strokeMiterlimit: 10,\n strokeLinecap: \"round\"\n })), _path24 || (_path24 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M52.3335 78.3008L42.873 91.787\",\n stroke: \"#7A7D87\",\n strokeWidth: 2,\n strokeMiterlimit: 10,\n strokeLinecap: \"round\"\n })), _path25 || (_path25 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M60.4844 76.8906L73.9706 86.3511\",\n stroke: \"#7A7D87\",\n strokeWidth: 2,\n strokeMiterlimit: 10,\n strokeLinecap: \"round\"\n })), _path26 || (_path26 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M71.9566 74.8789L62.4961 88.3651\",\n stroke: \"#7A7D87\",\n strokeWidth: 2,\n strokeMiterlimit: 10,\n strokeLinecap: \"round\"\n })), _path27 || (_path27 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M87.1533 112.723L100.539 122.183\",\n stroke: \"#7A7D87\",\n strokeWidth: 2,\n strokeMiterlimit: 10,\n strokeLinecap: \"round\"\n })), _path28 || (_path28 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M98.5249 110.711L89.165 124.197\",\n stroke: \"#7A7D87\",\n strokeWidth: 2,\n strokeMiterlimit: 10,\n strokeLinecap: \"round\"\n })), _path29 || (_path29 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M71.7856 107.201C74.9605 106.641 77.0649 103.525 76.4859 100.24C75.907 96.9561 72.8639 94.7473 69.689 95.307C66.5141 95.8666 64.4098 98.9828 64.9887 102.267C65.5677 105.551 68.6108 107.76 71.7856 107.201Z\",\n stroke: \"#7A7D87\",\n strokeWidth: 2,\n strokeMiterlimit: 10,\n strokeLinecap: \"round\"\n })), _path30 || (_path30 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M75.2202 126.935C78.3951 126.375 80.4994 123.259 79.9205 119.975C79.3415 116.69 76.2985 114.482 73.1236 115.041C69.9487 115.601 67.8443 118.717 68.4233 122.002C69.0023 125.286 72.0454 127.495 75.2202 126.935Z\",\n stroke: \"#7A7D87\",\n strokeWidth: 2,\n strokeMiterlimit: 10,\n strokeLinecap: \"round\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgEmptyListIllu);\nexport default __webpack_public_path__ + \"static/media/emptyListIllu.5982b0a5.svg\";\nexport { ForwardRef as ReactComponent };","import SvgIcon from \"components/SvgIcon/SvgIcon\"\r\nimport { useSelector } from \"react-redux\"\r\nimport MagicButton from \"components/MagicButton/MagicButtonV2\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport \"./DeliveryNotificationCard.scss\"\r\nimport BigModal from \"components/_modals/BigModal\"\r\nimport { shoppingCartSelector } from \"store/selectors/dataView/dataView.productsListFinal.selector\"\r\nimport { useState } from \"react\"\r\nimport { changeDeliveryAddressInShop } from \"store/modules/shop\"\r\nimport { getCartDeliveryAddress } from \"store/justActions/miscApiInteractions\"\r\nimport \"views/shoppingCart/index.scss\"\r\nimport { useEffect } from \"react\"\r\nimport { Lang, lang, Translate, withLocalize } from \"components/Lang/Lang\"\r\nfunction DeliveryNotificationCard(props) {\r\n const [selectedDeliveryAddress, setSelectedDeliveryAddress] = useState()\r\n const [selectedDeliveryAddressName, setSelectedDeliveryAddressName] =\r\n useState()\r\n let final\r\n\r\n const crtFormItem = useSelector((state) => state?.page?.crtFormItem)\r\n const { cartData, addressList } = useSelector((state) =>\r\n shoppingCartSelector(state)\r\n )\r\n const pageModal = useSelector((state) => state.page?.modal)\r\n const productCount = useSelector(\r\n (state) => state.shop?.cartData?.productCount\r\n )\r\n const finalDeliveryAddress = useSelector(\r\n (state) => state.backData?.dictionary?.selectedDeliveryAddressName\r\n )\r\n const userPermissions = useSelector(\r\n (state) => state.auth?.userData?.role?.permissions\r\n )\r\n const items = useSelector((state) => state?.dataView?.items)\r\n const lof = props.watch(\"allClientList\")\r\n const isDisabled = userPermissions?.includes?.(\"CLIENT_CHANGE_WRITE\")\r\n ? lof === \"\"\r\n : false\r\n useEffect(() => {\r\n if (\r\n pageModal === \"choose-address\" &&\r\n !userPermissions?.includes?.(\"CLIENT_CHANGE_WRITE\")\r\n )\r\n dispatch(getCartDeliveryAddress())\r\n }, [pageModal])\r\n\r\n const dispatch = useDispatch()\r\n\r\n let activeAddress = crtFormItem?.addressList?.filter?.(\r\n (element) => element?.id === crtFormItem?.defaultAddressId\r\n )\r\n\r\n if (!activeAddress) return null\r\n\r\n if (finalDeliveryAddress) {\r\n final = finalDeliveryAddress\r\n } else {\r\n final = activeAddress?.[0]?.displayAddress\r\n }\r\n\r\n const helper = (id, displayAddress) => {\r\n setSelectedDeliveryAddress(id)\r\n setSelectedDeliveryAddressName(displayAddress)\r\n }\r\n\r\n const deliveryModalAddressCard = (item, index) => (\r\n setPageModal()}\r\n >\r\n {isCampaignPeriod &&\r\n \r\n }\r\n {svg ?? (svgName ?
However, we could not find anything
based on your search criteria.\"\r\n const text = translate?.(\"productlist.Search\")\r\n const onBehalfText = translate?.(\"productlist.Search2\")\r\n return (\r\n![]()
e?.preventDefault?.()}\r\n className={\"mx2\"}\r\n src={NextIcon}\r\n alt=\"\"\r\n />\r\n ) : (\r\n \" \"\r\n )\r\n if (index === 0) {\r\n return (\r\n \r\n \r\n Home\r\n \r\n {arrow}\r\n \r\n )\r\n }\r\n\r\n let url = paths?.slice?.(0, index + 1)?.join?.(\"/\")\r\n if (url === \"/shop\") url = \"/shop/productlist\"\r\n return (\r\n \r\n \r\n {path}\r\n \r\n {arrow}\r\n \r\n )\r\n })\r\n\r\n return (\r\n \r\n {frontEndVersion}\r\n */}\r\n 
*/}\r\n \r\n )\r\n}\r\n\r\nexport default SorinsPage2\r\n\r\nconst saveUniLocationData = {\r\n id: \"Lmnqln\",\r\n type: \"WORKPLACE\",\r\n name: \"Depozit Central\",\r\n code: \"365\",\r\n alias: null,\r\n status: \"OrganizationStatus.ACTIVE\",\r\n addressList: [\r\n {\r\n id: \"nljdrx\",\r\n type: \"HEADQUARTER\",\r\n country: \"RO\",\r\n county: \"MS\",\r\n locationId: \"rwPW3Z\",\r\n street: \"Str. Baneasa\",\r\n number: \"Nr. 8\",\r\n zipCode: null,\r\n region: null,\r\n displayAddress: \"Str. Baneasa, Nr. 8\",\r\n extern: false,\r\n longitude: null,\r\n latitude: null,\r\n email: null,\r\n mobil: null,\r\n phone: null\r\n }\r\n ],\r\n bankAccountList: [],\r\n contactList: [],\r\n contactInfo: {\r\n email: null,\r\n mobil: null,\r\n phone: null\r\n },\r\n description: null,\r\n presentationList: [],\r\n attachmentList: [],\r\n limitList: [],\r\n operatingHourList: [],\r\n hasAccess: false\r\n}\r\n\r\nconst saveUserData = {\r\n accessKeyList: [],\r\n id: null,\r\n language: \"RO\",\r\n loginName: null,\r\n name: \"Uniprest user\",\r\n newLoginName: \"uniprest@test.com\",\r\n attachmentList: [],\r\n avatar: null,\r\n contactInfo: null,\r\n department: \"TRANSPORT\",\r\n groupIds: [\"XlDbrD\"],\r\n organizationId: \"0lYvRm\",\r\n phone: null,\r\n position: \"08\",\r\n reminderList: [],\r\n status: \"UserStatus.ACTIVE\",\r\n userDirectory: \"INTERN\",\r\n workplace: null\r\n}\r\n\r\nconst saveProductData = {\r\n id: null,\r\n status: \"ACTIVE\",\r\n type: \"PRODUCT\",\r\n code: \"code123\",\r\n name: \"name123\",\r\n brandName: \"brandName123\",\r\n language: \"RO\",\r\n summary: null,\r\n description: null,\r\n unitOfMeasure: null,\r\n categoryId: \"rdxKzr\",\r\n hashtagList: null,\r\n attachmentList: [],\r\n nameAlternative: \"\",\r\n groupCode: \"\",\r\n stockable: false,\r\n sellQuantityMinim: 0,\r\n sellQuantityIncrement: 0,\r\n lastUpdateTime: null\r\n}\r\n\r\nconst mockAnswerData = {\r\n id: \"arBbr0\",\r\n type: \"ANSWER\",\r\n answer: \"My Answer Edit.\",\r\n attachemntList: null,\r\n userName: \"Uniprest user\",\r\n organizationName: \"UNIPREST\",\r\n answerTime: \"2021-06-22T12:13:18.692+0300\",\r\n questionId: \"5l7vZR\"\r\n}\r\n\r\nconst mockDocumentData = {\r\n id: \"WmGwm7\",\r\n status: \"ACTIVE\",\r\n name: \"docTest1\",\r\n description: \"docDescriptionTest1\",\r\n category: \"TECHNICAL\",\r\n attachment: null,\r\n validity: \"2021-06-22T09:20:29.339+0300\"\r\n}\r\n\r\nconst MockAnswerData = {\r\n id: \"5l7vZR\",\r\n status: \"ACTIVE\",\r\n userName: \"Uniprest user\",\r\n organizationName: \"UNIPREST\",\r\n question: \"TesztMentes van kerdes?2\",\r\n productId: \"3r27pZ\",\r\n answerList: [\r\n {\r\n id: \"5l7vZR\",\r\n type: \"ANSWER\",\r\n answer: \"TesztValasz -- Valasz 1 elso kerdesre.\",\r\n attachemntList: null,\r\n userName: \"Uniprest user\",\r\n organizationName: \"UNIPREST\",\r\n answerTime: \"2021-06-21T14:31:30.620+0300\",\r\n questionId: \"5l7vZR\",\r\n ratingId: null\r\n },\r\n {\r\n id: \"WmGwm7\",\r\n type: \"ANSWER\",\r\n answer: \"TesztValasz -- Valasz 1 elso kerdesre.\",\r\n attachemntList: null,\r\n userName: \"Uniprest user\",\r\n organizationName: \"UNIPREST\",\r\n answerTime: \"2021-06-21T14:45:21.688+0300\",\r\n questionId: \"5l7vZR\",\r\n ratingId: null\r\n },\r\n {\r\n id: \"arBbr0\",\r\n type: \"ANSWER\",\r\n answer: \"My Answer Edit.\",\r\n attachemntList: null,\r\n userName: \"Uniprest user\",\r\n organizationName: \"UNIPREST\",\r\n answerTime: \"2021-06-24T11:46:31.030+0300\",\r\n questionId: \"5l7vZR\",\r\n ratingId: null\r\n }\r\n ]\r\n}\r\n\r\nconst mockDiscountGridData = {\r\n id: \"5l7vZR\",\r\n status: \"ACTIVE\",\r\n productGroup: \"01\",\r\n clientList: [\r\n {\r\n id: \"5l7vZR\",\r\n clientId: \"5l7vZR\",\r\n discountGridId: \"5l7vZR\"\r\n }\r\n ],\r\n discount: 12,\r\n global: false\r\n}\r\n\r\nconst mockDiscountPackageData = {\r\n id: \"5l7vZR\",\r\n status: \"ACTIVE\",\r\n name: \"package1\",\r\n quantityStock: 1500.0,\r\n quantitySold: 1200.0,\r\n validityStart: \"2021-06-21T14:36:57.000+0300\",\r\n validityEnd: \"2021-06-28T14:36:57.000+0300\",\r\n global: false,\r\n goodsList: [\r\n {\r\n id: \"5l7vZR\",\r\n goodsId: \"Oro5lN\",\r\n quantity: 1.0,\r\n discount: 12.0\r\n }\r\n ],\r\n clientList: []\r\n}\r\n\r\nconst mockDiscountFixData = {\r\n id: \"5l7vZR\",\r\n status: \"ACTIVE\",\r\n productId: \"krdjql\",\r\n clientId: \"5l7vZR\",\r\n price: 1436,\r\n currencyId: \"5l7vZR\"\r\n}\r\n\r\nconst mockDiscountVolumeData = {\r\n id: \"5l7vZR\",\r\n status: \"ACTIVE\",\r\n productId: \"krdqZB\",\r\n clientList: [],\r\n volume: 12.0,\r\n unitOfMeasure: \"CUTIE\",\r\n discount: 12.0,\r\n global: false\r\n}\r\n\r\nconst mockDiscountRatingData = {\r\n id: \"5l7vZR\",\r\n status: \"ACTIVE\",\r\n userName: \"Uniprest user\",\r\n organizationName: \"UNIPREST\",\r\n review: \"blabla22\",\r\n rating: 5,\r\n reviewTime: \"2021-06-22T09:20:29.339+0300\",\r\n productId: \"ElLDPl\",\r\n answerList: [\r\n {\r\n id: \"krwylx\",\r\n type: \"ANSWER\",\r\n answer: \"Valasz 1222 elso kerdesre.\",\r\n attachemntList: null,\r\n userName: \"Uniprest user\",\r\n organizationName: \"UNIPREST\",\r\n answerTime: \"2021-06-22T09:44:38.506+0300\",\r\n questionId: null,\r\n ratingId: \"5l7vZR\"\r\n }\r\n ]\r\n}\r\n\r\nconst mockWarehouseData = {\r\n id: \"WmGwm7\",\r\n type: \"WAREHOUSE\",\r\n name: \"Warehouse12\",\r\n code: \"wareh\",\r\n alias: null,\r\n status: \"ACTIVE\",\r\n addressList: [],\r\n bankAccountList: [],\r\n contactList: [],\r\n description: null,\r\n presentationList: [],\r\n attachmentList: [],\r\n limitList: [],\r\n operatingHourList: [],\r\n hasAccess: false\r\n}\r\n\r\nconst mockBasketData = {\r\n id: \"5l7vZR\",\r\n status: \"ACTIVE\",\r\n code: \"code123\",\r\n clientId: \"5l7vZR\",\r\n deliveryAddressId: \"5l7vZR\",\r\n paymentMethodType: \"BANK_CARD\",\r\n lineList: [\r\n {\r\n id: \"5l7vZR\",\r\n goodsId: \"5l7vZR\",\r\n quantity: 22.0,\r\n unitOfMeasure: \"TNE\",\r\n vat: 11.0,\r\n unitPriceNet: 21.0,\r\n unitPriceVat: 22.0,\r\n unitPriceBrut: 33.0,\r\n discount: 11.0,\r\n valueNet: 2.0,\r\n valueVat: 3.0,\r\n valueBrut: 4.0,\r\n currencyId: \"5l7vZR\",\r\n info: \"aaaaainfo123444\"\r\n }\r\n ],\r\n totalValueNet: 22.0,\r\n totalValueVat: 33.0,\r\n totalValueBrut: 44.0,\r\n shippingCostBrut: null,\r\n currencyId: \"5l7vZR\",\r\n info: \"info123444\"\r\n}\r\n\r\nconst mockBadgeData = {\r\n id: \"5l7vZR\",\r\n name: \"Deal of the week\",\r\n description: \"details of the badge\",\r\n color: \"#FF00FF\"\r\n}\r\n","export default __webpack_public_path__ + \"static/media/LogOut.83e8d61c.svg\";","import React from \"react\"\r\nimport { rightMenuUnauthenticated, rightOpenMenu } from \"mockData/menus\"\r\nimport LogOut from \"assets/MenuIcon/Atom/Icons/LogOut.svg\"\r\nimport SvgIcon from \"components/SvgIcon/SvgIcon\"\r\n// import MB from \"components/MB\";\r\nimport { history } from \"utils/history\"\r\nimport { useSelector } from \"react-redux\"\r\nimport { logoutUser } from \"store/modules/auth\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { removeJavaToken } from \"store/justActions/javaAuth\"\r\nimport {\r\n Lang,\r\n lang,\r\n Translate,\r\n withLocalize,\r\n getTranslate\r\n} from \"components/Lang/Lang\"\r\nimport { setOnBehalfIdInState } from \"store/modules/page\"\r\nimport useWindowSize from \"utils/useWindowsSize\"\r\n\r\n\r\nexport default withLocalize(function RightOpenMenu({\r\n visible,\r\n className,\r\n translate\r\n}) {\r\n let containerClass = visible ? \"menuOpen right\" : \"menuOpen right hidden\"\r\n const dispatch = useDispatch()\r\n const windowSize = useWindowSize()\r\n const authenticatedState = useSelector((state) => state.auth?.authenticated)\r\n const companyType = useSelector((state) => state.company?.type)\r\n const userFullName = useSelector((state) => state?.user?.name)\r\n const authenticated = useSelector((state) => state.auth?.authenticated)\r\n const userPermissions = useSelector(\r\n (state) => state.auth?.userData?.role?.permissions\r\n )\r\n const isHrAdmin = userPermissions?.includes?.(\"WEBSHOP_HR_ADMIN\")\r\n const isMarketingManagerAdmin = userPermissions?.includes?.(\"WEBSHOP_MARKETING_ADMIN\")\r\n const restrictedAdminRole = isHrAdmin || isMarketingManagerAdmin\r\n const parsedRightOpenMenu = rightOpenMenu?.top?.filter?.(menuItem => {\r\n if(menuItem?.id === \"leftEntriesExcel\"\r\n && (!authenticated || windowSize?.width < 768))\r\n return false\r\n else if (menuItem?.id === \"leftEntriesOfferts\"\r\n && (!authenticated ||\r\n windowSize.width < 1340 ||\r\n !userPermissions?.includes?.(\"CUSTOMER_OFFER_READ\")))\r\n return false\r\n else if (menuItem?.id === \"others\" \r\n && windowSize?.width < 768)\r\n return false\r\n else return true\r\n })\r\n const loggedInFragment = (text) => (\r\n <>\r\n {text}\r\n \r\n {userFullName}\r\n \r\n \r\n )\r\n\r\n const menuButtonFragment = (item, index, type = \"\") => {\r\n if (item?.name === \"menus.rightLogout\") {\r\n return (\r\n ![]()
e?.preventDefault?.()}\r\n className=\"\"\r\n alt=\"logo\"\r\n src={item?.icon}\r\n />\r\n )}\r\n {item?.svg && {\r\n // ({ translate }) => translate?.(`${itemIn?.name}`)\r\n // } \r\n //`${lang(itemIn?.name)}`\r\n const item = { ...itemIn, name: nameString }\r\n return (\r\n {\r\n dispatch(logoutUser())\r\n dispatch(setOnBehalfIdInState())\r\n // dispatch(removeJavaToken()) check root reducer for changes\r\n closeOpenMenusIfOpen()\r\n }\r\n\r\n : () => closeOpenMenusIfOpen()\r\n }\r\n {...item}\r\n />\r\n )\r\n }\r\n\r\n const openEditMode = () => {\r\n if (url?.[url?.length - 1] !== \"edit\")\r\n history?.push?.(\r\n `${window.location.pathname}/edit${window.location.search ?? \"\"}`\r\n )\r\n }\r\n\r\n const backButton = {\r\n name: \"Back\",\r\n svg: \"back\",\r\n onClick: () => {\r\n dispatch(setCollapsedMenu(false))\r\n }\r\n }\r\n\r\n const formButtons = [\r\n {\r\n name: \"View\",\r\n svg: \"details\",\r\n url: `/${url?.[1]}/${url?.[1]}/form`,\r\n onClick: () =>\r\n history?.push?.(\r\n window.location.search\r\n ? `/${url?.[1]}/${url?.[1]}/form${window.location.search}`\r\n : `/${url?.[1]}/${url?.[1]}/`\r\n )\r\n },\r\n {\r\n name: \"Edit\",\r\n svg: \"edit\",\r\n url: `/${url?.[1]}/${url?.[1]}/form/edit`,\r\n onClick: () => openEditMode()\r\n },\r\n {\r\n name: \"Add\",\r\n svg: \"expand\",\r\n url: `/${url?.[1]}/${url?.[1]}/form/add`\r\n }\r\n ]\r\n\r\n let menuEntries\r\n const section = url?.[1]\r\n const directProductPage = url?.[2] === \"pd\"\r\n const directCategoryPage = url?.[2] === \"ct\"\r\n if (section !== \"admin\" || directProductPage || directCategoryPage) {\r\n if (left)\r\n menuEntries = authenticatedState\r\n ? {\r\n ...leftMenu,\r\n topItems: filteredLeftMenu?.filter?.(\r\n (i) => i.id !== \"leftEntriesCareers\"\r\n ),\r\n bottomItems: undefined\r\n }\r\n : {\r\n ...leftMenu,\r\n topItems: filteredLeftMenu?.filter?.(\r\n (i) =>\r\n ![\r\n \"leftEntriesExcel\",\r\n \"leftEntriesOfferts\"\r\n ]?.includes?.(i?.id)\r\n )\r\n }\r\n else menuEntries = authenticatedState ? {...rightMenu, topItems: filteredRightMenu} : rightMenuUnauthenticated\r\n }\r\n\r\n const getAdminLeftItems = () => {\r\n if (collapsedMenu) {\r\n // let activeSection = leftAdminMenu?.find?.(item => item?.split?.[1] === url?.[1])\r\n let activeSection = adminTopMenu?.find?.(\r\n (item) => item?.url?.split?.(\"/\")[2] === url?.[2]\r\n )\r\n return [{ ...backButton }, { ...activeSection, active: true }]\r\n } else\r\n return adminTopMenu?.map?.((item) => ({\r\n ...item,\r\n url: undefined,\r\n onClick: () => {\r\n history?.push?.(item?.url)\r\n if (item?.subMenu) dispatch(setCollapsedMenu(true))\r\n },\r\n active: window.location.pathname?.includes?.(item?.url)\r\n }))\r\n }\r\n\r\n const getAdminRightItems = () => {\r\n if (url?.[url?.length - 1] !== \"form\")\r\n return adminTopMenu?.find?.(\r\n (item) => item?.url?.split?.(\"/\")[2] === url?.[2]\r\n )?.rightTopButtons\r\n else return formButtons\r\n }\r\n\r\n if (section === \"admin\") {\r\n if (left)\r\n menuEntries = {\r\n topItems: getAdminLeftItems(),\r\n bottomItems: adminBottomMenu\r\n }\r\n if (!left) menuEntries = { topItems: getAdminRightItems() }\r\n }\r\n\r\n return (\r\n \r\n )\r\n})\r\n\r\n//change\r\n","import SvgIcon from \"components/SvgIcon\"\r\nimport \"./menusearch.scss\"\r\nimport { useDispatch, useSelector } from \"react-redux\"\r\nimport {\r\n clearMenuSearchItems,\r\n setMenuSearchItems,\r\n setMenuSearchString\r\n} from \"store/modules/shop\"\r\nimport MB from \"components/MB\"\r\nimport { useEffect, useState } from \"react\"\r\nimport { searchStuff } from \"store/modules/dataView.search\"\r\nimport searchDATA from \"mockData/searchList\"\r\nimport useShowModalOutsideClick from \"utils/useShowModalOutsideClick\"\r\nimport { goToProductDetails, createUrlPrefix } from \"utils/history\"\r\nimport { category } from \"mockData/imgCategory\"\r\n\r\nconst getEntityUrl = (entity, id) => {\r\n switch (entity) {\r\n case \"GOODS\":\r\n return `/shop/details?id=${id}`\r\n // UNCOMMENT AND EDIT THESE IF custom url tags are needed:\r\n // return `/shop/details/${createUrlPrefix({\r\n // customTags: [\"mocktag1\", \"mocktag2\"],\r\n // customUrl: \"customUrl\"\r\n // })}?id=${id}`\r\n case \"ORDER\":\r\n return `/shop/orders/details?id=${id}&source=EXTERNAL`\r\n case \"CLIENT_INVOICE\":\r\n return `/shop/invoice/details?id=${id}`\r\n case \"BASKET\":\r\n return `/shop/orders/details?id=${id}&source=INTERNAL`\r\n default:\r\n return `/shop/details/${createUrlPrefix({\r\n // UNCOMMENT AND EDIT THESE IF custom url tags are needed:\r\n // customTags: [\"mocktag1\", \"mocktag2\"],\r\n // customUrl: \"customUrl\"\r\n })}?id=${id}`\r\n }\r\n}\r\nconst MenuSearch = (props) => {\r\n const { palceholder } = props\r\n\r\n const dispatch = useDispatch()\r\n const query = useSelector((state) => state.shop.menuSeachString)\r\n const items = useSelector((state) => state.shop.menuSearchItems)\r\n const { categories, all, seeAll, icons } = searchDATA\r\n\r\n const hideStuff = () => {\r\n dispatch(setMenuSearchString(\"\"))\r\n dispatch(clearMenuSearchItems())\r\n }\r\n\r\n const { setShowModal, ref } = useShowModalOutsideClick({\r\n handleOutsideClick: hideStuff\r\n })\r\n\r\n const dbList =\r\n items?.length > 0\r\n ? items?.map?.((item) => ({\r\n ...item,\r\n category: item?.entity, //\"produse\",\r\n icon: icons?.[item?.entity], //\"invoice\",//fuckturi//\"cartempty\"//basket,//\"warehouse\"//conemzi,//\"Onlinestore\",//prod\r\n // image: item?.mainImage?.reference, //not used\r\n /* url: `/shop/details?id=${item?.id}`, */\r\n /* (id, customTags = [\"mocktag1\",\"mocktag2\"], customUrl=\"customUrl\") => */\r\n url: getEntityUrl(item?.entity, item?.id) //`${detailUrls?.[item?.entity]}${item?.id}`\r\n //goToProductDetails } from \"utils/history\";\r\n // {\r\n // \"id\": \"ZvYb5r\",\r\n // \"name\": \"PURMO MAURITIUS 1754/600\",\r\n // \"code\": \"RELE15207965\",\r\n // \"info\": null,\r\n // \"entity\": \"GOODS\"\r\n // },\r\n // {\r\n // \"id\": \"ZzzBnZ\",\r\n // \"name\": null,\r\n // \"code\": \"65079659\",\r\n // \"info\": null,\r\n // \"entity\": \"CLIENT_INVOICE\"\r\n // }\r\n }))\r\n : []\r\n\r\n useEffect(() => {\r\n // if (query?.length > 2) dispatch(searchStuff({searchTerm:query, target: \"menuSearch\", reload:true, pageSize:10}))\r\n // else hideStuff()\r\n }, [query])\r\n useEffect(() => {\r\n return () => {\r\n hideStuff()\r\n }\r\n }, [])\r\n const showDropdown = (e) => {\r\n dispatch(setMenuSearchString(e?.target?.value))\r\n setShowModal(true)\r\n if (e?.target?.value?.length > 2) {\r\n //call api to get results\r\n dispatch(setMenuSearchItems(e?.target?.value))\r\n } else\r\n dispatch(clearMenuSearchItems());\r\n }\r\n const [typingTimer, setTypingTimer] = useState(null)\r\n const delayConfig = 1000\r\n useEffect(() => {\r\n //timer reset, in case it was started before\r\n if (typingTimer) {\r\n clearTimeout(typingTimer)\r\n setTypingTimer(null)\r\n }\r\n //starts the timer, and after a preconfigured delay it will trigger the search dispatch\r\n const timer = setTypingTimer(\r\n setTimeout(() => {\r\n if (query?.length > 2) {\r\n //call api to get results\r\n // dispatch(setMenuSearchItems())\r\n dispatch(\r\n searchStuff({\r\n searchTerm: query,\r\n type: \"global\",\r\n target: \"menuSearch\",\r\n reload: true,\r\n pageSize: 10\r\n })\r\n )\r\n } else dispatch(clearMenuSearchItems())\r\n\r\n }, delayConfig)\r\n )\r\n return () => {\r\n clearTimeout(timer)\r\n }\r\n }, [query])\r\n\r\n /**\r\n * This entire Search component has been deactivated as per the request of the client.\r\n * (The global search and plus product search proved to be confusing for the users.)\r\n */\r\n return null\r\n\r\n return (\r\n ![]()
e?.preventDefault?.()}\r\n className={`logo ${shouldNotRenderAsLink && \"noHoverEffect\"}`}\r\n alt=\"logo\"\r\n src={UniLogo}\r\n />\r\n\r\n return (\r\n shouldNotRenderAsLink\r\n ?\r\n logoImage\r\n :\r\n \r\n {logoImage}\r\n \r\n )\r\n}\r\n\r\nexport default HomePageLogoButton\r\n","import MyLink from 'components/MyLink'\r\nimport React from 'react'\r\nimport SvgIcon from \"components/SvgIcon/SvgIcon\"\r\nimport useCampaignInfo, { campaignConfig } from 'views/shoppingCart/useCampaignInfo'\r\n\r\nconst ShopLayoutFloatingButton = () => {\r\n\r\n const { shouldShowFloatingButton } = useCampaignInfo()\r\n\r\n if(!shouldShowFloatingButton) return null\r\n\r\n return {\r\n dispatch(setOnBehalfIdInState())\r\n dispatch(logoutUser())\r\n // dispatch(removeJavaToken()) check root reducer for changes\r\n }\r\n : undefined\r\n }\r\n {...item}\r\n />\r\n )\r\n }\r\n\r\n const backButton = {\r\n name: \"Back\",\r\n svg: \"back\",\r\n onClick: () => {\r\n dispatch(setLeftMenuItems(getInitialMenuBasedOnRole(isHrAdmin, isMarketingManagerAdmin)))\r\n }\r\n }\r\n const roForm = leftMenuItems?.find?.((item) =>\r\n item?.url?.includes?.(url?.slice?.(0, url?.length - 1)?.join?.(\"/\"))\r\n )?.roForm\r\n const formButtons = [\r\n {\r\n ...backButton,\r\n onClick: () => history?.push?.(backFromForm())\r\n },\r\n {\r\n name: \"View\",\r\n svg: \"details\",\r\n url: undefined,\r\n selected: !isEdit,\r\n onClick: () => dispatch(setPageEdit(false))\r\n },\r\n !roForm && {\r\n name: \"Edit\",\r\n svg: \"edit\",\r\n url: undefined,\r\n selected: isEdit,\r\n // active: url?.[url?.length-1] === \"edit\",\r\n onClick: () => dispatch(setPageEdit(true))\r\n }\r\n ]\r\n\r\n let menuEntries\r\n const section = url?.[1]\r\n if (section === \"shop\") {\r\n if (left) menuEntries = leftMenu\r\n else menuEntries = rightMenu\r\n }\r\n\r\n const backFromForm = () => {\r\n let lastIndex = 1\r\n if (url[url.length - 2] === \"form\") lastIndex = 2\r\n\r\n return url?.slice?.(0, url?.length - lastIndex)?.join?.(\"/\") + \"/list\"\r\n }\r\n const getAdminLeftItems = (defaultMenus) => {\r\n if (url?.[url?.length - 1] === \"form\" || url?.[url?.length - 2] === \"form\")\r\n return formButtons\r\n\r\n return leftMenuItems?.map?.((item) => ({\r\n ...item,\r\n url: undefined, //- if undefined, it will be simple button, not Link\r\n onClick: () => {\r\n if (item?.svg === \"back\") {\r\n dispatch(setLeftMenuItems(defaultMenus))\r\n setTimeout(() => history?.push?.(\"/admin/dashboard\"), 10)\r\n } else {\r\n const children = item?.children\r\n if (children) dispatch(setLeftMenuItems([backButton, ...children || []]))\r\n setTimeout(() => {\r\n if (item?.isExternal) {\r\n window.location.href = `https://${window.location.host}${item?.url}`;\r\n } else {\r\n history?.push?.(item?.url)\r\n }\r\n }, 10)\r\n }\r\n },\r\n active: window.location.pathname === item?.url\r\n }))\r\n }\r\n\r\n if (section === \"admin\") {\r\n if (left)\r\n menuEntries = {\r\n topItems: getAdminLeftItems(getInitialMenuBasedOnRole(isHrAdmin, isMarketingManagerAdmin)),\r\n bottomItems: adminBottomMenu\r\n }\r\n }\r\n\r\n return (\r\n \r\n )\r\n})\r\n\r\nconst getInitialMenuBasedOnRole = (isHrAdmin, isMarketingManagerAdmin) => {\r\n if (isHrAdmin) return adminHRLeftMenu\r\n if (isMarketingManagerAdmin) return adminMarketingManagerLeftMenu\r\n return adminLeftMenu\r\n}","import React from \"react\"\r\n\r\n// import Menu from \"assets/MenuIcon/Atom/Icons/Menu.svg\";\r\n// import User from \".assets/MenuIcon/Atom/Icons/User.svg\";\r\n// import CartEmpty from \".assets/MenuIcon/Atom/Icons/CartEmpty.svg\";\r\n// import ALERT from \".assets/MenuIcon/Atom/Icons/ALERT.svg\";\r\n\r\nimport LeftOpenMenu from \"components/LeftOpenMenu\"\r\nimport RightOpenMenu from \"components/RightOpenMenu\"\r\nimport { useState } from \"react\"\r\nimport MagicButton from \"components/MagicButton\"\r\nimport SideMenuClosed from \"components/SideMenuClosed/SideMenuClosedV3\"\r\n// import Footer from 'components/Footer/Footer';\r\nimport MenuSearch from \"views/dev/gyula/MenuSearch\"\r\nimport { useSelector } from \"store\"\r\n// import { useSelector } from '.store';\r\n\r\nimport { isIOS } from \"react-device-detect\"\r\nimport { useUserInfo } from \"utils/useUserInfo\"\r\nimport { getInitialsFromName } from \"utils/stringUtils\"\r\nimport HomePageLogoButton from \"components/customButtons/HomePageLogoButton\"\r\nimport { Lang, lang, Translate, withLocalize } from \"components/Lang/Lang\"\r\nfunction AdminLayout({ children, translate }) {\r\n const [showLeftMenu, setShowLeftMenu] = useState(false)\r\n const [showRightMenu, setShowRightMenu] = useState(false)\r\n const [showHamburger, setShowHamburger] = useState(false)\r\n const { isPublic, name } = useUserInfo()\r\n\r\n const shoppingCart = useSelector((state) => state.shop.cart)\r\n const userFullName = useSelector((state) =>\r\n state?.user?.name?.split?.(\" \")?.slice?.(-1)?.join?.(\" \")\r\n )\r\n // const cart = useSelector(state => state.shop.cart)\r\n const userPermissions = useSelector(\r\n (state) => state.auth?.userData?.role?.permissions\r\n )\r\n const isHrAdmin = userPermissions?.includes?.(\"WEBSHOP_HR_ADMIN\")\r\n const isMarketingManagerAdmin = userPermissions?.includes?.(\"WEBSHOP_MARKETING_ADMIN\")\r\n const restrictedAdminRole = isHrAdmin || isMarketingManagerAdmin\r\n const leftHandler = (e) => {\r\n setShowLeftMenu((e) => restrictedAdminRole ? e : !e)\r\n setShowRightMenu(false)\r\n setShowHamburger((e) => restrictedAdminRole ? e : !e)\r\n }\r\n\r\n const rightHandler = (e) => {\r\n setShowRightMenu((e) => !e)\r\n setShowLeftMenu(false)\r\n setShowHamburger(false)\r\n }\r\n\r\n return (\r\n \r\n {routes?.map?.((route, i) => {\r\n const Guard = route.guard || Fragment\r\n const Layout = route.layout || Fragment\r\n const Component = route.component\r\n const guardProps = route.guard\r\n ? {path: route?.path}\r\n : undefined\r\n return (\r\n (\r\n \r\n \r\n {route.routes ? (\r\n renderRoutes(route.routes)\r\n ) : (\r\n \r\n \r\n )}\r\n />\r\n )\r\n })}\r\n \r\n \r\n)\r\n\r\nlet routes = [\r\n {\r\n exact: true,\r\n path: \"/maintenance\",\r\n component: myLazy(() => import(\"views/MaintenancePage/MaintenancePage\"))\r\n },\r\n {\r\n path: \"/admin\",\r\n layout: AdminLayout,\r\n routes: [...adminRoutes || []],\r\n guard: AuthGuard\r\n },\r\n // {\r\n // path: \"xyz\",\r\n // routes: [\r\n // {\r\n // component: () => \r\n\r\n \r\n \r\n \r\n <>\r\n */}\r\n {renderRoutes(isMaintenance ? maintenanceRoutes : routes)}\r\n \r\n \r\n \r\n \r\n \r\n // \r\n )\r\n}\r\n\r\n/**\r\n * When maintenance mode is on, every single URL\r\n * (route) is served by the maintenance page.\r\n *\r\n * The user intuitively keeps refreshing the page.\r\n * Eventually when the maintenance mode is turned off,\r\n * the original routes are used again to match a page.\r\n */\r\nconst maintenanceRoutes = [\r\n {\r\n exact: false,\r\n path: \"*\",\r\n component: myLazy(() => import(\"views/MaintenancePage/MaintenancePage\"))\r\n },\r\n]\r\n\r\n\r\nconst maybeThrowFatalErrorForTesting = () => {\r\n const { search } = window?.location || {}\r\n if (search?.includes?.(\"throwFatalError\")) {\r\n throw new Error(\"Fatal error for testing\")\r\n }\r\n}\r\n\r\n\r\nconst WrappedApp = () => {\r\n return (\r\n \r\n \r\n )\r\n}\r\n\r\n\r\n// export default App\r\nexport default WrappedApp\r\n","const reportWebVitals = (onPerfEntry) => {\r\n if (onPerfEntry && onPerfEntry instanceof Function) {\r\n import(\"web-vitals\").then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\r\n getCLS(onPerfEntry)\r\n getFID(onPerfEntry)\r\n getFCP(onPerfEntry)\r\n getLCP(onPerfEntry)\r\n getTTFB(onPerfEntry)\r\n })\r\n }\r\n}\r\n\r\nexport default reportWebVitals\r\n","import React from \"react\"\r\nimport ReactDOM from \"react-dom\"\r\n\r\nimport * as Sentry from \"@sentry/react\";\r\nimport { BrowserTracing } from \"@sentry/tracing\";\r\n\r\nimport \"./index.css\"\r\nimport \"./style/index.scss\"\r\n// import '../node_modules/carbon-components/scss/globals/scss/styles.scss';\r\nimport App from \"App\"\r\nimport reportWebVitals from \"reportWebVitals\"\r\nimport { Provider } from \"react-redux\"\r\nimport store, { persistor } from \"store\"\r\nimport { PersistGate } from \"redux-persist/integration/react\"\r\nimport ConfirmActionModal from \"components/_modals/ConfirmActionModal\"\r\nimport ReduxToastr from \"react-redux-toastr\"\r\nimport { LocalizeProvider } from \"react-localize-redux\"\r\nimport LoadLocalization from \"components/Lang/Lang\"\r\n\r\n// Supports weights 100-900\r\nimport '@fontsource-variable/montserrat';\r\n// Supports weights 300-800\r\nimport '@fontsource-variable/open-sans/wdth.css';\r\nimport '@fontsource/ibm-plex-mono/100-italic.css';\r\nimport '@fontsource/ibm-plex-mono/200-italic.css';\r\nimport '@fontsource/ibm-plex-mono/300-italic.css';\r\nimport '@fontsource/ibm-plex-mono/400-italic.css';\r\nimport '@fontsource/ibm-plex-mono/500-italic.css';\r\nimport '@fontsource/ibm-plex-mono/600-italic.css';\r\nimport '@fontsource/ibm-plex-mono/700-italic.css';\r\n\r\nimport '@fontsource/ibm-plex-sans/100-italic.css';\r\nimport '@fontsource/ibm-plex-sans/200-italic.css';\r\nimport '@fontsource/ibm-plex-sans/300-italic.css';\r\nimport '@fontsource/ibm-plex-sans/400-italic.css';\r\nimport '@fontsource/ibm-plex-sans/500-italic.css';\r\nimport '@fontsource/ibm-plex-sans/600-italic.css';\r\nimport '@fontsource/ibm-plex-sans/700-italic.css';\r\n\r\n\r\n\r\n\r\nconst toastrProps = {\r\n timeOut: 10000,\r\n newestOnTop: false,\r\n preventDuplicates: true,\r\n position: \"bottom-left\",\r\n getState: (state) => state?.toastr, // This is the default\r\n transitionIn: \"fadeIn\",\r\n transitionOut: \"fadeOut\",\r\n // progressBar\r\n closeOnToastrClick: true\r\n}\r\n\r\nif (process.env.NODE_ENV && process.env.NODE_ENV === 'production') {\r\n Sentry.init({\r\n dsn: \"https://b71da713e9b14c709463f76733568eb8@o4504293326585856.ingest.sentry.io/4504315725873152\",\r\n integrations: [new BrowserTracing()],\r\n environment: process.env.REACT_APP_SENTRY_ENV,\r\n release: 'V-0.7.41',\r\n // Set tracesSampleRate to 1.0 to capture 100%\r\n // of transactions for performance monitoring.\r\n // We recommend adjusting this value in production\r\n tracesSampleRate: 1.0,\r\n });\r\n // process.env.REACT_APP_SENTRY_ENV\r\n}\r\n\r\nReactDOM.render(\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ,\r\n document.getElementById(\"root\")\r\n)\r\n\r\n// If you want to start measuring performance in your app, pass a function\r\n// to log results (for example: reportWebVitals(console.log))\r\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\r\nreportWebVitals()\r\n"],"version":3}
\r\n {cellTypes?.[computedCellType](\r\n headerItem,\r\n row,\r\n `${row.id}_${colIndex}`,\r\n isSmallScreen\r\n )}\r\n
\r\n )\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n {!noHeader && !isSmallScreen && (\r\n \r\n {miltiSelectLength > 0 &&
\r\n {(lastItemHint && !noLoadMore) \r\n ? (\r\n \r\n {header?.map?.((headerItem, index) => (\r\n
\r\n )}\r\n {rows?.map?.((row, rowIndex) => (\r\n \r\n {header?.map?.((headerItem, colIndex) =>\r\n createCellInRow(row, headerItem, colIndex, rowIndex)\r\n )}\r\n
\r\n ))}\r\n {(!rows || rows?.length === 0) && emptyComponent}\r\n {label}
\r\n const sortCell = (\r\n <>\r\n {label}
\r\n \r\n
\r\n \r\n )\r\n return (\r\n dispatch(toggleSort([sort, true]))}\r\n >\r\n
\r\n dispatch(toggleSort([sort, false]))}\r\n >\r\n
\r\n \r\n {type === \"select\" ? (\r\n
\r\n )\r\n}\r\n\r\nexport const SquareColorButton = ({ label, className }) => {\r\n return (\r\n \r\n \r\n
\r\n )\r\n}\r\nexport const CurrencyUnitMeasureBox = ({\r\n right,\r\n value,\r\n narrow,\r\n isEdit,\r\n onItemChange\r\n}) => {\r\n return (\r\n \r\n
\r\n )\r\n}\r\nconst RightBox = (props) => {\r\n const { label } = props\r\n return {label}
\r\n}\r\nconst CheckBoxSwitch = (props) => {\r\n const { row, header, selected } = props\r\n const dispatch = useDispatch()\r\n const iconCondition = header ? selected : row.selected\r\n const iconName =\r\n iconCondition === false\r\n ? \"Checkbox_inactive\"\r\n : iconCondition === null\r\n ? \"CheckboxMultiDeselect\"\r\n : \"Checkbox_active\"\r\n return (\r\n \r\n dispatch(header ? toggleSelectAllItems() : toggleSelectedItem(row.id))\r\n }\r\n >\r\n
\r\n )\r\n}\r\n\r\nexport default MagicTable\r\n","export default __webpack_public_path__ + \"static/media/add.975a5aac.svg\";","export default __webpack_public_path__ + \"static/media/minus.ed550c28.svg\";","export default __webpack_public_path__ + \"static/media/MinusSmall.8dc501ee.svg\";","export default __webpack_public_path__ + \"static/media/down.6b5207a0.svg\";","import React, { useState } from \"react\"\r\nimport add from \"components/ExpandableSection/add.svg\"\r\nimport minus from \"components/ExpandableSection/minus.svg\"\r\nimport MinusSmall from \"components/ExpandableSection/MinusSmall.svg\"\r\nimport downIcon from \"components/ExpandableSection/down.svg\"\r\nimport \"./index.scss\"\r\n\r\nexport default function ExpandableSection(props) {\r\n const {\r\n title,\r\n titleClass,\r\n down,\r\n startClosed,\r\n unconditionalBody, //displayed under title in any case\r\n shouldLimitAndScroll = false, \r\n } = props\r\n const [open, setOpen] = useState(startClosed)\r\n const icon = open ? (down ? MinusSmall : minus) : down ? downIcon : add\r\n return (\r\n \r\n
\r\n )\r\n}\r\n","\r\nexport const isClientInvoiceFinal = status => \r\n status === 'ClientInvoiceStatus.FINAL' ||\r\n status === 'FINAL'\r\n \r\nexport const isClientInvoiceCancelled = status => \r\n status === 'ClientInvoiceStatus.CANCELLED' ||\r\n status === 'CANCELLED'\r\n","// const ADD_TO_CART = \"shop/ADD_TO_CART\"\r\n// const SET_SEARCH_STRING = \"shop/SET_SEARCH_STRING\"\r\nimport { Lang, lang, Translate, withLocalize } from \"components/Lang/Lang\"\r\nimport { sanitizeAnythingForRedux } from \"utils/preventReactInRedux\"\r\n\r\nconst invoiceCard = {\r\n created: \"EMISĂ PE\",\r\n title: \"Factura Fiscală\",\r\n payByCard: \"Plateste cu cardul\",\r\n toPay: \"De achitat pana pe\",\r\n forOrder: \"Aferentă comenzii\",\r\n download: \"Download\",\r\n paidMessage: \"Achitata. Multumim\",\r\n notPaidMessage: \"Factura este restanta\"\r\n}\r\nconst orderCard = {\r\n placedOn: \"PLASATA PE\",\r\n order: \"Comanda\",\r\n productsOne: \"# Produs\",\r\n productsMulti: \"# Produse\",\r\n total: \"Total\",\r\n report: \"RAPORTEAZA O PROBLEMA\",\r\n delivery: [\"livrare\", \"livrari\"]\r\n}\r\n\r\nconst offertCard = {\r\n generated: \"GENERATA PE\",\r\n offert: \"Oferta\",\r\n productsOne: \"# Produs\",\r\n productsMulti: \"# Produse\",\r\n total: \"Total\",\r\n report: \"RAPORTEAZA O PROBLEMA\",\r\n delivery: [\"livrare\", \"livrari\"]\r\n}\r\n\r\nconst listCard = {\r\n yourTitle: \"Lista Ta\",\r\n otherTitle: \"Lista\",\r\n productOne: \" PRODUS\",\r\n productMulti: \" PRODUSE\",\r\n updatedOn: \"ACTUALIZATA PE\"\r\n}\r\n\r\nconst initialState = {\r\n components: {\r\n invoiceCard,\r\n orderCard,\r\n offertCard,\r\n listCard\r\n }\r\n}\r\n\r\n// eslint-disable-next-line import/no-anonymous-default-export\r\nexport default function (state = initialState, unsanitizedAction) {\r\n\r\n const action = sanitizeAnythingForRedux(unsanitizedAction)\r\n\r\n switch (action.type) {\r\n default:\r\n return state\r\n }\r\n}\r\n","export default __webpack_public_path__ + \"static/media/UniLogo.6ce4e4d6.svg\";","import { Lang, lang } from \"components/Lang/Lang\"\r\nimport { legalDocuments } from \"views/guest/terms\"\r\n\r\nconst footerContent = {\r\n //copy: ,//'© Uniprest Instal SRL, ',\r\n FooterLinks: [\r\n {\r\n url: legalDocuments?.terms?.url,\r\n label: setOpen((p) => !p)}>\r\n ![]()
e?.preventDefault?.()} src={icon} alt=\"sign\" />\r\n
\r\n {unconditionalBody}\r\n {title}
\r\n \r\n {props.children}\r\n
\r\n \r\n cu caracter personal în scopuri de marketing\r\n ,\r\n },\r\n {\r\n url: legalDocuments?.candidates?.url,\r\n label: legalDocuments?.candidates?.title\r\n },\r\n { \r\n url: \"/shop/support\", \r\n label: \"Contact\",\r\n }, \r\n\r\n ],\r\n social:
{props.label}
\r\n )}\r\n \r\n {items?.map?.((item, index) => {\r\n if (index + 1 <= showItems) {\r\n return (\r\n
\r\n \r\n )\r\n}\r\n\r\nCellListItems.propTypes = {\r\n items: PropTypes.array,\r\n limit: PropTypes.number\r\n}\r\n","import PropTypes from \"prop-types\"\r\nimport SvgIcon from \"components/SvgIcon/SvgIcon\"\r\n\r\nexport default function Pill(props) {\r\n const { type, label, bold, color, fontColor, iconColor, iconName, value } =\r\n props\r\n\r\n const classColor = fontColor\r\n ? `color-${fontColor}`\r\n : type === \"outlined\" && color\r\n ? `color-${color}`\r\n : \"color-light-purewhite\"\r\n const classColorBg =\r\n type === \"filled\" && color ? `bg-${color}` : \"bg-light-purewhite\"\r\n const classBorder = type === \"outlined\" && color ? `border-${color}` : \"\"\r\n const classSize = iconName ? \"large\" : bold ? \"medium\" : \"small\"\r\n const classStroke = iconColor\r\n ? `stroke-${iconColor}`\r\n : type === \"outlined\" && color\r\n ? `stroke-${color}`\r\n : \"stroke-light-purewhite\"\r\n\r\n const computedLabel = value ?? label\r\n return (\r\n \r\n {item}\r\n
\r\n )\r\n }\r\n return null\r\n })}\r\n {moreItemNumber > 0 && (\r\n +{moreItemNumber}
\r\n )}\r\n \r\n
\r\n )\r\n}\r\n\r\nPill.propTypes = {\r\n type: PropTypes.oneOf([\"outlined\", \"filled\"]),\r\n label: PropTypes.string,\r\n value: PropTypes.string,\r\n bold: PropTypes.bool,\r\n color: PropTypes.string,\r\n fontColor: PropTypes.string,\r\n iconName: PropTypes.string\r\n}\r\n","import SvgIcon from \"components/SvgIcon/SvgIcon\"\r\nimport { useEffect, useRef, useState } from \"react\"\r\nimport Select, { components, NonceProvider } from \"react-select\"\r\nimport AsyncSelect from \"react-select/async\"\r\nimport { withTheme } from \"styled-components\"\r\nimport CreatableSelect from \"react-select/creatable\"\r\nimport \"./index.scss\"\r\n// import NewItemForm from 'views/dev/sorin/newItemForm'\r\nimport { useController } from \"react-hook-form\"\r\nimport MagicButton from \"components/MagicButton/MagicButtonV2\"\r\nimport { useDispatch, useSelector } from \"react-redux\"\r\nimport { setLoadingIndicator } from \"store/modules/page\"\r\nimport { deleteCustomerClient } from \"store/justActions/miscApiInteractions\"\r\n\r\nimport { Lang, lang, Translate, withLocalize } from \"components/Lang/Lang\"\r\nexport default function CustomSelect(props) {\r\n const { control } = props\r\n if (control) return \r\n {iconName && (\r\n
\r\n \r\n {computedLabel}\r\n
\r\n )}\r\n {`props.`}
\r\n {props.children?.[1]}\r\n \r\n } */}\r\n {filter && props.isMulti ? (\r\n props?.children?.[0]?.key ? (\r\n props.children\r\n ) : (\r\n <>\r\n {`${placeholder} (${props.getValue().length})`}
\r\n {props.children?.[1]}\r\n \r\n )\r\n ) : (\r\n props.children\r\n )}\r\n \r\n
\r\n \r\n
\r\n ) : (\r\n \r\n )}\r\n \r\n {stringInArray(props.options, \"label\", ss.current)?.map?.(\r\n (item, index) => (\r\n
\r\n optionClick(item)}\r\n >\r\n {props.isMulti && (\r\n
\r\n )\r\n )}\r\n {item?.label}
\r\n \r\n \r\n \r\n
\r\n \r\n )}\r\n \r\n {stringInArray(props.options, \"label\", ss.current)?.map?.(\r\n (item, index) => (\r\n
\r\n optionClick(item)}\r\n >\r\n {props.isMulti && (\r\n
\r\n )\r\n )}\r\n {item?.label}
\r\n \r\n \r\n \r\n
\r\n \r\n )}\r\n {error}
\r\n ) : (\r\n {label}
\r\n )\r\n\r\n const mainDivStyle = {\r\n gridArea: gridArea ? (gridArea === true ? name : gridArea) : undefined\r\n }\r\n return (\r\n <>\r\n {inForm ? (\r\n \r\n {title}\r\n {isAsync ? asyncSelectComponent : selectComponent}\r\n
\r\n ) : (\r\n selectComponent\r\n )}\r\n \r\n )\r\n}\r\n\r\nconst getSelectValues = (e) => {\r\n if (!e) return undefined\r\n if (e?.value) return e?.value\r\n else return e?.map?.((item) => item?.value)\r\n}\r\nconst toggleInArray = (array, value) =>\r\n array?.includes?.(value)\r\n ? array?.filter?.((item) => item !== value)\r\n : [...array || [], value]\r\n\r\nconst stringInArray = (array, keyName, string) =>\r\n array?.filter?.((item) => {\r\n if (!string) return true\r\n if (string?.length === 0) return true\r\n if (\r\n item?.[keyName]\r\n ?.toLowerCase?.()\r\n ?.replace?.(\" \", \"\")\r\n ?.includes?.(string?.toLowerCase?.())\r\n )\r\n return true\r\n return false\r\n })\r\nconst SimpleCheckbox = (props) => {\r\n const iconName =\r\n props?.value === true ? \"Checkbox_active\" : \"Checkbox_inactive\"\r\n const style = {\r\n marginRight: 8,\r\n display: \"flex\",\r\n alignItems: \"center\"\r\n }\r\n return (\r\n \r\n
\r\n )\r\n}\r\n\r\nconst adaptValue = (value, options) => {\r\n // if (typeof value !== \"object\") return options\r\n return options?.filter?.((item) => value == item?.value)\r\n}\r\n\r\nconst CustomOption = (props) => {\r\n const { innerProps, isDisabled, children, value } = props\r\n\r\n const dispatch = useDispatch()\r\n const [wasDeletePressed, setWasDeletePressed] = useState(false)\r\n\r\n const loadingId = `${value}-${innerProps?.id}`\r\n\r\n /**\r\n * Once the delete button is pressed, it enters into a loading\r\n * state (disabled). It never comes back to its' original state.\r\n * Once the delete API finishes and the Select option-list is\r\n * re-fetched and re-populated, this option should not exist anymore.\r\n */\r\n const isDeleteLoading = useSelector(\r\n (state) => state.page?.loadingIndicators?.[loadingId]\r\n )\r\n\r\n const onDeleteClicked = () => {\r\n setWasDeletePressed(true)\r\n\r\n // If the custom-added option is deleted:\r\n if (value && props?.selectProps?.addedCustomOption?.value === value) {\r\n props?.selectProps?.clearAddedCustomOption?.()\r\n } else {\r\n // If any other option is deleted:\r\n dispatch(setLoadingIndicator(loadingId, true))\r\n props?.selectProps?.onDeleteOption?.(value)\r\n }\r\n }\r\n\r\n if (isDisabled) return null\r\n if (wasDeletePressed) return null\r\n\r\n return (\r\n \r\n
\r\n )\r\n}\r\n","import React from \"react\"\r\nimport NextIcon from \"../../assets/BreadCrumbs/NextIcon.svg\"\r\nimport { Lang, lang, Translate, withLocalize } from \"components/Lang/Lang\"\r\n\r\n//paths for lists, where is redundant to appear in breadcrumbs-click on it would\r\n// load the page itself\r\nconst redundantUtils0 = [\"/admin/order/list\", \"/admin/admin-lists/list\"]\r\nconst redundantUtils1 = [\r\n \"/admin/user/client/list\",\r\n \"/admin/user/role/list\",\r\n \"/admin/user/uni/list\",\r\n \"/admin/company/client/list\",\r\n \"/admin/company/accountrequests/list\",\r\n \"/admin/company/delivery/list\",\r\n \"/admin/company/towns/list\",\r\n \"/admin/product/b2b/list\",\r\n \"/admin/product/compano/list\",\r\n \"/admin/product/discount/list\",\r\n \"/admin/product/net/list\",\r\n \"/admin/product/b2brelations/list\",\r\n \"/admin/product/volume/list\",\r\n \"/admin/product/pack/list\",\r\n \"/admin/product/matrix/list\",\r\n \"/admin/product/badge/list\",\r\n \"/admin/product/qa/list\",\r\n \"/admin/product/review/list\",\r\n \"/admin/product/document/list\",\r\n \"/admin/product/warehouse/list\",\r\n \"/admin/product/stockrequest/list\",\r\n \"/admin/product/pricerequest/list\",\r\n \"/admin/order/invoice/list\",\r\n \"/admin/guest/news/list\",\r\n \"/admin/guest/tutorials/list\",\r\n \"/admin/guest/job/list\",\r\n \"/admin/guest/candidate/list\",\r\n \"/admin/guest/contact/list\",\r\n \"/admin/guest/location/list\"\r\n]\r\nfunction BreadCrumbs({ className, translate }) {\r\n\r\n const windowPath = window?.location?.pathname\r\n const data = windowPath?.split?.(\"/\")?.splice?.(2)\r\n \r\n \r\n const dictionary = {\r\n product: [\r\n translate?.(\"breadCrumbs.product\"),\r\n translate?.(\"breadCrumbs.products\")\r\n ],\r\n guest: [\"\", translate?.(\"adminmenu.guest\")],\r\n accountRequests: [\"\", translate?.(\"breadCrumbs.applications\")],\r\n discount: [\"\", translate?.(\"adminmenu.discount\")],\r\n uniuser: [\"\", translate?.(\"adminmenu.users\")],\r\n user: [\"\", translate?.(\"adminmenu.users\")], //**********\r\n \"admin-lists\": [\"\", translate?.(\"adminmenu.predefinedListList\")],\r\n order: [\"\", translate?.(\"adminmenu.orders\")],\r\n invoice: [\"\", translate?.(\"dashboard.invoices\")],\r\n location: [\"\", translate?.(\"dashboardselector.locationsUniprest\")],\r\n offer: [\"\", translate?.(\"breadCrumbs.deals\")],\r\n oferte: [\"\", translate?.(\"breadCrumbs.deals\")],\r\n offers: [\"\", translate?.(\"breadCrumbs.offers\")],\r\n project: [\"\", translate?.(\"breadCrumbs.project\")],\r\n news: [\"\", translate?.(\"dashboardselector.news\")],\r\n tutorials: [\"\", translate?.(\"adminmenu.tutorial\")],\r\n company: [\"\", translate?.(\"adminmenu.organization\")],\r\n job: [\"\", translate?.(\"adminmenu.announcesJob\")],\r\n uniUsers: [\"\", translate?.(\"breadCrumbs.employee\")],\r\n // accountRequests : [\"\", \"Conturi\"],\r\n accountrequests: [\"\", translate?.(\"breadCrumbs.demands\")],\r\n addlistpref: [\"\", translate?.(\"breadCrumbs.favorites\")],\r\n pack: [\"\", translate?.(\"adminmenu.packages\")],\r\n qa: [\"\", translate?.(\"adminmenu.questions\")],\r\n review: [\"\", translate?.(\"adminmenu.review\")],\r\n document: [\"\", translate?.(\"adminmenu.productDocument\")],\r\n \"/admin/product/list\": translate?.(\"breadCrumbs.productList\"),\r\n \"/admin/product/b2b/list\": translate?.(\"productList.listaB2B\"),\r\n \"/admin/product/b2b/form\": translate?.(\"productdetails.detailsProduct\"),\r\n \"/admin/product/form\": translate?.(\"breadCrumbs.productDetails\"),\r\n \"/admin/product/discount\": translate?.(\"grilleForm.discountGrila\"),\r\n \"/admin/product/discount/list\": translate?.(\"discountList.discount\"),\r\n \"/admin/product/discount/form\": translate?.(\"grilleForm.discount\"),\r\n \"/admin/product/compano\": translate?.(\"breadCrumbs.companoList\"),\r\n \"/admin/product/pack/list\": translate?.(\"adminmenu.packages\"),\r\n \"/admin/product/pack/form\": translate?.(\"packTable.detailPack\"),\r\n \"/admin/product/qa/list\": translate?.(\"adminmenu.questions\"),\r\n \"/admin/product/qa/form\": translate?.(\"breadCrumbs.detailsQuestion\"),\r\n \"/admin/product/review/list\": translate?.(\"adminmenu.review\"),\r\n \"/admin/product/review/form\": translate?.(\"breadCrumbs.detailsReview\"), //not exist yet\r\n \"/admin/product/pricerequest/list\": translate?.(\"adminmenu.priceless\"),\r\n \"/admin/product/pricerequest/form\": translate?.(\"priceRequestForm.details\"),\r\n \"/admin/uniuser/list\": translate?.(\"breadCrumbs.usersUniprest\"),\r\n \"/admin/accountRequests/list\": translate?.(\"breadCrumbs.cont\"),\r\n \"/admin/user/list\": translate?.(\"breadCrumbs.usersB2B\"),\r\n \"/admin/admin-lists/list\": translate?.(\"adminmenu.predefinedLists\"),\r\n \"/admin/admin-lists/dashboard\": translate?.(\"breadCrumbs.staticList\"), //?\r\n \"/admin/order/list\": translate?.(\"orderList.order\"),\r\n \"/admin/order/view\": translate?.(\"breadCrumbs.detailsOrder\"), //lsta de comenzi + detalii document in design //?order/list/view?\r\n \"/admin/order/invoice/list\": translate?.(\"invoicesList.invoices\"),\r\n \"/admin/order/invoice/form\": translate?.(\"breadCrumbs.detailsInvoices\"), //page doesn't exist yet >> added\r\n \"/admin/offer/list\": translate?.(\"breadCrumbs.offertList\"),\r\n \"/admin/oferte/list\": translate?.(\"oferteTable.list\"),\r\n \"/admin/project\": translate?.(\"breadCrumbs.home\"),\r\n \"/admin/project/list\": translate?.(\"breadCrumbs.projectList\"),\r\n \"/admin/guest/news/list\": translate?.(\"dashboardselector.news\"),\r\n \"/admin/guest/tutorials/list\": translate?.(\"adminmenu.tutorial\"),\r\n \"/admin/company/client/list\": translate?.(\"adminmenu.companyList\"),\r\n \"/admin/company/client/form\": translate?.(\"breadCrumbs.userDetails\"), //?? BreadCrumbs Premium for now\r\n \"/admin/company/delivery/list\": translate?.(\"list.addressDelivery\"),\r\n \"/admin/company/delivery/form\": translate?.(\r\n \"breadCrumbs.detailsDeliveryAddress\"\r\n ),\r\n \"/admin/company/accountrequests/list\": translate?.(\r\n \"accountRequestList.UniprestCont\"\r\n ), //Lista solicitari??\r\n \"/admin/company/accountrequests/form\": translate?.(\r\n \"accountRequestForm.detailsCont\"\r\n ),\r\n \"/admin/guest/job/list\": translate?.(\"avaliableJobs.job\"),\r\n \"/admin/guest/candidate/list\": translate?.(\"candidate.applicants\"),\r\n \"/admin/guest/candidate/form\": translate?.(\"breadCrumbs.profile\"),\r\n \"/admin/guest/candidate/addlistpref\": translate?.(\"breadCrumbs.addFavorites\"), //??? url ends with /form\r\n \"/admin/user/uni/list\": translate?.(\"adminmenu.employeeUniprest\"),\r\n \"/admin/user/uni/form\": translate?.(\"breadCrumbs.employeeDetails\"),\r\n \"/admin/guest/contact/list\": translate?.(\"adminmenu.contactRequest\"), //'Lista Cereri Conturi',\r\n \"/admin/guest/contact/form\": translate?.(\"breadCrumbs.detailsContract\"),\r\n \"/admin/guest/location/form\": translate?.(\"breadCrumbs.detailLocation\"), //Breadcrumbs premium for now\r\n\r\n \"/admin/guest/location/list\": translate?.(\r\n \"dashboardselector.locationsUniprest\"\r\n ),\r\n //'/admin/user/client/form/edit' : 'Detalii Utilizator',\r\n \"/admin/product/document/list\": translate?.(\"adminmenu.productDocument\"),\r\n \"/admin/angajati/list\": translate?.(\"breadCrumbs.employeeList\"),\r\n \"/admin/product/compano/list\": translate?.(\"companoList.compano\"),\r\n \"/admin/product/compano/form\": translate?.(\"productdetails.detailsProduct\"),\r\n \"/admin/product/volumeDiscount\": translate?.(\"breadCrumbs.volumeDiscount\"),\r\n \"/admin/product/price/list\": translate?.(\"breadCrumbs.productB2B\"),\r\n \"/admin/product/badge/list\": translate?.(\"adminmenu.badge\"),\r\n \"/admin/product/document/form\": translate?.(\"documentsForm.details\"),\r\n \"/admin/product/volume/list\": translate?.(\"volumeForm.discounts\"),\r\n \"/admin/product/volume/form\": translate?.(\"breadCrumbs.detailDiscount\"),\r\n \"/admin/product/net/list\": translate?.(\"adminmenu.price\"),\r\n \"/admin/product/b2brelations/list\": translate?.(\"relationList.relationB2B\"),\r\n \"/admin/product/net/form\": translate?.(\"addList.detail\"),\r\n \"/admin/accountRequests/form\": translate?.(\"breadCrumbs.home\"),\r\n \"/admin/user/role/form\": translate?.(\"breadCrumbs.roleDetail\"),\r\n \"/admin/user/role/list\": translate?.(\"adminmenu.rolList\"),\r\n \"/admin/user/client/list\": translate?.(\"adminmenu.userList\"),\r\n \"/admin/user/client/form\": translate?.(\"breadCrumbs.usersDetail\"),\r\n \"/admin/user/client/form/add\": translate?.(\"userForm.addUser\"),\r\n \"/admin/job/applicant/form\": translate?.(\"addList.detail\"), //name dynamically?\r\n \"/admin/guest/job/form\": translate?.(\"addJob.jobDetails\"),\r\n \"/admin/company/form\": translate?.(\"userForm.add\"),\r\n //'/admin/angajati/list': 'Home',\r\n \"/admin/delivery/list\": translate?.(\"breadCrumbs.home\"),\r\n \"/admin/aplicanti/list\": translate?.(\"breadCrumbs.applicantsList\"),\r\n \"/admin/product/matrix/list\": translate?.(\"breadCrumbs.matix\"),\r\n \"/admin/product/badge/form\": translate?.(\"badgeForm.detail\"),\r\n \"/admin/delivery/form\": translate?.(\"breadCrumbs.home\"),\r\n \"/admin/product/warehouse/list\": translate?.(\"adminmenu.listDeposit\"),\r\n \"/admin/product/stockrequest/list\": translate?.(\"adminmenu.outOfStock\"),\r\n \"/admin/product/stockrequest/form\": translate?.(\"stockRequestForm.details\"),\r\n \"/admin/product/warehouse/details\": translate?.(\"breadCrumbs.depozit\"),\r\n \"/admin/user/role/form/add\": translate?.(\"roleForm.addrole\"),\r\n \"/admin/user/uni/form/add\": translate?.(\"breadCrumbs.addUsers\"),\r\n \"/admin/company/client/form/add\": translate?.(\"companyForm.addCompany\"),\r\n \"/admin/admin-lists/form/add\": translate?.(\"offerList.add\"),\r\n \"/admin/guest/news/form\": translate?.(\"articleForm.newsDetails\"),\r\n \"/admin/guest/news/form/add\": translate?.(\"articleForm.addNews\"),\r\n \"/admin/guest/tutorials/form\": translate?.(\"breadCrumbs.detailTutoriale\"),\r\n \"/admin/guest/tutorials/form/add\": translate?.(\"breadCrumbs.addTutoriale\"),\r\n \"/admin/guest/job/form/add\": translate?.(\"avaliableJobs.addJob\"),\r\n \"/admin/guest/candidate/form/add\": translate?.(\"breadCrumbs.addCandidate\"),\r\n \"/admin/guest/location/form/add\": translate?.(\"locationForm.addLocation\"),\r\n\r\n \"/admin/dashboard\": translate?.(\"breadCrumbs.statGlobale\"),\r\n \"/admin/product/dashboard\": translate?.(\"dashboardselector.staticProduct\"),\r\n \"/admin/user/dashboard\": translate?.(\"dashboardselector.staticUsers\"), //**********\r\n \"/admin/company/dashboard\": translate?.(\"dashboardselector.staticCompany\"),\r\n \"/admin/guest/dashboard\": translate?.(\"dashboardselector.staticGuest\"),\r\n \"/admin/order/dashboard\": translate?.(\"breadCrumbs.statOrders\"),\r\n \"/admin/admin-lists/form\": translate?.(\"addList.detail\"),\r\n \"/admin/company/towns/list\": translate?.(\"deliveryLocationList.town\"),\r\n \"/admin/company/towns/form\": translate?.(\"addList.detail\"),\r\n documents: [\"\", translate?.(\"breadCrumbs.documents\")],\r\n compano: [\"\", translate?.(\"adminmenu.companoProducts\")],\r\n b2b: [\"\", translate?.(\"breadCrumbs.listB2B\")],\r\n b2brelations: [\"\", translate?.(\"relationList.relationB2B\")],\r\n price: [\"\", translate?.(\"netForm.price\")],\r\n badge: [\"\", translate?.(\"adminmenu.badge\")],\r\n volume: [\"\", translate?.(\"adminmenu.volumeDiscount\")],\r\n net: [\"\", translate?.(\"adminmenu.price\")],\r\n applicant: [\"\", translate?.(\"breadCrumbs.applicant\")],\r\n candidate: [\"\", translate?.(\"adminmenu.applicantsJob\")],\r\n pricerequest: [\"\", translate?.(\"adminmenu.priceless\")],\r\n stockrequest: [\"\", translate?.(\"adminmenu.outOfStock\")],\r\n warehouse: [\"\", translate?.(\"adminmenu.listDeposit\")],\r\n matrix: [\"\", translate?.(\"adminmenu.matrix\")],\r\n angajati: [\"\", translate?.(\"adminmenu.employeeUniprest\")],\r\n delivery: [\"\", translate?.(\"adminmenu.address\")],\r\n role: [\"\", translate?.(\"breadCrumbs.rols\")],\r\n client: [\"\", translate?.(\"breadCrumbs.customers\")], //**********\r\n uni: [\"\", translate?.(\"adminmenu.employeeUniprest\")],\r\n contact: [\"\", translate?.(\"adminmenu.contactRequest\")],\r\n towns: [\"\", translate?.(\"adminmenu.locations\")],\r\n \"/shop/client/users\": translate?.(\"dashboard.usersNumberMulti\"),\r\n \"/shop/client/mycompany\": translate?.(\"breadCrumbs.company\"),\r\n \"/shop/client/profile\": translate?.(\"breadCrumbs.yourProfile\"),\r\n \"/shop/offers/details\": translate?.(\"breadCrumbs.detailOffert\")\r\n }\r\n return (\r\n \r\n {children}\r\n
\r\n\r\n \r\n {data?.map?.((item, index) => {\r\n const lastOne = index + 1 === data?.length\r\n const rawPath = `/${windowPath\r\n ?.split?.(\"/\")\r\n ?.splice?.(1, index + 2)\r\n ?.join?.(\"/\")}`\r\n return !lastOne ? ( //item !== 'form' &&\r\n (index === 0 && redundantUtils0?.includes?.(windowPath)) ||\r\n (index === 1 &&\r\n redundantUtils1?.includes?.(windowPath)) ? null : item !==\r\n \"form\" ? (\r\n \r\n \r\n {dictionary?.[item]?.[1]}\r\n \r\n ![]()
e?.preventDefault?.()}\r\n className=\"mx2\"\r\n src={NextIcon}\r\n alt=\"next\"\r\n />\r\n \r\n ) : null\r\n ) : (\r\n
\r\n )\r\n}\r\n\r\nconst hrefDictionary = {\r\n \"/admin/order\": \"/admin/order/list\",\r\n \"/admin/order/invoice\": \"/admin/order/invoice/list\",\r\n \"/admin/admin-lists\": \"/admin/admin-lists/list\",\r\n \"/admin/product/warehouse\": \"/admin/product/warehouse/list\",\r\n \"/admin/product/stockrequest/list\": \"/admin/product/stockrequest/list\",\r\n \"/admin/oferte\": \"/admin/oferte/list\",\r\n \"/admin/offer\": \"/admin/offer/list\",\r\n \"/admin/project\": \"/admin/project/list\",\r\n \"/admin/company/client\": \"/admin/company/client/list\",\r\n \"/admin/company/delivery\": \"/admin/company/delivery/list\",\r\n \"/admin/company/accountrequests\": \"/admin/company/accountrequests/list\",\r\n \"/admin/guest/news\": \"/admin/guest/news/list\",\r\n \"/admin/guest/job\": \"/admin/guest/job/list\",\r\n \"/admin/guest/tutorials\": \"/admin/guest/tutorials/list\",\r\n \"/admin/guest/candidate\": \"/admin/guest/candidate/list\",\r\n \"/admin/guest/contact\": \"/admin/guest/contact/list\",\r\n \"/admin/guest/location\": \"/admin/guest/location/list\",\r\n \"/admin/product/b2b\": \"/admin/product/b2b/list\",\r\n \"/admin/product/compano\": \"/admin/product/compano/list\",\r\n \"/admin/product/discount\": \"/admin/product/discount/list\",\r\n \"/admin/product/net\": \"/admin/product/net/list\",\r\n \"/admin/product/b2brelations\": \"/admin/product/b2brelations/list\",\r\n \"/admin/product/volume\": \"/admin/product/volume/list\",\r\n \"/admin/product/pack\": \"/admin/product/pack/list\",\r\n \"/admin/product/matrix\": \"/admin/product/matrix/list\",\r\n \"/admin/product/badge\": \"/admin/product/badge/list\",\r\n \"/admin/product/qa\": \"/admin/product/qa/list\",\r\n \"/admin/product/review\": \"/admin/product/review/list\",\r\n \"/admin/product/document\": \"/admin/product/document/list\",\r\n \"/admin/product/pricerequest\": \"/admin/product/pricerequest/list\",\r\n \"/admin/user/client\": \"/admin/user/client/list\",\r\n \"/shop/client\": \"/shop/dashboard\",\r\n \"/admin/user/uni\": \"/admin/user/uni/list\",\r\n \"/admin/user/role\": \"/admin/user/role/list\",\r\n \"/admin/company/towns\": \"/admin/company/towns/list\"\r\n}\r\n\r\nexport default withLocalize(BreadCrumbs)\r\n","import BreadCrumbs from \"components/BreadCrumbs/BreadCrumbsV2\" ///////////\r\nimport MagicButton from \"components/MagicButton/MagicButtonV2\"\r\nimport { useHistory } from \"react-router\"\r\nimport { Lang, lang, Translate, withLocalize } from \"components/Lang/Lang\"\r\nconst FormPormPageHeader = ({\r\n pageTitle,\r\n submitForm,\r\n disableSubmit,\r\n cancelEdit,\r\n setEdit,\r\n isEdit,\r\n addNew,\r\n ro,\r\n specificButtonLabelsInEditMode,\r\n buttonIconsInEditMode,\r\n rejectRequest,\r\n onlyTitle,\r\n userStatusButtonProps,\r\n changeStatus,\r\n deleteAction\r\n}) => {\r\n const history = useHistory()\r\n\r\n return (\r\n <>\r\n \r\n {`${\r\n dictionary?.[\r\n windowPath?.split?.(\"/\")?.splice?.(0, 6)?.join?.(\"/\")\r\n ] ?? item\r\n }`}\r\n
\r\n )\r\n })}\r\n {!data?.length && (\r\n \r\n {`${dictionary?.[windowPath] ?? translate?.(\"breadCrumbs.statGlobale\")}`}\r\n
\r\n )}\r\n \r\n
\r\n \r\n )\r\n}\r\nexport default FormPormPageHeader\r\n","var _path;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgCheckboxActive(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 16,\n height: 16,\n viewBox: \"0 0 16 16\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M1.33333 0H14.6667C15.0203 0 15.3594 0.140476 15.6095 0.390524C15.8595 0.640573 16 0.979711 16 1.33333V14.6667C16 15.0203 15.8595 15.3594 15.6095 15.6095C15.3594 15.8595 15.0203 16 14.6667 16H1.33333C0.979711 16 0.640573 15.8595 0.390524 15.6095C0.140476 15.3594 0 15.0203 0 14.6667V1.33333C0 0.979711 0.140476 0.640573 0.390524 0.390524C0.640573 0.140476 0.979711 0 1.33333 0ZM3.33331 8.35996L6.66665 11.6666L12.6666 5.71996L11.6066 4.66663L6.66665 9.56663L4.39331 7.33329L3.33331 8.35996Z\",\n stroke: \"FFFFFF\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgCheckboxActive);\nexport default __webpack_public_path__ + \"static/media/Checkbox_active.ee9333a8.svg\";\nexport { ForwardRef as ReactComponent };","var _path;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgCheckboxInactive(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 16,\n height: 16,\n viewBox: \"0 0 16 16\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14.6667 0H1.33333C0.979711 0 0.640573 0.140476 0.390524 0.390524C0.140476 0.640573 0 0.979711 0 1.33333V14.6667C0 15.0203 0.140476 15.3594 0.390524 15.6095C0.640573 15.8595 0.979711 16 1.33333 16H14.6667C15.0203 16 15.3594 15.8595 15.6095 15.6095C15.8595 15.3594 16 15.0203 16 14.6667V1.33333C16 0.979711 15.8595 0.640573 15.6095 0.390524C15.3594 0.140476 15.0203 0 14.6667 0ZM1.33333 14.6667V1.33333H14.6667V14.6667H1.33333Z\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgCheckboxInactive);\nexport default __webpack_public_path__ + \"static/media/Checkbox_inactive.289cf2c5.svg\";\nexport { ForwardRef as ReactComponent };","import SvgIcon from \"components/SvgIcon/SvgIcon\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { dataViewActionClicked } from \"store/modules/dataView/dataViewActions.actions\"\r\n\r\nexport const mockAvatars = [\r\n {\r\n id: 1,\r\n label: \"A!\",\r\n url: \"#\",\r\n src: \"\"\r\n },\r\n {\r\n id: 2,\r\n label: \"AA\",\r\n url: \"#\",\r\n src: \"https://avatarfiles.alphacoders.com/186/thumb-186939.jpg\"\r\n },\r\n {\r\n id: 3,\r\n label: \"UL\",\r\n url: \"#\",\r\n src: \"\"\r\n },\r\n {\r\n id: 4,\r\n label: \"GY\",\r\n url: \"#\",\r\n src: \"\"\r\n },\r\n {\r\n id: 5,\r\n label: \"OS\",\r\n url: \"#\",\r\n src: \"\"\r\n },\r\n {\r\n id: 6,\r\n label: \"BL\",\r\n url: \"#\",\r\n src: \"\"\r\n },\r\n {\r\n id: 7,\r\n label: \"KO\",\r\n url: \"#\",\r\n src: \"\"\r\n },\r\n {\r\n id: 8,\r\n label: \"UG\",\r\n url: \"#\",\r\n src: \"\"\r\n },\r\n {\r\n id: 9,\r\n label: \"UC\",\r\n url: \"#\",\r\n src: \"\"\r\n },\r\n {\r\n id: 10,\r\n label: \"UM\",\r\n url: \"#\",\r\n src: \"\"\r\n },\r\n {\r\n id: 11,\r\n label: \"UB\",\r\n url: \"#\",\r\n src: \"\"\r\n },\r\n {\r\n id: 12,\r\n label: \"KO\",\r\n url: \"#\",\r\n src: \"\"\r\n }\r\n]\r\n\r\nconst CircleAvatarsCell = (props) => {\r\n const { addMore, avatars, row, onAdd } = props\r\n const dispatch = useDispatch()\r\n\r\n const addMoreAction = () =>\r\n dispatch(dataViewActionClicked(row.id, \"avatar-addMore\"))\r\n\r\n const addAvatar = (\r\n \r\n )\r\n\r\n const avatar = ({ id, url, src, label }) => (\r\n \r\n
\r\n {onlyTitle ? (\r\n <>\r\n ) : (\r\n !ro &&\r\n (isEdit ? (\r\n {pageTitle}
\r\n \r\n
\r\n ) : (\r\n \r\n {userStatusButtonProps && !addNew && (\r\n <>\r\n \r\n changeStatus(userStatusButtonProps.firstAction)\r\n }\r\n />\r\n \r\n changeStatus(userStatusButtonProps.secondAction)\r\n }\r\n />\r\n \r\n )}\r\n {deleteAction && !addNew &&\r\n
\r\n ))\r\n )}\r\n \r\n {url && src ? (\r\n \r\n ![]()
e?.preventDefault?.()}\r\n src={src}\r\n alt=\"Avatar\"\r\n />\r\n \r\n ) : (\r\n {label}\r\n )}\r\n
\r\n )\r\n\r\n return (\r\n \r\n
\r\n )\r\n}\r\nexport default CircleAvatarsCell\r\n","import { fromCognitoIdentityPool } from \"@aws-sdk/credential-providers\"\r\n\r\nexport const awsClientConfig = {\r\n region: process.env.REACT_APP_USER_REGION,\r\n credentials: fromCognitoIdentityPool({\r\n clientConfig: { region: process.env.REACT_APP_USER_REGION }, // Configure the underlying CognitoIdentityClient.\r\n identityPoolId: process.env.REACT_APP_IDENTITY_POOL_ID,\r\n logins: {\r\n // Optional tokens, used for authenticated login.\r\n }\r\n })\r\n}\r\n","import { dynamoAction } from \"store/middleware/api\"\r\nimport { loadViewData } from \"store/modules/dataView/dataView-dataLoader\"\r\nimport { printError } from \"utils/printError\"\r\n\r\nexport const deleteDynamoItemByPK = ({ PK, SK, goToList=null }) =>\r\n dynamoAction({\r\n method: \"DELETE\",\r\n parameters: {\r\n TableName: process.env.REACT_APP_TABLE_NAME,\r\n Key: {\r\n PK: { S: PK },\r\n SK: { S: SK }\r\n }\r\n },\r\n onSuccess: (data, dispatch) => {\r\n goToList\r\n ?\r\n dispatch(goToList())\r\n :\r\n dispatch(loadViewData())\r\n return {\r\n type: \"a\"\r\n }\r\n },\r\n onFailure: (err) => {\r\n printError(\"deleteDynamoItemByPK()\", err)\r\n // showMagicToaster({title: err})\r\n\r\n return {\r\n type: \"a\"\r\n }\r\n }\r\n })\r\n","import { forwardRef } from \"react\"\r\nimport SvgIcon from \"components/SvgIcon/SvgIcon\"\r\nimport \"./index.scss\"\r\n\r\nconst MagicInput = forwardRef((props, ref) => {\r\n const {\r\n label,\r\n icon,\r\n error,\r\n grey,\r\n blue,\r\n placeholder,\r\n text,\r\n white,\r\n outline,\r\n disabled,\r\n small,\r\n autoComplete,\r\n type,\r\n ...rest\r\n } = props\r\n const inputLabel = label ? (error && error?.length ? error : label) : undefined\r\n let inputLabelClass = \"label\"\r\n let mainClass = \"magic-input\"\r\n let inputContainer = \"inputContainer\"\r\n\r\n if (grey) {\r\n inputContainer += \" grey\"\r\n }\r\n if (blue) {\r\n inputContainer += \" blue\"\r\n }\r\n if (white) {\r\n inputContainer += \" white\"\r\n }\r\n if (disabled) inputContainer += \" disabled\"\r\n\r\n if (outline) {\r\n inputContainer += \" outline\"\r\n } else {\r\n inputContainer += \" grey\"\r\n }\r\n if (error) {\r\n // inputLabelClass += \" error\"\r\n mainClass += \" error\"\r\n inputContainer += \" error\"\r\n }\r\n\r\n const inputContainerStyle = {\r\n height: \"40px\"\r\n }\r\n\r\n return (\r\n \r\n {addMore && addAvatar}\r\n {avatars?.map?.((item) => avatar({ ...item }))}\r\n
\r\n \r\n {inputLabel &&
\r\n )\r\n})\r\n\r\nexport default MagicInput\r\n","import PropTypes from \"prop-types\"\r\nimport SvgIcon from \"components/SvgIcon/SvgIcon\"\r\n\r\nexport default function Tag(props) {\r\n const {\r\n label,\r\n onIconClick,\r\n backgroundColor,\r\n iconColor,\r\n isTiny,\r\n iconName,\r\n fontColor,\r\n disabled,\r\n className,\r\n labelClass\r\n } = props\r\n\r\n const _isTiny = isTiny || iconName === undefined\r\n const bgColorClass =\r\n !disabled && backgroundColor ? \"tag-bg-\" + backgroundColor : \"\"\r\n const fontColorClass = !_isTiny && fontColor ? \"tag-color-\" + fontColor : \"\"\r\n const iconColorClass = disabled\r\n ? \"tag-disabled\"\r\n : iconColor\r\n ? \"tag-fill-\" + iconColor\r\n : \"\"\r\n const sizeClass = onIconClick ? \"medium\" : \"tiny\"\r\n const tagIconName = iconName ?? \"closek3\"\r\n\r\n function iconClickHandler(data) {\r\n if (onIconClick && !disabled) onIconClick(data)\r\n }\r\n\r\n return (\r\n {inputLabel}
}\r\n \r\n {icon &&
\r\n \r\n {label && (\r\n
\r\n )\r\n}\r\n\r\nTag.propTypes = {\r\n label: PropTypes.string,\r\n backgroundColor: PropTypes.string,\r\n fontColor: PropTypes.string,\r\n iconColor: PropTypes.string,\r\n onClose: PropTypes.func,\r\n disabled: PropTypes.bool,\r\n isTiny: PropTypes.bool\r\n}\r\n","import MagicButton from \"components/MagicButton/MagicButton\"\r\nimport MagicInput from \"components/MagicInput/MagicInpuv2\"\r\nimport MB from \"components/MB/MB\"\r\nimport BigModal from \"components/_modals/BigModal\"\r\nimport ModalListCard1 from \"components/_modals/listCards/ModalListCard1\"\r\nimport ListModal from \"components/_modals/ListModalV2\"\r\nimport { useState } from \"react\"\r\nimport { useDispatch, useSelector } from \"react-redux\"\r\nimport { addProductToList, createNewList } from \"store/justActions/lists\"\r\nimport { selectListCardData } from \"store/selectors/dataView/dataView.productsListFinal.selector\"\r\nimport \"./AddToListModal.scss\"\r\nimport { Lang, lang, Translate, withLocalize } from \"components/Lang/Lang\"\r\nfunction AddToListModal(props) {\r\n // const {setCardState, item, closeModal} = props\r\n const translate = props.translate\r\n const [listItem, setListItem] = useState({})\r\n const [listName, setListName] = useState(\"\")\r\n const dispatch = useDispatch()\r\n const modalData = useSelector((state) => state.page?.modalData)\r\n const saveAction = () => {\r\n dispatch(addProductToList({ listItem: listItem?.[0], product: modalData }))\r\n }\r\n // const {lists} = useSelector(state => selectListCardData(state))\r\n // const onKeyDown = e => {\r\n // setListName(e?.target?.value)\r\n // if (e?.key === 'Enter')\r\n // if (e?.target?.value) {\r\n // dispatch(createNewList({name: e?.target?.value, products:[item]}));\r\n // setListName('')\r\n // }\r\n // }\r\n // const addToList = () => {\r\n // const listItem = lists?.find?.(item => item?.id === selectedList)?.item\r\n // dispatch(addProductToList({listItem, product:item}))\r\n // closeModal() ?? setCardState(\"listCard\")\r\n // }\r\n // const alreadyInList = (lists?.find?.(l => l.id === selectedList)?.item?.products ?? [])?.find?.(e => e?.id === item?.id)\r\n\r\n const onAddList = (e) => {\r\n dispatch(createNewList({ name: listName, products: [], crtList: true }))\r\n setListName(\"\")\r\n }\r\n const listsListModalProps = {\r\n title: translate?.(\"addToListModal.add\"),\r\n name: \"addToList\",\r\n single: true,\r\n noSelectionToggle: true,\r\n onChange: setListItem,\r\n // selectionLabel : [\"utilizator selectat\", \"utilizatori selectati\"],\r\n placeholder: translate?.(\"addToListModal.search\"),\r\n // label: \"Alege Agentul\",\r\n itemsType: \"dynamoComapnyLists\"\r\n }\r\n\r\n // const disabledSave = selectedList === '' || alreadyInList\r\n return (\r\n {label}
\r\n )}\r\n {!_isTiny && !disabled && (\r\n iconClickHandler(label)}>\r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n setListName(e?.target?.value),\r\n placeholder: translate?.(\"addToListModal.write\"),\r\n icon: \"add\"\r\n }}\r\n />\r\n
\r\n \r\n\r\n Adauga in lista
\r\n// \r\n//
\r\n// \r\n// setListName(e?.target?.value)}}/>\r\n//
\r\n// ADAUGA INTR-O LISTA NOUA
\r\n// ALEGE O LISTA EXISTENTA
\r\n// {lists?.map?.((item,index) => { return (\r\n// setListItem(item?.id)}\r\n// >\r\n//
\r\n// )})}\r\n// {`${item?.name}`}
\r\n// {`${item?.products}`}
\r\n// {`${item?.date}`}
\r\n// \r\n
\r\n \r\n )\r\n}\r\n\r\nexport default PriceChangedModal\r\n","export default __webpack_public_path__ + \"static/media/Left.53e36d06.svg\";","var _g, _defs;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgIlluNoList(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 353,\n height: 108,\n viewBox: \"0 0 353 108\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip0_14869_255817)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M31.9641 44H10.7161C9.95609 44 9.34009 44.6167 9.34009 45.3724V66.6276C9.34009 67.3833 9.95609 68 10.7161 68H31.9641C32.7241 68 33.3401 67.3833 33.3401 66.6276V45.3724C33.3401 44.6167 32.7241 44 31.9641 44Z\",\n fill: \"#B3B3B3\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M119.142 44H97.8941C97.1341 44 96.5181 44.6167 96.5181 45.3724V66.6276C96.5181 67.3833 97.1341 68 97.8941 68H119.142C119.902 68 120.518 67.3833 120.518 66.6276V45.3724C120.518 44.6167 119.902 44 119.142 44Z\",\n fill: \"#B3B3B3\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M75.5534 44H54.3054C53.5454 44 52.9294 44.6167 52.9294 45.3724V66.6276C52.9294 67.3833 53.5454 68 54.3054 68H75.5534C76.3134 68 76.9294 67.3833 76.9294 66.6276V45.3724C76.9294 44.6167 76.3134 44 75.5534 44Z\",\n fill: \"#B3B3B3\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M132 60H0V108H132V60Z\",\n fill: \"#CCCCCC\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M194.624 48H173.376C172.616 48 172 48.6167 172 49.3724V70.6276C172 71.3833 172.616 72 173.376 72H194.624C195.384 72 196 71.3833 196 70.6276V49.3724C196 48.6167 195.384 48 194.624 48Z\",\n fill: \"#B3B3B3\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M238.214 48H216.966C216.206 48 215.59 48.6167 215.59 49.3724V70.6276C215.59 71.3833 216.206 72 216.966 72H238.214C238.974 72 239.59 71.3833 239.59 70.6276V49.3724C239.59 48.6167 238.974 48 238.214 48Z\",\n fill: \"#B3B3B3\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M249 60.168H163V108.168H249V60.168Z\",\n fill: \"#CCCCCC\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M297.624 48H276.376C275.616 48 275 48.6167 275 49.3724V70.6276C275 71.3833 275.616 72 276.376 72H297.624C298.384 72 299 71.3833 299 70.6276V49.3724C299 48.6167 298.384 48 297.624 48Z\",\n fill: \"#FF849A\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M341.214 48H319.966C319.206 48 318.59 48.6167 318.59 49.3724V70.6276C318.59 71.3833 319.206 72 319.966 72H341.214C341.974 72 342.59 71.3833 342.59 70.6276V49.3724C342.59 48.6167 341.974 48 341.214 48Z\",\n fill: \"#FF849A\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M353 60H265V108H353V60Z\",\n fill: \"#FFB7C4\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M78.0356 0H56.7876C56.0276 0 55.4116 0.616721 55.4116 1.37242V22.6276C55.4116 23.3833 56.0276 24 56.7876 24H78.0356C78.7956 24 79.4116 23.3833 79.4116 22.6276V1.37242C79.4116 0.616721 78.7956 0 78.0356 0Z\",\n fill: \"#208FFF\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M121.625 0H100.377C99.617 0 99.001 0.616721 99.001 1.37242V22.6276C99.001 23.3833 99.617 24 100.377 24H121.625C122.385 24 123.001 23.3833 123.001 22.6276V1.37242C123.001 0.616721 122.385 0 121.625 0Z\",\n fill: \"#208FFF\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M132 12.4883H46V60.4883H132V12.4883Z\",\n fill: \"#52A9FF\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M117.624 48H96.376C95.616 48 95 48.6167 95 49.3724V70.6276C95 71.3833 95.616 72 96.376 72H117.624C118.384 72 119 71.3833 119 70.6276V49.3724C119 48.6167 118.384 48 117.624 48Z\",\n fill: \"#208FFF\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M161.213 48H139.965C139.205 48 138.589 48.6167 138.589 49.3724V70.6276C138.589 71.3833 139.205 72 139.965 72H161.213C161.973 72 162.589 71.3833 162.589 70.6276V49.3724C162.589 48.6167 161.973 48 161.213 48Z\",\n fill: \"#208FFF\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M172 60H86V108H172V60Z\",\n fill: \"#52A9FF\"\n }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip0_14869_255817\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n width: 353,\n height: 108,\n fill: \"white\"\n })))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgIlluNoList);\nexport default __webpack_public_path__ + \"static/media/illu_no_list.1b3c301a.svg\";\nexport { ForwardRef as ReactComponent };","import M from \"components/MagicButton/MagicButton\"\r\n\r\nexport function getMonthDays(yearin, inMonth, startSunday = false) {\r\n const daysInMonth = [0, 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]\r\n const year = Number.parseInt(yearin)\r\n const inputMonth = Number.parseInt(inMonth)\r\n // If the year is leap then February has 29 days\r\n if ((year % 4 === 0 && year % 100 !== 0) || year % 400 === 0) {\r\n daysInMonth[2] = 29\r\n } else {\r\n daysInMonth[2] = 28\r\n }\r\n //0 sunday - 6 saturday\r\n const firstDay = new Date(yearin, inMonth - 1, 1).getDay()\r\n //const lastDay = new Date(yearin, inMonth - 1, daysInMonth?.[inMonth]).getDay();\r\n let prev = [25, 26, 27, 28, 29, 30, 31],\r\n cur = [],\r\n next = [1, 2, 3, 4, 5, 6, 7],\r\n missFront = 0,\r\n missBack = 0\r\n\r\n for (let day = 1; day <= daysInMonth?.[inMonth]; day++) {\r\n cur?.push?.(day)\r\n }\r\n\r\n missFront = firstDay === 0 ? 6 : firstDay - 1\r\n //calculate the inputMounth last row missings\r\n missBack = 35 - (cur?.length + missFront)\r\n\r\n cur = [\r\n ...prev?.slice?.(prev?.length - missFront),\r\n ...cur,\r\n ...next?.slice?.(0, missBack)\r\n ]\r\n return cur\r\n}\r\n","import PropTypes from \"prop-types\"\r\nimport { useState } from \"react\"\r\nimport SvgIcon from \"components/SvgIcon/SvgIcon\"\r\n\r\nexport default function Checkbox(props) {\r\n const { selected, header, onClick, disabled, color, children } = props\r\n const [iconState, setIconState] = useState(selected)\r\n\r\n //TODO: clarify header functionality\r\n const iconName = iconState\r\n ? header\r\n ? \"CheckboxMultiDeselectK3\"\r\n : \"CheckboxActiveK3\"\r\n : \"CheckboxInactiveK3\"\r\n\r\n function _onClick() {\r\n if (!disabled) {\r\n setIconState(!iconState)\r\n if (onClick) onClick(iconState)\r\n }\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n ![]()
e?.preventDefault?.()}\r\n src={Close}\r\n className=\"close round-clear\"\r\n alt=\"clear\"\r\n onClick={() => dispatch(setDictionary({ priceChanged: false }))}\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 ![]()
e?.preventDefault?.()}\r\n alt=\"logo\"\r\n src={GlobalConnectionError}\r\n />\r\n \r\n \r\n {\r\n dispatch(\r\n addToBasket(\r\n dictionary?.data?.id,\r\n dictionary?.oldProductQuantity,\r\n dictionary?.data?.priceNet\r\n )\r\n )\r\n //dispatch(searchStuff({reload:true,type: \"product/goods/shop\", sortField: \"ranking\", sortAsc: false }))\r\n\r\n setTimeout(() => {\r\n dispatch(setDictionary({ priceChanged: false }))\r\n }, 500)\r\n }}\r\n />\r\n
\r\n \r\n Pretul vechi:{\" \"}\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n Pret nou:{\" \"}\r\n
\r\n\r\n
\r\n \r\n _onClick()}\r\n className={`checkbox-k3 ${disabled ? \"checkbox-disabled\" : \"\"}`}\r\n >\r\n
\r\n )\r\n}\r\n\r\nCheckbox.propTypes = {\r\n label: PropTypes.string,\r\n color: PropTypes.string,\r\n onClick: PropTypes.func,\r\n disabled: PropTypes.bool,\r\n selected: PropTypes.bool\r\n}\r\n","import { createSelector } from \"reselect\"\r\n\r\nconst cart = (state) => state.shop.cart\r\nconst paymentData = (state) => state.company.paymentData\r\nconst deliveryData = (state) => state.company.deliveryData\r\nconst invoicingData = (state) => state.company.invoicingData\r\n\r\nconst allProducts = (state) => state.shop.products\r\nconst cartData = (state) => state.shop.cartData\r\n\r\nexport const selectShopPage = createSelector(\r\n cart,\r\n paymentData,\r\n invoicingData,\r\n deliveryData,\r\n cartData,\r\n allProducts,\r\n (cart, paymentData, invoicingData, deliveryData, cartData, allProducts) => {\r\n return {\r\n paymentData,\r\n deliveryData,\r\n invoicingData,\r\n cartContent: cart,\r\n cartData\r\n }\r\n }\r\n)\r\n\r\nexport const selectTotalItems = createSelector(cartData, (cartData) => {\r\n let totalCartItems = 0\r\n let totalCartProducts = 0\r\n\r\n cartData?.lineList?.forEach?.((i) => {\r\n if (i.errorCode !== \"NOT_ENOUGH_STOCK\") {\r\n totalCartItems += i.quantity\r\n totalCartProducts++\r\n } //not sure if should we handle otehr cases\r\n })\r\n\r\n if (!totalCartItems) totalCartItems = null\r\n if (!totalCartProducts) totalCartProducts = null\r\n\r\n return {\r\n totalCartItems,\r\n totalCartProducts\r\n }\r\n})\r\n","import React, { useState } from \"react\"\r\n\r\nimport { Range } from \"rc-slider\"\r\nimport \"rc-slider/assets/index.css\"\r\nimport \"./DualRangeSlider.scss\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { setFilterSelection } from \"store/modules/dataView\"\r\n\r\nconst DualRangeSlider = (props) => {\r\n const dispatch = useDispatch()\r\n const { min, max, title, defaultValue, id } = props\r\n let normalizedValues = [min, max]\r\n if (defaultValue?.length) {\r\n if (defaultValue[0]) normalizedValues[0] = defaultValue?.[0]\r\n if (defaultValue[1]) normalizedValues[1] = defaultValue?.[1]\r\n }\r\n // const [values, setValues] = useState(normalizedValues)\r\n const checker = (value) => {\r\n let FinalValue = value\r\n if (value > max) FinalValue = max\r\n if (value < min) FinalValue = min\r\n return FinalValue\r\n }\r\n\r\n return (\r\n <>\r\n \r\n {title && dispatch(setFilterSelection(id, e))}\r\n />\r\n
\r\n \r\n )\r\n}\r\nexport default DualRangeSlider\r\n","import React, { useState } from \"react\"\r\nimport \"./index.scss\"\r\nimport SvgIcon from \"components/SvgIcon/SvgIcon\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport useQueryStringFilters from \"utils/useQueryStringFilters\"\r\nimport MyLink from \"components/MyLink\"\r\nimport { noBrandFilter } from \"utils/filterUtils\"\r\n\r\nconst noCaseStringSearch = (inputString, searchTerm) =>\r\n typeof inputString === \"string\"\r\n ? inputString?.toLowerCase?.()?.includes?.(searchTerm?.toLowerCase?.())\r\n : undefined\r\n\r\nexport default function MultiSelectFilter(props) {\r\n const {\r\n id,\r\n search,\r\n loadMore,\r\n stars,\r\n data,\r\n selection: propsSelection,\r\n withQs\r\n } = props\r\n const dispatch = useDispatch()\r\n const { filters, setFilter, getUrlWithNewBrand, getUrlWithNewJobFilter } = useQueryStringFilters()\r\n const [searchValue, setSearchValue] = useState(\"\")\r\n const loadMoreAction = () => {\r\n console.log(\"load more\")\r\n }\r\n\r\n const selection = withQs ? filters?.[id] : propsSelection\r\n\r\n const getNewSelection = optionId => {\r\n if(selection) return selection?.includes?.(optionId)\r\n ? selection?.filter?.((e) => e !== optionId)\r\n : [...selection || [], optionId]\r\n\r\n return [optionId]\r\n }\r\n\r\n /**\r\n * Fara brand can can not be selected with other brands. If Fara brand is selected, all other brands are deselected.\r\n **/\r\n const getNewBrandSelection = optionId => {\r\n const isBecomingSelected = !selection?.includes?.(optionId)\r\n\r\n if(optionId === noBrandFilter) return isBecomingSelected ? [optionId] : []\r\n if(!selection?.includes?.(noBrandFilter)) return getNewSelection(optionId)\r\n \r\n return isBecomingSelected\r\n ? getNewSelection(optionId)?.filter?.(someBrand => someBrand !== noBrandFilter)\r\n : []\r\n }\r\n\r\n const getOptionHref = optionId => {\r\n \r\n if(id === \"FLT-SMaaaa00\") {\r\n const newBrandSelection = getNewBrandSelection(optionId)\r\n return getUrlWithNewBrand(newBrandSelection, selection?.includes?.(optionId))\r\n }\r\n \r\n const newSelection = getNewSelection(optionId)\r\n if(id === \"FLT-M0ctyjob\") return getUrlWithNewJobFilter(newSelection)\r\n }\r\n\r\n\r\n const isSelected = (optionId) => selection?.includes?.(optionId)\r\n\r\n return (\r\n <>\r\n {search ? (\r\n setSearchValue(e?.target?.value)}\r\n />\r\n ) : (\r\n \r\n )}\r\n {data\r\n ?.filter?.(\r\n (item) => !searchValue || noCaseStringSearch(item?.label, searchValue)\r\n )\r\n ?.map?.((item) => {\r\n return (\r\n {title}
}\r\n \r\n {/* setValues(p => [ checker(e?.target?.value), p?.[1] ] )}/> */}\r\n \r\n dispatch(\r\n setFilterSelection(id, [\r\n checker(e?.target?.value),\r\n normalizedValues?.[1]\r\n ])\r\n )\r\n }\r\n />\r\n
\r\n -
\r\n \r\n dispatch(\r\n setFilterSelection(id, [\r\n normalizedValues?.[0],\r\n checker(e?.target?.value)\r\n ])\r\n )\r\n }\r\n />\r\n {item?.label}
\r\n )}\r\n {item?.info && (\r\n {`(${item?.info})`}
\r\n )}\r\n \r\n )\r\n })}\r\n {loadMore && (\r\n loadMoreAction()}\r\n >\r\n {loadMore}\r\n
\r\n )}\r\n \r\n )\r\n}\r\n","export default __webpack_public_path__ + \"static/media/close-grey.f6ed551d.svg\";","export default __webpack_public_path__ + \"static/media/lightbulb.c734bd54.svg\";","export default __webpack_public_path__ + \"static/media/blueHeart.ed2e8dc2.svg\";","import React from \"react\"\r\nimport Close from \"assets/general/Close.svg\"\r\nimport closeGrey from \"assets/general/close-grey.svg\"\r\nimport blueHeart from \"assets/general/blueHeart.svg\"\r\nimport lightbulb from \"assets/general/lightbulb.svg\"\r\nimport \"./index.scss\"\r\nimport { useDispatch, useSelector } from \"react-redux\"\r\nimport { setFilterSelection } from \"store/modules/dataView\"\r\nimport { addSavedFilter } from \"store/modules/dataView/dataViewActions.actions\"\r\nimport useQueryStringFilters from \"utils/useQueryStringFilters\"\r\nimport { withLocalize } from \"components/Lang/Lang\"\r\nimport MyLink from \"components/MyLink\"\r\n\r\nconst SelectedFilters = (props) => {\r\n const { disableSave, filters, translate } = props\r\n // const {appliedFilters, disableSave} = props\r\n const { query, getUrlWithoutThisFilter } = useQueryStringFilters()\r\n const appliedFilters =\r\n Object?.entries?.(query.filters)?.map?.(([key, value]) => ({\r\n id: key,\r\n name: filters?.find?.((item) => item?.id === key)?.label\r\n // value\r\n })) ?? []\r\n\r\n // const dispatch = useDispatch() //logic moved to useQueryStringFilters\r\n //console.log(\"SELECTED FILTERS APPLIED \", appliedFilters);\r\n\r\n\r\n const getTitle = () => {\r\n\r\n\r\n if(!appliedFilters?.length) return translate?.(\"filters.noFilter\")\r\n if(appliedFilters?.length === 1) return translate?.(\"filters.filter\")\r\n return translate?.(\"filters.filters\", {Variable40: appliedFilters?.length || '0'})\r\n // return translate?.(\"filters.filters\", {Variable40: appliedFilters?.length || '0'})\r\n }\r\n\r\n \r\n // code moved to useQueryStringFilters\r\n // const deleteFilter = (id) => {\r\n // setQuery({filters:{[id]: undefined}})\r\n\r\n // // dispatch(setFilterSelection(id, null))\r\n // }\r\n // const deleteAllFilters = () => {\r\n // setQuery({filters:undefined})\r\n // // dispatch({type:\"TEMP_CLEAR_SHOP_FILTERS\"})\r\n // }\r\n return (\r\n \r\n 
dispatch(addSavedFilter(\"New one\"))}/> : \"\"} */}\r\n
\r\n )\r\n}\r\n\r\nexport default withLocalize(SelectedFilters)\r\n","import React, { useState } from \"react\"\r\n// import ExpandableSection from \"components/VerticalFilters/ExpandableSection/ExpandableSection\";\r\nimport Close from \"assets/general/Close.svg\"\r\nimport \"./index.scss\"\r\nimport { useDispatch, useSelector } from \"react-redux\"\r\nimport { activateSavedFilter, deleteSavedFilter } from \"store/modules/dataView\"\r\n\r\n// let initialFilters = [\r\n// { id: \"dsdsd\", name: \"Filtrul A\" },\r\n// { id: \"dsdsdff\", name: \"Filtrul B\" },\r\n// { id: \"dsdsdsd\", name: \"Filtrul C\" }\r\n// ];\r\n\r\nlet loadMore = \"Incarca mai multe\"\r\nexport default function SavedFilters() {\r\n const savedFilters = useSelector((state) => state?.dataView.savedFilters)\r\n const dispatch = useDispatch()\r\n const [search, setSearch] = useState(\"\")\r\n const onLoadMore = () => {\r\n console.log(\"load more\")\r\n }\r\n\r\n const onDelete = (e, filterId) => {\r\n dispatch(deleteSavedFilter(filterId))\r\n e?.stopPropagation?.()\r\n }\r\n return (\r\n <>\r\n setSearch(e?.target?.value)}\r\n />\r\n {savedFilters\r\n ?.filter?.((item) => !search || item?.name?.includes?.(search))\r\n ?.map?.((filter, index) => (\r\n \r\n ![]()
e?.preventDefault?.()}\r\n src={lightbulb}\r\n alt=\"light\"\r\n />\r\n
\r\n {getTitle()}
\r\n \r\n {appliedFilters?.map?.((filter) => (\r\n \r\n 
\r\n \r\n \r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n {/**{(appliedFilters?.length && !disableSave) ? \r\n \r\n ![]()
e?.preventDefault?.()}\r\n src={closeGrey}\r\n alt=\"delete\"\r\n />\r\n \r\n\r\n \r\n
\r\n ))}\r\n {appliedFilters?.length ? (\r\n {filter?.name}
\r\n dispatch(activateSavedFilter(filter.id))}\r\n >\r\n ![]()
e?.preventDefault?.()}\r\n src={Close}\r\n className=\"filter-delete\"\r\n alt=\"del\"\r\n onClick={(e) => onDelete(e, filter.id)}\r\n />\r\n
\r\n ))}\r\n {loadMore && (\r\n {filter?.name}
\r\n onLoadMore()}>\r\n {loadMore}\r\n
\r\n )}\r\n \r\n )\r\n}\r\n","import DualRangeSlider from \"components/VerticalFilters/DualRangeSlider/DualRangeSlider\"\r\nimport ExpandableSection from \"components/ExpandableSection/ExpandableSection\"\r\nimport { useSelector } from \"react-redux\"\r\nimport \"./index.scss\"\r\n// import FilterSection from \"views/invoices/InvoiceComponents/FilterSection/FilterSection\"\r\nimport { selectComputedFilters } from \"store/selectors/dataView/finalFilters.selector\"\r\nimport MultiSelectFilter from \"components/VerticalFilters/MultiSelectFilter/MultiSelectFilter\"\r\nimport SelectedFilters from \"components/VerticalFilters/SelectedFilters/SelectedFilters\"\r\nimport SavedFilters from \"components/VerticalFilters/SavedFilters/SavedFilters\"\r\nimport { searchStuff } from \"store/modules/dataView.search\"\r\nimport { useDispatch } from \"store\"\r\nimport { useEffect } from \"react\"\r\nimport { loadViewData } from \"store/modules/dataView/dataView-dataLoader\"\r\nimport CategoryFilter from \"components/CategoryFilter\"\r\nimport useQueryStringFilters from \"utils/useQueryStringFilters\"\r\nexport default function VerticalFilters(props) {\r\n const {\r\n filterIds,\r\n showSelectedFilters,\r\n showSavedFilters,\r\n disableSave,\r\n pageScroll\r\n } = props\r\n\r\n const { filters, appliedFilters, savedFilters } = useSelector((state) =>\r\n selectComputedFilters(state)\r\n )\r\n // const searchString = useSelector(state => state.page?.crtList?.searchString)\r\n // const dispatch = useDispatch()\r\n // const [sortKey, sortDirection] = sort\r\n // useEffect(() => {\r\n // dispatch(loadViewData({reload:true}))\r\n // }, [appliedFilters, dispatch, searchString, appliedFilters?.[\"FLT-CATEG001\"]])\r\n const displayFilters = filterIds\r\n ? filters?.filter?.((item) => filterIds?.includes?.(item?.id))\r\n : filters\r\n return (\r\n \r\n {showSelectedFilters && (\r\n \r\n \r\n {filter.type === \"range\" && (\r\n
\r\n )\r\n}\r\n","export default __webpack_public_path__ + \"static/media/handler.925dbf39.svg\";","export default __webpack_public_path__ + \"static/media/MutaAici.f281740a.svg\";","import { useState } from \"react\"\r\nimport { DragDropContext, Droppable, Draggable } from \"react-beautiful-dnd\"\r\nimport Handler from \"views/dev/select/ReorderColumnsDragDrop/handler.svg\"\r\nimport MutaBG from \"views/dev/select/ReorderColumnsDragDrop/MutaAici.svg\"\r\nimport { SmallSwitch } from \"componentsK3\"\r\nimport { useDispatch } from \"store\"\r\nimport { setColumns } from \"store/modules/dataView\"\r\nimport { useSelector } from \"react-redux\"\r\n\r\nconst ColumnsReorderDragAndDrop = (props) => {\r\n const { data, selection, datas, value, setValue } = props\r\n const stateDataList =\r\n useSelector((state) => state?.dataView?.columns) ??\r\n data?.map?.((item, i) => ({ id: i, visible: true }))\r\n const dataList = value ?? stateDataList\r\n const displayData = dataList?.map?.((item) => data?.[item?.id])\r\n const dispatch = useDispatch()\r\n const onDragEnd = (result) => {\r\n if (!result.destination) return\r\n const items = Array.from(dataList)\r\n const [reorderedItem] = items?.splice?.(result.source.index, 1)\r\n items?.splice?.(result.destination.index, 0, reorderedItem)\r\n setValue(items)\r\n // dispatch(setColumns(items))\r\n }\r\n\r\n const flipColumnVisibility = (id) => {\r\n const newDataList = dataList?.map?.((item) =>\r\n item?.id === id ? { ...item, visible: !item?.visible } : item\r\n )\r\n setValue(newDataList)\r\n\r\n // dispatch(setColumns(newDataList))\r\n }\r\n\r\n const dragItem = ({ list, snapshot, index }) => {\r\n return (\r\n \r\n i.id === list?.id)?.visible}\r\n disabled={list?.disabled}\r\n onClick={() => flipColumnVisibility(list?.id)}\r\n />\r\n
\r\n )\r\n }\r\n // let actualIndex = 0\r\n\r\n return (\r\n \r\n \r\n
\r\n {list.label}
\r\n \r\n \r\n {(provided) => (\r\n \r\n
\r\n \r\n {displayData?.map?.((list, index) => {\r\n if (list?.label) {\r\n return (\r\n \r\n {(provided, snapshot) => (\r\n
\r\n )}\r\n \r\n {dragItem({ list, snapshot, index })}\r\n
\r\n )}\r\n \r\n )\r\n }\r\n })}\r\n\r\n {provided.placeholder}\r\n \r\n index !== undefined ? helper(item?.id, item?.displayAddress) : undefined\r\n }\r\n >\r\n
\r\n )\r\n\r\n const addressSaveAction = () => {\r\n dispatch(\r\n changeDeliveryAddressInShop(\r\n selectedDeliveryAddress || cartData?.deliveryAddressId,\r\n selectedDeliveryAddressName\r\n )\r\n )\r\n }\r\n\r\n const chooseDeliveryModal = (\r\n \r\n {item?.name ? item?.name : \"-\"}\r\n
\r\n\r\n \r\n {item?.displayAddress ? item?.displayAddress : \"-\"}\r\n
\r\n \r\n
\r\n {addressList?.length\r\n ? addressList?.map?.((item, i) => deliveryModalAddressCard(item, i))\r\n : []?.map?.((item, i) => deliveryModalAddressCard(item, i))}\r\n \r\n )\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n = 1 ? (\r\n
\r\n )\r\n}\r\n\r\nexport default DeliveryNotificationCard\r\n","import React, { useEffect } from 'react'\r\nimport { useRef } from \"react\"\r\nimport \"./Pagination.scss\"\r\nimport useQueryStringFilters from \"utils/useQueryStringFilters\"\r\nimport { Link, useHistory } from \"react-router-dom\"\r\nimport useWindowSize from \"utils/useWindowsSize\"\r\nimport { useSelector } from \"react-redux\"\r\n\r\nconst setPageInUrl = (page) => {\r\n let href = window.location.href\r\n let url = new URL(href)\r\n url.searchParams.set(\"page\", page)\r\n return url.href?.replace?.(url.origin, \"\")\r\n}\r\n\r\n\r\nconst buttonSizeInPixels = 48 //expressed in pixels. EX: 48px\r\n\r\nfunction Pagination({parentRef}) {\r\n\r\n const { page: activePage } = useQueryStringFilters()\r\n // const history = useHistory()\r\n const { width } = useWindowSize(parentRef)\r\n\r\n const totalNrResults = useSelector(state => state?.dataView?.count || 0)\r\n const nrProductsPerPage = useSelector(state => state?.dataView?.items?.pageSize || 25)\r\n const noOfPages = Math.ceil(totalNrResults / nrProductsPerPage)\r\n const maxButtons = Math.floor(width / buttonSizeInPixels) - 4\r\n\r\n\r\n // useEffect(() => {\r\n // // When the page changes, scroll to top\r\n // const unlisten = history.listen(tryToScrollToTop)\r\n // return unlisten\r\n // }, [activePage])\r\n\r\n\r\n const pageItemProps = (page) => ({\r\n style: {\r\n width: buttonSizeInPixels,\r\n height: buttonSizeInPixels\r\n },\r\n className: `page-item ${page === activePage ? \"active\" : \"\"}`,\r\n to: setPageInUrl(page)\r\n })\r\n\r\n\r\n const fistButtons = [\r\n \r\n 1\r\n ,\r\n\r\n // UNCOMMENT THIS IF BUTTON FOR PAGE 2 IS ALSO NEEDED:\r\n // \r\n // 2\r\n // ,\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {props?.showLongText ? (\r\n <>\r\n {userPermissions?.includes?.(\"CLIENT_CHANGE_WRITE\") &&\r\n items?.length === 0 ? (\r\n \r\n
\r\n {dotsSvg}
\r\n ]\r\n\r\n const lastButtons = [\r\n {dotsSvg}
,\r\n \r\n // UNCOMMENT THIS IF BUTTON FOR PAGE (n-1) IS ALSO NEEDED:\r\n // \r\n // {noOfPages - 1}\r\n // ,\r\n\r\n \r\n {noOfPages}\r\n \r\n ]\r\n\r\n let buttons\r\n\r\n const buttonsArrayGenerator = (startIndex, length) => {\r\n\r\n const validStartIndex = startIndex > 1 ? startIndex : 1\r\n\r\n return (\r\n Array.from({ length }, (_, k) => k + validStartIndex)?.map?.((page) => (\r\n \r\n {page}\r\n \r\n ))\r\n )\r\n }\r\n \r\n \r\n \r\n \r\n\r\n const doTheyAllFit = noOfPages <= maxButtons\r\n\r\n if (doTheyAllFit) {\r\n\r\n // they all fit case:\r\n // 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20\r\n const startIndex = 1\r\n const length = noOfPages\r\n buttons = buttonsArrayGenerator(startIndex, length)\r\n\r\n } else if (activePage <= maxButtons - 4) {\r\n \r\n // trim the end case:\r\n // 1 2 3 4 5 6 7 8 9 10 ... 20\r\n // render [0, maxButtons-2] 1 static\r\n const startIndex = 1\r\n const length = maxButtons - 2\r\n\r\n buttons = buttonsArrayGenerator(startIndex, length)\r\n buttons?.push?.(...lastButtons)\r\n\r\n } else if (activePage >= noOfPages - maxButtons + 4) {\r\n \r\n // trim the beginning case:\r\n // 1 2 ... 11 12 13 14 15 16 17 18 19 20\r\n // render 1 static [maxButtons-2, total]\r\n buttons = [...fistButtons || []]\r\n const startIndex = noOfPages - maxButtons + 3\r\n const length = maxButtons - 2\r\n buttons?.push?.(...buttonsArrayGenerator(startIndex, length))\r\n\r\n } else {\r\n \r\n // trim both sides case:\r\n // 1 2 ... 6 7 8 9 10 11 12 13 14 15 ... 19 20\r\n // render 1 static middleButtons 1 static\r\n buttons = [...fistButtons || []]\r\n const length = maxButtons - 2\r\n const startIndex = activePage - Math.floor((maxButtons - 2) / 2)\r\n buttons?.push?.(...buttonsArrayGenerator(startIndex, length))\r\n buttons?.push?.(...lastButtons)\r\n\r\n }\r\n\r\n\r\n const isCurrentPageFirst = activePage === 1\r\n const isCurrentPageLast = activePage === noOfPages\r\n const leftClass = `page-item ${isCurrentPageFirst ? \"disabled\" : \"\"}`\r\n const rightClass = `page-item ${isCurrentPageLast ? \"disabled\" : \"\"}`\r\n\r\n if(!totalNrResults) return null\r\n\r\n const wrapperClassName = `pagination-wrapper ${doTheyAllFit ? 'doTheyAllFit' : ''}`\r\n\r\n\r\n\r\n return (\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default Pagination\r\n\r\n\r\n// const tryToScrollToTop = () => {\r\n// const wrapperElement = document.querySelector('.pageContent')\r\n \r\n// if(!wrapperElement){\r\n// console.warn('Could not scroll to top because .pageContent is not found.')\r\n// return \r\n// }\r\n\r\n// wrapperElement?.scrollTo?.({\r\n// top: 0,\r\n// behavior: 'smooth'\r\n// })\r\n// }\r\n\r\n\r\n\r\nconst doubleLeftSvg = (\r\n \r\n)\r\n\r\nconst leftSvg = (\r\n \r\n)\r\n\r\nconst dotsSvg = (\r\n \r\n)\r\n","import MagicButton from \"components/MagicButton/MagicButtonV2\"\r\nimport SvgIcon from \"components/SvgIcon/SvgIcon\"\r\nimport { useDispatch, useSelector } from \"react-redux\"\r\nimport { setPageModal } from \"store/modules/page\"\r\nimport BigModal from \"components/_modals/BigModal\"\r\nimport { isCampaignActive } from \"utils/dateUtils\"\r\n\r\nconst defaultMessage = \"Esti sigur ca vrei sa finalizezi aceasta actiune?\"\r\nfunction ConfirmActionModal(props) {\r\n const dispatch = useDispatch()\r\n const actionToConfirm = useSelector((state) => state.page?.actionToConfirm)\r\n const modalData = useSelector((state) => state.page?.modalData)\r\n const {\r\n message,\r\n campaignMessage,\r\n svg,\r\n svgName,\r\n closeAction,\r\n primaryLabel,\r\n primaryAction,\r\n secondaryLabel,\r\n secondaryAction,\r\n campaignCta,\r\n campaignButtonLabel\r\n } = modalData ?? {}\r\n const isCampaignPeriod = isCampaignActive()\r\n const onClose = () => {\r\n dispatch(setPageModal())\r\n if (closeAction) closeAction()\r\n if (secondaryAction) secondaryAction()\r\n }\r\n const onConfirm = () => {\r\n if (actionToConfirm) {\r\n actionToConfirm()\r\n }\r\n if (primaryAction) {\r\n primaryAction()\r\n }\r\n dispatch(setPageModal())\r\n }\r\n return (\r\n \r\n \r\n {doubleLeftSvg}\r\n \r\n \r\n {leftSvg}\r\n \r\n\r\n {\r\n buttons?.map?.((button, index) => (\r\n \r\n {button}\r\n \r\n )\r\n )\r\n }\r\n\r\n \r\n {leftSvg}\r\n \r\n \r\n {doubleLeftSvg}\r\n \r\n
\r\n \r\n {campaignCta(); dispatch(setPageModal())}}\r\n />\r\n }\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport default ConfirmActionModal\r\n\r\n/* const defaultIllustration = */\r\n\r\nconst defaultIllustration = (\r\n \r\n)\r\n","export default __webpack_public_path__ + \"static/media/SearchNoResults.6c5a861c.svg\";","import searchnoresults from \"assets/iconsK3/SearchNoResults.svg\"\r\nimport \"./NoSearchResults.scss\"\r\nimport { Lang, lang, Translate, withLocalize } from \"components/Lang/Lang\"\r\nconst NoSearchResults = (props) => {\r\n const { isOnBehalf, hasAlreadySelectedOnBehalfCompany } = props\r\n const translate = props.translate\r\n //const text = \"We searched everywhere... However, we could not find anything
based on your search criteria.\"\r\n const text = translate?.(\"productlist.Search\")\r\n const onBehalfText = translate?.(\"productlist.Search2\")\r\n return (\r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default withLocalize(NoSearchResults)\r\n","import { createSelector } from \"reselect\"\r\n\r\nconst categoryFilter = (state) =>\r\n state?.dataView?.selectedFilters?.[\"FLT-CATEG001\"]\r\nconst megaFilter = (state) => state?.dataView?.selectedFilters?.[\"FLT-CATMEGA1\"]\r\nconst categoryValues = (state) => state?.backData?.productCategory\r\n\r\nexport const shopBreadcrumbsSelector = createSelector(\r\n megaFilter,\r\n categoryFilter,\r\n categoryValues,\r\n (megaFilter, categoryFilter, categoryValues) => {\r\n let selectedFilterID\r\n const categoryNames = []\r\n let categoryTreeCode\r\n let treeCodeValues = []\r\n\r\n let searchInTree = categoryValues\r\n let counter = 1\r\n // the order of filters is as it is, because in the java search stuff method\r\n // before calling api check if there is mega and only after uses small cat filter\r\n // QUESTION: should we unify these two filters in one category filter ?\r\n if (megaFilter) {\r\n selectedFilterID = \"FLT-CATMEGA1\"\r\n categoryTreeCode = megaFilter?.[0]\r\n treeCodeValues = megaFilter?.[0]\r\n ?.split?.(\"#\")\r\n ?.slice?.(1)\r\n ?.map?.((v) => (v = `#${v}`))\r\n populateCategoryNames(\r\n treeCodeValues,\r\n counter,\r\n searchInTree,\r\n categoryNames\r\n )\r\n } else if (categoryFilter) {\r\n selectedFilterID = \"FLT-CATEG001\"\r\n categoryTreeCode = categoryFilter?.[0]\r\n treeCodeValues = categoryFilter?.[0]\r\n ?.split?.(\"#\")\r\n ?.slice?.(1)\r\n ?.map?.((v) => (v = `#${v}`))\r\n populateCategoryNames(\r\n treeCodeValues,\r\n counter,\r\n searchInTree,\r\n categoryNames\r\n )\r\n }\r\n\r\n return {\r\n selectedFilterID,\r\n categoryNames: [\"Toate produsele\", ...categoryNames || []],\r\n //categoryTreeCode,\r\n treeCodeValues\r\n }\r\n }\r\n)\r\n\r\nconst populateCategoryNames = (\r\n treeCodeValues,\r\n counter,\r\n searchInTree,\r\n categoryNames\r\n) => {\r\n while (treeCodeValues?.[counter - 1]) {\r\n let newSearchInTree = searchInTree?.filter?.(\r\n (tree) =>\r\n tree.treeCode === treeCodeValues?.slice?.(0, counter)?.join?.(\"\")\r\n )\r\n categoryNames?.push?.(\r\n `${newSearchInTree?.[0]?.name?.[0]?.toUpperCase?.()}${newSearchInTree?.[0]?.name\r\n ?.slice?.(1)\r\n ?.toLowerCase?.()}`\r\n )\r\n counter += 1\r\n searchInTree = newSearchInTree?.[0]?.childList?.filter?.(\r\n (ch) => ch.treeCode === treeCodeValues?.slice?.(0, counter)?.join?.(\"\")\r\n )\r\n }\r\n}\r\n","import React, { useEffect } from \"react\"\r\nimport NextIcon from \"../../assets/BreadCrumbs/NextIcon.svg\"\r\nimport MB from \"../MB/MB\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { shopBreadcrumbsSelector } from \"./shopBreadCrumbsSelector\"\r\nimport { setFilterSelection } from \"store/modules/dataView\"\r\nimport useQueryStringFilters from \"utils/useQueryStringFilters\"\r\nimport { defaultPageTitle } from \"components/HelmetMetaData\"\r\nimport { clearPageSeo, setPageSeo } from \"store/modules/page\"\r\nimport { toTitleCase } from \"utils/stringUtils\"\r\n//import { loadViewData } from \"store/modules/dataView/dataView-dataLoader\";\r\n\r\nconst categFilterId = \"FLT-CATEG001\"\r\nconst brandFilterKey = 'FLT-SMaaaa00'\r\n\r\n//const mockData = [\"Toate Produsele\", \"Categoria A\", \"Sub Categoria B\"];\r\n//const data = mockData;\r\nexport default function ShopBreadCrumbs() {\r\n const cateogries = useSelector((state) => state.backData?.productCategory)\r\n\r\n // const {selectedFilterID,\r\n // categoryNames,\r\n // //categoryTreeCode,\r\n // treeCodeValues} = useSelector(state => shopBreadcrumbsSelector(state))\r\n //console.log(\"BreadCRBS ids names tree values\", selectedFilterID, categoryNames, categoryTreeCode, treeCodeValues )\r\n const dispatch = useDispatch()\r\n const { filters, setFilter, clearFiler, searchString } = useQueryStringFilters()\r\n \r\n\r\n const activeBrandNames = filters?.[brandFilterKey]\r\n const qsSelection = filters?.[categFilterId]?.[0]\r\n const searchStringTitleCase = toTitleCase(searchString)\r\n\r\n\r\n\r\n //map the selected tree code to an array of selected category / sub category/ etc for display purpose\r\n // better to keep th original data structure then using 2 corelated arrays.\r\n const categoriesFinder = (treeCode) => {\r\n const result = []\r\n const numberOfCategories = treeCode?.split?.(\"#\")?.length - 1\r\n let children = cateogries\r\n let category = children?.find?.((c) => treeCode?.includes?.(c.treeCode))\r\n // debugger\r\n if (category) {\r\n result?.push?.(category)\r\n children = category?.childList\r\n if (children?.length > 0 && numberOfCategories > 1) {\r\n category = children?.find?.((c) => treeCode?.includes?.(c.treeCode))\r\n if (category) result?.push?.(category)\r\n children = category?.childList\r\n if (children?.length > 0 && numberOfCategories > 2) {\r\n category = children?.find?.((c) => treeCode?.includes?.(c.treeCode))\r\n if (category) result?.push?.(category)\r\n children = category?.childList\r\n if (children?.length > 0 && numberOfCategories > 3) {\r\n category = children?.find?.((c) => treeCode?.includes?.(c.treeCode))\r\n if (category) result?.push?.(category)\r\n }\r\n }\r\n }\r\n }\r\n return result\r\n }\r\n\r\n\r\n const foundCategories = categoriesFinder(qsSelection)\r\n\r\n const categoriesData = [\r\n { name: \"Toate produsele\" },\r\n ...(foundCategories || []), \r\n ]\r\n\r\n\r\n useEffect(() => {\r\n /** Set page title and meta tags according to active filters \r\n * (categories and brands) and the (text-based) search-term . */\r\n const activeCategoryNames = foundCategories?.map?.(category => category?.name)\r\n\r\n const titleParts = [\r\n ...(activeCategoryNames || []),\r\n ...(activeBrandNames || []),\r\n ...(searchStringTitleCase ? [searchStringTitleCase] : [])\r\n ]\r\n\r\n const jointTitle = titleParts?.join?.(' | ') || 'Toate produsele'\r\n\r\n const pageTitle = `${defaultPageTitle} - ${jointTitle}`\r\n\r\n dispatch(setPageSeo({ \r\n pageTitle, \r\n metaTags: {\r\n 'og:title': pageTitle,\r\n },\r\n }))\r\n \r\n // Clear title and meta tags when leaving the page:\r\n return () => dispatch(clearPageSeo())\r\n\r\n }, [categoriesData])\r\n \r\n // if(!treeCodeValues?.length) return null\r\n if (!qsSelection) return null\r\n\r\n return (\r\n \r\n
\r\n \r\n ![]()
e?.preventDefault?.()}\r\n alt=\"logo\"\r\n src={searchnoresults}\r\n />\r\n
\r\n \r\n {\" \"}\r\n {(isOnBehalf && !hasAlreadySelectedOnBehalfCompany) ? onBehalfText : text}{\" \"}\r\n
\r\n\r\n {categoriesData?.map?.((item, index) => {\r\n const lastOne = index + 1 === categoriesData?.length\r\n return !lastOne ? (\r\n \r\n ![]()
e?.preventDefault?.()}\r\n className=\"mx2\"\r\n src={NextIcon}\r\n alt=\"next\"\r\n />\r\n \r\n ) : (\r\n
\r\n )\r\n}\r\n","import { useSelector } from \"react-redux\"\r\nimport MagicButton from \"components/MagicButton/MagicButtonV2\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport \"views/shoppingCart/index.scss\"\r\nimport { useEffect } from \"react\"\r\nimport CustomSelect from \"components/CustomSelect\"\r\nimport \"./OnBehalf.scss\"\r\n//import useMagicForm from 'utils/useMagicForm';\r\nimport { loadItem } from \"store/justActions/loadApiIems\"\r\nimport { apiAction } from \"store/middleware/api\"\r\nimport { loadViewData } from \"store/modules/dataView/dataView-dataLoader\"\r\nimport { getCartDeliveryAddress } from \"store/justActions/miscApiInteractions\"\r\nimport { changeDeliveryAddressInShop } from \"store/modules/shop\"\r\nimport { showMagicToaster } from \"utils/MagicToasterCall\"\r\nimport { setDictionary } from \"store/modules/backData\"\r\nimport { printError } from \"utils/printError\"\r\nimport { setOnBehalfIdInState } from \"store/modules/page\"\r\n\r\nconst changeClient = (clientId) => {\r\n return apiAction({\r\n endPoint: `/organization/webshop-client/client-change/${clientId}`,\r\n method: \"POST\",\r\n data: {},\r\n onSuccess: (data, dispatch) => {\r\n let activeAddress = data?.addressList?.filter?.(\r\n (element) => element?.id === data?.defaultAddressId\r\n )\r\n dispatch(setOnBehalfIdInState(clientId))\r\n dispatch(\r\n changeDeliveryAddressInShop(\r\n data?.defaultAddressId,\r\n activeAddress?.[0]?.displayAddress\r\n )\r\n )\r\n //dispatch(setDictionary({selectedCompany:data?.name}))\r\n showMagicToaster({\r\n title: `Compania ${data?.name} a fost selectată cu succes.`\r\n })\r\n return {\r\n type: \"a\"\r\n }\r\n },\r\n onFailure: (error, dispatch) => {\r\n printError(\"changeClient()\", error)\r\n showMagicToaster({\r\n title: \"A aparut o eroare la salvarea datelor\",\r\n subtitle: \"E201\",\r\n type: \"error\"\r\n })\r\n return {\r\n type: \"a\"\r\n }\r\n }\r\n })\r\n}\r\n\r\nconst OnBehalf = (props) => {\r\n //const { submitForm, disableSubmit, getProps, setEdit, errors, watch, reset, cancelEdit, isEdit } = useMagicForm({ formName: \"OnBehalf\" });\r\n const dispatch = useDispatch()\r\n\r\n const crtFormItem = useSelector((state) => state?.page?.crtFormItem)\r\n const productCount = useSelector(\r\n (state) => state.shop?.cartData?.productCount\r\n )\r\n //const selectedCompany = useSelector(state => state.backData?.dictionary?.selectedCompany)\r\n //const lof = watch('allClientList')\r\n const lof = props.watch(\"allClientList\")\r\n\r\n useEffect(() => {\r\n dispatch(loadItem(\"organization/webshop-client/my-options\", \"\", true, true))\r\n // if(selectedCompany) {\r\n // document.getElementsByClassName('crs__placeholder css-1wa3eu0-placeholder')[0].innerText = 'dadas'\r\n // }\r\n }, [])\r\n\r\n useEffect(() => {\r\n dispatch(getCartDeliveryAddress(lof))\r\n }, [lof])\r\n\r\n const helper = () => {\r\n dispatch(changeClient(lof))\r\n setTimeout(() => dispatch(loadViewData({ reload: true })), 500)\r\n }\r\n\r\n return (\r\n {\r\n if (index === 0) {\r\n // dispatch(setFilterSelection())\r\n clearFiler(categFilterId)\r\n dispatch(setFilterSelection(\"FLT-sort00p1\", [\"ranking|true\"]))\r\n //loadViewData()\r\n } else {\r\n // const dispatchTreeCode = treeCodeValues?.slice?.(0,index)?.join?.(\"\")\r\n // dispatch(setFilterSelection(selectedFilterID, [dispatchTreeCode]))\r\n setFilter(categFilterId, [item?.treeCode])\r\n }\r\n }}\r\n >\r\n {item?.name}\r\n
\r\n \r\n {item?.name}\r\n
\r\n )\r\n })}\r\n \r\n 0}\r\n options={crtFormItem?.allClientList}\r\n />\r\n 0}\r\n />\r\n
\r\n )\r\n}\r\n\r\nexport default OnBehalf\r\n","import { useEffect } from \"react\"\r\n// import { setFilterSelection, setMultipleFilterSelection } from \"store/modules/dataView\"\r\nimport useQueryStringFilters from \"utils/useQueryStringFilters\"\r\n\r\nconst { useSelector } = require(\"react-redux\")\r\n\r\nconst useCategoryUrl = (props) => {\r\n let { customUrl } = props ?? {}\r\n // const dispatch = useDispatch()\r\n const { setFilter } = useQueryStringFilters()\r\n customUrl = processName(customUrl)\r\n const selectedFilter = []\r\n const cateogries = useSelector((state) => state.backData?.productCategory)\r\n\r\n useEffect(() => {\r\n if (customUrl && cateogries?.length > 0) {\r\n // const topLevelCategories = cateogries?.map?.(item => processName(item?.name))\r\n //for item in topLevelCategories\r\n const [topCategory, newUrl] = findCategory(cateogries, customUrl) ?? []\r\n customUrl = newUrl\r\n if (topCategory) {\r\n selectedFilter?.push?.(topCategory)\r\n const [secondCategory, newUrl] =\r\n findCategory(topCategory.childList, customUrl) ?? []\r\n customUrl = newUrl\r\n if (secondCategory) {\r\n selectedFilter?.push?.(secondCategory)\r\n const [thirdCategory] =\r\n findCategory(secondCategory.childList, customUrl) ?? []\r\n if (thirdCategory) selectedFilter?.push?.(thirdCategory)\r\n }\r\n }\r\n\r\n if (selectedFilter?.length > 0) {\r\n const filterValue = selectedFilter?.slice?.(-1)?.[0]?.treeCode\r\n // debugger\r\n // dispatch(setFilterSelection(\"FLT-CATEG001\", filterValue ))\r\n setFilter(\"FLT-CATEG001\", [filterValue])\r\n }\r\n }\r\n }, [cateogries])\r\n}\r\n\r\nconst findCategory = (categories, customUrl) => {\r\n for (const item of categories) {\r\n const normalizedName = processName(item?.name)\r\n if (customUrl?.includes?.(normalizedName)) {\r\n customUrl = customUrl?.replace?.(`${normalizedName}-`, \"\")\r\n return [item, customUrl]\r\n }\r\n }\r\n}\r\n\r\nconst processName = (input) =>\r\n input\r\n ?.toLowerCase?.()\r\n ?.replace?.(/,/g, \" \")\r\n ?.replace?.(/ {2}/g, \" \")\r\n ?.replace?.(/ /g, \"-\")\r\n\r\nexport default useCategoryUrl\r\n\r\n// Local\r\n// this: undefined\r\n// cateogries: Array(6)\r\n// 0:\r\n// childList: (3) [{…}, {…}, {…}]\r\n// id: \"ZyqY8Z\"\r\n// name: \"AC, VENTILATIE\"\r\n// treeCode: \"#27398\"\r\n","import React, { useEffect, useState, useRef } from \"react\"\r\n// import LongProductCard from \"components/LongProductCard\"\r\n// import MagicButton from \"components/MagicButton/MagicButtonV2\"\r\nimport ProductCard from \"components/ProductCard\"\r\nimport \"./index.scss\"\r\nimport { useDispatch, useSelector } from \"react-redux\"\r\nimport {\r\n clearDataViewItems,\r\n deleteSavedFilter,\r\n // setDataItems,\r\n setDataViewId,\r\n // setDVsearchString,\r\n setFilterSelection\r\n} from \"store/modules/dataView\"\r\nimport VerticalFilters from \"components/VerticalFilters/VerticalFilters\"\r\nimport { selectProductListDataV2 } from \"store/selectors/dataView/dataView.productsListFinal.selector\"\r\nimport { loadProductCategories } from \"store/modules/backData\"\r\n// import { loadViewData } from \"store/modules/dataView/dataView-dataLoader\"\r\nimport HorizontalFilterUniprest from \"views/dev/select/HorizontalFilterUniprest\"\r\nimport { setScrollPostion, setPageYScrollPosition, setPageModal, clearAllLoadingIndicators } from \"store/modules/page\"\r\nimport { getCart } from \"store/modules/shop\"\r\nimport DeliveryNotificationCard from \"views/productsList/DeliveryNotificationCard\"\r\nimport { loadOrganizationLists } from \"store/justActions/lists\"\r\nimport { useUserInfo } from \"utils/useUserInfo\"\r\nimport AddToListModal from \"components/ProductCard/AddToListModal\"\r\nimport NoSearchResults from \"views/productsList/NoSearchResults\"\r\nimport ShopBreadCrumbs from \"components/BreadCrumbs/ShopBreadCrumbs\"\r\nimport { loadItem } from \"store/justActions/loadApiIems\"\r\nimport LoadingScreen from \"components/LoadingScreen/LoadingScreen\"\r\nimport useScrollPosition from \"utils/useScrollPosition\"\r\nimport PriceChangedModal from \"components/PriceChangedModal/PriceChangedModal\"\r\nimport { round } from \"utils/serviceFunctions\"\r\n// import { numberFormatter } from \"utils/stringUtils\"\r\nimport { deleteCrtListItem } from \"store/modules/page\"\r\n// import {\r\n// deleteProductFromList,\r\n// updateListQuantityAction\r\n// } from \"store/justActions/lists\"\r\n// import FormatComponent from \"components/FormatComponent/FormatComponent\"\r\n// import { saveStockRequest, savePriceRequest } from \"store/modules/guest.actions\"\r\n// import { setLastAddedToCart } from \"store/modules/dataView\"\r\nimport BigModal from \"components/_modals/BigModal\"\r\nimport CartProductCard from \"views/shoppingCart/cartProductCard\"\r\n// import { loadAccessories } from \"store/justActions/loadApiIems\"\r\nimport { addArrayToBasket } from \"store/modules/shop\"\r\nimport SvgIcon from \"components/SvgIcon/SvgIcon\"\r\nimport useWindowSize from \"utils/useWindowsSize\"\r\nimport OnBehalf from \"views/productsList/OnBehalf\"\r\n//import EmptyState from \"views/guest/news/GuestCardsList\"\r\nimport useMagicForm from \"utils/useMagicForm\"\r\nimport { Lang, lang, Translate, withLocalize } from \"components/Lang/Lang\"\r\nimport useCategoryUrl from \"./useCategoryUrl\"\r\nimport BasketErrorModal from \"components/_modals/BasketErrorModal\"\r\nimport Pagination from \"components/Pagination/Pagination\"\r\nimport useIsLogged from \"utils/useIsLogged\"\r\nimport { getCartDeliveryAddress } from \"store/justActions/miscApiInteractions\"\r\nimport useQueryStringFilters, { urlFriendlyToSortBy } from \"utils/useQueryStringFilters\"\r\n\r\n// const clientTypes = [\"guest\", \"small\", \"reseller\", \"large\"]\r\n// const badgeTitles = [\r\n// \"PROMO\",\r\n// \"Deal of the day\",\r\n// \"Cel mai bun pret!\",\r\n// \"Recomandarea Expertului\"\r\n// ];\r\n\r\nconst filterIdsAuth = [\"FLT-CATMEGA1\", \"FLT-SEARCH01\", \"FLT-sort00p1\"]\r\n// const filterIdsAuth = [\"FLT-SEARCH01\", \"FLT-sort00p1\",\"FLT-sort0prc\", \"FLT-tipClient\" ]\r\nconst filterIdsGuest = [\"FLT-CATMEGA1\", \"FLT-SEARCH01\"]\r\nconst verticalFilterIds = [\"FLT-CATEG001\", \"FLT-SMaaaa00\"]\r\n// const verticalFilterIds= [ \"FLT-CATEG001\",\"FLT-RGaaaa00\", \"FLT-SMaaaa11\", 'FLT-SMaaaa00','FLT-5Saaaa00' ]\r\n\r\n\r\nconst ProductsList = (props) => {\r\n const customUrl = props?.match?.params?.customUrl\r\n const dispatch = useDispatch()\r\n const isLogged = useIsLogged()\r\n // const [listType, setListType] = useState(\"cards\");\r\n const priceChanged = useSelector(\r\n (state) => state?.backData?.dictionary?.priceChanged\r\n )\r\n const selectedFilters = useSelector(\r\n (state) => state?.dataView?.selectedFilters\r\n )\r\n const listType = useSelector((state) => state?.shop?.viewType)\r\n // const lastItemHint = useSelector((state) => state?.dataView?.lastItemHint)\r\n // const inputSearchString = window.location.search\r\n // ?.split?.(\"?\")[1]\r\n // ?.split?.(\"&\")\r\n // ?.find?.((item) => item?.includes?.(\"searchString=\"))\r\n // ?.split?.(\"=\")[1]\r\n // const filterId = window.location.search\r\n // ?.split?.(\"?\")[1]\r\n // ?.split?.(\"&\")\r\n // ?.find?.((item) => item?.includes?.(\"filterId=\"))\r\n // ?.split?.(\"=\")[1]\r\n // const filterSelection =\r\n // \"#\" +\r\n // window.location.search\r\n // ?.split?.(\"?\")[1]\r\n // ?.split?.(\"&\")\r\n // ?.find?.((item) => item?.includes?.(\"filterSelection=\"))\r\n // ?.split?.(\"=\")[1]\r\n // ?.split?.(\"-\")\r\n // ?.join?.(\"#\")\r\n // const brandId = window.location.search\r\n // ?.split?.(\"?\")[1]\r\n // ?.split?.(\"&\")\r\n // ?.find?.((item) => item?.includes?.(\"brandId=\"))\r\n // ?.split?.(\"=\")[1]\r\n // const brandSelection = window.location.search\r\n // ?.split?.(\"?\")[1]\r\n // ?.split?.(\"&\")\r\n // ?.find?.((item) => item?.includes?.(\"brandSelection=\"))\r\n // ?.split?.(\"=\")[1]\r\n // ?.split?.(\"%20\")\r\n // ?.join?.(\" \")\r\n\r\n // const [clientType, setClientType] = useState(0);\r\n\r\n const { products, count, isLoadable } = useSelector((state) =>//searchString\r\n selectProductListDataV2(state, props?.translate)\r\n )\r\n // const clientType = selectedFilters?.[\"FLT-tipClient\"]\r\n const { companyType } = useUserInfo()\r\n useCategoryUrl({ customUrl })\r\n\r\n const showSavedFilters = false && companyType !== \"GUEST\" //disable untill ready\r\n const horizontalFilter =\r\n companyType !== \"GUEST\" ? filterIdsAuth : filterIdsGuest\r\n\r\n const windowSize = useWindowSize()\r\n const pageContainerRef = useRef()\r\n const scrollContainerRef = useRef()\r\n const ref = useRef(null)\r\n // const storedScrollPosition = useSelector(\r\n // (state) => state?.page?.setScrollPosition\r\n // )\r\n const { page: activePage, filters, searchString, sortBy } = useQueryStringFilters()\r\n\r\n const userPermissions = useSelector(\r\n (state) => state.auth?.userData?.role?.permissions\r\n )\r\n const companyId = useSelector((state) => state?.user?.organizationId)\r\n const currentSearchString = useSelector(\r\n (state) => state?.dataView?.searchString\r\n )\r\n const accesoriesModalData = useSelector((state) => state?.page?.modalData)\r\n const crtList = useSelector((state) => state?.page?.crtList)\r\n // const [pageScroll, setPageScroll] = useState()\r\n // const [pageYPosition, setPageYPosition] = useState()\r\n const disableSave = companyType === \"GUEST\"\r\n\r\n\r\n useEffect(() => {\r\n const expectedDataViewId = isLogged ? \"java-product-client\" : \"notLogged-java-product-client\"\r\n dispatch(setDataViewId(expectedDataViewId))\r\n }, [isLogged])\r\n\r\n useEffect(() => {\r\n if(isLogged && companyId) {\r\n dispatch(loadItem( \"organization/webshop-client-productdetails\", companyId, true, true))\r\n }\r\n }, [isLogged, companyId])\r\n\r\n useEffect(() => {\r\n if(isLogged) {\r\n dispatch(getCart())\r\n dispatch(getCartDeliveryAddress())\r\n dispatch(loadOrganizationLists())\r\n dispatch(loadItem(\"organization/my-organization\", \"\", true, true))\r\n \r\n }\r\n // dispatch(getCart())\r\n // dispatch(getCartDeliveryAddress())\r\n dispatch(deleteSavedFilter())\r\n // dispatch(setDataItems(mockGoods));\r\n //dispatch(loadProductCategories())\r\n \r\n // if (inputSearchString)\r\n // dispatch(setDVsearchString(decodeURI(inputSearchString)))\r\n\r\n\r\n\r\n // Set the initial sortBy based on the url\r\n dispatch(setFilterSelection(\"FLT-sort00p1\", [urlFriendlyToSortBy(sortBy || \"ranking\")]))\r\n \r\n \r\n \r\n \r\n // // if (filterId && filterSelection) {\r\n // // dispatch(setFilterSelection(filterId, [filterSelection]))\r\n // // setTimeout(() => {\r\n // // dispatch(loadViewData({reload:true}))\r\n // // }, 200);\r\n // }\r\n // if (brandId && brandSelection) {\r\n // dispatch(setFilterSelection(brandId, [brandSelection]))\r\n // // setTimeout(() => {\r\n // // dispatch(loadViewData({reload:true}))\r\n // // }, 200);\r\n // }\r\n // // dispatch(searchStuff({ type: \"product/goods\"}))\r\n // setTimeout(() => {\r\n // dispatch(loadViewData({reload:true}))\r\n // }, 200);\r\n }, [isLogged])\r\n\r\n // useEffect(() => {\r\n // // setTimeout needed because loading the products takes a little while, so we want to scroll to the stored redux position only after the products are loaded\r\n // setTimeout(() => {\r\n // pageContainerRef.current?.parentElement?.parentElement?.scroll({\r\n // top: storedScrollPosition,\r\n // behavior: \"smooth\"\r\n // })\r\n // }, 20)\r\n // }, [storedScrollPosition, selectedFilters, searchString])\r\n // useEffect(() => {\r\n // dispatch(setPageYScrollPosition(pageYPosition))\r\n // }, [pageYPosition])\r\n useEffect(() => {\r\n return () => {\r\n dispatch(clearDataViewItems())\r\n dispatch(clearAllLoadingIndicators())\r\n }\r\n },[])\r\n const previousPage = useRef(1)\r\n useEffect(() => {\r\n // When the page changes, scroll to top\r\n if(windowSize.width > 800) {\r\n tryToScrollToTop()\r\n if(previousPage) previousPage.current = activePage\r\n } else {\r\n if(previousPage) {\r\n if(activePage !== previousPage.current) {\r\n tryToScrollToTop()\r\n previousPage.current = activePage\r\n }\r\n }\r\n }\r\n }, [activePage, filters, searchString, windowSize])\r\n const resultStringFormatter = (count) =>\r\n `${count} ${count === 1 ? \"produs gasit\" : \"produse gasite\"}`\r\n\r\n // useScrollPosition(\r\n // ({ prevPos, currPos }) => {\r\n // const classForVerticalFilter = prevPos?.y > currPos?.y ? \"down\" : \"up\"\r\n // setPageScroll(classForVerticalFilter)\r\n // setPageYPosition(\r\n // pageContainerRef.current?.parentElement?.parentElement?.scrollTop\r\n // )\r\n // },\r\n // [pageContainerRef.current],\r\n // pageContainerRef?.current?.parentElement?.parentElement,\r\n // scrollContainerRef?.current,\r\n // false,\r\n // 300\r\n // )\r\n const addAllProductsToCart = () => {\r\n const mainProduct = [\r\n {\r\n goodsId: accesoriesModalData?.id,\r\n quantity: accesoriesModalData?.quantity\r\n }\r\n ]\r\n const accessoriesToAdd = crtList?.items?.map?.((p) => ({\r\n goodsId: p.id,\r\n quantity: p.quantity\r\n }))\r\n const itemsToAdd = [...mainProduct || [], ...accessoriesToAdd || []]\r\n if (itemsToAdd?.length > 0)\r\n dispatch(addArrayToBasket(itemsToAdd, \"Accessories\"))\r\n }\r\n // const thereIsConnectionErrorWithGlobal = false\r\n const onBehalfId = useSelector((state) => state?.page?.onBehalfId)\r\n\r\n const {\r\n // submitForm,\r\n // disableSubmit,\r\n getProps,\r\n // setEdit,\r\n // errors,\r\n watch,\r\n // reset,\r\n // cancelEdit,\r\n // isEdit\r\n } = useMagicForm({ formName: \"OnBehalf\", defaultValues: {allClientList: onBehalfId } })\r\n\r\n return (\r\n <>\r\n {!priceChanged ? (\r\n \r\n {/* */}\r\n {userPermissions?.includes?.(\"CLIENT_CHANGE_WRITE\") && (\r\n 1185}\r\n watch={watch}\r\n getProps={getProps}\r\n />\r\n )}\r\n {companyType !== \"GUEST\" && (\r\n 1185}\r\n watch={watch}\r\n />\r\n )}\r\n {companyType !== \"GUEST\" && false && (\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 {`${resultStringFormatter(count)}`}
\r\n )}\r\n \r\n \r\n accesoriesModalData?.localStockQuantity +\r\n accesoriesModalData?.centralStockQuantity\r\n ? \"low\"\r\n : \"available\",\r\n key: `${accesoriesModalData?.id}-main`,\r\n products: undefined, // needed to not display main product as pack\r\n setPageModal\r\n }}\r\n />\r\n i.type === \"IMAGE\"\r\n )?.reference,\r\n primaryPrice: mainPriceCompute(i),\r\n secondaryPrice: secondaryPriceCompute(i),\r\n quantity: accesoriesModalData?.quantity,\r\n unit: i?.unitOfMeasure,\r\n stockState:\r\n i?.quantity >\r\n i?.localStockQuantity + i?.centralStockQuantity\r\n ? \"low\"\r\n : \"available\",\r\n deleteCrtListItem: () => dispatch(deleteCrtListItem(i?.id)),\r\n key: `${i?.id}-accessories`,\r\n setPageModal\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 dispatch(\r\n setScrollPostion(\r\n pageContainerRef.current.parentElement\r\n .parentElement.scrollTop\r\n )\r\n )\r\n }\r\n />\r\n ) : (\r\n \r\n dispatch(\r\n setScrollPostion(\r\n pageContainerRef.current.parentElement\r\n .parentElement.scrollTop\r\n )\r\n )\r\n }\r\n />\r\n )\r\n )\r\n ) : products?.length === 0 &&\r\n currentSearchString === \"\" &&\r\n selectedFilters?.[\"FLT-SMaaaa00\"]?.length === undefined &&\r\n selectedFilters?.[\"FLT-CATEG001\"]?.length === undefined ? (\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 {crtList?.items?.map?.((i) => (\r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n )\r\n}\r\nexport default withLocalize(RegisteredListDetails)\r\n","import { useRef, useLayoutEffect } from \"react\"\r\n\r\nconst isBrowser = typeof window !== `undefined`\r\n\r\nfunction getScrollPosition({ element, element2, useWindow }) {\r\n if (!isBrowser) return { x: 0, y: 0 }\r\n\r\n const target = element ? element : element2 ? element2 : document.body\r\n\r\n const position = target?.getBoundingClientRect()\r\n\r\n return useWindow\r\n ? { x: window.scrollX, y: window.scrollY }\r\n : { x: position?.left, y: position?.top }\r\n}\r\n\r\nexport function useScrollPosition(\r\n effect,\r\n deps,\r\n element,\r\n element2,\r\n useWindow,\r\n wait\r\n) {\r\n const position = useRef(\r\n getScrollPosition({ element: false, element2, useWindow })\r\n )\r\n\r\n let throttleTimeout = null\r\n\r\n const callBack = () => {\r\n const currPos = getScrollPosition({ element: false, element2, useWindow })\r\n effect({ prevPos: position?.current, currPos })\r\n position.current = currPos\r\n throttleTimeout = null\r\n }\r\n\r\n useLayoutEffect(() => {\r\n const handleScroll = () => {\r\n if (wait) {\r\n if (throttleTimeout === null) {\r\n throttleTimeout = setTimeout(callBack, wait)\r\n }\r\n } else {\r\n callBack()\r\n }\r\n }\r\n element\r\n ? element.addEventListener(\"scroll\", handleScroll)\r\n : window.addEventListener(\"scroll\", handleScroll)\r\n return () =>\r\n element\r\n ? element.removeEventListener(\"scroll\", handleScroll)\r\n : window.removeEventListener(\"scroll\", handleScroll)\r\n }, deps)\r\n}\r\nexport default useScrollPosition\r\n","export default __webpack_public_path__ + \"static/media/UniLogo.7897d45f.svg\";","import { Link } from \"react-router-dom\"\r\nimport NextIcon from \"assets/BreadCrumbs/NextIcon.svg\" //'/static/media/NextIcon.2076b4b0.svg';\r\n\r\nconst BreadCrumbsPremium = () => {\r\n let paths\r\n paths = window.location.pathname?.split?.(\"/\")\r\n paths =\r\n paths?.[paths?.length - 1] === \"\" ? paths?.slice?.(0, paths?.length - 1) : paths\r\n paths = paths?.[1] === \"\" ? paths?.slice?.(1) : paths\r\n\r\n const breadcrumb = paths?.map?.((path, index) => {\r\n const arrow =\r\n index !== paths?.length - 1 ? (\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
\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 {tableData?.rows?.length ? (\r\n <>\r\n \r\n
\r\n \r\n {pageModal === \"addProductForExcelModal\" && (\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\nexport default BreadCrumbsPremium\r\n","export default __webpack_public_path__ + \"static/media/Apa.a3043a69.svg\";","export default __webpack_public_path__ + \"static/media/Termice.6abcf58a.svg\";","export default __webpack_public_path__ + \"static/media/Gaz.745f2ce9.svg\";","export default __webpack_public_path__ + \"static/media/EnergieVerde.8a3421ec.svg\";","export default __webpack_public_path__ + \"static/media/Sanitare.d6a3a861.svg\";","export default __webpack_public_path__ + \"static/media/Ventilatie.9a10ac3c.svg\";","import Apa from \"assets/AboutUniprest/productcategory/Apa.svg\"\r\nimport Termice from \"assets/AboutUniprest/productcategory/Termice.svg\"\r\nimport Gaz from \"assets/AboutUniprest/productcategory/Gaz.svg\"\r\nimport EnergieVerde from \"assets/AboutUniprest/productcategory/EnergieVerde.svg\"\r\nimport Sanitare from \"assets/AboutUniprest/productcategory/Sanitare.svg\"\r\nimport Ventilatie from \"assets/AboutUniprest/productcategory/Ventilatie.svg\"\r\nimport { Lang, lang, Translate, withLocalize } from \"components/Lang/Lang\"\r\n\r\nexport const category = [\r\n {\r\n Title: - {breadcrumb}
\r\n {/* {\"loginName\": \"uniprest@test.com\", \"password\": \"Password123!!!!\", \"client\": \"front\"} */}\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 \r\n \r\n
\r\n \r\n Audit log\r\n \r\n \r\n
\r\n \r\n Audit log\r\n \r\n \r\n \r\n
\r\n \r\n Questions\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n Badge\r\n \r\n \r\n \r\n
\r\n \r\n Product rating\r\n \r\n \r\n \r\n
\r\n \r\n Location\r\n \r\n \r\n \r\n
\r\n \r\n Documents\r\n \r\n \r\n \r\n
\r\n \r\n Warehouse info\r\n \r\n \r\n \r\n \r\n
\r\n \r\n Basket info\r\n \r\n \r\n \r\n
\r\n\r\n {/*\r\n AuditLog -> Postman/Uniprest/AuditLog\r\n */}\r\n\r\n \r\n Discount: Grid\r\n \r\n \r\n \r\n\r\n Volume\r\n \r\n \r\n \r\n\r\n Package\r\n \r\n \r\n \r\n\r\n Fix\r\n \r\n \r\n \r\n
\r\n \r\n User\r\n \r\n {/* TODO: why is working both search query? */}\r\n \r\n \r\n \r\n
\r\n \r\n Group\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n Goods
\r\n \r\n \r\n \r\n \r\n \r\n Load dynamo by sort key\r\n \r\n \r\n \r\n
\r\n \r\n load dynamo by partition key\r\n \r\n
\r\n \r\n \r\n
\r\n {/* {JSON.stringify({apiResponse:\"dsd\"}, null, 2) }\r\n
\r\n {/* {JSON.stringify(apiResponse, null, 2)}\r\n {\r\n dispatch(logoutUser())\r\n dispatch(setOnBehalfIdInState())\r\n // dispatch(removeJavaToken()) check root reducer for changes\r\n }}\r\n >\r\n {item?.icon && (\r\n ![]()
e?.preventDefault?.()}\r\n className=\"\"\r\n alt=\"logo\"\r\n src={item?.icon}\r\n />\r\n )}\r\n {item?.svg &&
\r\n )\r\n } else {\r\n return (\r\n \r\n {item?.icon && (\r\n {translate?.(item?.name)}
\r\n {translate?.(item?.name)}
\r\n \r\n )\r\n }\r\n }\r\n\r\n const authGuestRightMenu = restrictedAdminRole ?\r\n \r\n {loggedInFragment(parsedRightOpenMenu?.find?.(i => i?.id === \"loggedInAs\")?.loggedInAs || \"\")}\r\n
\r\n :\r\n parsedRightOpenMenu?.map?.((item, index) => {\r\n if (\r\n item?.name === \"menus.rightInvoices\" &&\r\n !userPermissions?.includes?.(\"CLIENT_INVOICE_READ\")\r\n ) {\r\n return <>\r\n } else {\r\n return \"sectionName\" in item ? (\r\n \r\n {item?.sectionName}\r\n
\r\n ) : \"loggedInAs\" in item ? (\r\n \r\n {loggedInFragment(item?.loggedInAs)}\r\n
\r\n ) : (\r\n menuButtonFragment(item, index)\r\n )\r\n }\r\n })\r\n\r\n const unauthGuestRightMenu = rightMenuUnauthenticated?.topItems?.map?.(\r\n (item, index) => menuButtonFragment(item, index)\r\n )\r\n\r\n return (\r\n <>\r\n \r\n \r\n )\r\n})\r\n","import React, { useEffect, useState } from \"react\"\r\nimport {\r\n adminTopMenu,\r\n leftMenu,\r\n rightMenu,\r\n adminBottomMenu,\r\n rightMenuUnauthenticated\r\n} from \"mockData/menus\"\r\nimport MagicButton from \"components/MagicButton/MagicButtonV3\"\r\nimport MB from \"components/MB/MB\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { useHistory } from \"react-router\"\r\nimport { setCollapsedMenu, setOnBehalfIdInState } from \"store/modules/page\"\r\nimport { useSelector } from \"store\"\r\nimport { logoutUser } from \"store/modules/auth\"\r\nimport { removeJavaToken } from \"store/justActions/javaAuth\"\r\nimport { createNewImport, loadImports } from \"store/justActions/lists\"\r\n//import ReactDOMServer from 'react-dom/server'\r\nimport {\r\n Lang,\r\n lang,\r\n Translate,\r\n withLocalize,\r\n getTranslate\r\n} from \"components/Lang/Lang\"\r\nimport useWindowSize from \"utils/useWindowsSize\"\r\n\r\nexport default withLocalize(function SideMenuClosed(props) {\r\n const dispatch = useDispatch()\r\n const history = useHistory()\r\n const { left, leftHandler, rightHandler } = props\r\n const closeOpenMenusIfOpen = () => {\r\n left ? rightHandler(true) : leftHandler(true)\r\n }\r\n const translate = props.translate\r\n const windowSize = useWindowSize()\r\n const collapsedMenu = useSelector((state) => state?.page?.collapsedMenu)\r\n const url = window.location.pathname?.split?.(\"/\")\r\n const authenticatedState = useSelector((state) => state.auth?.authenticated)\r\n const userPermissions = useSelector(\r\n (state) => state.auth?.userData?.role?.permissions\r\n )\r\n\r\n const filteredRightMenu = rightMenu?.topItems?.filter?.(menuItem => {\r\n if(menuItem?.id === \"rightInvoices\" && !userPermissions?.includes?.(\"CLIENT_INVOICE_READ\"))\r\n return false\r\n if(menuItem?.id === \"leftEntriesOfferts\"\r\n && !userPermissions?.includes?.(\"CUSTOMER_OFFER_READ\"))\r\n return false\r\n else if(menuItem?.id === \"leftEntriesOfferts\"\r\n && windowSize.width < 1340)\r\n return false\r\n else if(menuItem?.id === \"leftEntriesExcel\"\r\n && windowSize.width < 768)\r\n return false\r\n else return true\r\n })\r\n const filteredLeftMenu = leftMenu?.topItems\r\n // ?.filter?.(menuItem => {\r\n // if(menuItem?.id === \"leftEntriesOfferts\"\r\n // && !userPermissions?.includes?.(\"CUSTOMER_OFFER_READ\"))\r\n // return false\r\n // else if(menuItem?.id === \"leftEntriesOfferts\"\r\n // && windowSize.width < 1340)\r\n // return false\r\n // else if(menuItem?.id === \"leftEntriesExcel\"\r\n // && windowSize.width < 768)\r\n // return false\r\n // else return true\r\n\r\n // })\r\n\r\n\r\n\r\n useEffect(() => {\r\n // dispatch(setCollapsedMenu(false))\r\n }, [])\r\n const menuButton = (itemIn, index) => {\r\n const nameString = translate?.(itemIn?.name) //gettranslate?.(`${itemIn?.name}`)\r\n // \r\n showDropdown(e)}\r\n value={query}\r\n />\r\n
\r\n )\r\n}\r\n\r\nexport default MenuSearch\r\n","export default __webpack_public_path__ + \"static/media/UniLogo1.57d9d0ad.svg\";","import React from \"react\"\r\nimport UniLogo from \"assets/UniLogo1.svg\"\r\nimport { Link } from \"react-router-dom\"\r\n\r\nfunction HomePageLogoButton(props) {\r\n const { companyType, shouldNotRenderAsLink } = props\r\n const userHomePage = React.useMemo(\r\n () => (companyType === \"GUEST\" ? \"/\" : \"/shop/dashboard\"),\r\n [companyType]\r\n )\r\n\r\n const logoImage = 0 ? \"opened\" : \"\"}`}>\r\n {dbList?.length &&\r\n Object?.keys?.(categories || {})?.map?.((categoryKey) => {\r\n let products = dbList?.filter?.(\r\n (item) => item?.category === categoryKey\r\n )\r\n let productsCount = products?.length\r\n\r\n if (!productsCount) return \"\"\r\n return (\r\n
\r\n \r\n \r\n \r\n
\r\n )\r\n })}\r\n\r\n {/* { dbList?.length > 0 && {categories?.[categoryKey]}
\r\n \r\n {all?.label}\r\n \r\n- \r\n {products?.map?.((item, i) => {\r\n let productName = item?.name ?? item?.code\r\n let index = productName\r\n ?.toLowerCase?.()\r\n ?.indexOf?.(query?.toLowerCase?.())\r\n if (index >= 0) {\r\n productName =\r\n productName?.substring?.(0, index) +\r\n \"\" +\r\n productName?.substring?.(index, index + query?.length) +\r\n \"\" +\r\n productName?.substring?.(index + query?.length)\r\n }\r\n\r\n //const placeholder = '/images/new-placeholder.svg'\r\n //const prodImage =
\r\n {seeAll.text1} { query } {seeAll.text2}\r\n \r\n {seeAll.link.label}\r\n \r\n
} */}\r\n \r\n \r\n \r\n
\r\n}\r\n\r\nexport default ShopLayoutFloatingButton\r\n","import React from \"react\"\r\n\r\n// import Menu from \"assets/MenuIcon/Atom/Icons/Menu.svg\";\r\n// import User from \".assets/MenuIcon/Atom/Icons/User.svg\";\r\n// import CartEmpty from \".assets/MenuIcon/Atom/Icons/CartEmpty.svg\";\r\n// import ALERT from \".assets/MenuIcon/Atom/Icons/ALERT.svg\";\r\n\r\nimport LeftOpenMenu from \"components/LeftOpenMenu\"\r\nimport RightOpenMenu from \"components/RightOpenMenu\"\r\nimport { useState } from \"react\"\r\nimport MagicButton from \"components/MagicButton\"\r\nimport SideMenuClosed from \"components/SideMenuClosed/SideMenuClosedV2\"\r\nimport Footer from \"components/Footer/Footer\"\r\nimport MenuSearch from \"views/dev/gyula/MenuSearch\"\r\nimport { useHistory } from \"react-router\"\r\nimport { useSelector, useDispatch } from \"store\"\r\n// import { useSelector } from '.store';\r\n\r\nimport { isIOS } from \"react-device-detect\"\r\nimport { selectTotalItems } from \"store/selectors/shopPage.selector\"\r\n// import { shoppingCartSelector } from \"store/selectors/dataView/dataView.productsListFinal.selector\";\r\nimport { useUserInfo } from \"utils/useUserInfo\"\r\nimport { getInitialsFromName } from \"utils/stringUtils\"\r\nimport { setScrollPostion } from \"store/modules/page\"\r\nimport HomePageLogoButton from \"components/customButtons/HomePageLogoButton\"\r\nimport { Lang, lang, Translate, withLocalize } from \"components/Lang/Lang\"\r\nimport { Link } from \"react-router-dom\"\r\nimport SvgIcon from \"components/SvgIcon/SvgIcon.jsx\"\r\nimport useIsLogged from \"utils/useIsLogged\"\r\nimport { campaignConfig, isCampaignPartiallyActive } from \"views/shoppingCart/useCampaignInfo\"\r\nimport MyLink from \"components/MyLink\"\r\nimport { isCampaignActive } from \"utils/dateUtils\"\r\nimport ShopLayoutFloatingButton from \"layouts/shop/ShopLayoutFloatingButton.jsx\"\r\n\r\n\r\nfunction ShopLayout({ children, translate }) {\r\n const [showLeftMenu, setShowLeftMenu] = useState(false)\r\n const [showRightMenu, setShowRightMenu] = useState(false)\r\n const [showHamburger, setShowHamburger] = useState(false)\r\n // const shoppingCart = useSelector(state => state.shop.cart)\r\n const { totalCartItems } = useSelector((state) => selectTotalItems(state))\r\n // const authenticatedState = useSelector(state => state.auth?.authenticated)\r\n // const companyType = useSelector(state => state.company?.type)\r\n // const { products } = useSelector((state) => shoppingCartSelector(state))\r\n const { groupId, isPublic, companyType, name } = useUserInfo()\r\n // const productsInCart = useSelector((state) => state.shop?.cartData?.lineList)\r\n const productsInCart = useSelector((state) => state.shop?.cartData?.productCount)\r\n const userFullName = useSelector((state) =>\r\n state?.user?.name?.split?.(\" \")?.slice?.(-1)?.join?.(\" \")\r\n )\r\n // const storedScrollPosition = useSelector(state => state?.page?.setScrollPosition)\r\n const yPageScrollPos = useSelector((state) => state?.page?.yPageScrollPos)\r\n const userPermissions = useSelector(\r\n (state) => state.auth?.userData?.role?.permissions\r\n )\r\n\r\n const history = useHistory()\r\n // const cart = useSelector(state => state.shop.cart)\r\n const dispatch = useDispatch()\r\n const isCampaignPeriod = isCampaignPartiallyActive()\r\n const isLogged = useIsLogged()\r\n\r\n const leftHandler = (hide) => {\r\n setShowLeftMenu((e) => hide ? false : !e)\r\n setShowRightMenu(false)\r\n setShowHamburger((e) => hide ? false : !e)\r\n }\r\n\r\n const rightHandler = (hide) => {\r\n setShowRightMenu((e) => hide ? false : !e)\r\n setShowLeftMenu(false)\r\n setShowHamburger(false)\r\n }\r\n\r\n const cartButtonClick = () => {\r\n dispatch(setScrollPostion(yPageScrollPos))\r\n setTimeout(() => history?.push?.(\"/shop/cart\"), 20)\r\n }\r\n return (\r\n \r\n {campaignConfig.name}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default withLocalize(ShopLayout)\r\n","import React, { useEffect } from \"react\"\r\nimport { leftMenu, rightMenu } from \"../../mockData/menus\"\r\nimport MagicButton from \"components/MagicButton/MagicButtonV3\"\r\nimport MB from \"components/MB/MB\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { useHistory } from \"react-router\"\r\nimport {\r\n setCollapsedMenu,\r\n setLeftMenuItems,\r\n setOnBehalfIdInState,\r\n setPageEdit\r\n} from \"store/modules/page\"\r\nimport { useSelector } from \"store\"\r\nimport { adminLeftMenu, adminBottomMenu, adminHRLeftMenu, adminMarketingManagerLeftMenu } from \"mockData/adminMenu\"\r\nimport { logoutUser } from \"store/modules/auth\"\r\nimport {\r\n Lang,\r\n lang,\r\n Translate,\r\n withLocalize,\r\n getTranslate\r\n} from \"components/Lang/Lang\"\r\nimport { removeJavaToken } from \"store/justActions/javaAuth\"\r\n\r\nexport default withLocalize(function SideMenuClosed(props) {\r\n const dispatch = useDispatch()\r\n const history = useHistory()\r\n const { left } = props\r\n const translate = props.translate\r\n const collapsedMenu = useSelector((state) => state?.page?.collapsedMenu)\r\n const leftMenuItems = useSelector((state) => state?.page?.leftMenuItems)\r\n const isEdit = useSelector((state) => state.page?.isEdit)\r\n const groupName = useSelector(\r\n (state) => state.auth?.userData?.role?.groupName\r\n )\r\n const userPermissions = useSelector(\r\n (state) => state.auth?.userData?.role?.permissions)\r\n const isHrAdmin = userPermissions?.includes?.(\"WEBSHOP_HR_ADMIN\")\r\n const isMarketingManagerAdmin = userPermissions?.includes?.(\"WEBSHOP_MARKETING_ADMIN\")\r\n const crtUrl = window.location.pathname\r\n const url = crtUrl?.split?.(\"/\")\r\n useEffect(() => {\r\n // dispatch(setCollapsedMenu(false))\r\n // if (!leftMenuItems?.[0]) dispatch(setLeftMenuItems(adminLeftMenu))\r\n // const children = adminLeftMenu?.find?.(item => crtUrl === item?.url)?.children\r\n // if (children) dispatch(setLeftMenuItems(children))\r\n // else dispatch(setLeftMenuItems(adminLeftMenu))\r\n dispatch(setLeftMenuItems(getInitialMenuBasedOnRole(isHrAdmin, isMarketingManagerAdmin)))\r\n }, [userPermissions])\r\n const menuButton = (itemIn, index) => {\r\n const nameString = itemIn?.name ? translate?.(itemIn?.name) : ''\r\n const item = { ...itemIn, name: nameString }\r\n return (\r\n \r\n \r\n
\r\n {companyType !== \"GUEST\" && (\r\n \r\n \r\n {children} \r\n \r\n {/* {children} \r\n */}\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default withLocalize(AdminLayout)\r\n","export default __webpack_public_path__ + \"static/media/Menu.6c109d7c.svg\";","import { Redirect } from \"react-router\"\r\nimport { myLazy } from \"utils/myLazy\"\r\n\r\nexport const adminCompanyRoutes = [\r\n // client companies list\r\n {\r\n exact: true,\r\n path: \"/admin/company/client/list\",\r\n component: myLazy(() => import(\"../views/admin/companies/companyTable\"))\r\n },\r\n\r\n {\r\n exact: false,\r\n path: \"/admin/company/client/form\",\r\n component: myLazy(() => import(\"../views/admin/companies/companyForm\"))\r\n },\r\n //===================================================================\r\n // delivery address\r\n {\r\n exact: true,\r\n path: \"/admin/company/delivery/list\",\r\n component: myLazy(() => import(\"../views/admin/adreseDeLivrari/List\"))\r\n },\r\n\r\n {\r\n exact: false,\r\n path: \"/admin/company/delivery/form\",\r\n component: myLazy(() =>\r\n import(\"../views/admin/deliveryFormPage/deliveryFormPage\")\r\n )\r\n },\r\n //===================================================================\r\n // delivery location\r\n {\r\n exact: true,\r\n path: \"/admin/company/towns/list\",\r\n component: myLazy(() =>\r\n import(\"../views/admin/deliveryLocation/deliveryLocationList\")\r\n )\r\n },\r\n\r\n {\r\n exact: false,\r\n path: \"/admin/company/towns/form\",\r\n component: myLazy(() =>\r\n import(\"../views/admin/deliveryLocation/deliveryLocationForm\")\r\n )\r\n },\r\n //===================================================================\r\n // account requests\r\n {\r\n exact: true,\r\n path: \"/admin/company/accountrequests/list\",\r\n component: myLazy(() => import(\"../views/admin/accountRequests/List\")) // DONE\r\n },\r\n {\r\n exact: false,\r\n path: \"/admin/company/accountrequests/form\",\r\n component: myLazy(() =>\r\n import(\"../views/admin/accountRequests/accountRequestForm\")\r\n ) // DONE\r\n },\r\n //===================================================================\r\n {\r\n exact: true,\r\n path: \"/admin/company/dashboard\",\r\n component: myLazy(() => import(\"../views/admin/unifiedDashboard\"))\r\n },\r\n {\r\n exact: false,\r\n path: \"/admin/company\",\r\n component: () => \r\n \r\n \r\n
\r\n { !restrictedAdminRole &&\r\n \r\n {children} \r\n {/* {children} \r\n */}\r\n
\r\n no access
,\r\n path: \"/shop/productlist\",\r\n component: myLazy(() => import(\"views/productsList\")) // DONE // Localization/Balazs/Done\r\n },\r\n {\r\n exact: true,\r\n path: \"/shop/details/:customUrl\",\r\n component: myLazy(() => import(\"views/productDetails\")),// DONE // Localization/Balazs/Done\r\n },\r\n {\r\n exact: true,\r\n path: \"/shop/details\",\r\n component: myLazy(() => import(\"views/productDetails\")), // DONE // Localization/Balazs/Done\r\n },\r\n {\r\n // exact: true,\r\n path: \"/shop/cart\",\r\n component: myLazy(() => import(\"views/shoppingCart\")), // DONE // Localization/Balazs/Done 90%\r\n guard: AuthGuard\r\n },\r\n {\r\n exact: true,\r\n path: \"/shop/dashboard\",\r\n component: myLazy(() => import(\"views/dashboard\")),// NEXT || PROGRESS ========================== // Localization/Balazs/Done 80%\r\n guard: AuthGuard\r\n },\r\n {\r\n exact: true,\r\n path: \"/shop/invoices\",\r\n component: myLazy(() => import(\"views/invoices/index_2\")),// Localization/Balazs/Done\r\n // component: myLazy(() => import(\"views/invoices\")),\r\n guard: AuthGuard\r\n },\r\n // {\r\n // exact: true,\r\n // path: \"/shop/invoices/facturi\",\r\n // component: myLazy(() => import(\"views/invoices/facturi\"))\r\n // },\r\n // {\r\n // exact: true,\r\n // path: \"/shop/invoices/comenzi\",\r\n // component: myLazy(() => import(\"views/invoices/comenzi\"))\r\n // },\r\n {\r\n exact: true,\r\n path: \"/shop/orders\",\r\n component: myLazy(() => import(\"views/orders\")), // Localization/Balazs/Done\r\n guard: AuthGuard\r\n },\r\n {\r\n // exact: true,\r\n path: \"/shop/orders/details\",\r\n component: myLazy(() => import(\"views/shoppingCart/orderDetails.js\")), // DONE\r\n guard: AuthGuard\r\n },\r\n {\r\n exact: true,\r\n path: \"/shop/offers\",\r\n component: myLazy(() => import(\"views/offerts\")),\r\n guard: AuthGuard\r\n },\r\n {\r\n // exact: true,\r\n path: \"/shop/offers/details\",\r\n component: myLazy(() => import(\"views/offerts/offerDetails.jsx\")), // DONE\r\n guard: AuthGuard\r\n },\r\n {\r\n // exact: true,\r\n path: \"/shop/invoice/details\",\r\n component: myLazy(() => import(\"views/invoices/invoiceDetails\")), // DONE\r\n guard: AuthGuard\r\n },\r\n {\r\n exact: true,\r\n path: \"/shop/lists\",\r\n // component: myLazy(() => import(\"views/lists\")),\r\n component: myLazy(() => import(\"views/lists/listsView\")), // Localization/Balazs/Done\r\n guard: AuthGuard\r\n },\r\n {\r\n exact: true,\r\n path: \"/shop/news\",\r\n pageTitle: `${defaultPageTitle} - Blog`,\r\n component: myLazy(() => import(\"views/guest/news/GuestCardsList\")) // Localization/Balazs/Done\r\n },\r\n {\r\n exact: true,\r\n path: \"/shop/careers\",\r\n pageTitle: `${defaultPageTitle} - Cariere`,\r\n component: myLazy(() => import(\"views/guest/news/GuestCardsList\")), // Localization/Balazs/Done\r\n guard: AuthGuard\r\n },\r\n {\r\n exact: true,\r\n path: \"/shop/predefinedlists\",\r\n pageTitle: `${defaultPageTitle} - Liste create de experții Uniprest Instal`,\r\n component: myLazy(() => import(\"views/guest/news/GuestCardsList\")) // Localization/Balazs/Done\r\n },\r\n {\r\n exact: true,\r\n path: \"/shop/tutorials\",\r\n component: myLazy(() => import(\"views/guest/news/GuestCardsList\")), // Localization/Balazs/Done\r\n guard: AuthGuard\r\n },\r\n {\r\n exact: true,\r\n path: \"/shop/about\",\r\n pageTitle: `${defaultPageTitle} - Despre noi`,\r\n component: myLazy(() => import(\"views/guest/about\")) // Localization/Balazs/Done/there was no text\r\n },\r\n {\r\n exact: false,\r\n path: \"/shop/article/:customUrl\",\r\n component: myLazy(() =>\r\n import(\"views/guest/news/GuestArticleDetails.jsx\")\r\n )\r\n },\r\n {\r\n exact: false,\r\n path: \"/shop/unilist/:customUrl\",\r\n component: myLazy(() =>\r\n import(\"views/guest/news/GuestArticleDetails.jsx\")\r\n )\r\n },\r\n {\r\n exact: false,\r\n path: \"/shop/tutorial/:customUrl\",\r\n component: myLazy(() =>\r\n import(\"views/guest/news/GuestArticleDetails.jsx\")\r\n ),\r\n guard: AuthGuard\r\n },\r\n // {\r\n // exact: true,\r\n // path: \"/shop/article/preview/:customUrl\",\r\n // component: myLazy(() => import(\"views/guest/news/GuestArticleDetails.jsx\")),\r\n // },\r\n {\r\n exact: false,\r\n path: \"/shop/job/:customUrl\",\r\n component: myLazy(() =>\r\n import(\"views/guest/news/GuestArticleDetails.jsx\")\r\n ),\r\n guard: AuthGuard\r\n },\r\n // {\r\n // exact: true,\r\n // path: \"/shop/job/preview/:customUrl\",\r\n // component: myLazy(() => import(\"views/guest/news/GuestArticleDetails.jsx\")),\r\n // },\r\n {\r\n exact: true,//?????????????????????????????????????\r\n path: \"/shop/my-list\",\r\n component: myLazy(() =>\r\n import(\"views/guest/news/GuestArticleDetails.jsx\")\r\n ),\r\n },\r\n // {\r\n // exact: true,\r\n // path: \"/shop/article2\",\r\n // component: myLazy(() => import(\"views/guest/article2\")),\r\n // },\r\n {\r\n exact: true,\r\n path: \"/shop/lists/details\",\r\n component: myLazy(() =>\r\n import(\"views/registeredUser/listDetails/index.jsx\")\r\n ),\r\n guard: AuthGuard\r\n },\r\n {\r\n exact: true,\r\n path: \"/shop/services\",\r\n pageTitle: `${defaultPageTitle} - Servicii`,\r\n component: myLazy(() => import(\"views/guest/services\")) // Localization/Istvan/Done\r\n },\r\n {\r\n exact: true,\r\n path: \"/shop/partners\",\r\n pageTitle: `${defaultPageTitle} - Parteneri`,\r\n component: myLazy(() => import(\"views/guest/partners\")) // Localization/Balazs/Done\r\n },\r\n\r\n {\r\n exact: true,\r\n path: \"/shop/map\",\r\n pageTitle: `${defaultPageTitle} - Unde ne găsești`,\r\n component: myLazy(() => import(\"views/guest/map2\")) // changed with map2 , the old is map // Localization/Istvan/Done\r\n },\r\n {\r\n exact: true,\r\n path: \"/shop/support\",\r\n pageTitle: `${defaultPageTitle} - Contact`,\r\n component: myLazy(() => import(\"views/guest/support\")) // Localization/Balazs/Done\r\n },\r\n {\r\n exact: true,\r\n path: \"/shop/terms\",\r\n component: myLazy(() => import(\"views/guest/terms\"))\r\n // component: myLazy(() => lazyRetry(() => import(\"views/guest/terms\")))\r\n },\r\n {\r\n exact: true,\r\n path: \"/shop/signup\",\r\n pageTitle: `${defaultPageTitle} - Solicită un cont`,\r\n component: myLazy(() => import(\"views/signUp/signUp.view\")), // Localization/Balazs/Done\r\n guard: AuthGuard\r\n },\r\n {\r\n exact: true,\r\n path: \"/shop/signin\",\r\n pageTitle: `${defaultPageTitle} - Login`,\r\n component: myLazy(() => import(\"views/signIn/signIn.view\")), // Localization/Balazs/Done\r\n guard: AuthGuard\r\n },\r\n\r\n // {\r\n // exact: true,\r\n // path: \"/shop/profile\",\r\n // component: myLazy(() => import(\"views/profile/profile\"))\r\n // },\r\n {\r\n exact: true,\r\n path: \"/shop/client/mycompany\",\r\n component: myLazy(() =>\r\n import(\"views/client/companiileMele/companiileMele\")\r\n ),\r\n guard: AuthGuard\r\n },\r\n {\r\n exact: true,\r\n path: \"/shop/client/users\",\r\n component: myLazy(() => import(\"views/client/utilizatori\")),\r\n guard: AuthGuard\r\n },\r\n // {\r\n // exact: true,//?????????????????????????\r\n // path: \"/shop/createcompany\",\r\n // component: myLazy(() => import(\"views/createCompany/createCompany\"))\r\n // },\r\n // {\r\n // exact: true,//??????????????????????\r\n // // path: \"/shop/searchResults\",\r\n // // component: myLazy(() => import(\"./views/searchResults\"))\r\n // path: \"/shop/settings\",\r\n // component: myLazy(() => import(\"views/setari/Setari\"))\r\n // },\r\n // {\r\n // exact: true,//??????????????????????\r\n // // path: \"/shop/searchResults\",\r\n // // component: myLazy(() => import(\"./views/searchResults\"))\r\n // path: \"/shop/company/users\",\r\n // component: myLazy(() => import(\"views/setari/Setari\"))\r\n // },\r\n {\r\n exact: true,\r\n path: \"/shop/client/profile\",\r\n component: myLazy(() => import(\"views/client/myProfile/myProfile\")),\r\n guard: AuthGuard\r\n },\r\n // {\r\n // exact: true,\r\n // path: \"/shop/adduser\",\r\n // component: myLazy(() => import(\"views/addUser/AddUser\"))\r\n // },\r\n // {\r\n // exact: true,//??????????????\r\n // path: \"/shop/addproduct\",\r\n // component: myLazy(() => import(\"views/addProduct/AddProduct\"))\r\n // },\r\n // {\r\n // exact: true,//??????????????\r\n // path: \"/shop/oferta\",\r\n // component: myLazy(() => import(\"views/oferta/ofertaPret\"))\r\n // },\r\n {\r\n exact: true,\r\n path: \"/shop/alerts\",\r\n component: myLazy(() => import(\"views/alert/Alert\")),\r\n guard: AuthGuard\r\n },\r\n // {\r\n // exact: true,\r\n // path: \"/shop/mylist\",\r\n // component: myLazy(() => import(\"views/mylist\")),\r\n // },\r\n // {\r\n // exact: true,\r\n // path: \"/shop/job-old\",\r\n // component: myLazy(() => import(\"views/guest/job\")),\r\n // },\r\n // {\r\n // exact: true,//??????????????????\r\n // path: \"/shop/searchResults\",\r\n // component: myLazy(() => import(\"views/searchResults\"))\r\n // },\r\n {\r\n exact: true,\r\n path: \"/shop/excelimport\",\r\n component: myLazy(() => import(\"views/ImportFromExcel/index.jsx\")), // DONE // Localization/Balazs/Done\r\n //component: myLazy(() => import(\"views/ExcelImports/listsView.jsx\")) // DONE // Localization/Balazs/Done\r\n guard: AuthGuard\r\n },\r\n // {\r\n // exact: true,\r\n // path: \"/shop/importfromexcel/details\",\r\n // component: myLazy(() => import(\"views/ImportFromExcel/index.jsx\")) // DONE // Localization/Balazs/Done\r\n // },\r\n {\r\n component: myLazy(() => import(\"views/404Page/404Page\"))\r\n }\r\n ]\r\n },\r\n {\r\n exact: true,\r\n path: \"/dev/sorin\",\r\n component: myLazy(() => import(\"views/dev/sorin\"))\r\n },\r\n\r\n {\r\n exact: true,\r\n path: \"/dev/sorin3\",\r\n component: myLazy(() => import(\"views/dev/sorin/index3\"))\r\n },\r\n {\r\n exact: true,\r\n path: \"/dev/sorin5\",\r\n component: myLazy(() => import(\"views/dev/sorin/index5\"))\r\n },\r\n {\r\n exact: true,\r\n path: \"/dev/sorin6\",\r\n component: myLazy(() => import(\"views/dev/sorin/index6\"))\r\n },\r\n\r\n {\r\n exact: true,\r\n path: \"/dev/gyula/toastr\",\r\n component: myLazy(() => import(\"views/dev/gyula/Toastr/index\"))\r\n },\r\n\r\n // {\r\n // exact: true,\r\n // path: \"/\",\r\n // component: myLazy(() => import(\"views/guest/landing\")),\r\n // },\r\n {\r\n exact: true,\r\n path: \"/\",\r\n pageTitle: \"Uniprest\",\r\n component: myLazy(() => import(\"views/dev/sorin/NewHomePage\"))\r\n },\r\n\r\n {\r\n exact: true,\r\n path: \"/dev/erno\",\r\n component: myLazy(() => import(\"views/dev/erno\"))\r\n },\r\n {\r\n exact: true,\r\n path: \"/dev/erno2\",\r\n component: myLazy(() => import(\"views/dev/erno/index2\"))\r\n },\r\n {\r\n exact: true,\r\n layout: ShopLayout,\r\n path: \"/login\",\r\n component: myLazy(() => import(\"views/signIn/signIn.view\")),\r\n guard: AuthGuard\r\n },\r\n {\r\n exact: true,\r\n layout: ShopLayout,\r\n path: \"/password-reset\",\r\n component: myLazy(() => import(\"views/passwordReset/passwordReset\"))\r\n },\r\n {\r\n exact: true,\r\n layout: ShopLayout,\r\n path: \"/invitationaccept\",\r\n component: myLazy(() => import(\"views/passwordReset/passwordReset\"))\r\n },\r\n {\r\n exact: true,\r\n path: \"/dev/norbert\",\r\n component: myLazy(() => import(\"views/dev/norbert\"))\r\n },\r\n {\r\n exact: true,\r\n path: \"/dev/tamas\",\r\n component: myLazy(() => import(\"views/dev/tamas\"))\r\n },\r\n {\r\n exact: true,\r\n path: \"/safariNotSupported\",\r\n component: myLazy(() => import(\"views/MaintenancePage/MaintenancePage\"))\r\n },\r\n {\r\n exact: true,\r\n // guard: () => no access
,\r\n path: \"/media/black-friday.pdf\",\r\n component: GoToCampaign\r\n },\r\n {\r\n exact: true,\r\n // guard: () => no access
,\r\n path: \"/media/black-friday.html\",\r\n component: GoToCampaign \r\n },\r\n {\r\n exact: true,\r\n layout: ShopLayout,\r\n path: \"/404\",\r\n component: myLazy(() => import(\"views/404Page/404Page\"))\r\n },\r\n // {\r\n // exact: true,\r\n // path: \"/shop/admin/users/list\",\r\n // component: myLazy(() => import(\"./views/userTable/usersTable\")),\r\n // },\r\n {\r\n exact: true,\r\n layout: ShopLayout,\r\n path: \"/:customUrl/pd/:productId\",\r\n pageMeta: defaultmeta,\r\n component: myLazy(() => import(\"views/productDetails\")) // DONE // Localization/Balazs/Done\r\n },\r\n {\r\n exact: true,\r\n layout: ShopLayout,\r\n // guard: () => no access
,\r\n path: \"/:customUrl/ct\",\r\n component: myLazy(() => import(\"views/productsList\")) // DONE // Localization/Balazs/Done\r\n },\r\n \r\n {\r\n path: \"*\",\r\n layout: ShopLayout,\r\n // layout: DashboardLayout,\r\n routes: [\r\n // {\r\n // exact: true,\r\n // path: '/',\r\n // component: () => \r\n \r\n A apărut o eroare: \r\n {' '}\r\n {this.state.randomErrorId}\r\n \r\n \r\n
\r\n Te rugăm să reîncarci pagina.\r\n
\r\n\r\n return this.props.children \r\n \r\n }\r\n\r\n}\r\n\r\nconst logBeforeRefreshing = randomErrorId => {\r\n\r\n const message = `AppErrorBoundary componentDidCatch() app \r\n error ${randomErrorId} detected, refreshing the page to try to recover.`\r\n\r\n console.log(message)\r\n Sentry.captureMessage(message)\r\n\r\n}\r\n\r\nconst logPreventedRefresh = ({ error, errorInfo, randomErrorId }) => {\r\n\r\n const message = `\r\n AppErrorBoundary componentDidCatch() ${randomErrorId} Preventing infinite \r\n refresh loop (Not refreshing now because there was a refresh \r\n already recently because appError). \r\n `\r\n\r\n console.log(message, error, errorInfo)\r\n Sentry.captureMessage(message)\r\n\r\n}\r\n\r\n\r\nexport default AppErrorBoundary\r\n","import React, { useEffect } from 'react'\r\nimport LoadingScreen from 'components/LoadingScreen'\r\nimport { useSelector } from 'react-redux'\r\n\r\nconst FullPageLoadingScreen = () => {\r\n\r\n const apiCallsInProgress = useSelector((state) => state?.apiCallsInProgress)\r\n\r\n const filteredApiCalls = apiCallsInProgress?.filter?.(\r\n apiCall => \r\n apiCall?.endPoint?.includes?.('/basket/address-change')\r\n )\r\n\r\n const isLoading = (filteredApiCalls?.length || 0) > 0\r\n\r\n useEffect(() => {\r\n\r\n /** The class 'page-content' exists in multiple pages. */\r\n const body = document?.querySelector?.(\"body\")\r\n body?.classList?.toggle?.(\"page-content--loading\", isLoading)\r\n\r\n }, [isLoading])\r\n\r\n\r\n return isLoading \r\n ? \r\n Te rugăm să reîncarci pagina.\r\n