\n \n
\n \n
\n \n
\n
\n );\n}\n","export default \"__VITE_ASSET__FwMLiQ5$__\"","export default \"__VITE_ASSET__VeGN$uJG__\"","import React from \"react\";\nimport { Row } from \"reactstrap\";\nimport backgroundVideoENDesktop from \"../../Assets/Video/Tenders_Club_Fold_EN_desktop.mp4\";\nimport backgroundVideoITMobile from \"../../Assets/Video/Tenders_Club_Fold_IT_mobile.mp4\";\nimport { useTranslation } from \"react-i18next\";\nimport { Link } from \"react-router-dom\";\nimport { useComponentsStore } from \"../../Stores/componentsStore\";\n\nimport { animated, useSpring } from \"react-spring\";\nimport useWindowSize from \"../../Hooks/useWindowSize\";\n\nconst MysteriousText = ({ children, ...props }) => {\n const childrenLength = React.useRef(children.split(\"\").length);\n const numAnimationsFinished = React.useRef(0);\n const finished = React.useRef(false);\n const [setFinishedCounter] = useComponentsStore((state) => [state.setFinishedCounter]);\n const Animation = (i) =>\n useSpring({\n config: {\n mass: 100,\n friction: 1000,\n tension: 3000,\n },\n\n opacity: 1,\n from: { opacity: 0 },\n delay: Math.random() * 2000,\n onRest: () => {\n numAnimationsFinished.current += 1;\n if (numAnimationsFinished.current === childrenLength.current) {\n finished.current = true;\n setFinishedCounter();\n }\n },\n });\n return children.split(\"\").map((item, index) => (\n {t(\"The Problem\")}
\n\n
\n\n \n
\n {t(\"two point four percent\")}
\n \n
\n {t(\"In fact, despite the excellent initiatives\")}
\n \n
\n \n
\n \n
\n {t(\"Finding of tender\")}
\n \n
\n \n
\n {t(\"Limited knowledge\")}
\n \n
\n \n
\n {t(\"Difficulty in creating\")}
\n {t(\"Why Tenders Club\")}
\n\n \n
\n \n
\n {t(\"More Tenders More Opportunities\")}
\n {t(\"Access European Tenders\")}
\n \n
\n \n
\n {t(\"Transparency and Personalization\")}
\n {t(\"Receive a newsletter\")}
\n \n
\n \n
\n {t(\"No Borders with NUTS\")}
\n {t(\"Filters tender notices\")}
\n \n \n {t(\"start_button_dashboard\")}\n \n\n
\n {t(\"Try it its free\")}
\n\n \n {t(\n \"Users that want to try our services and explore public procurement opportunities enjoy a 10 days free trial. No credit card is required.\"\n )}\n
\n {t(\"About\")}
\n\n 
\n
\n \n
\n \n
\n \n
\n {t(\"Who we are\")}
\n {t(\"We are a team of specialists\")}
\n \n \n 
\n \n \n 
\n \n
\n \n
\n\n \n
\n \n
\n {t(\"The Mission\")}
\n {t(\"Our mission is to\")}
\n {t(\"The Club\")}
\n\n \n
\n \n
\n {t(\"You invest in us\")}
\n {t(\"We believe in a\")}
\n \n
\n {t(\"How Subscription Works (Big Heading)\")}
\n\n \n
\n \n
\n {t(\"We reward trust\")}
\n {t(\"We work every day\")}
\n \n \n
\n \n {t(\"Profit joining now\")}\n
\n \n
\n {t(\"Next Steps\")}
\n\n\n {/*
\n {/* --------------- TIMELINE DESKTOP -------------- */}\n {t(\"We have decided to\")}
*/}\n {t(\"We have decided to\")}
\n \n
\n {/* ------------------------ MOBILE TIMELINE --------------------------- */}\n \n \n
\n {t(\"about_first_date\")}
\n {t(\"about_second_date\")}
\n {t(\"about_third_date\")}
\n {/* \n {t(\"about_fourth_date\")}\n
*/}\n {/* {t(\"about_price\")}
\n {t(\"about_price\")}
\n {t(\"about_price\")}
*/}\n {t(\"about_fourth_date\")}
\n {/* \n {t(\"european_sources_actual_release_date\")}\n
*/}\n {/* \n {\"-\"}\n
*/}\n {/* \n {\"-\"}\n
*/}\n {/* {t(\"about_price\")}
*/}\n \n \n
\n \n {t(\"Functionality\")}\n
\n \n {t(\"Estimated Release Date\")}\n
\n {/* \n {t(\"Actual Release Date\")}\n
*/}\n \n {t(\"Monthly Price for New Clients\")}\n
\n \n
\n {t(\"Multi tender Strategy Accounts\")}
\n \n {t(\"Every account can create up to 4 independent tender strategies and monitor them individually.\")}\n
\n \n
\n {t(\"AI Assistant\")}
\n {t(\"24 hour artificial intelligence support agent\")}
\n \n
\n {t(\"Weekly Market Report\")}
\n {t(\"Market Trend and analysis released every week\")}
\n \n
\n {t(\"Analytics for Italian Tender Awards\")}
\n {t(\"Launch of the tender results in Italy\")}
\n \n
\n {t(\"Functionality\")}
\n \n \n
\n \n
\n \n
\n\n {t(\"Multi tender Strategy Accounts\")}
\n \n {t(\"Every account can create up to 4 independent tender strategies and monitor them individually.\")}\n
\n \n {t(\"Estimated Release Date\")}\n
\n \n {t(\"about_first_date\")}\n
\n {/* \n {t(\"Actual Release Date\")}\n
*/}\n {/* \n {t(\"about_fourth_date\")}\n
*/}\n \n {t(\"Monthly Price for New Clients\")}\n
\n \n \n
\n {/* --------------- EUROPEAN SOURCES ---------------*/}\n \n
\n \n
\n\n {t(\"AI Assistant\")}
\n {t(\"24 hour artificial intelligence support agent\")}
\n \n {t(\"Estimated Release Date\")}\n
\n \n {t(\"about_second_date\")}\n
\n {/* \n {t(\"Actual Release Date\")}\n
*/}\n {/* \n {t(\"european_sources_actual_release_date\")}\n
*/}\n \n {t(\"Monthly Price for New Clients\")}\n
\n \n \n
\n {/* --------------- ITALIAN TENDER AWARDS ---------------*/}\n \n
\n \n
\n\n {t(\"Weekly Market Report\")}
\n {t(\"Market Trend and analysis released every week\")}
\n \n {t(\"Estimated Release Date\")}\n
\n \n {t(\"about_third_date\")}\n
\n {/* \n {t(\"Actual Release Date\")}\n
*/}\n {/* \n {\"-\"}\n
*/}\n \n {t(\"Monthly Price for New Clients\")}\n
\n \n \n
\n {/* --------------- TOP SECRET ---------------*/}\n \n
\n \n
\n\n {t(\"Analytics for Italian Tender Awards\")}
{\" \"}\n {t(\"Launch of the tender results in Italy\")}
\n \n {t(\"Estimated Release Date\")}\n
\n \n {t(\"about_fourth_date\")}\n
\n {/* \n {t(\"Actual Release Date\")}\n
\n \n {\"-\"}\n
*/}\n \n {t(\"Monthly Price for New Clients\")}\n
\n \n \n
\n \n \n {t(\"Let us know\")}\n \n
\n \n {t(\"Need a new feature\")}\n
\n \n \n
\n
\n );\n}\n\nfunction VideoHeaderElems({ animDisabled }) {\n const { t, i18n } = useTranslation();\n const [showMultilanguageVideo, multiLanguageVideoAction, finishedCounter] = useComponentsStore((state) => [\n state.showMultilanguageVideo,\n state.multiLanguageVideoAction,\n state.finishedCounter,\n ]);\n\n return (\n \n \n {/* */}\n\n
\n\n \n \n {/* */}\n\n
\n {/*
\n \n
\n \n \n
\n \n {finishedCounter === 12 || animDisabled ? (\n t(\"Join_home\")\n ) : (\n {t(\"Join_home\")} \n )}\n
\n \n {finishedCounter === 12 || animDisabled ? (\n t(\"Tenders Club to\")\n ) : (\n {t(\"Tenders Club to\")} \n )}\n
\n \n {finishedCounter === 12 || animDisabled ? t(\"Find\") : {t(\"Find\")} }\n
\n \n {finishedCounter === 12 || animDisabled ? (\n t(\"European Tenders through the most comprehensive European database and\")\n ) : (\n \n {t(\"European Tenders through the most comprehensive European database and\")}\n \n )}\n
\n \n {finishedCounter === 12 || animDisabled ? t(\"Win\") : {t(\"Win\")} }\n
\n \n {finishedCounter === 12 || animDisabled ? (\n t(\"Contracts with our support and analytics to grow your business\")\n ) : (\n {t(\"Contracts with our support and analytics to grow your business\")} \n )}\n
\n \n \n {t(\"start_button_dashboard\")}\n \n {\n multiLanguageVideoAction(!showMultilanguageVideo);\n }}\n >\n {t(\"Video\")}\n
\n \n
\n {`${t(\"Distribution of tenders by\")} ${t(displayOption)}`}
\n\n
\n );\n}\n","import React from \"react\";\nimport ReactApexChart from \"react-apexcharts\";\n//import devDebug from \"../../Helpers/debug\";\n\nexport default function PieChartEmpty(props) {\n var series = [100];\n var labels = [\"No Tenders Found\"];\n\n const options = {\n labels: labels,\n colors: [\"#34c38f\"],\n legend: {\n show: true,\n position: \"bottom\",\n horizontalAlign: \"center\",\n verticalAlign: \"middle\",\n floating: false,\n fontSize: \"14px\",\n offsetX: 0,\n offsetY: -10,\n },\n responsive: [\n {\n breakpoint: 600,\n options: {\n chart: {\n height: 240,\n\n id: \"basic-bar\",\n },\n legend: {\n show: false,\n },\n },\n },\n ],\n };\n\n return (\n \n
\n \n )}\n\n \n {t(\"Your Tender Strategy has not returned any tenders.\")}\n
\n {t(\"Go to Tender Strategy.\")}
\n \n \n cpv.sum)}\n labels={dashboardData.most_used_cpv.map((cpv) => `${cpv.code} ${cpv[i18n.language.slice(0, 2)]}`)}\n />\n ) : (\n \n
\n {`${t(\"Main 5 CPVs by\")} ${t(displayOption)}`}
\n\n
\n );\n}\n","import React from \"react\";\nimport { Card, CardBody } from \"reactstrap\";\nimport ShortTermBarCharts from \"./ShortTermBarCharts\";\nimport { useAuth } from \"../../Services/auth\";\nimport { useTabStore } from \"../../Stores/tabStore\";\n\nimport { useMapsStore } from \"../../Stores/mapsStore\";\nimport { useTranslation } from \"react-i18next\";\nimport { useDashboardStore } from \"../../Stores/dashboardStore\";\nimport RoundedCardLoadingSpinner from \"../../Components/RoundedCardLoadingSpinner\";\nimport { useAuthStore } from \"../../Stores/authStore\";\n\nconst returnCapitalised = (str) => {\n if (str) {\n return str.charAt(0).toUpperCase() + str.slice(1);\n }\n return \"\";\n};\n\nexport default function ShortTermBarChartCard({ section }) {\n const auth = useAuth();\n const { t } = useTranslation();\n\n const apiService = auth.apiService;\n const [id] = useTabStore((state) => [state.currentTab[section]]);\n\n const [displayOption] = useMapsStore((state) => [state.mapState[section][id].displayOption]);\n const [\n shortTermLoadingMarket,\n shortTermLoadingStrategy,\n setShortTermDataMarket,\n setShortTermDataStrategy,\n setShortTermLoadingMarket,\n setShortTermLoadingStrategy,\n ] = useDashboardStore((state) => [\n state.shortTermLoadingMarket,\n state.shortTermLoadingStrategy,\n state.setShortTermDataMarket,\n state.setShortTermDataStrategy,\n state.setShortTermLoadingMarket,\n state.setShortTermLoadingStrategy,\n ]);\n\n const shortTermReceivedMarket = (resp) => {\n setShortTermLoadingMarket(false);\n setShortTermDataMarket(resp);\n };\n\n const shortTermReceivedStrategies = (resp) => {\n setShortTermLoadingStrategy(false);\n setShortTermDataStrategy(resp);\n };\n const shortTermMarketError = () => {\n setShortTermLoadingMarket(false);\n };\n\n const shortTermStrategiesError = () => {\n setShortTermLoadingStrategy(false);\n };\n\n React.useEffect(() => {\n const controller = new AbortController();\n\n if (useAuthStore.getState()?.user?.email) {\n setShortTermLoadingMarket(true);\n setShortTermLoadingStrategy(true);\n const controller = new AbortController();\n apiService.axiosGET(\n // metric (Required) -- The metric to compute. One of: total_price, avg_price, count\n // strategy_id -- The strategy id to filter tenders from.\n // market -- If set to True, the metric is computed for the whole set of tenders. (Cannot be used with strategy_id).\n `api/v1/tender-data/summary/short-term?metric=${displayOption}&market=true`, //endpoint\n controller.signal, //signal\n shortTermReceivedMarket, //successFn, receives resp and data\n auth.newErrorHandler, //error AlerterFn\n \"There was an error retrieving the short term market data\", //error message\n shortTermMarketError, //errorFn (gets error back)\n {} //data (gets handed back to success fn)\n );\n apiService.axiosGET(\n // metric (Required) -- The metric to compute. One of: total_price, avg_price, count\n // strategy_id -- The strategy id to filter tenders from.\n // market -- If set to True, the metric is computed for the whole set of tenders. (Cannot be used with strategy_id).\n `api/v1/tender-data/summary/short-term?metric=${displayOption}${id === \"all\" ? \"\" : `&strategy_id=${id}`}`, //endpoint\n controller.signal, //signal\n shortTermReceivedStrategies, //successFn, receives resp and data\n auth.newErrorHandler, //error AlerterFn\n \"There was an error retrieving the short term strategy data\", //error message\n shortTermStrategiesError, //errorFn (gets error back)\n {} //data (gets handed back to success fn)\n );\n }\n return () => {\n controller.abort();\n };\n }, [displayOption, id]);\n\n return useAuthStore.getState()?.user?.email ? (\n \n \n \n \n \n
\n ) : null;\n}\n","import React from \"react\";\nimport dayjs from \"dayjs\";\nimport ReactApexChart from \"react-apexcharts\";\nimport { useTranslation } from \"react-i18next\";\nimport { useDashboardStore } from \"../../Stores/dashboardStore\";\n\nexport default function LongTermLineChart() {\n const { t, i18n } = useTranslation();\n let colors = [\"#77C491\", \"#6660E0\", \"#D66F6F\", \"#DFB95B\"];\n\n const [longTermChartData] = useDashboardStore((state) => [state.longTermChartData]);\n\n const convertToLegible = (value) => {\n return `${value.toLocaleString(i18n.language.slice(0, 2))}%`;\n };\n const options = {\n colors: colors,\n chart: {\n toolbar: { show: false },\n zoom: {\n enabled: false,\n },\n animations: {\n enabled: true,\n },\n },\n stroke: {\n show: true,\n curve: \"smooth\",\n lineCap: \"butt\",\n width: 4,\n },\n xaxis: {\n categories: longTermChartData.all\n .map((val, i) =>\n dayjs()\n .subtract(7 * i, \"day\")\n .format(\"DD/MM/YYYY\")\n )\n .reverse(),\n },\n yaxis: {\n labels: {\n formatter: (value) => convertToLegible(value),\n },\n },\n };\n\n return (\n \n {`${returnCapitalised(t(displayOption))} ${t(\"short term trends\")}`}\n
\n\n \n \n \n \n
\n ) : null;\n}\n","import React from \"react\";\nimport { Container, Row, Col, Card, CardBody } from \"reactstrap\";\nimport ThreeDashboardMetrics from \"./ThreeDashboardMetrics\";\nimport { useTranslation } from \"react-i18next\";\n//import devDebug from \"../../Helpers/debug\"\nimport { clearCookies, useAuth } from \"../../Services/auth\";\nimport devDebug from \"../../Helpers/debug\";\nimport PublicDashboardContent from \"./publicDashboardContent\";\nimport TopVideoHeader from \"./topVideoHeader\";\nimport DashboardNUTSMapLoader from \"./DashboardNUTSMapLoader\";\nimport Tabs from \"../../Components/tabs/tabs\";\nimport { useNavigate } from \"react-router-dom\";\nimport SelectMetricDashboard from \"./SelectMetricDashboard\";\nimport { useTabStore } from \"../../Stores/tabStore\";\nimport { defaultTabs } from \"../../Services/strategies/strategyConstants\";\nimport ScreenSpinner from \"../../Components/ScreenSpinner\";\nimport PieChartCard from \"./PieChartCard\";\nimport ShortTermBarChartCard from \"./ShortTermBarChartCard\";\nimport LongtermChartCard from \"./LongtermChartCard\";\nimport { useDashboardStore } from \"../../Stores/dashboardStore\";\nimport ReusableHelmet from \"../../Components/helmet/helmet\";\nimport { useAuthStore } from \"../../Stores/authStore\";\nimport i18n from \"../../i18n\";\n\nexport default function Dashboard() {\n const auth = useAuth();\n const apiService = auth.apiService;\n const section = useAuthStore.getState()?.user?.email ? \"dashboard_logged_in\" : \"dashboard_anonymous\";\n const navigate = useNavigate();\n const { t } = useTranslation();\n\n const [, setHiddenColumns] = React.useState([]);\n const disabledColumns = [\"id\", \"text\", \"confirmed\", \"tendering_authority__name\", \"nut_code\"];\n\n React.useEffect(() => {\n if (section === \"dashboard_anonymous\") {\n clearCookies();\n }\n }, []);\n\n const [id] = useTabStore((state) => [state.currentTab[section]]);\n\n const [\n hasHydrated,\n dashboardData,\n setDashboardData,\n setGetError,\n setDashboardDataLoading,\n dashboardDataLoading,\n setDonutLoading,\n ] = useDashboardStore((state) => [\n state._hasHydrated,\n state.dashboardData[section][id],\n state.setDashboardData,\n state.setGetError,\n state.setDashboardDataLoading,\n state.dashboardDataLoading,\n state.setDonutLoading,\n ]);\n\n function dashBoardDataByIDSuccess(resp, data) {\n setDashboardData(resp, section, data.id);\n setDashboardDataLoading(false);\n }\n\n const dashboardDataAnonymousSuccess = (resp) => {\n setDashboardData(resp, section, defaultTabs[section]);\n setDashboardDataLoading(false);\n };\n\n const dashboardDataAnonymousError = () => {\n setGetError(true);\n setDashboardDataLoading(false);\n setDonutLoading(false);\n };\n\n const dashBoardDataByIDError = (err) => {\n if (err?.response?.status === 404) {\n // setStrategyStatus(\"loading\");\n // deleteStrategy(data.id);\n // const controller = new AbortController();\n // apiService.axiosGET(\n // `user/preferences/strategies/`, //endpoint\n // controller.signal, //signal\n // strategiesReceived, //successFn, receives resp and data\n // auth.newErrorHandler, //error AlerterFn\n // \"There was an error retrieving user's tender strategies\", //error message\n // null, //errorFn (gets error back)\n // {\n // section: section,\n // } //data (gets handed back to success fn)\n // );\n }\n };\n\n React.useEffect(() => {\n const controller = new AbortController();\n let isSubscribed = true;\n if (isSubscribed) {\n if (useAuthStore.getState()?.user?.email) {\n const url = `user/dashboard/${id === \"all\" ? `` : `?strategy_id=${id}`}`;\n apiService.axiosGET(\n url, //endpoint\n controller.signal, //signal\n dashBoardDataByIDSuccess, //successFn\n auth.newErrorHandler, //error AlerterFn\n \"There was an error retrieving dashboard data\", //error message\n dashBoardDataByIDError, //errorFn (gets error back)\n {\n section: \"Dashboard -> getDashBoardDataByID\",\n id: id,\n suppressError: 404,\n } //data (gets handed back to success fn)\n );\n // }\n } else {\n apiService.axiosUnauthGET(\n \"dashboard/\", //endpoint\n controller.signal, //signal\n dashboardDataAnonymousSuccess, //successFn\n auth.newErrorHandler, //error AlerterFn\n \"There was an error retrieving dashboard data\", //error message\n dashboardDataAnonymousError, //errorFn (gets error back)\n { section: \"Dashboard -> getDashboardDataAnonymous\" } //data (gets handed back to success fn)\n );\n }\n }\n return () => {\n controller.abort();\n isSubscribed = false;\n };\n }, [useAuthStore.getState()?.user?.email, id]);\n\n React.useEffect(() => {\n let isSubscribed = true;\n if (isSubscribed) {\n let tempHiddenColumns = [];\n if (dashboardData?.column_view) {\n for (let obj of Object.entries(dashboardData.column_view)) {\n if (!obj[1]) {\n tempHiddenColumns.push(obj[0]);\n }\n }\n setHiddenColumns(tempHiddenColumns);\n }\n }\n return () => {\n // cancel the subscription\n isSubscribed = false;\n };\n }, [dashboardData]);\n\n const userReceivedAfterStripeError = () => {\n useAuthStore.getState().setReloadAfterStripe(false);\n devDebug(\"Reload after stripe 403 -> navigating to dashboard\");\n\n window.location.replace(`/${i18n.language.slice(0, 2)}/`);\n };\n const userReceivedAfterStripeSuccess = (resp, data) => {\n useAuthStore.getState().setUser(resp);\n if (data.reload) {\n useAuthStore.getState().setReloadAfterStripe(false);\n } else {\n auth.show({\n message: t(\"Subscription signup complete! Thank you.\"),\n type: \"alert_success\",\n });\n devDebug(\"userReceivedAfterStripeSuccess -> navigating to dashboard\");\n navigate(`/${i18n.language.slice(0, 2)}/`);\n }\n };\n\n const checkForStripeError = () => {\n if (window.location.hash === \"#email_verification_error\") {\n localStorage.removeItem(\"email_verification_error\");\n auth.show({\n message: t(\"There was an error completing your email verification\"),\n type: \"alert_warning\",\n });\n setTimeout(() => {\n devDebug(\"checkForStripeError -> navigating to dashboard\");\n navigate(`/${i18n.language.slice(0, 2)}/`);\n }, 4000);\n }\n };\n\n React.useEffect(() => {\n const controller = new AbortController();\n let isSubscribed = true;\n if (isSubscribed) {\n if (window.location.hash === \"#stripe_success\" || useAuthStore.getState().reloadAfterStripe) {\n devDebug(\"Stripe signup successful, storing new authuser to localstorage.\");\n apiService.axiosGET(\n `auth/user/`, //endpoint\n controller.signal, //signal\n userReceivedAfterStripeSuccess, //successFn\n auth.newErrorHandler, //error AlerterFn\n \"There was an error retrieving user data\", //error message\n userReceivedAfterStripeError, //errorFn (gets error back)\n {\n section: \"Dashboard -> userReceivedAfterStripe\",\n reload: useAuthStore.getState().reloadAfterStripe,\n } //data (gets handed back to success fn)\n );\n }\n checkForStripeError();\n }\n return () => {\n controller.abort();\n isSubscribed = false;\n };\n }, []);\n\n if (!useAuthStore.getState()?.user?.email) {\n disabledColumns.push(\"tender_url\");\n }\n\n return hasHydrated ? (\n \n {`${t(\"Percentage trend of\")} ${t(displayOption)} ${t(\n \"over the last year of the strategy against different benchmarks\"\n )}`}\n
\n\n \n {!useAuthStore.getState()?.user?.email ? \n {!useAuthStore.getState()?.user?.email ? (\n \n
\n ) : null}\n \n {section === \"dashboard_logged_in\" ?
\n {!useAuthStore.getState()?.user?.email ? \n \n )}\n
\n \n {t(\"The Transparency of numbers is the foundation of your business strategy\")}\n
\n\n
\n \n \n \n \n \n \n
\n {t(\"Select the metric to display in the dashboard\")}
\n