();\n * const mergedRef = useMergedRefs(ref, attachRef);\n *\n * return \n * })\n * ```\n *\n * @param refA A Callback or mutable Ref\n * @param refB A Callback or mutable Ref\n * @category refs\n */\n\nfunction useMergedRefs(refA, refB) {\n return useMemo(function () {\n return mergeRefs(refA, refB);\n }, [refA, refB]);\n}\n\nexport default useMergedRefs;","import useUpdatedRef from './useUpdatedRef';\nimport { useEffect } from 'react';\n/**\n * Attach a callback that fires when a component unmounts\n *\n * @param fn Handler to run when the component unmounts\n * @category effects\n */\n\nexport default function useWillUnmount(fn) {\n var onUnmount = useUpdatedRef(fn);\n useEffect(function () {\n return function () {\n return onUnmount.current();\n };\n }, []);\n}","import { useRef } from 'react';\n/**\n * Returns a ref that is immediately updated with the new value\n *\n * @param value The Ref value\n * @category refs\n */\n\nexport default function useUpdatedRef(value) {\n var valueRef = useRef(value);\n valueRef.current = value;\n return valueRef;\n}","import { useEffect, useLayoutEffect } from 'react';\nconst isReactNative = typeof global !== 'undefined' &&\n// @ts-ignore\nglobal.navigator &&\n// @ts-ignore\nglobal.navigator.product === 'ReactNative';\nconst isDOM = typeof document !== 'undefined';\n\n/**\n * Is `useLayoutEffect` in a DOM or React Native environment, otherwise resolves to useEffect\n * Only useful to avoid the console warning.\n *\n * PREFER `useEffect` UNLESS YOU KNOW WHAT YOU ARE DOING.\n *\n * @category effects\n */\nexport default isDOM || isReactNative ? useLayoutEffect : useEffect;","import { useState } from 'react';\nimport useEffect from './useIsomorphicEffect';\nconst targetMap = new WeakMap();\nlet resizeObserver;\nfunction getResizeObserver() {\n // eslint-disable-next-line no-return-assign\n return resizeObserver = resizeObserver || new window.ResizeObserver(entries => {\n entries.forEach(entry => {\n const handler = targetMap.get(entry.target);\n if (handler) handler(entry.contentRect);\n });\n });\n}\n\n/**\n * Efficiently observe size changes on an element. Depends on the `ResizeObserver` api,\n * and polyfills are needed in older browsers.\n *\n * ```ts\n * const [ref, attachRef] = useCallbackRef(null);\n *\n * const rect = useResizeObserver(ref);\n *\n * return (\n * \n * {JSON.stringify(rect)}\n *
\n * )\n * ```\n *\n * @param element The DOM element to observe\n */\nexport default function useResizeObserver(element) {\n const [rect, setRect] = useState(null);\n useEffect(() => {\n if (!element) return;\n getResizeObserver().observe(element);\n setRect(element.getBoundingClientRect());\n targetMap.set(element, rect => {\n setRect(rect);\n });\n return () => {\n targetMap.delete(element);\n };\n }, [element]);\n return rect;\n}","const _excluded = [\"onKeyDown\"];\n\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; }\n\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n\n/* eslint-disable jsx-a11y/anchor-has-content */\nimport * as React from 'react';\nimport { useEventCallback } from '@restart/hooks';\nimport { useButtonProps } from './Button';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport function isTrivialHref(href) {\n return !href || href.trim() === '#';\n}\n\n/**\n * An generic `` component that covers a few A11y cases, ensuring that\n * cases where the `href` is missing or trivial like \"#\" are treated like buttons.\n */\nconst Anchor = /*#__PURE__*/React.forwardRef((_ref, ref) => {\n let {\n onKeyDown\n } = _ref,\n props = _objectWithoutPropertiesLoose(_ref, _excluded);\n\n const [buttonProps] = useButtonProps(Object.assign({\n tagName: 'a'\n }, props));\n const handleKeyDown = useEventCallback(e => {\n buttonProps.onKeyDown(e);\n onKeyDown == null ? void 0 : onKeyDown(e);\n });\n\n if (isTrivialHref(props.href) && !props.role || props.role === 'button') {\n return /*#__PURE__*/_jsx(\"a\", Object.assign({\n ref: ref\n }, props, buttonProps, {\n onKeyDown: handleKeyDown\n }));\n }\n\n return /*#__PURE__*/_jsx(\"a\", Object.assign({\n ref: ref\n }, props, {\n onKeyDown: onKeyDown\n }));\n});\nAnchor.displayName = 'Anchor';\nexport default Anchor;","const _excluded = [\"as\", \"disabled\"];\n\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; }\n\nimport * as React from 'react';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport function isTrivialHref(href) {\n return !href || href.trim() === '#';\n}\nexport function useButtonProps({\n tagName,\n disabled,\n href,\n target,\n rel,\n onClick,\n tabIndex = 0,\n type\n}) {\n if (!tagName) {\n if (href != null || target != null || rel != null) {\n tagName = 'a';\n } else {\n tagName = 'button';\n }\n }\n\n const meta = {\n tagName\n };\n\n if (tagName === 'button') {\n return [{\n type: type || 'button',\n disabled\n }, meta];\n }\n\n const handleClick = event => {\n if (disabled || tagName === 'a' && isTrivialHref(href)) {\n event.preventDefault();\n }\n\n if (disabled) {\n event.stopPropagation();\n return;\n }\n\n onClick == null ? void 0 : onClick(event);\n };\n\n const handleKeyDown = event => {\n if (event.key === ' ') {\n event.preventDefault();\n handleClick(event);\n }\n };\n\n return [{\n role: 'button',\n // explicitly undefined so that it overrides the props disabled in a spread\n // e.g. \n disabled: undefined,\n tabIndex: disabled ? undefined : tabIndex,\n href: tagName === 'a' && disabled ? undefined : href,\n target: tagName === 'a' ? target : undefined,\n 'aria-disabled': !disabled ? undefined : disabled,\n rel: tagName === 'a' ? rel : undefined,\n onClick: handleClick,\n onKeyDown: handleKeyDown\n }, meta];\n}\nconst Button = /*#__PURE__*/React.forwardRef((_ref, ref) => {\n let {\n as: asProp,\n disabled\n } = _ref,\n props = _objectWithoutPropertiesLoose(_ref, _excluded);\n\n const [buttonProps, {\n tagName: Component\n }] = useButtonProps(Object.assign({\n tagName: asProp,\n disabled\n }, props));\n return /*#__PURE__*/_jsx(Component, Object.assign({}, props, buttonProps, {\n ref: ref\n }));\n});\nButton.displayName = 'Button';\nexport default Button;","export const ATTRIBUTE_PREFIX = `data-rr-ui-`;\nexport const PROPERTY_PREFIX = `rrUi`;\nexport function dataAttr(property) {\n return `${ATTRIBUTE_PREFIX}${property}`;\n}\nexport function dataProp(property) {\n return `${PROPERTY_PREFIX}${property}`;\n}","import ownerDocument from './ownerDocument';\n/**\n * Returns the actively focused element safely.\n *\n * @param doc the document to check\n */\n\nexport default function activeElement(doc) {\n if (doc === void 0) {\n doc = ownerDocument();\n }\n\n // Support: IE 9 only\n // IE9 throws an \"Unspecified error\" accessing document.activeElement from an `}\n\n {/* Partnero Universal */}\n \n {/* End Partnero Universal */}\n \n );\n }\n\n return ;\n};\n","import React, { useEffect, useState } from 'react';\nimport { ThemeProvider } from 'styled-components';\nimport { IntercomProvider } from 'react-use-intercom';\nimport { QueryClient, QueryClientProvider } from 'react-query';\nimport { Outlet, useLocation } from 'react-router-dom';\nimport { Toaster } from 'react-hot-toast';\nimport AOS from 'aos';\nimport { AosOptions } from 'aos';\nimport ReactGA from 'react-ga';\n\nimport { AuthProvider } from 'helpers/contexts/auth-context';\nimport { MyGlobalStyle } from './styles/GlobalStyle';\nimport { myTheme } from './styles/theme';\nimport { CssUtils } from 'styles/CssUtils';\nimport AppLayout from 'components/Layout/AppLayout';\nimport { MetaTags } from 'components/MetaTags';\nimport { isStagingEnv } from 'helpers/utils/helper';\nimport { setCookie } from 'helpers/utils/cookieHelper';\n\n// Initialize QueryClient with optimal settings\nconst queryClient = new QueryClient({\n defaultOptions: {\n queries: {\n refetchOnWindowFocus: false,\n retry: 1,\n staleTime: 5 * 60 * 1000, // 5 minutes\n },\n },\n});\n\n// Constants\nconst INTERCOM_APP_ID = process.env.REACT_APP_INTERCOM_APP_ID;\nconst GA_TRACKING_CODE = process.env.REACT_APP_GA_TRACKING_CODE;\n\n// Google Analytics setup\nconst initGA = () => {\n ReactGA.initialize(GA_TRACKING_CODE);\n};\n\nconst logPageView = () => {\n ReactGA.set({ page: window.location.pathname });\n ReactGA.pageview(window.location.pathname);\n};\n\n// AOS Animation configuration\nconst AOS_CONFIG: AosOptions = {\n disable: false,\n startEvent: 'DOMContentLoaded',\n initClassName: 'aos-init',\n animatedClassName: 'aos-animate',\n useClassNames: false,\n disableMutationObserver: false,\n debounceDelay: 50,\n throttleDelay: 99,\n offset: 120,\n delay: 0,\n duration: 400,\n easing: 'ease',\n once: true,\n mirror: false,\n anchorPlacement: 'top-bottom' as const, // Type assertion for anchorPlacement\n};\n\nfunction App() {\n const location = useLocation();\n const [autoBoot, setAutoBoot] = useState(false);\n\n // Handle UTM parameters\n useEffect(() => {\n const urlSearchParams = new URLSearchParams(window.location.search);\n const params = Object.fromEntries(urlSearchParams.entries());\n const utmParams = Object.entries(params).reduce>((acc, [key, value]) => {\n if (key.startsWith('utm_')) {\n acc[key] = value;\n }\n return acc;\n }, {});\n\n if (Object.keys(utmParams).length > 0) {\n setCookie('utm_info', JSON.stringify(utmParams));\n }\n }, []);\n\n // Initialize AOS and GA\n useEffect(() => {\n AOS.init(AOS_CONFIG);\n\n if (!isStagingEnv()) {\n initGA();\n logPageView();\n }\n }, []);\n\n // Set Intercom auto boot\n useEffect(() => {\n setAutoBoot(!isStagingEnv());\n }, []);\n\n // Scroll to top on route change\n useEffect(() => {\n document.documentElement.scrollTo({\n top: 0,\n left: 0,\n behavior: 'auto',\n });\n }, [location.pathname]);\n\n // Memoize the app content to prevent unnecessary re-renders\n const AppContent = React.memo(() => (\n \n \n \n ));\n\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n );\n}\n\nexport default React.memo(App);\n","import React from 'react';\nimport { createRoutesFromElements, Navigate, Route } from 'react-router-dom';\nimport SuspenseWrapper from './SuspenseWrapper';\nimport WebsiteLayout from 'components/Layout/PublicLayout';\nimport DocumentTitle from 'components/DocumentTitle';\nimport RequireAuth from './RequireAuth';\nimport AuthRoute from './AuthRoute';\nimport App from 'App';\n\n// Lazy loaded components\nconst Page404 = React.lazy(() => import('components/Page404'));\nconst Register = React.lazy(() => import('pages/authentication/register/index'));\nconst TwoFactor = React.lazy(() => import('pages/authentication/TwoFactor'));\nconst Login = React.lazy(() => import('pages/authentication/Login'));\nconst PostJob = React.lazy(() => import('pages/post-job'));\nconst Jobs = React.lazy(() => import('pages/jobs'));\nconst ClientJobs = React.lazy(() => import('pages/client-jobs'));\nconst Search = React.lazy(() => import('pages/search'));\nconst ForgotPassword = React.lazy(() => import('pages/authentication/ForgotPassword'));\nconst AuthTerms = React.lazy(() => import('pages/authentication/Terms'));\nconst ResetPassword = React.lazy(() => import('pages/authentication/ResetPassword'));\nconst ViewFreelancerProfile = React.lazy(() => import('pages/view-freelancer-profile'));\nconst ClientProfile = React.lazy(() => import('pages/client-profile'));\nconst FreelacerDashboard = React.lazy(() => import('pages/freelancer-dashboard'));\nconst OfferDetails = React.lazy(() => import('pages/offer-details'));\nconst FreelancerProfileSettings = React.lazy(() => import('pages/freelancer-profile-settings'));\nconst ChangePassword = React.lazy(() => import('pages/change-password'));\nconst Support = React.lazy(() => import('pages/support'));\nconst Disputes = React.lazy(() => import('pages/disputes'));\nconst Messaging = React.lazy(() => import('pages/messaging'));\nconst Terms = React.lazy(() => import('pages/terms'));\nconst Privacy = React.lazy(() => import('pages/privacy'));\nconst Cookies = React.lazy(() => import('pages/cookies'));\nconst AboutUs = React.lazy(() => import('pages/about-us'));\nconst CompleteProfile = React.lazy(() => import('pages/complete-profile'));\nconst CustomerSupport = React.lazy(() => import('pages/customer-support'));\nconst TemplateDetails = React.lazy(() => import('pages/template-details'));\nconst ClientDashboard = React.lazy(() => import('pages/client-dashboard'));\nconst Payments = React.lazy(() => import('pages/payments'));\nconst Proposals = React.lazy(() => import('pages/proposals'));\nconst InvoiceGenerater = React.lazy(() => import('pages/payments/InvoiceGenerater'));\nconst PortfolioDetails = React.lazy(() => import('pages/portfolio-details'));\nconst JobDetails = React.lazy(() => import('pages/job-details'));\nconst ClientJobDetails = React.lazy(() => import('pages/client-job-details'));\nconst ProposalDiscussion = React.lazy(() => import('pages/proposal-discussion'));\nconst FindingUs = React.lazy(() => import('pages/finding-us'));\nconst TalkJS = React.lazy(() => import('pages/talk-js'));\n\nconst HomePage = React.lazy(\n /* webpackPrefetch: true */\n () => import('pages/home')\n);\n\nconst publicRoutes = [\n {\n path: '/home',\n component: ,\n title: 'ZehMizeh | The Jewish Freelancing Platform - Post projects, find talent, pay simply.',\n metaDescription:\n 'Now hire the best talent in the world to get your project done and also find the best freelancing projects around the wold',\n },\n {\n path: '/404',\n component: ,\n },\n {\n path: '/terms',\n component: ,\n title: 'ZehMizeh | Terms and Conditions',\n },\n {\n path: '/terms-of-service',\n component: ,\n title: 'ZehMizeh | Register terms and conditions',\n },\n {\n path: '/privacy',\n component: ,\n title: 'ZehMizeh | Privacy Policy',\n },\n {\n path: '/cookies',\n component: ,\n title: 'ZehMizeh | Cookies',\n },\n {\n path: '/about-us',\n component: ,\n title: 'ZehMizeh | About Zehmizeh and how it works',\n metaDescription:\n 'Know about ZehMizeh, how the platform works, how the hiring process is, learn about the infrastructure that we have created for Jewish businesses',\n },\n {\n path: '/customer-support',\n component: ,\n title: 'ZehMizeh | Customer Support to contact us for any query',\n metaDescription:\n 'ZehMizeh | Customer Support, that helps you for all your queries, feel free to contact us for all your queries.',\n },\n {\n path: '/finding-us',\n component: ,\n title: 'ZehMizeh | Find ZehMiZeh Online: A Guide to Common Spelling Variations',\n metaDescription:\n 'ZehMizeh | Discover the various spelling variations of \"ZehMiZeh\" to find us online without any hassle. Explore our guide for different spellings of our name to reach us easily for information, services, or to connect with us.',\n },\n];\nconst authRoutes = [\n {\n path: '/login',\n component: ,\n title: 'ZehMizeh | Login to the ZehMizeh platform',\n metaDescription:\n 'ZehMizeh Login | Login to the ZehMizeh platform and get started today to find best talents or the best projects for you around the world.',\n },\n {\n path: '/reset-password',\n component: ,\n title: 'ZehMizeh | Reset Password',\n metaDescription:\n 'ZehMizeh | Reset your password from here by just verifying your email and entering a new password.',\n },\n {\n path: '/forgot-password',\n component: ,\n title: 'ZehMizeh | Forgot your password?',\n metaDescription:\n 'ZehMizeh | forgot your passowrd? No worries, just verify your email with the otp and you will be able to set a new password.',\n },\n {\n path: '/register/:userType',\n component: ,\n title: 'ZehMizeh | Register to ZehMizeh platform',\n metaDescription:\n 'ZehMizeh Registration | Get registered today to find best talents or the best projects for you around the world.',\n },\n {\n path: '/2fa',\n component: ,\n title: 'ZehMizeh | Two factor verification',\n },\n];\nconst privateRoutes = [\n {\n path: '/dashboard',\n component: ,\n title: 'ZehMizeh | Freelancer Dashboard - Get all your summary here',\n metaDescription:\n 'ZehMizeh Dashboard - A summary of your completed projects, your earnings, ratings & reviews, the invites you have received, your ongoing projects and many more',\n },\n {\n path: '/payments',\n component: ,\n title: 'ZehMizeh | Payments',\n metaDescription: 'ZehMizeh | Get a list of all the payment history of all your projects',\n },\n {\n path: 'client/dashboard',\n component: ,\n title: 'ZehMizeh | Client Dashboard - Get all your summary here',\n metaDescription:\n 'ZehMizeh Dashboard - A summary of your completed projects, your hires, ratings & reviews, the proposals you have received, your ongoing projects and many more',\n },\n {\n path: '/post-new-job',\n component: ,\n title: 'ZehMizeh | Post a Project with all your requirements',\n metaDescription:\n 'ZehMizeh | Post a Project with all your requirements that will help to find the best freelancer for your project.',\n },\n {\n path: '/jobs',\n component: ,\n title: 'ZehMizeh | My Projects - Freelancer',\n metaDescription:\n 'ZehMizeh | Get a list of all the projects that you have applied on, the projects that you are working on, your closed projects and your saved projects too.',\n },\n {\n path: '/client-jobs',\n component: ,\n title: 'ZehMizeh | My Projects - Client',\n metaDescription:\n 'ZehMizeh | Get a list of all the projects those are in your draft, the projects that you have posted, your ongoing projects, your closed projects and your saved projects too.',\n },\n {\n path: '/edit/:type/:id',\n component: ,\n title: 'ZehMizeh | Edit Project',\n metaDescription: 'ZehMizeh | Edit project with all the requirements changes that you want to do.',\n },\n {\n path: '/template/:type/',\n component: ,\n title: 'ZehMizeh | Edit Template',\n metaDescription: 'ZehMizeh | Edit the template with all the changes that you want to do.',\n },\n {\n path: '/client-job-details/:id',\n component: ,\n title: 'ZehMizeh | Project Details - get more details about the project',\n metaDescription:\n 'ZehMizeh | Get all the details of the project that you have in your draft, your posted projects, your on going projects and the closed projects as well.',\n nestedRoutes: [\n {\n path: '/gen_details',\n component: ,\n },\n {\n path: '/messages',\n component: ,\n },\n {\n path: '/m_stone',\n component: ,\n },\n {\n path: '/applicants',\n component: ,\n nestedRoutes: [\n {\n path: '/:proposalId',\n component: ,\n },\n ],\n },\n {\n path: '/invitees',\n component: ,\n nestedRoutes: [\n {\n path: '/:inviteeId',\n component: ,\n },\n ],\n },\n {\n path: '/feedback',\n component: ,\n },\n ],\n },\n {\n path: '/offer-details/:id',\n component: ,\n title: 'ZehMizeh | Offer Details - get more details about the offer',\n metaDescription:\n 'ZehMizeh | Get all the details of the offer that you have received and then apply if it comes under your expertise.',\n },\n {\n path: '/freelancer/account/:tabkey',\n component: ,\n title: 'ZehMizeh | Freelancer Profile',\n metaDescription:\n 'ZehMizeh | View or edit your profile details, education details, skills, languages, description, certificates, bank accounts',\n },\n {\n path: '/client/account/:clientId',\n component: ,\n title: 'ZehMizeh | Client Profile',\n metaDescription:\n 'ZehMizeh | View or edit your profile details, add or delete new bank accounts and credit cards for further use.',\n },\n {\n path: '/change-password',\n component: ,\n title: 'ZehMizeh | Change Password',\n metaDescription:\n 'ZehMizeh | Do you want to change your passowrd? Just enter your current password once for us to verify and you can change your password then.',\n },\n {\n path: '/support/:type?/:sectionId?',\n component: ,\n title: 'ZehMizeh | Support - Submit inquiry or create dispute',\n metaDescription:\n 'ZehMizeh | Support that allows you to contact the admin for any inquiries you have and also allows you to create a dispute on the projects you are working on',\n },\n {\n path: '/disputes',\n component: ,\n title: 'ZehMizeh | My Disputes List',\n metaDescription: 'ZehMizeh | Your all disputes list with current status whether it is resolved or not.',\n },\n {\n path: '/messages',\n component: ,\n title: 'ZehMizeh | Messages - chat with your clients or freelancers',\n metaDescription:\n 'ZehMizeh | Messages - You can now messsage to your clients or freelancers for the projects that you are conneted for',\n },\n {\n path: '/messages/:conversationId',\n component: ,\n title: 'ZehMizeh | Messages - chat with your clients or freelancers',\n metaDescription:\n 'ZehMizeh | Messages - You can now messsage to your clients or freelancers for the projects that you are conneted for',\n },\n {\n path: '/messages-new',\n component: ,\n title: 'ZehMizeh | Messages - chat with your clients or freelancers',\n metaDescription:\n 'ZehMizeh | Messages - You can now messsage to your clients or freelancers for the projects that you are conneted for',\n },\n {\n path: '/messages-new/:conversationId',\n component: ,\n title: 'ZehMizeh | Messages - chat with your clients or freelancers',\n metaDescription:\n 'ZehMizeh | Messages - You can now messsage to your clients or freelancers for the projects that you are conneted for',\n },\n {\n path: '/template-details/:id',\n component: ,\n title: 'ZehMizeh | Template Details',\n },\n {\n path: '/client/proposals',\n component: ,\n title: 'ZehMizeh | All Proposals',\n metaDescription:\n 'ZehMizeh | Get your all proposals that you have recieved for all the projects that you have posted so far.',\n },\n {\n path: '/freelancer/portfolio/:id',\n component: ,\n title: 'ZehMizeh | Portfolio details',\n metaDescription: 'ZehMizeh | Get all the details of the portfolio that a freelancer has created',\n },\n {\n path: '/proposal/discussion/:proposal_id',\n component: ,\n title: 'ZehMizeh | Portfolio details',\n metaDescription: 'ZehMizeh | Get all the details of the portfolio that a freelancer has created',\n },\n {\n path: '/search',\n component: ,\n title: 'ZehMizeh | Search the best talents or best projects for you',\n metaDescription:\n 'ZehMizeh | Find the best talents to get your project done or the best freelancing projects for you around the world with our filters that make it very easy',\n },\n {\n path: '/invoice/:id',\n component: ,\n title: 'ZehMizeh | Generate Invoice',\n metaDescription: 'ZehMizeh | Now you can genarate the invoices for your payments at anytime.',\n },\n {\n path: '/freelancer/:freelancerId',\n component: ,\n title: 'ZehMizeh | Freelancer profile that may fit to your project',\n metaDescription:\n 'ZehMizeh | Know more about the freelancer before giving him a project to find the best one for you who can deliver the best service to you.',\n nestedRoutes: [\n {\n path: '/:tabkey',\n component: ,\n },\n ],\n },\n {\n path: '/job-details/:id',\n component: ,\n title: 'ZehMizeh | Project Details - get more details about the project',\n metaDescription:\n 'ZehMizeh | Get all the details of the project that you want to apply or already applied, the project you are working on, the projects that you have already completed',\n nestedRoutes: [\n {\n path: '/gen_details',\n component: ,\n },\n {\n path: '/messages',\n component: ,\n },\n {\n path: '/m_stone',\n component: ,\n },\n {\n path: '/proposal_sent',\n component: ,\n },\n {\n path: '/feedback',\n component: ,\n },\n ],\n },\n {\n path: '/complete-profile',\n component: ,\n title: 'ZehMizeh | Complete my profile',\n },\n];\n\nexport const appRoutes = () => {\n const privateRoutesWithNestedRoutes: any[] = [];\n\n // Recursive function to handle nested routes\n const recursiveRoutes = (routes: any[], path = '') => {\n routes.forEach((route) => {\n privateRoutesWithNestedRoutes.push({\n ...route,\n path: `${path}${route.path}`,\n });\n if (route?.nestedRoutes) {\n recursiveRoutes(route.nestedRoutes, path.concat(route.path));\n }\n });\n };\n\n recursiveRoutes(privateRoutes);\n\n return createRoutesFromElements(\n }>\n } path=\"/\">\n {/* Auth Routes */}\n {authRoutes.map(({ path, component, title, metaDescription }) => (\n \n <>\n {title && }\n {component}\n \n \n }\n />\n ))}\n\n {/* Public Routes */}\n {publicRoutes.map(({ path, component, title, metaDescription }) => (\n \n {title && }\n {component}\n \n }\n />\n ))}\n\n {/* Private Routes */}\n {privateRoutesWithNestedRoutes.map(({ path, component, title, metaDescription }) => (\n \n <>\n {title && }\n {component}\n \n \n }\n />\n ))}\n\n {/* Default and 404 Routes */}\n } />\n } />\n