\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 Bottle from 'bottlejs';\nimport { useStateFlagTimeout } from '../helpers/hooks';\nimport LocalStorage from './LocalStorage';\nimport ColorGenerator from './ColorGenerator';\n\nconst provideServices = (bottle: Bottle) => {\n bottle.constant('localStorage', (global as any).localStorage);\n bottle.service('Storage', LocalStorage, 'localStorage');\n bottle.service('ColorGenerator', ColorGenerator, 'Storage');\n\n bottle.constant('setTimeout', global.setTimeout);\n bottle.constant('clearTimeout', global.clearTimeout);\n bottle.serviceFactory('useStateFlagTimeout', useStateFlagTimeout, 'setTimeout', 'clearTimeout');\n};\n\nexport default provideServices;\n","const PREFIX = 'shlink';\nconst buildPath = (path: string) => `${PREFIX}.${path}`;\n\nexport default class LocalStorage {\n public constructor(private readonly localStorage: Storage) {}\n\n public readonly get = Oops! 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 } from 'react-router-dom';\nimport { Collapse, Nav, Navbar, NavbarBrand, NavbarToggler, NavItem, NavLink } from 'reactstrap';\nimport classNames from 'classnames';\nimport { RouteComponentProps } from 'react-router';\nimport { useToggle } from '../utils/helpers/hooks';\nimport { ShlinkLogo } from './img/ShlinkLogo';\nimport './MainHeader.scss';\n\nconst MainHeader = (ServersDropdown: FC) => ({ location }: RouteComponentProps) => {\n const [ isOpen, toggleOpen, , close ] = useToggle();\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 { Redirect, Route, Switch } 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 { supportsOrphanVisits, supportsTagVisits } 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 ShortUrls: FC,\n AsideMenu: FC\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} from '@fortawesome/free-solid-svg-icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { FC } from 'react';\nimport { NavLink, NavLinkProps } from 'react-router-dom';\nimport classNames from 'classnames';\nimport { Location } from 'history';\nimport { DeleteServerButtonProps } from '../servers/DeleteServerButton';\nimport { ServerWithId } from '../servers/data';\nimport './AsideMenu.scss';\n\nexport interface AsideMenuProps {\n selectedServer: ServerWithId;\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 \n \n {loading &&
\n \n
\n \n {loading &&
\n {children}
;\n\nexport default NoMenuLayout;\n","import { compare } from 'compare-versions';\nimport { identity, memoizeWith } from 'ramda';\nimport { Empty, hasValue } from '../utils';\n\ntype SemVerPatternFragment = `${bigint | '*'}`;\n\nexport type SemVerPattern = SemVerPatternFragment\n| `${SemVerPatternFragment}.${SemVerPatternFragment}`\n| `${SemVerPatternFragment}.${SemVerPatternFragment}.${SemVerPatternFragment}`;\n\nexport interface Versions {\n maxVersion?: SemVerPattern;\n minVersion?: SemVerPattern;\n}\n\nexport type SemVer = `${bigint}.${bigint}.${bigint}` | 'latest';\n\nexport const versionMatch = (versionToMatch: SemVer | Empty, { maxVersion, minVersion }: Versions): boolean => {\n if (!hasValue(versionToMatch)) {\n return false;\n }\n\n const matchesMinVersion = !minVersion || compare(versionToMatch, minVersion, '>=');\n const matchesMaxVersion = !maxVersion || compare(versionToMatch, maxVersion, '<=');\n\n return matchesMaxVersion && matchesMinVersion;\n};\n\nconst versionIsValidSemVer = memoizeWith(identity, (version: string): version is SemVer => {\n try {\n return compare(version, version, '=');\n } catch (e) {\n return false;\n }\n});\n\nexport const versionToPrintable = (version: string) => !versionIsValidSemVer(version) ? version : `v${version}`;\n\nexport const versionToSemVer = (defaultValue: SemVer = 'latest') =>\n (version: string): SemVer => versionIsValidSemVer(version) ? version : defaultValue;\n","import { useState } from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faSearch as searchIcon } from '@fortawesome/free-solid-svg-icons';\nimport classNames from 'classnames';\nimport './SearchField.scss';\n\nconst DEFAULT_SEARCH_INTERVAL = 500;\nlet timer: NodeJS.Timeout | null;\n\ninterface SearchFieldProps {\n onChange: (value: string) => void;\n className?: string;\n placeholder?: string;\n large?: boolean;\n noBorder?: boolean;\n}\n\nconst SearchField = (\n { onChange, className, placeholder = 'Search...', large = true, noBorder = false }: SearchFieldProps,\n) => {\n const [ searchTerm, setSearchTerm ] = useState('');\n\n const resetTimer = () => {\n timer && clearTimeout(timer);\n timer = null;\n };\n const searchTermChanged = (newSearchTerm: string, timeout = DEFAULT_SEARCH_INTERVAL) => {\n setSearchTerm(newSearchTerm);\n\n resetTimer();\n\n timer = setTimeout(() => {\n onChange(newSearchTerm);\n resetTimer();\n }, timeout);\n };\n\n return (\n \n searchTermChanged(e.target.value)}\n />\n searchTermChanged('', 0)}\n >\n ×\n
\n \n );\n};\n\nexport default SearchField;\n","import qs from 'qs';\nimport { isEmpty, isNil, reject } from 'ramda';\nimport { AxiosInstance, AxiosResponse, Method } from 'axios';\nimport { ShortUrlsListParams } from '../../short-urls/reducers/shortUrlsListParams';\nimport { ShortUrl, ShortUrlData } from '../../short-urls/data';\nimport { OptionalString } from '../../utils/utils';\nimport {\n ShlinkHealth,\n ShlinkMercureInfo,\n ShlinkShortUrlsResponse,\n ShlinkTags,\n ShlinkTagsResponse,\n ShlinkVisits,\n ShlinkVisitsParams,\n ShlinkShortUrlData,\n ShlinkDomain,\n ShlinkDomainsResponse,\n ShlinkVisitsOverview,\n} from '../types';\n\nconst buildShlinkBaseUrl = (url: string, apiVersion: number) => url ? `${url}/rest/v${apiVersion}` : '';\nconst rejectNilProps = reject(isNil);\n\nexport default class ShlinkApiClient {\n private apiVersion: number;\n\n public constructor(\n private readonly axios: AxiosInstance,\n private readonly baseUrl: string,\n private readonly apiKey: string,\n ) {\n this.apiVersion = 2;\n }\n\n public readonly listShortUrls = async (params: ShortUrlsListParams = {}): Promise\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 onChange: (interval: DateInterval) => void;\n}\n\nexport const DateIntervalDropdownItems: FC\n
\n \n
\n \n listShortUrls({ ...shortUrlsListParams, searchTerm })\n }\n />\n\n \n
\n )}\n
\n );\n};\n\nexport default SearchBar;\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, OrderDir } from './utils';\nimport './SortingDropdown.scss';\n\nexport interface SortingDropdownProps\n
\n\n {!isEmpty(selectedTags) && (\n \n
\n \n
\n \n listShortUrls(\n {\n ...shortUrlsListParams,\n tags: selectedTags.filter((selectedTag) => selectedTag !== tag),\n },\n )}\n />\n ))}\n
\n )}\n \n
\n \n
\n \n
\n \n
\n {isOrphanVisits && (\n \n
\n )}\n \n
\n \n \n mapLocations.length > 0 &&\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 && <>({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\n {renderOrderIcon?.('dateCreated')}\n | \n\n Short URL\n {renderOrderIcon?.('shortCode')}\n | \n {!supportsTitle && (\n\n Long URL\n {renderOrderIcon?.('longUrl')}\n | \n ) || (\n\n \n Title\n {renderOrderIcon?.('title')}\n \n / \n \n Long URL\n {renderOrderIcon?.('longUrl')}\n \n | \n )}\nTags | \n\n Visits{renderOrderIcon?.('visits')}\n | \n\n |
|---|
\n \n \n setMargin(Number(e.target.value))}\n />\n \n
\n )}\n {capabilities.svgIsSupported && (\n \n \n setFormat('png')}>PNG \n setFormat('svg')}>SVG \n \n
\n )}\n \n 
\n
\n \n
\n QR code URL:
\n {size}x{size}
\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 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
\n
\n setShortUrlData({ ...shortUrlData, [id]: date })}\n {...props}\n />\n
\n );\n const basicComponents = (\n <>\n \n \n \n Edit
\n \n \n onChange(e.target.value)}\n />\n
\n);\n","import { FC, ReactNode, useEffect, useState } from 'react';\nimport { FormGroupContainer } from '../../utils/FormGroupContainer';\nimport { handleEventPreventingDefault } from '../../utils/utils';\nimport { ServerData } from '../data';\nimport { SimpleCard } from '../../utils/SimpleCard';\nimport './ServerForm.scss';\n\ninterface ServerFormProps {\n onSubmit: (server: ServerData) => void;\n initialValues?: ServerData;\n title?: ReactNode;\n}\n\nexport const ServerForm: FC\n {serversImported &&
\n )}\n Are 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 Visits \n \n \n {loadingVisits ? 'Loading...' : prettify(visitsCount)}\n \n \n Shlink 2.2 is needed\n \n \n \n
\n \n \n Orphan visits \n \n \n {loadingVisits ? 'Loading...' : prettify(orphanVisitsCount ?? 0)}\n \n \n Shlink 2.6 is needed\n \n \n \n
\n \n \n Short URLs \n \n {loading ? 'Loading...' : prettify(shortUrls?.pagination.totalItems ?? 0)}\n \n \n
\n \n \n Tags \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 \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 {labels.map((label, index) => (\n
- \n
\n
\n );\n};\n\nexport default DefaultChart;\n","import { Card, CardHeader, CardBody, CardFooter } from 'reactstrap';\nimport { ReactNode } from 'react';\nimport DefaultChart, { DefaultChartProps } from './DefaultChart';\nimport './GraphCard.scss';\n\ninterface GraphCardProps extends DefaultChartProps {\n footer?: ReactNode;\n}\n\nconst GraphCard = ({ title, footer, ...rest }: GraphCardProps) => (\n \n setChartRef(element ?? undefined)}\n key={height}\n data={graphData}\n options={options}\n height={height}\n getElementAtEvent={chartElementAtEvent(onClick)}\n />\n
\n {!isBarChart && (\n \n {chartRef?.chartInstance.generateLegend()}\n
\n )}\n \n {\n setOrder({ orderField, orderDir });\n setCurrentPage(1);\n }}\n />\n
\n {withPagination && Object.keys(stats).length > 50 && (\n \n {\n setItemsPerPage(itemsPerPage);\n setCurrentPage(1);\n }}\n />\n
\n )}\n {extraHeaderContent && (\n \n {extraHeaderContent(pagination ? activeCities : undefined)}\n
\n )}\n \n );\n\n return (\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 {title}\n \n
\n\n \n {tag}\n \n \n {tag}\n \n
\n \n {tagsGroups.map((group, index) => (\n
\n );\n };\n\n return (\n <>\n {!tagsList.loading && \n {group.map((tag) => (\n setDisplayedTag(displayedTag !== tag ? tag : undefined)}\n />\n ))}\n
\n ))}\n