\r\n logoLink?: string\r\n monthlyEnable: boolean\r\n parkerId: string\r\n monthlyParkerInfo?: MonthlyParkerInfo\r\n spot: Spot\r\n timeSelectOption?: TimeSelectOption[]\r\n newTokens?: CustomerTokens\r\n currentDateTimeLocal: string\r\n corporationLotsToken?: string\r\n /** sms flow; car is already parked, and user clicks the same link */\r\n carId?: string\r\n isExternalPricingEnabled: boolean\r\n externalPricingType: ExternalPricingType\r\n selfRegisterUrl?: string | null\r\n isLocationStopped: boolean\r\n locationStoppedMessage: string | null\r\n lotCapacity: LotCapacity | null\r\n isUpfrontCouponAvailable: boolean\r\n redirectUrl?: string | null\r\n}\r\nexport interface GetSimulatedPricesRequest {\r\n /** lot ids */\r\n parkings: string[]\r\n /** format: \"2020-09-28T18:00:00\" */\r\n simulateStartTime: string\r\n /** format: \"2020-09-28T18:00:00\" */\r\n simulateEndTime: string\r\n}\r\nexport type GetSimulatedPricesResponse = SimulatedPrice[]\r\n","import { CreditCard } from './creditCards'\r\nimport { CustomerTokens } from './customer'\r\nimport { Currency } from './ticket'\r\n\r\nexport interface Receipt {\r\n carId: string\r\n dateInUTC: string\r\n locationName: string\r\n areaAddress: string\r\n cardUsed: boolean\r\n creditCard?: CreditCard\r\n amount: Amount\r\n clientMail?: string\r\n externalServiceDeliversReceipts: boolean\r\n}\r\n\r\nexport interface Amount {\r\n totalAmount: number\r\n convenienceFee?: number\r\n currency: Currency\r\n}\r\n\r\nexport interface GetReceiptsData {\r\n receipts: Receipt[]\r\n}\r\n\r\nexport type SendReceiptsPayload = {\r\n email: string\r\n carId: string\r\n}\r\nexport type SendReceiptsData = boolean\r\n\r\nexport type SendQuestionPayload = {\r\n email: string\r\n message: string\r\n carId: string\r\n}\r\nexport type SendQuestionData = boolean\r\n\r\nexport type AddContactInformationsPayload = {\r\n carId: string\r\n email?: string\r\n countryCode?: string\r\n phoneNumber?: string\r\n confirmToken?: string\r\n pin?: string\r\n}\r\n\r\nexport type AddContactInformationsData = {\r\n newTokens: CustomerTokens\r\n}\r\n\r\nexport interface SendVerificationSMSPayload {\r\n phoneNumber: string\r\n countryCode: number\r\n tokenValuePart: string\r\n verificationType: VerificationType\r\n recaptchaToken: string\r\n}\r\n\r\nexport interface SendVerificationSMSData {\r\n confirmToken: string\r\n verificationType: VerificationType\r\n}\r\n\r\nexport interface GetContactInformationsData {\r\n email: string\r\n countryCode: number | string\r\n phoneNumber: string\r\n}\r\n\r\nexport enum VerificationType {\r\n SavingGuestsPhoneNumber = 1,\r\n}\r\n","export enum TermsType {\r\n Login = 1,\r\n Transient = 2,\r\n Monthly = 3,\r\n}\r\n\r\nexport enum UserLanguage {\r\n En_US = 1,\r\n En_GB = 2,\r\n De_de = 3,\r\n It_it = 4,\r\n}\r\n\r\nexport interface GetTermsAndConditionsParams {\r\n type: TermsType\r\n lotId?: string\r\n languageCode?: string //ISO Language Code\r\n}\r\n\r\nexport interface GetTermsAndConditionsResult {\r\n text: string //Simple HTML with tags
\r\n}\r\n\r\nexport interface ShowForCustomerResult {\r\n termsAndConditionsID: string\r\n show: boolean\r\n}\r\n\r\nexport interface ShowForCustomerParams {\r\n language: UserLanguage\r\n}\r\n\r\nexport interface AcceptToSParams {\r\n termsAndConditionsId: string\r\n clientDateTime: Date\r\n}\r\n\r\nexport interface TermsOfService {\r\n termsAndConditionsId: string\r\n show: boolean\r\n termsAndConditionsContent: string\r\n}\r\n\r\nexport interface GetTermsOfServiceContentParams {\r\n id: string\r\n language: UserLanguage\r\n}\r\n","import { CreditCard } from './creditCards'\r\nimport { Lot, LotCustomStyles, OptionType } from './lot'\r\n\r\nexport enum CarStatus {\r\n Parked = 1,\r\n RequiresPayment = 2,\r\n ParkingHasExpired = 3,\r\n RequiresAddMoreTime = 4,\r\n}\r\n\r\nexport enum PaymentOperationType {\r\n Payment = 1,\r\n Coupon = 2,\r\n BuyMoreTime = 3,\r\n}\r\n\r\nexport enum TransactionStatus {\r\n NotStarted = 0,\r\n Started = 1,\r\n SuccessfulPreAuth = 2,\r\n SuccessfulCommit = 3,\r\n Rejected = 4,\r\n Failed = 5,\r\n Suspend = 6,\r\n Cancelled = 7,\r\n}\r\n\r\nexport enum CurrencyFormat {\r\n AfterAmount = 1,\r\n BeforeAmount = 2,\r\n}\r\nexport interface Currency {\r\n cultureName: string\r\n currencyFormat: CurrencyFormat\r\n currencySymbol?: string\r\n}\r\n\r\nexport interface PaymentOperation {\r\n amount: number\r\n dateAtUTC: string\r\n dateAtLocal: string\r\n name?: string\r\n validatorName?: string\r\n type: PaymentOperationType\r\n}\r\n\r\nexport interface Settlement {\r\n convenienceFee: number\r\n convenienceFeeName?: string\r\n currency: Currency\r\n finalAmount: number\r\n parkingAmount: number\r\n paymentOperationList: PaymentOperation[]\r\n creditCardInfo?: Pick\r\n}\r\n\r\nexport enum ParkerType {\r\n Normal = 1,\r\n Monthly = 2,\r\n}\r\nexport interface Ticket {\r\n addTimeEnable: boolean\r\n advertisementUrl?: string\r\n carId: string\r\n carStatus: CarStatus\r\n currentDateTime: string\r\n /** @deprecated */\r\n isMonthlyParker?: boolean\r\n lot: Lot & { logoLink?: string }\r\n parkerType: ParkerType\r\n parkingBeginDateTime?: string\r\n parkingExpireDateTime?: string\r\n plate: string\r\n settlement?: Settlement\r\n spot: string\r\n validateEnable: boolean\r\n customStyles: LotCustomStyles[]\r\n externalServiceDeliversReceipts: boolean\r\n}\r\n\r\nexport interface ParkTime {\r\n parkingTimeMinutes?: number\r\n parkingTimeHours?: number\r\n parkingTimeDays?: number\r\n optionId?: string\r\n optionType?: OptionType\r\n parkingExpireDateTime?: string\r\n}\r\n\r\n/**\r\n * API CALLS\r\n */\r\nexport interface GetTicketPayload {\r\n carId: string\r\n}\r\n\r\nexport type GetTicketData = Ticket\r\nexport interface GetTicketsData {\r\n tickets: Ticket[]\r\n}\r\n\r\nexport type ParkCarPayload = {\r\n parkerId: string\r\n parkerMonthlyId?: string\r\n plate: string\r\n spot?: string\r\n parkTime?: ParkTime\r\n externalPricingId?: string\r\n}\r\nexport interface ParkCarData {\r\n carId: string\r\n carStatus: CarStatus\r\n paymentRedirectionAvailable: boolean\r\n contactDataRequired: boolean\r\n customerHasEmail: boolean \r\n}\r\nexport interface BuyMoreTimePayload {\r\n carId: string\r\n parkTime?: ParkTime\r\n}\r\n\r\nexport interface BuyMoreTimeExternalPayload\r\n extends Pick {\r\n externalPricingId: string\r\n}\r\nexport interface BuyMoreTimeData {\r\n requiresPayment: boolean\r\n paymentRedirectionAvailable: boolean\r\n}\r\n\r\nexport interface PayForCarPayload {\r\n carId: string\r\n creditCardId?: string\r\n zipCode: string\r\n lastName?: string\r\n creditCardInfo?: {\r\n ccNumber: string\r\n expirationYear: number\r\n expirationMonth: number\r\n }, \r\n recaptchaToken: string\r\n}\r\nexport interface PayForCarData {\r\n success: boolean\r\n}\r\n\r\nexport interface ParkCarRedirectPayload {\r\n carId: string\r\n recaptchaToken: string\r\n}\r\n\r\nexport interface ParkCarRedirectData {\r\n token: string\r\n}\r\n\r\nexport interface ParkCarTransactionStatusPayload {\r\n carId: string\r\n transactionId?: string\r\n}\r\n\r\nexport interface ParkCarTransactionStatusData {\r\n transactionStatus: TransactionStatus\r\n}\r\n","import { PromiseStatus } from './slices.types'\r\nimport { FetchStatus } from 'typedef'\r\n\r\nexport const ADS = 'ads'\r\nexport const CARS = 'cars'\r\nexport const COUPON = 'cupon'\r\nexport const CREDIT_CARDS = 'creditCards'\r\nexport const CUSTOMER = 'customer'\r\nexport const FETCH = '/fetch'\r\nexport const LAYOUT = 'layout'\r\nexport const MAP = 'map'\r\nexport const PARK_CAR = 'parkCar'\r\nexport const RECEIPTS = 'receipts'\r\nexport const SIMULATE_PRICE = 'simulatePrice'\r\nexport const TERMS = 'terms'\r\nexport const TERMS_OF_SERVICE = 'termsOfService'\r\nexport const TICKETS = 'tickets'\r\nexport const CONTACT_INFORMATIONS = 'contactInformations'\r\n\r\nexport const initialPromiseStatus: PromiseStatus = {\r\n description: '',\r\n title: '',\r\n variant: 'warning',\r\n status: [FetchStatus.Idle],\r\n requestId: null,\r\n time: null,\r\n code: null,\r\n}\r\n","export default __webpack_public_path__ + \"static/media/bg.205d97ef.png\";","import { createSlice, PayloadAction } from '@reduxjs/toolkit'\r\nimport { FullLayoutProps } from 'shared/layout/FullLayout'\r\nimport { TopbarProps } from 'shared/Topbar'\r\nimport { RootState } from 'store/rootReducer'\r\nimport { LAYOUT } from './constants'\r\nimport bg from 'assets/images/bg.png'\r\n\r\nconst defaultCustomStyles = {\r\n headerBgUrl: bg,\r\n cardBgUrl: '',\r\n}\r\nexport interface LayoutState {\r\n layout?: FullLayoutProps\r\n topbar?: TopbarProps\r\n bottomMenu?: boolean\r\n autoToogleSnackGap?: boolean\r\n height?: number\r\n loader?: boolean\r\n innerWidth?: number\r\n customStyles: {\r\n headerBgUrl: string\r\n cardBgUrl: string\r\n }\r\n}\r\nexport type LayoutStateWithoutCustomStyles = Omit\r\nexport const appLayoutProps: LayoutStateWithoutCustomStyles = {\r\n layout: {\r\n hasFlatBackground: true,\r\n hasTopBar: true,\r\n hasBottomBar: true,\r\n hasSnackbar: false,\r\n },\r\n autoToogleSnackGap: true,\r\n topbar: {},\r\n bottomMenu: true,\r\n}\r\nexport const authLayoutProps: LayoutStateWithoutCustomStyles = {\r\n layout: {\r\n hasTopBar: true,\r\n hasBottomBar: true,\r\n narrow: true,\r\n },\r\n bottomMenu: false,\r\n topbar: null,\r\n}\r\n/**\r\n * state\r\n */\r\nconst initialState: LayoutState = {\r\n layout: {\r\n hasTopBar: true,\r\n hasBottomBar: true,\r\n narrow: true,\r\n },\r\n autoToogleSnackGap: false,\r\n bottomMenu: false,\r\n topbar: null,\r\n height: window.innerHeight,\r\n loader: false,\r\n innerWidth: 0,\r\n customStyles: defaultCustomStyles,\r\n}\r\n\r\n/**\r\n * reducers\r\n */\r\nconst layoutSlice = createSlice({\r\n name: LAYOUT,\r\n initialState,\r\n reducers: {\r\n setLayout(state, { payload }: PayloadAction) {\r\n state.layout = payload\r\n },\r\n setTopbar(state, { payload }: PayloadAction) {\r\n state.topbar = payload\r\n },\r\n setBottomMenu(state, { payload }: PayloadAction) {\r\n state.bottomMenu = payload\r\n },\r\n setHeight(state, { payload }: PayloadAction) {\r\n state.height = payload\r\n },\r\n setCenter(state, { payload }: PayloadAction) {\r\n state.layout.center = payload\r\n },\r\n setSnackbarGutter(state, { payload }: PayloadAction) {\r\n state.layout.hasSnackbar = payload\r\n },\r\n setInnerWidth(state, { payload }: PayloadAction) {\r\n state.innerWidth = payload\r\n },\r\n // setAd(state, { payload }: PayloadAction) {\r\n // state.ad = payload\r\n // },\r\n setFullLayout(\r\n state,\r\n { payload }: PayloadAction\r\n ) {\r\n state.layout = payload?.layout ? payload?.layout : {}\r\n state.topbar = payload.topbar\r\n state.bottomMenu = payload.bottomMenu\r\n state.autoToogleSnackGap = payload.autoToogleSnackGap\r\n },\r\n setAuthLayout(state) {\r\n state.layout = authLayoutProps.layout\r\n state.topbar = authLayoutProps.topbar\r\n state.bottomMenu = authLayoutProps.bottomMenu\r\n state.autoToogleSnackGap = authLayoutProps.autoToogleSnackGap\r\n },\r\n setAppLayout(state) {\r\n state.layout = appLayoutProps.layout\r\n state.topbar = appLayoutProps.topbar\r\n state.bottomMenu = appLayoutProps.bottomMenu\r\n state.autoToogleSnackGap = appLayoutProps.autoToogleSnackGap\r\n },\r\n setLoader(state, { payload }: PayloadAction>) {\r\n const loader = typeof payload === 'boolean' ? payload : !state.loader\r\n state.loader = loader\r\n },\r\n setCustomStyles(\r\n state,\r\n { payload }: PayloadAction>\r\n ) {\r\n state.customStyles = {\r\n cardBgUrl: payload?.cardBgUrl || defaultCustomStyles.cardBgUrl,\r\n headerBgUrl: payload?.headerBgUrl || defaultCustomStyles.headerBgUrl,\r\n }\r\n },\r\n },\r\n})\r\n\r\nexport default layoutSlice.reducer\r\nexport const { actions } = layoutSlice\r\n\r\n/**\r\n * selectors\r\n */\r\nexport const stateSelectors = (state: RootState) => state.layout\r\n","enum Translations {\n PARKED_CARS = \"PARKED_CARS\",\n MY_RECEIPTS = \"MY_RECEIPTS\",\n CREDIT_CARDS = \"CREDIT_CARDS\",\n MY_CARS = \"MY_CARS\",\n FIND_CAR = \"FIND_CAR\",\n SIGN_OUT = \"SIGN_OUT\",\n PCODE_PARKING_NAME = \"PCODE_PARKING_NAME\",\n LOG_IN = \"LOG_IN\",\n SIGN_UP = \"SIGN_UP\",\n LOGIN = \"LOGIN\",\n PASSWORD = \"PASSWORD\",\n FORGOT_PASSWORD = \"FORGOT_PASSWORD\",\n TERMS_AND_CONDITIONS = \"TERMS_AND_CONDITIONS\",\n PARKING_MADE_EASY = \"PARKING_MADE_EASY\",\n CREATING_ACCOUNT = \"CREATING_ACCOUNT\",\n NEXT = \"NEXT\",\n FIRST_NAME = \"FIRST_NAME\",\n LAST_NAME = \"LAST_NAME\",\n PHONE_NUMBER = \"PHONE_NUMBER\",\n E_MAIL = \"E_MAIL\",\n FIELD_REQUIRED = \"FIELD_REQUIRED\",\n PASSWORD_MIN_LENGTH = \"PASSWORD_MIN_LENGTH\",\n PASSWORD_MAX_LENGTH = \"PASSWORD_MAX_LENGTH\",\n PASSWORD_NOT_MATCH = \"PASSWORD_NOT_MATCH\",\n INVALID_EMAIL = \"INVALID_EMAIL\",\n INVALID_PHONE_NUMBER = \"INVALID_PHONE_NUMBER\",\n SET_PASSWORD = \"SET_PASSWORD\",\n BOTH_PASSWORD_NEED_TO_BE_THE_SAME = \"BOTH_PASSWORD_NEED_TO_BE_THE_SAME\",\n CONFIRM_PASSWORD = \"CONFIRM_PASSWORD\",\n CODE_MESSAGE = \"CODE_MESSAGE\",\n RESEND_CODE = \"RESEND_CODE\",\n CREATE = \"CREATE\",\n WELCOME = \"WELCOME\",\n YOUR_ACCOUNT_HAS_BEEN_SUCCESFULLY_CREATED = \"YOUR_ACCOUNT_HAS_BEEN_SUCCESFULLY_CREATED\",\n ADD_NEW_CAR = \"ADD_NEW_CAR\",\n LICENCE_PLATE = \"LICENCE_PLATE\",\n INVALID_PLATE_NUMBER = \"INVALID_PLATE_NUMBER\",\n ONLY_ALPHANUMERIC_CHARACTERS_ARE_ALLOWED = \"ONLY_ALPHANUMERIC_CHARACTERS_ARE_ALLOWED\",\n DELETE_CAR = \"DELETE_CAR\",\n ARE_YOU_SURE_YOU_WANT_TO_REMOVE_YOUR_CAR = \"ARE_YOU_SURE_YOU_WANT_TO_REMOVE_YOUR_CAR\",\n TRY_AGAIN = \"TRY_AGAIN\",\n MY_PROFILE = \"MY_PROFILE\",\n CHANGE_PASSWORD = \"CHANGE_PASSWORD\",\n SAVE = \"SAVE\",\n DELETE_MY_ACCOUNT = \"DELETE_MY_ACCOUNT\",\n PLEASE_PROVIDE_YOUR_CURRENT_PASSWORD_AND_SET_THE_NEW_ONE = \"PLEASE_PROVIDE_YOUR_CURRENT_PASSWORD_AND_SET_THE_NEW_ONE\",\n CURRENT_PASSWORD = \"CURRENT_PASSWORD\",\n NEW_PASSWORD = \"NEW_PASSWORD\",\n CONFIRM_NEW_PASSWORD = \"CONFIRM_NEW_PASSWORD\",\n CHANGE = \"CHANGE\",\n INCORRECT_PASSWORD = \"INCORRECT_PASSWORD\",\n SUCCESS = \"SUCCESS\",\n YOUR_PASSWORD_HAS_BEEN_CHANGED = \"YOUR_PASSWORD_HAS_BEEN_CHANGED\",\n PLEASE_PROVIDE_YOUR_PASSWORD_TO_REMOVE_YOUR_ACCOUNT = \"PLEASE_PROVIDE_YOUR_PASSWORD_TO_REMOVE_YOUR_ACCOUNT\",\n DELETE = \"DELETE\",\n OOPS = \"OOPS\",\n YOUR_ACCOUNT_CANNOT_BE_DELETED_AT_THE_MOMENT = \"YOUR_ACCOUNT_CANNOT_BE_DELETED_AT_THE_MOMENT\",\n YOUR_CAR_CANNOT_BE_DELETED_AT_THE_MOMENT = \"YOUR_CAR_CANNOT_BE_DELETED_AT_THE_MOMENT\",\n PLEASE_TRY_AGAIN_LATER = \"PLEASE_TRY_AGAIN_LATER\",\n CLOSE = \"CLOSE\",\n INVALID_PASSWORD = \"INVALID_PASSWORD\",\n CANCEL = \"CANCEL\",\n PLEASE_LOGIN_TO_DISCOVER_WHOLE_APPP_FUNCTIONALITY = \"PLEASE_LOGIN_TO_DISCOVER_WHOLE_APPP_FUNCTIONALITY\",\n SIGN_IN = \"SIGN_IN\",\n TERMS_AND_CONDITIONS_CONTENT = \"TERMS_AND_CONDITIONS_CONTENT\",\n DELETE_CREDIT_CARD = \"DELETE_CREDIT_CARD\",\n ARE_YOU_SURE_YOU_WANT_TO_REMOVE_YOUR_CREDIT_CARD = \"ARE_YOU_SURE_YOU_WANT_TO_REMOVE_YOUR_CREDIT_CARD\",\n CARD_ADD_INFO = \"CARD_ADD_INFO\",\n EMAIL_WAS_SENT = \"EMAIL_WAS_SENT\",\n PLEASE_CHECK_YOUR_INBOX = \"PLEASE_CHECK_YOUR_INBOX\",\n SUBMIT = \"SUBMIT\",\n FORGOT_PASSWORD_SEND_ME_MAIL_DESC = \"FORGOT_PASSWORD_SEND_ME_MAIL_DESC\",\n RESET_PASSWORD = \"RESET_PASSWORD\",\n THE_PASSWORD_IS_CHANGED = \"THE_PASSWORD_IS_CHANGED\",\n YOUR_PASSWORD_HAS_BEEN_RESET = \"YOUR_PASSWORD_HAS_BEEN_RESET\",\n ADD_CARD_INFO = \"ADD_CARD_INFO\",\n SEND_RECEIPT = \"SEND_RECEIPT\",\n RECEIPT_WILL_BE_SENT_TO_PROVIDED_EMAIL = \"RECEIPT_WILL_BE_SENT_TO_PROVIDED_EMAIL\",\n CREDIT_CARD_NUMBER = \"CREDIT_CARD_NUMBER\",\n MONTH = \"MONTH\",\n YEAR = \"YEAR\",\n BILLING_ZIP_CODE = \"BILLING_ZIP_CODE\",\n ADD_CARD = \"ADD_CARD\",\n INVALID_ZIP_CODE = \"INVALID_ZIP_CODE\",\n ZIP_CODE_SHOULD_NOT_BE_EMPTY = \"ZIP_CODE_SHOULD_NOT_BE_EMPTY\",\n INVALID_CREDIT_CARD_NUMBER = \"INVALID_CREDIT_CARD_NUMBER\",\n CREDIT_CARD_HAS_BEEN_ADDED = \"CREDIT_CARD_HAS_BEEN_ADDED\",\n ADD_CARD_ERROR = \"ADD_CARD_ERROR\",\n FIND_CARS_INFO = \"FIND_CARS_INFO\",\n FIND_CARS_RESULT_INFO = \"FIND_CARS_RESULT_INFO\",\n MY_CREDIT_CARDS = \"MY_CREDIT_CARDS\",\n PARKING_HISTORY = \"PARKING_HISTORY\",\n INVALID_LICENCE_PLATE = \"INVALID_LICENCE_PLATE\",\n WRONG_LOGIN_OR_PASSWORD = \"WRONG_LOGIN_OR_PASSWORD\",\n INVALID_COUNTRY_CODE = \"INVALID_COUNTRY_CODE\",\n ACTIVATION_CODE_HAS_BEEN_SENT = \"ACTIVATION_CODE_HAS_BEEN_SENT\",\n YOUR_ACCOUNT_HAS_BEEN_DELETED = \"YOUR_ACCOUNT_HAS_BEEN_DELETED\",\n CREATE_ACCOUNT_ERROR = \"CREATE_ACCOUNT_ERROR\",\n ACCOUNT_ALREADY_EXISTS = \"ACCOUNT_ALREADY_EXISTS\",\n PHONE_NUMBER_ALREADY_EXISTS = \"PHONE_NUMBER_ALREADY_EXISTS\",\n INVALID_ACTIVATION_CODE = \"INVALID_ACTIVATION_CODE\",\n ACTIVATION_CODE_SEND_FAIL = \"ACTIVATION_CODE_SEND_FAIL\",\n AMBIGUOUS_LOGIN = \"AMBIGUOUS_LOGIN\",\n UNEXPECTED_ERROR_PLEASE_TRY_AGAIN = \"UNEXPECTED_ERROR_PLEASE_TRY_AGAIN\",\n OK = \"OK\",\n NO_RECEIPTS_FOUND = \"NO_RECEIPTS_FOUND\",\n YOUR_RECEIPT_CANNOT_BE_SENT = \"YOUR_RECEIPT_CANNOT_BE_SENT\",\n YOUR_CAR_CANNOT_BE_ADDED = \"YOUR_CAR_CANNOT_BE_ADDED\",\n EMAIL = \"EMAIL\",\n SEND = \"SEND\",\n NO_CREDIT_CARDS_FOUND = \"NO_CREDIT_CARDS_FOUND\",\n AT_LEAST_ONE_LOWERCASE = \"AT_LEAST_ONE_LOWERCASE\",\n AT_LEAST_ONE_UPPERCASE = \"AT_LEAST_ONE_UPPERCASE\",\n AT_LEAST_ONE_NUMBER = \"AT_LEAST_ONE_NUMBER\",\n AT_LEAST_ONE_SPECIAL_CHARACTER = \"AT_LEAST_ONE_SPECIAL_CHARACTER\",\n NEW_PASSWORD_HAS_TO_BE_DIFFERENT = \"NEW_PASSWORD_HAS_TO_BE_DIFFERENT\",\n ARE_YOU_SURE_YOU_WANT_TO_REMOVE_YOUR_ACCOUNT = \"ARE_YOU_SURE_YOU_WANT_TO_REMOVE_YOUR_ACCOUNT\",\n PERSONAL_DATA = \"PERSONAL_DATA\",\n CREATE_PASSWORD = \"CREATE_PASSWORD\",\n TYPE_ACTIVATION_CODE = \"TYPE_ACTIVATION_CODE\",\n BACK_TO_LOGIN = \"BACK_TO_LOGIN\",\n BACK = \"BACK\",\n FIRSTNAME_CANNOT_BE_EMPTY = \"FIRSTNAME_CANNOT_BE_EMPTY\",\n LASTNAME_CANNOT_BE_EMPTY = \"LASTNAME_CANNOT_BE_EMPTY\",\n NAME_CANNOT_BE_EMPTY = \"NAME_CANNOT_BE_EMPTY\",\n EMAIL_CANNOT_BE_EMPTY = \"EMAIL_CANNOT_BE_EMPTY\",\n PHONE_CANNOT_BE_EMPTY = \"PHONE_CANNOT_BE_EMPTY\",\n PLATE_CANNOT_BE_EMPTY = \"PLATE_CANNOT_BE_EMPTY\",\n NO_CARS_FOUND = \"NO_CARS_FOUND\",\n CANNOT_FETCH_CAR_LIST = \"CANNOT_FETCH_CAR_LIST\",\n CANNOT_FETCH_CREDIT_CARDS_LIST = \"CANNOT_FETCH_CREDIT_CARDS_LIST\",\n CAR_HAS_BEEN_ADDED = \"CAR_HAS_BEEN_ADDED\",\n CAR_NAME = \"CAR_NAME\",\n TICKETS = \"TICKETS\",\n CAR_PARKED = \"CAR_PARKED\",\n CARS_PARKED = \"CARS_PARKED\",\n NO_PARKED_CARS = \"NO_PARKED_CARS\",\n PARK_CAR = \"PARK_CAR\",\n PARKING_EXPIRES_AT = \"PARKING_EXPIRES_AT\",\n PARKING_EXPIRED_AT = \"PARKING_EXPIRED_AT\",\n SEE_DETAILS = \"SEE_DETAILS\",\n TOTAL = \"TOTAL\",\n VALIDATE = \"VALIDATE\",\n ADD_TIME = \"ADD_TIME\",\n TICKET_DETAILS = \"TICKET_DETAILS\",\n RECEIPT = \"RECEIPT\",\n PARK_AGAIN = \"PARK_AGAIN\",\n EDIT_MY_INFO = \"EDIT_MY_INFO\",\n LAST_RECEIPT = \"LAST_RECEIPT\",\n SEE_MORE = \"SEE_MORE\",\n RETRY = \"RETRY\",\n FETCH_RECEIPTS_ERROR = \"FETCH_RECEIPTS_ERROR\",\n FETCH_CARS_ERROR = \"FETCH_CARS_ERROR\",\n FETCH_CREDIT_CARDS_ERROR = \"FETCH_CREDIT_CARDS_ERROR\",\n LOG_IN_AS_GUEST = \"LOG_IN_AS_GUEST\",\n EDIT = \"EDIT\",\n FETCH_CUSTOMER_DETAILS_ERROR = \"FETCH_CUSTOMER_DETAILS_ERROR\",\n PARK_ANOTHER_CAR = \"PARK_ANOTHER_CAR\",\n CONVENIENCE_FEE = \"CONVENIENCE_FEE\",\n PARKED = \"PARKED\",\n VALIDATED = \"VALIDATED\",\n BUY_MORE_TIME = \"BUY_MORE_TIME\",\n QUESTION = \"QUESTION\",\n YOUR_EMAIL_ADDRESS = \"YOUR_EMAIL_ADDRESS\",\n SEND_QUESTION = \"SEND_QUESTION\",\n YOUR_QUESTION_CANNOT_BE_SENT = \"YOUR_QUESTION_CANNOT_BE_SENT\",\n YOUR_QUESTION_HAS_BEEN_SENT = \"YOUR_QUESTION_HAS_BEEN_SENT\",\n QUESTION_CANNOT_BE_EMPTY = \"QUESTION_CANNOT_BE_EMPTY\",\n YOUR_ACCOUNT_HAS_BEEN_SUCCESSFULLY_SAVED = \"YOUR_ACCOUNT_HAS_BEEN_SUCCESSFULLY_SAVED\",\n YOUR_ACCOUNT_CANNOT_BE_SAVE = \"YOUR_ACCOUNT_CANNOT_BE_SAVE\",\n SPOT_NUMBER = \"SPOT_NUMBER\",\n PAY = \"PAY\",\n ALL_DAY_UNTIL = \"ALL_DAY_UNTIL\",\n PARKING_FEE = \"PARKING_FEE\",\n CHANGE_PRICING = \"CHANGE_PRICING\",\n SELECT_PRICING = \"SELECT_PRICING\",\n PRICING_LIST = \"PRICING_LIST\",\n PLEASE_CONFIRM_YOU_ARE_IN_SPOT = \"PLEASE_CONFIRM_YOU_ARE_IN_SPOT\",\n CONFIRM = \"CONFIRM\",\n FAILED_PARK_CAR = \"FAILED_PARK_CAR\",\n VALIDATOR_INFO = \"VALIDATOR_INFO\",\n FETCH_VALIDATORS_ERROR = \"FETCH_VALIDATORS_ERROR\",\n NO_VALIDATORS_FOUND = \"NO_VALIDATORS_FOUND\",\n ACCEPT = \"ACCEPT\",\n TICKET_CANNOT_BE_VALIDATED = \"TICKET_CANNOT_BE_VALIDATED\",\n TICKET_HAS_BEEN_VALIDATED = \"TICKET_HAS_BEEN_VALIDATED\",\n CODE_IS_INVALID = \"CODE_IS_INVALID\",\n INVALID_CODE = \"INVALID_CODE\",\n CURRENT_PASSWORD_CANNOT_BE_EMPTY = \"CURRENT_PASSWORD_CANNOT_BE_EMPTY\",\n NEW_PASSWORD_CANNOT_BE_EMPTY = \"NEW_PASSWORD_CANNOT_BE_EMPTY\",\n CONFIRM_NEW_PASSWORD_CANNOT_BE_EMPTY = \"CONFIRM_NEW_PASSWORD_CANNOT_BE_EMPTY\",\n NO_PARKING_FOUND = \"NO_PARKING_FOUND\",\n TODAY_OPEN = \"TODAY_OPEN\",\n LOCATION_IS_NOT_AVAILABLE = \"LOCATION_IS_NOT_AVAILABLE\",\n NAVIGATE = \"NAVIGATE\",\n NO_SEARCH_HISTORY = \"NO_SEARCH_HISTORY\",\n FAILED_PROPERLY_RETRIEVE = \"FAILED_PROPERLY_RETRIEVE\",\n REFRESH = \"REFRESH\",\n SOME_DATA_HAS_NOT_BEEN_UPDATED = \"SOME_DATA_HAS_NOT_BEEN_UPDATED\",\n TICKET = \"TICKET\",\n CHOOSE_CARD = \"CHOOSE_CARD\",\n ADD_NEW_CARD = \"ADD_NEW_CARD\",\n MANAGE_CARDS = \"MANAGE_CARDS\",\n SELECT_CARD = \"SELECT_CARD\",\n MANAGE_CREDIT_CARDS = \"MANAGE_CREDIT_CARDS\",\n ZIP_CODE = \"ZIP_CODE\",\n CREDIT_CARD_SHOULD_NOT_BE_EMPTY = \"CREDIT_CARD_SHOULD_NOT_BE_EMPTY\",\n INVALID_CARD_NUMBER = \"INVALID_CARD_NUMBER\",\n INVALID_EXPIRATION_DATE = \"INVALID_EXPIRATION_DATE\",\n ADD_CREDIT_CARD = \"ADD_CREDIT_CARD\",\n CANNOT_ADD_CREDIT_CARD = \"CANNOT_ADD_CREDIT_CARD\",\n YOUR_CARD_HAS_BEEN_REJECTED = \"YOUR_CARD_HAS_BEEN_REJECTED\",\n SUCCESSFUL = \"SUCCESSFUL\",\n REFRESHING_DATA = \"REFRESHING_DATA\",\n INCORRECT_CONFIRM_TOKEN = \"INCORRECT_CONFIRM_TOKEN\",\n INCORRECT_TOKEN = \"INCORRECT_TOKEN\",\n YOUR_PASSWORD_CANNOT_BE_CHANGED_AT_THE_MOMENT_PLEASE_TRY_AGAIN_LATER = \"YOUR_PASSWORD_CANNOT_BE_CHANGED_AT_THE_MOMENT_PLEASE_TRY_AGAIN_LATER\",\n LAST_4_CREDIT_CARD_DIGITS = \"LAST_4_CREDIT_CARD_DIGITS\",\n INCORRECT_SPOT_NUMBER = \"INCORRECT_SPOT_NUMBER\",\n CANCEL_PARKING_PROCESS = \"CANCEL_PARKING_PROCESS\",\n ARE_YOU_SURE_YOU_WANT_TO_CANCEL_PARKING_PROCESS = \"ARE_YOU_SURE_YOU_WANT_TO_CANCEL_PARKING_PROCESS\",\n YES = \"YES\",\n NO = \"NO\",\n PARK = \"PARK\",\n SKIP = \"SKIP\",\n PROVIDED_CODE_IS_INVALID = \"PROVIDED_CODE_IS_INVALID\",\n PLEASE_SCAN_THE_POSTED_QR_CODE = \"PLEASE_SCAN_THE_POSTED_QR_CODE\",\n THE_CAR_HAS_BEEN_ADDED = \"THE_CAR_HAS_BEEN_ADDED\",\n CONFIRM_PASSWORD_CANNOT_BE_EMPTY = \"CONFIRM_PASSWORD_CANNOT_BE_EMPTY\",\n PASSWORD_CANNOT_BE_EMPTY = \"PASSWORD_CANNOT_BE_EMPTY\",\n MINIMUM_8_CHARACTERS_AT_LEAST_ONE_CAPITAL = \"MINIMUM_8_CHARACTERS_AT_LEAST_ONE_CAPITAL\",\n THE_LICENCE_PLATE_IS_ALREADY_IN_USE = \"THE_LICENCE_PLATE_IS_ALREADY_IN_USE\",\n PARKING_UNAVAILABLE = \"PARKING_UNAVAILABLE\",\n WE_ARE_SORRY_BUT_THE_CURRENT_PARKING_IS_NOT_AVAILABLE = \"WE_ARE_SORRY_BUT_THE_CURRENT_PARKING_IS_NOT_AVAILABLE\",\n BUY_MORE_TIME_OPTION_IS_UNVAILABLE_BECAUSE_MAXIMUM_PARKING_TIME_HAS_BEEN_REACHED = \"BUY_MORE_TIME_OPTION_IS_UNVAILABLE_BECAUSE_MAXIMUM_PARKING_TIME_HAS_BEEN_REACHED\",\n DATE_IS_INVALID = \"DATE_IS_INVALID\",\n DATE_SHOULD_NOT_BE_EMPTY = \"DATE_SHOULD_NOT_BE_EMPTY\",\n PAYMENT_SUCCESSFUL = \"PAYMENT_SUCCESSFUL\",\n SPOT_NUMBER_MUST_BE_BETWEEN = \"SPOT_NUMBER_MUST_BE_BETWEEN\",\n CLOSED = \"CLOSED\",\n OLD_PASSWORD_MUST_BE_DIFFERENT_THEN_THE_NEW_PASSWORD = \"OLD_PASSWORD_MUST_BE_DIFFERENT_THEN_THE_NEW_PASSWORD\",\n NO_E_MAIL_ASSIGNED_TO_GIVEN_PHONE_NUMBER = \"NO_E_MAIL_ASSIGNED_TO_GIVEN_PHONE_NUMBER\",\n TRANSACTION_DECLINED = \"TRANSACTION_DECLINED\",\n YOUR_TRANSACTION_HAS_BEEN_REJECTED = \"YOUR_TRANSACTION_HAS_BEEN_REJECTED\",\n OPEN_GATE = \"OPEN_GATE\",\n GATE_IS_OPENING_PLEASE_WAIT = \"GATE_IS_OPENING_PLEASE_WAIT\",\n YOU_SHOULD_RECEIVE_A_TEXT_MESSAGE_WITH_YOUR_DIGITAL_TICKET_HERE_SHORTLY = \"YOU_SHOULD_RECEIVE_A_TEXT_MESSAGE_WITH_YOUR_DIGITAL_TICKET_HERE_SHORTLY\",\n SEND_DIGITAL_TICKET_AGAIN = \"SEND_DIGITAL_TICKET_AGAIN\",\n BACK_TO_TICKETS = \"BACK_TO_TICKETS\",\n APPLICATION_CRASHED = \"APPLICATION_CRASHED\",\n RESTART_APPLICATION = \"RESTART_APPLICATION\",\n ERROR = \"ERROR\",\n PARKING_TIMER = \"PARKING_TIMER\",\n PAY_AND_EXIT = \"PAY_AND_EXIT\",\n THANK_YOU_FOR_PARKING = \"THANK_YOU_FOR_PARKING\",\n TO_OPEN_GATE_AND_LEAVE_THE_PARKING = \"TO_OPEN_GATE_AND_LEAVE_THE_PARKING\",\n THANK_YOU_FOR_YOUR_PAYMENT = \"THANK_YOU_FOR_YOUR_PAYMENT\",\n PLEASE_BE_AWARE_THAT_IF_YOU_DO_NOT_EXIT_THE_PARKING_FACILITY = \"PLEASE_BE_AWARE_THAT_IF_YOU_DO_NOT_EXIT_THE_PARKING_FACILITY\",\n SCAN_QR_CODE_TO_EXIT_PARKING = \"SCAN_QR_CODE_TO_EXIT_PARKING\",\n EXIT_PARKING = \"EXIT_PARKING\",\n TOTAL_PARKING_TIME = \"TOTAL_PARKING_TIME\",\n PARKING_AS_MONTHLY_PARKER = \"PARKING_AS_MONTHLY_PARKER\",\n YOU_ARE_ON_PARKING = \"YOU_ARE_ON_PARKING\",\n IT_SEEMS_THAT_YOUR_VEHICLE_IS_CURRENTLY_ALREADY_PARKED = \"IT_SEEMS_THAT_YOUR_VEHICLE_IS_CURRENTLY_ALREADY_PARKED\",\n UNFORTUNATELY_WE_CANNOT_FIND_YOUR_TICKET = \"UNFORTUNATELY_WE_CANNOT_FIND_YOUR_TICKET\",\n IT_SEEMS_THAT_YOUR_TICKET_IS_UNPAID = \"IT_SEEMS_THAT_YOUR_TICKET_IS_UNPAID\",\n PARKING_RATES = \"PARKING_RATES\",\n CALCULATE = \"CALCULATE\",\n EXIT_TIME = \"EXIT_TIME\",\n ENTRY_TIME = \"ENTRY_TIME\",\n UNHANDLED_GATE = \"UNHANDLED_GATE\",\n PARKING_IS_CLOSED = \"PARKING_IS_CLOSED\",\n GATED_PARKING_FACILITY = \"GATED_PARKING_FACILITY\",\n ACCESS_MAY_BE_GAINED_BY_SCANNING_THE_POSTED_QR = \"ACCESS_MAY_BE_GAINED_BY_SCANNING_THE_POSTED_QR\",\n TICKET_NOT_FOUND = \"TICKET_NOT_FOUND\",\n HOUR = \"HOUR\",\n HOURS = \"HOURS\",\n SELECT_LOT = \"SELECT_LOT\",\n SEARCH_BEST_PARKING_PRICING = \"SEARCH_BEST_PARKING_PRICING\",\n LICENCE_PLATE_IS_REQUIRED = \"LICENCE_PLATE_IS_REQUIRED\",\n SPOT_NUMBER_IS_REQUIRED = \"SPOT_NUMBER_IS_REQUIRED\",\n PARK_FOR = \"PARK_FOR\",\n PARK_UNTIL = \"PARK_UNTIL\",\n ALL_DAY = \"ALL_DAY\",\n SERVICE_TEMPORARILY_UNAVAILABLE_TRY_AGAIN_LATER = \"SERVICE_TEMPORARILY_UNAVAILABLE_TRY_AGAIN_LATER\",\n RATE_HAS_EXPIRED = \"RATE_HAS_EXPIRED\",\n RATE_HAS_EXPIRED_PLEASE_SELECT_YOUR_TIME_AGAIN = \"RATE_HAS_EXPIRED_PLEASE_SELECT_YOUR_TIME_AGAIN\",\n OR = \"OR\",\n RATE_EXPIRES_IN = \"RATE_EXPIRES_IN\",\n NO_AVAILABLE_PARKING_AT_CURRENT_TIME = \"NO_AVAILABLE_PARKING_AT_CURRENT_TIME\",\n INVALID_END_TIME = \"INVALID_END_TIME\",\n TIMEOUT = \"TIMEOUT\",\n YOUR_SESSION_HAS_EXPIRED_PLEASE_START_OVER = \"YOUR_SESSION_HAS_EXPIRED_PLEASE_START_OVER\",\n I_WANT_MONTHLY_PARKING = \"I_WANT_MONTHLY_PARKING\",\n SELECT_TIME = \"SELECT_TIME\",\n HAS_PARKED_CARS = \"HAS_PARKED_CARS\",\n TODAY_CLOSED = \"TODAY_CLOSED\",\n YOUR_CARD_CANNOT_BE_ADDED_AT_THE_MOMENT_PLEASE_TRY_AGAIN_LATER = \"YOUR_CARD_CANNOT_BE_ADDED_AT_THE_MOMENT_PLEASE_TRY_AGAIN_LATER\",\n USE_SMS_LINK_TO_LEAVE_PARKING = \"USE_SMS_LINK_TO_LEAVE_PARKING\",\n PLEASE_USE_SMS_LINK_AND_SCAN_QR_CODE = \"PLEASE_USE_SMS_LINK_AND_SCAN_QR_CODE\",\n TEXT2PARK_NOT_AVAILABLE = \"TEXT2PARK_NOT_AVAILABLE\",\n TEXT2PARK_IS_CURRENTLY_NOT_AVAILABLE = \"TEXT2PARK_IS_CURRENTLY_NOT_AVAILABLE\",\n USER_DENIED_GEOLOCALIZATION = \"USER_DENIED_GEOLOCALIZATION\",\n POSITION_UNAVAILABLE = \"POSITION_UNAVAILABLE\",\n POSITION_GEOLOCALIZATION_TIMEOUT = \"POSITION_GEOLOCALIZATION_TIMEOUT\",\n THE_TICKET_CANNOT_BE_VALIDATED_AT_THE_MOMENT = \"THE_TICKET_CANNOT_BE_VALIDATED_AT_THE_MOMENT\",\n NO_SPACES_AVAILABLE = \"NO_SPACES_AVAILABLE\",\n PARKING_IS_UNAVAILABLE = \"PARKING_IS_UNAVAILABLE\",\n NEED_HELP = \"NEED_HELP\",\n CONTACT_INFORMATION = \"CONTACT_INFORMATION\",\n COMPANY_NAME = \"COMPANY_NAME\",\n PHONE = \"PHONE\",\n WEBSITE = \"WEBSITE\",\n RECEIPTS_AND_NOTIFICATIONS = \"RECEIPTS_AND_NOTIFICATIONS\",\n ALMOST_FINISHED = \"ALMOST_FINISHED\",\n TAP_ADD_NEW_CARD = \"TAP_ADD_NEW_CARD\",\n TAP_STORED_CARD = \"TAP_STORED_CARD\",\n TO_ADD_NEW_TAP_MANAGE_CARDS = \"TO_ADD_NEW_TAP_MANAGE_CARDS\",\n ENTER_ZIP_CODE = \"ENTER_ZIP_CODE\",\n TYPE_CONFIRMATION_CODE = \"TYPE_CONFIRMATION_CODE\",\n MESSAGE_WITH_CONFIRMATION_CODE_HAS_BEEN_SENT = \"MESSAGE_WITH_CONFIRMATION_CODE_HAS_BEEN_SENT\",\n YOU_DIDNT_RECEIVE_THE_CODE = \"YOU_DIDNT_RECEIVE_THE_CODE\",\n TO_RECEIVE_PARKING_EXPIRATION_TEXT_MESSAGES = \"TO_RECEIVE_PARKING_EXPIRATION_TEXT_MESSAGES\",\n TO_RECEIVE_YOUR_RECEIPT_VIA_EMAIL = \"TO_RECEIVE_YOUR_RECEIPT_VIA_EMAIL\",\n TOKEN_EXPIRED = \"TOKEN_EXPIRED\",\n MONTH_SHORT = \"MONTH_SHORT\",\n YEAR_SHORT = \"YEAR_SHORT\",\n ALREADY_HAVE_AN_ACCOUNT = \"ALREADY_HAVE_AN_ACCOUNT\",\n PLEASE_ENTER_YOUR_MOBILE_PHONE = \"PLEASE_ENTER_YOUR_MOBILE_PHONE\",\n PLEASE_ENTER_YOUR_EMAIL = \"PLEASE_ENTER_YOUR_EMAIL\",\n TERMS_OF_SERVICE = \"TERMS_OF_SERVICE\",\n READ_AND_AGREE = \"READ_AND_AGREE\",\n NOTIFICATIONS = \"NOTIFICATIONS\",\n NOTIFICATIONS_SUBTITLE = \"NOTIFICATIONS_SUBTITLE\",\n PARKING_NOTIFICATIONS = \"PARKING_NOTIFICATIONS\",\n MAXIMUM_PARKING_TIME = \"MAXIMUM_PARKING_TIME\",\n REMAINING_MAXIMUM_PARKING_TIME = \"REMAINING_MAXIMUM_PARKING_TIME\",\n HOURS_SHORT = \"HOURS_SHORT\",\n MINUTES_SHORT = \"MINUTES_SHORT\",\n DAYS = \"DAYS\",\n DAY = \"DAY\",\n DAY_SHORT = \"DAY_SHORT\",\n SELECT_LANGUAGE = \"SELECT_LANGUAGE\",\n AMERICAN_ENGLISH = \"AMERICAN_ENGLISH\",\n BRITISH_ENGLISH = \"BRITISH_ENGLISH\",\n ITALIAN = \"ITALIAN\",\n GERMAN = \"GERMAN\",\n COUNTRY_CODE_AND_PHONE_NUMBER = \"COUNTRY_CODE_AND_PHONE_NUMBER\",\n PLEASE_COMPLETE_THE_CAPTCHA = \"PLEASE_COMPLETE_THE_CAPTCHA\",\n USER_IS_NOT_HUMAN = \"USER_IS_NOT_HUMAN\",\n RECAPTCHA_VERIFICATION_FAILED = \"RECAPTCHA_VERIFICATION_FAILED\",\n PLEASE_COMPLETE_RECAPTCHA_VERIFICATION = \"PLEASE_COMPLETE_RECAPTCHA_VERIFICATION\",\n \n}\n\nexport default Translations;","import T from 'utils/translations'\r\nimport { ErrorCode, ErrorResponse } from 'typedef'\r\n\r\n// TODO:\r\nexport const login: ErrorResponse = {\r\n [ErrorCode.OtherError]: {\r\n title: T.OOPS,\r\n description: T.UNEXPECTED_ERROR_PLEASE_TRY_AGAIN,\r\n variant: 'warning',\r\n },\r\n [ErrorCode.NotEnoughParameters]: {\r\n title: T.INCORRECT_PASSWORD,\r\n description: '4013',\r\n },\r\n [ErrorCode.CustomerDoesntExist]: {\r\n title: T.INCORRECT_PASSWORD,\r\n description: '4013',\r\n },\r\n}\r\n\r\nexport const getCustomerDetails: ErrorResponse = {\r\n [ErrorCode.OtherError]: {\r\n title: T.OOPS,\r\n description: T.FAILED_PROPERLY_RETRIEVE,\r\n variant: 'warning',\r\n },\r\n}\r\nexport const register: ErrorResponse = {\r\n [ErrorCode.OtherError]: {\r\n title: T.OOPS,\r\n description: T.UNEXPECTED_ERROR_PLEASE_TRY_AGAIN,\r\n variant: 'warning',\r\n },\r\n}\r\nexport const confirmRegister: ErrorResponse = {\r\n [ErrorCode.OtherError]: {\r\n title: T.OOPS,\r\n description: T.UNEXPECTED_ERROR_PLEASE_TRY_AGAIN,\r\n variant: 'warning',\r\n },\r\n}\r\nexport const remindPassword: ErrorResponse = {\r\n [ErrorCode.OtherError]: {\r\n title: T.OOPS,\r\n description: T.UNEXPECTED_ERROR_PLEASE_TRY_AGAIN,\r\n variant: 'warning',\r\n },\r\n}\r\nexport const resetPassword: ErrorResponse = {\r\n [ErrorCode.OtherError]: {\r\n title: T.OOPS,\r\n description: T.UNEXPECTED_ERROR_PLEASE_TRY_AGAIN,\r\n variant: 'warning',\r\n },\r\n}\r\nexport const changePassword: ErrorResponse = {\r\n [ErrorCode.OtherError]: {\r\n title: T.OOPS,\r\n description:\r\n T.YOUR_PASSWORD_CANNOT_BE_CHANGED_AT_THE_MOMENT_PLEASE_TRY_AGAIN_LATER,\r\n variant: 'warning',\r\n },\r\n}\r\nexport const refreshToken: ErrorResponse = {\r\n [ErrorCode.OtherError]: {\r\n title: T.OOPS,\r\n description: T.UNEXPECTED_ERROR_PLEASE_TRY_AGAIN,\r\n variant: 'warning',\r\n },\r\n}\r\nexport const findCar: ErrorResponse = {\r\n [ErrorCode.OtherError]: {\r\n title: T.OOPS,\r\n description: T.NO_CARS_FOUND,\r\n variant: 'warning',\r\n },\r\n}\r\n\r\nexport const CustomerApiError = {\r\n login,\r\n getCustomerDetails,\r\n register,\r\n confirmRegister,\r\n remindPassword,\r\n resetPassword,\r\n changePassword,\r\n refreshToken,\r\n findCar,\r\n}\r\nexport default CustomerApiError\r\n","import T from 'utils/translations'\r\nimport { ErrorCode, ErrorResponse } from 'typedef'\r\n\r\nexport const sendReceipt: ErrorResponse = {\r\n [ErrorCode.OtherError]: {\r\n title: T.OOPS,\r\n description: T.YOUR_RECEIPT_CANNOT_BE_SENT,\r\n variant: 'warning',\r\n },\r\n}\r\nexport const getReceipts: ErrorResponse = {\r\n [ErrorCode.OtherError]: {\r\n title: T.OOPS,\r\n description: T.UNEXPECTED_ERROR_PLEASE_TRY_AGAIN,\r\n variant: 'warning',\r\n },\r\n}\r\nexport const sendQuestion: ErrorResponse = {\r\n [ErrorCode.OtherError]: {\r\n title: T.OOPS,\r\n description: T.YOUR_QUESTION_CANNOT_BE_SENT,\r\n variant: 'warning',\r\n },\r\n}\r\n\r\nexport const ReceiptsApiError = {\r\n sendReceipt,\r\n getReceipts,\r\n sendQuestion,\r\n}\r\nexport default ReceiptsApiError\r\n","import T from 'utils/translations'\r\nimport { ErrorCode, ErrorResponse } from 'typedef'\r\n\r\n// TODO:\r\nexport const getCars: ErrorResponse = {\r\n [ErrorCode.OtherError]: {\r\n title: T.OOPS,\r\n description: T.CANNOT_FETCH_CAR_LIST,\r\n variant: 'warning',\r\n },\r\n}\r\nexport const AddCar: ErrorResponse = {\r\n [ErrorCode.OtherError]: {\r\n title: T.OOPS,\r\n description: T.YOUR_CAR_CANNOT_BE_ADDED,\r\n variant: 'warning',\r\n },\r\n [ErrorCode.ObjectExist]: {\r\n description: T.THE_LICENCE_PLATE_IS_ALREADY_IN_USE,\r\n },\r\n}\r\nexport const deleteCar: ErrorResponse = {\r\n [ErrorCode.OtherError]: {\r\n title: T.OOPS,\r\n description: T.YOUR_CAR_CANNOT_BE_DELETED_AT_THE_MOMENT,\r\n variant: 'warning',\r\n },\r\n}\r\n\r\nexport const CarsApiError = { getCars, AddCar, deleteCar }\r\nexport default CarsApiError\r\n","import T from 'utils/translations'\r\nimport { ErrorCode, ErrorResponse } from 'typedef'\r\n\r\nexport const getTicket: ErrorResponse = {\r\n [ErrorCode.IncorrectParameterException]: {\r\n title: T.OOPS,\r\n description: T.TICKET_NOT_FOUND,\r\n variant: 'error',\r\n },\r\n}\r\n\r\nexport const getTickets: ErrorResponse = {\r\n [ErrorCode.OtherError]: {\r\n title: T.OOPS,\r\n description: T.UNEXPECTED_ERROR_PLEASE_TRY_AGAIN,\r\n variant: 'warning',\r\n },\r\n}\r\n\r\nexport const parkCar: ErrorResponse = {\r\n [ErrorCode.OtherError]: {\r\n title: T.OOPS,\r\n description: T.UNEXPECTED_ERROR_PLEASE_TRY_AGAIN,\r\n variant: 'warning',\r\n },\r\n [ErrorCode.IncorrectParameterException]: {\r\n title: T.OOPS,\r\n description: T.INCORRECT_SPOT_NUMBER,\r\n },\r\n [ErrorCode.AutoClearTimeExeeded]: {\r\n title: T.OOPS,\r\n description: T.RATE_HAS_EXPIRED_PLEASE_SELECT_YOUR_TIME_AGAIN,\r\n variant: 'error',\r\n },\r\n}\r\n\r\nexport const buyMoreTime: ErrorResponse = {\r\n [ErrorCode.OtherError]: {\r\n title: T.OOPS,\r\n description: T.UNEXPECTED_ERROR_PLEASE_TRY_AGAIN,\r\n variant: 'warning',\r\n },\r\n}\r\n\r\nexport const payForCar: ErrorResponse = {\r\n [ErrorCode.OtherError]: {\r\n title: T.OOPS,\r\n description: T.UNEXPECTED_ERROR_PLEASE_TRY_AGAIN,\r\n variant: 'warning',\r\n },\r\n}\r\n\r\nexport const parkCarRedirect: ErrorResponse = {\r\n [ErrorCode.OtherError]: {\r\n title: T.OOPS,\r\n description: T.UNEXPECTED_ERROR_PLEASE_TRY_AGAIN,\r\n },\r\n}\r\n\r\nexport const parkCarTransactionStatus: ErrorResponse = {\r\n [ErrorCode.OtherError]: {\r\n title: T.OOPS,\r\n description: T.UNEXPECTED_ERROR_PLEASE_TRY_AGAIN,\r\n variant: 'warning',\r\n },\r\n}\r\nexport default {\r\n getTickets,\r\n parkCar,\r\n payForCar,\r\n getTicket,\r\n buyMoreTime,\r\n\r\n parkCarRedirect,\r\n parkCarTransactionStatus,\r\n}\r\n","import T from 'utils/translations'\r\nimport { ErrorCode, ErrorResponse } from 'typedef'\r\n\r\n// TODO:\r\nexport const getCreditCards: ErrorResponse = {\r\n [ErrorCode.OtherError]: {\r\n title: T.OOPS,\r\n description: T.CANNOT_FETCH_CREDIT_CARDS_LIST,\r\n variant: 'warning',\r\n },\r\n}\r\n\r\nexport const addCreditCard: ErrorResponse = {\r\n [ErrorCode.OtherError]: {\r\n title: T.OOPS,\r\n description:\r\n T.YOUR_CARD_CANNOT_BE_ADDED_AT_THE_MOMENT_PLEASE_TRY_AGAIN_LATER,\r\n variant: 'warning',\r\n },\r\n [ErrorCode.IncorrectParameterException]: {\r\n title: T.CANNOT_ADD_CREDIT_CARD,\r\n description: T.YOUR_CARD_HAS_BEEN_REJECTED,\r\n variant: 'error',\r\n },\r\n}\r\n\r\nexport const creditCardsApiError = { getCreditCards, addCreditCard }\r\nexport default creditCardsApiError\r\n","import T from 'utils/translations'\r\nimport { ErrorCode, ErrorResponse } from 'typedef'\r\n\r\nexport const getLotDetailsPark: ErrorResponse = {\r\n [ErrorCode.OtherError]: {\r\n title: T.OOPS,\r\n description: T.UNEXPECTED_ERROR_PLEASE_TRY_AGAIN,\r\n variant: 'warning',\r\n },\r\n [ErrorCode.IncorrectParameterException]: {\r\n title: T.OOPS,\r\n description: T.INCORRECT_TOKEN,\r\n },\r\n [ErrorCode.TokenExpired]: {\r\n title: T.OOPS,\r\n description: T.TOKEN_EXPIRED,\r\n },\r\n}\r\nexport const getLots: ErrorResponse = {\r\n [ErrorCode.IncorrectParameterException]: {\r\n title: T.OOPS,\r\n description: T.INCORRECT_TOKEN,\r\n },\r\n [ErrorCode.OtherError]: {\r\n title: T.OOPS,\r\n description: T.UNEXPECTED_ERROR_PLEASE_TRY_AGAIN,\r\n variant: 'warning',\r\n },\r\n [ErrorCode.TokenExpired]: {\r\n title: T.OOPS,\r\n description: T.TOKEN_EXPIRED,\r\n },\r\n}\r\nexport const getSimulatedPrices: ErrorResponse = {}\r\n\r\nexport const LotApiError = { getLotDetailsPark, getLots, getSimulatedPrices }\r\nexport default LotApiError\r\n","import T from 'utils/translations'\r\nimport { ErrorCode, ErrorResponse } from 'typedef'\r\n\r\nexport const getValidators: ErrorResponse = {\r\n [ErrorCode.OtherError]: {\r\n title: T.OOPS,\r\n description: T.SOME_DATA_HAS_NOT_BEEN_UPDATED,\r\n variant: 'warning',\r\n },\r\n}\r\nexport const validateCode: ErrorResponse = {\r\n [ErrorCode.OtherError]: {\r\n title: T.OOPS,\r\n description: T.THE_TICKET_CANNOT_BE_VALIDATED_AT_THE_MOMENT,\r\n variant: 'warning',\r\n },\r\n}\r\n\r\nexport const validatorsApiError = { getValidators, validateCode }\r\nexport default validatorsApiError\r\n","import { ErrorCode, ErrorResponse } from 'typedef'\r\n\r\nimport T from 'utils/translations'\r\n\r\n// TODO:\r\nexport const getTerms: ErrorResponse = {\r\n [ErrorCode.OtherError]: {\r\n title: T.OOPS,\r\n description: T.UNEXPECTED_ERROR_PLEASE_TRY_AGAIN,\r\n variant: 'warning',\r\n },\r\n}\r\n\r\nexport const TermsApiError = { getTerms }\r\nexport default TermsApiError\r\n","export const LOG = '/Log'\r\nexport const CUSTOMER_CAR = '/CustomerCar'\r\nexport const TICKETS = '/Tickets'\r\nexport const CREDIT_CARD = '/CreditCard'\r\nexport const PARK_CAR = '/ParkCar'\r\nexport const SMS = '/SMS'\r\nexport const PARK_CAR_REDIRECT = `${PARK_CAR}/PayRedirect`\r\nexport const PARK_CAR_TRANSACTION_STATUS = `${PARK_CAR}/TransactionStatus`\r\nexport const PARK_CAR_PAY = `${PARK_CAR}/Pay`\r\nexport const LOTS = '/Lots'\r\nexport const LOTS_DETAILS_PARK = `${LOTS}/Details/Park`\r\nexport const LOTS_DETAILS_MAP = `${LOTS}/Details/Map`\r\nexport const LOTS_SIMULATED_PRICES = `${LOTS}/SimulatedPrices`\r\nexport const LOTS_COMPANY_CONTACT_INFO = `${LOTS}/CompanyContactInfo`\r\nexport const PRICE = '/Price'\r\nexport const PRICE_EXTERNAL_PRICING = `${PRICE}/ExternalPricing`\r\nexport const COUPON = '/Coupon'\r\nexport const UPFRONT_COUPON = `${COUPON}/Upfront`\r\nexport const CUSTOMER = '/Customer'\r\nexport const CUSTOMER_LOGIN = `${CUSTOMER}/Login`\r\nexport const CUSTOMER_GET_DETAILS = `${CUSTOMER}/GetDetails`\r\nexport const CUSTOMER_REFRESH_TOKEN = `${CUSTOMER}/RefreshToken`\r\nexport const CUSTOMER_REGISTER = `${CUSTOMER}/Register`\r\nexport const CUSTOMER_CONFIRM_REGISTER = `${CUSTOMER}/ConfirmRegister`\r\nexport const CUSTOMER_REMIND_PASSWORD = `${CUSTOMER}/RemindPassword`\r\nexport const CUSTOMER_RESET_PASSWORD = `${CUSTOMER}/ResetPassword`\r\nexport const CUSTOMER_CHANGE_PASSWORD = `${CUSTOMER}/ChangePassword`\r\nexport const CUSTOMER_EDIT = `${CUSTOMER}/Edit`\r\nexport const CUSTOMER_DELETE = `${CUSTOMER}/Delete`\r\nexport const CUSTOMER_PHONE_NO_IS_AVAILABLE = `${CUSTOMER}/PhoneNoIsAvailable`\r\nexport const CUSTOMER_RESEND_REGISTRATION_PIN = `${CUSTOMER}/ResendRegistrationPin`\r\nexport const CUSTOMER_FIND_MY_CAR = `${CUSTOMER}/FindCar`\r\nexport const CUSTOMER_ADD_GUEST_NOTIFICATION = `${CUSTOMER}/AddGuestNotification`\r\nexport const CUSTOMER_GET_GUEST_NOTIFICATION = `${CUSTOMER}/GuestNotification`\r\nexport const SMS_SEND_VERIFICATION_SMS = `${SMS}/SendVerificationSMS`\r\nexport const SMS_RESEND_VERIFICATION_SMS = `${SMS}/ResendVerificationSMS`\r\nexport const TERMS_AND_CONDITIONS = `/TermsAndConditions`\r\nexport const RECEIPT = `/Receipt`\r\nexport const RECEIPT_QUESTION = `${RECEIPT}/SendQuestion`\r\nexport const SHOW_FOR_CUSTOMER = `${TERMS_AND_CONDITIONS}/ShowForCustomer`\r\nexport const ACCEPT_TOS = `${TERMS_AND_CONDITIONS}/Accept`\r\nexport const VERIFY_HUMAN = `/ReCaptcha/VerifyHuman`\r\n","import MockAdapter from 'axios-mock-adapter'\r\nimport { mockedAxios } from '../axios'\r\n\r\nexport const mock = new MockAdapter(mockedAxios, { delayResponse: 1500 })\r\n\r\nexport default mock\r\n","import { Car } from 'typedef/car'\r\n\r\nexport const cars: Car[] = [\r\n {\r\n carId: '123123',\r\n plate: 'SQSQSQ',\r\n name: 'Car 1',\r\n },\r\n {\r\n carId: '123321',\r\n plate: 'CQSRT2',\r\n name: 'Car 2',\r\n },\r\n]\r\n","import mock from '.'\r\nimport { Response } from 'typedef/api'\r\nimport { AddCarPayload, GetCarsData, AddCarData } from 'typedef/car'\r\nimport { cars } from '__fixtures__/myCars'\r\n\r\n// mock.onGet('/CustomerCar').networkError()\r\nmock.onGet('/CustomerCar').reply(config => {\r\n return [\r\n 200,\r\n {\r\n data: { cars },\r\n } as Response,\r\n ]\r\n})\r\n\r\n// mock.onPost('/CustomerCar').networkError()\r\nmock.onPost('/CustomerCar').reply(config => {\r\n const request = JSON.parse(config.data) as AddCarPayload\r\n if (!request) return [400]\r\n\r\n return [200, { data: { carId: '0-' + cars.length } } as Response]\r\n})\r\n\r\nmock.onDelete('/CustomerCar').networkError()\r\n// mock.onDelete('/CustomerCar').reply(config => {\r\n// return [200, {} as Response]\r\n// })\r\n","import {\r\n AddCarData,\r\n AddCarPayload,\r\n DeleteCarPayload,\r\n GetCarsData,\r\n} from 'typedef/car'\r\nimport { CUSTOMER_CAR } from './constants'\r\nimport axios from '.'\r\nimport { Response } from '../typedef/api'\r\nimport './mocks/CarsApiMock'\r\n\r\nexport const getCars = async () => {\r\n try {\r\n const result = await axios.get>(CUSTOMER_CAR)\r\n return result.data.data\r\n } catch (err) {\r\n throw err\r\n }\r\n}\r\n\r\nexport const addCar = async (request: AddCarPayload) => {\r\n try {\r\n const { data } = await axios.post>(\r\n CUSTOMER_CAR,\r\n request\r\n )\r\n return data.data\r\n } catch (err) {\r\n throw err\r\n }\r\n}\r\n\r\nexport const deleteCar = async (request: DeleteCarPayload) => {\r\n try {\r\n await axios.delete(`${CUSTOMER_CAR}/${request.carId}`)\r\n return request.carId\r\n } catch (err) {\r\n throw err\r\n }\r\n}\r\n","import { CreditCard, CardType } from 'typedef/creditCards'\r\n\r\nexport const cards: CreditCard[] = [\r\n {\r\n creditCardId: '21379110-1234-1111-0000-123412341234',\r\n last4Digits: '2137',\r\n cardType: CardType.MasterCard,\r\n },\r\n {\r\n creditCardId: '21379110-1234-1111-0000-32112321',\r\n last4Digits: '3221',\r\n cardType: CardType.AmericanExpress,\r\n },\r\n {\r\n creditCardId: '32322222-1234-1111-0000-123412341234',\r\n last4Digits: '1267',\r\n cardType: CardType.DinersClub,\r\n },\r\n {\r\n creditCardId: '42322222-1234-1111-0000-123412341234',\r\n last4Digits: '3212',\r\n cardType: CardType.Invalid,\r\n },\r\n {\r\n creditCardId: '52322222-1234-1111-0000-123412341234',\r\n last4Digits: '1214',\r\n cardType: CardType.JCB,\r\n },\r\n {\r\n creditCardId: '52322222-1234-1111-0000-123412341234',\r\n last4Digits: '2231',\r\n cardType: CardType.Discover,\r\n },\r\n {\r\n creditCardId: '52322222-1234-1111-0000-123412341234',\r\n last4Digits: '3333',\r\n cardType: CardType.Visa,\r\n },\r\n]\r\n","import mock from '.'\r\nimport { Response } from '../../typedef/api'\r\nimport { cards } from '__fixtures__/myCreditCards'\r\nimport { GetCreditCardsData, AddCreditCardData } from 'typedef/creditCards'\r\nimport { nanoid } from '@reduxjs/toolkit'\r\n\r\nmock.onGet('/CreditCard').reply(config => {\r\n return [\r\n 200,\r\n {\r\n data: { creditCards: cards },\r\n } as Response,\r\n ]\r\n})\r\n\r\nmock.onDelete('/CreditCard').reply(config => {\r\n const data = config.data\r\n\r\n if (!data) return [400]\r\n\r\n return [200, {} as Response]\r\n})\r\n\r\nmock.onPost('/CreditCard').reply(config => {\r\n console.log({ config })\r\n return [\r\n 200,\r\n {\r\n // errors: [{ errorCode: 4020 }],\r\n data: { creditCardId: nanoid() },\r\n } as Response,\r\n ]\r\n})\r\n","import { Tokens, UserRole } from 'typedef/customer'\r\n\r\nexport interface ITokensStorageService {\r\n set: (tokens: Tokens) => void\r\n get: () => Tokens | null\r\n clear: () => void\r\n setUserRole: (tokens: UserRole) => void\r\n getUserRole: () => UserRole | null\r\n clearUserRole: () => void\r\n}\r\n\r\nconst set = (tokens: Tokens) => {\r\n localStorage.setItem('tokens', JSON.stringify(tokens))\r\n}\r\nconst setUserRole = (role: UserRole) => {\r\n localStorage.setItem('role', JSON.stringify(role))\r\n}\r\n\r\nconst get = () => {\r\n const tokensStorage = localStorage.getItem('tokens')\r\n if (!tokensStorage) return null\r\n\r\n const tokens: Tokens = JSON.parse(tokensStorage)\r\n return tokens\r\n}\r\nconst getUserRole = () => {\r\n const tokensStorage = localStorage.getItem('role')\r\n if (!tokensStorage) return null\r\n\r\n const role: UserRole = JSON.parse(tokensStorage)\r\n return role\r\n}\r\n\r\nconst clear = () => {\r\n localStorage.removeItem('tokens')\r\n}\r\n\r\nconst clearUserRole = () => {\r\n localStorage.removeItem('role')\r\n}\r\n\r\nconst tokensStorageService: ITokensStorageService = {\r\n set,\r\n get,\r\n clear,\r\n // Temporary\r\n setUserRole,\r\n getUserRole,\r\n clearUserRole,\r\n}\r\n\r\nexport default tokensStorageService\r\n","import { AxiosRequestConfig } from 'axios'\r\nimport moment from 'moment'\r\nimport mock from '.'\r\nimport { ErrorCode, Response } from '../../typedef/api'\r\nimport { LoginMode, LoginResult, UserRole } from '../../typedef/customer'\r\nimport tokensStorageService from 'utils/tokenStorageService'\r\n\r\nconst loginResult: LoginResult = {\r\n role: UserRole.User,\r\n tokens: {\r\n auth: 'AUTH_TOKEN',\r\n expires: moment().add(1, 'minutes').unix(),\r\n refresh: 'REFRESH_TOKEN',\r\n },\r\n}\r\n\r\nconst loginAsGuestResult: LoginResult = {\r\n role: UserRole.Guest,\r\n tokens: {\r\n auth: 'GUEST_AUTH_TOKEN',\r\n expires: moment().add(1, 'minutes').unix(),\r\n refresh: 'GUEST_REFRESH_TOKEN',\r\n },\r\n}\r\n\r\nconst invalidLoginCredentials = {\r\n login: '22222222',\r\n password: '22222222',\r\n}\r\n\r\n// mock.onPost('/Customer/RefreshToken').networkError()\r\nmock.onPost('/Customer/RefreshToken').reply(config => {\r\n const userRole = tokensStorageService.getUserRole()\r\n const tokens = tokensStorageService.get()\r\n\r\n return [\r\n 200,\r\n {\r\n data: { role: userRole, tokens } as LoginResult,\r\n },\r\n ]\r\n})\r\nmock.onPost('/Customer/Login').reply((config: AxiosRequestConfig) => {\r\n const data = JSON.parse(config.data)\r\n if (\r\n data.login === invalidLoginCredentials.login &&\r\n data.password === invalidLoginCredentials.password\r\n ) {\r\n return [\r\n 400,\r\n {\r\n errors: [\r\n {\r\n errorCode: ErrorCode.IncorrectUserOrPassword,\r\n },\r\n ],\r\n } as Response,\r\n ]\r\n }\r\n\r\n if (data.mode === LoginMode.Guest) {\r\n return [\r\n 200,\r\n {\r\n data: loginAsGuestResult,\r\n },\r\n ]\r\n }\r\n\r\n if (data.mode === LoginMode.User) {\r\n return [\r\n 200,\r\n {\r\n data: loginResult,\r\n } as Response,\r\n ]\r\n }\r\n\r\n return [500, { error: { errorCode: ErrorCode.OtherError } }]\r\n})\r\n\r\nmock.onPut('/Customer/Edit').reply((config: AxiosRequestConfig) => {\r\n if (config.headers['Authorization']) {\r\n return [200, {} as Response]\r\n }\r\n\r\n return [401, {} as Response]\r\n})\r\n\r\nmock.onPut('/Customer/ChangePassword').reply((config: AxiosRequestConfig) => {\r\n if (config.headers['Authorization']) {\r\n const data = JSON.parse(config.data)\r\n if (data.password === '111111' && data.newPassword === '222222') {\r\n return [\r\n 200,\r\n {\r\n errors: [\r\n {\r\n errorCode: ErrorCode.IncorrectUserOrPassword,\r\n },\r\n ],\r\n } as Response,\r\n ]\r\n }\r\n\r\n return [\r\n 200,\r\n {\r\n data: {\r\n tokens: {\r\n auth: 'AUTH_TOKEN_CHANGED_PASSWORD',\r\n refresh: 'REFRESH_TOKEN_CHANGED_PASSWORD',\r\n },\r\n role: UserRole.User,\r\n },\r\n } as Response,\r\n ]\r\n }\r\n\r\n return [401, {} as Response]\r\n})\r\n\r\nmock.onDelete('/Customer/Delete').reply((config: AxiosRequestConfig) => {\r\n if (config.headers['Authorization']) {\r\n if (config.params.password === 'invalid') {\r\n return [\r\n 400,\r\n {\r\n errors: [\r\n {\r\n errorCode: ErrorCode.IncorrectUserOrPassword,\r\n },\r\n ],\r\n } as Response,\r\n ]\r\n }\r\n\r\n if (config.params.password === 'failed') {\r\n return [\r\n 400,\r\n {\r\n errors: [\r\n {\r\n errorCode: ErrorCode.OtherError,\r\n },\r\n ],\r\n } as Response,\r\n ]\r\n }\r\n\r\n return [200, {} as Response]\r\n }\r\n\r\n return [401, {} as Response]\r\n})\r\n\r\nmock.onPost('/Customer/RemindPassword').reply(() => {\r\n return [200, {} as Response]\r\n})\r\n\r\nmock.onPost('/Customer/ResetPassword').reply((config: AxiosRequestConfig) => {\r\n return [\r\n 200,\r\n {\r\n data: {\r\n tokens: {\r\n auth: 'AUTH_TOKEN_RESET_PASSWORD',\r\n refresh: 'REFRESH_TOKEN_RESET_PASSWORD',\r\n expires: Date.now() + 60000,\r\n },\r\n role: UserRole.Guest,\r\n },\r\n errors: [],\r\n } as Response,\r\n ]\r\n})\r\n","import { ErrorCode, ErrorResponses } from 'typedef'\r\nimport T from 'utils/translations'\r\n\r\n// TODO:\r\nexport const defaultErrorData: ErrorResponses = {\r\n [ErrorCode.OtherError]: {\r\n title: T.OOPS,\r\n description: T.UNEXPECTED_ERROR_PLEASE_TRY_AGAIN,\r\n variant: 'warning',\r\n code: ErrorCode.OtherError,\r\n },\r\n [ErrorCode.UnauthorizedAccess]: {\r\n title: T.OOPS,\r\n description: 'Unauthorized',\r\n variant: 'warning',\r\n },\r\n [ErrorCode.IncorrectUserOrPassword]: {\r\n title: T.OOPS,\r\n description: T.WRONG_LOGIN_OR_PASSWORD,\r\n variant: 'warning',\r\n },\r\n [ErrorCode.CannotPerformActionAsGuest]: {\r\n title: T.OOPS,\r\n description: T.UNEXPECTED_ERROR_PLEASE_TRY_AGAIN,\r\n variant: 'warning',\r\n },\r\n [ErrorCode.CannotPerformActionAsUser]: {\r\n title: T.OOPS,\r\n description: T.UNEXPECTED_ERROR_PLEASE_TRY_AGAIN,\r\n variant: 'warning',\r\n },\r\n [ErrorCode.CustomerDoesntExist]: {\r\n title: T.OOPS,\r\n description: T.UNEXPECTED_ERROR_PLEASE_TRY_AGAIN,\r\n variant: 'warning',\r\n },\r\n [ErrorCode.AmbiguousLogin]: {\r\n title: T.OOPS,\r\n description: T.AMBIGUOUS_LOGIN,\r\n variant: 'warning',\r\n },\r\n [ErrorCode.PasswordDoesNotMeetLengthRequirements]: {\r\n title: T.OOPS,\r\n description: T.MINIMUM_8_CHARACTERS_AT_LEAST_ONE_CAPITAL,\r\n variant: 'warning',\r\n },\r\n [ErrorCode.PhoneNumberAndItsCountryCodeCannotBeEmpty]: {\r\n title: T.OOPS,\r\n description: T.PHONE_CANNOT_BE_EMPTY,\r\n variant: 'warning',\r\n },\r\n [ErrorCode.NewPasswordHasToBeDifferent]: {\r\n title: T.INCORRECT_PASSWORD,\r\n description: T.OLD_PASSWORD_MUST_BE_DIFFERENT_THEN_THE_NEW_PASSWORD,\r\n variant: 'error',\r\n },\r\n [ErrorCode.IncorrectConfirmToken]: {\r\n title: T.OOPS,\r\n description: T.INCORRECT_CONFIRM_TOKEN,\r\n variant: 'warning',\r\n },\r\n [ErrorCode.IncorrectPin]: {\r\n title: T.OOPS,\r\n description: T.INVALID_ACTIVATION_CODE,\r\n variant: 'warning',\r\n },\r\n [ErrorCode.NoUserAssignedToGivenEMail]: {\r\n title: T.OOPS,\r\n description: T.NO_E_MAIL_ASSIGNED_TO_GIVEN_PHONE_NUMBER,\r\n variant: 'error',\r\n },\r\n [ErrorCode.NotEnoughParameters]: {\r\n title: T.OOPS,\r\n description: T.UNEXPECTED_ERROR_PLEASE_TRY_AGAIN,\r\n variant: 'warning',\r\n },\r\n [ErrorCode.ParkingLotNotFound]: {\r\n title: T.OOPS,\r\n description: T.NO_PARKING_FOUND,\r\n variant: 'warning',\r\n },\r\n [ErrorCode.InvalidParkerUser]: {\r\n title: T.OOPS,\r\n description: T.UNEXPECTED_ERROR_PLEASE_TRY_AGAIN,\r\n variant: 'warning',\r\n },\r\n [ErrorCode.InvalidMonthlyParkingGroup]: {\r\n title: T.OOPS,\r\n description: T.UNEXPECTED_ERROR_PLEASE_TRY_AGAIN,\r\n variant: 'warning',\r\n },\r\n [ErrorCode.IncorrectMode]: {\r\n title: T.OOPS,\r\n description: T.UNEXPECTED_ERROR_PLEASE_TRY_AGAIN,\r\n variant: 'warning',\r\n },\r\n [ErrorCode.IncorrectParameterException]: {\r\n title: T.OOPS,\r\n description: T.UNEXPECTED_ERROR_PLEASE_TRY_AGAIN,\r\n variant: 'warning',\r\n },\r\n [ErrorCode.CarNotFound]: {\r\n title: T.OOPS,\r\n description: T.NO_CARS_FOUND,\r\n variant: 'warning',\r\n },\r\n [ErrorCode.CreditCardNotFound]: {\r\n title: T.OOPS,\r\n description: T.NO_CREDIT_CARDS_FOUND,\r\n variant: 'warning',\r\n },\r\n [ErrorCode.TicketNotFound]: {\r\n title: T.OOPS,\r\n description: T.UNEXPECTED_ERROR_PLEASE_TRY_AGAIN,\r\n variant: 'warning',\r\n },\r\n [ErrorCode.IncorrectPassword]: {\r\n title: T.OOPS,\r\n description: T.INCORRECT_PASSWORD,\r\n variant: 'error',\r\n },\r\n [ErrorCode.ObjectExist]: {\r\n title: T.OOPS,\r\n description: T.UNEXPECTED_ERROR_PLEASE_TRY_AGAIN,\r\n variant: 'warning',\r\n },\r\n [ErrorCode.IncorrectValidationCouponCode]: {\r\n title: T.INVALID_CODE,\r\n description: T.PROVIDED_CODE_IS_INVALID,\r\n variant: 'error',\r\n },\r\n [ErrorCode.ConflictWithCurrentObjectState]: {\r\n title: T.OOPS,\r\n description: T.UNEXPECTED_ERROR_PLEASE_TRY_AGAIN,\r\n variant: 'warning',\r\n },\r\n [ErrorCode.MonthlyParkingIsDisabledForThisLocation]: {\r\n title: T.OOPS,\r\n description: T.UNEXPECTED_ERROR_PLEASE_TRY_AGAIN,\r\n variant: 'warning',\r\n },\r\n [ErrorCode.ParkCarUsingExitGate]: {\r\n title: T.ERROR,\r\n description: T.UNFORTUNATELY_WE_CANNOT_FIND_YOUR_TICKET,\r\n variant: 'error',\r\n },\r\n [ErrorCode.ParkCarWhileAnotherIsParked]: {\r\n title: T.ERROR,\r\n description: T.IT_SEEMS_THAT_YOUR_VEHICLE_IS_CURRENTLY_ALREADY_PARKED,\r\n variant: 'error',\r\n },\r\n [ErrorCode.ParkingIsClosed]: {\r\n title: T.OOPS,\r\n description: T.PARKING_IS_CLOSED,\r\n variant: 'error',\r\n },\r\n [ErrorCode.TriedToExitWithUnpaidTicket]: {\r\n title: T.OOPS,\r\n description: T.UNEXPECTED_ERROR_PLEASE_TRY_AGAIN,\r\n variant: 'error',\r\n },\r\n [ErrorCode.PaymentTimeExpired]: {\r\n title: T.TIMEOUT,\r\n description: T.YOUR_SESSION_HAS_EXPIRED_PLEASE_START_OVER,\r\n variant: 'error',\r\n },\r\n [ErrorCode.AreaNoIntegrationEnabled]: {\r\n title: T.OOPS,\r\n description: T.UNEXPECTED_ERROR_PLEASE_TRY_AGAIN,\r\n variant: 'error',\r\n },\r\n [ErrorCode.AutoClearTimeExeeded]: {\r\n title: T.OOPS,\r\n description: T.RATE_HAS_EXPIRED_PLEASE_SELECT_YOUR_TIME_AGAIN,\r\n variant: 'error',\r\n },\r\n [ErrorCode.NotImplementedException]: {\r\n title: T.OOPS,\r\n description: T.UNEXPECTED_ERROR_PLEASE_TRY_AGAIN,\r\n variant: 'warning',\r\n },\r\n [ErrorCode.InconsistentData]: {\r\n title: T.OOPS,\r\n description: T.UNEXPECTED_ERROR_PLEASE_TRY_AGAIN,\r\n variant: 'warning',\r\n },\r\n [ErrorCode.FailedSaveCar]: {\r\n title: T.OOPS,\r\n description: T.YOUR_CAR_CANNOT_BE_ADDED,\r\n variant: 'warning',\r\n },\r\n [ErrorCode.FailedSaveCarPayment]: {\r\n title: T.TRANSACTION_DECLINED,\r\n description: T.YOUR_TRANSACTION_HAS_BEEN_REJECTED,\r\n variant: 'error',\r\n },\r\n [ErrorCode.FailedParkCar]: {\r\n title: T.OOPS,\r\n description: T.FAILED_PARK_CAR,\r\n variant: 'warning',\r\n },\r\n [ErrorCode.FailedDeleteCreditCard]: {\r\n title: T.OOPS,\r\n description: T.UNEXPECTED_ERROR_PLEASE_TRY_AGAIN,\r\n variant: 'warning',\r\n },\r\n [ErrorCode.FailedBuyMoreTime]: {\r\n title: T.OOPS,\r\n description: T.FAILED_PARK_CAR,\r\n variant: 'warning',\r\n },\r\n [ErrorCode.CurrentPricingIsExpired]: {\r\n variant: 'error',\r\n description: T.RATE_HAS_EXPIRED_PLEASE_SELECT_YOUR_TIME_AGAIN,\r\n title: T.RATE_HAS_EXPIRED,\r\n },\r\n [ErrorCode.HasParkedCars]: {\r\n variant: 'error',\r\n description: T.HAS_PARKED_CARS,\r\n title: T.OOPS,\r\n },\r\n [ErrorCode.ParkingIsUnavailable]: {\r\n variant: 'error',\r\n description: T.PARKING_IS_UNAVAILABLE,\r\n title: T.OOPS,\r\n },\r\n [ErrorCode.TokenExpired]: {\r\n variant: 'warning',\r\n description: T.TOKEN_EXPIRED,\r\n title: T.OOPS,\r\n },\r\n [ErrorCode.UserIsNotHuman]: {\r\n variant: 'error',\r\n description: T.USER_IS_NOT_HUMAN,\r\n title: 'error',\r\n },\r\n}\r\n","import i18n from 'i18n'\r\nimport { ErrorCode, FetchStatus, Response, ErrorData } from 'typedef'\r\nimport { defaultErrorData } from './apiErrors/DefaultApiError'\r\n\r\nexport const isErrorCode = (value: any): boolean => value in ErrorCode\r\n\r\nexport const getErrorCode = (err: any): ErrorCode => {\r\n return err?.response?.data?.errors\r\n ? (err?.response?.data as Response)?.errors[0]?.errorCode\r\n : ErrorCode.OtherError\r\n}\r\nexport function hasErrorCode(toBeDetermined: any): toBeDetermined is ErrorCode {\r\n if (toBeDetermined in ErrorCode) {\r\n return true\r\n }\r\n return false\r\n}\r\n\r\ntype ErrorMessage = (\r\n defaultErrorData: any,\r\n e?: any,\r\n errorData?: any\r\n) => ErrorData\r\n\r\nexport const errorMessage: ErrorMessage = (\r\n defaultErrorData,\r\n errorCode,\r\n errorData\r\n) => {\r\n let combinedErrorData = defaultErrorData\r\n if (errorData) {\r\n combinedErrorData = { ...defaultErrorData, ...errorData }\r\n }\r\n if (!Number.isInteger(errorCode)) {\r\n return combinedErrorData[ErrorCode.OtherError]\r\n }\r\n let error = combinedErrorData[errorCode]\r\n if (!error) {\r\n error = {}\r\n }\r\n error.code = errorCode\r\n error.title = combinedErrorData[errorCode].title\r\n error.description = combinedErrorData[errorCode].description\r\n error.variant = combinedErrorData[errorCode].variant\r\n if (!error?.variant) {\r\n error.variant = defaultErrorData[errorCode].variant\r\n }\r\n if (!error?.title) {\r\n error.title = defaultErrorData[errorCode].title\r\n }\r\n if (!error?.description) {\r\n error.description = defaultErrorData[errorCode].description\r\n }\r\n\r\n return error\r\n}\r\n\r\ntype GetErrorMessage = (\r\n errorCode?: number,\r\n errorData?: Partial>>\r\n) => ErrorData\r\nexport const getErrorMessage: GetErrorMessage = (errorCode, errorData) => {\r\n const error = errorMessage(defaultErrorData, errorCode, errorData)\r\n return {\r\n ...error,\r\n title: i18n.t(error.title),\r\n description: i18n.t(error.description),\r\n }\r\n}\r\n\r\n/**\r\n * @deprecated\r\n */\r\nexport const fetchStatusIs = (status: FetchStatus) => ({\r\n idle: status === FetchStatus.Idle,\r\n pending: status === FetchStatus.Pending,\r\n fulfilled: status === FetchStatus.Fulfilled,\r\n rejected: status === FetchStatus.Rejected,\r\n})\r\n\r\n/**\r\n * @deprecated, moved to slice utils\r\n */\r\nexport const getPromiseStatus = (statuses: FetchStatus[]) => ({\r\n idle: statuses.includes(FetchStatus.Idle),\r\n pending: statuses.includes(FetchStatus.Pending),\r\n pendingIdle:\r\n statuses.filter(el => el === FetchStatus.Pending || el === FetchStatus.Idle)\r\n .length === 2,\r\n pendingFulfilled:\r\n statuses.filter(\r\n el => el === FetchStatus.Pending || el === FetchStatus.Fulfilled\r\n ).length === 2,\r\n pendingRejected:\r\n statuses.filter(\r\n el => el === FetchStatus.Pending || el === FetchStatus.Rejected\r\n ).length === 2,\r\n fulfilled: statuses.includes(FetchStatus.Fulfilled),\r\n rejected: statuses.includes(FetchStatus.Rejected),\r\n})\r\n","import { GetPriceData } from 'typedef/price'\r\nimport moment from 'moment'\r\n\r\nexport const carParkPrices: GetPriceData[] = [\r\n {\r\n amount: 1111,\r\n totalAmount: 1111,\r\n convenienceFee: 50,\r\n parkingExpireDateTime: moment().add(25, 'm').toISOString(),\r\n validations: [],\r\n },\r\n {\r\n amount: 2233,\r\n totalAmount: 2233,\r\n convenienceFee: 20,\r\n parkingExpireDateTime: moment().add(40, 'm').toISOString(),\r\n convenienceFeeName: 'Test convenience fee name',\r\n validations: [],\r\n },\r\n {\r\n amount: 3233,\r\n totalAmount: 3233,\r\n convenienceFee: 213,\r\n parkingExpireDateTime: moment().add(55, 'm').toISOString(),\r\n convenienceFeeName: 'Test3 convenience fee name',\r\n validations: [],\r\n },\r\n]\r\n","import { PRICE, PRICE_EXTERNAL_PRICING } from 'api/constants'\r\nimport { ExternalPricingData, GetPriceData } from 'typedef/price'\r\nimport { carParkPrices } from '__fixtures__/prices'\r\nimport mock from '.'\r\nimport moment from 'moment'\r\nimport { generateExternalPricings } from './mocks.utils'\r\nmock.onGet(PRICE).replyOnce(config => {\r\n return [\r\n 200,\r\n {\r\n data: carParkPrices[0] as GetPriceData,\r\n },\r\n ]\r\n})\r\n\r\nmock.onGet(PRICE).replyOnce(config => {\r\n return [\r\n 200,\r\n {\r\n data: carParkPrices[1] as GetPriceData,\r\n },\r\n ]\r\n})\r\n\r\nmock.onGet(PRICE).replyOnce(config => {\r\n return [\r\n 200,\r\n {\r\n data: carParkPrices[2] as GetPriceData,\r\n },\r\n ]\r\n})\r\nconst pricings = generateExternalPricings(23)\r\nmock.onGet(PRICE_EXTERNAL_PRICING).reply(config => {\r\n return [\r\n 200,\r\n {\r\n data: {\r\n currentDateUtc: moment().utc().toString(),\r\n pricingExpirationDateUtc: moment().add(5, 'minute').utc().toString(),\r\n pricings,\r\n } as ExternalPricingData,\r\n },\r\n ]\r\n})\r\n// mock.onGet(PRICE).networkErrorOnce()\r\n","import { ExternalPricingOption } from 'typedef'\r\nimport moment from 'moment'\r\nexport const generateExternalPricings = (amount = 4) => {\r\n const arr: ExternalPricingOption[] = Array.from(Array(amount)).map(\r\n (el, i) => ({\r\n amount: 200 + i,\r\n externalPricingId: `id-${i}`,\r\n parkingExpireDateTime: moment()\r\n .add(i, 'hour')\r\n .add(20, 'minute')\r\n .toString(),\r\n fees: [\r\n { amount: 100 + i, label: 'first fee' },\r\n {\r\n amount: 200 + i,\r\n label: 'Second fee',\r\n },\r\n ],\r\n })\r\n )\r\n return arr\r\n}\r\n","// eslint-disable-next-line @typescript-eslint/no-unused-vars\r\nimport axios, { mockedAxios } from '.'\r\nimport { Response } from '../typedef/api'\r\nimport {\r\n ExternalPricingData,\r\n GetExternalPricingPayload,\r\n GetPriceData,\r\n GetPricePayload,\r\n} from '../typedef/price'\r\nimport { PRICE, PRICE_EXTERNAL_PRICING } from './constants'\r\nimport './mocks/PriceApiMock'\r\n\r\nexport const getPrice = async (params: GetPricePayload) => {\r\n try {\r\n const response = await axios.get>(PRICE, {\r\n params,\r\n })\r\n return response.data.data\r\n } catch (err) {\r\n throw err\r\n }\r\n}\r\nexport const getExternalPricing = async (params: GetExternalPricingPayload) => {\r\n try {\r\n const response = await axios.get>(\r\n PRICE_EXTERNAL_PRICING,\r\n {\r\n params,\r\n }\r\n )\r\n return response.data.data\r\n } catch (err) {\r\n throw err\r\n }\r\n}\r\n","import { nanoid } from '@reduxjs/toolkit'\r\nimport { Receipt } from 'typedef/receipt'\r\n\r\nexport const receipts: Receipt[] = [\r\n {\r\n amount: {\r\n currency: {\r\n cultureName: 'en_US',\r\n currencyFormat: null,\r\n currencySymbol: null,\r\n },\r\n totalAmount: 1,\r\n convenienceFee: 50,\r\n },\r\n areaAddress: 'area address',\r\n cardUsed: false,\r\n locationName: 'Area st 11',\r\n carId: nanoid(),\r\n dateInUTC: new Date().toUTCString(),\r\n externalServiceDeliversReceipts: false,\r\n },\r\n {\r\n amount: {\r\n currency: {\r\n cultureName: 'en_US',\r\n currencyFormat: null,\r\n currencySymbol: null,\r\n },\r\n totalAmount: 100,\r\n convenienceFee: 50,\r\n },\r\n areaAddress: 'area address',\r\n cardUsed: false,\r\n locationName: 'Area st 11',\r\n carId: nanoid(),\r\n dateInUTC: new Date().toUTCString(),\r\n externalServiceDeliversReceipts: false,\r\n },\r\n {\r\n amount: {\r\n currency: {\r\n cultureName: 'en_US',\r\n currencyFormat: null,\r\n currencySymbol: null,\r\n },\r\n totalAmount: 102,\r\n convenienceFee: 50,\r\n },\r\n areaAddress: 'area address',\r\n cardUsed: false,\r\n locationName: 'Area st 11',\r\n carId: nanoid(),\r\n dateInUTC: new Date().toUTCString(),\r\n externalServiceDeliversReceipts: false,\r\n },\r\n {\r\n amount: {\r\n currency: {\r\n cultureName: 'en_US',\r\n currencyFormat: null,\r\n currencySymbol: null,\r\n },\r\n totalAmount: 120,\r\n convenienceFee: 50,\r\n },\r\n areaAddress: 'area address',\r\n cardUsed: false,\r\n locationName: 'Area st 11',\r\n carId: nanoid(),\r\n dateInUTC: new Date().toUTCString(),\r\n externalServiceDeliversReceipts: false,\r\n },\r\n\r\n {\r\n amount: {\r\n currency: {\r\n cultureName: 'en_US',\r\n currencyFormat: null,\r\n currencySymbol: null,\r\n },\r\n totalAmount: 1000,\r\n convenienceFee: 50,\r\n },\r\n areaAddress: 'area address',\r\n cardUsed: false,\r\n locationName: 'Area st 11',\r\n carId: nanoid(),\r\n dateInUTC: new Date().toUTCString(),\r\n externalServiceDeliversReceipts: false,\r\n },\r\n\r\n {\r\n amount: {\r\n currency: {\r\n cultureName: 'en_US',\r\n currencyFormat: null,\r\n currencySymbol: null,\r\n },\r\n totalAmount: 1003,\r\n convenienceFee: 50,\r\n },\r\n areaAddress: 'area address',\r\n cardUsed: false,\r\n locationName: 'Area st 11',\r\n carId: nanoid(),\r\n dateInUTC: new Date().toUTCString(),\r\n externalServiceDeliversReceipts: false,\r\n },\r\n {\r\n amount: {\r\n currency: {\r\n cultureName: 'en_US',\r\n currencyFormat: null,\r\n currencySymbol: null,\r\n },\r\n totalAmount: 1030,\r\n convenienceFee: 50,\r\n },\r\n areaAddress: 'area address',\r\n cardUsed: false,\r\n locationName: 'Area st 11',\r\n carId: nanoid(),\r\n dateInUTC: new Date().toUTCString(),\r\n externalServiceDeliversReceipts: false,\r\n },\r\n {\r\n amount: {\r\n currency: {\r\n cultureName: 'en_US',\r\n currencyFormat: null,\r\n currencySymbol: null,\r\n },\r\n totalAmount: 1033,\r\n convenienceFee: 50,\r\n },\r\n areaAddress: 'area address',\r\n cardUsed: false,\r\n locationName: 'Area st 11',\r\n carId: nanoid(),\r\n dateInUTC: new Date().toUTCString(),\r\n externalServiceDeliversReceipts: false,\r\n },\r\n {\r\n amount: {\r\n currency: {\r\n cultureName: 'en_US',\r\n currencyFormat: null,\r\n currencySymbol: null,\r\n },\r\n totalAmount: 1300,\r\n convenienceFee: 50,\r\n },\r\n areaAddress: 'area address',\r\n cardUsed: false,\r\n locationName: 'Area st 11',\r\n carId: nanoid(),\r\n dateInUTC: new Date().toUTCString(),\r\n externalServiceDeliversReceipts: false,\r\n },\r\n {\r\n amount: {\r\n currency: {\r\n cultureName: 'en_US',\r\n currencyFormat: null,\r\n currencySymbol: null,\r\n },\r\n totalAmount: 132103,\r\n convenienceFee: 50,\r\n },\r\n areaAddress: 'area address',\r\n cardUsed: false,\r\n locationName: 'Area st 11',\r\n carId: nanoid(),\r\n dateInUTC: new Date().toUTCString(),\r\n externalServiceDeliversReceipts: false,\r\n },\r\n {\r\n amount: {\r\n currency: {\r\n cultureName: 'en_US',\r\n currencyFormat: null,\r\n currencySymbol: null,\r\n },\r\n totalAmount: 1330,\r\n convenienceFee: 50,\r\n },\r\n areaAddress: 'area address',\r\n cardUsed: false,\r\n locationName: 'Area st 11',\r\n carId: nanoid(),\r\n dateInUTC: new Date().toUTCString(),\r\n externalServiceDeliversReceipts: false,\r\n },\r\n {\r\n amount: {\r\n currency: {\r\n cultureName: 'en_US',\r\n currencyFormat: null,\r\n currencySymbol: null,\r\n },\r\n totalAmount: 2000,\r\n convenienceFee: 50,\r\n },\r\n areaAddress: 'area address',\r\n locationName: 'Area st 12',\r\n cardUsed: false,\r\n carId: 'carId2',\r\n dateInUTC: new Date().toUTCString(),\r\n externalServiceDeliversReceipts: false,\r\n },\r\n]\r\n","import {\r\n GetReceiptsData,\r\n SendQuestionData,\r\n SendReceiptsData,\r\n} from 'typedef/receipt'\r\nimport { receipts } from '__fixtures__/myReceipts'\r\nimport mock from '.'\r\nimport { Response } from '../../typedef/api'\r\n// Get Cars\r\n// mock.onGet('/Receipt').networkError()\r\n\r\nmock.onGet('/Receipt').reply(config => {\r\n return [\r\n 400,\r\n {\r\n data: { receipts } as GetReceiptsData,\r\n },\r\n ]\r\n})\r\n\r\nmock.onPost('/Receipt').reply(config => {\r\n return [\r\n 400,\r\n {\r\n data: true as SendReceiptsData,\r\n },\r\n ]\r\n})\r\n\r\nmock.onPost('/Question').reply(config => {\r\n return [\r\n 400,\r\n {\r\n data: true,\r\n } as Response,\r\n ]\r\n})\r\n","import { Response } from 'typedef/api'\r\nimport {\r\n AddContactInformationsData,\r\n AddContactInformationsPayload,\r\n GetContactInformationsData,\r\n GetReceiptsData,\r\n SendQuestionPayload,\r\n SendReceiptsData,\r\n SendReceiptsPayload,\r\n SendVerificationSMSData,\r\n SendVerificationSMSPayload,\r\n} from 'typedef/receipt'\r\nimport axios from '.'\r\nimport {\r\n CUSTOMER_ADD_GUEST_NOTIFICATION,\r\n CUSTOMER_GET_GUEST_NOTIFICATION,\r\n RECEIPT,\r\n RECEIPT_QUESTION,\r\n SMS_RESEND_VERIFICATION_SMS,\r\n SMS_SEND_VERIFICATION_SMS,\r\n} from './constants'\r\nimport './mocks/ReceipstApiMock'\r\n\r\nexport const getReceipts = async () => {\r\n try {\r\n const { data } = await axios.get>(RECEIPT)\r\n return data.data\r\n } catch (err) {\r\n throw err\r\n }\r\n}\r\n\r\nexport const sendReceipt = async (params: SendReceiptsPayload) => {\r\n try {\r\n const { data } = await axios.post>(\r\n RECEIPT,\r\n params\r\n )\r\n return data.data\r\n } catch (err) {\r\n throw err\r\n }\r\n}\r\n\r\nexport const sendQuestion = async (params: SendQuestionPayload) => {\r\n try {\r\n const { data } = await axios.post>(RECEIPT_QUESTION, params)\r\n return data.data\r\n } catch (err) {\r\n throw err\r\n }\r\n}\r\n\r\nexport const addContactInformations = async (\r\n params: AddContactInformationsPayload\r\n) => {\r\n try {\r\n const response = await axios.put>(\r\n CUSTOMER_ADD_GUEST_NOTIFICATION,\r\n params\r\n )\r\n return response.data.data\r\n } catch (err) {\r\n throw err\r\n }\r\n}\r\n\r\nexport const sendVerificationSMS = async (\r\n params: SendVerificationSMSPayload\r\n) => {\r\n try {\r\n const response = await axios.post>(\r\n SMS_SEND_VERIFICATION_SMS,\r\n params\r\n )\r\n return response.data.data\r\n } catch (err) {\r\n throw err\r\n }\r\n}\r\n\r\nexport const resendVerificationSMS = async (\r\n params: SendVerificationSMSData\r\n) => {\r\n try {\r\n const response = await axios.post>(\r\n SMS_RESEND_VERIFICATION_SMS,\r\n params\r\n )\r\n return response.data.data\r\n } catch (err) {\r\n throw err\r\n }\r\n}\r\n\r\nexport const getContactInformations = async () => {\r\n try {\r\n const response = await axios.get>(\r\n CUSTOMER_GET_GUEST_NOTIFICATION\r\n )\r\n return response.data.data\r\n } catch (err) {\r\n throw err\r\n }\r\n}\r\n","import { TERMS_AND_CONDITIONS } from 'api/constants'\r\nimport i18n from 'i18n'\r\nimport { GetTermsAndConditionsResult } from 'typedef/terms'\r\nimport T from 'utils/translations'\r\nimport mock from '.'\r\n\r\nmock.onGet(TERMS_AND_CONDITIONS).reply(config => {\r\n return [\r\n 200,\r\n {\r\n data: {\r\n text: i18n.t(T.TERMS_AND_CONDITIONS_CONTENT),\r\n } as GetTermsAndConditionsResult,\r\n },\r\n ]\r\n})\r\n// mock.onGet('/Tickets').networkErrorOnce()\r\n","import {\r\n AcceptToSParams,\r\n GetTermsAndConditionsParams,\r\n GetTermsAndConditionsResult,\r\n GetTermsOfServiceContentParams,\r\n ShowForCustomerParams,\r\n ShowForCustomerResult,\r\n} from 'typedef/terms'\r\nimport axios from '.'\r\nimport { Response } from '../typedef/api'\r\nimport {\r\n ACCEPT_TOS,\r\n SHOW_FOR_CUSTOMER,\r\n TERMS_AND_CONDITIONS,\r\n} from './constants'\r\nimport './mocks/TermsAndConditionsApiMock'\r\n\r\nexport const getTerms = async (params: GetTermsAndConditionsParams) => {\r\n try {\r\n const response = await axios.get>(\r\n TERMS_AND_CONDITIONS,\r\n { params }\r\n )\r\n return response.data.data\r\n } catch (err) {\r\n throw err\r\n }\r\n}\r\n\r\nexport const showForCustomer = async (params: ShowForCustomerParams) => {\r\n try {\r\n const response = await axios.get>(\r\n SHOW_FOR_CUSTOMER,\r\n { params }\r\n )\r\n return response.data.data\r\n } catch (err) {\r\n throw err\r\n }\r\n}\r\n\r\nexport const accept = async (params: AcceptToSParams) => {\r\n try {\r\n const response = await axios.post>(ACCEPT_TOS, params)\r\n return response.data.data\r\n } catch (err) {\r\n throw err\r\n }\r\n}\r\n\r\nexport const getTermsOfServiceContent = async (\r\n params: GetTermsOfServiceContentParams\r\n) => {\r\n try {\r\n const response = await axios.get>(\r\n `${TERMS_AND_CONDITIONS}/${params.id}?language=${params.language}`\r\n )\r\n return response.data.data\r\n } catch (err) {\r\n throw err\r\n }\r\n}\r\n","import {\r\n PARK_CAR,\r\n PARK_CAR_PAY,\r\n PARK_CAR_REDIRECT,\r\n PARK_CAR_TRANSACTION_STATUS,\r\n} from 'api/constants'\r\nimport moment from 'moment'\r\nimport {\r\n CardType,\r\n CarStatus,\r\n ErrorCode,\r\n GetTicketData,\r\n GetTicketsData,\r\n ParkCarData,\r\n ParkCarRedirectData,\r\n ParkCarTransactionStatusData,\r\n ParkerType,\r\n PayForCarData,\r\n Ticket,\r\n TransactionStatus,\r\n Response,\r\n} from 'typedef'\r\nimport { parkLot } from '__fixtures__'\r\nimport mock from '.'\r\n\r\nexport const grticket: Ticket = {\r\n carId: '123456',\r\n customStyles: [],\r\n carStatus: CarStatus.RequiresPayment,\r\n parkingBeginDateTime: '2020-09-29T10:00:45',\r\n parkingExpireDateTime: '2020-09-29T11:15:45',\r\n currentDateTime: '2020-09-29T11:00:45',\r\n externalServiceDeliversReceipts: false,\r\n settlement: {\r\n finalAmount: 150,\r\n creditCardInfo: {\r\n cardType: CardType.JCB,\r\n last4Digits: '1234',\r\n creditCardId: 'creditCardId',\r\n },\r\n currency: {\r\n currencySymbol: '$',\r\n currencyFormat: 0,\r\n cultureName: 'en_US',\r\n },\r\n parkingAmount: 100,\r\n convenienceFee: 50,\r\n convenienceFeeName: '',\r\n paymentOperationList: [\r\n {\r\n amount: 100,\r\n name: '',\r\n type: 1,\r\n dateAtLocal: moment().toString(),\r\n dateAtUTC: '2020-09-29T15:40:45',\r\n },\r\n ],\r\n },\r\n parkerType: 1,\r\n advertisementUrl: '',\r\n plate: 'DASDA',\r\n spot: '1232',\r\n lot: {\r\n customStyles: [],\r\n lotType: 1,\r\n lotId: '145471',\r\n lotName: 'LOT 51 - Demo',\r\n locationId: 113041,\r\n locationName: 'PCA - Demo',\r\n logoLink: 'https://test1apismsvalet.t2p.mobi/api/v1/File/GetFile/31745640',\r\n geolocation: {\r\n latitude: 33.1139571,\r\n longitude: -96.8024388,\r\n },\r\n },\r\n validateEnable: true,\r\n addTimeEnable: false,\r\n}\r\n\r\nmock.onGet('/Tickets').reply(config => {\r\n return [\r\n 200,\r\n {\r\n data: {\r\n tickets: [\r\n {\r\n ...grticket,\r\n carStatus: CarStatus.RequiresPayment,\r\n parkingExpireDateTime: '',\r\n },\r\n ],\r\n } as GetTicketsData,\r\n errors: [\r\n {\r\n errorCode: ErrorCode.ObjectExist,\r\n },\r\n ],\r\n },\r\n ]\r\n})\r\n\r\nmock\r\n .onGet(`/Tickets/${grticket.carId}`)\r\n .replyOnce(config => {\r\n return [\r\n 200,\r\n {\r\n data: {\r\n ...grticket,\r\n carStatus: CarStatus.RequiresPayment,\r\n parkingExpireDateTime: '',\r\n } as GetTicketData,\r\n },\r\n ]\r\n })\r\n .onGet(`/Tickets/${grticket.carId}`)\r\n .replyOnce(config => {\r\n return [\r\n 200,\r\n {\r\n data: {\r\n ...grticket,\r\n carStatus: CarStatus.ParkingHasExpired,\r\n } as GetTicketData,\r\n },\r\n ]\r\n })\r\n// mock.onGet('/Tickets').networkErrorOnce()\r\n\r\nmock.onPost(PARK_CAR).reply(config => {\r\n return [\r\n 400,\r\n {\r\n errors: [\r\n {\r\n errorCode: ErrorCode.CurrentPricingIsExpired,\r\n message: 'Current pricing is expired',\r\n },\r\n ],\r\n } as Response,\r\n // 200,\r\n // {\r\n // data: {\r\n // carId: 'test car id',\r\n // carStatus: 1,\r\n // } as ParkCarData,\r\n // },\r\n ]\r\n})\r\nmock.onPost(PARK_CAR_PAY).reply(config => {\r\n return [\r\n 400,\r\n {\r\n data: {\r\n success: true,\r\n } as PayForCarData,\r\n },\r\n ]\r\n})\r\nmock.onGet(PARK_CAR_REDIRECT).reply(config => {\r\n return [\r\n 200,\r\n {\r\n data: {\r\n token: 'redirect-token',\r\n } as ParkCarRedirectData,\r\n },\r\n ]\r\n})\r\nmock.onGet(PARK_CAR_TRANSACTION_STATUS).reply(config => {\r\n return [\r\n 200,\r\n {\r\n data: {\r\n transactionStatus: TransactionStatus.Failed,\r\n } as ParkCarTransactionStatusData,\r\n },\r\n ]\r\n})\r\n\r\nmock\r\n .onGet(\r\n 'https://portal-test.targetadnetwork.com/api/ads/location?uid=564850455&slot=21'\r\n )\r\n .reply(config => {\r\n return [\r\n 200,\r\n `\r\n \r\n\r\n
![](\"https://tezadvnodetest.blob.core.windows.net/tezadvnodetest/banners/197/3ec00c48-c606-ba72-9583-9bebeb370845.png\")
\r\n
\r\n
![](\"https://redro.pl/gfx/fototapeta-panorama-gor-SL782.jpg\")
\r\n
\r\n \r\n \r\n {props.spotNumber}\r\n \r\n
\r\n )\r\n}\r\n\r\nfunction SvgComponent(props: React.SVGProps) {\r\n return (\r\n \r\n )\r\n}\r\n\r\nexport default SpotNumberIcon\r\n","var _circle, _path, _circle2;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgInfo(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: \"1em\",\n height: \"1em\",\n viewBox: \"0 0 110 110\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 55,\n cy: 55,\n r: 37.5,\n stroke: \"#fff\",\n strokeWidth: 5\n })), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M55 33v29\",\n stroke: \"#fff\",\n strokeWidth: 5,\n strokeLinecap: \"round\"\n })), _circle2 || (_circle2 = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 55,\n cy: 73,\n r: 4,\n fill: \"#fff\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgInfo);\nexport default __webpack_public_path__ + \"static/media/info.5d835666.svg\";\nexport { ForwardRef as ReactComponent };","import * as React from 'react'\r\nimport { ReactComponent as DefaultLogo } from '../../assets/images/svg_icons/info.svg'\r\n\r\nfunction SvgComponent() {\r\n return \r\n}\r\n\r\nexport default SvgComponent\r\n","var _rect, _rect2, _path, _circle, _path2, _circle2, _rect3, _rect4, _rect5, _rect6, _rect7, _rect8, _path3, _path4, _path5, _path6;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgValidator(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 671,\n height: 568,\n viewBox: \"0 0 671 568\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n x: 28.706,\n y: 372.843,\n width: 72.867,\n height: 56.069,\n rx: 28.035,\n transform: \"rotate(-30 28.706 372.843)\",\n fill: \"#E6E6E6\"\n })), _rect2 || (_rect2 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 481.589,\n y: 46.625,\n width: 56.131,\n height: 56.131,\n rx: 28.066,\n transform: \"rotate(-30 481.589 46.625)\",\n fill: \"#E6E6E6\"\n })), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M203.695 207.074c-13.424 7.75-18.023 24.915-10.273 38.338 7.636 13.226 24.411 17.886 37.743 10.607l40.611-23.446c13.423-7.75 30.588-3.151 38.338 10.272 7.75 13.424 3.151 30.589-10.273 38.339l-73.088 42.198c.158-.088.316-.177.474-.268l255.075-147.268c.161-.093.321-.187.48-.283l-13.468 7.776c-13.424 7.75-30.589 3.151-38.339-10.273s-3.151-30.588 10.273-38.338l11.88-6.86c12.963-7.908 17.311-24.761 9.677-37.984-7.75-13.424-24.915-18.023-38.338-10.273L203.695 207.074zm137.134 180.085c-13.423 7.751-18.023 24.915-10.272 38.339 7.75 13.423 24.914 18.023 38.338 10.273l156.48-90.344c13.424-7.751 18.023-24.915 10.273-38.339-7.75-13.423-24.915-18.023-38.338-10.273l-156.481 90.344zm-57.825 33.376l.347-.197L493.07 299.256c.129-.074.257-.149.384-.225l-5.206 3.005c-13.423 7.75-30.588 3.151-38.338-10.272-7.75-13.424-3.151-30.589 10.273-38.339l67.134-38.76c.175-.101.351-.2.528-.297l23.298-13.451c13.423-7.75 18.022-24.915 10.272-38.339-7.75-13.423-24.914-18.022-38.338-10.272L177.326 351.925c-13.424 7.75-18.023 24.915-10.273 38.338 7.655 13.258 24.492 17.908 37.839 10.555l88.063-50.843c13.424-7.75 30.589-3.151 38.339 10.272 7.75 13.424 3.151 30.589-10.273 38.339l-38.017 21.949z\",\n fill: \"#E6E6E6\"\n })), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 607.099,\n cy: 398.512,\n r: 14.562,\n stroke: \"#E6E6E6\",\n strokeWidth: 7.009\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M106.488 124.329c0 5.978-4.846 10.824-10.824 10.824s-10.824-4.846-10.824-10.824 4.846-10.824 10.824-10.824 10.824 4.846 10.824 10.824z\",\n stroke: \"#E6E6E6\",\n strokeWidth: 7.009\n })), _circle2 || (_circle2 = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 152.63,\n cy: 493.341,\n r: 16.6,\n stroke: \"#E6E6E6\",\n strokeWidth: 7.009\n })), _rect3 || (_rect3 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 398.53,\n y: 14.33,\n width: 34.887,\n height: 6.23,\n rx: 3.115,\n fill: \"#E6E6E6\"\n })), _rect4 || (_rect4 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 419.091,\n width: 34.887,\n height: 6.23,\n rx: 3.115,\n transform: \"rotate(90 419.091 0)\",\n fill: \"#E6E6E6\"\n })), _rect5 || (_rect5 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 512.97,\n y: 488.73,\n width: 26.166,\n height: 6.23,\n rx: 3.115,\n fill: \"#E6E6E6\"\n })), _rect6 || (_rect6 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 529.169,\n y: 479.077,\n width: 26.166,\n height: 6.23,\n rx: 3.115,\n transform: \"rotate(90 529.169 479.077)\",\n fill: \"#E6E6E6\"\n })), _rect7 || (_rect7 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 121.668,\n y: 262.654,\n width: 26.166,\n height: 6.23,\n rx: 3.115,\n fill: \"#E6E6E6\"\n })), _rect8 || (_rect8 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 137.867,\n y: 253,\n width: 26.166,\n height: 6.23,\n rx: 3.115,\n transform: \"rotate(90 137.867 253)\",\n fill: \"#E6E6E6\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M461.095 201.676c-12.957 10.376-31.922 9.559-43.933-2.451-12.01-12.011-12.827-30.976-2.451-43.933l-41.625-41.625-207.418 207.418 41.625 41.625c12.957-10.38 31.925-9.564 43.937 2.447 12.012 12.012 12.828 30.98 2.448 43.937l41.626 41.627 207.418-207.418-41.627-41.627z\",\n fill: \"#fff\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M461.095 201.677c-12.957 10.377-31.923 9.561-43.934-2.45s-12.828-30.977-2.45-43.934l-41.626-41.626-38.957 38.519.001 172.333v64.167l-.002 23.833 168.594-169.216-41.626-41.626z\",\n fill: \"#ECECEC\"\n })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M253.635 409.052l41.669 41.669 207.418-207.418-41.669-41.669M207.337 362.753l-41.669-41.668 207.418-207.418 41.669 41.668\",\n stroke: \"#AFAFAF\",\n strokeWidth: 7.333\n })), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M463.834 199.226c-12.888 12.887-33.782 12.887-46.669 0-12.888-12.887-12.888-33.782 0-46.669M204.558 365.161c12.887-12.887 33.781-12.887 46.669 0 12.887 12.888 12.887 33.782 0 46.669M308.268 178.485l23.334 23.335M347.162 217.375l18.921 18.922M383.456 253.673l18.921 18.922M438.219 308.44l-23.652-23.651\",\n stroke: \"#AFAFAF\",\n strokeWidth: 7.333\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgValidator);\nexport default __webpack_public_path__ + \"static/media/validator.71ac74da.svg\";\nexport { ForwardRef as ReactComponent };","import * as React from 'react'\r\nimport { ReactComponent as DefaultLogo } from '../../assets/images/svg_icons/validator.svg'\r\n\r\nfunction SvgComponent() {\r\n return \r\n}\r\n\r\nexport default SvgComponent\r\n","var _rect, _rect2, _rect3, _path, _circle, _circle2, _circle3, _rect4, _rect5, _rect6, _rect7, _rect8, _rect9, _path2, _path3, _rect10, _circle4, _path4;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgNoFound(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 151,\n height: 124,\n viewBox: \"0 0 151 124\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n x: 25.605,\n y: 112.598,\n width: 34.252,\n height: 12.802,\n rx: 6.401,\n transform: \"rotate(-30 25.605 112.598)\",\n fill: \"#E6E6E6\"\n })), _rect2 || (_rect2 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 8.363,\n y: 78.188,\n width: 17.051,\n height: 12.788,\n rx: 6.394,\n transform: \"rotate(-30 8.363 78.188)\",\n fill: \"#E6E6E6\"\n })), _rect3 || (_rect3 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 107.126,\n y: 6.402,\n width: 12.802,\n height: 12.802,\n rx: 6.401,\n transform: \"rotate(-30 107.126 6.402)\",\n fill: \"#E6E6E6\"\n })), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M32.564 49.45a6.401 6.401 0 106.401 11.086l3.72-2.147-.027.016 3.904-2.254a6.401 6.401 0 016.453 11.056l47.787-27.59c.502-.29.95-.637 1.341-1.03a6.404 6.404 0 01-6.179-10.703 6.407 6.407 0 00-1.538.632l2.861-1.652.018-.01.858-.496a6.401 6.401 0 00-6.419-11.076l-59.18 34.167zm10.562 23.467l.038-.022 9.799-5.657.038-.022 63.587-36.712a6.401 6.401 0 016.401 11.087L95.195 57.638c.076-.043.152-.085.23-.125a6.401 6.401 0 006.388 11.078 6.703 6.703 0 01-.251.153L70.563 86.642a6.401 6.401 0 00-6.46-11.053l-8.649 4.993.025-.014-11.347 6.551a6.401 6.401 0 01-6.401-11.087l5.395-3.115zm26.666 14.17a6.401 6.401 0 006.452 11.057l47.506-27.427a6.402 6.402 0 00-6.357-11.112l-15.316 8.842-.045.026-31.477 18.173-.05.03-.713.411z\",\n fill: \"#E6E6E6\"\n })), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 143.509,\n cy: 75.449,\n r: 2.818,\n stroke: \"#E6E6E6\",\n strokeWidth: 2.605\n })), _circle2 || (_circle2 = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 24.439,\n cy: 32.963,\n r: 1.965,\n stroke: \"#E6E6E6\",\n strokeWidth: 2.605\n })), _circle3 || (_circle3 = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 70.619,\n cy: 113.956,\n r: 1.965,\n stroke: \"#E6E6E6\",\n strokeWidth: 2.605\n })), _rect4 || (_rect4 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 91.079,\n y: 3.27,\n width: 7.957,\n height: 1.421,\n rx: 0.71,\n fill: \"#E6E6E6\"\n })), _rect5 || (_rect5 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 95.768,\n width: 7.957,\n height: 1.421,\n rx: 0.71,\n transform: \"rotate(90 95.768 0)\",\n fill: \"#E6E6E6\"\n })), _rect6 || (_rect6 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 118.646,\n y: 94.703,\n width: 5.968,\n height: 1.421,\n rx: 0.71,\n fill: \"#E6E6E6\"\n })), _rect7 || (_rect7 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 122.34,\n y: 92.5,\n width: 5.968,\n height: 1.421,\n rx: 0.71,\n transform: \"rotate(90 122.34 92.5)\",\n fill: \"#E6E6E6\"\n })), _rect8 || (_rect8 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 5.399,\n y: 65.859,\n width: 5.968,\n height: 1.421,\n rx: 0.71,\n fill: \"#E6E6E6\"\n })), _rect9 || (_rect9 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 9.094,\n y: 63.656,\n width: 5.968,\n height: 1.421,\n rx: 0.71,\n transform: \"rotate(90 9.094 63.656)\",\n fill: \"#E6E6E6\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M54.252 37.273c-10.076 10.103-10.076 26.482 0 36.584l13.397 13.434a6.848 6.848 0 009.702 0l13.397-13.433c10.076-10.103 10.076-26.482 0-36.585-10.078-10.104-26.418-10.104-36.496 0zm18.214 8.952c5.14 0 9.311 4.179 9.311 9.34 0 5.162-4.172 9.34-9.311 9.34-5.14 0-9.312-4.178-9.312-9.34 0-5.161 4.172-9.34 9.312-9.34z\",\n fill: \"#fff\",\n stroke: \"#AFAFAF\",\n strokeWidth: 2.61\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M72 87.978a5.533 5.533 0 004.427-1.609l13.397-13.433c9.568-9.594 9.568-25.148 0-34.74A24.394 24.394 0 0072 31.005V44.93c.154-.007.31-.01.466-.01 5.863 0 10.616 4.765 10.616 10.645 0 5.879-4.753 10.645-10.616 10.645-.156 0-.312-.004-.466-.01v21.777z\",\n fill: \"#ECECEC\"\n })), _rect10 || (_rect10 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 93.92,\n y: 76.662,\n width: 28.61,\n height: 4.61,\n rx: 2.305,\n transform: \"rotate(45 93.92 76.662)\",\n fill: \"#ECECEC\",\n stroke: \"#AFAFAF\",\n strokeWidth: 2.61\n })), _circle4 || (_circle4 = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 93.213,\n cy: 79.215,\n r: 13.695,\n transform: \"rotate(-45 93.213 79.215)\",\n fill: \"#fff\",\n stroke: \"#AFAFAF\",\n strokeWidth: 2.61\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M101 79a8 8 0 00-8-8\",\n stroke: \"#AFAFAF\",\n strokeWidth: 2.61,\n strokeLinecap: \"round\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgNoFound);\nexport default __webpack_public_path__ + \"static/media/no-found.1bb29ace.svg\";\nexport { ForwardRef as ReactComponent };","import * as React from 'react'\r\nimport { ReactComponent as DefaultLogo } from '../../assets/images/svg_icons/no-found.svg'\r\n\r\nfunction SvgComponent() {\r\n return \r\n}\r\n\r\nexport default SvgComponent\r\n","var _path, _ellipse, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgHeadingGpsIndicator(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 53,\n height: 52,\n viewBox: \"0 0 53 52\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M39.754 0L10.822 19.63a11.313 11.313 0 006.893 20.661l34.922-1.673L39.754 0z\",\n fill: \"url(#prefix__paint0_linear)\"\n })), _ellipse || (_ellipse = /*#__PURE__*/React.createElement(\"ellipse\", {\n cx: 16.665,\n cy: 29.16,\n rx: 7.942,\n ry: 7.802,\n transform: \"rotate(71.55 16.665 29.16)\",\n fill: \"#fff\"\n })), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"prefix__paint0_linear\",\n x1: 46.196,\n y1: 19.309,\n x2: 6.442,\n y2: 32.571,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#32A3F5\",\n stopOpacity: 0\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#32A3F5\"\n })))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgHeadingGpsIndicator);\nexport default __webpack_public_path__ + \"static/media/heading-gps-indicator.831eeea4.svg\";\nexport { ForwardRef as ReactComponent };","import * as React from 'react'\r\nimport { ReactComponent as DefaultLogo } from '../../assets/images/svg_icons/heading-gps-indicator.svg'\r\n\r\nfunction SvgComponent() {\r\n return \r\n}\r\n\r\nexport default SvgComponent\r\n","var _path, _path2, _path3, _path4;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgPinCar(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 55,\n height: 65,\n viewBox: \"0 0 55 65\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M7.975 47.553c-10.633-10.656-10.633-27.932 0-38.588 10.633-10.656 27.872-10.656 38.505 0 10.633 10.655 10.633 27.932 0 38.588L31.59 62.474a6.162 6.162 0 01-8.728 0L7.975 47.554z\",\n fill: \"#ED1C24\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19.114 32.544a2.938 2.938 0 11-5.876.008 2.938 2.938 0 015.876-.008v0zM41.182 32.544a2.938 2.938 0 11-5.877.008 2.938 2.938 0 015.877-.008v0z\",\n stroke: \"#fff\",\n strokeWidth: 2\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M35.322 32.547H19.114\",\n stroke: \"#fff\",\n strokeWidth: 2.605\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M13.146 32.545h-.61a2.114 2.114 0 01-2.114-2.114v-3.383a2.114 2.114 0 011.646-2.093L17 23.877c.363-.078.699-.25.973-.5l4.876-4.398a2.139 2.139 0 011.41-.55h11.98a2.114 2.114 0 011.86 1.097l1.987 3.58c.237.421.61.75 1.057.933l1.579.641a2.114 2.114 0 011.317 1.966v3.77a2.114 2.114 0 01-2.114 2.115h-.775\",\n stroke: \"#fff\",\n strokeWidth: 2\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgPinCar);\nexport default __webpack_public_path__ + \"static/media/pin-car.0ba990af.svg\";\nexport { ForwardRef as ReactComponent };","import * as React from 'react'\r\nimport { ReactComponent as DefaultLogo } from '../../assets/images/svg_icons/pin-car.svg'\r\n\r\nfunction SvgComponent() {\r\n return \r\n}\r\n\r\nexport default SvgComponent\r\n","var _rect, _rect2, _rect3, _path, _circle, _circle2, _circle3, _rect4, _rect5, _rect6, _rect7, _rect8, _rect9, _path2, _path3, _path4;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgWarning(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 199,\n height: 164,\n viewBox: \"0 0 199 164\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n x: 33.8848,\n y: 149.013,\n width: 45.3294,\n height: 16.9424,\n rx: 8.47122,\n transform: \"rotate(-30 33.8848 149.013)\",\n fill: \"#E6E6E6\"\n })), _rect2 || (_rect2 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 11.0684,\n y: 103.474,\n width: 22.5649,\n height: 16.9237,\n rx: 8.46183,\n transform: \"rotate(-30 11.0684 103.474)\",\n fill: \"#E6E6E6\"\n })), _rect3 || (_rect3 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 141.77,\n y: 8.47125,\n width: 16.9424,\n height: 16.9424,\n rx: 8.47122,\n transform: \"rotate(-30 141.77 8.47125)\",\n fill: \"#E6E6E6\"\n })), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M43.0943 65.4416C39.0425 67.7809 37.6543 72.9618 39.9936 77.0135C42.328 81.0568 47.4921 82.4476 51.5401 80.1288L77.6068 65.0792C81.6585 62.7399 86.8394 64.1281 89.1787 68.1799C91.5179 72.2316 90.1297 77.4125 86.078 79.7518L64.975 91.9355C64.9808 91.9322 64.9865 91.9289 64.9923 91.9256L133.4 52.4307C133.408 52.4256 133.417 52.4205 133.426 52.4154L132.136 53.16C128.084 55.4993 122.904 54.111 120.564 50.0593C118.225 46.0076 119.613 40.8267 123.665 38.4874L129.917 34.878C133.943 32.5299 135.318 27.3659 132.985 23.325C130.645 19.2733 125.465 17.8851 121.413 20.2244L43.0943 65.4416ZM92.412 115.222C88.3736 117.566 86.9926 122.738 89.3285 126.784C91.6678 130.836 96.8487 132.224 100.9 129.884L163.769 93.5873C167.821 91.248 169.209 86.0671 166.87 82.0154C164.53 77.9636 159.35 76.5754 155.298 78.9147L134.424 90.9664C134.532 90.9033 134.639 90.8383 134.744 90.7712C130.747 92.8432 125.788 91.4214 123.514 87.483C121.241 83.5459 122.488 78.5425 126.278 76.1163C126.163 76.1759 126.049 76.2384 125.935 76.3038L84.8751 100.01C88.9204 97.705 94.0731 99.0977 96.4041 103.135C98.7434 107.187 97.3552 112.368 93.3034 114.707L81.8927 121.295C81.9068 121.287 81.9209 121.279 81.935 121.271L92.412 115.222ZM84.8545 100.022C84.8471 100.026 84.8396 100.03 84.8322 100.034L58.38 115.307C54.3316 117.628 49.1654 116.237 46.8304 112.193C44.4911 108.141 45.8794 102.961 49.9311 100.621L154.291 40.369C158.343 38.0297 163.524 39.418 165.863 43.4697C168.202 47.5214 166.814 52.7023 162.762 55.0416L155.607 59.1724C155.595 59.1793 155.583 59.1861 155.571 59.1931L126.615 75.9111C126.603 75.918 126.591 75.9249 126.579 75.9319L84.8545 100.022Z\",\n fill: \"#E6E6E6\"\n })), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 189.922,\n cy: 99.8496,\n r: 4.15044,\n stroke: \"#E6E6E6\",\n strokeWidth: 2.60547\n })), _circle2 || (_circle2 = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 32.3425,\n cy: 43.6254,\n r: 3.0222,\n stroke: \"#E6E6E6\",\n strokeWidth: 2.60547\n })), _circle3 || (_circle3 = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 93.4558,\n cy: 150.809,\n r: 3.0222,\n stroke: \"#E6E6E6\",\n strokeWidth: 2.60547\n })), _rect4 || (_rect4 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 120.533,\n y: 4.32495,\n width: 10.5303,\n height: 1.88041,\n rx: 0.940203,\n fill: \"#E6E6E6\"\n })), _rect5 || (_rect5 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 126.738,\n width: 10.5303,\n height: 1.88041,\n rx: 0.940203,\n transform: \"rotate(90 126.738 0)\",\n fill: \"#E6E6E6\"\n })), _rect6 || (_rect6 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 157.014,\n y: 125.329,\n width: 7.89771,\n height: 1.88041,\n rx: 0.940203,\n fill: \"#E6E6E6\"\n })), _rect7 || (_rect7 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 161.902,\n y: 122.414,\n width: 7.89771,\n height: 1.88041,\n rx: 0.940203,\n transform: \"rotate(90 161.902 122.414)\",\n fill: \"#E6E6E6\"\n })), _rect8 || (_rect8 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 7.14648,\n y: 87.1569,\n width: 7.89771,\n height: 1.88041,\n rx: 0.940203,\n fill: \"#E6E6E6\"\n })), _rect9 || (_rect9 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 12.0352,\n y: 84.2422,\n width: 7.89771,\n height: 1.88041,\n rx: 0.940203,\n transform: \"rotate(90 12.0352 84.2422)\",\n fill: \"#E6E6E6\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M104.391 40.7799C102.289 37.1265 97.0303 37.1265 94.9284 40.7799L52.0651 115.286C49.9686 118.93 52.5846 123.499 56.7962 123.499H142.523C146.735 123.499 149.351 118.93 147.254 115.286L104.391 40.7799Z\",\n fill: \"white\",\n stroke: \"#AFAFAF\",\n strokeWidth: 2.60547\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M99.5293 122.196H142.523C145.725 122.196 147.726 118.718 146.125 115.935L103.262 41.4296C102.436 39.9951 100.973 39.3001 99.5293 39.3446V122.196Z\",\n fill: \"#ECECEC\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M102.579 94.5758L96.2692 94.5758L96.2692 68.2633L102.579 68.2633L102.579 94.5758ZM99.399 98.9119C100.543 98.9119 101.502 99.2569 102.276 99.9467C103.05 100.669 103.438 101.556 103.438 102.608C103.438 103.659 103.05 104.529 102.276 105.219C101.502 105.942 100.543 106.303 99.399 106.303C98.2548 106.303 97.2957 105.958 96.5216 105.268C95.7476 104.611 95.3605 103.774 95.3605 102.755C95.3605 101.671 95.7476 100.752 96.5216 99.996C97.262 99.2733 98.2211 98.9119 99.399 98.9119Z\",\n fill: \"#AFAFAF\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgWarning);\nexport default __webpack_public_path__ + \"static/media/warning.4de95583.svg\";\nexport { ForwardRef as ReactComponent };","import * as React from 'react'\r\nimport { ReactComponent as DefaultLogo } from '../../assets/images/svg_icons/warning.svg'\r\n\r\nfunction SvgComponent() {\r\n return \r\n}\r\n\r\nexport default SvgComponent\r\n","import * as React from 'react'\r\n\r\nfunction SvgComponent(props: React.SVGProps) {\r\n return (\r\n \r\n )\r\n}\r\n\r\nexport default SvgComponent\r\n","var _circle, _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgClock(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 30,\n height: 30,\n viewBox: \"0 0 30 30\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 15,\n cy: 15,\n r: 10.5,\n stroke: \"#000\"\n })), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M15 9v6.429L19 19\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgClock);\nexport default __webpack_public_path__ + \"static/media/clock.9deb39a0.svg\";\nexport { ForwardRef as ReactComponent };","import * as React from 'react'\r\nimport { ReactComponent as DefaultLogo } from '../../assets/images/svg_icons/clock.svg'\r\n\r\nfunction SvgComponent() {\r\n return \r\n}\r\n\r\nexport default SvgComponent\r\n","var _rect, _rect2, _rect3, _path, _circle, _circle2, _rect4, _rect5, _rect6, _rect7, _circle3, _path2;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgSuccessTick(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 159,\n height: 61,\n viewBox: \"0 0 159 61\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n x: 8.854,\n y: 48.273,\n width: 32.172,\n height: 12.025,\n rx: 6.012,\n fill: \"#E4F4FF\"\n })), _rect2 || (_rect2 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 10.99,\n y: 12.188,\n width: 16.015,\n height: 12.011,\n rx: 6.006,\n fill: \"#E4F4FF\"\n })), _rect3 || (_rect3 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 125.039,\n y: 0.176,\n width: 12.025,\n height: 12.025,\n rx: 6.012,\n fill: \"#E4F4FF\"\n })), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M44.171.176a6.012 6.012 0 00-.126 12.023h21.47a6.012 6.012 0 010 12.025H48.216 103.202a6.013 6.013 0 01.06-12.024h5.204a6.012 6.012 0 005.902-6.012 6.012 6.012 0 00-6.012-6.012H44.171zm12.537 48.099a6.012 6.012 0 00.125 12.023h51.523a6.012 6.012 0 00.125-12.023H91.794c-.042 0-.084 0-.125-.002h-.318c.054 0 .108-.002.161-.005a6.013 6.013 0 01.004-12.012 6.438 6.438 0 00-.146-.005h.296l.128-.001h23.731l.127.001h5.764a6.013 6.013 0 100-12.024H35.889a6.012 6.012 0 00-.127 12.023h21.79a6.012 6.012 0 010 12.025h-.844z\",\n fill: \"#E4F4FF\"\n })), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 155.083,\n cy: 18.101,\n r: 1.767,\n stroke: \"#E4F4FF\",\n strokeWidth: 2.605\n })), _circle2 || (_circle2 = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 3.07,\n cy: 37.597,\n r: 1.767,\n stroke: \"#E4F4FF\",\n strokeWidth: 2.605\n })), _rect4 || (_rect4 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 137.105,\n y: 47.57,\n width: 7.474,\n height: 1.335,\n rx: 0.667,\n fill: \"#E4F4FF\"\n })), _rect5 || (_rect5 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 141.51,\n y: 44.5,\n width: 7.474,\n height: 1.335,\n rx: 0.667,\n transform: \"rotate(90 141.51 44.5)\",\n fill: \"#E4F4FF\"\n })), _rect6 || (_rect6 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 13.627,\n y: 2.07,\n width: 5.605,\n height: 1.335,\n rx: 0.667,\n fill: \"#E4F4FF\"\n })), _rect7 || (_rect7 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 17.098,\n width: 5.605,\n height: 1.335,\n rx: 0.667,\n transform: \"rotate(90 17.098 0)\",\n fill: \"#E4F4FF\"\n })), _circle3 || (_circle3 = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 72.974,\n cy: 27.337,\n r: 24.351,\n fill: \"#fff\",\n stroke: \"#32A3F5\",\n strokeWidth: 2.605\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M59.299 28.833l8.734 8.734 18.716-18.715\",\n stroke: \"#32A3F5\",\n strokeWidth: 2.605,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgSuccessTick);\nexport default __webpack_public_path__ + \"static/media/success-tick.682b29a6.svg\";\nexport { ForwardRef as ReactComponent };","import * as React from 'react'\r\nimport { ReactComponent as DefaultLogo } from '../../assets/images/svg_icons/success-tick.svg'\r\n\r\nfunction SvgComponent() {\r\n return \r\n}\r\n\r\nexport default SvgComponent\r\n","var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgT2PLogoColor(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 314,\n height: 113,\n viewBox: \"0 0 314 113\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M284.368 80.2964H38.3623L3.99994 107.325L23.3323 15.3589C24.8799 7.99264 32.1963 2.02563 39.6749 2.02563H300.824C308.408 2.02563 313.277 8.0811 311.705 15.5439L300.937 66.7701C299.373 74.2409 291.968 80.2964 284.368 80.2964Z\",\n fill: \"white\",\n stroke: \"#231F20\",\n strokeWidth: 3.94872,\n strokeMiterlimit: 22.93\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M52.299 26.7103L43.7672 67.257H36.6209L45.1446 26.7103H36.6127L37.9496 20.3252H62.1759L60.8309 26.7103H52.299Z\",\n fill: \"#231F20\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M66.0926 20.3252H86.4054L85.0685 26.7103H71.894L69.0824 40.0758H81.5926L80.2476 46.5092H67.7455L64.7152 60.8718H78.2139L76.8688 67.257H56.1915L66.0926 20.3252Z\",\n fill: \"#231F20\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M86.0763 67.257H79.7889L80.7854 62.5043L93.0201 43.3327L89.0499 25.0859L90.0546 20.3252H96.2691L98.9105 38.3146H99.502L109.776 20.3252H115.99L114.994 25.0859L103.351 43.3327L107.523 62.5043L106.527 67.257H100.239L97.444 48.0934H96.8525L86.0763 67.257Z\",\n fill: \"#231F20\"\n })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M132.708 26.7103L124.184 67.257H117.038L125.561 26.7103H117.03L118.366 20.3252H142.593L141.264 26.7103H132.708Z\",\n fill: \"#231F20\"\n })), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M139.825 74.1305L143.698 55.8435C144.905 50.1097 147.66 47.1584 151.897 45.3088L168.621 39.0683L172.056 22.7194L170.533 20.8939H161.977L159.708 22.7516L157.545 33.029H148.47L150.455 23.596C151.808 17.1625 155.211 14.8304 159.262 13.4794H176.375C179.859 14.8304 182.273 17.1867 180.92 23.596L178.23 36.4065C177.047 42.0358 174.592 45.1721 170.128 46.8608L153.323 53.0611L150.617 65.9279H171.683L169.949 74.1305H139.825Z\",\n fill: \"#ED1C24\"\n })), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M190.34 47.9648L186.289 67.2651H179.143L189.012 20.3332H207.404C210.102 21.3786 211.966 23.2041 210.929 28.1578L208.336 40.4779C207.291 45.4316 204.73 46.9113 201.595 47.9728L190.34 47.9648ZM194.926 26.1233L191.572 42.0943H199.383L201.125 40.7272L203.896 27.5627L202.737 26.1233H194.926Z\",\n fill: \"#231F20\"\n })), _path8 || (_path8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M222.91 56.3765H213.187L208.845 67.257H202.427L203.424 62.5043L221.889 20.3252H229.368L230.178 62.5043L229.182 67.257H222.764L222.91 56.3765ZM215.796 50.0476H223.089L223.396 32.5165H222.805L215.796 50.0476Z\",\n fill: \"#231F20\"\n })), _path9 || (_path9 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M232.818 67.257L242.687 20.3252H261.079C263.778 21.3706 265.641 23.1961 264.604 28.1498L262.449 38.379C261.404 43.3327 258.859 44.7722 255.724 45.8096L254.614 46.075L259.475 62.826L258.543 67.257H252.191L247.492 47.1526H244.162L239.924 67.257H232.818ZM248.594 26.1233L245.401 41.3142H253.212L254.97 39.8828L257.563 27.5628L256.404 26.1233H248.594Z\",\n fill: \"#231F20\"\n })), _path10 || (_path10 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M272.926 46.7263L268.607 67.257H261.461L271.321 20.3252H278.476L274.262 40.3412H275.324L290.913 20.3252H296.674L295.863 24.2335L280.785 43.3327L287.818 62.44L286.805 67.2651H281.376L273.914 46.7344L272.926 46.7263Z\",\n fill: \"#231F20\"\n })), _path11 || (_path11 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M305.381 81.0232C305.395 81.6404 305.224 82.2478 304.889 82.7679C304.554 83.288 304.07 83.6971 303.5 83.943C302.929 84.1888 302.298 84.2602 301.686 84.1481C301.075 84.036 300.51 83.7454 300.066 83.3135C299.622 82.8816 299.317 82.328 299.191 81.7234C299.066 81.1188 299.124 80.4907 299.36 79.9194C299.596 79.3481 299.997 78.8596 300.514 78.5161C301.031 78.1727 301.639 77.99 302.261 77.9915C302.668 77.984 303.071 78.0569 303.449 78.2058C303.827 78.3547 304.171 78.5767 304.461 78.8588C304.751 79.141 304.982 79.4777 305.14 79.8493C305.298 80.2209 305.38 80.6199 305.381 81.0232ZM299.904 81.0232C299.894 81.3379 299.948 81.6514 300.063 81.9448C300.178 82.2382 300.352 82.5055 300.574 82.7308C300.795 82.956 301.06 83.1346 301.353 83.2557C301.646 83.3768 301.96 83.4381 302.278 83.4358C302.922 83.4358 303.541 83.1816 303.996 82.7292C304.452 82.2767 304.708 81.6631 304.708 81.0232C304.708 80.3834 304.452 79.7698 303.996 79.3173C303.541 78.8649 302.922 78.6107 302.278 78.6107C301.961 78.6095 301.647 78.6715 301.355 78.793C301.062 78.9146 300.798 79.0931 300.576 79.3182C300.355 79.5432 300.181 79.8101 300.066 80.103C299.95 80.3959 299.895 80.7088 299.904 81.0232ZM301.775 82.6316H301.07V79.5998C301.456 79.5339 301.846 79.5042 302.237 79.5114C302.605 79.4806 302.973 79.5561 303.299 79.7285C303.397 79.8075 303.475 79.9084 303.527 80.0229C303.579 80.1374 303.604 80.2624 303.598 80.3879C303.58 80.5556 303.509 80.7133 303.396 80.8389C303.283 80.9644 303.132 81.0514 302.966 81.0876C303.117 81.1496 303.248 81.2513 303.345 81.3816C303.442 81.512 303.502 81.6661 303.517 81.8274C303.552 82.0898 303.628 82.345 303.744 82.5833H302.983C302.869 82.3483 302.788 82.0996 302.74 81.8435C302.683 81.5138 302.505 81.361 302.108 81.361H301.775V82.6316ZM301.775 80.9187H302.108C302.496 80.9187 302.812 80.79 302.812 80.4764C302.812 80.1628 302.61 80.01 302.164 80.01C302.035 79.9956 301.905 79.9956 301.775 80.01V80.9187Z\",\n fill: \"#231F20\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgT2PLogoColor);\nexport default __webpack_public_path__ + \"static/media/t2p-logo-color.6386255d.svg\";\nexport { ForwardRef as ReactComponent };","import * as React from 'react'\r\nimport { ReactComponent as DefaultLogo } from '../../assets/images/svg_icons/t2p-logo-color.svg'\r\n\r\nfunction SvgComponent(props: React.SVGProps) {\r\n return \r\n}\r\n\r\nexport default SvgComponent\r\n","var _rect, _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgValidationTicketPlaceholder(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 48,\n height: 48,\n viewBox: \"0 0 48 48\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n width: 48,\n height: 48,\n rx: 2.084,\n fill: \"#fff\"\n })), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17.097 36.11l3.89 3.89L40 20.985l-3.89-3.889M12.777 31.789L8.887 27.9 27.9 8.887l3.89 3.889M36.543 17.528a3.667 3.667 0 11-5.186-5.185M17.53 36.543a3.667 3.667 0 10-5.186-5.186M21.85 14.937l2.16 2.16M25.308 18.394l1.728 1.728M28.765 21.85l1.728 1.728M33.95 27.036l-2.16-2.16\",\n stroke: \"#AFAFAF\",\n strokeWidth: 1.157\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgValidationTicketPlaceholder);\nexport default __webpack_public_path__ + \"static/media/validation-ticket-placeholder.5680ab26.svg\";\nexport { ForwardRef as ReactComponent };","import * as React from 'react'\r\nimport { ReactComponent as DefaultLogo } from '../../assets/images/svg_icons/validation-ticket-placeholder.svg'\r\n\r\nfunction SvgComponent() {\r\n return \r\n}\r\n\r\nexport default SvgComponent\r\n","import * as React from 'react'\r\n\r\nfunction SvgComponent(props: React.SVGProps) {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default SvgComponent\r\n","var _path, _circle, _path2;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgUserTick(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 30,\n height: 30,\n viewBox: \"0 0 30 30\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M18 22.5l2.553 2.5L25 20\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 15,\n cy: 9,\n r: 4.5,\n stroke: \"#000\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M22.071 18.929A10 10 0 005 26h12\",\n stroke: \"#000\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgUserTick);\nexport default __webpack_public_path__ + \"static/media/user-tick.ed57f9b8.svg\";\nexport { ForwardRef as ReactComponent };","import * as React from 'react'\r\nimport { ReactComponent as DefaultLogo } from '../../assets/images/svg_icons/user-tick.svg'\r\n\r\nfunction SvgComponent() {\r\n return \r\n}\r\n\r\nexport default SvgComponent\r\n","var _circle, _path, _circle2;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgInformation(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 20,\n height: 20,\n viewBox: \"0 0 20 20\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 9.99992,\n cy: 10,\n r: 7.19231,\n stroke: \"#9D9D9D\"\n })), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10 8.46155V13.8462\",\n stroke: \"#9D9D9D\",\n strokeLinecap: \"round\"\n })), _circle2 || (_circle2 = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 9.9997,\n cy: 6.15387,\n r: 0.769231,\n fill: \"#9D9D9D\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgInformation);\nexport default __webpack_public_path__ + \"static/media/information.b226728d.svg\";\nexport { ForwardRef as ReactComponent };","import * as React from 'react'\r\nimport { ReactComponent as DefaultLogo } from '../../assets/images/svg_icons/information.svg'\r\n\r\nfunction SvgComponent() {\r\n return \r\n}\r\n\r\nexport default SvgComponent\r\n","var _circle, _path, _path2, _path3, _path4;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgLanguageIcon(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 22,\n height: 22,\n viewBox: \"0 0 22 22\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 11,\n cy: 11,\n r: 10,\n stroke: \"white\",\n strokeWidth: 1.5\n })), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12 1C8.52248 2.3354 6 6.30754 6 11C6 15.6925 8.52248 19.6646 12 21\",\n stroke: \"white\",\n strokeWidth: 1.5\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10 21C13.4775 19.6646 16 15.6925 16 11C16 6.30754 13.4775 2.3354 10 0.999998\",\n stroke: \"white\",\n strokeWidth: 1.5\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M2 7H20\",\n stroke: \"white\",\n strokeWidth: 1.5\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M2 15H20\",\n stroke: \"white\",\n strokeWidth: 1.5\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgLanguageIcon);\nexport default __webpack_public_path__ + \"static/media/language-icon.c4601581.svg\";\nexport { ForwardRef as ReactComponent };","import * as React from 'react'\r\nimport { ReactComponent as DefaultLogo } from '../../assets/images/svg_icons/language-icon.svg'\r\n\r\nfunction SvgComponent() {\r\n return \r\n}\r\n\r\nexport default SvgComponent\r\n","var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgArrowDown(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 8,\n height: 4,\n viewBox: \"0 0 8 4\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4 4L0 0H8L4 4Z\",\n fill: \"white\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgArrowDown);\nexport default __webpack_public_path__ + \"static/media/arrow-down.54362677.svg\";\nexport { ForwardRef as ReactComponent };","import * as React from 'react'\r\nimport { ReactComponent as DefaultLogo } from '../../assets/images/svg_icons/arrow-down.svg'\r\n\r\nfunction SvgComponent() {\r\n return \r\n}\r\n\r\nexport default SvgComponent\r\n","var _g, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgFlagUsa(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 22,\n height: 16,\n viewBox: \"0 0 22 16\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip0_2963_320)\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip1_2963_320)\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n width: 22,\n height: 16,\n rx: 2,\n fill: \"white\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M0 0H9.42857V7.46667H0V0Z\",\n fill: \"#1A47B8\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M9.42857 0V1.06667H22V0H9.42857ZM9.42857 2.13333V3.2H22V2.13333H9.42857ZM9.42857 4.26667V5.33333H22V4.26667H9.42857ZM9.42857 6.4V7.46667H22V6.4H9.42857ZM0 8.53333V9.6H22V8.53333H0ZM0 10.6667V11.7333H22V10.6667H0ZM0 12.8V13.8667H22V12.8H0ZM0 14.9333V16H22V14.9333H0Z\",\n fill: \"#F93939\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M1.04785 1.06665V2.13332H2.09547V1.06665H1.04785ZM3.14309 1.06665V2.13332H4.19071V1.06665H3.14309ZM5.23833 1.06665V2.13332H6.28595V1.06665H5.23833ZM7.33357 1.06665V2.13332H8.38119V1.06665H7.33357ZM6.28595 2.13332V3.19998H7.33357V2.13332H6.28595ZM4.19071 2.13332V3.19998H5.23833V2.13332H4.19071ZM2.09547 2.13332V3.19998H3.14309V2.13332H2.09547ZM1.04785 3.19998V4.26665H2.09547V3.19998H1.04785ZM3.14309 3.19998V4.26665H4.19071V3.19998H3.14309ZM5.23833 3.19998V4.26665H6.28595V3.19998H5.23833ZM7.33357 3.19998V4.26665H8.38119V3.19998H7.33357ZM1.04785 5.33332V6.39998H2.09547V5.33332H1.04785ZM3.14309 5.33332V6.39998H4.19071V5.33332H3.14309ZM5.23833 5.33332V6.39998H6.28595V5.33332H5.23833ZM7.33357 5.33332V6.39998H8.38119V5.33332H7.33357ZM6.28595 4.26665V5.33332H7.33357V4.26665H6.28595ZM4.19071 4.26665V5.33332H5.23833V4.26665H4.19071ZM2.09547 4.26665V5.33332H3.14309V4.26665H2.09547Z\",\n fill: \"white\"\n })), /*#__PURE__*/React.createElement(\"rect\", {\n x: 0.25,\n y: 0.25,\n width: 21.5,\n height: 15.5,\n rx: 1.75,\n stroke: \"#CECECE\",\n strokeWidth: 0.5\n }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip0_2963_320\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n width: 22,\n height: 16,\n fill: \"white\"\n })), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip1_2963_320\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n width: 22,\n height: 16,\n rx: 2,\n fill: \"white\"\n })))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgFlagUsa);\nexport default __webpack_public_path__ + \"static/media/flag-usa.0699d829.svg\";\nexport { ForwardRef as ReactComponent };","import * as React from 'react'\r\nimport { ReactComponent as DefaultLogo } from '../../assets/images/svg_icons/flag-usa.svg'\r\n\r\nfunction SvgComponent() {\r\n return \r\n}\r\n\r\nexport default SvgComponent\r\n","var _g, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgFlagUk(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 22,\n height: 16,\n viewBox: \"0 0 22 16\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip0_2963_327)\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip1_2963_327)\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n width: 22,\n height: 16,\n rx: 2,\n fill: \"#1A47B8\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M2.34035 0H0V2.66667L19.6469 16L22 16V13.3333L2.34035 0Z\",\n fill: \"white\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0.780579 0L22 14.4378V16H21.2377L0 1.54726V0H0.780579Z\",\n fill: \"#F93939\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M19.9048 0H22V2.66667C22 2.66667 8.39122 11.5499 2.09524 16H0V13.3333L19.9048 0Z\",\n fill: \"white\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M22 0H21.2895L0 14.4502V16H0.780579L22 1.55895V0Z\",\n fill: \"#F93939\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M8.00075 0H14.0176V4.93527H22V11.0615H14.0176V16H8.00075V11.0615H0V4.93527H8.00075V0Z\",\n fill: \"white\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M9.26316 0H12.7368V6.15385H22V9.84615H12.7368V16H9.26316V9.84615H0V6.15385H9.26316V0Z\",\n fill: \"#F93939\"\n })), /*#__PURE__*/React.createElement(\"rect\", {\n x: 0.25,\n y: 0.25,\n width: 21.5,\n height: 15.5,\n rx: 1.75,\n stroke: \"#CECECE\",\n strokeWidth: 0.5\n }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip0_2963_327\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n width: 22,\n height: 16,\n fill: \"white\"\n })), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip1_2963_327\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n width: 22,\n height: 16,\n rx: 2,\n fill: \"white\"\n })))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgFlagUk);\nexport default __webpack_public_path__ + \"static/media/flag-uk.c472ee46.svg\";\nexport { ForwardRef as ReactComponent };","import * as React from 'react'\r\nimport { ReactComponent as DefaultLogo } from '../../assets/images/svg_icons/flag-uk.svg'\r\n\r\nfunction SvgComponent() {\r\n return \r\n}\r\n\r\nexport default SvgComponent\r\n","var _g, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgFlagGermany(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 22,\n height: 16,\n viewBox: \"0 0 22 16\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip0_2963_339)\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip1_2963_339)\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n width: 22,\n height: 16,\n rx: 2,\n fill: \"#F93939\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M0 11H23V16H0V11Z\",\n fill: \"#FFDA2C\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M0 0H23V5H0V0Z\",\n fill: \"#151515\"\n })), /*#__PURE__*/React.createElement(\"rect\", {\n x: 0.25,\n y: 0.25,\n width: 21.5,\n height: 15.5,\n rx: 1.75,\n stroke: \"#CECECE\",\n strokeWidth: 0.5\n }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip0_2963_339\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n width: 22,\n height: 16,\n fill: \"white\"\n })), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip1_2963_339\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n width: 22,\n height: 16,\n rx: 2,\n fill: \"white\"\n })))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgFlagGermany);\nexport default __webpack_public_path__ + \"static/media/flag-germany.f21934ec.svg\";\nexport { ForwardRef as ReactComponent };","import * as React from 'react'\r\nimport { ReactComponent as DefaultLogo } from '../../assets/images/svg_icons/flag-germany.svg'\r\n\r\nfunction SvgComponent() {\r\n return \r\n}\r\n\r\nexport default SvgComponent\r\n","var _g, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgFlagItaly(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 22,\n height: 16,\n viewBox: \"0 0 22 16\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip0_2963_343)\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip1_2963_343)\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n width: 22,\n height: 16,\n rx: 2,\n fill: \"white\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M0 0H7V16H0V0Z\",\n fill: \"#249F58\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M15 0H22V16H15V0Z\",\n fill: \"#F93939\"\n })), /*#__PURE__*/React.createElement(\"rect\", {\n x: 0.25,\n y: 0.25,\n width: 21.5,\n height: 15.5,\n rx: 1.75,\n stroke: \"#CECECE\",\n strokeWidth: 0.5\n }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip0_2963_343\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n width: 22,\n height: 16,\n fill: \"white\"\n })), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip1_2963_343\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n width: 22,\n height: 16,\n rx: 2,\n fill: \"white\"\n })))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgFlagItaly);\nexport default __webpack_public_path__ + \"static/media/flag-italy.08abb108.svg\";\nexport { ForwardRef as ReactComponent };","import * as React from 'react'\r\nimport { ReactComponent as DefaultLogo } from '../../assets/images/svg_icons/flag-italy.svg'\r\n\r\nfunction SvgComponent() {\r\n return \r\n}\r\n\r\nexport default SvgComponent\r\n","import { Typography, TypographyProps } from '@mui/material'\r\nimport React from 'react'\r\nimport styled, { css } from 'styled-components'\r\n\r\nexport interface AppTypographyProps extends TypographyProps {\r\n weight?: string | number\r\n paddingLeft?: number\r\n /** in rems */\r\n size?: number\r\n line?: number\r\n disabled?: boolean\r\n textCase?: 'uppercase' | 'lowercase' | 'inherit'\r\n component?: any //can't get proper type for Typography\r\n customColor?: string\r\n}\r\n\r\nexport const StyledTypographyWrapper = styled.div`\r\n > * {\r\n font-weight: ${_ => _.weight};\r\n text-transform: ${_ => _.textCase};\r\n padding-left: ${_ => _.theme.spacing(_.paddingLeft)};\r\n ${_ =>\r\n _.customColor &&\r\n css`\r\n color: ${_.customColor};\r\n `}\r\n ${_ =>\r\n _.disabled &&\r\n css`\r\n color: ${_.theme.palette.text.disabled};\r\n `}\r\n ${_ =>\r\n _.size &&\r\n css`\r\n font-size: ${_.size}rem;\r\n `}\r\n ${_ =>\r\n _.line &&\r\n css`\r\n line-height: ${_.line};\r\n `}\r\n }\r\n`\r\nexport const AppTypography: React.FC = ({\r\n weight,\r\n paddingLeft,\r\n textCase,\r\n size,\r\n line,\r\n disabled,\r\n customColor,\r\n ...props\r\n}) => {\r\n return (\r\n \r\n {props.children}\r\n \r\n )\r\n}\r\nAppTypography.defaultProps = {\r\n weight: 'normal',\r\n paddingLeft: 0,\r\n textCase: 'inherit',\r\n}\r\nexport default AppTypography\r\n","import { Typography } from '@mui/material'\r\nimport moment from 'moment'\r\nimport React from 'react'\r\nimport { useTranslation } from 'react-i18next'\r\nimport styled, { css } from 'styled-components'\r\nimport { formatCurrency, Translations } from 'utils'\r\nimport AppTypography from './AppTypography'\r\nimport { Divider as MUIDivider } from '@mui/material'\r\nimport { Currency } from 'typedef'\r\nimport { SharedIcon } from 'shared'\r\n\r\nexport const Divider = styled(MUIDivider)<{\r\n topGap?: boolean\r\n bottomGap?: boolean\r\n width?: string\r\n}>`\r\n width: ${_ => _.width};\r\n`\r\nDivider.defaultProps = {\r\n width: 'auto',\r\n}\r\nexport const Wrapper = styled.div<{ invalid?: boolean; minHeight?: number }>`\r\n background: ${_ =>\r\n !_.invalid ? _.theme.palette.grey[100] : _.theme.palette.secondary.light};\r\n padding: ${_ => _.theme.spacing(1)};\r\n min-height: ${_ => _.minHeight}px;\r\n border-radius: 8px;\r\n width: 100%;\r\n box-sizing: border-box;\r\n position: relative;\r\n`\r\nWrapper.defaultProps = {\r\n minHeight: 0,\r\n}\r\nexport const InnerRow = styled.div<{\r\n noBottomPadding?: boolean\r\n noTopPadding?: boolean\r\n}>`\r\n padding: ${_ => _.theme.spacing(1)} 0;\r\n ${_ =>\r\n _.noBottomPadding &&\r\n css`\r\n padding-bottom: 0;\r\n `}\r\n ${_ =>\r\n _.noTopPadding &&\r\n css`\r\n padding-top: 0;\r\n `}\r\n`\r\n\r\nconst StyledTimeRow = styled.div<{ invalid?: boolean }>`\r\n padding: ${_ => _.theme.spacing(1)} 0;\r\n border-width: 1px 0 0 0;\r\n text-align: left;\r\n color: ${_ => (!_.invalid ? 'inherit' : _.theme.palette.secondary.main)};\r\n`\r\n\r\nconst TimeCell = styled.div`\r\n p {\r\n display: inline-block;\r\n font-weight: bold;\r\n }\r\n p:first-of-type {\r\n font-size: 1.5rem;\r\n margin-right: ${_ => _.theme.spacing(1)};\r\n }\r\n`\r\n\r\nexport const TimeRow: React.FC<{ time?: string | Date; invalid?: boolean }> = ({\r\n time,\r\n invalid,\r\n}) => {\r\n const { t } = useTranslation()\r\n\r\n return (\r\n \r\n \r\n {invalid\r\n ? t(Translations.PARKING_EXPIRED_AT)\r\n : t(Translations.PARKING_EXPIRES_AT)}\r\n \r\n \r\n \r\n {time ? moment(time).startOf('minute').format('LT') : '-'}\r\n \r\n \r\n {time ? moment(time).startOf('minute').format('MMM DD') : ''}\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport const TotalParkingTimeRow: React.FC<{\r\n durationText: string\r\n}> = props => {\r\n const { t } = useTranslation()\r\n\r\n return (\r\n \r\n \r\n {t(Translations.TOTAL_PARKING_TIME)}:\r\n \r\n \r\n {props.durationText}\r\n \r\n \r\n )\r\n}\r\n\r\nconst StyledTextRow = styled.div`\r\n display: flex;\r\n\r\n > *:nth-of-type(2) {\r\n margin-left: auto;\r\n }\r\n`\r\nexport const TextRow: React.FC<{\r\n leftText?: string\r\n rightText?: string\r\n}> = props => {\r\n return (\r\n <>\r\n \r\n {props.leftText && (\r\n \r\n {props.leftText}\r\n \r\n )}\r\n {props.rightText && (\r\n {props.rightText}\r\n )}\r\n \r\n \r\n )\r\n}\r\n\r\nexport const PriceRow: React.FC<{\r\n label?: string\r\n translation?: keyof typeof Translations\r\n amount?: number\r\n currency?: Currency\r\n negativeAmount?: boolean\r\n}> = ({ amount, currency, label, translation, negativeAmount }) => {\r\n const { t } = useTranslation()\r\n const [text, setText] = React.useState('')\r\n React.useEffect(() => {\r\n if (typeof translation === 'string') {\r\n setText(t(Translations[translation]))\r\n }\r\n if (typeof label === 'string') {\r\n setText(label)\r\n }\r\n if (typeof translation !== 'string' && typeof label !== 'string') {\r\n setText('-')\r\n }\r\n }, [label, translation, t])\r\n\r\n if (!amount) return null\r\n return (\r\n \r\n )\r\n}\r\nPriceRow.defaultProps = {\r\n currency: {\r\n cultureName: 'en_US',\r\n currencyFormat: null,\r\n currencySymbol: null,\r\n },\r\n amount: 0,\r\n}\r\n\r\nconst StyledIconsRow = styled.div`\r\n padding: ${_ => _.theme.spacing(1)} 0;\r\n display: flex;\r\n div:first-of-type {\r\n margin-right: ${_ => _.theme.spacing(1)};\r\n }\r\n`\r\nconst IconText = styled.div`\r\n display: flex;\r\n align-items: center;\r\n`\r\nexport const IconsRow: React.FC<{\r\n plate?: string\r\n spot?: string\r\n}> = props => {\r\n return (\r\n \r\n {props.plate && (\r\n \r\n \r\n \r\n {props.plate.toUpperCase()}\r\n \r\n \r\n )}\r\n {props.spot && (\r\n \r\n \r\n {props.spot}\r\n \r\n )}\r\n \r\n )\r\n}\r\n","import { Popup } from '../../typedef/popup'\r\nimport { CLOSE_POPUP, SHOW_POPUP, SHOW_TERMS, CLOSE_TERMS } from './constants'\r\n\r\nexport const showPopup = (popup: Popup) => ({\r\n type: SHOW_POPUP as typeof SHOW_POPUP,\r\n popup,\r\n})\r\nexport const closePopup = () => ({\r\n type: CLOSE_POPUP as typeof CLOSE_POPUP,\r\n})\r\nexport const showTerms = () => ({\r\n type: SHOW_TERMS as typeof SHOW_TERMS,\r\n})\r\nexport const closeTerms = () => ({\r\n type: CLOSE_TERMS as typeof CLOSE_TERMS,\r\n})\r\n\r\nexport type Actions =\r\n | ReturnType\r\n | ReturnType\r\n | ReturnType\r\n | ReturnType\r\n","import React from 'react'\r\nimport styled, { css } from 'styled-components'\r\n\r\ninterface FlexBoxProps {\r\n hasBottomMargin?: boolean\r\n hasTopMargin?: boolean\r\n horizontal?: boolean\r\n horizontalGap?: number\r\n horizontalFullWith?: boolean\r\n marginSpacing?: number\r\n style?: any\r\n maxWidth?: number\r\n maxChildWidth?: number\r\n}\r\nconst StyledFlexBox = styled.div`\r\n text-align: center;\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n margin: ${_ => _.theme.spacing(_.marginSpacing)} auto;\r\n > * {\r\n margin-bottom: ${_ => _.theme.spacing(2)};\r\n }\r\n ${_ => _.maxWidth && `max-width: ${_.maxWidth}px;`}\r\n ${_ => !_.hasBottomMargin && 'margin-bottom: 0;'}\r\n ${_ => !_.hasTopMargin && 'margin-top: 0;'}\r\n ${({ horizontalGap, ..._ }) =>\r\n _.horizontal &&\r\n css`\r\n flex-direction: row;\r\n justify-content: center;\r\n > * {\r\n margin-bottom: 0;\r\n width: ${_.horizontalFullWith ? '100%' : 'auto'};\r\n &:not(:first-child) {\r\n padding-left: ${_ => _.theme.spacing(horizontalGap)};\r\n }\r\n &:not(:last-child) {\r\n padding-right: ${_ => _.theme.spacing(horizontalGap)};\r\n }\r\n ${_ => _.maxChildWidth && `max-width: ${_.maxChildWidth}px;`}\r\n }\r\n `}\r\n`\r\nStyledFlexBox.defaultProps = {\r\n horizontalGap: 1,\r\n}\r\nconst FlexBox: React.FC = props => {\r\n const renderChildren = () =>\r\n React.Children.map(props.children, child =>\r\n React.isValidElement(child) ? {child}
: null\r\n )\r\n if (!renderChildren().length) return null\r\n return {renderChildren()}\r\n}\r\nFlexBox.defaultProps = {\r\n marginSpacing: 4,\r\n}\r\n\r\nexport default FlexBox\r\n","import { ButtonProps } from '@mui/material'\r\nimport React from 'react'\r\nimport { useTranslation } from 'react-i18next'\r\nimport { AppButton } from 'shared'\r\nimport FlexBox from 'shared/FlexBox'\r\nimport Translations from '../../utils/translations'\r\n\r\nexport interface PopupButtonsProps {\r\n variant?: 'info' | 'success' | 'warning' | 'error' | 'delete'\r\n handleAdditionalButtonClick: () => void\r\n handleCloseClick: () => void\r\n}\r\n\r\nconst PopupButtons: React.FC = ({\r\n variant = 'info',\r\n handleCloseClick,\r\n handleAdditionalButtonClick,\r\n}) => {\r\n const { t } = useTranslation()\r\n\r\n const buttonColor: {\r\n info: ButtonProps['color']\r\n error: ButtonProps['color']\r\n success: ButtonProps['color']\r\n warning: ButtonProps['color']\r\n delete: ButtonProps['color']\r\n } = {\r\n info: 'primary',\r\n error: 'secondary',\r\n success: 'primary',\r\n warning: 'primary',\r\n delete: 'secondary',\r\n }\r\n\r\n const buttonText = {\r\n info: t(Translations.OK),\r\n error: t(Translations.OK),\r\n success: t(Translations.OK),\r\n warning: t(Translations.CLOSE),\r\n delete: t(Translations.CANCEL),\r\n }\r\n const buttonAdditionalText = {\r\n info: t(Translations.TRY_AGAIN),\r\n error: t(Translations.TRY_AGAIN),\r\n success: t(Translations.TRY_AGAIN),\r\n warning: t(Translations.TRY_AGAIN),\r\n delete: t(Translations.DELETE),\r\n }\r\n\r\n const hasAdditionalButton = variant === 'warning' || variant === 'delete'\r\n\r\n return (\r\n \r\n {hasAdditionalButton && (\r\n \r\n {buttonAdditionalText[variant]}\r\n \r\n )}\r\n \r\n {buttonText[variant]}\r\n \r\n \r\n )\r\n}\r\n\r\nexport default PopupButtons\r\n","import { DialogTitle } from '@mui/material'\r\nimport { DialogProps } from '@mui/material'\r\nimport React from 'react'\r\nimport { useDispatch } from 'react-redux'\r\nimport styled from 'styled-components'\r\nimport { closePopup } from '../../store/globalPopup/actions'\r\nimport { AppDialog, SharedIcon } from 'shared'\r\nimport PopupButtons from './PopupButtons'\r\nimport { Typography } from '@mui/material'\r\nimport { makeStyles } from '@mui/styles'\r\n\r\nconst Text = styled(Typography)`\r\n padding-bottom: ${_ => _.theme.spacing(3)};\r\n`\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n title: {\r\n paddingBottom: theme.spacing(1.5),\r\n fontWeight: 'bold',\r\n },\r\n}))\r\n/**\r\n * @deprecated\r\n */\r\nexport interface IPopup {\r\n variant?: 'info' | 'success' | 'warning' | 'error' | 'delete'\r\n title?: string\r\n description?: string\r\n okButtonClick?: () => void\r\n handleAdditionalButtonClick?: () => any\r\n}\r\nexport type PopupProps = IPopup & DialogProps\r\n\r\nconst PopupIcon: React.FC<{ variant: PopupProps['variant'] }> = props => {\r\n const icon = {\r\n info: ,\r\n success: ,\r\n warning: ,\r\n error: ,\r\n delete: ,\r\n }\r\n\r\n return {icon[props.variant]}
\r\n}\r\n\r\nexport const Popup: React.FC = props => {\r\n const {\r\n variant,\r\n title,\r\n description,\r\n handleAdditionalButtonClick,\r\n okButtonClick,\r\n ...dialogProps\r\n } = props\r\n const dispatch = useDispatch()\r\n const classes = useStyles()\r\n\r\n const handleCloseClick = () => {\r\n dispatch(closePopup())\r\n if (okButtonClick) {\r\n okButtonClick()\r\n }\r\n }\r\n\r\n const handleAdditionalClick = () => {\r\n dispatch(closePopup())\r\n if (handleAdditionalButtonClick) {\r\n handleAdditionalButtonClick()\r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n {title}\r\n \r\n {description}\r\n \r\n \r\n )\r\n}\r\nPopup.defaultProps = {\r\n fullWidth: false,\r\n variant: 'warning',\r\n}\r\n","import { DialogTitle, Typography } from '@mui/material'\r\nimport { DialogProps } from '@mui/material'\r\nimport React from 'react'\r\nimport { AppDialog, SharedIcon } from 'shared'\r\nimport styled from 'styled-components'\r\nimport { makeStyles } from '@mui/styles'\r\nimport CloseIcon from '@mui/icons-material/Close'\r\n\r\n/**\r\n * NOTE: Popup with better customization for use inside components\r\n */\r\nconst Text = styled(Typography)`\r\n padding-bottom: ${_ => _.theme.spacing(3)};\r\n`\r\nconst CloseIconBox = styled.div`\r\n display: flex;\r\n justify-content: flex-end;\r\n`\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n title: {\r\n paddingBottom: theme.spacing(1.5),\r\n fontWeight: 'bold',\r\n },\r\n}))\r\n\r\ntype PopupProps = {\r\n variant: 'info' | 'success' | 'warning' | 'error' | 'delete'\r\n title?: string\r\n description?: string\r\n closePopup: () => void\r\n customIcon?: JSX.Element\r\n addCloseButton?: boolean\r\n darkBackground?: boolean\r\n} & DialogProps\r\n\r\nconst PopupIcon: React.FC<{ variant: PopupProps['variant'] }> = props => {\r\n const icon = {\r\n info: ,\r\n success: ,\r\n warning: ,\r\n error: ,\r\n delete: ,\r\n }\r\n\r\n return {icon[props.variant]}
\r\n}\r\n\r\nexport const AppPopup: React.FC = props => {\r\n const {\r\n variant,\r\n title,\r\n description,\r\n customIcon,\r\n addCloseButton,\r\n closePopup,\r\n darkBackground,\r\n ...dialogProps\r\n } = props\r\n\r\n const classes = useStyles()\r\n\r\n return (\r\n \r\n {addCloseButton && (\r\n \r\n closePopup()} />\r\n \r\n )}\r\n {customIcon ? {customIcon}
: }\r\n {title && (\r\n \r\n {title}\r\n \r\n )}\r\n {description && {description}}\r\n {props.children}\r\n \r\n )\r\n}\r\n\r\nexport default AppPopup\r\n","import { Typography } from '@mui/material'\r\nimport * as React from 'react'\r\nimport styled from 'styled-components'\r\n\r\nconst PlaceholderWrapper = styled.div<{ minHeight?: number }>`\r\n display: flex;\r\n flex-flow: column;\r\n align-items: center;\r\n min-height: ${_ => _.minHeight}px;\r\n position: relative;\r\n max-width: 350px;\r\n margin: auto;\r\n text-align: center;\r\n`\r\n\r\nconst PlaceholderTitle = styled(Typography)`\r\n color: ${_ => _.theme.palette.grey['500']};\r\n line-height: 1.5;\r\n text-transform: uppercase;\r\n padding: ${_ => _.theme.spacing(1.5)} ${_ => _.theme.spacing(2)};\r\n text-align: center;\r\n`\r\nconst PlaceholderDescription = styled(Typography)`\r\n color: ${_ => _.theme.palette.grey['500']};\r\n padding: ${_ => _.theme.spacing(1.5)} ${_ => _.theme.spacing(2)};\r\n text-align: center;\r\n`\r\nconst PlaceholderIcon = styled.div`\r\n max-width: 180px;\r\n svg {\r\n max-width: 100%;\r\n height: auto;\r\n text-align: center;\r\n }\r\n`\r\n\r\nexport interface PlaceholderProps {\r\n title?: string\r\n description?: string\r\n icon?: JSX.Element\r\n minHeight?: number\r\n colorBlack?: boolean\r\n}\r\nexport const Placeholder: React.FC = ({\r\n icon: Icon,\r\n title,\r\n minHeight,\r\n description,\r\n ...props\r\n}) => {\r\n return (\r\n \r\n {!!Icon && {Icon}}\r\n {title && {title}}\r\n {description && (\r\n \r\n {description}\r\n \r\n )}\r\n {props.children}\r\n \r\n )\r\n}\r\n\r\nPlaceholder.defaultProps = {\r\n minHeight: 40,\r\n}\r\n\r\nexport default Placeholder\r\n","import * as React from 'react'\r\nimport { useTranslation } from 'react-i18next'\r\nimport {\r\n AppButton,\r\n AppSpinner,\r\n AppTypography,\r\n FlexBox,\r\n SharedIcon,\r\n} from 'shared'\r\nimport Translations from 'utils/translations'\r\n\r\ninterface ErrorPlaceholderProps {\r\n onClick?: () => void\r\n showSpinner?: boolean\r\n title?: string\r\n description?: string\r\n buttonTitle?: string\r\n}\r\nexport const ErrorPlaceholder: React.FC = ({\r\n onClick = () => undefined,\r\n showSpinner,\r\n title,\r\n description,\r\n buttonTitle,\r\n}) => {\r\n const { t } = useTranslation()\r\n\r\n return (\r\n \r\n \r\n
\r\n {showSpinner &&
}\r\n
\r\n \r\n )}\r\n {children && (\r\n {children}\r\n )}\r\n {title && (\r\n \r\n {title}\r\n \r\n )}\r\n {subtitle && {subtitle}}\r\n \r\n )\r\n}\r\nPageHeading.defaultProps = {\r\n hasLogo: true,\r\n color: 'textPrimary',\r\n normalizeIcon: true,\r\n}\r\nexport default PageHeading\r\n","var _circle, _path, _circle2;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgInputErrorIcon(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 110,\n height: 110,\n viewBox: \"0 0 110 110\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 55,\n cy: 55,\n r: 37.5,\n stroke: \"#FF3333\",\n strokeWidth: 5\n })), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M55 33V62\",\n stroke: \"#FF3333\",\n strokeWidth: 5,\n strokeLinecap: \"round\"\n })), _circle2 || (_circle2 = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 55,\n cy: 73,\n r: 4,\n fill: \"#FF3333\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgInputErrorIcon);\nexport default __webpack_public_path__ + \"static/media/input_error_icon.5b01af9d.svg\";\nexport { ForwardRef as ReactComponent };","import { IconButton } from '@mui/material'\r\nimport { createTheme, ThemeProvider } from '@mui/material/styles'\r\nimport React, { HTMLProps } from 'react'\r\nimport styled, { css } from 'styled-components'\r\nimport { ReactComponent as ErrorIconSvg } from '../assets/icons/input_error_icon.svg'\r\n\r\nconst InputContainer = styled.div`\r\n border: 1.25px solid;\r\n border-radius: 32.25px;\r\n display: flex;\r\n width: 100%;\r\n flex-direction: row;\r\n box-sizing: border-box;\r\n background: ${props => (props.disabled ? '#F5F5F5' : '#FFFFFF')};\r\n border-color: ${_ => (_.error ? '#FF3333' : 'rgba(0, 0, 0, 0.23)')};\r\n overflow: hidden;\r\n height: 36px;\r\n &:hover,\r\n &:focus-within {\r\n border-color: ${props => props.theme.palette.primary.main};\r\n }\r\n ${_ =>\r\n !_.noMargin &&\r\n css`\r\n margin-bottom: 15px;\r\n `}\r\n`\r\n\r\nconst BaseInput = styled.input`\r\n flex: 1;\r\n border: none;\r\n padding: ${props => (props.LeftIcon ? '5px 0px' : '10px 10px')};\r\n\r\n font-size: 16px;\r\n line-height: 20px;\r\n\r\n min-width: 0px;\r\n padding-right: 0px;\r\n\r\n &::placeholder {\r\n color: rgba(0, 0, 0, 0.23);\r\n }\r\n\r\n &:disabled {\r\n background: #f5f5f5;\r\n color: ${_ => _.theme.palette.grey['500']};\r\n }\r\n`\r\n\r\nconst ErrorIconStyled = styled(ErrorIconSvg)`\r\n align-self: center;\r\n margin-right: 10px;\r\n`\r\n\r\nexport interface InputProps extends HTMLProps {\r\n error?: boolean\r\n fullWidth?: boolean\r\n LeftIcon?: React.FunctionComponent>\r\n leftIconClick?: () => void\r\n RightIcon?: React.FunctionComponent>\r\n rightIconClick?: () => void\r\n noMargin?: boolean\r\n}\r\n\r\nconst theme = createTheme({\r\n components: {\r\n MuiIconButton: {\r\n styleOverrides: {\r\n root: {\r\n padding: '0px 18.75px',\r\n },\r\n },\r\n },\r\n },\r\n})\r\n\r\nexport const Input: React.FC = props => {\r\n const {\r\n as: _as,\r\n refProp,\r\n LeftIcon,\r\n RightIcon,\r\n leftIconClick,\r\n rightIconClick,\r\n style,\r\n noMargin,\r\n className,\r\n ...other\r\n } = props\r\n return (\r\n \r\n \r\n {LeftIcon && (\r\n \r\n \r\n \r\n )}\r\n \r\n {RightIcon && (\r\n \r\n \r\n \r\n )}\r\n {props.error && }\r\n \r\n \r\n )\r\n}\r\n\r\nexport default Input\r\n","import { Step, StepLabel, Stepper, StepperProps } from '@mui/material'\r\nimport * as React from 'react'\r\nimport styled from 'styled-components'\r\n\r\nexport interface AppStepperProps {\r\n steps: (string | number)[]\r\n hasLabel?: boolean\r\n maxWidth?: string\r\n}\r\n\r\nconst S = {\r\n Stepper: styled(Stepper)``,\r\n StepLabel: styled(StepLabel)`\r\n font-weight: bold;\r\n [class*='Mui-completed'] {\r\n fill: #fff;\r\n }\r\n [class*='Mui-active'] {\r\n circle {\r\n fill: #fff;\r\n }\r\n [class*='MuiStepIcon-text'] {\r\n fill: ${_ => _.theme.palette.secondary.main};\r\n }\r\n }\r\n `,\r\n}\r\n\r\nconst AppStepperWrapper = styled.span<{ maxWidth?: string }>`\r\n ${S.Stepper} {\r\n padding: 0;\r\n max-width: ${_ => _.maxWidth};\r\n margin: auto;\r\n }\r\n`\r\n\r\nconst AppStepper: React.SFC> = ({\r\n maxWidth,\r\n hasLabel,\r\n steps,\r\n ...props\r\n}) => {\r\n return (\r\n \r\n \r\n {steps.map(label => (\r\n \r\n {hasLabel ? label : ''}\r\n \r\n ))}\r\n \r\n \r\n )\r\n}\r\n\r\nAppStepper.defaultProps = {\r\n hasLabel: false,\r\n alternativeLabel: true,\r\n maxWidth: '300px',\r\n}\r\n\r\nexport default AppStepper\r\n","import { makeStyles } from '@mui/styles'\r\nimport { Dialog, DialogProps } from '@mui/material'\r\nimport React from 'react'\r\n\r\nexport interface AppDialogProps extends DialogProps {\r\n darkBackground?: boolean\r\n}\r\nconst useStyles = makeStyles(theme => ({\r\n paper: (props: AppDialogProps) => ({\r\n padding: theme.spacing(3),\r\n borderRadius: '10px',\r\n textAlign: 'center',\r\n boxSizing: 'border-box',\r\n minWidth: 300,\r\n scrollbarWidth: 'thin',\r\n scrollbarColor: '#b3b3b3 white',\r\n '@media only screen and (max-device-width: 767px) and (prefers-color-scheme: dark) and (-webkit-min-device-pixel-ratio:0)':\r\n {\r\n backgroundColor: props.darkBackground ? '#585858' : 'white',\r\n color: props.darkBackground ? 'white' : 'black',\r\n },\r\n }),\r\n}))\r\n\r\nexport const AppDialog: React.FC = props => {\r\n const classes = useStyles(props)\r\n return (\r\n \r\n {props.children}\r\n \r\n )\r\n}\r\n\r\nexport default AppDialog\r\n","import React from 'react'\r\nimport Slider, { Settings } from 'react-slick'\r\nimport 'slick-carousel/slick/slick-theme.css'\r\nimport 'slick-carousel/slick/slick.css'\r\n\r\nconst responsive: Settings['responsive'] = [\r\n {\r\n breakpoint: 600,\r\n settings: { centerMode: false },\r\n },\r\n]\r\n\r\nconst AppCarousel: React.FC = props => {\r\n return {props.children}\r\n}\r\nAppCarousel.defaultProps = {\r\n adaptiveHeight: true,\r\n slidesToScroll: 1,\r\n infinite: false,\r\n centerMode: true,\r\n draggable: true,\r\n swipeToSlide: true,\r\n responsive,\r\n variableWidth: true,\r\n arrows: false,\r\n touchMove: true,\r\n}\r\n\r\nexport default AppCarousel\r\n","export const TOP_BAR_HEIGHT = 50\r\nexport const BOTTOM_BAR_HEIGHT = 50\r\nexport const AD_HEIGHT = 250\r\nexport const SNACKBAR_HEIGHT = 60\r\nexport const OUTER_WIDTH = 1024\r\nexport const NARROW_INNER_WIDTH = 460\r\nexport const INNER_WIDTH = 768\r\nexport const TRANSITION_TIME = 250\r\n","import { IconButton, Typography, Toolbar } from '@mui/material'\r\nimport { Close, Add, ArrowBack } from '@mui/icons-material'\r\nimport bg from 'assets/images/bg.png'\r\nimport * as React from 'react'\r\nimport { useSelector } from 'react-redux'\r\nimport { useHistory } from 'react-router-dom'\r\nimport { INNER_WIDTH } from 'shared/layout/constants'\r\nimport { layoutSlice } from 'store/slices'\r\nimport styled, { css } from 'styled-components'\r\n\r\nexport interface TopbarProps {\r\n title?: string\r\n hasGoBack?: boolean\r\n onClickBack?: () => void\r\n onClickRight?: () => void\r\n rightIcon?: 'close' | 'add' | (() => JSX.Element)\r\n transparent?: boolean\r\n}\r\n\r\nconst StyledTopbar = styled.div<{\r\n transparent?: boolean\r\n backgroundImage?: string\r\n}>`\r\n position: fixed;\r\n box-shadow: 4px 8px 4px rgba(0, 0, 0, 0.1);\r\n ${_ =>\r\n _.transparent\r\n ? css`\r\n background: transparent;\r\n box-shadow: none;\r\n `\r\n : css`\r\n background-image: url(${_.backgroundImage});\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n `}\r\n\r\n top: 0;\r\n padding: 0 ${_ => _.theme.spacing(1)};\r\n width: 100%;\r\n box-sizing: border-box;\r\n z-index: 5;\r\n left: 0;\r\n`\r\nStyledTopbar.defaultProps = {\r\n backgroundImage: bg,\r\n}\r\nconst Wrapper = styled.div<{ transparent?: boolean }>`\r\n width: 100%;\r\n max-width: ${_ => INNER_WIDTH}px;\r\n margin: auto;\r\n`\r\nconst Title = styled(Typography)`\r\n color: white;\r\n display: block;\r\n margin: 0 auto;\r\n`\r\nconst RightContainer = styled.div`\r\n position: absolute;\r\n left: 100%;\r\n transform: translateX(-100%);\r\n`\r\nconst LeftButtonContainer = styled.div`\r\n position: absolute;\r\n left: auto;\r\n`\r\n\r\nexport const Topbar: React.FC = props => {\r\n const history = useHistory()\r\n const { headerBgUrl } = useSelector(layoutSlice.stateSelectors).customStyles\r\n const onClickBack = () => {\r\n if (props.onClickBack) {\r\n props.onClickBack()\r\n } else {\r\n history.goBack()\r\n }\r\n }\r\n return (\r\n \r\n \r\n \r\n {props.hasGoBack && (\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n {props.title}\r\n \r\n {props.rightIcon && (\r\n \r\n {props.rightIcon === 'close' && }\r\n {props.rightIcon === 'add' && }\r\n {props.rightIcon &&\r\n typeof props.rightIcon !== 'string' &&\r\n props.rightIcon()}\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n )\r\n}\r\nTopbar.defaultProps = {\r\n title: '',\r\n hasGoBack: true,\r\n onClickRight: () => undefined,\r\n}\r\n\r\nexport default Topbar\r\n","import { BottomNavigation, BottomNavigationAction } from '@mui/material'\r\nimport React from 'react'\r\nimport { NavLink, useHistory } from 'react-router-dom'\r\nimport paths from 'routing/paths'\r\nimport { SharedIcon } from 'shared'\r\nimport { BOTTOM_BAR_HEIGHT } from 'shared/layout/constants'\r\nimport styled from 'styled-components'\r\nimport { makeStyles } from '@mui/styles'\r\n\r\nconst StyledNavLink = styled(NavLink)`\r\n &.selected {\r\n path,\r\n rect,\r\n circle {\r\n stroke: ${_ => _.theme.palette.primary.main};\r\n }\r\n circle {\r\n fill: #fff;\r\n }\r\n }\r\n`\r\nconst MenuIcon = styled.div`\r\n display: flex;\r\n align-items: center;\r\n svg {\r\n height: 30px;\r\n }\r\n`\r\nconst StyledBottomNavigation = styled(BottomNavigation)`\r\n button {\r\n padding: 6px !important;\r\n }\r\n button:first-of-type {\r\n /* for vertical align */\r\n padding-bottom: 9px !important;\r\n }\r\n`\r\nconst useStyles = makeStyles(theme => ({\r\n root: {\r\n position: 'fixed',\r\n bottom: 0,\r\n padding: 0,\r\n width: '100%',\r\n height: BOTTOM_BAR_HEIGHT,\r\n boxSizing: 'border-box',\r\n boxShadow: '0px -4px 4px rgba(0, 0, 0, 0.1)',\r\n zIndex: 3,\r\n left: '50%',\r\n transform: 'translateX(-50%)',\r\n },\r\n}))\r\n\r\nexport default function AppBottomNavigation() {\r\n const classes = useStyles()\r\n const history = useHistory()\r\n\r\n return (\r\n \r\n {\r\n e.preventDefault()\r\n history.push(paths.home.map)\r\n }}\r\n icon={\r\n \r\n \r\n \r\n \r\n \r\n }\r\n />\r\n {\r\n e.preventDefault()\r\n history.push(paths.parking.tickets)\r\n }}\r\n icon={\r\n \r\n \r\n \r\n \r\n \r\n }\r\n />\r\n {\r\n e.preventDefault()\r\n history.push(paths.parker.myProfile)\r\n }}\r\n icon={\r\n \r\n \r\n \r\n \r\n \r\n }\r\n />\r\n \r\n )\r\n}\r\n","import { Dialog, DialogProps } from '@mui/material'\r\nimport React from 'react'\r\nimport styled from 'styled-components'\r\n\r\nconst StyledDialog = styled(Dialog)`\r\n .MuiDialog-paper {\r\n overflow: hidden;\r\n }\r\n`\r\ninterface PageDialogProps {\r\n layout?: 'full'\r\n paddingBottom?: string\r\n center?: boolean\r\n overflowScroll?: boolean\r\n}\r\n// const Transition = React.forwardRef(function Transition(props, ref) {\r\n// return \r\n// })\r\nexport const PageDialog: React.FC = ({\r\n paddingBottom,\r\n layout,\r\n center,\r\n overflowScroll,\r\n ...props\r\n}) => {\r\n return (\r\n \r\n {props.children}\r\n \r\n )\r\n}\r\nPageDialog.defaultProps = {}\r\nexport default PageDialog\r\n","import tokensStorageService from 'utils/tokenStorageService'\r\n\r\nconst useTokenValidation = () => {\r\n const token = tokensStorageService.get()\r\n if (!token) {\r\n return false\r\n }\r\n if (token.expires < Date.now()) {\r\n return false\r\n }\r\n if (token.expires > Date.now()) {\r\n return token\r\n }\r\n return false\r\n}\r\n\r\nexport default useTokenValidation\r\n","import React from 'react'\r\nimport * as layoutSlice from 'store/slices/layoutSlice'\r\nimport { useAppDispatch } from 'store/store'\r\n\r\nexport const useChangeLayout = (\r\n layoutProps: layoutSlice.LayoutStateWithoutCustomStyles = { layout: {} },\r\n type: 'auth' | 'app' = 'auth',\r\n deps: React.DependencyList = []\r\n) => {\r\n const dispatch = useAppDispatch()\r\n const layouts = {\r\n auth: layoutSlice.authLayoutProps,\r\n app: layoutSlice.appLayoutProps,\r\n }\r\n const combinedLayout: layoutSlice.LayoutStateWithoutCustomStyles = {\r\n ...layouts[type],\r\n ...layoutProps,\r\n layout: {\r\n ...layouts[type].layout,\r\n ...layoutProps?.layout,\r\n },\r\n topbar:\r\n 'topbar' in layoutProps ? layoutProps?.topbar : layouts[type].topbar,\r\n }\r\n\r\n React.useEffect(() => {\r\n window.scrollTo(0, 0)\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [])\r\n React.useLayoutEffect(() => {\r\n dispatch(layoutSlice.actions.setFullLayout(combinedLayout))\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, deps)\r\n\r\n return combinedLayout\r\n}\r\n\r\nexport default useChangeLayout\r\n","import React from 'react'\r\nimport { useSelector } from 'react-redux'\r\nimport * as layoutSlice from 'store/slices/layoutSlice'\r\nimport { useAppDispatch } from 'store/store'\r\n\r\nexport const useUpdateLayout = (\r\n props: layoutSlice.LayoutStateWithoutCustomStyles = {},\r\n deps: React.DependencyList = [],\r\n stopEffect?: boolean\r\n) => {\r\n const layout = useSelector(layoutSlice.stateSelectors)\r\n const dispatch = useAppDispatch()\r\n\r\n const combineLayout = React.useCallback(\r\n (args: layoutSlice.LayoutStateWithoutCustomStyles) => ({\r\n ...layout,\r\n ...args,\r\n layout: {\r\n ...layout.layout,\r\n ...args?.layout,\r\n },\r\n topbar: {\r\n ...layout.topbar,\r\n ...args?.topbar,\r\n },\r\n }),\r\n [layout]\r\n )\r\n\r\n const updateLayout = React.useCallback(\r\n (args: layoutSlice.LayoutStateWithoutCustomStyles) => {\r\n const combinedLayout = combineLayout(args)\r\n dispatch(layoutSlice.actions.setFullLayout(combinedLayout))\r\n },\r\n [combineLayout, dispatch]\r\n )\r\n\r\n React.useLayoutEffect(() => {\r\n if (!stopEffect) {\r\n updateLayout(props)\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, deps)\r\n\r\n return updateLayout\r\n}\r\n\r\nexport default useUpdateLayout\r\n","import { useState, useEffect, useRef } from 'react'\r\nimport { useTranslation } from 'react-i18next'\r\nimport { batch, useSelector } from 'react-redux'\r\nimport { mapSlice } from 'store/slices'\r\nimport { useAppDispatch } from 'store/store'\r\nimport Translations from 'utils/translations'\r\n\r\nexport enum GeolocationPositionErrorValues {\r\n PERMISSION_DENIED = 1,\r\n POSITION_UNAVAILABLE = 2,\r\n TIMEOUT = 3,\r\n}\r\n\r\nexport const useGeolocation = () => {\r\n const { isGeoOn, selectedLot } = useSelector(mapSlice.stateSelectors)\r\n const [isOn, setIsOn] = useState(false)\r\n const dispatch = useAppDispatch()\r\n const [state, setState] = useState({\r\n accuracy: null,\r\n altitude: null,\r\n altitudeAccuracy: null,\r\n heading: null,\r\n latitude: null,\r\n longitude: null,\r\n speed: null,\r\n timestamp: Date.now(),\r\n error: '',\r\n })\r\n const { t } = useTranslation()\r\n let mounted = true\r\n const watchId = useRef(null)\r\n\r\n const turnOffGeo = () => {\r\n batch(() => {\r\n setIsOn(false)\r\n dispatch(mapSlice.actions.setGeo(false))\r\n dispatch(mapSlice.actions.setMyPosition(null))\r\n dispatch(mapSlice.actions.setGeoState('denined'))\r\n mounted = false\r\n navigator.geolocation.clearWatch(watchId.current)\r\n watchId.current = null\r\n })\r\n }\r\n\r\n const geoErrorMessageHandler = (errCode: number): string => {\r\n switch (errCode) {\r\n case GeolocationPositionErrorValues.PERMISSION_DENIED:\r\n return t(Translations.USER_DENIED_GEOLOCALIZATION)\r\n case GeolocationPositionErrorValues.POSITION_UNAVAILABLE:\r\n return t(Translations.POSITION_UNAVAILABLE)\r\n case GeolocationPositionErrorValues.TIMEOUT:\r\n return t(Translations.POSITION_GEOLOCALIZATION_TIMEOUT)\r\n default:\r\n return t(Translations.ERROR)\r\n }\r\n }\r\n\r\n const onError = (err: any) => {\r\n setState({\r\n accuracy: null,\r\n altitude: null,\r\n altitudeAccuracy: null,\r\n heading: null,\r\n latitude: null,\r\n longitude: null,\r\n speed: null,\r\n timestamp: Date.now(),\r\n error: geoErrorMessageHandler(err.code),\r\n })\r\n turnOffGeo()\r\n dispatch(mapSlice.actions.setGeoError(geoErrorMessageHandler(err.code)))\r\n }\r\n\r\n const onGetCurrentPositionError = (err: any) => {\r\n if (mounted) {\r\n onError(err)\r\n }\r\n }\r\n\r\n const handleEvent = (event: any) => {\r\n setState({\r\n accuracy: event.coords.accuracy,\r\n altitude: event.coords.altitude,\r\n altitudeAccuracy: event.coords.altitudeAccuracy,\r\n heading: event.coords.heading,\r\n latitude: event.coords.latitude,\r\n speed: event.coords.speed,\r\n timestamp: event.timestamp,\r\n longitude: event.coords.longitude,\r\n error: '',\r\n })\r\n if (!selectedLot)\r\n dispatch(\r\n mapSlice.actions.setMyPosition({\r\n heading: event.coords.heading,\r\n lat: event.coords.latitude,\r\n lng: event.coords.longitude,\r\n })\r\n )\r\n }\r\n\r\n const onGetCurrentPosition = (event: any) => {\r\n if (mounted) {\r\n setIsOn(true)\r\n dispatch(mapSlice.actions.setGeoState('granted'))\r\n dispatch(\r\n mapSlice.actions.setPosition({\r\n lat: event.coords.latitude,\r\n lng: event.coords.longitude,\r\n })\r\n )\r\n handleEvent(event)\r\n }\r\n }\r\n\r\n const onWatchPosition = (event: any) => {\r\n if (mounted) {\r\n handleEvent(event)\r\n }\r\n }\r\n\r\n const turnOnGeo = () => {\r\n setState({ ...state, error: '' })\r\n navigator.geolocation.getCurrentPosition(\r\n onGetCurrentPosition,\r\n onGetCurrentPositionError,\r\n { enableHighAccuracy: true }\r\n )\r\n watchId.current = navigator.geolocation.watchPosition(\r\n onWatchPosition,\r\n onError\r\n )\r\n }\r\n\r\n useEffect(() => {\r\n if (isGeoOn && !isOn) {\r\n turnOnGeo()\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [isGeoOn, isOn])\r\n\r\n return { state, turnOnGeo, turnOffGeo }\r\n}\r\n\r\nexport default useGeolocation\r\n","/**navigator in second and last if has has type 'never'\r\n * code is from official docs\r\n * https://developer.mozilla.org/en-US/docs/Web/HTTP/Browser_detection_using_the_user_agent\r\n */\r\nconst constNavigator = navigator as any\r\nexport const useTouchScreen = () => {\r\n let hasTouchScreen = false\r\n\r\n if ('maxTouchPoints' in constNavigator) {\r\n hasTouchScreen = constNavigator.maxTouchPoints > 0\r\n } else if ('msMaxTouchPoints' in constNavigator) {\r\n hasTouchScreen = constNavigator.msMaxTouchPoints > 0\r\n } else {\r\n const mQ = window.matchMedia && matchMedia('(pointer:coarse)')\r\n if (mQ && mQ.media === '(pointer:coarse)') {\r\n hasTouchScreen = !!mQ.matches\r\n } else if ('orientation' in window) {\r\n hasTouchScreen = true // deprecated, but good fallback\r\n } else {\r\n // Only as a last resort, fall back to user agent sniffing\r\n const UA = constNavigator.userAgent\r\n hasTouchScreen =\r\n /\\b(BlackBerry|webOS|iPhone|IEMobile)\\b/i.test(UA) ||\r\n /\\b(Android|Windows Phone|iPad|iPod)\\b/i.test(UA)\r\n }\r\n }\r\n return hasTouchScreen\r\n}\r\n\r\nexport default useTouchScreen\r\n","import React from 'react'\r\nimport { useSelector } from 'react-redux'\r\nimport { parkCarSlice, creditCardsSlice } from 'store/slices'\r\n\r\nexport const useSelectedCardIndex = () => {\r\n const [initSlide, setInitSlide] = React.useState(0)\r\n const selectedCard = useSelector(parkCarSlice.selectCardId)\r\n const cards = useSelector(creditCardsSlice.selectAll)\r\n\r\n React.useLayoutEffect(() => {\r\n if (selectedCard && cards.length) {\r\n const selectedCardIndex = cards.findIndex(\r\n el => el.creditCardId === selectedCard?.creditCardId\r\n )\r\n if (selectedCardIndex !== -1) {\r\n setInitSlide(selectedCardIndex)\r\n }\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [])\r\n return initSlide\r\n}\r\n\r\nexport default useSelectedCardIndex\r\n","import { useTokenValidation } from 'hooks'\r\nimport React from 'react'\r\nimport { useHistory } from 'react-router-dom'\r\nimport paths from 'routing/paths'\r\nimport { customerSlice, layoutSlice } from 'store/slices'\r\nimport { useAppDispatch } from 'store/store'\r\n\r\nexport const useRefreshSession = (initLocation: string) => {\r\n const dispatch = useAppDispatch()\r\n const { push } = useHistory()\r\n const validToken = useTokenValidation()\r\n\r\n const validateUser = React.useCallback(async () => {\r\n const homeRegex = new RegExp(`/home/`)\r\n const authRegex = new RegExp(`/auth/`)\r\n const parkerRegex = new RegExp(`/parker/`)\r\n const parkingRegex = new RegExp(`/parking/`)\r\n if (\r\n initLocation === '/' ||\r\n initLocation.match(homeRegex) ||\r\n initLocation.match(authRegex) ||\r\n initLocation.match(parkerRegex) ||\r\n initLocation.match(parkingRegex)\r\n ) {\r\n if (!validToken) return\r\n if (validToken) {\r\n dispatch(layoutSlice.actions.setLoader())\r\n push(initLocation)\r\n\r\n const actionResult = await dispatch(\r\n customerSlice.refreshToken({ token: validToken.refresh })\r\n )\r\n dispatch(layoutSlice.actions.setLoader())\r\n\r\n if (customerSlice.refreshToken.fulfilled.match(actionResult)) {\r\n push(initLocation)\r\n } else {\r\n push(paths.root.root)\r\n }\r\n }\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [])\r\n React.useEffect(() => {\r\n validateUser()\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [])\r\n}\r\n\r\nexport default useRefreshSession\r\n","import React from 'react'\r\nimport { useHistory } from 'react-router-dom'\r\n\r\nexport const useDebugRouter = () => {\r\n const { location } = useHistory()\r\n React.useEffect(() => {\r\n if (process.env.NODE_ENV === 'development') {\r\n // eslint-disable-next-line no-console\r\n console.log(\r\n `Route: ${location.pathname}${location.search}, State: ${JSON.stringify(\r\n location.state\r\n )}`\r\n )\r\n }\r\n }, [location.pathname, location.search, location.state])\r\n}\r\n\r\nexport default useDebugRouter\r\n","import moment from 'moment'\r\nimport React from 'react'\r\nimport { useSelector } from 'react-redux'\r\nimport { ticketsSlice } from 'store/slices'\r\nimport { useAppDispatch } from 'store/store'\r\n\r\nexport const useUpdateTicket = () => {\r\n const dispatch = useAppDispatch()\r\n const ticketsRef = React.useRef([])\r\n const tickets = useSelector(ticketsSlice.selectSortedParkedTickets)\r\n\r\n React.useEffect(() => {\r\n ticketsRef.current = tickets\r\n }, [tickets])\r\n React.useEffect(() => {\r\n const timer = setInterval(() => {\r\n ticketsRef.current.forEach(el => {\r\n const isExpired =\r\n Date.now() - el.refCurrentTime >\r\n +moment(el.parkingExpireDateTime) - +moment(el.currentDateTime)\r\n if (isExpired) {\r\n dispatch(\r\n ticketsSlice.getTicket({\r\n carId: el.carId,\r\n })\r\n )\r\n }\r\n })\r\n }, 10000)\r\n\r\n return () => {\r\n clearInterval(timer)\r\n }\r\n }, [dispatch])\r\n}\r\n\r\nexport default useUpdateTicket\r\n","import React from 'react'\r\nimport { useSelector } from 'react-redux'\r\nimport { useLocation, useParams } from 'react-router-dom'\r\nimport { paths } from 'routing'\r\nimport { layoutSlice, mapSlice, ticketsSlice } from 'store/slices'\r\nimport { AppState, useAppDispatch } from 'store/store'\r\nimport { parseCustomStyles } from 'utils'\r\n\r\nexport interface useCustomColorsProps {}\r\n\r\nexport const useCustomLotColors = () => {\r\n const dispatch = useAppDispatch()\r\n const { customStyles } = useSelector(layoutSlice.stateSelectors)\r\n const { lotId, carId, ticketId } = useParams<{\r\n lotId?: string\r\n carId?: string\r\n ticketId?: string\r\n }>()\r\n const lotByLotId = useSelector((state: AppState) =>\r\n mapSlice.selectById(state, lotId)\r\n )\r\n\r\n const lotByCarId = useSelector((state: AppState) =>\r\n mapSlice.selectLotByTicketId(state, carId || ticketId)\r\n )\r\n\r\n const tickets = useSelector(ticketsSlice.selectSortedParkedTickets)\r\n\r\n const { pathname } = useLocation()\r\n\r\n React.useEffect(() => {\r\n if (lotByLotId) {\r\n dispatch(\r\n layoutSlice.actions.setCustomStyles(\r\n parseCustomStyles(lotByLotId.customStyles)\r\n )\r\n )\r\n return\r\n }\r\n if (lotByCarId) {\r\n dispatch(\r\n layoutSlice.actions.setCustomStyles(\r\n parseCustomStyles(lotByCarId.customStyles)\r\n )\r\n )\r\n return\r\n }\r\n if (tickets[0]?.customStyles.length && pathname === paths.parking.tickets) {\r\n dispatch(\r\n layoutSlice.actions.setCustomStyles(\r\n parseCustomStyles(tickets[0].customStyles)\r\n )\r\n )\r\n return\r\n }\r\n dispatch(layoutSlice.actions.setCustomStyles({}))\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [lotId, carId, ticketId, tickets[0]])\r\n\r\n return customStyles\r\n}\r\n\r\nexport default useCustomLotColors\r\n","import { useHistory } from 'react-router-dom'\r\nimport paths from 'routing/paths'\r\nimport { UserRole } from 'typedef'\r\n\r\nexport const usePushToApp = () => {\r\n const { push } = useHistory()\r\n\r\n const pushToApp = (role = UserRole.User) => {\r\n push(paths.home.map)\r\n return\r\n }\r\n\r\n return pushToApp\r\n}\r\n\r\nexport default usePushToApp\r\n","import bg from 'assets/images/bg.png'\r\nimport { useCustomLotColors } from 'hooks'\r\nimport styled, { css } from 'styled-components'\r\nimport {\r\n BOTTOM_BAR_HEIGHT,\r\n INNER_WIDTH,\r\n NARROW_INNER_WIDTH,\r\n SNACKBAR_HEIGHT,\r\n TOP_BAR_HEIGHT,\r\n} from './constants'\r\nimport React, { ComponentProps } from 'react'\r\nexport const OuterContainer = styled.div<{\r\n hasTopBar?: boolean\r\n hasBottomBar?: boolean\r\n hasFlatBackground?: boolean\r\n whiteBackground?: boolean\r\n imageBackground?: boolean\r\n hasAd?: boolean\r\n height: number\r\n}>`\r\n min-height: ${_ => _.height}px;\r\n width: 100%;\r\n box-sizing: border-box;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n display: flex;\r\n flex-direction: column;\r\n transition: background-color 0.2s;\r\n ${_ =>\r\n _.imageBackground &&\r\n css`\r\n background-image: url(${bg});\r\n `}\r\n ${_ =>\r\n _.hasFlatBackground &&\r\n css`\r\n background-color: #e5e5e5;\r\n `}\r\n`\r\n\r\nexport const InnerContainer = styled.div<{\r\n center?: boolean\r\n narrow?: boolean\r\n hasFlatBackground?: boolean\r\n innerScroll?: boolean\r\n}>`\r\n ::-webkit-scrollbar {\r\n display: none;\r\n }\r\n width: 100%;\r\n height: 100%;\r\n max-width: ${_ => (_.narrow ? NARROW_INNER_WIDTH : INNER_WIDTH)}px;\r\n margin: 0 auto;\r\n z-index: 1;\r\n box-sizing: border-box;\r\n position: relative;\r\n overflow: ${_ => (_.innerScroll ? 'scroll' : 'visible')};\r\n scrollbar-width: none;\r\n ${_ =>\r\n _.center &&\r\n css`\r\n margin: auto;\r\n `}\r\n`\r\n\r\ninterface PaddingContainerProps {\r\n /**\r\n * theme.spacing(number)\r\n */\r\n paddingTop?: number\r\n padding?: number\r\n hasTopBar?: boolean\r\n}\r\nexport const PaddingContainer = styled.div`\r\n padding: ${_ =>\r\n _.padding ? _.theme.spacing(_.padding) : _.theme.spacing(1)};\r\n ${_ =>\r\n _.paddingTop &&\r\n css`\r\n padding-top: ${_.theme.spacing(_.paddingTop)};\r\n `}\r\n ${_ =>\r\n _.hasTopBar &&\r\n css`\r\n /* padding-top: ${TOP_BAR_HEIGHT}px; */\r\n `}\r\n`\r\nexport const TopBarSpace = styled.div`\r\n width: 100%;\r\n height: ${TOP_BAR_HEIGHT}px;\r\n`\r\nexport const BottomBarSpace = styled.div<{\r\n hasBottomBar?: boolean\r\n hasAd?: boolean\r\n hasSnackbar?: boolean\r\n}>`\r\n width: 100%;\r\n ${_ => {\r\n const bar = _.hasBottomBar ? BOTTOM_BAR_HEIGHT : 0\r\n const snack = _.hasSnackbar ? SNACKBAR_HEIGHT : 0\r\n return css`\r\n height: ${bar + snack}px;\r\n `\r\n }}\r\n`\r\n\r\nexport const AppPaper = styled.div<{\r\n minHeight?: number\r\n minWidth?: number\r\n maxWidth?: number\r\n noShadow?: boolean\r\n gridPaddingDiff?: number\r\n backgroundUrl?: string\r\n}>`\r\n overflow: hidden;\r\n background-color: #fff;\r\n ${_ =>\r\n _.backgroundUrl &&\r\n css`\r\n background-image: url(${_.backgroundUrl});\r\n background-repeat: repeat;\r\n `};\r\n box-sizing: border-box;\r\n border-radius: 8px;\r\n box-shadow: ${_ => (_.noShadow ? 'none' : '0px 0px 5px rgba(0, 0, 0, 0.15)')};\r\n position: relative;\r\n margin-top: 0;\r\n padding: ${_ => _.theme.spacing(2.5 - _.gridPaddingDiff)};\r\n margin: ${_ => _.theme.spacing(1)};\r\n min-height: ${_ => _.minHeight}px;\r\n ${_ =>\r\n _.minWidth &&\r\n css`\r\n min-width: ${_.minWidth}px;\r\n `}\r\n ${_ =>\r\n _.maxWidth &&\r\n css`\r\n max-width: ${_.maxWidth}px;\r\n `}\r\n`\r\nAppPaper.defaultProps = {\r\n gridPaddingDiff: 0,\r\n minHeight: 150,\r\n}\r\n\r\nexport const WhiteBoxContainer = React.forwardRef(function BoxContainer(\r\n props: { backgroundUrl?: string } & ComponentProps,\r\n ref\r\n) {\r\n const { cardBgUrl } = useCustomLotColors()\r\n return (\r\n \r\n )\r\n})\r\n","import React from 'react'\r\nimport { layoutSlice } from 'store/slices'\r\nimport { useAppDispatch } from 'store/store'\r\nimport * as S from './Layout.styles'\r\n\r\nexport interface FullLayoutProps {\r\n center?: boolean\r\n hasTopBar?: boolean\r\n hasBottomBar?: boolean\r\n hasFlatBackground?: boolean\r\n whiteBackground?: boolean\r\n imageBackground?: boolean\r\n hasSnackbar?: boolean\r\n narrow?: boolean\r\n innerScroll?: boolean\r\n ad?: boolean\r\n}\r\nexport const FullLayout: React.FC = ({\r\n center,\r\n hasTopBar,\r\n hasBottomBar,\r\n hasFlatBackground,\r\n whiteBackground,\r\n imageBackground,\r\n ad,\r\n narrow,\r\n hasSnackbar,\r\n innerScroll,\r\n children,\r\n ...props\r\n}) => {\r\n const [dimensions, setDimensions] = React.useState({\r\n height: window.innerHeight,\r\n width: window.innerWidth,\r\n })\r\n const height = React.useRef(window.innerHeight)\r\n const width = React.useRef(window.innerWidth)\r\n const innerRef = React.useRef(null)\r\n const dispatch = useAppDispatch()\r\n\r\n const handleResize = React.useCallback(() => {\r\n if (window.innerHeight !== height.current) {\r\n height.current = window.innerHeight\r\n dispatch(layoutSlice.actions.setHeight(window.innerHeight))\r\n setDimensions({\r\n height: window.innerHeight,\r\n width: window.innerWidth,\r\n })\r\n }\r\n if (window.innerWidth !== width.current) {\r\n width.current = window.innerWidth\r\n setDimensions({\r\n height: window.innerHeight,\r\n width: window.innerWidth,\r\n })\r\n dispatch(layoutSlice.actions.setInnerWidth(innerRef.current.clientWidth))\r\n }\r\n }, [dispatch])\r\n\r\n React.useLayoutEffect(() => {\r\n window.addEventListener('resize', handleResize, {})\r\n return () => {\r\n window.removeEventListener('resize', handleResize)\r\n }\r\n }, [handleResize])\r\n\r\n React.useEffect(() => {\r\n dispatch(layoutSlice.actions.setInnerWidth(innerRef.current.clientWidth))\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [narrow])\r\n\r\n return (\r\n \r\n \r\n {hasTopBar && }\r\n {children}\r\n \r\n \r\n \r\n )\r\n}\r\nFullLayout.defaultProps = {}\r\nexport default FullLayout\r\n","import { Fade } from '@mui/material'\r\nimport { CircularProgress, CircularProgressProps } from '@mui/material'\r\nimport React from 'react'\r\nimport styled, { css } from 'styled-components'\r\n\r\nconst Container = styled.div<{\r\n relative?: boolean\r\n height?: number | string\r\n transparent?: boolean\r\n darkBackground?: boolean\r\n fixed?: boolean\r\n}>`\r\n position: absolute;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n z-index: 4;\r\n background: ${_ =>\r\n _.transparent\r\n ? 'transparent'\r\n : _.darkBackground\r\n ? 'rgba(0, 0, 0, 0.5)'\r\n : 'rgba(255, 255, 255, 0.5)'};\r\n ${_ =>\r\n _.relative &&\r\n css`\r\n position: relative;\r\n margin: ${_.theme.spacing(1.5)} 0;\r\n height: ${_.height || '100%'};\r\n background: transparent;\r\n `}\r\n ${_ =>\r\n _.fixed &&\r\n css`\r\n height: 100%;\r\n position: fixed;\r\n touch-action: none;\r\n `}\r\n`\r\nconst PositionContainer = styled.div`\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-17px, -17px);\r\n`\r\n\r\nexport interface AppSpinnerProps {\r\n show?: boolean\r\n relative?: boolean\r\n height?: string\r\n transparent?: boolean\r\n darkBackground?: boolean\r\n positionContainerStyles?: React.CSSProperties\r\n fixed?: boolean\r\n}\r\n\r\nconst AppSpinner: React.FC = ({\r\n show,\r\n relative,\r\n fixed,\r\n height,\r\n positionContainerStyles,\r\n transparent,\r\n darkBackground,\r\n ...props\r\n}) => {\r\n const [showSpinner, setShowSpinner] = React.useState(false)\r\n const mountedRef = React.useRef(null)\r\n React.useEffect(() => {\r\n if (show) {\r\n mountedRef.current = true\r\n setShowSpinner(true)\r\n }\r\n if (!show) {\r\n mountedRef.current = false\r\n }\r\n if (!show && !mountedRef.current) {\r\n setShowSpinner(false)\r\n }\r\n }, [show])\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default AppSpinner\r\n","import { InputAdornment } from '@mui/material'\r\nimport { TextField, StandardTextFieldProps } from '@mui/material'\r\nimport React from 'react'\r\nimport styled from 'styled-components'\r\nimport { ReactComponent as ErrorIconSvg } from '../assets/icons/input_error_icon.svg'\r\n\r\nexport interface TextAreaProps extends StandardTextFieldProps {}\r\n\r\nconst ErrorIconStyled = styled(ErrorIconSvg)`\r\n align-self: center;\r\n margin-right: 10px;\r\n`\r\n\r\nexport const TextArea: React.FC = props => {\r\n const { ...other } = props\r\n return (\r\n \r\n \r\n \r\n ),\r\n disableUnderline: true,\r\n }}\r\n {...other}\r\n >\r\n )\r\n}\r\n\r\nexport default TextArea\r\n","import { TextField, TextFieldProps } from '@mui/material'\r\nimport { makeStyles } from '@mui/styles'\r\nimport React from 'react'\r\nimport styled from 'styled-components'\r\n\r\nconst StyledTextField = styled(TextField)`\r\n .MuiAutocomplete-inputRoot .MuiAutocomplete-input {\r\n padding-top: 2px !important;\r\n padding-bottom: 2px !important;\r\n }\r\n .MuiSelect-select {\r\n padding-top: 8px;\r\n padding-bottom: 8px;\r\n }\r\n .MuiOutlinedInput-inputMarginDense {\r\n padding-bottom: 8px;\r\n padding-top: 8px;\r\n }\r\n .MuiInputBase-root.Mui-error {\r\n border: none;\r\n }\r\n`\r\nexport interface AppTextFieldProps {}\r\n\r\nconst useStyles = makeStyles(_ => ({\r\n outlinedRoot: {\r\n borderRadius: 18,\r\n border: 0,\r\n // height: 34,\r\n '&:hover $notchedOutline': {\r\n borderColor: _.palette.primary.main,\r\n },\r\n '&$focused $notchedOutline': {\r\n borderColor: _.palette.primary.main,\r\n borderWidth: 1,\r\n },\r\n '&$disabled': {\r\n background: '#f5F5F5',\r\n },\r\n '&$disabled $notchedOutline': {\r\n borderColor: _.palette.divider,\r\n },\r\n },\r\n notchedOutline: {},\r\n focused: {},\r\n disabled: {},\r\n input: {},\r\n}))\r\n\r\nexport const AppTextField: React.FC = ({\r\n InputProps,\r\n ...props\r\n}) => {\r\n const classes = useStyles(props)\r\n const CustomInputProps = {\r\n classes: {\r\n root: classes.outlinedRoot,\r\n notchedOutline: classes.notchedOutline,\r\n focused: classes.focused,\r\n input: classes.input,\r\n disabled: classes.disabled,\r\n },\r\n }\r\n return (\r\n \r\n )\r\n}\r\nAppTextField.defaultProps = {\r\n variant: 'outlined',\r\n size: 'small',\r\n}\r\nexport default AppTextField\r\n","import React from 'react'\r\nimport clsx from 'clsx'\r\nimport { Checkbox, CheckboxProps } from '@mui/material'\r\nimport { makeStyles } from '@mui/styles'\r\n\r\nconst useStyles = makeStyles(_ => ({\r\n root: {\r\n '&:hover': {\r\n backgroundColor: 'transparent',\r\n },\r\n },\r\n icon: {\r\n borderRadius: '50%',\r\n width: 16,\r\n height: 16,\r\n boxShadow:\r\n 'inset 0 0 0 1px rgba(16,22,26,.2), inset 0 -1px 0 rgba(16,22,26,.1)',\r\n backgroundColor: '#f5f8fa',\r\n backgroundImage:\r\n 'linear-gradient(180deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,0))',\r\n '$root.Mui-focusVisible &': {\r\n outline: '2px auto rgba(19,124,189,.6)',\r\n outlineOffset: 2,\r\n },\r\n 'input:hover ~ &': {\r\n backgroundColor: '#ebf1f5',\r\n },\r\n 'input:disabled ~ &': {\r\n boxShadow: 'none',\r\n background: 'rgba(206,217,224,.5)',\r\n },\r\n },\r\n checkedIcon: {\r\n backgroundColor: _.palette.primary.main,\r\n backgroundImage:\r\n 'linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0))',\r\n '&:before': {\r\n display: 'block',\r\n width: 16,\r\n height: 16,\r\n backgroundImage:\r\n \"url(\\\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath\" +\r\n \" fill-rule='evenodd' clip-rule='evenodd' d='M12 5c-.28 0-.53.11-.71.29L7 9.59l-2.29-2.3a1.003 \" +\r\n \"1.003 0 00-1.42 1.42l3 3c.18.18.43.29.71.29s.53-.11.71-.29l5-5A1.003 1.003 0 0012 5z' fill='%23fff'/%3E%3C/svg%3E\\\")\",\r\n content: '\"\"',\r\n },\r\n 'input:hover ~ &': {\r\n backgroundColor: '#106ba3',\r\n },\r\n },\r\n}))\r\n\r\n// Inspired by blueprintjs\r\nexport function AppCheckbox(props: CheckboxProps) {\r\n const classes = useStyles()\r\n\r\n return (\r\n }\r\n icon={}\r\n inputProps={{ 'aria-label': 'decorative checkbox' }}\r\n {...props}\r\n />\r\n )\r\n}\r\n","import {\r\n Avatar,\r\n List,\r\n ListItem,\r\n ListItemAvatar,\r\n ListItemText,\r\n} from '@mui/material'\r\nimport React from 'react'\r\nimport { AppTypography, SharedIcon } from 'shared'\r\nimport styled from 'styled-components'\r\nimport { makeStyles } from '@mui/styles'\r\n\r\nexport interface AppHeaderProps {\r\n topText: string\r\n bottomText: string\r\n iconSrc: string\r\n hasRightElement?: boolean\r\n}\r\n\r\nconst StyledList = styled(List)`\r\n padding: 0;\r\n li {\r\n padding: 0;\r\n }\r\n`\r\nconst useStyles = makeStyles(theme => ({\r\n root: {\r\n width: 60,\r\n overflow: 'initial',\r\n backgroundColor: 'inherit',\r\n marginRight: 16,\r\n },\r\n}))\r\nexport const AppHeader: React.FC = ({\r\n bottomText,\r\n iconSrc,\r\n topText,\r\n}) => {\r\n const classes = useStyles()\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {topText}}\r\n secondary={\r\n \r\n {bottomText}\r\n \r\n }\r\n />\r\n \r\n \r\n )\r\n}\r\nAppHeader.defaultProps = {}\r\nexport default AppHeader\r\n","import { SnackbarProvider, SnackbarProviderProps } from 'notistack'\r\nimport React from 'react'\r\nimport { useSelector } from 'react-redux'\r\nimport { SharedIcon } from 'shared'\r\nimport { layoutSlice } from 'store/slices'\r\nimport { useAppDispatch } from 'store/store'\r\nimport styled, { css } from 'styled-components'\r\nimport { BOTTOM_BAR_HEIGHT } from './layout/constants'\r\n\r\nconst StyledSnackbarProvider = styled(SnackbarProvider)<{\r\n $hasBottomGutter?: boolean\r\n $gutterSize?: number\r\n}>`\r\n svg {\r\n min-width: 1em;\r\n min-height: 1em;\r\n font-size: 2em;\r\n padding-right: 5px;\r\n }\r\n ${_ =>\r\n _.$hasBottomGutter &&\r\n css`\r\n margin-bottom: ${_.$gutterSize}px;\r\n `}\r\n`\r\nStyledSnackbarProvider.defaultProps = {\r\n $gutterSize: BOTTOM_BAR_HEIGHT,\r\n}\r\nexport interface AppSnackBarProviderProps extends SnackbarProviderProps {\r\n hasBottomGutter?: boolean\r\n gutterSize?: number\r\n}\r\n\r\nexport const AppSnackBarProvider: React.FC = ({\r\n hasBottomGutter,\r\n gutterSize,\r\n ...props\r\n}) => {\r\n const notistackRef = React.createRef()\r\n const dispatch = useAppDispatch()\r\n const { autoToogleSnackGap, bottomMenu } = useSelector(\r\n layoutSlice.stateSelectors\r\n )\r\n return (\r\n ,\r\n }}\r\n maxSnack={4}\r\n dense\r\n preventDuplicate\r\n ref={notistackRef}\r\n autoHideDuration={2500}\r\n TransitionProps={{\r\n onEntered: () => {\r\n autoToogleSnackGap &&\r\n dispatch(layoutSlice.actions.setSnackbarGutter(true))\r\n },\r\n onExiting: () => {\r\n autoToogleSnackGap &&\r\n dispatch(layoutSlice.actions.setSnackbarGutter(false))\r\n },\r\n }}\r\n anchorOrigin={{\r\n vertical: 'bottom',\r\n horizontal: 'center',\r\n }}\r\n {...props}\r\n >\r\n {props.children}\r\n \r\n )\r\n}\r\nAppSnackBarProvider.defaultProps = {\r\n hasBottomGutter: false,\r\n}\r\nexport default AppSnackBarProvider\r\n","import { ButtonProps, DialogTitle, Typography } from '@mui/material'\r\nimport { DialogProps } from '@mui/material'\r\nimport { nanoid } from '@reduxjs/toolkit'\r\nimport React from 'react'\r\nimport { useTranslation } from 'react-i18next'\r\nimport { AppDialog } from 'shared'\r\nimport AppButton, { AppButtonProps } from 'shared/AppButton'\r\nimport FlexBox from 'shared/FlexBox'\r\nimport styled from 'styled-components'\r\nimport { Translations } from 'utils'\r\nimport { SharedIcon } from 'shared'\r\nimport { NARROW_INNER_WIDTH } from 'shared/layout/constants'\r\nimport { makeStyles } from '@mui/styles'\r\n\r\n/**\r\n * NOTE: Popup with better customization for use inside components\r\n */\r\nconst Space = styled.div<{ gap?: number }>`\r\n width: 100%;\r\n padding-bottom: ${_ => _.theme.spacing(_.gap)};\r\n`\r\nSpace.defaultProps = {\r\n gap: 1,\r\n}\r\nconst Text = styled(Typography)`\r\n max-width: ${NARROW_INNER_WIDTH}px;\r\n`\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n title: {\r\n fontWeight: 'bold',\r\n maxWidth: NARROW_INNER_WIDTH,\r\n margin: 'auto',\r\n },\r\n}))\r\n\r\nexport type PopupButton = {\r\n text?: string\r\n preventClose?: boolean\r\n} & AppButtonProps\r\nexport type PopupProps = {\r\n variant?: 'info' | 'success' | 'warning' | 'error' | 'delete'\r\n title?: string\r\n description?: string\r\n closePopup?: () => void\r\n customIcon?: JSX.Element\r\n buttons?: PopupButton[]\r\n noButtons?: boolean\r\n noIcon?: boolean\r\n children?: React.ReactNode\r\n disableBackdropClick?: boolean\r\n} & DialogProps\r\n\r\nconst PopupIcon: React.FC<{ variant: PopupProps['variant'] }> = props => {\r\n const icon = {\r\n info: ,\r\n success: ,\r\n warning: ,\r\n error: ,\r\n delete: ,\r\n }\r\n\r\n return {icon[props.variant]}
\r\n}\r\n\r\nexport const AppPopup: React.FC = props => {\r\n const {\r\n variant,\r\n title,\r\n description,\r\n customIcon,\r\n closePopup,\r\n buttons,\r\n noButtons,\r\n noIcon,\r\n disableBackdropClick,\r\n ...dialogProps\r\n } = props\r\n\r\n const classes = useStyles()\r\n const { t } = useTranslation()\r\n const buttonColor: {\r\n info: ButtonProps['color']\r\n error: ButtonProps['color']\r\n success: ButtonProps['color']\r\n warning: ButtonProps['color']\r\n delete: ButtonProps['color']\r\n } = {\r\n info: 'primary',\r\n error: 'secondary',\r\n success: 'primary',\r\n warning: 'primary',\r\n delete: 'secondary',\r\n }\r\n const buttonText = {\r\n info: t(Translations.OK),\r\n error: t(Translations.OK),\r\n success: t(Translations.OK),\r\n warning: t(Translations.CLOSE),\r\n delete: t(Translations.CANCEL),\r\n }\r\n const buttonSecondText = {\r\n info: t(Translations.TRY_AGAIN),\r\n error: t(Translations.TRY_AGAIN),\r\n success: t(Translations.TRY_AGAIN),\r\n warning: t(Translations.TRY_AGAIN),\r\n delete: t(Translations.DELETE),\r\n }\r\n\r\n const renderButtons = () => {\r\n if (!buttons) return null\r\n\r\n const validButtons = buttons.filter(el => el)\r\n\r\n // empty array, defult button (OK)\r\n if (!validButtons.length) {\r\n return (\r\n \r\n {buttonText[variant]}\r\n \r\n )\r\n }\r\n\r\n // custom button\r\n if (validButtons.length === 1) {\r\n return validButtons.map(({ preventClose, ...prop }, i) => (\r\n {\r\n !preventClose && closePopup()\r\n prop.onClick && prop.onClick(e)\r\n }}\r\n >\r\n {prop.text || buttonText[variant]}\r\n \r\n ))\r\n }\r\n\r\n // up to 2 default buttons\r\n if (validButtons.length > 1) {\r\n return validButtons.map(({ preventClose, ...prop }, i) => (\r\n {\r\n !preventClose && closePopup()\r\n prop.onClick && prop.onClick(e)\r\n }}\r\n >\r\n {prop.text || (!i ? buttonSecondText[variant] : buttonText[variant])}\r\n \r\n ))\r\n }\r\n }\r\n\r\n return (\r\n {\r\n if (\r\n (disableBackdropClick && reason !== 'backdropClick') ||\r\n !disableBackdropClick\r\n ) {\r\n closePopup()\r\n }\r\n }}\r\n fullWidth={false}\r\n {...dialogProps}\r\n >\r\n {!noIcon &&\r\n (customIcon ? (\r\n {customIcon}
\r\n ) : (\r\n \r\n ))}\r\n {title && (\r\n \r\n {title}\r\n \r\n )}\r\n {description && (\r\n <>\r\n {description}\r\n \r\n \r\n )}\r\n {props.children}\r\n {!noButtons && {renderButtons()}}\r\n \r\n )\r\n}\r\nAppPopup.defaultProps = {\r\n buttons: [],\r\n variant: 'info',\r\n // onClick: () => undefined,\r\n disableBackdropClick: false,\r\n}\r\n\r\nexport default AppPopup\r\n","import React from 'react'\r\nimport { AppPopup, PopupProps } from './AppPopup'\r\n\r\nexport type SetPopupProps = Omit\r\n\r\nconst initial = {\r\n showPopup(arg: boolean) {\r\n undefined\r\n },\r\n setPopup(args: SetPopupProps) {\r\n undefined\r\n },\r\n mounted: false,\r\n}\r\nexport const PopupContext = React.createContext(initial)\r\n\r\nexport const usePopup = () => {\r\n return React.useContext(PopupContext)\r\n}\r\n\r\nexport const PopupProvider: React.FC = ({ children }) => {\r\n const [show, setShow] = React.useState(false)\r\n const [popupProps, setPopupProps] = React.useState({})\r\n const mountedRef = React.useRef(false)\r\n const showPopup = (arg: boolean) => {\r\n if (mountedRef.current) {\r\n setShow(arg)\r\n }\r\n }\r\n const setPopup = (args: SetPopupProps) => {\r\n if (mountedRef.current) {\r\n setPopupProps(args)\r\n }\r\n }\r\n\r\n mountedRef.current = true\r\n React.useEffect(\r\n () => () => {\r\n mountedRef.current = false\r\n },\r\n []\r\n )\r\n\r\n return (\r\n \r\n {children}\r\n setShow(false)}\r\n // TransitionProps={{\r\n // onExited: () => setPopupProps({}),\r\n // }}\r\n {...popupProps}\r\n open={show}\r\n />\r\n \r\n )\r\n}\r\n\r\nexport default PopupProvider\r\n","import moment from 'moment'\r\nimport React from 'react'\r\nimport { useTranslation } from 'react-i18next'\r\nimport { DetailsBox } from 'shared'\r\nimport styled, { css, keyframes } from 'styled-components'\r\nimport Translations from 'utils/translations'\r\nimport AppTypography from './AppTypography'\r\n\r\nconst rotate = keyframes`\r\n\tfrom { transform: rotate(0deg); }\r\n\tto { transform: rotate(360deg); }\r\n`\r\nconst SpinnerWrapper = styled.div`\r\n width: 170px;\r\n height: 170px;\r\n position: relative;\r\n margin: auto;\r\n`\r\n\r\nconst Spinner = styled.div<{ isRunning?: boolean }>`\r\n ${_ =>\r\n _.isRunning &&\r\n css`\r\n animation: ${rotate} 1s linear infinite;\r\n `}\r\n background: ${_ =>\r\n _.isRunning ? _.theme.palette.primary.main : _.theme.palette.divider};\r\n border-radius: 50%;\r\n height: 170px;\r\n width: 170px;\r\n position: relative;\r\n &:before {\r\n content: '';\r\n position: absolute;\r\n border-radius: 50%;\r\n ${_ =>\r\n _.isRunning &&\r\n css`\r\n background: linear-gradient(0deg, #dbdbdb 50%, #dbdbdbe6 100%) 0% 0%,\r\n linear-gradient(90deg, #dbdbdbe6 0%, hsla(0, 0%, 100%, 0.6) 100%) 100%\r\n 0%,\r\n linear-gradient(\r\n 180deg,\r\n hsla(0, 0%, 100%, 0.6) 0%,\r\n hsla(0, 0%, 100%, 0.3) 100%\r\n )\r\n 100% 100%,\r\n linear-gradient(\r\n 360deg,\r\n hsla(0, 0%, 100%, 0.3) 0%,\r\n hsla(0, 0%, 100%, 0) 100%\r\n )\r\n 0% 100%;\r\n `}\r\n background-repeat: no-repeat;\r\n background-size: 50% 50%;\r\n top: -1px;\r\n bottom: -1px;\r\n left: -1px;\r\n right: -1px;\r\n }\r\n &:after {\r\n content: '';\r\n position: absolute;\r\n background: #f5f5f5;\r\n border-radius: 50%;\r\n top: 3%;\r\n bottom: 3%;\r\n left: 3%;\r\n right: 3%;\r\n }\r\n`\r\nconst SpinnerContent = styled.div`\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n text-align: center;\r\n`\r\n\r\nexport interface TimeSpinnerProps {\r\n isRunning?: boolean\r\n parkingBeginDateTime?: string\r\n parkingExpireDateTime?: string\r\n /**in minutes;\r\n * additional times for payment and leave lot;\r\n * will be substracted from expireDateTime*/\r\n graceMinutes?: number\r\n currentDateTime?: string\r\n refCurrentTime?: number\r\n carId: string\r\n}\r\n\r\nexport const TimeSpinner: React.FC = ({\r\n isRunning,\r\n currentDateTime,\r\n parkingBeginDateTime,\r\n refCurrentTime,\r\n graceMinutes,\r\n parkingExpireDateTime,\r\n ...props\r\n}) => {\r\n const { t } = useTranslation()\r\n const [elapsedTime, setElapsedTime] = React.useState('')\r\n\r\n const getElapsedTimeString = () => {\r\n const runningDuration = moment.duration(\r\n moment(currentDateTime).diff(parkingBeginDateTime) +\r\n Date.now() -\r\n refCurrentTime,\r\n 'milliseconds'\r\n )\r\n const pausedDuration = moment.duration(\r\n moment(parkingExpireDateTime).diff(parkingBeginDateTime) -\r\n graceMinutes * 60000,\r\n 'milliseconds'\r\n )\r\n\r\n return (isRunning ? runningDuration : pausedDuration).format('HH:mm:ss', {\r\n trim: false,\r\n })\r\n }\r\n\r\n React.useEffect(() => {\r\n setElapsedTime(getElapsedTimeString())\r\n let timer: any\r\n if (isRunning) {\r\n timer = setInterval(() => {\r\n setElapsedTime(getElapsedTimeString())\r\n }, 1000)\r\n }\r\n return () => clearInterval(timer)\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [isRunning])\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n {t(Translations.PARKING_TIMER)}:\r\n \r\n \r\n {elapsedTime}\r\n \r\n \r\n \r\n {moment(parkingBeginDateTime).format('MMM DD')}\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default TimeSpinner\r\n","import { Alert, AlertProps } from '@mui/material'\r\nimport React from 'react'\r\nimport styled from 'styled-components'\r\nimport AppTypography, { AppTypographyProps } from './AppTypography'\r\nimport { makeStyles } from '@mui/styles'\r\n\r\ninterface AlertWrapperProps {\r\n /** MUI spacing */\r\n gutterTop?: number\r\n}\r\nconst AlertWrapper = styled.div`\r\n padding-top: ${_ => _.theme.spacing(_.gutterTop)};\r\n`\r\nAlertWrapper.defaultProps = {\r\n gutterTop: 2,\r\n}\r\nexport interface AppAlertProps extends AlertProps, AlertWrapperProps {\r\n typographyProps?: AppTypographyProps\r\n}\r\n\r\nconst useStyles = makeStyles(_ => ({\r\n message: { width: '100%' },\r\n}))\r\n\r\nexport const AppAlert: React.FC = ({\r\n typographyProps,\r\n gutterTop,\r\n ...props\r\n}) => {\r\n const classes = useStyles()\r\n\r\n return (\r\n \r\n \r\n {props.children}\r\n \r\n \r\n )\r\n}\r\nAppAlert.defaultProps = {\r\n severity: 'info',\r\n icon: false,\r\n typographyProps: {\r\n color: 'primary',\r\n weight: 'bold',\r\n align: 'center',\r\n },\r\n}\r\nexport default AppAlert\r\n","import { InputBase, InputBaseProps } from '@mui/material'\r\nimport { makeStyles } from '@mui/styles'\r\nimport React from 'react'\r\nimport styled from 'styled-components'\r\n\r\nconst StyledAppInput = styled(InputBase)`\r\n /* .MuiAutocomplete-inputRoot .MuiAutocomplete-input {\r\n padding-top: 2px !important;\r\n padding-bottom: 2px !important;\r\n } */\r\n /* .MuiSelect-root {\r\n background: #f5f5f5;\r\n border-color: #d2d2d2;\r\n } */\r\n /* .MuiSelect-root {\r\n padding-top: 8px;\r\n padding-bottom: 8px;\r\n }\r\n .MuiOutlinedInput-inputMarginDense {\r\n padding-bottom: 8px; \r\n padding-top: 8px; */\r\n /* } */\r\n`\r\nexport interface AppInputProps {}\r\n\r\nconst useStyles = makeStyles(_ => ({\r\n outlinedRoot: {\r\n borderRadius: 18,\r\n // border: 0,\r\n // height: 34,\r\n '&:hover $notchedOutline': {\r\n borderColor: _.palette.primary.main,\r\n },\r\n '&$focused $notchedOutline': {\r\n borderColor: _.palette.primary.main,\r\n borderWidth: 1,\r\n },\r\n // '&$disabled': {\r\n // background: '#f5F5F5',\r\n // },\r\n // '&$disabled $notchedOutline': {\r\n // borderColor: _.palette.divider,\r\n // },\r\n },\r\n notchedOutline: {},\r\n focused: {},\r\n disabled: {},\r\n input: {},\r\n}))\r\n\r\nexport const AppInput: React.FC = ({ ...props }) => {\r\n const classes = useStyles(props)\r\n const CustomInputProps = {\r\n classes: {\r\n root: classes.outlinedRoot,\r\n notchedOutline: classes.notchedOutline,\r\n focused: classes.focused,\r\n input: classes.input,\r\n disabled: classes.disabled,\r\n },\r\n }\r\n return \r\n}\r\n// AppInput.defaultProps = {\r\n// variant: 'outlined',\r\n// size: 'small',\r\n// }\r\nexport default AppInput\r\n","import { Fade } from '@mui/material'\r\nimport React from 'react'\r\nimport { useSelector } from 'react-redux'\r\nimport { adsSlice, layoutSlice } from 'store/slices'\r\nimport { useAppDispatch } from 'store/store'\r\nimport styled from 'styled-components'\r\nimport { BOTTOM_BAR_HEIGHT, INNER_WIDTH } from './layout/constants'\r\n\r\nconst AdSpace = styled.div<{ height: string }>`\r\n height: ${_ => _.height};\r\n`\r\nconst AdWrapper = styled.div<{ height: string }>`\r\n position: fixed;\r\n bottom: ${BOTTOM_BAR_HEIGHT}px;\r\n height: ${_ => _.height};\r\n left: 50%;\r\n width: 100%;\r\n max-width: ${INNER_WIDTH}px;\r\n z-index: 1;\r\n transform: translateX(-50%);\r\n img {\r\n height: ${_ => _.height};\r\n }\r\n`\r\n\r\nexport interface AdProps {}\r\n\r\nexport const Ad: React.FC = props => {\r\n const adsToAppend = useSelector(adsSlice.selectAdsToAppend)\r\n const [initAd, setInitAd] = React.useState('')\r\n const { scriptString } = useSelector(adsSlice.stateSelectors)\r\n const { innerWidth, height } = useSelector(layoutSlice.stateSelectors)\r\n const [adHeight, setAdHeight] = React.useState('0')\r\n const [runScript, setRunScript] = React.useState(false)\r\n const dispatch = useAppDispatch()\r\n\r\n React.useEffect(() => {\r\n if (typeof innerWidth === 'number' && typeof height === 'number') {\r\n const adHeight = Math.round((innerWidth * 6) / 14)\r\n const maxHeight = Math.round(Math.min(height / 3, 200))\r\n if (adHeight > maxHeight) {\r\n setAdHeight(`${maxHeight}px`)\r\n } else {\r\n setAdHeight(`${adHeight}px`)\r\n }\r\n }\r\n }, [height, innerWidth])\r\n\r\n React.useEffect(() => {\r\n if (initAd && scriptString && !runScript) {\r\n try {\r\n Function(scriptString)()\r\n setRunScript(true)\r\n } catch (err) {\r\n console.warn('Ads script load failed', err)\r\n dispatch(adsSlice.actions.removeScriptString())\r\n }\r\n }\r\n }, [scriptString, runScript, initAd, dispatch])\r\n\r\n React.useEffect(() => {\r\n if (!initAd && adsToAppend.length) {\r\n setInitAd(adsToAppend[0].fullHtmlString)\r\n dispatch(\r\n adsSlice.actions.removeAdsToAppend([adsToAppend[0].advertisementUrl])\r\n )\r\n }\r\n }, [adsToAppend, dispatch, initAd])\r\n\r\n React.useEffect(() => {\r\n if (initAd && adsToAppend.length && runScript) {\r\n adsToAppend.forEach(el => {\r\n const fragment = document\r\n .createRange()\r\n .createContextualFragment(el.fullHtmlString)\r\n fragment\r\n .querySelectorAll('.slide')\r\n ?.forEach(node =>\r\n document\r\n .getElementById('tez-slideshow-container')\r\n ?.appendChild(node)\r\n )\r\n })\r\n dispatch(\r\n adsSlice.actions.removeAdsToAppend(\r\n adsToAppend.map(({ advertisementUrl }) => advertisementUrl)\r\n )\r\n )\r\n }\r\n }, [adsToAppend, dispatch, initAd, runScript])\r\n\r\n React.useEffect(\r\n () => () => {\r\n dispatch(adsSlice.actions.addAllAdsToAppend())\r\n },\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n []\r\n )\r\n\r\n return (\r\n \r\n \r\n {initAd &&
}\r\n
\r\n
\r\n {showRecaptchaV2 && CAPTCHA_V2_KEY && (\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\ninterface AppProps {\r\n onValidationSuccess: () => void;\r\n onValidationFailure?: () => void;\r\n onTokenReceived: (token: string) => void; \r\n feature: validateFeature;\r\n}\r\n\r\nconst HybridRecaptcha: React.FC = ({ onValidationSuccess, onValidationFailure, onTokenReceived, feature }) => ( \r\n \r\n);\r\n\r\nexport default HybridRecaptcha;","import { Form, Formik } from 'formik'\r\nimport { useSnackbar } from 'notistack'\r\nimport * as React from 'react'\r\nimport { useTranslation } from 'react-i18next'\r\nimport { AppButton, FlexBox, PageHeading } from 'shared'\r\nimport NewPhoneNumberInput from 'shared/PhoneNumberAndCountryCodeInput'\r\nimport PhoneNumberContainer from 'shared/sidebar/SignUpContainer'\r\nimport {\r\n countryCodeRegex,\r\n phoneNumberRegex,\r\n Translations,\r\n blurLastInput,\r\n} from 'utils'\r\nimport * as Yup from 'yup'\r\nimport HybridRecaptcha from 'shared/ReCaptcha/HybridRecaptcha';\r\nimport { validateFeature } from 'shared/ReCaptcha/HybridRecaptcha';\r\n\r\n\r\ninterface SendMeMailProps {\r\n handleSubmit(phoneCountryCode: number, phoneNumber: string, recaptchaToken: string): void\r\n goBack: () => void\r\n}\r\n\r\nconst SendMeMail: React.FunctionComponent = props => {\r\n const { t } = useTranslation()\r\n const { enqueueSnackbar } = useSnackbar()\r\n const [recaptchaVerified, setRecaptchaVerified] = React.useState(false);\r\n const [recaptchaToken, setRecaptchaToken] = React.useState(null);\r\n\r\n const handleTokenReceived = (token: string) => {\r\n setRecaptchaToken(token);\r\n };\r\n\r\n const handleRecaptchaSuccess = () => {\r\n setRecaptchaVerified(true);\r\n };\r\n\r\n const handleRecaptchaFailure = () => {\r\n enqueueSnackbar(t(Translations.RECAPTCHA_VERIFICATION_FAILED), { variant: 'error' });\r\n setRecaptchaVerified(false);\r\n };\r\n\r\n\r\n const SignupSchema = Yup.object().shape({\r\n countryCode: Yup.string().matches(\r\n countryCodeRegex,\r\n t(Translations.INVALID_COUNTRY_CODE)\r\n ),\r\n phoneNumber: Yup.string()\r\n .matches(phoneNumberRegex, t(Translations.INVALID_PHONE_NUMBER))\r\n .required(t(Translations.FIELD_REQUIRED)),\r\n })\r\n\r\n return (\r\n <>\r\n {\r\n if (!recaptchaVerified) {\r\n enqueueSnackbar(t(Translations.PLEASE_COMPLETE_RECAPTCHA_VERIFICATION), { variant: 'warning' });\r\n return;\r\n }\r\n props.handleSubmit(parseInt(data.countryCode), data.phoneNumber, recaptchaToken)\r\n }}\r\n validationSchema={SignupSchema}\r\n validateOnChange={true}\r\n validateOnBlur={false}\r\n >\r\n {({\r\n values,\r\n errors,\r\n handleChange,\r\n handleBlur,\r\n validateForm,\r\n handleSubmit,\r\n }) => (\r\n \r\n )}\r\n \r\n \r\n )\r\n}\r\n\r\nexport default SendMeMail\r\n","import { showPopup } from 'store/globalPopup/actions'\r\nimport { hideLoader, showLoader } from 'store/loader'\r\nimport { customerSlice } from 'store/slices'\r\nimport { useAppDispatch } from 'store/store'\r\nimport { ErrorCode } from 'typedef'\r\n\r\nexport const useSendEmail = (\r\n setSuccess: React.Dispatch>\r\n) => {\r\n const dispatch = useAppDispatch()\r\n\r\n const sendEmail = async (phoneCountryCode: number, phoneNumber: string, recaptchaToken: string) => {\r\n dispatch(showLoader())\r\n const promise = await dispatch(\r\n customerSlice.remindPassword({ phoneCountryCode, phoneNumber, recaptchaToken})\r\n )\r\n dispatch(hideLoader())\r\n if (customerSlice.remindPassword.fulfilled.match(promise)) {\r\n setSuccess(true)\r\n } else {\r\n if (promise.payload.code === ErrorCode.NoUserAssignedToGivenEMail) {\r\n setSuccess(true)\r\n return\r\n }\r\n dispatch(\r\n showPopup({\r\n ...promise.payload,\r\n handleAdditionalButtonClick: () =>\r\n sendEmail(phoneCountryCode, phoneNumber, recaptchaToken),\r\n })\r\n )\r\n }\r\n }\r\n\r\n return sendEmail\r\n}\r\n","import { useChangeLayout } from 'hooks'\r\nimport * as React from 'react'\r\nimport { useHistory } from 'react-router-dom'\r\nimport { paths } from 'routing'\r\nimport { PaddingContainer, PageDialog } from 'shared'\r\nimport SendMailComplete from './SendMailComplete'\r\nimport SendMeMail from './SendMeMail'\r\nimport { useSendEmail } from './useSendEmail'\r\n\r\ninterface ForgotPasswordProps {}\r\n\r\nexport interface PersonalData {\r\n email: string\r\n}\r\n\r\nconst ForgotPassword = (props: ForgotPasswordProps) => {\r\n const [success, setSuccess] = React.useState(false)\r\n const history = useHistory()\r\n const sendEmail = useSendEmail(setSuccess)\r\n useChangeLayout()\r\n const goBack = () => {\r\n history.push(paths.auth.login)\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default ForgotPassword\r\n","import { useChangeLayout } from 'hooks'\r\nimport * as React from 'react'\r\nimport { useHistory, useParams } from 'react-router-dom'\r\nimport { paths } from 'routing'\r\nimport { PaddingContainer, PageDialog } from 'shared'\r\nimport SendMailComplete from './SendMailComplete'\r\nimport SendMeMail from './SendMeMail'\r\nimport { ThemeProvider } from '@mui/material/styles'\r\nimport { whiteTheme } from 'themes'\r\nimport { useSendEmail } from './useSendEmail'\r\n\r\nexport interface PersonalData {\r\n email: string\r\n}\r\n\r\nexport const ForgotPasswordRedirect = () => {\r\n const [success, setSuccess] = React.useState(false)\r\n const history = useHistory()\r\n const { carId } = useParams<{ carId: string }>()\r\n const sendEmail = useSendEmail(setSuccess)\r\n useChangeLayout()\r\n const goBack = () => {\r\n history.push(`${paths.parking.login}/${carId}`)\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n","import { SharedIcon } from 'shared'\r\nimport * as React from 'react'\r\n\r\nexport interface LanguageData {\r\n name: string\r\n abbreviation: string\r\n flag: JSX.Element\r\n}\r\n\r\nexport const languageList: LanguageData[] = [\r\n {\r\n name: 'AMERICAN_ENGLISH',\r\n abbreviation: 'en-US',\r\n flag: ,\r\n },\r\n {\r\n name: 'BRITISH_ENGLISH',\r\n abbreviation: 'en-GB',\r\n flag: ,\r\n },\r\n {\r\n name: 'GERMAN',\r\n abbreviation: 'de-DE',\r\n flag: ,\r\n },\r\n {\r\n name: 'ITALIAN',\r\n abbreviation: 'it-IT',\r\n flag: ,\r\n },\r\n]\r\n","import {\r\n DialogTitle,\r\n Divider,\r\n List,\r\n ListItem,\r\n ListItemIcon,\r\n ListItemText,\r\n} from '@mui/material'\r\nimport { DialogProps } from '@mui/material'\r\nimport React from 'react'\r\nimport { AppDialog, AppTypography } from 'shared'\r\nimport styled from 'styled-components'\r\nimport { makeStyles } from '@mui/styles'\r\nimport CloseIcon from '@mui/icons-material/Close'\r\nimport { languageList } from './language'\r\nimport { useTranslation } from 'react-i18next'\r\nimport { Translations } from 'utils'\r\n\r\nconst CloseIconBox = styled.div`\r\n display: flex;\r\n justify-content: flex-end;\r\n`\r\n\r\nconst StyledListItem = styled(ListItem)`\r\n padding-left: 0px;\r\n`\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n title: {\r\n paddingBottom: theme.spacing(1.5),\r\n paddingTop: theme.spacing(0),\r\n fontWeight: 'bold',\r\n color: 'black',\r\n },\r\n}))\r\n\r\ntype PopupProps = {\r\n closePopup: () => void\r\n addCloseButton?: boolean\r\n darkBackground?: boolean\r\n} & DialogProps\r\n\r\nexport const SelectLanguageDialog: React.FC = props => {\r\n const { addCloseButton, closePopup, darkBackground, ...dialogProps } = props\r\n const { i18n } = useTranslation()\r\n const classes = useStyles()\r\n const { t } = useTranslation()\r\n\r\n return (\r\n \r\n {addCloseButton && (\r\n \r\n closePopup()} />\r\n \r\n )}\r\n \r\n {t(Translations.SELECT_LANGUAGE)}\r\n \r\n \r\n {languageList.map(lang => {\r\n return (\r\n <>\r\n {\r\n i18n.changeLanguage(lang.abbreviation)\r\n closePopup()\r\n }}\r\n >\r\n {lang.flag}\r\n \r\n {t(lang.name)}\r\n \r\n }\r\n />\r\n \r\n