\n
\n );\n};\n\nEdit.defaultProps = {\n cabinTypes: {},\n};\n\nEdit.propTypes = {\n personId: PropTypes.number.isRequired,\n tabPaths: PropTypes.shape({\n addressesAndLocations: PropTypes.string,\n general: PropTypes.string,\n emailsAndPhones: PropTypes.string,\n emergencyContacts: PropTypes.string,\n visasAndIdentifications: PropTypes.string,\n frequentFlyerNumbers: PropTypes.string,\n travelPreferences: PropTypes.string,\n paymentMethodsAndPreferences: PropTypes.string,\n loyaltyPrograms: PropTypes.string,\n social: PropTypes.string,\n corporateTravel: PropTypes.string,\n changePassword: PropTypes.string,\n notificationPreference: PropTypes.string,\n }).isRequired,\n salutations: PropTypes.shape({\n mr: PropTypes.number,\n mrs: PropTypes.number,\n ms: PropTypes.number,\n }).isRequired,\n titlePrefixes: PropTypes.shape({\n dr: PropTypes.number,\n dr_prof: PropTypes.number,\n prof: PropTypes.number,\n }).isRequired,\n preferredCommunications: PropTypes.shape({\n email: PropTypes.number,\n phone: PropTypes.number,\n }).isRequired,\n spokenLanguages: PropTypes.arrayOf(PropTypes.string).isRequired,\n correspondenceLanguageOptions: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.string,\n }),\n ).isRequired,\n carCompanies: PropTypes.shape({}).isRequired,\n hotelLoyaltyList: PropTypes.shape({}).isRequired,\n paymentTypes: PropTypes.shape({\n key: PropTypes.number,\n value: PropTypes.string,\n }).isRequired,\n documentTypes: PropTypes.shape({\n key: PropTypes.number,\n value: PropTypes.string,\n }).isRequired,\n visaCategories: PropTypes.arrayOf(PropTypes.string).isRequired,\n carrierCodes: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.string)).isRequired,\n cabinTypes: PropTypes.shape({\n key: PropTypes.number,\n value: PropTypes.string,\n }),\n seatTypes: PropTypes.shape({\n key: PropTypes.number,\n value: PropTypes.string,\n }).isRequired,\n mealTypes: PropTypes.shape({\n key: PropTypes.number,\n value: PropTypes.string,\n }).isRequired,\n smokingTypes: PropTypes.shape({\n key: PropTypes.number,\n value: PropTypes.string,\n }).isRequired,\n carTypes: PropTypes.arrayOf(PropTypes.string).isRequired,\n carDrives: PropTypes.arrayOf(PropTypes.string).isRequired,\n carCategories: PropTypes.arrayOf(PropTypes.string).isRequired,\n emailAddressTypes: PropTypes.arrayOf(PropTypes.string).isRequired,\n phoneNumberTypes: PropTypes.arrayOf(PropTypes.string).isRequired,\n media: PropTypes.arrayOf(PropTypes.string).isRequired,\n addressTypes: PropTypes.shape({\n billing: PropTypes.number,\n business: PropTypes.number,\n contact: PropTypes.number,\n home: PropTypes.number,\n place_of_work: PropTypes.number,\n recipient: PropTypes.number,\n shipping: PropTypes.number,\n }).isRequired,\n};\n\nexport default withQueryParamsProvider(Edit);\n","import React, { useState } from 'react';\nimport Input from '@wtag/rcl-input';\nimport Button from '@wtag/rcl-button';\nimport Alert from 'sharedWebpack/Alert';\nimport ReCaptchaV2 from 'react-google-recaptcha';\nimport httpClient from 'agentHTTPClient';\nimport routes from 'agentRoutes';\nimport PropTypes from 'prop-types';\n\nimport '../styles.scss';\n\nconst SignUpForm = ({ recaptchaSiteKey, signInPath }) => {\n const [firstName, setFirstName] = useState('');\n const [lastName, setLastName] = useState('');\n const [email, setEmail] = useState('');\n const [password, setPassword] = useState('');\n const [recaptchaToken, setRecaptchaToken] = useState('');\n\n const [errors, setErrors] = useState({});\n const [showVerificationEmailAlert, setShowVerificationEmailAlert] = useState(false);\n\n const signUpUser = async () => {\n const signUpParams = {\n first_name: firstName,\n last_name: lastName,\n email,\n password,\n };\n\n const { data } = await httpClient.post(routes.public.authentication.people.create(), {\n sign_up: signUpParams,\n recaptcha_token: recaptchaToken,\n });\n\n if (data.errors === null && data.verificationEmailSent) {\n setShowVerificationEmailAlert(true);\n } else {\n window.location.assign(signInPath);\n }\n };\n\n const submitForm = event => {\n event.preventDefault();\n signUpUser().catch(({ response }) => {\n setErrors({});\n if (response.status === 422) {\n setErrors(response.data.errors);\n window.grecaptcha.reset();\n }\n });\n };\n\n const closeAlertText = () => {\n setErrors(prevErrors => ({ ...prevErrors, recaptcha: '' }));\n };\n\n return (\n \n );\n};\n\nSignUpForm.propTypes = {\n recaptchaSiteKey: PropTypes.string.isRequired,\n signInPath: PropTypes.string.isRequired,\n};\n\nexport default SignUpForm;\n","import React, { useState } from 'react';\nimport Input from '@wtag/rcl-input';\nimport { Link } from '@wtag/react-comp-lib';\nimport Alert from 'sharedWebpack/Alert';\nimport Button from '@wtag/rcl-button';\nimport httpClient from 'agentHTTPClient';\nimport routes from 'agentRoutes';\nimport PropTypes from 'prop-types';\n\nconst LogInForm = ({ newPasswordPath }) => {\n const [email, setEmail] = useState('');\n const [password, setPassword] = useState('');\n\n const [error, setError] = useState('');\n\n const logInUser = async () => {\n const logInParams = {\n email,\n password,\n };\n\n const { data } = await httpClient.post(routes.public.authentication.sessions.create(), {\n session: logInParams,\n });\n\n if (data.errors === null) window.location.reload();\n };\n\n const submitForm = event => {\n event.preventDefault();\n\n logInUser().catch(({ response }) => {\n const { status } = response;\n const { error: inputError, errors } = response.data;\n setError('');\n if (status === 422) {\n setError(errors || inputError);\n }\n });\n };\n\n const closeError = () => setError('');\n\n return (\n \n );\n};\n\nLogInForm.propTypes = {\n newPasswordPath: PropTypes.string.isRequired,\n};\n\nexport default LogInForm;\n","import React, { Fragment, useState } from 'react';\nimport Input from '@wtag/rcl-input';\nimport Button from '@wtag/rcl-button';\nimport httpClient from 'agentHTTPClient';\nimport routes from 'agentRoutes';\n\nimport '../styles.scss';\n\nconst PasswordResetNew = () => {\n const [email, setEmail] = useState('');\n const [confirmationMessage, setConfirmationMessage] = useState('');\n\n const resetPassword = async () => {\n const resetPasswordParams = {\n email,\n };\n\n const { data } = await httpClient.post(routes.public.authentication.passwords.create(), {\n password: resetPasswordParams,\n });\n\n setConfirmationMessage(data.confirmationMessage);\n };\n\n const submitForm = event => {\n event.preventDefault();\n resetPassword();\n };\n\n return (\n \n );\n};\n\nexport default PasswordResetNew;\n","import React, { useState } from 'react';\nimport Input from '@wtag/rcl-input';\nimport Alert from 'sharedWebpack/Alert';\nimport Button from '@wtag/rcl-button';\nimport httpClient from 'agentHTTPClient';\nimport routes from 'agentRoutes';\nimport PropTypes from 'prop-types';\n\nconst EditPasswordForm = ({ userId, rootPath }) => {\n const [password, setPassword] = useState('');\n const [error, setError] = useState('');\n\n const updatePassword = async () => {\n const passwordParams = {\n password,\n };\n\n const { data } = await httpClient.patch(\n routes.public.authentication.passwords.update({ userId }),\n {\n password_reset: passwordParams,\n },\n );\n\n if (data.errors === null) window.location.replace(rootPath);\n };\n\n const submitForm = () => {\n updatePassword().catch(({ response }) => {\n if (response.status === 422) {\n setError(response.data.errors);\n }\n });\n };\n\n const closeError = () => setError('');\n\n return (\n \n
\n \n \n {groupMenuItems()}\n \n
\n \n {traveller.id ? (\n
\n \n
\n ) : (\n \n
\n )}\n {traveller.name}
\n {traveller.nickname && (\n ({traveller.nickname})
\n )}\n \n {travellerVerificationStatus(traveller.verificationStatus)}\n
\n \n
\n {getSection()}
\n \n
\n );\n};\n\nEditPasswordForm.propTypes = {\n userId: PropTypes.number.isRequired,\n rootPath: PropTypes.string.isRequired,\n};\n\nexport default EditPasswordForm;\n","import PropTypes from 'prop-types';\n\nexport default PropTypes.shape({\n deals: PropTypes.shape({\n total: PropTypes.number.isRequired,\n url: PropTypes.string.isRequired,\n }).isRequired,\n stories: PropTypes.shape({\n total: PropTypes.number.isRequired,\n url: PropTypes.string.isRequired,\n }).isRequired,\n airports: PropTypes.shape({\n total: PropTypes.number.isRequired,\n url: PropTypes.string,\n }).isRequired,\n airlines: PropTypes.shape({\n total: PropTypes.number.isRequired,\n url: PropTypes.string,\n }).isRequired,\n destination: PropTypes.shape({\n total: PropTypes.number.isRequired,\n url: PropTypes.string,\n }).isRequired,\n reviews: PropTypes.shape({\n total: PropTypes.number.isRequired,\n url: PropTypes.string,\n }).isRequired,\n community: PropTypes.shape({\n total: PropTypes.number.isRequired,\n url: PropTypes.string,\n }).isRequired,\n travelNews: PropTypes.shape({\n total: PropTypes.number.isRequired,\n url: PropTypes.string,\n }).isRequired,\n});\n","import React from 'react';\nimport Icon from '@wtag/rcl-icon';\nimport classNames from 'classnames';\nimport snakeCaseKeys from 'snakecase-keys';\nimport { Link } from '@wtag/react-comp-lib';\nimport staticInformationShape from '../staticInformationShape';\n\nconst StaticLinks = ({ staticInformation }) => {\n const staticLinksInformation = snakeCaseKeys(staticInformation);\n\n const iconNameMapper = {\n deals: 'tag',\n travel_news: 'newspaper',\n airports: 'location',\n airlines: 'plane',\n destination: 'map',\n stories: 'editSquareBox',\n reviews: 'star',\n community: 'people',\n };\n\n const staticLinkCountI18n = {\n deals: I18n.t('public.components.mid_section.counts.deals', {\n count: staticLinksInformation.deals.total,\n }),\n travel_news: I18n.t('public.components.mid_section.contents.coming_soon'),\n airports: I18n.t('public.components.mid_section.contents.coming_soon'),\n airlines: I18n.t('public.components.mid_section.contents.coming_soon'),\n destination: I18n.t('public.components.mid_section.contents.coming_soon'),\n stories: I18n.t('public.components.mid_section.counts.stories', {\n count: staticLinksInformation.stories.total,\n }),\n reviews: I18n.t('public.components.mid_section.contents.coming_soon'),\n community: I18n.t('public.components.mid_section.contents.coming_soon'),\n };\n\n const renderStaticLinkCard = (staticLinkObj, staticLinkType) => (\n \n
\n \n \n {error}\n \n
\n \n {I18n.t('public.components.authentication.passwords.edit.title')}\n
\n \n {I18n.t('public.components.authentication.passwords.edit.description')}\n
\n \n setPassword(value)}\n value={password}\n />\n
\n \n
\n \n \n
\n \n \n \n );\n\n const renderStaticLinksPair = (linkType1, linkType2) => (\n \n \n
\n \n \n {I18n.t(staticLinkType, {\n scope: 'public.components.mid_section.static_links',\n })}\n
\n \n {staticLinkCountI18n[staticLinkType]}\n
\n \n {renderStaticLinkCard(staticLinksInformation[linkType1], linkType1)}\n {renderStaticLinkCard(staticLinksInformation[linkType2], linkType2)}\n
\n );\n\n return (\n \n {renderStaticLinksPair('deals', 'travel_news')}\n {renderStaticLinksPair('airports', 'airlines')}\n {renderStaticLinksPair('destination', 'stories')}\n {renderStaticLinksPair('reviews', 'community')}\n
\n );\n};\n\nStaticLinks.propTypes = {\n staticInformation: staticInformationShape.isRequired,\n};\n\nexport default StaticLinks;\n","import React, { useEffect, useState } from 'react';\nimport httpClient from 'agentHTTPClient';\nimport Icon from '@wtag/rcl-icon';\nimport routes from 'agentRoutes';\nimport Card from '@wtag/rcl-card';\nimport ContentLoaderPlaceholder from '@wtag/rcl-content-loader-placeholder';\nimport DealsCard from '../../Deals/DealsCard';\n\nconst MidSectionContent = () => {\n const [mostPopularDeal, setMostPopularDeal] = useState(null);\n const [isLoading, setIsLoading] = useState(false);\n\n const fetchMostPopularDeal = async () => {\n setIsLoading(true);\n const { data } = await httpClient.get(routes.public.mostPopularDeal());\n setMostPopularDeal(data);\n setIsLoading(false);\n };\n\n const dealShowPageUrl = id => {\n const url = routes.public.deal;\n return url({\n id,\n });\n };\n\n const addToFavourite = async id => {\n setIsLoading(true);\n const { data } = await httpClient.put(routes.api.deals.favourite({ dealId: id }));\n\n if (data.id) {\n fetchMostPopularDeal();\n }\n };\n\n const deleteFromFavourite = async id => {\n setIsLoading(true);\n const { data } = await httpClient.delete(routes.api.deals.favourite({ dealId: id }));\n\n if (data.id) {\n fetchMostPopularDeal();\n }\n };\n\n let dealsCard = (\n \n
\n );\n\n if (isLoading && !mostPopularDeal) {\n dealsCard = \n
\n );\n};\n\nexport default MidSectionContent;\n","import React from 'react';\nimport staticInformationShape from './staticInformationShape';\nimport StaticLinks from './StaticLinks';\nimport MidSectionContent from './Content';\nimport LiveFeed from './LiveFeed';\n\nimport './styles.scss';\n\nconst MidSection = ({ staticInformation }) => (\n \n {I18n.t('public.components.mid_section.contents.deal_of_the_day')}\n
\n\n {dealsCard}
\n\n \n
\n \n {I18n.t('public.components.mid_section.contents.destination_of_the_month')}\n
\n \n
\n \n
\n);\n\nMidSection.propTypes = {\n staticInformation: staticInformationShape.isRequired,\n};\n\nexport default MidSection;\n","import React, { Fragment } from 'react';\nimport { Table, TableHead, TableRow, TableHeader, TableBody, TableData } from '@wtag/rcl-table';\nimport IconButton from '@wtag/rcl-icon-button';\nimport Icon from '@wtag/rcl-icon';\nimport { Link } from '@wtag/react-comp-lib';\nimport Avatar from '@wtag/rcl-avatar';\nimport Tooltip from '@wtag/rcl-tooltip';\nimport PropTypes from 'prop-types';\nimport Amount from 'sharedWebpack/Amount';\nimport TimeAgo from 'sharedWebpack/TimeAgo';\nimport EmptyTableContent from 'sharedWebpack/EmptyTableContent';\nimport TablePlaceholder from '../../../shared/Placeholder/TablePlaceholder';\n\nconst ApprovalRequestTableRow = ({ request, hideColumns }) => {\n const approvalRequestStatus = (status, declineRason) => {\n switch (status) {\n case 'approved':\n return (\n \n
\n \n
\n \n
\n \n
\n );\n case 'pending':\n return (\n \n \n \n \n
\n )}\n \n
\n\n \n
\n \n {!hideColumns.requestor && (\n
\n \n
\n )}\n \n
\n \n
\n \n
\n \n {\n // TODO: search will be implemented in AG-5634\n }\n
\n \n
\n
\n \n {\n setIsLoading(true);\n setQuery({ page: newPage });\n }}\n />\n
\n \n
\n );\n};\n\nManageTab.defaultProps = {\n hideColumns: {\n requestor: false,\n },\n};\n\nManageTab.propTypes = {\n scope: PropTypes.string.isRequired,\n fetchUrl: PropTypes.string.isRequired,\n hideColumns: PropTypes.shape({\n requestor: PropTypes.bool,\n }),\n};\n\nconst List = () => {\n const hideColumns = {\n requestor: true,\n };\n\n const getItems = () => [\n {\n key: 0,\n title: I18n.t('public.components.approval_request.scope.incoming'),\n getContent: () => (\n \n \n {I18n.t('public.components.approval_request.header')}\n \n
\n );\n};\n\nexport default List;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport withQueryParamsProvider from 'sharedWebpack/withQueryParamsProvider';\nimport { StringParam, useQueryParams } from 'use-query-params';\nimport { Header } from '@wtag/rcl-typography';\nimport { PillTabs } from '@wtag/react-comp-lib';\nimport OrdersList from 'sharedWebpack/Orders/List';\nimport '../styles.scss';\n\nconst CorporateTravel = ({ ordersPath }) => {\n const commonProps = {\n hideArchived: true,\n hideCreateOrder: true,\n personId: null,\n ordersPath,\n displayColumns: {\n id: true,\n title: true,\n destination: true,\n travellers: true,\n products: true,\n state: true,\n total: true,\n bookingDate: true,\n startDate: true,\n actions: true,\n },\n displaySortingPills: {\n id: true,\n destination: false,\n lastUpdated: true,\n bookingDate: true,\n startDate: true,\n },\n layman: true,\n };\n\n const [query, setQuery] = useQueryParams({\n scope: StringParam,\n page: StringParam,\n sortColumn: StringParam,\n sortDirection: StringParam,\n });\n const { scope } = query;\n\n const TAB_MAPPER = {\n all_orders: 0,\n upcoming_orders: 1,\n present_orders: 2,\n past_orders: 3,\n };\n\n const getItems = () => [\n {\n key: 0,\n title: I18n.t('public.components.corporate_trips.tabs.all'),\n getContent: () => \n
\n \n
\n );\n};\n\nCorporateTravel.propTypes = {\n ordersPath: PropTypes.string.isRequired,\n};\n\nexport default withQueryParamsProvider(CorporateTravel);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { I18nText, EmphasisTag, Link } from '@wtag/react-comp-lib';\nimport Avatar from '@wtag/rcl-avatar';\nimport Icon from '@wtag/rcl-icon';\nimport { Table, TableHead, TableHeader, TableBody, TableData, TableRow } from '@wtag/rcl-table';\nimport Button from '@wtag/rcl-button';\nimport EmptyTableContent from 'sharedWebpack/EmptyTableContent';\nimport TablePlaceHolder from 'sharedWebpack/Placeholder/TablePlaceholder';\nimport DateTime from 'sharedWebpack/DateTime';\n\nconst TravelArrangersTable = ({\n travelArrangers,\n displayColumns,\n isLoading,\n state,\n type,\n onDeactivate,\n onReactivate,\n setConfirmationName,\n setIsModalOpen,\n}) => {\n const renderActions = travelArranger => {\n let actions;\n switch (state) {\n case 'active':\n switch (type) {\n case 'arrangers':\n actions = (\n \n \n {I18n.t('public.application.account_navigation.corporate_travel')}\n \n
\n \n setQuery({ ...query, page: 1, sortColumn: 'id', sortDirection: 'down' })}\n />\n
\n \n \n \n {I18n.t('public.components.travel_arrangement_settings.label.deactivate')}\n \n }\n size=\"small\"\n version=\"v2\"\n onClick={() => onDeactivate(travelArranger.id)}\n className=\"travel-arranger__actions--with-margin-left\"\n icon={\n
\n );\n break;\n case 'clients':\n actions = (\n \n
\n );\n }\n return null;\n }, [type, state, sortColumn, sortDirection]);\n\n return (\n \n
\n );\n};\n\nTabContent.propTypes = {\n type: PropTypes.string.isRequired,\n state: PropTypes.string.isRequired,\n};\n\nexport default withQueryParamsProvider(TabContent);\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport IconButton from '@wtag/rcl-icon-button';\nimport Card from '@wtag/rcl-card';\nimport Button from '@wtag/rcl-button';\nimport Icon from '@wtag/rcl-icon';\nimport { EmphasisTag, CheckBox } from '@wtag/react-comp-lib';\nimport Avatar from '@wtag/rcl-avatar';\nimport DateTime from 'sharedWebpack/DateTime';\nimport { NumberParam, useQueryParams } from 'use-query-params';\nimport httpClient, { generateSourceToken, isCancelError } from 'agentHTTPClient';\nimport routes from 'agentRoutes';\nimport EmptyTableContent from 'sharedWebpack/EmptyTableContent';\nimport Pagination from 'sharedWebpack/Pagination';\nimport withQueryParamsProvider from 'sharedWebpack/withQueryParamsProvider';\n\nconst InvitationTable = ({ type, state }) => {\n const [invitations, setInvitations] = useState([]);\n const [totalPages, setTotalPages] = useState(1);\n const [query, setQuery] = useQueryParams({\n page: NumberParam,\n });\n const { page } = query;\n const isClient = type === 'clients';\n\n const prepareInvitations = rawInvitations =>\n rawInvitations.map(rawInvitation => ({ ...rawInvitation, checked: false }));\n\n const fetchTravelArrangers = args => {\n const { newPage, newState, apiToken } = args;\n\n httpClient\n .get(routes.public.travelArrangerSettings[type].list({ state: newState, page: newPage }), {\n cancelToken: apiToken,\n })\n .then(({ data }) => {\n setInvitations(prepareInvitations(data.travelArrangerSettings));\n setTotalPages(data.pagination.totalPages);\n })\n .catch(error => {\n if (isCancelError(error)) {\n return null;\n }\n\n throw error;\n });\n };\n\n const updatePagination = newPage => {\n setQuery({ page: newPage });\n };\n\n const acceptMultiple = async invitationIDs => {\n const travelArrangersParam = {\n travel_arrangement_setting_ids: invitationIDs,\n };\n\n const { data } = await httpClient.put(\n routes.public.travelArrangers.accept({}),\n travelArrangersParam,\n );\n\n if (data.error === null) {\n fetchTravelArrangers({\n newPage: page,\n newState: state,\n });\n }\n };\n\n const declineMultiple = async invitationIDs => {\n const travelArrangersParam = {\n travel_arrangement_setting_ids: invitationIDs,\n };\n\n const { data } = await httpClient.put(\n routes.public.travelArrangers.decline({}),\n travelArrangersParam,\n );\n\n if (data.error === null) {\n fetchTravelArrangers({\n newPage: page,\n newState: state,\n });\n }\n };\n\n const onAcceptMultiple = () => {\n if (invitations.length > 0) {\n const selectedInvitations = invitations.filter(({ checked }) => checked === true);\n const invitationIDs = selectedInvitations.map(invitation => invitation.id);\n acceptMultiple(invitationIDs);\n }\n };\n\n const onDeclineMultiple = () => {\n if (invitations.length > 0) {\n const selectedInvitations = invitations.filter(({ checked }) => checked === true);\n const invitationIDs = selectedInvitations.map(invitation => invitation.id);\n declineMultiple(invitationIDs);\n }\n };\n\n const onDeleteInvitation = async travelArrangerSettingID => {\n const { data } = await httpClient.delete(\n routes.public.travelArrangerSettings.arrangers.deactivate({ travelArrangerSettingID }),\n );\n if (data.error === null) {\n fetchTravelArrangers({\n newPage: page,\n newState: state,\n });\n }\n };\n\n const onSelectMultipleInvitations = value => {\n setInvitations(prevState => {\n const copiedInvitations = [...prevState];\n const modifiedInvitation = copiedInvitations.map(invitation => ({\n ...invitation,\n checked: value,\n }));\n\n return modifiedInvitation;\n });\n };\n\n const onSelectSingleInvitation = (invitationId, value) => {\n setInvitations(prevState => {\n const copiedInvitations = [...prevState];\n const modifiedInvitation = copiedInvitations.map(invitation => {\n if (invitationId === invitation.id) {\n return { ...invitation, checked: value };\n }\n\n return invitation;\n });\n\n return modifiedInvitation;\n });\n };\n\n useEffect(() => {\n const getTravelArrangerSettingsApiToken = generateSourceToken();\n\n fetchTravelArrangers({\n newPage: page,\n newState: state,\n apiToken: getTravelArrangerSettingsApiToken.token,\n });\n\n return () => {\n getTravelArrangerSettingsApiToken.cancel();\n };\n }, [page, state, type]);\n\n return (\n \n
\n \n
\n\n \n
\n \n
\n\n {renderSortingPillAccordingToType()}\n \n
\n \n setIsModalOpen(false)}\n withAction={false}\n type=\"success\"\n isModalOpen={isModalOpen}\n onConfirmationModalOpen={() => setIsModalOpen(true)}\n onConfirmationModalClose={() => setIsModalOpen(false)}\n timeout={5000}\n />\n
\n \n {isClient && (\n
\n );\n};\n\nInvitationTable.propTypes = {\n type: PropTypes.string.isRequired,\n state: PropTypes.string.isRequired,\n};\n\nexport default withQueryParamsProvider(InvitationTable);\n","import React, { useMemo, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { Header } from '@wtag/rcl-typography';\nimport { PillTabs, Link } from '@wtag/react-comp-lib';\nimport { Tabs as RTabs } from '@wtag/rcl-rtabs';\nimport TabContent from './TabContent';\nimport InvitationTable from './InvitationTable';\n\nimport '../styles.scss';\n\nconst List = ({ urls }) => {\n const invitationState = useMemo(\n () => [\n {\n key: 0,\n title: I18n.t('public.components.travel_arrangement_settings.tab_title.received'),\n getContent: () => \n \n onSelectMultipleInvitations(event.target.checked)}\n checked={\n invitations.length > 0 &&\n invitations.every(invitation => invitation.checked === true)\n }\n label={I18n.t('public.components.travel_arrangement_settings.label.select_all')}\n />\n \n \n invitation.checked === true)}\n onClick={() => onDeclineMultiple()}\n />\n \n \n invitation.checked === true)}\n onClick={() => onAcceptMultiple()}\n />\n \n
\n )}\n \n {invitations.map(invitation => (\n
\n \n \n \n
\n ))}\n {invitations.length === 0 && \n
\n \n {isClient && (\n \n onSelectSingleInvitation(invitation.id, event.target.checked)\n }\n />\n )}\n \n {isClient\n ? I18n.t(\n 'public.components.travel_arrangement_settings.invitation.received_text',\n )\n : I18n.t(\n 'public.components.travel_arrangement_settings.invitation.sent_text',\n )}\n
\n\n \n
\n \n
\n {isClient ? (\n \n
\n ) : (\n \n
\n );\n};\n\nList.propTypes = {\n urls: PropTypes.shape({\n new: PropTypes.string.isRequired,\n }).isRequired,\n};\n\nexport default List;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Header } from '@wtag/rcl-typography';\nimport Card from '@wtag/rcl-card';\nimport Icon from '@wtag/rcl-icon';\nimport classNames from 'classnames';\n\nimport './styles.scss';\n\nconst LevelCards = ({ levels, selectedLevel, setSelectedLevel }) => {\n const permissions = ['book', 'read_profile', 'edit_profile', 'view_message', 'send_message'];\n const levelPermissions = {\n booking: ['book'],\n read: ['book', 'read_profile'],\n write: ['book', 'read_profile', 'edit_profile'],\n admin: ['book', 'read_profile', 'edit_profile', 'view_message', 'send_message'],\n };\n\n return levels.map(level => (\n \n \n {I18n.t('public.components.travel_arrangement_settings.title')}\n \n \n {I18n.t('public.components.travel_arrangement_settings.label.send_invitation')}\n \n
\n\n \n
\n \n
\n
\n \n \n {I18n.t(level, {\n scope: 'public.components.travel_arrangement_settings.send_invitation.level',\n })}\n \n {I18n.t(level, {\n scope: 'public.components.travel_arrangement_settings.send_invitation.level_types',\n })}\n
\n \n
\n {permissions.map(permission =>\n levelPermissions[level].find(levelPermission => levelPermission === permission) ? (\n
\n \n \n {I18n.t(\n 'public.components.travel_arrangement_settings.confirmation.send_invitation.header',\n )}\n
\n }\n subHeader={\n \n {I18n.t(\n 'public.components.travel_arrangement_settings.confirmation.send_invitation.sub_header',\n {\n email,\n },\n )}\n
\n }\n confirmationText={I18n.t(\n 'public.components.travel_arrangement_settings.confirmation.send_invitation.label.finish',\n )}\n rejectionText={I18n.t(\n 'public.components.travel_arrangement_settings.confirmation.send_invitation.label.send_another',\n )}\n withAction={true}\n type=\"success\"\n isModalOpen={isModalOpen}\n onReject={() => window.location.reload()}\n onConfirm={() => window.location.replace(urls.list)}\n onConfirmationModalOpen={() => setIsModalOpen(true)}\n onConfirmationModalClose={() => setIsModalOpen(false)}\n />\n \n \n {I18n.t('public.components.travel_arrangement_settings.send_invitation.new_invite')}\n \n
\n \n \n {I18n.t('public.components.travel_arrangement_settings.send_invitation.label.cancel')}\n \n \n
\n \n
\n
\n
\n
\n \n );\n};\n\nCreate.propTypes = {\n urls: PropTypes.shape({\n list: PropTypes.string.isRequired,\n }).isRequired,\n levels: PropTypes.arrayOf(PropTypes.string).isRequired,\n};\n\nexport default Create;\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport httpClient from 'agentHTTPClient';\nimport routes from 'agentRoutes';\nimport { Header, Text } from '@wtag/rcl-typography';\nimport Button from '@wtag/rcl-button';\nimport { Link } from '@wtag/react-comp-lib';\nimport Avatar from '@wtag/rcl-avatar';\nimport Icon from '@wtag/rcl-icon';\nimport LevelCards from '../LevelCards';\n\nimport '../styles.scss';\n\nconst Edit = ({ urls, levels, travelArrangerSettingId }) => {\n const [selectedLevel, setSelectedLevel] = useState(null);\n const [arranger, setArranger] = useState(null);\n\n const onUpdateLevel = async () => {\n const params = {\n travel_arranger_invitations: {\n level: selectedLevel,\n },\n };\n const { data } = await httpClient.patch(\n routes.public.travelArrangerSettings.arrangers.updateLevel({ travelArrangerSettingId }),\n params,\n );\n if (data.error === null) {\n window.location.replace(urls.list);\n }\n };\n\n const fetchArranger = async () => {\n const { data } = await httpClient.get(\n routes.public.travelArrangerSettings.arrangers.show({ travelArrangerSettingId }),\n );\n setArranger(data.travelArrangerSetting.arranger);\n setSelectedLevel(data.travelArrangerSetting.level);\n };\n\n useEffect(() => {\n fetchArranger();\n }, []);\n\n return (\n \n \n {I18n.t(\n 'public.components.travel_arrangement_settings.send_invitation.explanation.email',\n )}\n \n
\n \n
\n setEmail(value)}\n value={email}\n />\n
\n \n
\n
\n \n {I18n.t(\n 'public.components.travel_arrangement_settings.send_invitation.explanation.level',\n )}\n \n
\n \n
\n \n {selectedLevel && (\n \n \n {I18n.t(selectedLevel, {\n scope: 'public.components.travel_arrangement_settings.send_invitation.level',\n })}\n \n {I18n.t(selectedLevel, {\n scope: 'public.travel_arrangers.level_description',\n })}\n \n )}\n
\n \n
\n );\n};\n\nEdit.propTypes = {\n urls: PropTypes.shape({\n list: PropTypes.string.isRequired,\n }).isRequired,\n levels: PropTypes.arrayOf(PropTypes.string).isRequired,\n travelArrangerSettingId: PropTypes.number.isRequired,\n};\n\nexport default Edit;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport httpClient from 'agentHTTPClient';\nimport routes from 'agentRoutes';\nimport DocumentForm from 'sharedWebpack/Documents/Form';\n\nconst CreateDocument = ({ orderId, redirectUrl, attachmentTypes }) => {\n const createDocument = async formData => {\n const { data } = await httpClient.post(\n routes.public.orderDocuments.create({ orderId }),\n formData,\n );\n\n if (data.error === null) {\n window.location.assign(redirectUrl);\n }\n };\n\n return (\n \n \n {I18n.t('public.components.travel_arrangement_settings.send_invitation.update_invite')}\n \n
\n \n \n \n {I18n.t(\n 'public.components.travel_arrangement_settings.send_invitation.label.update',\n )}\n \n }\n size=\"small\"\n version=\"v2\"\n onClick={onUpdateLevel}\n padding=\"left\"\n icon={
\n \n
\n
\n
\n \n \n {I18n.t(\n 'public.components.travel_arrangement_settings.send_invitation.explanation.email',\n )}\n \n
\n \n
\n {arranger && (\n
\n \n
\n \n {I18n.t(\n 'public.components.travel_arrangement_settings.send_invitation.explanation.modify',\n )}\n \n
\n \n
\n \n {selectedLevel && (\n \n \n {I18n.t(selectedLevel, {\n scope: 'public.components.travel_arrangement_settings.send_invitation.level',\n })}\n \n {I18n.t(selectedLevel, {\n scope: 'public.travel_arrangers.level_description',\n })}\n \n )}\n
\n {staticPageDetails.name}
;\n }\n return (\n \n {I18n.t(staticPageDetails.type, { scope: 'public.static_pages' })}\n
\n );\n };\n\n useEffect(() => {\n fetchStaticPageDetails();\n }, []);\n\n return (\n \n {staticPageDetails && (\n
\n );\n};\n\nStaticPage.defaultProps = {\n isBlog: false,\n};\n\nStaticPage.propTypes = {\n url: PropTypes.string.isRequired,\n isBlog: PropTypes.bool,\n};\n\nexport default StaticPage;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Link } from '@wtag/react-comp-lib';\nimport Avatar from '@wtag/rcl-avatar';\nimport classNames from 'classnames';\nimport routes from 'agentRoutes';\nimport DateTime from 'sharedWebpack/DateTime';\nimport Icon from '@wtag/rcl-icon';\nimport SanitizedHTML from 'sharedWebpack/SanitizedHTML';\n\nconst DateWithIcon = date => (\n \n {isBlog && staticPageDetails && (\n
\n \n
\n )}\n \n
\n\n {staticPageDetails.authorName}
\n {staticPageDetails && renderTitle()}
\n\n \n {staticPageDetails && (\n \n {I18n.t('public.static_pages.last_updated')}\n\n \n )}\n
\n \n {staticPageDetails &&
\n \n
\n);\n\nconst StaticCard = ({ orientation, className, post }) => (\n \n
\n\n \n
\n);\n\nStaticCard.defaultProps = {\n orientation: 'horizontal',\n};\n\nStaticCard.propTypes = {\n orientation: PropTypes.string,\n className: PropTypes.string.isRequired,\n post: PropTypes.shape({\n id: PropTypes.number.isRequired,\n featureImage: PropTypes.string.isRequired,\n updatedAt: PropTypes.string.isRequired,\n content: PropTypes.string.isRequired,\n contentText: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n authorDetails: PropTypes.shape({\n firstName: PropTypes.string,\n lastName: PropTypes.string,\n avatarUrl: PropTypes.string,\n }).isRequired,\n }).isRequired,\n};\n\nexport default StaticCard;\n","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { NumberParam, useQueryParams } from 'use-query-params';\nimport withQueryParamsProvider from 'sharedWebpack/withQueryParamsProvider';\nimport CommentPlaceholder from 'sharedWebpack/Placeholder/CommentPlaceholder';\nimport httpClient from 'agentHTTPClient';\nimport Pagination from 'sharedWebpack/Pagination';\nimport routes from 'agentRoutes';\nimport StaticCard from './StaticCard';\n\nimport './../styles.scss';\n\nconst BlogPosts = () => {\n const [blogs, setBlogs] = useState();\n const [topBlogs, setTopBlogs] = useState([]);\n const [totalPages, setTotalPages] = useState(1);\n const [isLoading, setIsLoading] = useState(true);\n\n const [query, setQuery] = useQueryParams({\n page: NumberParam,\n });\n\n const { page } = query;\n\n const setInitialParams = data => {\n // We only set the params onces when there is nothing in the url\n if (!query.page) {\n setQuery(\n {\n page: data.pagination.currentPage,\n },\n // use replaceIn as we don't want another navigation to be added to the browser history\n 'replaceIn',\n );\n }\n };\n\n const fetchBlogPosts = async () => {\n const { data } = await httpClient.get(routes.public.blogPosts.list({ page, per_page: 16 }));\n setTopBlogs(data.blogPosts.topPosts);\n setBlogs(data.blogPosts.blogPosts);\n setInitialParams(data.blogPosts);\n setTotalPages(data.blogPosts.pagination.totalPages);\n setIsLoading(false);\n };\n\n useEffect(() => {\n fetchBlogPosts();\n }, [page]);\n\n const withLoaders = (blogNumber, component, loading, row) => {\n if (loading) {\n return (\n \n
\n \n
\n\n {orientation === 'horizontal-small' && (\n \n
\n \n
\n )}\n \n {orientation === 'vertical' && \n
\n {post.name}
\n \n\n {orientation !== 'horizontal-small' && (\n \n
\n )}\n\n {orientation === 'horizontal' && \n
\n );\n};\n\nBlogPosts.propTypes = {\n colors: PropTypes.shape({\n primaryColor: PropTypes.string.isRequired,\n textColor: PropTypes.string.isRequired,\n }).isRequired,\n};\n\nexport default withQueryParamsProvider(BlogPosts);\n","import React, { Fragment, useState } from 'react';\nimport ConfirmationModal from 'sharedWebpack/ConfirmationModal';\nimport ClassNames from 'classnames';\nimport httpClient from 'agentHTTPClient';\nimport routes from 'agentRoutes';\nimport PropTypes from 'prop-types';\nimport Input from '@wtag/rcl-input';\nimport Button from '@wtag/rcl-button';\nimport SocialMediaShow from 'sharedWebpack/SocialMediaSection/SocialMediaShow';\nimport subscriptionImageSrc from '../../../../apps/public/app/assets/images/public/subscription-image.png';\n\nimport './styles.scss';\n\nconst Footer = ({ tenantName, urls, tenantLogo }) => {\n const [firstName, setFirstName] = useState('');\n const [lastName, setLastName] = useState('');\n const [emailAddress, setEmailAddress] = useState('');\n const [errors, setErrors] = useState({});\n const [confirmationModalOpen, setConfirmationModalOpen] = useState(false);\n\n const isMobileView = window.innerWidth < 480;\n const subscriptionFormInputSize = isMobileView ? 'tiny' : 'small';\n const subscriptionButtonSize = isMobileView ? 'small' : 'normal';\n\n const createSubscription = async () => {\n const formData = new FormData();\n formData.append('mailing_list[first_name]', firstName);\n formData.append('mailing_list[last_name]', lastName);\n formData.append('mailing_list[email]', emailAddress);\n\n const { data } = await httpClient.post(routes.public.subscription.create(), formData);\n\n if (data.error === null) {\n setConfirmationModalOpen(true);\n setErrors({});\n setFirstName('');\n setLastName('');\n setEmailAddress('');\n }\n };\n\n const onCreateSubscription = () =>\n createSubscription().catch(({ response }) => {\n if (response.status === 422) {\n setErrors(response.data.error);\n }\n });\n\n const scrollTop = () => {\n // this is being done to reset the page to top after a link is clicked,\n // as it does not refresh the page.\n window.scrollTo(0, 0);\n };\n\n return (\n \n
\n {I18n.t('public.static_pages.top_stories')}
\n \n \n
\n \n {withLoaders(0,
\n \n {withLoaders(1,
\n \n \n
\n {isLoading ? (\n \n {blogs.map(post => (\n
\n )}\n \n {\n setIsLoading(true);\n setQuery({ page: newPage });\n }}\n />\n
\n \n
\n \n
\n\n \n {I18n.t('public.shared.mailing_list.subscription_form.labels.title')}\n
\n \n {I18n.t('public.shared.mailing_list.subscription_form.labels.details')}\n
\n\n \n 
\n
\n\n \n setConfirmationModalOpen(false)}\n isConfirmationOnly={true}\n withAction={true}\n type=\"success\"\n />\n\n
\n \n
\n\n \n setFirstName(value)}\n touched={!!errors}\n error={errors.firstName}\n placeholder={I18n.t(\n 'public.shared.mailing_list.subscription_form.placeholders.first_name',\n )}\n required={true}\n size={subscriptionFormInputSize}\n />\n
\n \n setLastName(value)}\n touched={!!errors}\n error={errors.lastName}\n placeholder={I18n.t(\n 'public.shared.mailing_list.subscription_form.placeholders.last_name',\n )}\n required={true}\n size={subscriptionFormInputSize}\n />\n
\n\n \n setEmailAddress(value)}\n error={errors.email}\n touched={!!errors}\n placeholder={I18n.t(\n 'public.shared.mailing_list.subscription_form.placeholders.email',\n )}\n required={true}\n size={subscriptionFormInputSize}\n />\n
\n \n
\n \n
\n \n \n 
\n \n
\n \n
\n {urls.social && (\n \n \n
\n - \n
- \n \n {I18n.t('public.footer.journey_elements.flight')}\n \n \n
- \n \n {I18n.t('public.footer.journey_elements.hotel')}\n \n \n
- \n \n {I18n.t('public.footer.journey_elements.car')}\n \n \n
- \n {/* TODO: Add link when ready */}\n {I18n.t('public.footer.journey_elements.cruise')}\n \n
- \n {/* TODO: Add link when ready */}\n {I18n.t('public.footer.journey_elements.event')}\n \n
- \n {/* TODO: Add link when ready */}\n {I18n.t('public.footer.journey_elements.transfer')}\n \n
\n
\n {I18n.t('public.footer.explore')}
\n - \n
\n
\n {I18n.t('public.footer.resources')}
\n \n \n
\n {I18n.t('public.static_pages.policies')}
\n \n \n
\n )}\n {I18n.t('public.footer.social')}
\n \n
\n \n \n © {tenantName} & {I18n.t('public.welltravel.title')}\n \n
\n \n
\n )}\n \n
\n {props.showTopDeals && (\n \n
\n \n
\n )}\n {props.showTestimonial && (\n \n
\n \n
\n )}\n {props.showTopStories && (\n \n
\n \n
\n )}\n \n
\n \n
\n );\n\nAccessDeniedPage.propTypes = {\n affiliatesUrl: PropTypes.string.isRequired,\n planUrl: PropTypes.string.isRequired,\n};\nexport default AccessDeniedPage;\n","import 'react-dates/initialize';\n\nimport ReactOnRails from 'react-on-rails';\n\nimport 'sharedWebpack/application';\nimport TravelExpensesCreate from 'sharedWebpack/TravelExpensesTab/Create';\nimport TravelExpensesEdit from 'sharedWebpack/TravelExpensesTab/Edit';\n\nimport { Alert } from '@wtag/react-comp-lib';\n\nimport Dashboard from '../public/Dashboard';\nimport MobileApp from '../public/MobileApp';\n\nimport TopNav from '../public/TopNav';\nimport SubNav from '../public/SubNav';\n\nimport OrdersOverview from '../public/Orders/Overview';\nimport OrdersList from '../public/Orders/List';\nimport OrdersShow from '../public/Orders/Show';\n\nimport TravellersEditPage from '../public/Travellers/Edit';\n\nimport SignUpForm from '../public/Authentication/People';\nimport LoginForm from '../public/Authentication/Sessions';\nimport PasswordReset from '../public/Authentication/Passwords';\nimport EditPasswordForm from '../public/Authentication/Passwords/Edit';\n\nimport MidSection from '../public/MidSection';\n\nimport ApprovalRequestList from '../public/ApprovalRequest/List';\nimport ApprovalRequestShow from '../shared/ApprovalRequests/Show';\n\nimport CorporateTravelList from '../public/CorporateTravel/List';\n\nimport TravelArrangersList from '../public/TravelArrangers/List';\nimport TravelArrangersCreate from '../public/TravelArrangers/Create';\nimport TravelArrangersEdit from '../public/TravelArrangers/Edit';\n\nimport BookingApp from '../shared/IBE/IBEWrappedComponents';\nimport DealsCatalogue from '../public/Deals/DealsCatalogue';\nimport Testimonial from '../public/Testimonial';\nimport TopDeals from '../public/Deals/TopDeals';\n\nimport DocumentsCreate from '../public/Orders/Show/DocumentsTab/Create';\nimport DocumentsEdit from '../public/Orders/Show/DocumentsTab/Edit';\n\nimport AccountingCreate from '../admin/Orders/Show/AccountingTab/Create';\nimport AccountingEdit from '../admin/Orders/Show/AccountingTab/Edit';\n\nimport StaticPage from '../public/StaticPage';\nimport BlogPosts from '../public/BlogPosts/List';\nimport Footer from '../public/Footer';\nimport TopStories from '../public/shared/BlogPosts/TopStories';\nimport ImageSlider from '../public/shared/ImageSlider';\nimport FrontPage from '../public/FrontPage';\nimport AccessDeniedPage from '../public/AccessDeniedPage';\n\nReactOnRails.register({\n // NavBars\n 'Public::TopNav': TopNav,\n 'Public::SubNav': SubNav,\n\n // Dashboard\n 'Public::Dashboard': Dashboard,\n\n // MobileApp\n 'Public::MobileApp': MobileApp,\n\n // Travellers\n 'Public::Travellers::Edit': TravellersEditPage,\n\n // Authentication\n 'Public::Authentication::People': SignUpForm,\n 'Public::Authentication::Sessions': LoginForm,\n 'Public::Authentication::Passwords': PasswordReset,\n 'Public::Authentication::Passwords::Edit': EditPasswordForm,\n\n // Orders\n 'Public::Orders::List': OrdersList,\n 'Public::Orders::Overview': OrdersOverview,\n 'Public::Orders::Show': OrdersShow,\n 'Public::Orders::Accounting::Create': AccountingCreate,\n 'Public::Orders::Accounting::Edit': AccountingEdit,\n\n // Approval Request List\n 'Public::ApprovalRequest::List': ApprovalRequestList,\n 'Public::ApprovalRequest::Show': ApprovalRequestShow,\n\n // Corporate Trips\n 'Public::CorporateTravel::List': CorporateTravelList,\n\n // Travel Arrangers\n 'Public::TravelArrangers::List': TravelArrangersList,\n 'Public::TravelArrangers::Create': TravelArrangersCreate,\n 'Public::TravelArrangers::Edit': TravelArrangersEdit,\n\n // Documents\n 'Public::Documents::Create': DocumentsCreate,\n 'Public::Documents::Edit': DocumentsEdit,\n\n // Travel Expenses\n 'Public::TravelExpenses::Create': TravelExpensesCreate,\n 'Public::TravelExpenses::Edit': TravelExpensesEdit,\n\n // Static Pages\n 'Public::StaticPage': StaticPage,\n 'Public::BlogPosts': BlogPosts,\n // MidSection\n 'Public::MidSection': MidSection,\n\n // Front Page\n 'BlogPosts::TopStories': TopStories,\n 'Public::shared::ImageSlider': ImageSlider,\n 'Public::Footer': Footer,\n 'Public::FrontPage': FrontPage,\n 'Public::AccessDeniedPage': AccessDeniedPage,\n});\n\nReactOnRails.register({ BookingApp });\nReactOnRails.register({ DealsCatalogue });\nReactOnRails.register({ Testimonial });\nReactOnRails.register({ TopDeals });\nReactOnRails.register({ Alert });\nReactOnRails.register({ StaticPage });\nReactOnRails.register({ BlogPosts });\n","import React, { Fragment } from 'react';\nimport Card from '@wtag/rcl-card';\nimport httpClient from 'agentHTTPClient';\nimport routes from 'agentRoutes';\nimport { Link } from '@wtag/react-comp-lib';\nimport Icon from '@wtag/rcl-icon';\nimport ContentLoaderPlaceholder from '@wtag/rcl-content-loader-placeholder';\nimport IconButton from '@wtag/rcl-icon-button';\nimport 'react-responsive-carousel/lib/styles/carousel.min.css';\nimport { Carousel } from 'react-responsive-carousel';\nimport { hot } from 'react-hot-loader';\nimport PropTypes from 'prop-types';\nimport DealsCard from '../../Deals/DealsCard';\n\nconst Deals = props => {\n const {\n deals,\n loading,\n fetchFavouritesDeals,\n fetchFriendsFavouriteDeals,\n fetchTopDeals,\n headerText,\n urls,\n buttonText,\n } = props;\n\n const settings = {\n infiniteLoop: false,\n stopOnHover: false,\n autoPlay: false,\n transitionTime: 500,\n emulateTouch: true,\n showThumbs: false,\n showIndicators: false,\n showArrows: true,\n showStatus: false,\n renderArrowNext: (clickHandler, hasNext) =>\n hasNext && (\n \n
\n \n
\n \n {I18n.t('public.plan_limit.title')}\n
\n \n
\n \n document.location.assign(planUrl)}\n />\n \n {I18n.t('public.plan_limit.back_button')}\n \n
\n \n {I18n.t('public.plan_limit.header_text')}\n
\n \n {I18n.t('public.plan_limit.description')}\n
\n \n {row}\n
,\n );\n startIndex += 3;\n }\n\n return dealSegments;\n };\n\n let dealsContent = (\n {headerText}
\n \n
\n {headerText}
\n \n
\n \n {renderDeals()} \n
\n \n \n {buttonText}\n \n
\n \n
\n);\n\nCurrentTravel.propTypes = {\n order: PropTypes.shape({\n id: PropTypes.number.isRequired,\n title: PropTypes.string.isRequired,\n urls: PropTypes.shape({\n view: PropTypes.string.isRequired,\n }),\n startDate: PropTypes.string.isRequired,\n endDate: PropTypes.string.isRequired,\n }).isRequired,\n};\n\nexport default CurrentTravel;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Slider from 'react-styled-carousel';\nimport OrderCard from '../../Orders/Overview/OrderCard';\n\nconst UpcomingTravels = ({ orders }) => {\n const options = {\n showDots: false,\n cardsToShow: 2,\n RightArrow: (\n \n ),\n LeftArrow: (\n \n ),\n padding: null,\n infinite: false,\n autoSlide: false,\n };\n\n const responsiveOptions = [\n { breakPoint: 991, cardsToShow: 2},\n { breakPoint: 320, cardsToShow: 1}\n ]\n\n return (\n \n
\n \n
\n \n \n {order.title}\n \n
\n\n \n
\n \n
\n\n \n \n
\n \n \n
\n \n \n
\n \n
\n \n \n
\n \n {I18n.t('public.components.dashboard.travel_overview.order_id', { id: order.id })}\n
\n \n
\n \n {I18n.t('public.components.orders.actions.view_order')}\n
\n \n \n
\n );\n};\n\nUpcomingTravels.propTypes = {\n orders: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.number,\n }),\n ).isRequired,\n};\n\nexport default UpcomingTravels;\n","import React, { useEffect, useState, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport ContentLoaderPlaceholder from '@wtag/rcl-content-loader-placeholder';\nimport Card from '@wtag/rcl-card';\nimport { Link } from '@wtag/react-comp-lib';\nimport { hot } from 'react-hot-loader';\nimport routes from 'agentRoutes';\nimport httpClient from 'agentHTTPClient';\nimport CurrentTravel from './CurrentTravel';\nimport UpcomingTravels from './UpcomingTravels';\n\nconst TravelOverview = ({ name, bookNowUrl, personId }) => {\n const [currentOrders, setCurrentOrders] = useState([]);\n const [upcomingOrders, setUpcomingOrders] = useState([]);\n const [isLoading, setIsLoading] = useState(true);\n\n const noTravelAvailable = () => !(currentOrders.length || upcomingOrders.length);\n\n const showBookNow = () => (\n \n \n {orders.map(order => (\n \n
\n \n
\n );\n\n const fetchOrders = scope =>\n httpClient.get(\n routes.public.orders.list({\n scope,\n person_id: personId,\n column: 'travel_starts_at',\n direction: 'up',\n }),\n );\n\n const onFetchOrders = async () => {\n let response = await fetchOrders('present_orders');\n setCurrentOrders(response.data.orders);\n\n response = await fetchOrders('upcoming_orders');\n setUpcomingOrders(response.data.orders);\n setIsLoading(false);\n };\n\n useEffect(() => {\n onFetchOrders();\n }, []);\n\n return (\n \n {I18n.t('public.components.dashboard.travel_overview.no_trip')}\n
\n \n {I18n.t('public.components.dashboard.travel_overview.plan_next_trip')}\n
\n \n {I18n.t('public.components.top_nav.label.book_now')}\n \n \n
\n )}\n \n {I18n.t('public.components.dashboard.travel_overview.welcome', { name })}\n
\n {noTravelAvailable() ? (\n showBookNow()\n ) : (\n \n {currentOrders.length > 0 && \n \n )}\n
\n )}\n \n {I18n.t('public.components.dashboard.travel_overview.upcoming_travel_count', {\n count: upcomingOrders.length,\n })}\n
\n \n
\n );\n};\n\nDealsCard.defaultProps = {\n imageUrl: '#',\n fullWidth: false,\n favouriteCount: 0,\n scope: { showFavouriteCount: false },\n};\n\nDealsCard.propTypes = {\n id: PropTypes.number.isRequired,\n name: PropTypes.node.isRequired,\n amount: PropTypes.node.isRequired,\n currency: PropTypes.string.isRequired,\n imageUrl: PropTypes.string,\n favourite: PropTypes.bool.isRequired,\n deleteFromFavourite: PropTypes.func.isRequired,\n addToFavourite: PropTypes.func.isRequired,\n currentUserId: PropTypes.number.isRequired,\n detailsUrl: PropTypes.string.isRequired,\n teaser: PropTypes.string.isRequired,\n itemTypes: PropTypes.arrayOf(PropTypes.string).isRequired,\n fullWidth: PropTypes.bool,\n favouriteCount: PropTypes.number,\n scope: PropTypes.shape({\n showFavouriteCount: PropTypes.bool,\n }),\n};\n\nexport default DealsCard;\n","import React, { useEffect, useState, useRef, Fragment } from 'react';\nimport httpClient, { generateSourceToken, isCancelError } from 'agentHTTPClient';\nimport routes from 'agentRoutes';\nimport PropTypes from 'prop-types';\nimport { StringParam, useQueryParams, withDefault } from 'use-query-params';\nimport ContentLoaderPlaceholder from '@wtag/rcl-content-loader-placeholder';\nimport withQueryParamsProvider from 'sharedWebpack/withQueryParamsProvider';\nimport EmptyTableContent from 'sharedWebpack/EmptyTableContent';\nimport Deal from '../DealsCard';\n\nimport '../styles.scss';\n\nconst DealsList = ({ category }) => {\n const [deals, setDeals] = useState([]);\n const [isLoading, setIsLoading] = useState(false);\n const componentMounted = useRef(true);\n\n // eslint-disable-next-line no-unused-vars\n const [query, setQuery] = useQueryParams({\n category: withDefault(StringParam, category),\n });\n\n const fetchDeals = apiToken => {\n setIsLoading(true);\n setQuery(\n {\n category,\n },\n 'replaceIn',\n );\n\n const searchCategory = category === 'all' ? null : category;\n\n httpClient\n .get(\n routes.public.deals({\n 'categories[]': searchCategory,\n }),\n { cancelToken: apiToken },\n )\n .then(response => {\n if (componentMounted.current) {\n const { data } = response;\n setDeals(data.deals);\n setIsLoading(false);\n }\n })\n .catch(error => {\n if (isCancelError(error)) {\n return null;\n }\n throw error;\n });\n };\n\n const addToFavourite = async id => {\n const { data } = await httpClient.put(routes.api.deals.favourite({ dealId: id }));\n\n if (data.id) {\n fetchDeals();\n }\n };\n\n const deleteFromFavourite = async id => {\n const { data } = await httpClient.delete(routes.api.deals.favourite({ dealId: id }));\n\n if (data.id) {\n fetchDeals();\n }\n };\n\n useEffect(() => {\n const getDealsCatalogueApiToken = generateSourceToken();\n componentMounted.current = true;\n fetchDeals(getDealsCatalogueApiToken.token);\n\n return () => {\n getDealsCatalogueApiToken.cancel();\n componentMounted.current = false;\n };\n }, [category]);\n\n const dealShowPageUrl = id => {\n const url = routes.public.deal;\n return url({\n id,\n });\n };\n\n return (\n \n 
\n \n
\n \n
\n \n {I18n.t('public.components.dashboard.deals.start_from')}\n
\n \n
\n \n {itemTypes.map(type => (\n
\n \n {currentUserId && (\n \n {favourite ? (\n deleteFromFavourite(id)}\n className=\"deals-card__details-info-deal-icon-link\"\n >\n addToFavourite(id)}\n className=\"deals-card__details-info-deal-icon-link\"\n >\n \n )}\n
\n \n {name}
\n {scope.showFavouriteCount && (\n \n {I18n.t('public.deals.favourite_count', { count: favouriteCount })}\n
\n )}\n \n {deals.map(deal => (\n addToFavourite(value)}\n deleteFromFavourite={value => deleteFromFavourite(value)}\n favourite={deal.favourite}\n teaser={deal.teaser}\n itemTypes={deal.itemTypes}\n currentUserId={deal.currentUserId}\n favouriteCount={deal.favouriteCount}\n scope={{ showFavouriteCount: true }}\n />\n ))}\n
\n )}\n {!isLoading && !deals.length && \n
\n );\n};\n\nDealsCatalogue.propTypes = {\n dealCategories: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n name: PropTypes.string,\n }),\n ).isRequired,\n};\n\nexport default hot(module)(DealsCatalogue);\n","import React, { useEffect, useState } from 'react';\nimport Card from '@wtag/rcl-card';\nimport httpClient from 'agentHTTPClient';\nimport routes from 'agentRoutes';\nimport ContentLoaderPlaceholder from '@wtag/rcl-content-loader-placeholder';\nimport PropTypes from 'prop-types';\nimport Deal from '../DealsCard';\n\nimport '../styles.scss';\n\nconst TopDeals = ({ showHeader }) => {\n const [topDeals, setTopDeals] = useState([]);\n const [isLoading, setIsLoading] = useState(false);\n\n const fetchTopDeals = async () => {\n setIsLoading(true);\n const { data } = await httpClient.get(routes.public.topDeals());\n setTopDeals(data.deals);\n setIsLoading(false);\n };\n\n const addToFavourite = async id => {\n const { data } = await httpClient.put(routes.api.deals.favourite({ dealId: id }));\n\n if (data.id) {\n fetchTopDeals();\n }\n };\n\n const deleteFromFavourite = async id => {\n const { data } = await httpClient.delete(routes.api.deals.favourite({ dealId: id }));\n\n if (data.id) {\n fetchTopDeals();\n }\n };\n\n useEffect(() => {\n fetchTopDeals();\n }, []);\n\n const dealShowPageUrl = id => {\n const url = routes.public.deal;\n return url({\n id,\n });\n };\n\n return (\n \n
\n \n
\n \n
\n\n \n \n {I18n.t('public.homepage.top_deals')}\n \n
\n \n
\n \n {showHeader &&
\n );\n};\n\nTopDeals.defaultProps = {\n showHeader: true,\n};\n\nTopDeals.propTypes = {\n showHeader: PropTypes.bool,\n};\n\nexport default TopDeals;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { hot } from 'react-hot-loader';\nimport ProductIcon from 'sharedWebpack/ProductIcon';\n\nconst FeedItem = ({ type, time, details, initial }) => {\n const itemTypeTranslations = {\n hotel: I18n.t('public.components.mid_section.live_feed.items.hotel'),\n car: I18n.t('public.components.mid_section.live_feed.items.car'),\n flight: I18n.t('public.components.mid_section.live_feed.items.flight'),\n };\n\n return (\n {I18n.t('public.homepage.top_deals')}
}\n {isLoading && !topDeals.length > 0 && (\n \n
\n )}\n {!isLoading && !topDeals.length > 0 && (\n \n {topDeals.map(deal => (\n deleteFromFavourite(value)}\n id={deal.id}\n name={deal.name}\n amount={deal.adAmount}\n currency={deal.currency}\n imageUrl={deal.imageUrl}\n detailsUrl={dealShowPageUrl(deal.id)}\n addToFavourite={value => addToFavourite(value)}\n favourite={deal.favourite}\n teaser={deal.teaser}\n itemTypes={deal.itemTypes}\n currentUserId={deal.currentUserId}\n />\n ))}\n
\n )}\n \n
\n );\n};\n\nFeedItem.propTypes = {\n type: PropTypes.string.isRequired,\n time: PropTypes.string.isRequired,\n details: PropTypes.string.isRequired,\n initial: PropTypes.string.isRequired,\n};\n\nexport default hot(module)(FeedItem);\n","import React, { useEffect, useState, useMemo } from 'react';\nimport Icon from '@wtag/rcl-icon';\nimport { hot } from 'react-hot-loader';\nimport httpClient from 'agentHTTPClient';\nimport routes from 'agentRoutes';\nimport { v4 as uuidv4 } from 'uuid';\nimport ContentLoaderPlaceholder from '@wtag/rcl-content-loader-placeholder';\nimport useViewMode from 'sharedWebpack/useViewMode';\nimport {\n DESKTOP_TAB_DEVICE,\n TAB_MOBILE_DEVICE,\n MOBILE_DEVICE,\n SMALL_MOBILE_DEVICE,\n} from 'sharedWebpack/old/libraries/responsiveHelpers';\nimport FeedItem from './Item';\n\nconst LIVE_FEED_POLLING_DELAY = 20 * 1000; // 20 seconds\nconst TAB_VIEW_ITEM_COUNT = 3;\nconst MOBILE_VIEW_ITEM_COUNT = 2;\nconst LARGE_SCREEN_VIEW_ITEM_COUNT = 5;\n\nconst LiveFeed = () => {\n const [bookings, setBookings] = useState([]);\n const [isLoading, setIsLoading] = useState(true);\n const continuePolling = React.useRef(true);\n const viewMode = useViewMode();\n\n const numberOfItemsToShowBasedOnViewportWidth = () => {\n if ([DESKTOP_TAB_DEVICE, TAB_MOBILE_DEVICE].includes(viewMode)) {\n return TAB_VIEW_ITEM_COUNT;\n }\n\n if ([MOBILE_DEVICE, SMALL_MOBILE_DEVICE].includes(viewMode)) {\n return MOBILE_VIEW_ITEM_COUNT;\n }\n\n return LARGE_SCREEN_VIEW_ITEM_COUNT;\n };\n\n const waitAndPoll = () =>\n setTimeout(() => {\n fetchLiveFeed(); // eslint-disable-line no-use-before-define\n }, LIVE_FEED_POLLING_DELAY);\n\n const fetchLiveFeed = async () => {\n if (!continuePolling.current) return;\n\n const { data } = await httpClient.get(routes.api.liveFeed());\n setBookings(data);\n setIsLoading(false);\n waitAndPoll();\n };\n\n useEffect(() => {\n fetchLiveFeed();\n\n return () => {\n continuePolling.current = false;\n };\n }, []);\n\n const bookingItems = useMemo(\n () =>\n bookings\n .slice(0, numberOfItemsToShowBasedOnViewportWidth())\n .map(booking => (\n {time}
\n \n
\n \n
\n \n
\n \n {I18n.t('public.components.mid_section.live_feed.item_title', {\n name_initial: initial,\n booked_item: itemTypeTranslations[type],\n })}\n
\n {details}
\n \n
\n );\n};\n\nexport default hot(module)(LiveFeed);\n","import React, { useState, useEffect } from 'react';\nimport Card from '@wtag/rcl-card';\nimport routes from 'agentRoutes';\nimport PropTypes from 'prop-types';\nimport { Link, Spinner } from '@wtag/react-comp-lib';\nimport Avatar from '@wtag/rcl-avatar';\nimport StackedItems from '@wtag/rcl-stacked-items';\nimport Amount from 'sharedWebpack/Amount';\nimport DateTime from 'sharedWebpack/DateTime';\nimport { FormatDateTime, DATE_FORMAT_SHORT } from 'sharedWebpack/helpers/dateTime';\nimport DateTimeLocaleInterpolationWrapper from 'sharedWebpack/DateTimeLocaleInterpolationWrapper';\nimport httpClient from 'agentHTTPClient';\nimport { Header } from '@wtag/rcl-typography';\nimport StateEmphasisTag from '../../../shared/Orders/StateEmphasisTag';\nimport productIcon from '../../../shared/ProductIcon';\n\nconst OrderCard = props => {\n const { order } = props;\n const [travellers, setTravellers] = useState([]);\n const [isTravellersLoading, setIsTravellersLoading] = useState(true);\n const [isProductPopoverVisible, setIsProductPopoverVisible] = useState(false);\n const [isTravellerPopoverVisible, setIsTravellerPopoverVisible] = useState(false);\n\n const onFetchTravllers = async () => {\n const { data } = await httpClient.get(routes.public.orders.travellers({ orderId: order.id }));\n setTravellers(data.travellers);\n setIsTravellersLoading(false);\n };\n\n useEffect(() => {\n onFetchTravllers();\n }, []);\n\n return (\n \n
\n\n \n
\n \n {isLoading ? (\n
\n \n {I18n.t('public.components.mid_section.live_feed.empty_feed')}\n
\n )\n )}\n {bookingItems}\n \n
\n );\n};\n\nOrderCard.propTypes = {\n order: PropTypes.shape({\n id: PropTypes.number.isRequired,\n products: PropTypes.arrayOf(PropTypes.string).isRequired,\n currency: PropTypes.string.isRequired,\n bookingDate: PropTypes.string.isRequired,\n urls: PropTypes.shape({\n view: PropTypes.string.isRequired,\n }),\n total: PropTypes.string.isRequired,\n startDate: PropTypes.string,\n title: PropTypes.string.isRequired,\n currentState: PropTypes.string.isRequired,\n origin: PropTypes.string,\n destination: PropTypes.string.isRequired,\n person: PropTypes.shape({\n firstName: PropTypes.string.isRequired,\n middleName: PropTypes.string,\n lastName: PropTypes.string.isRequired,\n avatarUrl: PropTypes.string,\n }),\n }).isRequired,\n};\n\nexport default OrderCard;\n","import React, { useEffect, useState, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport ClassNames from 'classnames';\nimport httpClient, { generateSourceToken, isCancelError } from 'agentHTTPClient';\nimport routes from 'agentRoutes';\nimport { StringParam, useQueryParams, withDefault } from 'use-query-params';\nimport withQueryParamsProvider from 'sharedWebpack/withQueryParamsProvider';\nimport Card from '@wtag/rcl-card';\nimport Icon from '@wtag/rcl-icon';\nimport ItemWrapper from 'sharedWebpack/ItemWrapper';\nimport Amount from 'sharedWebpack/Amount';\nimport ProductIcon from 'sharedWebpack/ProductIcon';\nimport ItemStateEmphasisTag from 'sharedWebpack/Orders/ItemStateEmphasisTag';\nimport CommentPlaceholder from 'sharedWebpack/Placeholder/CommentPlaceholder';\nimport OutOfPolicyJustificationEdit from '../../../../shared/IBE/Cart/Items/OutOfPolicyJustificationEdit';\nimport { TYPE_FLIGHT } from '../../../../shared/helpers/itemTypes';\n\nconst ItemsTab = ({ orderId }) => {\n const [items, setItems] = useState([]);\n const [isLoading, setIsLoading] = useState(true);\n\n const [query, setQuery] = useQueryParams({\n tab: withDefault(StringParam, ''),\n });\n\n const { tab } = query;\n\n const fetchItems = apiToken => {\n httpClient\n .get(\n routes.public.orders.items({\n id: orderId,\n }),\n {\n cancelToken: apiToken,\n },\n )\n .then(({ data }) => {\n setItems(data.items);\n setIsLoading(false);\n })\n .catch(error => {\n if (isCancelError(error)) {\n return null;\n }\n\n throw error;\n });\n };\n\n const showItem = () => {\n if (items.length > 0) {\n return items.map(item => (\n \n \n \n \n \n
\n \n
\n \n {order.origin && order.destination\n ? `${order.origin}-${order.destination}`\n : I18n.t('public.components.orders.no_destination')}\n \n \n {isTravellersLoading ? (\n 3\n ? I18n.t('public.components.orders.travellers')\n : `${travellers.length} ${I18n.t('public.components.orders.travellers')}`\n }\n isPopoverVisible={isTravellerPopoverVisible}\n onClick={() =>\n setIsTravellerPopoverVisible(\n prevTravellerPopoverState => !prevTravellerPopoverState,\n )\n }\n onOutsideClick={() => setIsTravellerPopoverVisible(false)}\n >\n {travellers.length\n ? travellers.map(traveller => (\n
\n \n \n setIsProductPopoverVisible(prevProductPopoverState => !prevProductPopoverState)\n }\n onOutsideClick={() => setIsProductPopoverVisible(false)}\n >\n {order.products.length\n ? order.products.map(product => productIcon({ productType: product }))\n : null}\n \n
\n \n
\n \n {`${order.id} | ${order.title}`}\n
\n \n
\n \n
\n \n \n {I18n.t('public.components.orders.starting_in')}\n \n \n {order.startDate ? (\n
\n \n
\n \n \n
\n \n {I18n.t('public.components.orders.actions.view_order')}\n \n \n \n
\n \n \n
\n \n {!item.productId && item.status && (\n
\n \n
\n )}\n \n {(item.journeyElementId || item.productId) && (\n
\n {item.outOfPolicyJustification && (\n \n
\n )}\n {title}
\n {I18n.t('admin.shared.no_information')}
\n )}\n {I18n.t('admin.shared.no_information')}
\n )}\n \n \n
\n \n
\n );\n};\n\nVouchersTab.propTypes = {\n orderId: PropTypes.number.isRequired,\n};\n\nexport default withQueryParamsProvider(VouchersTab);\n","import React, { useState, useEffect, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport debounce from 'throttle-debounce/debounce';\nimport { Link } from '@wtag/react-comp-lib';\nimport Pagination from 'sharedWebpack/Pagination';\nimport Input from '@wtag/rcl-input';\nimport Icon from '@wtag/rcl-icon';\nimport httpClient, { generateSourceToken, isCancelError } from 'agentHTTPClient';\nimport routes from 'agentRoutes';\nimport SortingPill from 'sharedWebpack/SortingPill';\nimport withQueryParamsProvider from 'sharedWebpack/withQueryParamsProvider';\nimport { NumberParam, StringParam, useQueryParams, withDefault } from 'use-query-params';\n\nimport DocumentsTable from 'sharedWebpack/Documents/Table';\n\nconst TabContent = ({ orderId, createDocumentUrl, type }) => {\n const [documents, setDocuments] = useState([]);\n const [totalPages, setTotalPage] = useState(1);\n const [isLoading, setIsLoading] = useState(false);\n const [query, setQuery] = useQueryParams({\n q: withDefault(StringParam, ''),\n page: NumberParam,\n sortColumn: StringParam,\n sortDirection: StringParam,\n tab: withDefault(StringParam, ''),\n });\n const { q, page, sortColumn, sortDirection, tab } = query;\n const [localSearchQuery, setLocalSearchQuery] = React.useState(q);\n\n const setInitialParams = (data, searchQuery) => {\n // We only set the params once when there is nothing in the url\n if (!query.page) {\n setQuery(\n {\n tab: 'documents',\n q: searchQuery,\n page: data.pagination.currentPage,\n sortColumn: data.sort.column,\n sortDirection: data.sort.direction,\n },\n // use replaceIn as we don't want another navigation to be added to the browser history\n 'replaceIn',\n );\n }\n };\n\n const fetchDocuments = args => {\n setIsLoading(true);\n\n const { searchQuery, newPage, column, direction, apiToken } = args;\n\n httpClient\n .get(\n routes.public.orderDocuments.list({\n orderId,\n q: searchQuery,\n page: newPage,\n tab: type,\n column,\n direction,\n }),\n {\n cancelToken: apiToken,\n },\n )\n .then(({ data }) => {\n setDocuments(data.attachments);\n setTotalPage(data.pagination.totalPages);\n setInitialParams(data, searchQuery);\n setIsLoading(false);\n })\n .catch(error => {\n if (isCancelError(error)) {\n return null;\n }\n\n throw error;\n });\n };\n\n const deleteDocument = async attachmentId => {\n const { data } = await httpClient.delete(\n routes.public.orderDocuments.delete({ orderId, attachmentId }),\n );\n\n if (data.error === null) {\n const getDocumentsApiToken = generateSourceToken();\n\n fetchDocuments({\n searchQuery: q,\n newPage: page,\n orderTab: tab,\n column: sortColumn,\n direction: sortDirection,\n apiToken: getDocumentsApiToken.token,\n });\n }\n };\n\n const setSearchQueryInParams = React.useRef(\n debounce(500, value => setQuery({ q: value, page: 1 })),\n ).current;\n\n const setSearchQuery = value => {\n setLocalSearchQuery(value);\n setSearchQueryInParams(value);\n };\n\n const updateSorting = (column, direction) => {\n setQuery({ sortColumn: column, sortDirection: direction });\n };\n\n useEffect(() => {\n const getDocumentsApiToken = generateSourceToken();\n\n fetchDocuments({\n searchQuery: q,\n newPage: page,\n orderTab: tab,\n column: sortColumn,\n direction: sortDirection,\n apiToken: getDocumentsApiToken.token,\n });\n setQuery({ page, tab: 'documents' }, 'replaceIn');\n\n return () => {\n getDocumentsApiToken.cancel();\n };\n }, [q, page, tab, sortColumn, sortDirection]);\n\n return (\n \n
\n \n \n
\n \n \n
\n \n
\n \n setQuery({ page: newPage })}\n />\n
\n \n \n {I18n.t('admin.shared.action.new')}\n \n )}\n
\n \n
\n \n
\n {type === 'general' && (\n \n fetchDocuments(q, page, sortColumn, sortDirection)}\n layman={true}\n type={type}\n deleteAction={deleteDocument}\n isLoading={isLoading}\n />\n
\n \n setQuery({ page: newPage })}\n />\n
\n \n
\n );\n\n return (\n \n setTitle(value)}\n isClearable={false}\n touched={!!error.title}\n error={error.title}\n />\n
\n \n
\n \n
\n \n
\n \n
\n
\n \n
\n \n {isLoading ? (\n \n \n \n {`${order.id} | ${title}`}\n \n \n )}\n \n )}\n
\n \n
\n {editingTitle ? (\n showTitleEditField()\n ) : (\n \n {permissions.canGeneratePdf && (\n \n {I18n.t('public.orders.actions.download_pdf')}\n \n )}\n {permissions.canSendEmail && (\n
\n \n
\n )}\n {permissions.canConfirmQuote && (\n \n
\n
\n \n
\n \n {!isLoading ? (\n
\n \n \n
\n \n \n {testimonialInformation.testimonialTitle && (\n
\n \n ));\n\n const settings = {\n infiniteLoop: true,\n stopOnHover: false,\n transitionTime: 1000,\n interval: 5000,\n autoPlay: true,\n emulateTouch: true,\n showThumbs: false,\n showArrows: false,\n showStatus: false,\n };\n\n return (\n \n {testimonialInformation.testimonialTitle}\n
\n )}\n \n {testimonialInformation.testimonialText}\n
\n \n
\n \n {`${testimonialInformation.customerFirstName} ${testimonialInformation.customerLastName}`}\n
\n {testimonialInformation.customerOrganization && (\n \n {testimonialInformation.customerOrganization}\n
\n )}\n \n
\n );\n};\n\nTestimonial.defaultProps = {\n testimonialData: null,\n};\n\nTestimonial.propTypes = {\n testimonialData: PropTypes.arrayOf(PropTypes.shape),\n primaryColor: PropTypes.string.isRequired,\n};\n\nexport default hot(module)(Testimonial);\n","import React, { useCallback, useState, useRef, useEffect, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Avatar from '@wtag/rcl-avatar';\nimport { EmphasisTag, Link, SidePanel } from '@wtag/react-comp-lib';\nimport Modal from 'sharedWebpack/Modal';\nimport { Menu, MenuItem } from '@wtag/rcl-menu';\nimport Icon from '@wtag/rcl-icon';\nimport Input from '@wtag/rcl-input';\nimport { hot } from 'react-hot-loader';\nimport Button from '@wtag/rcl-button';\nimport IconButton from '@wtag/rcl-icon-button';\nimport Tooltip from '@wtag/rcl-tooltip';\nimport httpClient from 'agentHTTPClient';\nimport routes from 'agentRoutes';\nimport useBodyScrollLock from '../../shared/useBodyScrollLock';\nimport Chat from '../../shared/Chat';\nimport './styles.scss';\n\nconst TopNav = props => {\n const {\n user,\n currentCurrency,\n isLoggedIn,\n availableLanguagesOptions,\n signInPath,\n signUpPath,\n tenantLogoUrl,\n hasOrganization,\n organizationName,\n organizationAvatarUrl,\n menuUrls,\n rootPath,\n travelArrangerList,\n currentUserWorkingAsTravelArranger,\n loggedInUser,\n chat,\n } = props;\n\n const {\n dashboardUrl,\n tripsUrl,\n approvalRequestsUrl,\n travelArrangersUrl,\n corporateTravelUrl,\n mobileAppUrl,\n signOutUrl,\n } = menuUrls;\n\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const [isLanguageAccordionVisible, setIsLanguageAccordionVisible] = useState(false);\n const [searchArranger, setSearchArranger] = useState('');\n const [isModalVisible, setIsModalVisible] = useState(false);\n const [openChat, setOpenChat] = useState(false);\n const [showChatTitle, setShowChatTitle] = useState(false);\n const [isTopNavAsSideDrawerVisible, setIsTopNavAsSideDrawerVisible] = useState(false);\n const [isVisible, setIsVisible] = useState(false);\n\n const onOutsideClick = () => {\n setIsVisible(false);\n };\n\n const toggleVisibility = () => {\n setIsVisible(prevState => !prevState);\n };\n\n const onBurgerMenuClickHandler = useCallback(\n () => setIsTopNavAsSideDrawerVisible(prevState => !prevState),\n [],\n );\n const [notificationCount, setNotificationCount] = useState(0);\n const { lockBodyScroll, unlockBodyScroll } = useBodyScrollLock();\n const [showTooltip, setShowTooltip] = useState(false);\n const organizationNameRef = useRef(null);\n const topNavContainer = useRef(null);\n\n const isChatDisabled = !(chat && chat.chatEnabled) || currentUserWorkingAsTravelArranger;\n\n const setSearchParams = value => setSearchArranger(value);\n const languageAccordionButtonClickHandler = useCallback(() => {\n setIsLanguageAccordionVisible(prevState => !prevState);\n }, []);\n\n const filteredTravelArrangerList = travelArrangerList.filter(arranger => {\n if (!searchArranger) {\n return true;\n }\n const nameExist = arranger.name && arranger.name.toLowerCase().includes(searchArranger);\n const emailExist = arranger.email && arranger.email.toLowerCase().includes(searchArranger);\n return nameExist || emailExist;\n });\n\n const toggleMenu = () => {\n setIsMenuOpen(prevState => !prevState);\n };\n\n const switchProfile = async travelArrangerId => {\n await httpClient.post(routes.public.travelArrangers.switch(), {\n id: travelArrangerId,\n });\n window.location.reload();\n };\n\n const switchBack = async () => {\n await httpClient.delete(routes.public.travelArrangers.switchBack({ id: user.id }));\n window.location.reload();\n };\n\n const onOpenChat = () => {\n setOpenChat(true);\n };\n\n const lockBodyScrollOfTravelApp = useCallback(() => {\n const scrollWidth = window.innerWidth - document.body.offsetWidth;\n lockBodyScroll(scrollWidth);\n topNavContainer.current.style.right = `calc(${scrollWidth} / 2 * 1px)`;\n }, []);\n\n const unlockBodyScrollOfTravelApp = useCallback(() => {\n unlockBodyScroll();\n topNavContainer.current.style.right = '0';\n }, []);\n\n useEffect(() => {\n if (openChat) {\n lockBodyScrollOfTravelApp();\n } else {\n unlockBodyScrollOfTravelApp();\n }\n }, [openChat]);\n\n useEffect(() => {\n if (hasOrganization) {\n setShowTooltip(\n organizationNameRef.current.scrollWidth > organizationNameRef.current.offsetWidth,\n );\n }\n }, [organizationNameRef, hasOrganization]);\n\n const switchAccountButtonRender = () => {\n let content;\n if (currentUserWorkingAsTravelArranger) {\n content = (\n \n
\n
\n {I18n.t('testimonial.title')}
\n \n
\n {data} \n
\n \n setIsModalVisible(false)}\n >\n
\n\n \n
\n \n
\n \n - \n {filteredTravelArrangerList.map(travelArranger => (\n
- \n \n \n \n\n\n
\n \n {travelArranger.email}\n \n ))}\n
\n
\n\n \n
\n \n {isLoggedIn && (\n \n \n )}\n\n
\n }\n >\n {availableLanguagesOptions.map(language => (\n \n ))}\n \n \n \n {I18n.t('public.components.top_nav.label.book_now')}\n \n
\n {currentCurrency}
\n\n \n \n {I18n.t(I18n.locale, { scope: 'locales' })}\n \n
\n \n \n\n {switchAccountButtonRender()} \n \n \n )}\n
\n \n \n \n\n \n {isLoggedIn ? (\n \n \n \n
\n \n
\n \n ) : (\n \n
\n\n \n \n \n \n {hasOrganization && (\n \n )}\n \n {corporateTravelUrl && (\n \n )}\n \n \n \n
\n \n
\n \n \n {I18n.t('public.components.top_nav.label.sign_up')}\n \n
\n \n \n {I18n.t('public.components.top_nav.label.log_in')}\n \n
\n\n \n {`${I18n.t('public.components.top_nav.label.currency')}: `}\n
\n \n \n {`${I18n.t('public.components.top_nav.label.language')}: ${\n I18n.locale\n }`}\n {availableLanguagesOptions.length > 0 && (\n \n {availableLanguagesOptions.map(language => (\n \n {language.label}\n \n ))}\n \n )}\n
\n \n {isLoggedIn && (\n \n \n {I18n.t('public.components.top_nav.label.sign_up')}\n \n
\n \n \n {I18n.t('public.components.top_nav.label.log_in')}\n \n
\n \n
\n );\n};\n\nTopStories.propTypes = {\n blogPosts: PropTypes.arrayOf(\n PropTypes.shape({\n name: PropTypes.string,\n featureImage: PropTypes.string,\n content: PropTypes.string,\n url: PropTypes.string,\n }),\n ).isRequired,\n listUrl: PropTypes.string.isRequired,\n};\n\nexport default hot(module)(TopStories);\n","var React = require('react');\n\nfunction PlanLimit (props) {\n return React.createElement(\"svg\",props,[React.createElement(\"defs\",{\"key\":0},React.createElement(\"style\",null,\".a{fill:rgba(255,255,255,0);}.b{fill:#6cc8ff;}.b,.c,.d,.e{fill-rule:evenodd;}.c{fill:#2e63a4;}.d{fill:#c8e7ff;}.e{fill:#fff;}\")),React.createElement(\"g\",{\"transform\":\"translate(4427 12512)\",\"key\":1},[React.createElement(\"g\",{\"transform\":\"translate(-4427 -12512)\",\"key\":0},React.createElement(\"path\",{\"className\":\"a\",\"d\":\"M0,0H103.837V103.837H0Z\"})),React.createElement(\"g\",{\"transform\":\"translate(-4404.286 -12507.133)\",\"key\":1},[React.createElement(\"path\",{\"className\":\"b\",\"d\":\"M105.653,1309.9l-7.385-4.267-.019,58.683,7.377,4.261Z\",\"transform\":\"translate(-97.566 -1275.65)\",\"key\":0}),React.createElement(\"path\",{\"className\":\"c\",\"d\":\"M99.3,1364.3l6.019,3.479.022-57.107-6.021-3.478L99.3,1364.3Zm6.7,5.338a.662.662,0,0,1-.336-.093l-7.382-4.26a.679.679,0,0,1-.342-.59l.022-58.683a.674.674,0,0,1,.345-.592.7.7,0,0,1,.676,0l7.382,4.266a.687.687,0,0,1,.34.592l-.022,58.676a.691.691,0,0,1-.34.6A.751.751,0,0,1,106,1369.634Z\",\"transform\":\"translate(-97.94 -1276.021)\",\"key\":1}),React.createElement(\"path\",{\"className\":\"d\",\"d\":\"M156.447,1296.639l-7.38-4.268-50.809,29.31,7.385,4.267Z\",\"transform\":\"translate(-97.556 -1291.695)\",\"key\":2}),React.createElement(\"path\",{\"className\":\"c\",\"d\":\"M99.992,1322.052l6.023,3.478,49.445-28.521-6.021-3.478-49.447,28.52Zm6.023,4.945a.659.659,0,0,1-.342-.095l-7.378-4.26a.679.679,0,0,1,0-1.182l50.806-29.307a.7.7,0,0,1,.678,0l7.384,4.264a.689.689,0,0,1,.34.592.665.665,0,0,1-.34.583l-50.81,29.309A.649.649,0,0,1,106.015,1327Z\",\"transform\":\"translate(-97.928 -1292.065)\",\"key\":3}),React.createElement(\"path\",{\"className\":\"d\",\"d\":\"M101.615,1323.613l-.027,58.677,50.809-29.31.026-58.676-6.377,3.676Z\",\"transform\":\"translate(-93.528 -1289.359)\",\"key\":4}),React.createElement(\"path\",{\"className\":\"c\",\"d\":\"M102.664,1324.38l-.022,57.108,49.445-28.523.024-57.112-49.447,28.527Zm-.7,58.966a.671.671,0,0,1-.338-.093.678.678,0,0,1-.34-.59l.022-58.676a.681.681,0,0,1,.34-.592l50.81-29.309a.679.679,0,0,1,.681,0,.693.693,0,0,1,.345.592l-.029,58.676a.66.66,0,0,1-.342.59L102.3,1383.259A.747.747,0,0,1,101.959,1383.345Z\",\"transform\":\"translate(-93.899 -1289.732)\",\"key\":5}),React.createElement(\"path\",{\"className\":\"b\",\"d\":\"M109.454,1316.862l-.559.324-.013,0-2.05,1.189-.013,0-.559.325a2.125,2.125,0,0,0-.959,1.662c-.007,16.753-.011,27.591-.018,42.485,0,.607.431.855.961.554l.557-.322.013-.013,2.05-1.18.013-.007.559-.325a2.108,2.108,0,0,0,.961-1.659c0-14.9,0-25.732.011-42.478,0-.616-.426-.864-.955-.563Zm14.691-8.474-.559.323-.013,0-2.05,1.189-.013.007-.557.322a2.116,2.116,0,0,0-.959,1.662c-.009,14.89-.013,25.732-.018,42.485,0,.608.429.858.959.556l.555-.324.015,0,2.05-1.189.013,0,.559-.324a2.125,2.125,0,0,0,.961-1.655c0-16.755.009-27.6.013-42.485,0-.615-.429-.864-.957-.561Zm15.648-7.914c0-.612-.429-.862-.959-.554l-.557.316-.013.011-2.05,1.182-.013.007-.561.325a2.118,2.118,0,0,0-.957,1.662c-.007,16.752-.011,27.588-.018,42.485,0,.605.431.855.959.555l.559-.324.013,0,2.05-1.189.013,0,.557-.325a2.106,2.106,0,0,0,.963-1.662c0-14.888.007-25.732.013-42.478Z\",\"transform\":\"translate(-89.06 -1282.725)\",\"key\":6}),React.createElement(\"path\",{\"className\":\"c\",\"d\":\"M140.165,1300.847h0Zm-.678.075-3.133,1.8a1.458,1.458,0,0,0-.619,1.072l-.018,42.4,3.135-1.8a1.458,1.458,0,0,0,.616-1.076l.018-42.4Zm-3.92,46.723a1.13,1.13,0,0,1-.586-.157,1.343,1.343,0,0,1-.628-1.209l.02-42.485a2.794,2.794,0,0,1,1.3-2.254l3.193-1.841a1.26,1.26,0,0,1,1.984,1.147h0l-.02,42.478a2.812,2.812,0,0,1-1.3,2.258l-3.193,1.84a1.553,1.553,0,0,1-.769.221ZM124.824,1309.3a.69.69,0,0,0,.124.018l-.431-.555.307.537Zm-.031.093-3.131,1.807a1.438,1.438,0,0,0-.619,1.069l-.015,42.4,3.133-1.8a1.439,1.439,0,0,0,.616-1.072l.015-42.407Zm-3.917,46.723a1.209,1.209,0,0,1-.588-.15,1.348,1.348,0,0,1-.623-1.215l.018-42.481a2.8,2.8,0,0,1,1.3-2.254l3.193-1.838h0a1.256,1.256,0,0,1,1.98,1.147l-.015,42.485a2.812,2.812,0,0,1-1.3,2.245l-3.2,1.841a1.5,1.5,0,0,1-.769.221Zm-11.05-38.879h0Zm.278.632-3.131,1.8a1.456,1.456,0,0,0-.621,1.076l-.015,42.4,3.133-1.8a1.451,1.451,0,0,0,.616-1.07l.018-42.409Zm-3.92,46.72a1.117,1.117,0,0,1-.588-.155,1.324,1.324,0,0,1-.623-1.2l.018-42.485a2.794,2.794,0,0,1,1.3-2.252l3.2-1.843a1.256,1.256,0,0,1,1.978,1.149l-.018,42.478a2.8,2.8,0,0,1-1.3,2.252l-3.193,1.841A1.478,1.478,0,0,1,106.185,1364.587Z\",\"transform\":\"translate(-89.432 -1283.098)\",\"key\":7}),React.createElement(\"path\",{\"className\":\"e\",\"d\":\"M120.367,1319.268l-3.047-1.754,10.694-6.171,3.044,1.759Z\",\"transform\":\"translate(-74.499 -1268.748)\",\"key\":8}),React.createElement(\"path\",{\"className\":\"c\",\"d\":\"M119.055,1317.888l1.684.968,9.331-5.38-1.684-.97-9.331,5.382Zm1.684,2.435a.654.654,0,0,1-.342-.091l-3.045-1.761a.676.676,0,0,1-.338-.584.663.663,0,0,1,.338-.59l10.7-6.171a.67.67,0,0,1,.681,0l3.043,1.759a.688.688,0,0,1,.342.59.678.678,0,0,1-.342.586l-10.694,6.171A.649.649,0,0,1,120.738,1320.323Z\",\"transform\":\"translate(-74.871 -1269.122)\",\"key\":9}),React.createElement(\"path\",{\"className\":\"d\",\"d\":\"M120.362,1323.611l-3.042-1.759,0-7.716,3.047,1.754Z\",\"transform\":\"translate(-74.5 -1265.37)\",\"key\":10}),React.createElement(\"path\",{\"className\":\"c\",\"d\":\"M118.374,1321.832l1.681.974,0-6.149-1.684-.972v6.147Zm2.36,2.833a.7.7,0,0,1-.338-.089l-3.047-1.759a.685.685,0,0,1-.338-.592l0-7.716a.678.678,0,0,1,1.019-.59l3.045,1.759a.666.666,0,0,1,.34.585l0,7.72a.68.68,0,0,1-.34.592A.7.7,0,0,1,120.734,1324.665Z\",\"transform\":\"translate(-74.873 -1265.744)\",\"key\":11}),React.createElement(\"path\",{\"className\":\"e\",\"d\":\"M113.718,1316.045l-3.044-1.759,10.694-6.171,3.042,1.759Z\",\"transform\":\"translate(-82.538 -1272.652)\",\"key\":12}),React.createElement(\"path\",{\"className\":\"c\",\"d\":\"M112.409,1314.656l1.684.972,9.333-5.385-1.684-.973-9.333,5.385Zm1.684,2.439a.638.638,0,0,1-.34-.1l-3.043-1.752a.679.679,0,0,1,0-1.182l10.69-6.171a.715.715,0,0,1,.681,0l3.045,1.761a.684.684,0,0,1,0,1.18L114.431,1317A.642.642,0,0,1,114.092,1317.1Z\",\"transform\":\"translate(-82.912 -1273.022)\",\"key\":13}),React.createElement(\"path\",{\"className\":\"d\",\"d\":\"M113.716,1320.385l-3.044-1.754,0-7.723,3.044,1.759Z\",\"transform\":\"translate(-82.54 -1269.274)\",\"key\":14}),React.createElement(\"path\",{\"className\":\"c\",\"d\":\"M111.725,1318.61l1.684.972,0-6.154-1.684-.965,0,6.147Zm2.364,2.83a.722.722,0,0,1-.34-.093l-3.045-1.754a.684.684,0,0,1-.34-.59l0-7.722a.682.682,0,0,1,1.019-.59l3.047,1.759a.682.682,0,0,1,.342.59l0,7.718a.676.676,0,0,1-.342.59A.7.7,0,0,1,114.089,1321.44Z\",\"transform\":\"translate(-82.913 -1269.647)\",\"key\":15}),React.createElement(\"path\",{\"className\":\"e\",\"d\":\"M107.067,1325.815l-3.045-1.759,10.694-6.166,3.047,1.754Z\",\"transform\":\"translate(-90.583 -1260.829)\",\"key\":16}),React.createElement(\"path\",{\"className\":\"c\",\"d\":\"M105.757,1324.429l1.684.977,9.335-5.389-1.688-.966-9.331,5.378Zm1.684,2.444a.747.747,0,0,1-.342-.093l-3.043-1.763a.672.672,0,0,1-.34-.588.68.68,0,0,1,.34-.585l10.694-6.171a.688.688,0,0,1,.678,0l3.045,1.761a.67.67,0,0,1,.345.583.663.663,0,0,1-.345.59l-10.694,6.173A.745.745,0,0,1,107.44,1326.872Z\",\"transform\":\"translate(-90.955 -1261.201)\",\"key\":17}),React.createElement(\"path\",{\"className\":\"d\",\"d\":\"M107.068,1330.163l-3.047-1.76,0-7.721,3.045,1.759Z\",\"transform\":\"translate(-90.585 -1257.453)\",\"key\":18}),React.createElement(\"path\",{\"className\":\"c\",\"d\":\"M105.074,1328.378l1.686.973V1323.2l-1.681-.972,0,6.146Zm2.366,2.838a.722.722,0,0,1-.342-.093l-3.047-1.759a.684.684,0,0,1-.338-.59l0-7.722a.679.679,0,0,1,1.019-.586l3.045,1.754a.688.688,0,0,1,.342.59l0,7.722a.678.678,0,0,1-.34.59A.712.712,0,0,1,107.44,1331.215Z\",\"transform\":\"translate(-90.957 -1257.824)\",\"key\":19}),React.createElement(\"path\",{\"className\":\"e\",\"d\":\"M105.4,1324.855l10.7-6.17,0,7.721-10.693,6.172Z\",\"transform\":\"translate(-88.917 -1259.868)\",\"key\":20}),React.createElement(\"path\",{\"className\":\"c\",\"d\":\"M106.455,1325.619l0,6.147,9.333-5.383,0-6.147-9.333,5.382Zm-.683,8.012a.737.737,0,0,1-.345-.093.683.683,0,0,1-.336-.59v-7.722a.686.686,0,0,1,.34-.59l10.7-6.164a.682.682,0,0,1,1.021.583l0,7.722a.679.679,0,0,1-.345.59l-10.692,6.171A.711.711,0,0,1,105.773,1333.63Z\",\"transform\":\"translate(-89.289 -1260.239)\",\"key\":21}),React.createElement(\"path\",{\"className\":\"e\",\"d\":\"M112.054,1315.082l10.693-6.17v7.716l-10.7,6.172Z\",\"transform\":\"translate(-80.874 -1271.689)\",\"key\":22}),React.createElement(\"path\",{\"className\":\"c\",\"d\":\"M113.107,1315.842l0,6.154,9.335-5.383v-6.149l-9.331,5.378Zm-.685,8.012a.74.74,0,0,1-.343-.093.681.681,0,0,1-.338-.59l0-7.718a.676.676,0,0,1,.34-.59l10.694-6.169a.692.692,0,0,1,.681,0,.673.673,0,0,1,.336.588V1317a.665.665,0,0,1-.34.59l-10.7,6.171A.7.7,0,0,1,112.423,1323.854Z\",\"transform\":\"translate(-81.246 -1272.06)\",\"key\":23}),React.createElement(\"path\",{\"className\":\"e\",\"d\":\"M118.7,1318.3l10.691-6.166,0,7.717-10.7,6.17Z\",\"transform\":\"translate(-72.835 -1267.785)\",\"key\":24}),React.createElement(\"path\",{\"className\":\"c\",\"d\":\"M119.752,1319.072l0,6.149,9.333-5.38,0-6.154-9.333,5.385Zm-.685,8.008a.7.7,0,0,1-.338-.089.679.679,0,0,1-.34-.592l0-7.72a.689.689,0,0,1,.34-.592l10.7-6.165a.677.677,0,0,1,.678,0,.688.688,0,0,1,.342.59l0,7.715a.684.684,0,0,1-.342.592l-10.694,6.171A.7.7,0,0,1,119.067,1327.08Z\",\"transform\":\"translate(-73.206 -1268.158)\",\"key\":25})])])]);\n}\n\nPlanLimit.defaultProps = {\"width\":\"103.837\",\"height\":\"103.837\",\"viewBox\":\"0 0 103.837 103.837\"};\n\nmodule.exports = PlanLimit;\n\nPlanLimit.default = PlanLimit;\n"],"names":["_regeneratorRuntime","e","t","r","Object","prototype","n","hasOwnProperty","o","defineProperty","value","i","Symbol","a","iterator","c","asyncIterator","u","toStringTag","define","enumerable","configurable","writable","wrap","Generator","create","Context","makeInvokeMethod","tryCatch","type","arg","call","h","l","f","s","y","GeneratorFunction","GeneratorFunctionPrototype","p","d","getPrototypeOf","v","values","g","defineIteratorMethods","forEach","_invoke","AsyncIterator","invoke","resolve","__await","then","callInvokeWithMethodAndArg","Error","done","method","delegate","maybeInvokeDelegate","sent","_sent","dispatchException","abrupt","TypeError","resultName","next","nextLoc","pushTryEntry","tryLoc","catchLoc","finallyLoc","afterLoc","tryEntries","push","resetTryEntry","completion","reset","isNaN","length","displayName","isGeneratorFunction","constructor","name","mark","setPrototypeOf","__proto__","awrap","async","Promise","keys","reverse","pop","prev","charAt","slice","stop","rval","handle","complete","finish","delegateYield","asyncGeneratorStep","_asyncToGenerator","arguments","apply","_next","_throw","props","travelArrangers","fetchTravelArrangers","loading","urls","acceptTravelArranger","_ref","_callee","id","travelArrangersParam","_yield$httpClient$put","_context","travel_arrangement_setting_ids","httpClient","put","routes","accept","data","error","_x","declineTravelArranger","_ref2","_callee2","_yield$httpClient$put2","_context2","decline","_x2","notShownArrangers","pendingTravelArrangersContent","React","Card","version","className","title","I18n","emptyCardImageSrc","Icon","emptyCardText","ContentLoaderPlaceholder","numberOfLines","showBackground","map","travelArranger","key","Avatar","size","firstName","middleName","lastName","showName","src","avatarUrl","Link","onClick","clientSettingId","labelHint","href","index","count","Fragment","approvalRequests","notShownRequests","pendingApprovalRequestsContent","request","EmphasisTag","number","radius","view","color","_slicedToArray","Array","isArray","_arrayWithHoles","_iterableToArrayLimit","_arrayLikeToArray","toString","from","test","_unsupportedIterableToArray","_nonIterableRest","editUrl","colors","_useState2","useState","traveller","setTraveller","_useState4","setTravelArrangers","_useState6","travelArrangersUrls","setTravelArrangersUrls","_useState8","setApprovalRequests","_useState10","approvalRequestsUrls","setApprovalRequestsUrls","_useState12","topDeals","setTopDeals","_useState14","favouriteDeals","setFavouriteDeals","_useState16","friendsFavouriteDeals","setFriendsFavouriteDeals","_useState18","dealsUrls","setDealsUrls","_useState20","isLoadingPerson","setIsLoadingPerson","_useState22","isLoadingTravelArrangers","setIsLoadingTravelArrangers","_useState24","isLoadingApprovalRequests","setIsLoadingApprovalRequests","_useState26","isLoadingTopDeals","setIsLoadingTopDeals","_useState28","isLoadingFavouriteDeals","setIsLoadingFavouriteDeals","_useState30","isLoadingFriendsFavouriteDeals","setIsLoadingFriendsFavouriteDeals","_useState32","shareLocationError","setShareLocationError","fetchTraveller","_yield$httpClient$get","get","people","show","person","fetchPendingTravelArrangers","_yield$httpClient$get2","list","state","travelArrangementsClientSettings","fetchPendingApprovalRequests","_ref3","_callee3","_yield$httpClient$get3","_context3","approvals","requests","tab","fetchTopDeals","_ref4","_callee4","_yield$httpClient$get4","_context4","deals","fetchFavouriteDeals","_ref5","_callee5","_yield$httpClient$get5","_context5","fetchFriendsFavouriteDeals","_ref6","_callee6","_yield$httpClient$get6","_context6","useEffect","Heading","currentNavigation","buttonUrl","buttonText","Alert","isVisible","hideClose","associatedToOrganization","tenantLogo","alt","LeftPanel","laymanMode","progressBarColor","primaryColor","TravelOverview","personId","bookNowUrl","bookNow","PendingTravelArrangers","PendingApprovalRequests","Deals","headerText","fetchFavouritesDeals","MobileApp","qrCode","tenantName","mobileAppBgSrc","text","SanitizedHTML","html","googlePlayImgSrc","target","appStoreImageSrc","defaultProps","SubNav","activeLink","scope","dashboardUrl","tripsUrl","approvalRequestsUrl","travelArrangersUrl","corporateTravelUrl","mobileAppUrl","navItems","item","showCorporateTravel","filter","showApprovalRequest","style","backgroundColor","classNames","textColor","CurrentOrderRow","order","differenceBetweenTime","moment","endDate","diff","showBGColor","showLabel","iconLabel","origin","destination","concat","HumanReadable","modifier","fetchOrders","orders","setOrders","isLoading","setIsLoading","iconColor","linkText","perPage","relativePath","sortedColumn","direction","EmptyContentPlaceholder","OrderCard","ordersPath","upcomingOrdersPath","previousOrdersPath","params","per_page","column","person_id","_x3","_x4","CurrentOrders","Orders","withQueryParamsProvider","displaySortingPills","lastUpdated","bookingDate","startDate","_useQueryParams2","useQueryParams","StringParam","page","sortColumn","sortDirection","query","setQuery","Header","weight","level","PillTabs","items","getContent","OrdersList","hideArchived","hideCreateOrder","additionalQueryParams","displayColumns","travellers","products","total","actions","layman","selectedTabKey","upcoming_orders","past_orders","showMore","onChange","_objectSpread","oldPassword","setOldPassword","newPassword","setNewPassword","confirmNewPassword","setConfirmNewPassword","setError","updatePassword","passwordParams","old_password","password","password_confirmation","Input","width","label","placeholder","touched","passwordConfirmation","Button","disabled","response","status","ICON_MAPPER","profile","emails_and_phones","addresses_and_locations","emergency_contacts","organization","visas_and_identifications","travel_arrangers","frequent_flyer_numbers","travel_preferences","payment_methods_and_preferences","loyalty_programs","social","manage_traveller","notification_preference","change_password","Edit","tabPaths","salutations","titlePrefixes","preferredCommunications","spokenLanguages","correspondenceLanguageOptions","carCompanies","hotelLoyaltyList","paymentTypes","documentTypes","visaCategories","carrierCodes","cabinTypes","seatTypes","mealTypes","smokingTypes","carTypes","carCategories","carDrives","emailAddressTypes","phoneNumberTypes","addressTypes","media","general","phoneCountryCodes","setPhoneCountryCodes","TAB_MAPPER","addressesAndLocations","changePassword","emailsAndPhones","emergencyContacts","visasAndIdentifications","frequentFlyerNumbers","travelPreferences","paymentMethodsAndPreferences","loyaltyPrograms","notificationPreference","tabMapper","GROUP_TAB_MAPPER","contact_information","documents","ffn_loyalty_programs","preferences","groupTabMapper","getInitialTab","saveTraveller","_yield$httpClient$pat","patch","update","onCreatePhoneNumber","phoneNumberParams","_yield$httpClient$pos","post","phoneNumbers","onUpdatePhoneNumber","phoneNumberId","onDeletePhoneNumber","_yield$httpClient$del","onCreateEmailAddress","emailAddressParams","_yield$httpClient$pos2","emailAddresses","_x5","onUpdateEmailAddress","_ref7","_callee7","_context7","emailId","_x6","onDeleteEmailAddress","_ref8","_callee8","_yield$httpClient$del2","_context8","_x7","SECTION_MAPPER","EmailAndPhoneSection","relatedInstance","fetchRelatedInstance","phoneCountryCodeOptions","createPhoneNumber","deletePhoneNumber","updatePhoneNumber","createEmailAddress","deleteEmailAddress","updateEmailAddress","AddressesAndLocationsSection","addresses","EmergencyContactsSection","VisasAndIdentificationsSection","FrequentFlyerNumbersSection","TravelPreferencesSection","bookingPreferences","PaymentsAndPreferencesSection","preferredPayment","LoyaltyProgramsSection","SocialMediaSection","socialMediaOptions","corporate_travel","ChangePasswordSection","NotificationPreference","onSaveTraveller","updateAvatar","_ref9","_callee9","formData","_yield$httpClient$pat2","_context9","profilePicture","_x8","getPhoneCountryCodes","_ref10","_callee10","_context10","t0","fetchPhoneCountryCodes","t1","AvatarModal","fetchInstance","diameter","shape","nickname","verificationIcon","travellerVerificationStatus","verificationStatus","VerticalMenu","isFullWidth","groupKey","VerticalMenuGroup","header","tabKey","VerticalMenuItem","route","iconName","GeneralSection","recaptchaSiteKey","signInPath","setFirstName","setLastName","email","setEmail","setPassword","recaptchaToken","setRecaptchaToken","errors","setErrors","showVerificationEmailAlert","setShowVerificationEmailAlert","signUpUser","signUpParams","first_name","last_name","authentication","sign_up","recaptcha_token","verificationEmailSent","window","location","assign","submitForm","event","preventDefault","grecaptcha","onSubmit","onClose","recaptcha","prevErrors","required","ReCaptchaV2","sitekey","submitType","primary","fullWidth","newPasswordPath","logInUser","logInParams","sessions","session","reload","_response$data","inputError","confirmationMessage","setConfirmationMessage","resetPassword","resetPasswordParams","passwords","userId","rootPath","password_reset","replace","PropTypes","isRequired","url","stories","airports","airlines","reviews","community","travelNews","staticInformation","staticLinksInformation","snakeCaseKeys","iconNameMapper","travel_news","staticLinkCountI18n","renderStaticLinkCard","staticLinkObj","staticLinkType","renderStaticLinksPair","linkType1","linkType2","mostPopularDeal","setMostPopularDeal","fetchMostPopularDeal","_addToFavourite","api","favourite","dealId","_deleteFromFavourite","dealsCard","DealsCard","deleteFromFavourite","amount","adAmount","currency","imageUrl","detailsUrl","deal","addToFavourite","teaser","itemTypes","currentUserId","StaticLinks","MidSectionContent","LiveFeed","ApprovalRequestTableRow","hideColumns","TableRow","TableData","requestor","startsAt","TimeAgo","datetime","Amount","createdAt","declineRason","Tooltip","content","position","approvalRequestStatus","declineReason","align","IconButton","icon","standalone","ApprovalRequestTable","Table","TableHead","TableHeader","TableBody","TablePlaceholder","numberOfColumn","numberOfRows","withoutRclTable","EmptyTableContent","ManageRequest","fetchUrl","setRequests","componentMounted","useRef","NumberParam","q","withDefault","totalPages","setTotalPages","updateSorting","fetchRequests","cancelToken","current","pagination","isCancelError","fetchRequestsApiToken","generateSourceToken","token","cancel","SortingPill","thisSortColumn","currentSortColumn","currentSortDirection","Pagination","currentPage","onPaginationClick","newPage","ManageTab","getTabs","useMemo","MangeRequest","RTabs","confirmations","commonProps","all_orders","present_orders","TravelArrangersTable","onDeactivate","onReactivate","setConfirmationName","setIsModalOpen","invitedOn","requestedOn","deactivatedOn","I18nText","returnStringOnly","TablePlaceHolder","smallScreenConfig","DateTime","dateTime","format","updatedAt","edit","fill","renderActions","travelArrangerSettings","setTravelArrangerSettings","isModalOpen","confirmationName","_React$useState2","localSearchQuery","setLocalSearchQuery","setSearchQueryInParams","debounce","args","newState","apiToken","travelArrangerSettingID","activate","deactivate","getTravelArrangerSettingsApiToken","renderSortingPillAccordingToType","useCallback","columnName","preIcon","ConfirmationModal","confirmationHeader","subHeader","onTimeout","withAction","onConfirmationModalOpen","onConfirmationModalClose","timeout","arrangers","active","inactive","clients","ownKeys","getOwnPropertySymbols","getOwnPropertyDescriptor","_defineProperty","getOwnPropertyDescriptors","defineProperties","toPrimitive","String","Number","_toPrimitive","_toPropertyKey","invitations","setInvitations","isClient","rawInvitation","checked","acceptMultiple","invitationIDs","declineMultiple","onDeleteInvitation","CheckBox","prevState","_toConsumableArray","invitation","every","some","onDeclineMultiple","onAcceptMultiple","invitationId","descriptionText","invitationState","InvitationTable","travelArrangerState","TabContent","travelArrangerTypes","panelClass","levels","selectedLevel","setSelectedLevel","permissions","levelPermissions","booking","read","write","admin","role","permission","find","levelPermission","sendInvitation","travel_arranger_invitations","confirmationText","rejectionText","onReject","onConfirm","padding","Text","LevelCards","travelArrangerSettingId","arranger","setArranger","onUpdateLevel","updateLevel","fetchArranger","travelArrangerSetting","orderId","redirectUrl","attachmentTypes","createDocument","orderDocuments","DocumentForm","performAssignedAction","attachmentId","updateDocument","fetchDocument","fetchAction","StaticPage","isBlog","staticPageDetails","setStaticPageDetails","fetchStaticPageDetails","staticPage","featureImage","authorFirstName","authorLastName","authorFeatureImage","authorName","DateWithIcon","date","StaticCard","orientation","authorDetails","blogPosts","contentText","blogs","setBlogs","topBlogs","setTopBlogs","setInitialParams","fetchBlogPosts","topPosts","withLoaders","blogNumber","component","row","CommentPlaceholder","numberOfCards","removeContentPadding","removeBoxShadow","emailAddress","setEmailAddress","confirmationModalOpen","setConfirmationModalOpen","isMobileView","innerWidth","subscriptionFormInputSize","subscriptionButtonSize","createSubscription","FormData","append","subscription","scrollTop","scrollTo","subscriptionImageSrc","isConfirmationOnly","ClassNames","present","about","tenant","picks","helpTopics","career","safety","privacyPolicy","terms","SocialMediaShow","socialMediaLinks","onSearchStarted","setOnSearchStarted","showBottomComponents","setShowBottomComponents","memoizeBookingApp","BookingApp","MidSection","showTopDeals","TopDeals","showTestimonial","Testimonial","testimonialData","showTopStories","TopStories","blogPostProps","affiliatesUrl","planUrl","HeaderIcon","document","ReactOnRails","TopNav","Dashboard","TravellersEditPage","SignUpForm","LoginForm","PasswordReset","EditPasswordForm","OrdersOverview","OrdersShow","AccountingCreate","AccountingEdit","ApprovalRequestList","ApprovalRequestShow","CorporateTravelList","TravelArrangersList","TravelArrangersCreate","TravelArrangersEdit","DocumentsCreate","DocumentsEdit","TravelExpensesCreate","TravelExpensesEdit","BlogPosts","ImageSlider","Footer","FrontPage","AccessDeniedPage","DealsCatalogue","settings","infiniteLoop","stopOnHover","autoPlay","transitionTime","emulateTouch","showThumbs","showIndicators","showArrows","showStatus","renderArrowNext","clickHandler","hasNext","renderArrowPrev","hasPrev","dealsContent","Carousel","startIndex","dealSegments","renderDeals","hot","module","OrderMapWrapper","DateTimeLocaleInterpolationWrapper","localeKey","time","FormatDateTime","DATE_FORMAT_SHORT","options","showDots","cardsToShow","RightArrow","LeftArrow","infinite","autoSlide","Slider","responsive","breakPoint","currentOrders","setCurrentOrders","upcomingOrders","setUpcomingOrders","onFetchOrders","CurrentTravel","UpcomingTravels","favouriteCount","ProductIcon","productType","showFavouriteCount","category","setDeals","fetchDeals","searchCategory","getDealsCatalogueApiToken","Deal","dealCategories","setSelectedTabKey","dealsCatalogueItems","additionalItems","DealsList","showHeader","selectedTabIndex","details","initial","itemTypeTranslations","hotel","car","flight","name_initial","booked_item","bookings","setBookings","continuePolling","viewMode","useViewMode","fetchLiveFeed","liveFeed","setTimeout","bookingItems","DESKTOP_TAB_DEVICE","TAB_MOBILE_DEVICE","includes","MOBILE_DEVICE","SMALL_MOBILE_DEVICE","FeedItem","uuidv4","setTravellers","isTravellersLoading","setIsTravellersLoading","isProductPopoverVisible","setIsProductPopoverVisible","isTravellerPopoverVisible","setIsTravellerPopoverVisible","onFetchTravllers","shadow","Spinner","bgColor","StackedItems","itemSize","emptyPlaceholder","itemName","isPopoverVisible","prevTravellerPopoverState","onOutsideClick","popOverDirection","prevProductPopoverState","product","productIcon","StateEmphasisTag","currentState","stateSize","setItems","getItemsApiToken","journeyElementType","TYPE_FLIGHT","productId","ItemStateEmphasisTag","grossAmount","journeyElementId","ItemWrapper","outOfPolicyJustification","OutOfPolicyJustificationEdit","itemId","justificationText","VoucherRow","voucherState","voucher","truncateString","tooltip","departureDate","PreciseDateWithIcon","returnDate","pdfDownload","vouchers","tableColumnForPlaceHolder","setVouchers","setTotalPage","updatedOn","fetchVouchers","searchQuery","updated_at","sort","getVouchersApiToken","createDocumentUrl","setDocuments","_fetchDocuments","attachments","deleteDocument","getDocumentsApiToken","orderTab","DocumentsTable","fetchDocuments","deleteAction","getItems","currentPersonId","setOrder","showConfirmation","setShowConfirmation","setTitle","editingTitle","setEditingTitle","confirmationAttributes","setConfirmationAttributes","filteredRTabs","overview","invoices","travel_expenses","accounting","tabs","OverViewTab","isOrderLoading","ItemsTab","InvoicesTab","relatedModelId","orderInvoices","invoiceDate","dueDate","TravelExpensesTab","travelExpensesPath","orderTravelExpensesPath","VouchersTab","AccountingTab","DocumentsTab","newAttachement","ownerOrganization","_filteredRTabs","fetchOrder","arrangedBy","arrangerContact","phone","showConfirmationsOrError","errorSubheader","undefined","message","startApprovalProcess","selectedApproverIds","_args3","createApprovalRequest","optional_approver_ids","renderExpirationAlertBar","offerExpired","expire_date","updateOrderTitle","updateTitle","onTitleEditClose","isClearable","canUpdateTitle","canGeneratePdf","pdf","canSendEmail","SaveAndSendPDF","buttonLabel","sendPdfUrl","sendMail","ownerEmail","owner","canConfirmQuote","ApprovalRequestBar","orderID","billingContact","testimonialInformation","customerImage","borderTopColor","customerFirstName","customerLastName","testimonialTitle","testimonialText","customerOrganization","interval","user","currentCurrency","isLoggedIn","availableLanguagesOptions","signUpPath","tenantLogoUrl","hasOrganization","organizationName","organizationAvatarUrl","menuUrls","travelArrangerList","currentUserWorkingAsTravelArranger","loggedInUser","chat","signOutUrl","isMenuOpen","setIsMenuOpen","isLanguageAccordionVisible","setIsLanguageAccordionVisible","searchArranger","setSearchArranger","isModalVisible","setIsModalVisible","openChat","setOpenChat","showChatTitle","setShowChatTitle","isTopNavAsSideDrawerVisible","setIsTopNavAsSideDrawerVisible","setIsVisible","toggleVisibility","onBurgerMenuClickHandler","notificationCount","setNotificationCount","_useBodyScrollLock","useBodyScrollLock","lockBodyScroll","unlockBodyScroll","showTooltip","setShowTooltip","organizationNameRef","topNavContainer","isChatDisabled","chatEnabled","languageAccordionButtonClickHandler","filteredTravelArrangerList","nameExist","toLowerCase","emailExist","switchProfile","travelArrangerId","switchBack","lockBodyScrollOfTravelApp","scrollWidth","body","offsetWidth","right","unlockBodyScrollOfTravelApp","modalTitleContent","onKeyDown","SidePanel","closeIcon","Chat","currentTenantLogoUrl","authToken","currentUserName","currentUserAvatar","backendURL","isChatOpen","onOpenChat","isOpened","Modal","setSearchParams","ref","Menu","locale","tabIndex","onKeyPress","language","MenuItem","linkUrl","badgeCount","isIconOnly","rotate","listUrl","blogPost","blogPostCard","PlanLimit","createElement","exports","default"],"sourceRoot":""}\n
\n \n {I18n.t('public.static_pages.read_all_stories')}\n \n
\n\n \n {I18n.t('public.static_pages.top_stories')}\n
\n \n \n {I18n.t('public.static_pages.read_all_stories')}\n \n
{blogPosts.map(blogPost => blogPostCard(blogPost))}
\n