\n \n \n )\n}\n\n\nexport default BreadcrumbLoader;","\"use client\"\n\n/* eslint-disable react-hooks/exhaustive-deps */\n/** @format */\n\n\n/**\n * Nextjs-Breadcrumbs by Niklas NiklasMencke\n * Highly Modified for AuthenTEAK\n * https://github.com/NiklasMencke/nextjs-breadcrumbs\n */\n\nimport React, { useEffect, useState } from 'react';\nimport Link from 'next/link';\nimport useExportBreadcrumbPath from 'custom_hooks/useExportBreadcrumbPath';\nimport toTitleCase from 'lib/Utils/toTitleCase';\nimport BreadcrumbLoader from './BreadcrumbLoader';\n\n\n/**\n * Takes an URL String and removes query params and hash params\n *\n * @param url - The URL string\n * @returns The transformed URL string\n *\n */\n\nconst getPathFromUrl = (url: string): string => {\n return url.split(/[?#]/)[0];\n};\n\n\n/**\n * Takes a breadcrumb title (from url path) and replaces\n * special chars to more readable chars\n *\n * @param title - The breadcrumb title\n * @returns The transformed title or the result of the custom transformLabel function\n *\n */\n\nconst convertBreadcrumb = (\n title: string,\n toUpperCase: boolean | undefined,\n replaceCharacterList: Array | undefined,\n transformLabel ? : ((title: string) => React.ReactNode) | undefined\n\n): React.ReactNode => {\n\n let transformedTitle = getPathFromUrl(title);\n\n if (transformLabel) {\n return transformLabel(transformedTitle);\n }\n\n if (replaceCharacterList) {\n for (let i = 0; i < replaceCharacterList.length; i++) {\n transformedTitle = typeof transformedTitle === \"string\" ? transformedTitle.replaceAll(\n replaceCharacterList?.[i]?.from ?? \"\",\n replaceCharacterList?.[i]?.to ?? \"\"\n ) : \"\";\n }\n }\n\n\n // decode for utf-8 characters and return ascii. \n return (\n \n {toUpperCase ? decodeURI(transformedTitle).toUpperCase() : decodeURI(transformedTitle)}\n \n );\n};\n\n\n\nexport interface Breadcrumb {\n /** Breadcrumb title. Example: 'blog-entries' */\n breadcrumb: string;\n\n /** The URL which the breadcrumb points to. Example: 'blog/blog-entries' */\n href: string;\n}\n\nexport interface CharacterMap {\n /** The source character or character pattern that should be replaced (e.g. 'ae') */\n from: string;\n\n /** The replacement into which the character should be replaced. */\n to: string;\n}\n\nexport interface BreadcrumbsProps {\n /** If true, the default styles are used.\n * Make sure to import the CSS in _app.js\n * Example: true Default: false */\n useDefaultStyle ? : boolean;\n\n /** The title for the very first breadcrumb pointing to the root directory. Example: '/' Default: 'HOME' */\n rootLabel ? : string | null;\n\n /** Boolean indicator whether the root label should be omitted. Example: true Default: false */\n omitRootLabel ? : boolean;\n\n /** Boolean indicator if the labels should be displayed as uppercase. Example: true Default: false */\n labelsToUppercase ? : boolean | undefined;\n\n /** Array containing a list of specific characters that should be replaced in the label. This can be useful to convert special characters such as vowels. Example: [{ from: 'ae', to: 'รค' }, { from: '-', to: ' '}] Default: [{ from: '-', to: ' ' }] */\n replaceCharacterList ? : Array < CharacterMap > | undefined;\n\n /** A transformation function that allows to customize the label strings. Receives the label string and has to return a string or React Component */\n transformLabel ? : ((title: string) => React.ReactNode) | undefined;\n\n /** Array containing all the indexes of the path that should be omitted and not be rendered as labels. If we have a path like '/home/category/1' then you might want to pass '[2]' here, which omits the breadcrumb label '1'. Indexes start with 0. Example: [2] Default: undefined */\n omitIndexList ? : Array < number > | undefined;\n\n /** An inline style object for the outer container */\n containerStyle ? : any | null;\n\n /** Classes to be used for the outer container. Won't be used if useDefaultStyle is true */\n containerClassName ? : string;\n\n /** An inline style object for the breadcrumb list */\n listStyle ? : any | null;\n\n /** Classes to be used for the breadcrumb list */\n listClassName ? : string;\n\n /** An inline style object for the inactive breadcrumb list item */\n inactiveItemStyle ? : any | null;\n\n /** Classes to be used for the inactive breadcrumb list item */\n inactiveItemClassName ? : string;\n\n /** An inline style object for the active breadcrumb list item */\n activeItemStyle ? : any | null;\n\n /** Classes to be used for the active breadcrumb list item */\n activeItemClassName ? : string;\n\n /** class for the link */\n linkClassName ? : string;\n\n /** custom url path for a bespoke breadcrumb */\n customPath ? : string;\n\n /** path array for json schema */\n // exportPath ? : ((array: Array