\n \n
\n {children}\n \n
\n);\n\nexport default NotFound;\n","import { FC } from 'react';\nimport { ListGroup, ListGroupItem } from 'reactstrap';\nimport { Link } from 'react-router-dom';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faChevronRight as chevronIcon } from '@fortawesome/free-solid-svg-icons';\nimport { ServerWithId } from './data';\nimport './ServersListGroup.scss';\n\ninterface ServersListGroupProps {\n servers: ServerWithId[];\n embedded?: boolean;\n}\n\nconst ServerListItem = ({ id, name }: { id: string; name: string }) => (\n Oops! We could not find requested route.
\n\n Use your browser's back button to navigate to the page you have previously come from, or just press this\n button.\n
\n\n {children}\n
{children}
}\n {servers.length > 0 && (\n\n \n
\n \n \n
\n );\n }\n\n return this.props.children;\n }\n};\n\nexport default ErrorHandler;\n","import { AxiosInstance } from 'axios';\nimport { saveUrl } from '../../utils/helpers/files';\n\nexport class ImageDownloader {\n public constructor(private readonly axios: AxiosInstance, private readonly window: Window) {}\n\n public async saveImage(imgUrl: string, filename: string): PromiseOops! This is awkward :S
\nIt seems that something went wrong. Try refreshing the page or just click this button.
\n\n \n
\n
\n );\n};\n\nexport default ShlinkVersionsContainer;\n","import { faChevronDown as arrowIcon, faCogs as cogsIcon } from '@fortawesome/free-solid-svg-icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { FC, useEffect } from 'react';\nimport { Link, useLocation } from 'react-router-dom';\nimport { Collapse, Nav, Navbar, NavbarBrand, NavbarToggler, NavItem, NavLink } from 'reactstrap';\nimport classNames from 'classnames';\nimport { useToggle } from '../utils/helpers/hooks';\nimport { ShlinkLogo } from './img/ShlinkLogo';\nimport './MainHeader.scss';\n\nconst MainHeader = (ServersDropdown: FC) => () => {\n const [ isOpen, toggleOpen, , close ] = useToggle();\n const location = useLocation();\n const { pathname } = location;\n\n useEffect(close, [ location ]);\n\n const settingsPath = '/settings';\n const toggleClass = classNames('main-header__toggle-icon', { 'main-header__toggle-icon--opened': isOpen });\n\n return (\n \n \n \n
\n \n
\n );\n};\n\nexport default Home;\n","import { FC, useEffect } from 'react';\nimport { Navigate, Route, Routes, useLocation } from 'react-router-dom';\nimport { faBars as burgerIcon } from '@fortawesome/free-solid-svg-icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport classNames from 'classnames';\nimport { withSelectedServer } from '../servers/helpers/withSelectedServer';\nimport { useSwipeable, useToggle } from '../utils/helpers/hooks';\nimport { supportsDomainRedirects, supportsNonOrphanVisits, supportsOrphanVisits } from '../utils/helpers/features';\nimport { isReachableServer } from '../servers/data';\nimport NotFound from './NotFound';\nimport { AsideMenuProps } from './AsideMenu';\nimport './MenuLayout.scss';\n\nconst MenuLayout = (\n TagsList: FC,\n ShortUrlsList: FC,\n AsideMenu: FC\n
\n \n
\n \n
\n \n \n {!hasServers && (\n \n
\n \n
\n Welcome!
\n\n
\n )}\n This application will help you manage your Shlink servers.
\n\n \n
\n
\n
\n \n );\n}, ServerError);\n\nexport default MenuLayout;\n","import {\n faList as listIcon,\n faLink as createIcon,\n faTags as tagsIcon,\n faPen as editIcon,\n faHome as overviewIcon,\n faGlobe as domainsIcon,\n} from '@fortawesome/free-solid-svg-icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { FC } from 'react';\nimport { NavLink, NavLinkProps, useLocation } from 'react-router-dom';\nimport classNames from 'classnames';\nimport { DeleteServerButtonProps } from '../servers/DeleteServerButton';\nimport { isServerWithId, SelectedServer } from '../servers/data';\nimport { supportsDomainRedirects } from '../utils/helpers/features';\nimport './AsideMenu.scss';\n\nexport interface AsideMenuProps {\n selectedServer: SelectedServer;\n className?: string;\n showOnMobile?: boolean;\n}\n\ninterface AsideMenuItemProps extends NavLinkProps {\n to: string;\n}\n\nconst AsideMenuItem: FC\n
\n hideSidebar()}>\n
\n \n \n List short URLs}\n />\n \n
\n \n searchTermChanged(e.target.value)}\n />\n searchTermChanged('', 0)}\n >\n ×\n
\n \n );\n};\n\nexport default SearchField;\n","export type OrderDir = 'ASC' | 'DESC' | undefined;\n\nexport interface Order- (list: List[], { field, dir }: Order
- \n When only the long URL is provided: The most recent match will be returned, or a new short URL will be created\n if none is found.\n \n
- \n When long URL and custom slug and/or domain are provided: Same as in previous case, but it will try to match\n the short URL using both the long URL and the slug, the long URL and the domain, or the three of them.\n
\n If the slug is being used by another long URL, an error will be returned.\n \n - \n When other params are provided: Same as in previous cases, but it will try to match existing short URLs with\n all provided data. If any of them does not match, a new short URL will be created\n \n
- URL: {url} \n
- API key: {apiKey} \n
- {url} - {apiKey} )}\n
- \n
\n ref.current?.input.focus()}\n />\n )}\n
\n );\n};\n\nexport default DateInput;\n","import DateInput from '../DateInput';\nimport { DateRange } from './types';\n\ninterface DateRangeRowProps extends DateRange {\n onStartDateChange: (date: Date | null) => void;\n onEndDateChange: (date: Date | null) => void;\n disabled?: boolean;\n}\n\nconst DateRangeRow = (\n { startDate = null, endDate = null, disabled = false, onStartDateChange, onEndDateChange }: DateRangeRowProps,\n) => (\n \n
\n);\n\nexport default DateRangeRow;\n","import { DropdownItem } from 'reactstrap';\nimport { FC } from 'react';\nimport { DATE_INTERVALS, DateInterval, rangeOrIntervalToString } from './types';\n\nexport interface DateIntervalDropdownProps {\n active?: DateInterval;\n allText: string;\n onChange: (interval: DateInterval) => void;\n}\n\nexport const DateIntervalDropdownItems: FC\n
\n \n
\n \n \n
\n )}\n
\n );\n};\n\nexport default ShortUrlsFilteringBar;\n","import { UncontrolledDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';\nimport { toPairs } from 'ramda';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faSortAmountUp as sortAscIcon, faSortAmountDown as sortDescIcon } from '@fortawesome/free-solid-svg-icons';\nimport classNames from 'classnames';\nimport { determineOrderDir, Order, OrderDir } from './helpers/ordering';\nimport './OrderingDropdown.scss';\n\nexport interface OrderingDropdownProps\n
\n\n {selectedTags.length > 0 && (\n \n
\n \n
\n \n removeTag(tag)} />)}\n
\n )}\n \n
\n \n
\n \n
\n {isOrphanVisits && (\n \n
\n )}\n \n )}\n />\n\n \n
\n \n \n mapLocations.length > 0 &&\n
\n \n )}\n />\n\n \n
\n \n
\n {visits.length > 0 && (\n \n
\n \n
\n \n
\n )}\n \n setSelectedVisits([])}\n >\n Clear selection {highlightedVisits.length > 0 && <>({prettify(highlightedVisits.length)})}\n \n exportCsv(normalizedVisits)}\n >\n
\n \n
\n \n \n {children}\n \n
\n Invalid elements: [{errorData.invalidElements.join(', ')}]
\n }\n \n);\n","import { useEffect, useState } from 'react';\nimport { Modal, ModalBody, ModalFooter, ModalHeader } from 'reactstrap';\nimport { identity, pipe } from 'ramda';\nimport { ShortUrlDeletion } from '../reducers/shortUrlDeletion';\nimport { ShortUrlModalProps } from '../data';\nimport { handleEventPreventingDefault, OptionalString } from '../../utils/utils';\nimport { Result } from '../../utils/Result';\nimport { isInvalidDeletionError } from '../../api/utils';\nimport { ShlinkApiError } from '../../api/ShlinkApiError';\n\ninterface DeleteShortUrlModalConnectProps extends ShortUrlModalProps {\n shortUrlDeletion: ShortUrlDeletion;\n deleteShortUrl: (shortCode: string, domain: OptionalString) => Promise| \n Created at {renderOrderIcon?.('dateCreated')}\n | \n\n Short URL {renderOrderIcon?.('shortCode')}\n | \n {!supportsTitle && (\n\n Long URL {renderOrderIcon?.('longUrl')}\n | \n ) || (\n\n \n Title {renderOrderIcon?.('title')}\n \n / \n \n Long URL {renderOrderIcon?.('longUrl')}\n \n | \n )}\nTags | \n\n Visits {renderOrderIcon?.('visits')}\n | \n\n |
|---|
\n 
\n \n \n
\n \n
\n \n imageDownloader.saveImage(qrCodeUrl, `${shortCode}-qr-code.${format}`)}\n >\n Download
\n \n When the \n "Use existing URL if found"\n checkbox is checked, the server will return an existing short URL if it matches provided params.\n
\n\n These are the checks performed by Shlink in order to determine if an existing short URL should be returned:\n
\n- \n
\n
\n setShortUrlData({ ...shortUrlData, [id]: date })}\n {...props}\n />\n
\n );\n const basicComponents = (\n <>\n \n \n \n Edit
\n {hasMultipleServers ? 'The next servers already exist:' : 'There is already a server with:'}
\n- \n {duplicatedServers.map(({ url, apiKey }, index) => !hasMultipleServers ? (\n
\n \n {type === 'success' && 'Servers properly imported. You can now select one from the list :)'}\n {type === 'error' && 'The servers could not be imported. Make sure the format is correct.'}\n \n
\n);\n\nconst CreateServer = (ImportServersBtn: FCAre you sure you want to remove {server ? server.name : ''}?
\n\n \n No data will be deleted, only the access to this server will be removed from this device.\n You can create it again at any moment.\n \n
\n\n \n {!isServerWithId(selectedServer) && 'Could not find this Shlink server.'}\n {isServerWithId(selectedServer) && (\n <>\n \n\n \n These are the Shlink servers currently configured. Choose one of\n them or add a new one.\n \n\n {isServerWithId(selectedServer) && (\n
\n Oops! Could not connect to this Shlink server.
\n Make sure you have internet connection, and the server is properly configured and on-line.\n \n )}\n\n \n Alternatively, if you think you may have miss-configured this server, you\n can
\n
\n )}\n \n Alternatively, if you think you may have miss-configured this server, you\n can remove it or \n edit it.\n
\n \n \n {loadingVisits ? 'Loading...' : prettify(visitsCount)}\n \n
\n \n \n \n {loadingVisits ? 'Loading...' : prettify(orphanVisitsCount ?? 0)}\n \n \n Shlink 2.6 is needed\n \n \n
\n \n \n {loading ? 'Loading...' : prettify(shortUrls?.pagination.totalItems ?? 0)}\n \n
\n \n \n {loadingTags ? 'Loading...' : prettify(tagsList.tags.length)}\n \n
\n Create a short URL
\n Advanced options »\nRecently created URLs
\n See all »\n\n Import servers \n {allServers.length > 0 && (\n \n )}\n
\n \n \n
\n | }\n | Name | \nBase URL | \n\n |
|---|---|---|---|
| No servers found. |
\n The servers could not be imported. Make sure the format is correct. \n
\n )}\n \n {title}\n \n
\n\n \n \n {title}\n \n \n Visits:{' '}\n
\n \n {title}\n
\n\n {children &&{children}
}\n \n
Created: {renderDate()}
\n \n {`${title ? 'Title' : 'Long URL'}: `}\n {loading && Loading...}\n {!loading && {title ?? longLink} }\n
\n \n \n \n Group by\n \n \n {Object.entries(STEPS_MAP).map(([ value, menuText ]) => (\n setStep(value as Step)}>\n {menuText}\n \n ))}\n \n \n
\n \n \n Skip dates with no visits\n \n
\n | \n | \n )}\n \n Date\n {renderOrderIcon('date')}\n | \n\n Country\n {renderOrderIcon('country')}\n | \n\n City\n {renderOrderIcon('city')}\n | \n\n Browser\n {renderOrderIcon('browser')}\n | \n\n OS\n {renderOrderIcon('os')}\n | \n\n Referrer\n {renderOrderIcon('referer')}\n | \n {isOrphanVisits && (\n\n Visited URL\n {renderOrderIcon('visitedUrl')}\n | \n )}\n
|---|---|---|---|---|---|---|---|
| \n | \n |||||||
| \n No visits found with current filtering\n | \n\n {isSelected && | \n {supportsBots && (\n \n {visit.potentialBot && (\n <>\n | \n )}\n \n | {visit.country} | \n{visit.city} | \n{visit.browser} | \n{visit.os} | \n{visit.referer} | \n {isOrphanVisits &&{(visit as NormalizedOrphanVisit).visitedUrl} | }\n \n );\n })}\n
| \n \n \n \n \n \n \n Visits {prettify(start + 1)} to{' '}\n {prettify(min(end, resultSet.total))} of{' '}\n {prettify(resultSet.total)}\n \n | \n
- \n {(labels as string[]).map((label, index) => (\n
\n
\n );\n});\n","import { Card, CardHeader, CardBody, CardFooter } from 'reactstrap';\nimport { FC, ReactNode } from 'react';\nimport './ChartCard.scss';\n\ninterface ChartCardProps {\n title: Function | string;\n footer?: ReactNode;\n}\n\nexport const ChartCard: FC\n {\n setChartRef(element ?? undefined);\n }}\n />\n
\n \n {chartRef &&
\n