\r\n )\r\n }\r\n}","import React from 'react'\r\nimport _ from 'lodash'\r\nimport moment from 'moment'\r\nimport CONSTANTS from '../movielist-constants'\r\nimport LOCALE from '../MovieListLocale'\r\nimport { setItemClasses } from '../shared'\r\nimport AllFutureMoviesListItem from './AllFutureMoviesListItem'\r\n\r\nexport default class AllFutureMoviesList extends React.Component {\r\n componentDidMount() {\r\n // Hack to handle the unknown
height and align Showtimes for matrix layouts...\r\n const { columns } = this.props;\r\n if (columns != CONSTANTS.columns.one) {\r\n // Timeout hack: wait for the DOM to load h1 font so we get correct height...\r\n setTimeout(() => {\r\n const titles = window.document.querySelectorAll('h1');\r\n\r\n let counter = 0;\r\n while (counter < titles.length) {\r\n let tallestTitle = 45; // approx. min for 1 row\r\n\r\n const row = _.take(_.drop(titles, counter), columns);\r\n row.forEach((title) => {\r\n const titleHeight = Math.max(title.scrollHeight, title.offsetHeight, title.clientHeight);\r\n if (titleHeight > tallestTitle) tallestTitle = titleHeight;\r\n });\r\n\r\n row.forEach((title) => title.style.height = tallestTitle + \"px\");\r\n counter += columns;\r\n }\r\n }, 200);\r\n //---\r\n }\r\n }\r\n\r\n generateMovieListItems(movies) {\r\n const { posterBanners, movieClicked, columns, organizerIds, appLocale } = this.props;\r\n let sortedMovies = this.sortMovies(movies);\r\n let movieItems = [];\r\n let counter = 0;\r\n\r\n _.forEach(sortedMovies, (movie) => {\r\n let rowClasses = setItemClasses(counter, columns);\r\n\r\n movieItems.push();\r\n\r\n counter++;\r\n });\r\n\r\n return movieItems;\r\n }\r\n\r\n sortMovies(movies) {\r\n const { sortBy, showtimes, showAsBase, selectedDate } = this.props;\r\n\r\n let sortedMovies = [];\r\n _.forEach(movies, (movie) => {\r\n let removeFromList = []; \r\n\r\n movie.validShowtimes = _.filter(showtimes, (showtime) => {\r\n if ((showtime.movieId == movie.id || (showAsBase && showtime.movieBaseId > 0 && showtime.movieBaseId == movie.baseId))) {\r\n const datetime = moment(showtime.dateTime);\r\n const isInFuture = datetime > moment();\r\n\r\n const formattedDate = datetime.format('YYYY-MM-DD');\r\n const isToday = formattedDate === selectedDate;\r\n if (isToday) removeFromList.push(movie.id); \r\n\r\n if (showtime.showInfo.enabled !== true || isToday) return false;\r\n else return sortBy == CONSTANTS.sort.alphabet || sortBy == CONSTANTS.sort.time && isInFuture\r\n }\r\n });\r\n\r\n if (!_.includes(removeFromList, movie.id) && movie.validShowtimes.length > 0) {\r\n movie.validShowtimes = _.sortBy(movie.validShowtimes, ['dateTime']);\r\n sortedMovies.push(movie);\r\n }\r\n });\r\n\r\n if (sortBy === CONSTANTS.sort.alphabet) sortedMovies = _.sortBy(sortedMovies, ['name']);\r\n else if (sortBy === CONSTANTS.sort.time)\r\n sortedMovies.sort((a, b) => { return moment(a.validShowtimes[0].dateTime) - moment(b.validShowtimes[0].dateTime); });\r\n\r\n return sortedMovies;\r\n }\r\n\r\n render() {\r\n const { movies, appLocale } = this.props;\r\n const movieListItems = this.generateMovieListItems(movies);\r\n\r\n return (\r\n
\r\n )\r\n }\r\n}","import React from 'react'\r\nimport _ from 'lodash'\r\nimport moment from 'moment'\r\nimport { FILTER_TEXTS } from '../../../api/api-constants'\r\nimport CONSTANTS from '../movielist-constants'\r\nimport LOCALE from '../MovieListLocale'\r\nimport ProgramListItem from './ProgramListItem'\r\nimport { setItemClasses } from '../shared'\r\n\r\nexport default class ProgramList extends React.Component {\r\n componentDidMount() {\r\n this.manipulateTitles()\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (prevProps.selectedDate != this.props.selectedDate)\r\n this.manipulateTitles()\r\n }\r\n\r\n // Hack to handle the unknown
\r\n )\r\n }\r\n}","import React from 'react'\r\nimport _ from 'lodash'\r\nimport moment from 'moment'\r\nimport CONSTANTS from '../movielist-constants'\r\nimport LOCALE from '../MovieListLocale'\r\nimport { setItemClasses } from '../shared'\r\nimport SpecialEventListItem from './SpecialEventsListItem'\r\n\r\nexport default class SpecialEventsList extends React.Component {\r\n componentDidMount() {\r\n // Hack to handle the unknown
height and align Showtimes for matrix layouts...\r\n const { columns } = this.props;\r\n if (columns != CONSTANTS.columns.one) {\r\n // Timeout hack: wait for the DOM to load h1 font so we get correct height...\r\n setTimeout(() => {\r\n const titles = window.document.querySelectorAll('h1');\r\n\r\n let counter = 0;\r\n while (counter < titles.length) {\r\n let tallestTitle = 45; // approx. min for 1 row\r\n\r\n const row = _.take(_.drop(titles, counter), columns);\r\n row.forEach((title) => {\r\n const titleHeight = Math.max(title.scrollHeight, title.offsetHeight, title.clientHeight);\r\n if (titleHeight > tallestTitle) tallestTitle = titleHeight;\r\n });\r\n\r\n row.forEach((title) => title.style.height = tallestTitle + \"px\");\r\n counter += columns;\r\n }\r\n }, 200);\r\n //---\r\n }\r\n }\r\n\r\n generateMovieListItems(movies) {\r\n const { posterBanners, appLocale, movieClicked, showtimeClicked, organizerIds, columns } = this.props;\r\n let sortedMovies = this.sortMovies(movies);\r\n let movieItems = [];\r\n let counter = 0;\r\n\r\n _.forEach(sortedMovies, (movie) => {\r\n let rowClasses = setItemClasses(counter, columns);\r\n\r\n movieItems.push();\r\n\r\n counter++;\r\n });\r\n\r\n return movieItems;\r\n }\r\n\r\n sortMovies(movies) {\r\n const { sortBy, showtimes, selectedMonth } = this.props;\r\n\r\n let sortedMovies = [];\r\n _.forEach(movies, (movie) => {\r\n movie.validShowtimes = _.filter(showtimes, (showtime) => {\r\n if (showtime.movieId == movie.id) {\r\n const datetime = moment(showtime.dateTime);\r\n const isInFuture = datetime > moment();\r\n if (showtime.showInfo.enabled !== true) return false;\r\n else {\r\n const month = datetime.month();\r\n const isInMonth = month === selectedMonth;\r\n return (sortBy == CONSTANTS.sort.alphabet || sortBy == CONSTANTS.sort.time && isInFuture) && isInMonth;\r\n }\r\n }\r\n });\r\n\r\n if (movie.validShowtimes.length > 0) {\r\n movie.validShowtimes = _.sortBy(movie.validShowtimes, ['dateTime']);\r\n sortedMovies.push(movie);\r\n }\r\n });\r\n\r\n if (sortBy === CONSTANTS.sort.alphabet) sortedMovies = _.sortBy(sortedMovies, ['name']);\r\n else if (sortBy === CONSTANTS.sort.time)\r\n sortedMovies.sort((a, b) => { return moment(a.validShowtimes[0].dateTime) - moment(b.validShowtimes[0].dateTime); });\r\n\r\n return sortedMovies;\r\n }\r\n\r\n render() {\r\n const { movies, appLocale } = this.props;\r\n const movieListItems = this.generateMovieListItems(movies);\r\n\r\n return (\r\n
\r\n )\r\n }\r\n}","import React from 'react'\r\nimport _ from 'lodash'\r\nimport moment from 'moment'\r\nimport CONSTANTS from '../movielist-constants'\r\nimport LOCALE from '../MovieListLocale'\r\nimport { setItemClasses } from '../shared'\r\nimport AllMoviesListItem from './AllMoviesListItem'\r\n\r\nexport default class AllMovieList extends React.Component {\r\n componentDidMount() {\r\n // Hack to handle the unknown
\r\n \r\n )\r\n }\r\n}","import React from 'react'\r\nimport _ from 'lodash'\r\nimport CONSTANTS from '../movielist-constants'\r\nimport LOCALE from '../MovieListLocale'\r\nimport { setItemClasses } from '../shared'\r\nimport FutureMoviesListItem from './FutureMovieListItem'\r\n\r\nexport default class FutureMoviesList extends React.Component {\r\n componentDidMount() {\r\n // Hack to handle the unknown
height and align Showtimes for matrix layouts...\r\n const { columns } = this.props;\r\n if (columns != CONSTANTS.columns.one) {\r\n // Timeout hack: wait for the DOM to load h1 font so we get correct height...\r\n setTimeout(() => {\r\n const titles = window.document.querySelectorAll('h1');\r\n\r\n let counter = 0;\r\n while (counter < titles.length) {\r\n let tallestTitle = 45; // approx. min for 1 row\r\n\r\n const row = _.take(_.drop(titles, counter), columns);\r\n row.forEach((title) => {\r\n const titleHeight = Math.max(title.scrollHeight, title.offsetHeight, title.clientHeight);\r\n if (titleHeight > tallestTitle) tallestTitle = titleHeight;\r\n });\r\n\r\n row.forEach((title) => title.style.height = tallestTitle + \"px\");\r\n counter += columns;\r\n }\r\n }, 200);\r\n //---\r\n }\r\n }\r\n\r\n generateMovieListItems(movies) {\r\n const { posterBanners, appLocale, movieClicked, columns, organizerIds } = this.props;\r\n let movieItems = [];\r\n let counter = 0;\r\n\r\n _.forEach(movies, (movie) => {\r\n let rowClasses = setItemClasses(counter, columns);\r\n\r\n movieItems.push();\r\n\r\n counter++;\r\n });\r\n\r\n return movieItems;\r\n }\r\n\r\n render() {\r\n const { movies, appLocale } = this.props;\r\n const movieListItems = this.generateMovieListItems(movies);\r\n\r\n return (\r\n
\r\n )\r\n }\r\n}","export default {\r\n da: {\r\n next: 'Næste ❯',\r\n nextReserve: 'Reserver ❯',\r\n nextBuy: 'Køb ❯',\r\n back: '❮ Tilbage',\r\n\r\n currency: 'kr.',\r\n points: 'points'\r\n },\r\n\r\n en: {\r\n next: 'Next ❯',\r\n nextReserve: 'Reserve ❯',\r\n nextBuy: ' Buy ❯',\r\n back: '❮ Back',\r\n\r\n currency: 'DKK',\r\n points: 'points'\r\n }\r\n}","import OrderFlowLocale from \"../OrderFlowLocale\";\r\n\r\nexport default {\r\n da: {\r\n ...OrderFlowLocale.da,\r\n showtimeUnNumbered: 'Venligst bemærk at pladserne i salen er unummereret. Først til mølle princippet gælder.',\r\n oneSeat: 'Valgt plads: ',\r\n multiSeats: 'Valgte pladser: ',\r\n row: 'Række',\r\n seat: 'Sæde',\r\n seats: 'Sæder',\r\n seatsUnNumbered: 'Unummereret',\r\n seatBlue: 'Dit valg',\r\n seatGreen: 'Ledige',\r\n seatWhite: 'Reserveret',\r\n seatRed: 'Optaget',\r\n chooseSeats: 'Du skal vælge mindst en billet for at vælge sæder',\r\n chooseTickets: 'Du skal vælge mindst en billet for at fortsætte',\r\n discountTextBioKlubDk: 'Biografklub Danmark kan ikke angives her. Disse indtastes senere i forløbet.',\r\n discountTextGiftCard: 'Gavekort kan ikke angives her. Disse indtastes senere i forløbet.',\r\n discountTextBoth: 'Biografklub Danmark og gavekort kan ikke angives her. Disse indtastes senere i forløbet.',\r\n\r\n noOnlineOrder: 'Denne forestilling kan ikke bestilles online på nuværende tidspunkt',\r\n noReserveClubCard: 'Du kan ikke reservere når du er logget på klubkort',\r\n noReserve: 'De valgte billetter kan ikke reserveres',\r\n noBuy: 'De valgte billetter kan ikke købes',\r\n\r\n backProgram: '❮ Program',\r\n backAll: '❮ Alle Film',\r\n backFuture: '❮ Kommende Film',\r\n backMovie: '❮ Andre Tider',\r\n\r\n nextBuyBioKlubDk: ' Køb med Biografklub Danmark ❯ ',\r\n\r\n extraPurchasesReset: 'Du har flyttet dine sæder til eller fra pladser med specialtilkøb tilgængeligt, så dine valgte tilkøb er blevet nulstillet.'\r\n },\r\n\r\n en: {\r\n ...OrderFlowLocale.en,\r\n showtimeUnNumbered: 'Please note that the seats in this hall are unnumbered. First come, first serve.',\r\n oneSeat: 'Chosen seat: ',\r\n multiSeats: 'Chosen seats: ',\r\n row: 'Row',\r\n seat: 'Seat',\r\n seats: 'Seats',\r\n seatsUnNumbered: 'Unnumbered',\r\n seatBlue: 'Your seats',\r\n seatGreen: 'Available',\r\n seatWhite: 'Reserved',\r\n seatRed: 'Sold',\r\n chooseSeats: 'You have to select minimum one ticket to choose seats',\r\n chooseTickets: 'You have to select minimum one ticket to continue',\r\n discountTextBioKlubDk: '\"Biografklub Danmark\" can not be used here. They can be added later in the process.',\r\n discountTextGiftCard: 'Gift cards can not be used here. They can be added later in the process.',\r\n discountTextBoth: '\"Biografklub Danmark\" and gift cards can not be used here. They can be added later in the process.',\r\n\r\n noOnlineOrder: 'This showtime can\\'t be ordered online',\r\n noReserveClubCard: 'You can\\'t reserve tickets when you are logged into as a club card owner',\r\n noReserve: 'The chosen tickets can\\'t be reserved',\r\n noBuy: 'The chosen tickets can\\'t be bought',\r\n\r\n backProgram: '❮ Program',\r\n backAll: '❮ All Movies',\r\n backFuture: '❮ Future Movies',\r\n backMovie: '❮ Other Showtimes',\r\n\r\n nextBuyBioKlubDk: 'Buy with \"Biografklub Danmark\"',\r\n\r\n extraPurchasesReset: 'You have moved your seats to or from places where there are special extra purchases available. Your previously chosen extra purchases have been reset.'\r\n }\r\n}","import React from 'react'\r\nimport _ from 'lodash'\r\nimport CONSTANTS from '../../orderflow-constants'\r\nimport QuantitySelector from './QuantitySelector'\r\nimport LOCALE from '../OrderLocale'\r\n\r\nexport default class Ticket extends React.Component {\r\n generatePrice(price) {\r\n if (price.from === price.to) return price.from;\r\n else if (price.from && price.to) return price.from + ' - ' + price.to;\r\n else if (price.from && !price.to) return price.from;\r\n else if (!price.from && price.to) return price.to;\r\n else return null;\r\n }\r\n\r\n generateTicketInteraction(availableTicket) {\r\n const { order, selectedTicket, bioDkActive, ticketQuantityChanged, canIncrementTotalQuantity, incrementTotalQuantity, decrementTotalQuantity, canIncrementTotalPoints, freeSeats } = this.props;\r\n switch (availableTicket.type) {\r\n case CONSTANTS.ticketType.quantity:\r\n return \r\n }\r\n }\r\n\r\n render() {\r\n const { availableTicket, appLocale } = this.props;\r\n let price = availableTicket.price ? this.generatePrice(availableTicket.price) + ` ${LOCALE[appLocale].currency}` : null;\r\n price = availableTicket.points ? availableTicket.points + ` ${LOCALE[appLocale].points}` : null;\r\n const ticketInteraction = this.generateTicketInteraction(availableTicket);\r\n\r\n return (\r\n
\r\n
{availableTicket.name}
\r\n
{price}
\r\n {ticketInteraction}\r\n
\r\n )\r\n }\r\n}","export default {\r\n da: {\r\n placeholderBioKlubDk: 'Kuponnummer',\r\n placeholderGiftCard: 'Gavekortnummer',\r\n placeholderDiscount: 'Rabatkode',\r\n submit: 'Indløs',\r\n error: 'Kun bogstaver og numre tilladt',\r\n errorInvalidType: 'Ugyldigt nummer',\r\n currency: 'kr.',\r\n remaningAmount: 'Ny saldo: ',\r\n toolTipOne: 'Du kan indtaste',\r\n toolTipStartsWith: 'som starter med',\r\n toolTipMulti: 'Du kan indtaste følgende typer: ',\r\n bioDkInfo: 'Du får mulighed for at indtaste flere kuponnumre, når du har tastet det første og klikket indløs'\r\n },\r\n\r\n en: {\r\n placeholderBioKlubDk: 'Coupon number',\r\n placeholderGiftCard: 'Gift card number',\r\n placeholderDiscount: 'Discount code',\r\n submit: 'Redeem',\r\n error: 'Only letters and numbers allowed',\r\n errorInvalidType: 'Invalid code',\r\n currency: 'DKK',\r\n remaningAmount: 'Remaining amount: ',\r\n toolTipOne: 'You can only enter',\r\n toolTipStartsWith: 'starting with',\r\n toolTipMulti: 'You can only enter the following types:',\r\n bioDkInfo: 'You can add more voucher numbers when you have typed the first one and clicked submit'\r\n }\r\n}","import './vouchers.scss'\r\nimport React from 'react'\r\nimport _ from 'lodash'\r\nimport { VOUCHER_TYPES } from '../../../api/api-constants'\r\nimport LOCALE from './VoucherLocale'\r\n\r\nexport default class Vouchers extends React.Component {\r\n constructor() {\r\n super();\r\n this.state = { value: '', error: '', showToolTip: false };\r\n this.handleChange = this.handleChange.bind(this);\r\n this.handleSubmit = this.handleSubmit.bind(this);\r\n this.toggleToolTip = this.toggleToolTip.bind(this);\r\n }\r\n\r\n componentDidUpdate() {\r\n const { appHeightChanged, iframeId } = this.props;\r\n if (window.parent != window) appHeightChanged(iframeId);\r\n }\r\n\r\n handleChange(e) {\r\n const { appLocale } = this.props;\r\n const value = e.target.value.toUpperCase();\r\n if (!this.isLetterOrNumber(value)) this.setState({ error: LOCALE[appLocale].error });\r\n else if (this.isKeyStrokeValid(value)) this.setState({ value, error: '' });\r\n }\r\n\r\n isKeyStrokeValid(input) {\r\n const { type, appLocale, voucherConstraints } = this.props;\r\n const constraints = type == VOUCHER_TYPES.BIOKLUBDK ? _.filter(voucherConstraints, (voucher) => { return voucher.type == type }) : voucherConstraints;\r\n if (type != VOUCHER_TYPES.DISCOUNT && constraints.length > 0) {\r\n const vouchers = _.split(input, ',');\r\n const isValid = _.every(vouchers, (voucher) => {\r\n if (voucher.length <= 5) return true; // only check after 5 chars on each voucher number\r\n return _.some(constraints, (constraint) => {\r\n const startValid = voucher.startsWith(constraint.prefix);\r\n const lengthValid = voucher.length <= constraint.length;\r\n return startValid && lengthValid;\r\n });\r\n });\r\n\r\n if (!isValid) {\r\n this.setState({ error: LOCALE[appLocale].errorInvalidType });\r\n return false;\r\n } else return true;\r\n } else { //There are no constraints on this type and we proceeed.\r\n this.setState({ error: '' });\r\n return true;\r\n }\r\n }\r\n\r\n handleSubmit(e) {\r\n e.preventDefault();\r\n const { value } = this.state;\r\n const { type, vouchers, vouchersChanged } = this.props;\r\n if (type == VOUCHER_TYPES.DISCOUNT) {\r\n vouchersChanged(value);\r\n this.setState({ value: '' });\r\n } else if (this.isValidConstraints(value)) {\r\n let updatedVouchers = '';\r\n const voucherCodes = _.uniq(_.concat(_.split(value, ','), _.map(vouchers.active, 'barCode')));\r\n _.map(voucherCodes, (code) => { return updatedVouchers += code + ','; });\r\n updatedVouchers = _.trimEnd(updatedVouchers, ',');\r\n\r\n vouchersChanged(updatedVouchers);\r\n this.setState({ value: '' });\r\n }\r\n }\r\n\r\n isLetterOrNumber(input) {\r\n const regex = /^[A-Z0-9,]*$/;\r\n return regex.test(input);\r\n }\r\n\r\n isValidConstraints(input) {\r\n const { type, appLocale, voucherConstraints } = this.props;\r\n const constraints = type == VOUCHER_TYPES.BIOKLUBDK ? _.filter(voucherConstraints, (voucher) => { return voucher.type == type }) : voucherConstraints;\r\n if (constraints.length > 0) {\r\n const vouchers = _.split(input, ',');\r\n const isValid = _.every(vouchers, (voucher) => {\r\n return _.some(constraints, (constraint) => {\r\n const startValid = voucher.startsWith(constraint.prefix);\r\n const lengthValid = voucher.length == constraint.length;\r\n return startValid && lengthValid;\r\n });\r\n });\r\n\r\n if (!isValid) {\r\n this.setState({ error: LOCALE[appLocale].errorInvalidType });\r\n return false;\r\n } else return true;\r\n } else { //There are no constraints on this type and we proceeed.\r\n this.setState({ error: '' });\r\n return true;\r\n }\r\n }\r\n\r\n getPlaceholder() {\r\n const { type, appLocale } = this.props;\r\n switch (type) {\r\n case VOUCHER_TYPES.GIFTCARD:\r\n return LOCALE[appLocale].placeholderGiftCard;\r\n case VOUCHER_TYPES.BIOKLUBDK:\r\n return LOCALE[appLocale].placeholderBioKlubDk;\r\n case VOUCHER_TYPES.DISCOUNT:\r\n return LOCALE[appLocale].placeholderDiscount;\r\n }\r\n }\r\n\r\n getConstraints() {\r\n const { type, voucherConstraints, appLocale } = this.props;\r\n const constraints = type == VOUCHER_TYPES.BIOKLUBDK ? _.filter(voucherConstraints, (voucher) => { return voucher.type == type }) : voucherConstraints;\r\n if (constraints.length > 1) {\r\n const mapped = _.map(constraints, (constraint, i) => {\r\n return
\r\n )\r\n }\r\n}","import './receipt.scss'\r\nimport React from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { bindActionCreators } from 'redux'\r\nimport _ from 'lodash'\r\nimport { ROUTES } from '../../navigation/route-constants'\r\nimport CONSTANTS from '../orderflow-constants'\r\nimport LOCALE from './ReceiptLocale'\r\nimport Reservation from './Reservation'\r\nimport Purchase from './Purchase'\r\nimport * as receiptActions from '../../../actions/receipt-actions'\r\nimport * as orderActions from '../../../actions/order-actions'\r\nimport * as gaActions from '../../../actions/ga-actions'\r\nimport { appHeightChanged } from '../../../actions/app-actions'\r\n\r\nclass ReceiptContainer extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { completed: true };\r\n const { receipt, organizerId, showtime, history } = props;\r\n //prevent going back after wiping receipt in startOver\r\n if (receipt.transactionId <= 0)\r\n history.push(`${ROUTES.ORDERFLOW.TICKETS}/${showtime.movieId}/${showtime.id}?org=${organizerId}`);\r\n\r\n this.startOver = this.startOver.bind(this);\r\n props.orderType == CONSTANTS.orderTypes.buy ? props.actions.gaTrackPurchase() : props.actions.gaTrackReservation();\r\n }\r\n\r\n componentDidMount() {\r\n const { actions, iframeId } = this.props;\r\n if (window.parent != window) actions.appHeightChanged(iframeId, true);\r\n else window.scrollTo(0, 0);\r\n }\r\n\r\n componentWillUnmount() {\r\n const { organizerId, showtime, history } = this.props;\r\n if (history.action == 'POP' && this.state.completed)\r\n history.push(`${ROUTES.ORDERFLOW.RECEIPT}/${showtime.movieId}/${showtime.id}?org=${organizerId}`);\r\n\r\n }\r\n\r\n startOver() {\r\n window.location.reload();\r\n }\r\n\r\n generateReceipt() {\r\n const { orderType, texts, receipt, customer, showtime, actions, history, organizerId, organizerType, appLocale } = this.props;\r\n switch (orderType) {\r\n case CONSTANTS.orderTypes.reserve:\r\n case CONSTANTS.orderTypes.buyReservation:\r\n return \r\n case CONSTANTS.orderTypes.buy:\r\n return ;\r\n }\r\n }\r\n\r\n render() {\r\n const { showNavButtons, bottomBarAllwaysVisible, appLocale } = this.props;\r\n const receipt = this.generateReceipt();\r\n const navButtons = showNavButtons ?
\r\n \r\n
: null;\r\n\r\n return (\r\n
\r\n {receipt}\r\n {navButtons}\r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n return {\r\n showNavButtons: ownProps.match.params.reservationId == null,\r\n organizerId: state.organizer.id,\r\n organizerType: state.organizer.configuration.type,\r\n showtime: state.movielist.selectedShowtime,\r\n orderType: state.order.orderType,\r\n receipt: state.receipt,\r\n texts: state.organizer.configuration.receiptTexts,\r\n customer: state.customer,\r\n bottomBarAllwaysVisible: state.organizer.configuration.bottomBarAllwaysVisible,\r\n completed: state.receipt.completed,\r\n appLocale: state.app.locale,\r\n iframeId: state.app.iframeId\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n actions: bindActionCreators(Object.assign({}, orderActions, receiptActions, gaActions, { appHeightChanged }), dispatch)\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ReceiptContainer)","export default {\r\n da: {\r\n loading: 'Indlæser...',\r\n notFound: 'Siden findes ikke.',\r\n unspecified: 'Der skete en fejl.',\r\n close: 'Luk',\r\n errors: {\r\n 16: 'Du har allerede en anden aktiv bestilling i et andet faneblad, færdiggør den der eller start forfra.',\r\n 17: 'Det ønskede antal pladser er desværre ikke ledige til denne forestilling.',\r\n 29: 'Vi kunne ikke kontakte betalingstjenesten. Prøv igen senere.',\r\n 30: 'Du har været for længe om at indtaste dine oplysninger.',\r\n 35: 'Din session er udløbet, da du har været for længe om at gennemføre din bestilling.',\r\n 40: 'Det er ikke muligt at aktivere reservationen, da den er købt eller afbestilt.',\r\n 46: 'Den angivne bruger har ikke noget medlemskab eller det er udløbet.',\r\n 472: 'Det er ikke muligt at reservere/købe til dette arrangement. Tjek at forestillingen ikke allerede er begyndt eller overstået.',\r\n 474: 'Der er låst for at reservere og købe til dette arrangement.',\r\n 999: 'Denne arrangør er ikke opsat.',\r\n 10001: 'Arrangøren kan ikke kontaktes i øjeblikket. Prøv igen senere eller ring til arrangøren.'\r\n }\r\n },\r\n en: {\r\n loading: 'Loading...',\r\n notFound: 'Page not found.',\r\n unspecified: 'An error occured.',\r\n close: 'close',\r\n errors: {\r\n 16: 'You already have an active order in another tab, complete is there or start over.',\r\n 17: 'The requested amount of seats unfortunately are not available for this showtime.',\r\n 29: 'We could not contact the payment service. Try again later.',\r\n 30: 'You have been too slow filling in your information.',\r\n 35: 'Your session has expired, you have been too slow filling out your order.',\r\n 40: 'It is not possble to activate the reservation, it has already been purchased or deleted.',\r\n 46: 'This user does not have a membership or it has expired.',\r\n 472: 'It is not possible to reserve/purchase tickets for this showtime. Check that the show has not already begun or is in the past.',\r\n 474: 'This showtime is locked for reservation or purchase.',\r\n 999: 'This organizer is not configured.',\r\n 10001: 'The organizer can not be contacted right now. Try again later or call directly to the organizer.'\r\n }\r\n }\r\n}","import React from 'react'\r\nimport { connect } from 'react-redux'\r\nimport LOCALE from './OverlayLocales'\r\n\r\nclass Error extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n show: this.props.show\r\n }\r\n }\r\n\r\n render() {\r\n let { error, buttons, isInWindow, appLocale } = this.props;\r\n const { show } = this.state;\r\n let message = error.message || LOCALE[appLocale].errors[error.code] || LOCALE[appLocale].errors[error.type] || LOCALE[appLocale].unspecified;\r\n\r\n const closeButton = this.setState({ show: false })} value={LOCALE[appLocale].close} />;\r\n\r\n switch (error.code) {\r\n case 17:\r\n buttons = closeButton;\r\n if (error.type == 10001) {\r\n message = LOCALE[appLocale].errors[error.type];\r\n }\r\n break;\r\n case 30:\r\n buttons = this.buttons.startOver;\r\n if (error.type == 32) message = LOCALE[appLocale].errors[error.code];\r\n break;\r\n case 666:\r\n buttons = isInWindow ? null : closeButton;\r\n break;\r\n }\r\n \r\n return (\r\n
\r\n );\r\n }\r\n} ","import './vouchers.scss'\r\nimport React from 'react'\r\nimport _ from 'lodash'\r\n\r\nconst VoucherErrors = ({ errors }) => (\r\n errors ?\r\n
\r\n {_.map(errors, (error, i) => {\r\n return
{error}
\r\n })}\r\n
: null\r\n)\r\n\r\nexport default VoucherErrors","import OrderFlowLocale from '../OrderFlowLocale'\r\n\r\nexport default {\r\n da: {\r\n ...OrderFlowLocale.da,\r\n bioKlubDk: 'Biografklub Danmark',\r\n yourTickets: 'Dine billetter',\r\n instructions: 'Er du medlem af Biografklub Danmark, kan du indtaste din kuponkode her, og spare halvdelen af billetprisen.',\r\n description: 'Kuponnummeret finder du på din Biografklub Danmark kupon under stregkoden.'\r\n },\r\n\r\n en: {\r\n ...OrderFlowLocale.en,\r\n bioKlubDk: 'Cinema club: \"Biografklub Danmark\"',\r\n yourTickets: 'Your tickets',\r\n instructions: 'If you are a member of the cinema club \"Biografklub Danmark\" you can enter your coupon code here, and save half of the ticket price.',\r\n description: 'The coupon number is located on your \"Biografklub Danmark\" coupon underneath the bar code.'\r\n }\r\n}","import './bioklubdk.scss'\r\nimport React from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { bindActionCreators } from 'redux'\r\nimport _ from 'lodash'\r\nimport * as orderActions from '../../../actions/order-actions'\r\nimport * as customerActions from '../../../actions/customer-actions'\r\nimport * as gaActions from '../../../actions/ga-actions'\r\nimport { ROUTES } from '../../navigation/route-constants'\r\nimport VoucherInput from '../vouchers/VoucherInput'\r\nimport VoucherDisplay from '../vouchers/VoucherDisplay'\r\nimport VoucherErrors from '../vouchers/VoucherErrors'\r\nimport { VOUCHER_TYPES } from '../../../api/api-constants'\r\nimport { appHeightChanged } from '../../../actions/app-actions'\r\nimport LOCALE from './BioKlubDkLocale'\r\n\r\nclass BioKlubDkContainer extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.navBack = this.navBack.bind(this);\r\n this.navNext = this.navNext.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n const { actions, iframeId } = this.props;\r\n if (window.parent != window) actions.appHeightChanged(iframeId, true);\r\n else window.scrollTo(0, 0);\r\n }\r\n\r\n componentDidUpdate() {\r\n const { actions, iframeId } = this.props;\r\n if (window.parent != window) actions.appHeightChanged(iframeId, true);\r\n }\r\n\r\n navBack() {\r\n const { history } = this.props;\r\n history.goBack();\r\n }\r\n\r\n navNext() {\r\n const { organizerId, showtime, history } = this.props;\r\n history.push(`${ROUTES.ORDERFLOW.EXTRA_PURCHASES}/${showtime.movieId}/${showtime.id}?org=${organizerId}`);\r\n }\r\n\r\n render() {\r\n const { bioKlubDk, bottomBarAllwaysVisible, appLocale, vouchers, tickets, actions, voucherConstraints } = this.props;\r\n const image = bioKlubDk.image ? : null;\r\n\r\n return (\r\n