\n {/*
\n
\n );\n }\n}\n\nSignUpUserPage.propTypes = {\n signInButtonClicked: PropTypes.func,\n onLogin: PropTypes.func,\n facebookConnectEnabled: PropTypes.bool\n};\n","import AppDispatcher from '../dispatcher/AuthenticationAppDispatcher'\nimport FluxAuthenticationConstants from '../constants/FluxAuthenticationConstants'\n\nconst FluxAuthenticationActions = {\n\n // Log a user\n logged: function(user) {\n AppDispatcher.handleAction({\n actionType: FluxAuthenticationConstants.LOGGED,\n user: user\n })\n },\n\n unauthorized: function() {\n AppDispatcher.handleAction({\n actionType: FluxAuthenticationConstants.UNAUTHORIZED\n })\n }\n};\n\nexport default FluxAuthenticationActions;\n","import { intercomSendData } from \"./intercomHelper\";\n\nexport default function registerUserSessionToIntercom(user) {\n try {\n const currentUser = \"id\" in user ? user : user.user_session.user;\n\n const intercomDataUser = {\n id: currentUser.id,\n name: currentUser.full_name,\n email: currentUser.email\n };\n\n intercomSendData(intercomDataUser);\n } catch (err) {\n console.error(err);\n }\n}\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SignInUserPage from './components/signin/SignInUserPage';\nimport SignUpUserPage from './components/signup/SignUpUserPage';\nimport FluxAuthenticationActions from '../actions/FluxAuthenticationActions';\nimport CurrentUserStore from '../stores/CurrentUserStore';\nimport BrowserLocationHelper from '../utils/browser_location_helper';\n\nimport registerUserSessionToIntercom from '../utils/Intercom/registerUserSessionToIntercom'\nimport { intercomSendData, intercomTrackEvent } from '../utils/Intercom/intercomHelper';\n\nexport default class UserSessionForm extends React.Component {\n\n static propTypes = {\n redirectURL: PropTypes.string,\n };\n\n state = {\n showSignIn: this.props.showSignIn || false,\n currentUser: null\n };\n\n componentDidMount() {\n CurrentUserStore.addChangeListener(this._onCurrentUserChange);\n }\n\n componentWillUnmount() {\n CurrentUserStore.removeChangeListener(this._onCurrentUserChange);\n }\n\n _onCurrentUserChange = () => {\n const newUser = CurrentUserStore.getUser();\n\n if (this.state.currentUser !== newUser) {\n this.setState({\n currentUser: newUser\n });\n\n if (this.props.redirectURL) {\n BrowserLocationHelper.ChangeURL(this.props.redirectURL);\n }\n }\n };\n\n onLogin = (user) => {\n FluxAuthenticationActions.logged(user);\n registerUserSessionToIntercom(user)\n\n intercomTrackEvent(\"Signin\", {})\n intercomSendData({\n \"TLT - Last Signin at\": Date.now()\n })\n };\n\n signUpButtonClicked = () => {\n this.setState({showSignIn: false});\n };\n\n signInButtonClicked = () => {\n this.setState({showSignIn: true});\n };\n\n renderWelcomeUser() {\n return (\n {I18n.t(\"register\")}
*/}\n\n {/*this.renderInviterBox()*/}\n\n {this.props.facebookConnectEnabled && this.renderFBConnectButton()}\n\n {this.state.showEmailForm ? (\n\n
\n {I18n.t(\"pages.user_session.links.already_registered\")}{\" \"}\n\n \n {I18n.t(\"sign_in\")}\n \n
\n \n
\n )\n }\n\n isFacebookConnectEnabled() {\n return true;\n }\n\n renderForms() {\n if (this.state.showSignIn) {\n return \n
\n\n Torna alla home\n Bentornato {this.state.currentUser.first_name}
\n\n \n \n {I18n.t('tos')} \n \n \n \n )\n })\n }\n\n // -------------------------------------\n // Component local variables\n // -------------------------------------\n\n // -------------------------------------\n\n return (\n \n {children} \n \n )\n}\n\n// ----------------------------------------------------------------------------\n\nexport default BubbleModal\n","import superagent from \"superagent\"\nimport { API_V2_URL } from \"../../base\"\n\nexport async function orderRating(orderId, ratings, userToken) {\n const URL = `${API_V2_URL}orders/${orderId}/rating`\n const tokenAuth = `Token token=${userToken}`\n\n const res = await superagent\n .post(URL)\n .set(\"Accept\", \"application/json\")\n .set(\"Authorization\", tokenAuth)\n .send({\n notes: ratings.other,\n racer_punctuality: ratings.punctuality,\n food_temperature: null, // TODO: remove, kept for compatibility\n racer_courtesy: ratings.politeness,\n food_integrity: ratings.product_integrity,\n })\n return res.body\n}\n","import React, { useState, Fragment } from \"react\"\nimport Button from \"react-bootstrap/lib/Button\"\nimport BubbleModal from \"../../../ui-components/BubbleModal\"\n\nimport Stars from \"../Stars\"\nimport * as api from \"../../../apis/Authenticated/Orders/index.js\"\n\nimport style from \"./index.module.sass\"\n\n// ----------------------------------------------------------------------------\n\nconst RATING_KEYS = [\"punctuality\", \"politeness\", \"product_integrity\", \"other\"]\n\nconst ICONS = [\"fa-clock\", \"fa-laugh-wink\", \"fa-bags-shopping\", \"fa-comments\"]\n\nconst initialRatings = {\n [RATING_KEYS[0]]: undefined,\n [RATING_KEYS[1]]: undefined,\n [RATING_KEYS[2]]: undefined,\n [RATING_KEYS[3]]: undefined,\n}\n\nfunction RatingModal(props) {\n // -------------------------------------\n // Props destructuring\n // -------------------------------------\n\n const { order, onHide = () => {}, userToken, ...otherProps } = props\n\n // -------------------------------------\n // Hooks (e.g. useState, useMemo ...)\n // -------------------------------------\n\n const [loading, setLoading] = useState(false)\n const [step, setStep] = useState(0)\n const [ratings, setRatings] = useState(initialRatings)\n\n // -------------------------------------\n // Effects\n // -------------------------------------\n\n // -------------------------------------\n // Component functions\n // -------------------------------------\n\n function handleVote(vote) {\n setRatings({ ...ratings, [RATING_KEYS[step]]: vote })\n }\n\n function handleTextChange(e) {\n setRatings({ ...ratings, [RATING_KEYS[step]]: e.target.value })\n }\n\n async function handleNext() {\n // if there is no vote, do not proceed\n if (!!ratings[RATING_KEYS[step]] || step >= RATING_KEYS.length - 1) {\n if (step >= RATING_KEYS.length - 1) {\n setLoading(true)\n try {\n let res = await api.orderRating(order.id, ratings, userToken)\n if (res) {\n onHide(\"refresh\")\n } else {\n setLoading(false)\n }\n } catch (err) {\n setLoading(false)\n }\n } else {\n setStep(step + 1)\n }\n }\n }\n\n function handleHide() {\n // TODO: improve state\n setStep(0)\n setRatings(initialRatings)\n onHide()\n }\n\n // -------------------------------------\n // Component local variables\n // -------------------------------------\n\n // -------------------------------------\n\n return (\n \n
\n \n )\n}\n\n// ----------------------------------------------------------------------------\n\nexport default RatingModal\n","import React, { useState, Fragment } from \"react\"\nimport Button from \"react-bootstrap/lib/Button\"\n\nimport BubbleCard from \"../../ui-components/BubbleCard\"\nimport Stars from \"./Stars\"\nimport RatingModal from \"./RatingModal\"\n\nimport style from \"../index.module.sass\"\n\n// ----------------------------------------------------------------------------\n\nfunction RatingCard(props) {\n // -------------------------------------\n // Props destructuring\n // -------------------------------------\n\n const {\n order = {},\n userToken,\n alreadyRated = true,\n canBeRated = false,\n } = props\n\n // -------------------------------------\n // Hooks (e.g. useState, useMemo ...)\n // -------------------------------------\n\n const [showRatingModal, setShowRatingModal] = useState(false)\n\n // -------------------------------------\n // Effects\n // -------------------------------------\n\n // -------------------------------------\n // Component functions\n // -------------------------------------\n\n function handleHide(action) {\n if (action === \"refresh\") {\n window.location.reload()\n } else {\n setShowRatingModal(false)\n }\n }\n\n // -------------------------------------\n // Component local variables\n // -------------------------------------\n\n // -------------------------------------\n\n return (\n \n \n \n \n \n \n \n {pickingTime}\n )\n });\n });\n return options;\n}\n\nfunction renderErrors(errors) {\n if (!errors.time_slot) { return false;}\n\n return errors.time_slot && errors.time_slot.map(function (error, index) {\n return (\n \n \n {I18n.t(\"cart_summary.credit_cards.add_new_credit_card_title\")} \n \n \n
\n )\n }\n\n function renderInfo(title, text) {\n return (\n \n
\n\n )\n }\n\n}\n","import React from 'react'\n\nimport CustomerTosLink from \"./CustomerTosLink\";\n\nexport default function PlaceOrderButton({waiting, disabled, onClick}) {\n\n const text = waiting ? I18n.t('wait') : I18n.t('cart_summary.send_order');\n\n return (\n \n
\n )\n};\n","import React from \"react\"\n\nexport default function DeliveryAddressForm(props) {\n // -------------------------------------\n // Props destructuring\n // -------------------------------------\n\n const { state, setState, errors, venue, isTakeAway = false } = props\n\n // -------------------------------------\n // Hooks (e.g. useState, useMemo ...)\n // -------------------------------------\n\n // -------------------------------------\n // Effects\n // -------------------------------------\n\n // -------------------------------------\n // Component functions\n // -------------------------------------\n\n function handleInputChange(event) {\n const target = event.target\n const value = target.type === \"checkbox\" ? target.checked : target.value\n const name = target.name\n\n setState({ ...state, [name]: value })\n }\n\n function showErrorsFor(name) {\n const _errors = errors[name] || []\n\n return _errors.map((error, index) => {\n return (\n \n { disabled || waiting\n ? \n : {text}\n }\n\n
\n \n {error}\n
\n )\n })\n }\n\n // -------------------------------------\n // Component local variables\n // -------------------------------------\n\n const venueAddress =\n venue && `${venue.street_name}, ${venue.street_number}, ${venue.city}`\n\n // -------------------------------------\n\n return (\n \n {!isTakeAway ? (\n
\n )\n}\n","import React from 'react'\n\nfunction uniqueElements(array) {\n return array.filter(function (value, index, self) {\n return self.indexOf(value) === index;\n });\n}\n\nfunction renderTimeSlots(timeSlots) {\n const showPrice = uniqueElements(timeSlots.map(slot => slot.price_cents)).length !== 1;\n\n return timeSlots.map((slot, index) => {\n const {start_time, end_time, price_cents, vehicle_type} = slot;\n const vehicle_name = I18n.t(`cart_summary.vehicle_types.${vehicle_type}`);\n let text;\n\n if (showPrice) {\n const price = `€${price_cents / 100.0}`;\n\n text = `${start_time}-${end_time} (${price} ${vehicle_name})`;\n } else {\n text = `${start_time}-${end_time}`;\n }\n\n return ;\n });\n}\n\nfunction renderErrors(errors) {\n if (!errors.time_slot) { return false;}\n\n return errors.time_slot && errors.time_slot.map(function (error, index) {\n return (\n \n
\n ) : (\n \n {I18n.t(\"cart_summary.deliver_to_address\")}\n
\n \n\n
\n )}\n \n {I18n.t(\"cart_summary.pickup_title\")} {venue.name}{\" \"}\n ({venueAddress})\n
\n{error}
\n )\n });\n}\n\n\nconst DeliveryTimeSlotForm = ({errors, onChange, slots, slotIndex}) => {\n return (\n \n
\n );\n};\n\nexport default DeliveryTimeSlotForm;\n","import React from 'react'\n\nfunction renderTimeSlots(timeSlots) {\n let options = [];\n timeSlots.forEach((slot)=>{\n slot.picking_times.forEach((pickingTime) => {\n options.push(\n {I18n.t('cart_summary.delivery_time')}\n
\n \n{error}
\n )\n });\n}\n\n\nconst TakeAwayTimeSlotForm = ({errors, onChange, takeAwaySlots, selectedPickingTime}) => {\n return (\n \n
\n );\n};\n\nexport default TakeAwayTimeSlotForm;\n","import superagent from 'superagent';\nimport {API_URL} from \"./base\";\n\nlet _token;\n\nfunction getAuthorizationHeader() {\n return `Token token=${_token}`;\n}\n\nexport default class CouponsAPI {\n\n static SetUserAuthToken(token) {\n _token = token;\n }\n\n static CheckCoupon(code, amount, storeId, startTime) {\n const URL = `${API_URL}/coupons/check`;\n\n return new Promise((resolve, reject) => {\n\n superagent.get(URL)\n .set('Accept', 'application/json')\n .set('Authorization', getAuthorizationHeader())\n .query({code: code, amount: amount, store_id: storeId, start_time: startTime})\n .end((error, res) => {\n error ? reject(error, res) : resolve(res.body.result);\n });\n });\n }\n}","import React from 'react'\n\n//import I18n from 'i18n';\n\nimport style from \"./style.module\"\n\nfunction renderMinimumOrder(amount) {\n if (amount > 0) {\n return \n {I18n.t('cart_summary.pickup_time')}\n
\n \n\n {I18n.t('pages.orders.new.available_coupon.minimum_value', {amount: amount / 100.0})}\n
\n } else {\n return false;\n }\n}\n\nfunction renderNoWeekend(noWeekend) {\n if (noWeekend) {\n return {I18n.t('pages.orders.new.available_coupon.no_weekend')}
\n } else {\n return false;\n }\n}\n\nexport default function AvailableCoupon({code, discount_value, lower_limit_price_cents, no_weekend, onClick}) {\n\n return (\n \n
\n )\n}\n","import React from 'react'\n\nimport AvailableCoupon from './AvailableCoupon/AvailableCoupon';\nimport CouponsAPI from \"../../../../apis/CouponsAPI\";\nimport PropTypes from \"prop-types\";\nimport { ADD_COUPON, getCart, REMOVE_COUPON } from '../../../../stores/CartStateStore';\n//import I18n from 'i18n';\n\nexport default class CouponForm extends React.Component {\n\n static contextTypes = {\n userAuthToken: PropTypes.string\n };\n\n constructor(props) {\n super(props);\n\n let error_messages = [];\n if (props.initialErrors && props.initialErrors.coupon_code) {\n error_messages = props.initialErrors.coupon_code.map(function (error) {\n return error;\n });\n }\n\n this.state = {\n coupon_message: null,\n error_messages: error_messages,\n coupon_code: ''\n };\n\n CouponsAPI.SetUserAuthToken(props.userAuthToken)\n }\n\n /*componentDidMount() {\n const coupons = CartStore.getCoupons();\n const coupon_codes = Object.keys(coupons);\n const coupon_code = coupon_codes.length > 0 ? coupon_codes[0] : null;\n\n if (coupon_code) {\n this.setState({coupon_code: coupon_code});\n this.validateCoupon();\n }\n }*/\n\n componentDidUpdate(prevProps, prevState) {\n const { coupon_code } = this.state;\n\n if (coupon_code && (coupon_code.length > 0) && this.props.startTime !== prevProps.startTime) {\n this.startCouponVerification();\n }\n }\n\n validateCoupon = () => {\n const code = this.state.coupon_code;\n const amount = getCart(this.props.cartState).total || 0\n const { venueId, startTime } = this.props;\n\n if (!code || code.length === 0) { return; }\n\n CouponsAPI.CheckCoupon(code, amount, venueId, startTime).then((coupon) => {\n let coupon_message = coupon.message;\n\n if (!coupon_message) {\n switch (coupon.discount_type) {\n case 'discount_amount':\n coupon_message = I18n.t('pages.orders.new.coupon_messages.discount_value', {value: coupon.humanized_discount_value});\n break;\n case 'points':\n coupon_message = I18n.t('pages.orders.new.coupon_messages.points', {value: coupon.discount_value});\n break;\n default:\n coupon_message = I18n.t('pages.orders.new.coupon_messages.default');\n }\n }\n\n this.setState({coupon_message: coupon_message});\n\n this.props.dispatchCartState({type: ADD_COUPON, payload: {code: coupon.code, amount: coupon.discount_value} })\n\n }).catch((err) => {\n\n this.props.dispatchCartState({type: REMOVE_COUPON, payload: {code: code} })\n\n if (err.status === 422) {\n const message = err.response.body.full_error_messages || \"Impossibile usare questo coupon\";\n\n this.setState({error_messages: message });\n return;\n }\n if (err.status === 404) {\n this.setState({error_messages: [I18n.t('pages.orders.new.coupon_not_found')]});\n }\n });\n }\n\n startCouponVerification = (event) => {\n if (event) { event.preventDefault(); }\n //var value = event.target.value;\n\n // if i have already inserted a coupon it stays that way until it will be deleted\n //var coupons = CartStore.getCoupons();\n //if(Object.keys(coupons).length > 0){return}\n\n this.setState({coupon_message: null, error_messages: []});\n\n // validate coupon only if more than 5 digits\n //if(value.length < 5){return}\n this.validateCoupon();\n };\n\n handleRemoveCoupon = () => {\n this.props.dispatchCartState({type: REMOVE_COUPON, payload: {code: this.state.coupon_code} })\n this.setState({coupon_message: null, error_messages: [], coupon_code: ''});\n };\n\n handleChooseCouponFromList = (code) => {\n this.setState({ coupon_code: code });\n\n //TODO: Remove the timeout and change this\n setTimeout( this.startCouponVerification, 500);\n };\n\n isVerifyButtonDisabled = () => {\n const minValidLength = 3;\n return ((typeof this.state.coupon_code !== \"string\") || (this.state.coupon_code.length < minValidLength));\n };\n\n handleOnCodeChange = (event) => {\n const value = event.target.value || '';\n\n if (value === '') {\n this.handleRemoveCoupon();\n } else {\n this.setState({coupon_code: value});\n }\n };\n\n renderCouponInput() {\n\n const coupon_summary = (\n \n {I18n.t('pages.orders.new.available_coupon.summary', {amount: discount_value / 100.0, code: \"\"})}\n {code}\n
\n {renderMinimumOrder(lower_limit_price_cents)} {renderNoWeekend(no_weekend)}
\n \n
\n );\n\n const coupon_form = (\n \n {I18n.t('pages.orders.new.selected_coupon', {code: this.state.coupon_code})}\n \n
\n\n \n \n \n \n
\n );\n\n return this.state.coupon_message ? coupon_summary : coupon_form;\n }\n\n renderAvailableCoupons(coupons) {\n return (\n \n \n {\n\n coupons.map((coupon) => {\n return this.handleChooseCouponFromList(coupon.code) }\n />\n })\n }\n
\n );\n }\n\n renderErrors() {\n const errors_html = (\n \n
\n );\n\n return (this.state.error_messages.length > 0) ? errors_html : null\n }\n\n render() {\n const coupons = this.props.availableCoupons;\n\n let form = (\n - \n {this.state.error_messages.map(function (error, i) {\n return
- {error} \n })}\n
\n {this.renderCouponInput()}\n {this.renderErrors()}\n {coupons && (coupons.length > 0) && !this.state.coupon_message && this.renderAvailableCoupons(coupons)}\n {this.state.coupon_message ?\n
\n );\n\n if (!this.props.acceptsCoupons) {\n form = {this.state.coupon_message}
: null }\n {I18n.t('pages.orders.new.coupon_messages.venue_disabled')}.
\n }\n\n return (\n\n \n
\n );\n }\n}\n\nconst styles = {\n yourCouponTitle: {\n margin: '20px 0 10px 0',\n }\n};\n","import React from 'react'\n\nexport default function Spinner() {\n return (\n \n \n
\n )\n}","import React from 'react'\n\nexport default class StripePaymentMethod extends React.Component {\n handleSelect(method) {\n this.props.onSelect(method);\n }\n\n handleDelete(method, event) {\n event.stopPropagation();\n this.props.onDelete(method);\n }\n\n renderCardBrandIcon(brand) {\n let iconName;\n\n switch (brand) {\n case \"americanexpress\":\n iconName = \"amex\";\n break;\n case \"visa\":\n iconName = \"visa\";\n break;\n case \"mastercard\":\n iconName = \"mastercard\";\n break;\n default:\n iconName = \"credit-card\";\n break;\n }\n\n return ();\n }\n\n renderRemoveCardLink() {\n if (this.props.canBeDeleted) {\n return \n \n \n } else {\n return ;\n }\n }\n\n render() {\n const { method } = this.props;\n const { card, metadata } = method;\n const {brand, last4} = card;\n const label = metadata && metadata[\"label\"];\n\n return (\n \n
\n );\n }\n}\n","import React from 'react'\n\nimport StripePaymentMethod from './StripePaymentMethod';\n\nexport default class StripePaymentMethodsList extends React.Component {\n\n renderNoMethods() {\n return \n
\n \n \n
\n \n {this.renderCardBrandIcon(brand)}\n
\n \n {label &&
\n {label}
}\n **** **** **** {last4}
\n \n {this.renderRemoveCardLink()}\n
\n {I18n.t(\"cart_summary.credit_cards.no_credit_cards_present\")}
\n }\n\n renderMethods() {\n return \n { this.props.methods.map((method, index)=> {\n return 1}\n />\n })\n }\n
\n }\n\n render() {\n return (\n \n
\n );\n }\n}","import superagent from 'superagent';\nimport {API_V2_URL} from \"./base\";\n\nlet _token;\n\nfunction getAuthorizationHeader() {\n return `Token token=${_token}`;\n}\n\nexport default class CreditCardsAPI {\n\n static SetUserAuthToken(token) {\n _token = token;\n }\n\n static GetCreditCards() {\n const URL = `${API_V2_URL}/payments/stripe/payment_methods`;\n\n return new Promise((resolve, reject) => {\n\n superagent.get(URL)\n .set('Accept', 'application/json')\n .set('Authorization', getAuthorizationHeader())\n .end((error, res) => {\n error ? reject(error) : resolve(res.body);\n });\n });\n }\n\n static CreateCreditCard(method) {\n const URL = `${API_V2_URL}/payments/stripe/payment_methods`;\n\n return new Promise((resolve, reject) => {\n\n superagent.post(URL)\n .set('Accept', 'application/json')\n .set('Authorization', getAuthorizationHeader())\n .send({payment_method_id: method.id})\n .end((error, res) => {\n error ? reject(error) : resolve(res.body);\n });\n });\n }\n\n static DeleteCreditCard(method) {\n const URL = `${API_V2_URL}/payments/stripe/payment_methods/${method.id}`;\n\n return new Promise((resolve, reject) => {\n\n superagent\n .del(URL)\n .set('Accept', 'application/json')\n .set('Authorization', getAuthorizationHeader())\n .send({source: method.id})\n .end((error, res) => {\n error ? reject(error) : resolve(res.body);\n });\n });\n }\n}\n","import React from 'react'\nimport Modal from 'react-bootstrap/lib/Modal';\n\nconst MIN_HOLDER_NAME_LENGTH = 5;\n\n/*function isAmex(cardNumber) {\n const reg = new RegExp('^3[47]');\n return reg.test(cardNumber);\n} */\n\nfunction isAmex(card) {\n return (card && card.brand === 'American Express');\n}\n\nexport default class AddStripeCreditCardModal extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n loading: false,\n inputDisabled: true,\n holderName: \"\"\n };\n }\n\n handleSubmit = (event) => {\n // Prevent the form from being submitted:\n event.preventDefault();\n\n if (this.state.inputDisabled === true) { return }\n\n const { onNewCreditCardError, onNewCreditCard} = this.props;\n\n this.setState({loading: true});\n\n this.stripe\n .createPaymentMethod({type: 'card',\n card: this.cardNumberElement,\n billing_details: { name: this.state.holderName}})\n .then((result) => {\n this.setState({loading: false});\n\n if (result.error) {\n onNewCreditCardError(I18n.t(\"cart_summary.credit_cards.cannot_use_this_card\"));\n } else {\n const {paymentMethod} = result;\n\n const {card} = paymentMethod;\n\n if (isAmex(card) === true) {\n onNewCreditCardError(I18n.t(\"cart_summary.credit_cards.cannot_use_amex_card\"));\n return;\n }\n\n onNewCreditCard(paymentMethod);\n }\n })\n .catch((error) => {\n this.setState({loading: false});\n onNewCreditCardError(I18n.t(\"cart_summary.credit_cards.cannot_use_this_card\"));\n });\n\n /*this.stripe.createToken(this.cardNumberElement).then((result) => {\n\n this.setState({loading: false});\n\n if (result.error) {\n this.props.onNewCreditCardError(I18n.t(\"cart_summary.credit_cards.cannot_use_this_card\"));\n } else {\n const {token} = result;\n\n if (isAmex(token.card) === true) {\n this.props.onNewCreditCardError(I18n.t(\"cart_summary.credit_cards.cannot_use_amex_card\"));\n return;\n }\n\n this.props.onNewCreditCard(result.token);\n }\n }).catch((err) => {\n console.error(err);\n });*/\n };\n\n componentDidUpdate(prevProps, prevState) {\n if ((this.props.show === true) && (prevProps.show === false)) {\n\n //TODO: Remove the timeout!\n setTimeout(this.setupStripeElements, 500);\n }\n }\n\n setupStripeElements = () => {\n const style = {\n 'style': {\n 'base': {\n fontSize: '16px',\n },\n 'empty': {\n '::placeholder': {\n color: '#ccc',\n },\n }\n }\n };\n\n this.stripe = Stripe(this.props.stripe_key);\n this.elements = this.stripe.elements();\n\n this.cardNumberElement = this.elements.create('cardNumber', style);\n this.cardNumberElement.mount('#cardNumber');\n\n this.elements.create('cardExpiry', style).mount('#cardExpiry');\n this.elements.create('cardCvc', style).mount('#cardCvc');\n }\n\n handleHolderNameChange = (event) => {\n const name = event.target.value || '';\n\n this.setState({ holderName: event.target.value, inputDisabled: name.length < MIN_HOLDER_NAME_LENGTH});\n }\n\n render() {\n return (\n \n
\n \n \n
\n \n { (this.props.methods.length > 0) ? this.renderMethods() : this.renderNoMethods() }\n
\n \n
\n )\n }\n\n // -------------------------------------\n // Component local variables\n // -------------------------------------\n\n // -------------------------------------\n\n return (\n {title}
\n {text}\n \n\n {order.takeaway_order && (\n \n \n )}\n\n {!order.takeaway_order && (\n \n \n )}\n\n {order?.line_items && renderLineItems()}\n \n {renderTotalItem(I18n.t(\"subtotal\"), order.goods_price_cents)}\n {order.mode !== MODE_TAKE_AWAY &&\n renderTotalItem(\n order.mode === \"venue\"\n ? I18n.t(\"delivery_marketplace\")\n : I18n.t(\"delivery_racer\"),\n order.delivery_price_cents\n )}\n {!!order.goods_discount_price_cents &&\n renderTotalItem(\n I18n.t(\"discount_coupon\"),\n -order.goods_discount_price_cents\n )}\n {renderTotalItem(\n I18n.t(\"total\"),\n (order.discounted_price_cents || order.total_price_cents),\n null,\n true\n )}\n\n \n {order?.venue?.name &&\n renderInfo(I18n.t(\"restaurant\"), order.venue?.name)}\n {order?.complete_address &&\n renderInfo(I18n.t(\"address\"), order.complete_address)}\n {order?.phone && renderInfo(I18n.t(\"phone\"), order.phone)}\n {order?.delivery_notes &&\n renderInfo(\n I18n.t(\"pages.orders.show.additional_notes\"),\n order.delivery_notes\n )}\n\n {order?.request_invoice && order?.billing_address && (\n \n \n {renderInfo(\n I18n.t(\"cart_summary.business_name\"),\n order?.billing_address?.business_name\n )}\n {renderInfo(\n I18n.t(\"cart_summary.business_address\"),\n order?.billing_address?.business_address\n )}\n {renderInfo(\n I18n.t(\"cart_summary.invoice_code\"),\n order?.billing_address?.business_invoice_code\n )}\n {renderInfo(\n I18n.t(\"cart_summary.vat_code\"),\n order?.billing_address?.vat_code\n )}\n {renderInfo(\n I18n.t(\"cart_summary.tax_code\"),\n order?.billing_address?.tax_code\n )}\n \n )}\n\n {order?.payment?.method_name && (\n \n \n {renderInfo(\n I18n.t(\"pages.orders.show.payment\"),\n localizePaymentDesc()\n )}\n \n )}\n\n {order?.delivery_receipt && (\n \n {I18n.t(\"pages.orders.show.download_receipt\")}\n \n )}\n\n \n
\n )\n}\n\n// ----------------------------------------------------------------------------\n\nexport default RecapSection\n","import React from \"react\"\nimport Button from \"react-bootstrap/lib/Button\"\n\nimport BubbleCard from \"../../ui-components/BubbleCard\"\n\nimport style from \"../index.module.sass\"\n\n// ----------------------------------------------------------------------------\n\nfunction CancelledCard(props) {\n // -------------------------------------\n // Props destructuring\n // -------------------------------------\n\n // -------------------------------------\n // Hooks (e.g. useState, useMemo ...)\n // -------------------------------------\n\n // -------------------------------------\n // Effects\n // -------------------------------------\n\n // -------------------------------------\n // Component functions\n // -------------------------------------\n\n // -------------------------------------\n // Component local variables\n // -------------------------------------\n\n // -------------------------------------\n\n return (\n {I18n.t(\"pickup_time\")}
\n{order.proposed_picking_time}
\n\n {order.mode === MODE_TAKE_AWAY\n ? I18n.t(\"pickup_time\")\n : I18n.t(\"delivery_time\")}\n
\n\n {order.mode === MODE_TAKE_AWAY\n ? order.start_time\n : `${order.start_time}/${order.end_time}`}\n
\n\n \n \n
\n )\n}\n\n// ----------------------------------------------------------------------------\n\nexport default CancelledCard\n","import React, { useState, useEffect, useRef } from \"react\"\nimport Button from \"react-bootstrap/lib/Button\"\n\nimport BubbleCard from \"../../ui-components/BubbleCard\"\nimport BrowserLocationHelper from \"../../utils/browser_location_helper\"\n\nimport style from \"../index.module.sass\"\n\n// ----------------------------------------------------------------------------\n\nconst MAX_EXPIRES_TIME = 300000\n\nfunction PendingPaymentCard(props) {\n // -------------------------------------\n // Props destructuring\n // -------------------------------------\n\n const { expiresAt } = props\n\n // -------------------------------------\n // Hooks (e.g. useState, useMemo ...)\n // -------------------------------------\n\n const [deadline, setDeadline] = useState(null)\n const timer = useRef(null)\n\n // -------------------------------------\n // Effects\n // -------------------------------------\n\n useEffect(() => {\n if (!expiresAt) {\n return\n }\n timer.current = setInterval(() => {\n setDeadline(computeMinutes())\n }, 1000)\n return () => {\n clearInterval(timer)\n }\n })\n\n // -------------------------------------\n // Component functions\n // -------------------------------------\n\n function computeMinutes() {\n const now = new Date()\n const deadline = new Date(expiresAt)\n const diff = deadline - now\n\n if (diff <= 0 || diff > MAX_EXPIRES_TIME) {\n clearInterval(timer.current)\n return null\n }\n\n const minutes = Math.floor(diff / 1000 / 60)\n const seconds = Math.floor(diff / 1000 % 60)\n const time = `${minutes}:${seconds}`\n\n return time\n }\n\n function handleComplete() {\n const path = `${window.location}/payment`\n BrowserLocationHelper.ChangeURL(path)\n }\n\n // -------------------------------------\n // Component local variables\n // -------------------------------------\n\n // -------------------------------------\n\n return (\n \n
\n \n {I18n.t(\"pages.orders.show.order_refused_card_title\")}\n
\n\n {I18n.t(\"pages.orders.show.order_refused_card_desc\")}\n
\n \n\n \n \n
\n )\n}\n\n// ----------------------------------------------------------------------------\n\nexport default PendingPaymentCard\n","import React from \"react\"\nimport Button from \"react-bootstrap/lib/Button\"\n\nimport BubbleCard from \"../../ui-components/BubbleCard\"\n\nimport style from \"../index.module.sass\"\n\n// ----------------------------------------------------------------------------\n\nfunction CancelledCard(props) {\n // -------------------------------------\n // Props destructuring\n // -------------------------------------\n\n // -------------------------------------\n // Hooks (e.g. useState, useMemo ...)\n // -------------------------------------\n\n // -------------------------------------\n // Effects\n // -------------------------------------\n\n // -------------------------------------\n // Component functions\n // -------------------------------------\n\n // -------------------------------------\n // Component local variables\n // -------------------------------------\n\n // -------------------------------------\n\n return (\n \n
\n \n {I18n.t(\"pages.orders.show.pending_payment_warn_1\")}\n
\n {deadline && (\n\n {I18n.t(\"pages.orders.show.pending_payment_warn_2\", {\n minutes: deadline,\n })}\n
\n )}\n \n\n \n \n
\n )\n}\n\n// ----------------------------------------------------------------------------\n\nexport default CancelledCard\n","import React, { useState } from \"react\"\n\nimport style from \"./index.module.sass\"\n\n// ----------------------------------------------------------------------------\n\nfunction Stars(props) {\n // -------------------------------------\n // Props destructuring\n // -------------------------------------\n\n const { readOnly = false, currentVote, setCurrentVote = () => {} } = props\n\n // -------------------------------------\n // Hooks (e.g. useState, useMemo ...)\n // -------------------------------------\n\n // -------------------------------------\n // Effects\n // -------------------------------------\n\n // -------------------------------------\n // Component functions\n // -------------------------------------\n\n function handleStarClick(index) {\n return (e) => {\n if (!readOnly) {\n setCurrentVote(index + 1)\n }\n e.preventDefault()\n }\n }\n\n function renderStars(starsFloat) {\n let stars = Math.round(starsFloat)\n let filled = Array(stars).fill(true)\n let empty = Array(5 - stars).fill(false)\n\n return filled.concat(empty).map((el, index) => {\n return (\n \n \n {I18n.t(\"pages.orders.show.order_refused_card_btn\")}\n \n
\n \n {I18n.t(\"pages.orders.show.payment_failed_warn\")}\n
\n\n {I18n.t(\"pages.orders.show.order_refused_card_desc\")}\n
\n\n {renderStars(currentVote || 0)}\n
\n )\n}\n\n// ----------------------------------------------------------------------------\n\nexport default Stars\n","import React from \"react\"\nimport Modal from \"react-bootstrap/lib/Modal\"\n\nimport style from \"./index.module.sass\"\n\n// ----------------------------------------------------------------------------\n\nfunction BubbleModal(props) {\n // -------------------------------------\n // Props destructuring\n // -------------------------------------\n\n const { children, color = \"blue\" } = props\n\n // -------------------------------------\n // Hooks (e.g. useState, useMemo ...)\n // -------------------------------------\n\n // -------------------------------------\n // Effects\n // -------------------------------------\n\n // -------------------------------------\n // Component functions\n // -------------------------------------\n\n // -------------------------------------\n // Component local variables\n // -------------------------------------\n\n const mode = color === \"red\" ? \"modal--bubble-red\" : \"modal--bubble-blue\"\n\n // -------------------------------------\n\n return (\n \n \n \n
\n\n \n \n \n \n
\n )}\n {step >= RATING_KEYS.length - 1 && (\n \n )}\n \n )}\n \n {I18n.t(`pages.order_ratings.new.leave_feedback`)}\n
\n {loading && }\n {!loading && (\n\n {step + 1}/{RATING_KEYS.length}\n
\n\n {I18n.t(\n `pages.order_ratings.new.steps.${RATING_KEYS[step]}.title`\n )}\n
\n\n {I18n.t(\n `pages.order_ratings.new.steps.${RATING_KEYS[step]}.description`\n )}\n
\n {step < RATING_KEYS.length - 1 && (\n\n \n
\n \n \n \n
\n )\n}\n\n// ----------------------------------------------------------------------------\n\nexport default RatingCard\n","import React, { useState } from \"react\"\n\nimport BubbleCard from \"../ui-components/BubbleCard\"\nimport AlertModalWithBody from \"../ui-components/AlertModalWithBody\"\nimport RecapSection from \"./RecapSection\"\nimport CancelledCard from \"./CancelledCard\"\nimport PendingPaymentCard from \"./PendingPaymentCard\"\nimport FailedPaymentCard from \"./FailedPaymentCard\"\nimport RatingCard from \"./RatingCard\"\n\nimport style from \"./index.module.sass\"\n\n// ----------------------------------------------------------------------------\n\n// TODO: move to a const file\nexport const CASH_METHOD = \"cash\"\n\nexport const ORDER_STATUS = {\n PENDING_APPROVAL: \"pending_approval\",\n BRAND_NEW: \"brand_new\",\n PROCESSING: \"processing\",\n ACCEPTED: \"accepted\",\n COMPLETED: \"completed\",\n REJECTED: \"rejected\",\n PICKED_UP: \"picked_up\",\n CREATING: \"creating\",\n PENDING_PAYMENT: \"pending_payment\",\n PAYMENT_FAILED: \"payment_failed\",\n}\n\nexport const PAYMENT_STATUS = {\n PENDING: \"pending\",\n PREAUTHORIZED: \"preauthorized\",\n PAID: \"paid\",\n FAILED: \"failed\",\n REFUNDED: \"refunded\",\n CANCELED: \"canceled\",\n UNKNOWN: \"unknown\",\n REQUIRES_AUTH: \"requires_auth\",\n EXPIRED: \"expired\",\n}\n\nexport const MODE_TAKE_AWAY = \"take_away\"\nconst MODE_VENUE = \"venue\"\n\nfunction OrderRecap(props) {\n // -------------------------------------\n // Props destructuring\n // -------------------------------------\n\n const { order = {}, userToken } = props\n\n // -------------------------------------\n // Hooks (e.g. useState, useMemo ...)\n // -------------------------------------\n\n const [showCovidModal, setShowCovidModal] = useState()\n\n // -------------------------------------\n // Effects\n // -------------------------------------\n\n // -------------------------------------\n // Component functions\n // -------------------------------------\n\n function renderHeader(title, desc, isHTMLDesc = false) {\n return (\n \n {alreadyRated && (\n \n \n )}\n\n {!alreadyRated && canBeRated && (\n \n setShowRatingModal(true)}\n >\n {I18n.t(\"pages.order_ratings.new.steps.intro.button\")}\n \n \n )}\n
\n\n \n {I18n.t(\"pages.orders.show.thanks_for_evaluation\")}\n
\n\n {I18n.t(\"pages.orders.show.average_evaluation\")}\n
\n\n {I18n.t(\"pages.order_ratings.new.steps.intro.title\", {\n racer_fullname:\n (order && order.racer && order.racer.first_name) || \"\",\n })}\n
\n\n \n ) : (\n
\n )\n }\n\n function renderWarningCard(body, color) {\n return (\n {title}
\n {isHTMLDesc ? (\n{desc}
\n )}\n\n \n \n
\n )\n }\n\n function renderCovidAlert() {\n return (\n {body}
\n \n setShowCovidModal(true)}\n >\n \n {` ${I18n.t(\"pages.orders.show.covid.link\")}`}\n
\n \n {renderHeader(\n I18n.t(\"pages.orders.show.order_pending_approval\"),\n I18n.t(\"pages.orders.show.order_request_received_warning\")\n )}\n
\n )\n case ORDER_STATUS.PICKED_UP:\n let description =\n order.mode === MODE_VENUE\n ? I18n.t(\"pages.orders.show.order_picked_up_venue_delivery_html\")\n : I18n.t(\"pages.orders.show.order_picked_up_html\", {\n name: order.racer?.first_name,\n phone: order.racer?.phone_number,\n })\n return (\n \n {renderHeader(\n I18n.t(\"pages.orders.show.order_picked_up\"),\n description,\n true\n )}\n
\n )\n case ORDER_STATUS.COMPLETED:\n return (\n \n {renderHeader(\n I18n.t(\"pages.orders.show.order_delivered\"),\n I18n.t(\"pages.orders.show.thanks\")\n )}\n {(alreadyRated || (!alreadyRated && canBeRated)) && userToken && (\n
\n )\n case ORDER_STATUS.REJECTED:\n if (\n order.payment?.status === PAYMENT_STATUS.EXPIRED ||\n order.payment?.status === PAYMENT_STATUS.FAILED\n ) {\n return (\n \n {order?.payment?.status === PAYMENT_STATUS.EXPIRED\n ? renderHeader(\n I18n.t(\"pages.orders.show.payment_expired\"),\n I18n.t(\"pages.orders.show.payment_expired_desc\")\n )\n : renderHeader(\n I18n.t(\"pages.orders.show.payment_failed\"),\n I18n.t(\"pages.orders.show.payment_failed_desc\")\n )}\n
\n )\n } else {\n return (\n \n {renderHeader(\n I18n.t(\"pages.orders.show.order_refused\"),\n I18n.t(\"pages.orders.show.order_refused_description\")\n )}\n
\n )\n }\n case ORDER_STATUS.PENDING_PAYMENT:\n return (\n \n {renderHeader(\n I18n.t(\"pages.orders.show.pending_payment\"),\n I18n.t(\"pages.orders.show.pending_payment_desc\")\n )}\n
\n )\n case ORDER_STATUS.PAYMENT_FAILED:\n return (\n \n {renderHeader(\n I18n.t(\"pages.orders.show.payment_failed\"),\n I18n.t(\"pages.orders.show.payment_failed_desc\")\n )}\n
\n )\n case ORDER_STATUS.ACCEPTED:\n return (\n \n {order.mode === MODE_TAKE_AWAY\n ? renderHeader(\n I18n.t(\"pages.orders.show.order_accepted\"),\n I18n.t(\n \"pages.orders.show.order_accepted_venue_takeaway_description_html\",\n {\n time: order.start_time,\n venue_name: order.venue?.name,\n venue_address: `${order.venue?.address.street_name} ${order.venue?.address.street_number}`,\n }\n ),\n true\n )\n : renderHeader(\n I18n.t(\"pages.orders.show.order_accepted\"),\n I18n.t(\"pages.orders.show.order_accepted_description_html\", {\n name: order.racer?.first_name,\n phone: order.racer?.phone_number || \"--\",\n }),\n true\n )}\n
\n )\n case ORDER_STATUS.PROCESSING:\n return (\n \n {renderHeader(\n I18n.t(\"pages.orders.show.order_request_received\"),\n I18n.t(\"pages.orders.show.order_accepted_description_html\", {\n name: order.racer?.first_name,\n phone: order.racer?.phone_number || \"--\",\n }),\n true\n )}\n {order.mode !== MODE_TAKE_AWAY && renderCovidAlert()}\n {order.needs_phone_verification &&\n renderWarningCard(\n I18n.t(\"pages.orders.show.keep_your_phone_close\"),\n \"yellow\"\n )}\n {order.credit_card &&\n order.payment.status === PAYMENT_STATUS.PREAUTHORIZED &&\n renderWarningCard(\n I18n.t(\"pages.orders.show.stripe.preauthorized_payment\"),\n \"blue\"\n )}\n {order.credit_card &&\n order.payment.status === PAYMENT_STATUS.PAID &&\n renderWarningCard(\n I18n.t(\"pages.orders.show.stripe.paid_payment\", {\n price: order.payment.stripe_paid_amount,\n }),\n \"blue\"\n )}\n
\n )\n default:\n // BRAND_NEW\n return (\n \n {order.mode === MODE_TAKE_AWAY\n ? renderHeader(\n I18n.t(\"pages.orders.show.order_request_takeaway\"),\n I18n.t(\"pages.orders.show.order_request_takeaway_warning\")\n )\n : renderHeader(\n I18n.t(\"pages.orders.show.order_request_received\"),\n I18n.t(\"pages.orders.show.order_request_received_warning\")\n )}\n {order.mode !== MODE_TAKE_AWAY && renderCovidAlert()}\n {order.needs_phone_verification &&\n renderWarningCard(\n I18n.t(\"pages.orders.show.keep_your_phone_close\"),\n \"yellow\"\n )}\n {order.credit_card &&\n order.payment.status === PAYMENT_STATUS.PREAUTHORIZED &&\n renderWarningCard(\n I18n.t(\"pages.orders.show.stripe.preauthorized_payment\"),\n \"blue\"\n )}\n {order.credit_card &&\n order.payment.status === PAYMENT_STATUS.PAID &&\n renderWarningCard(\n I18n.t(\"pages.orders.show.stripe.paid_payment\", {\n price: order.payment.stripe_paid_amount,\n }),\n \"blue\"\n )}\n
\n )\n }\n}\n\n// ----------------------------------------------------------------------------\n\nexport default OrderRecap\n","import React from 'react'\n\nfunction OpenShareDialog(url, title, description, picture_url, successCallback) {\n FB.ui(\n {\n method: 'feed',\n name: title,\n caption: '',\n description: description,\n link: url,\n picture: picture_url\n },\n function (response) {\n if (!(response && response.post_id)) {\n // Cannot publish the post\n } else {\n // Post published\n if (typeof successCallback === 'function') {\n successCallback();\n }\n }\n }\n );\n}\n\nexport default class FacebookWallShareButton extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {};\n this.handleClick = this.handleClick.bind(this);\n }\n\n handleClick(event) {\n event.preventDefault();\n\n OpenShareDialog(this.props.url,this.props.title, this.props.description, this.props.pictureUrl, this.props.onShareSuccess);\n }\n\n render() {\n return (\n \n );\n }\n}","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport FacebookWallShareButton from './FacebookWallShareButton';\nimport request from 'superagent';\n\n\nexport default class ShareOrderFacebookButton extends React.Component {\n static propTypes = {\n onShareApiUrl: PropTypes.string.isRequired\n };\n\n constructor(props) {\n super(props);\n this.state = {\n isShared: this.props.initialIsShared\n };\n\n this.handleOnShareSuccess = this.handleOnShareSuccess.bind(this);\n }\n\n handleOnShareSuccess() {\n if (window.ga) {\n ga('send', 'event', 'FBOrderShared', 'fb-order-shared');\n }\n\n request.post(this.props.onShareApiUrl)\n .set('Accept', 'application/json')\n .end((error, res) => {\n this.setState({\n isShared: true\n });\n });\n }\n\n renderAlreadyShared() {\n return (\n \n Grazie per aver condiviso il tuo ordine con i tuoi amici!
Ti abbiamo regalato 1 Punto FR!\n
\n );\n }\n\n render() {\n return (\n this.state.isShared ? this.renderAlreadyShared() : Ti abbiamo regalato 1 Punto FR!\n
\n this.props.onChange(event.target.value)}\n />\n {/* this.props.onChange('')}/> */}\n
\n )\n }\n}\n\nconst styles = {\n clearButton: {\n position: 'absolute',\n right: '10px',\n paddingTop: '10px',\n color: 'gray',\n fontSize: '20px',\n cursor: 'pointer'\n },\n\n searchInput: {\n width: '100%',\n height: '44px',\n padding: '10px',\n fontSize: '16px'\n }\n};","export function getAddressComponent(types, components) {\n for (let component of components) {\n for (let _type of component.types) {\n if (types.indexOf(_type) !== -1) {\n return component.long_name;\n }\n }\n }\n}\n\nexport default class PlaceService {\n\n constructor(elemId) {\n const element = document.getElementById(elemId);\n\n this.placeService = new google.maps.places.PlacesService(element);\n }\n\n getPlace(token, placeId, callback) {\n let request = {\n placeId: placeId,\n fields: ['geometry', 'address_component'],\n sessionToken: token\n };\n\n this.placeService.getDetails(request, (placeResult, status) => {\n\n if (status === google.maps.places.PlacesServiceStatus.OK) {\n callback(placeResult);\n } else {\n // console.log(status);\n }\n });\n }\n}\n","import React from 'react'\n\nimport PlaceService from '../services/PlaceService';\n\nexport default class AutoCompleteAddressResults extends React.Component {\n\n constructor(props) {\n super(props);\n this.handleResultClick = this.handleResultClick.bind(this);\n }\n\n getPlaceService() {\n if (!this.placeService) {\n this.placeService = new PlaceService(\"maps-attributions\")\n }\n return this.placeService;\n }\n\n handleResultClick(placeId) {\n this.getPlaceService().getPlace(this.props.token, placeId, (placeResult) => {\n this.props.onAddressClicked(placeResult);\n });\n }\n\n renderResults() {\n return \n {\n this.props.addresses.map((address, index) => {\n return
\n }\n\n render() {\n return (\n this.handleResultClick(address.placeId)}>{address.description}
\n })\n }\n \n
\n )\n }\n}\n\nconst styles = {\n address: {\n margin: '10px',\n padding: '10px 0',\n borderBottom: '1px solid lightgray',\n cursor: 'pointer',\n fontSize: '16px'\n },\n poweredByGoogle: {\n textAlign: 'center',\n fontWeight: '400',\n margin: '20px'\n }\n};","import React from 'react'\n\nexport default class ConfirmAddressButton extends React.Component {\n\n handleClick = (event) => {\n event.preventDefault();\n\n if (this.props.disabled) { return; }\n\n this.props.onClick();\n };\n\n render() {\n const { text, disabled } = this.props;\n return (\n {this.renderResults()}
\n Powered by Google
\n \n : ''}\n
\n )\n }\n}\n\nconst styles = {\n container: {\n position: 'relative',\n height: '100%',\n width: '100%'\n },\n\n map: {\n height: '100%',\n width: '100%'\n }\n};\n","const GOOGLE_MAPS_JS_API_KEY = 'AIzaSyC4Tl7IMVdoOkGL79Q_xf8WCK9ofKUa2lg';\n\nexport { GOOGLE_MAPS_JS_API_KEY };","import React from 'react'\n\nexport default function MapMarker(props) {\n return \n}\n\nconst styles = {\n marker: {\n position: 'absolute',\n top: '50%',\n left: '50%',\n width: '20px',\n height: '40px',\n display: 'block',\n content: ' ',\n margin: '-40px 0 0 -11px',\n background: \"url('https://maps.gstatic.com/mapfiles/api-3/images/spotlight-poi_hdpi.png')\",\n backgroundSize: '20px 40px', /* Since I used the HiDPI marker version this compensates for the 2x size */\n pointerEevents: 'none', /* This disables clicks on the marker. Not fully supported by all major browsers, though */\n backgroundRepeat: 'no-repeat'\n }\n};","import React from 'react'\n\nexport default function LocalizeButton({onClick}) {\n return (\n \n {\n this.state.staticMapSrc &&\n
\n\n {this.props.children}\n\n { (this.props.localization.enabled && this.state.map) ?\n \n \n
\n }\n\n \n \n
\n\n )\n}\n\nconst styles = {\n button: {\n width: '50px',\n height: '50px',\n backgroundColor: 'white',\n borderRadius: '100%',\n position: 'absolute',\n bottom: '20px',\n right: '10px',\n color: '#ff420d',\n padding: '2px',\n textAlign: 'center',\n fontSize: '30px',\n boxShadow: '0px 1px 5px grey'\n }\n};","export default class SearchAddress {\n constructor() {\n this.autocompleteService = new google.maps.places.AutocompleteService();\n }\n\n search(token, term, onResult) {\n\n if (!term) {\n return;\n }\n\n const params = {\n componentRestrictions: {\n country: 'it'\n },\n input: term,\n types: ['address'],\n sessionToken: token\n };\n\n this.autocompleteService.getPlacePredictions(params, (predictions, status) => {\n if (typeof onResult === 'function') {\n if (status === 'OK') {\n let results = predictions.map((prediction) => {\n return {\n description: prediction.description,\n placeId: prediction.place_id\n }\n });\n\n onResult(results);\n } else {\n onResult([]);\n }\n }\n })\n\n }\n}","export default class Geolocalizer {\n constructor() {\n this.maximumAge = 5000;\n this.timeout = 5000;\n this.enableHighAccuracy = true;\n }\n\n localize(onSuccessCallback, onErrorCallback) {\n navigator.geolocation.getCurrentPosition(\n function onSuccess(position) {\n if (typeof(onSuccessCallback) === 'function') { onSuccessCallback(position); }\n },\n\n function onError(error) {\n if (typeof(onErrorCallback) === 'function') { onErrorCallback(error); }\n\n console.log('Position error, code: ' + error.code + '\\n' +\n 'message: ' + error.message + '\\n');\n }, { maximumAge: this.maximumAge, timeout: this.timeout, enableHighAccuracy: this.enableHighAccuracy });\n }\n\n static isSupported() {\n return typeof(navigator.geolocation) === 'object';\n }\n}","export default class Geocoder {\n\n static geocodePoint(lat, lng, callback) {\n let geocoder = new google.maps.Geocoder;\n\n geocoder.geocode({'location': {lat: lat, lng: lng}}, (results, status) => {\n if (status === google.maps.GeocoderStatus.OK) {\n const result = results[0];\n\n if (result) {\n let address = result.formatted_address;\n callback(result)\n } else {\n console(\"error\");\n }\n } else {\n console.log('Geocoder failed due to: ' + status);\n }\n });\n }\n}","import React from 'react'\n\nimport AutoCompleteAddressInput from './AutoCompleteAddressInput';\nimport AutoCompleteAddressResults from './AutoCompleteAddressResults';\nimport ConfirmAddressButton from './ConfirmAddressButton';\nimport MapViewer from './MapViewer';\nimport MapMarker from './MapMarker';\nimport LocalizeButton from './LocalizeButton';\nimport SearchAddressService from '../services/SearchAddressService';\nimport Geolocalizer from '../services/Geolocalizer';\nimport Geocoder from '../services/Geocoder';\nimport {getAddressComponent} from \"../services/PlaceService\";\n\nconst DEFAULT_LAT = 45.663825;\nconst DEFAULT_LNG = 12.250616;\n\nfunction getFullAddress(address_components) {\n const street_name = getAddressComponent([\"route\"], address_components);\n const street_number = getAddressComponent([\"street_number\"], address_components);\n const city = getAddressComponent([\"locality\",\"administrative_area_level_3\"], address_components);\n\n return `${street_name} ${street_number || ''}, ${city}`;\n}\n\nfunction getErrorMessage(error) {\n let message;\n\n switch (error.code) {\n case error.PERMISSION_DENIED:\n message = I18n.t(\"mobileapp.pages.locations.search.localization.not_enabled\");\n break;\n case error.POSITION_UNAVAILABLE:\n message = I18n.t(\"mobileapp.pages.locations.search.localization.cannot_retrieve\"); //\"Location information is unavailable.\";\n break;\n case error.TIMEOUT:\n message = I18n.t(\"mobileapp.pages.locations.search.localization.timeout\"); //\"The request to get user location timed out.\";\n break;\n default:\n message = I18n.t(\"mobileapp.pages.locations.search.localization.cannot_retrieve\");\n break;\n }\n\n return message;\n}\n\nexport default class MapAddressPickerContainer extends React.Component {\n\n constructor(props) {\n super(props);\n\n this.state = {\n addresses: [],\n value: props.initialFullAddress || '',\n operationInProgress: false,\n showMap: true,\n mapZoom: 17,\n chosenAddress: {\n description: props.initialFullAddress,\n lat: parseFloat(props.initialLat) || DEFAULT_LAT,\n lng: parseFloat(props.initialLng) || DEFAULT_LNG,\n components: []\n },\n localization: {\n enabled: false,\n accuracy: null,\n lat: null,\n lng: null\n }\n };\n\n\n this.searchAddressService = new SearchAddressService();\n this.geolocalizer = new Geolocalizer();\n this.geolocalizeUserTimeout = null;\n }\n\n componentWillUnmount() {\n this.clearGeolocalizerUserTimeout();\n }\n\n componentDidMount() {\n if (this.props.autoGeolocalizeUser) {\n this.geolocalizeUser(true);\n }\n }\n\n geolocalizeUser = (autoCenterMap = false) => {\n this.geolocalizer.localize(\n (position) => {\n const lat = position.coords.latitude;\n const lng = position.coords.longitude;\n const gpsAccuracy = position.coords.accuracy;\n\n let newState = {\n localization: {\n enabled: true,\n accuracy: gpsAccuracy,\n lat: lat,\n lng: lng\n }\n };\n\n if (autoCenterMap === true) {\n newState.mapZoom = 18;\n\n this.setState(newState);\n this.handleOnMapCenterChange(lat, lng);\n } else {\n this.setState(newState);\n }\n\n this.geolocalizeUserTimeout = setTimeout(this.geolocalizeUser, 3000); // refresh for better position\n\n //localizationStatusLabel.setText(I18n.t(\"mobileapp.pages.locations.search.localization.accuracy_label\", {meters: parseInt(gpsAccuracy) }));\n }, (error) => {\n\n this.clearGeolocalizerUserTimeout();\n alert(getErrorMessage(error));\n });\n };\n\n handleOnMapZoomChange = (zoom) => {\n this.setState({\n mapZoom: zoom\n });\n };\n\n handleOnLocalizeClick = () => {\n this.clearGeolocalizerUserTimeout();\n this.geolocalizeUser(true);\n };\n\n handleOnInputChange = (term) => {\n if (term.length === 0) {\n this.setState({\n addresses: [],\n showMap: true,\n value: '',\n });\n } else {\n let token = this.state.token;\n\n if (!token) {\n token = new google.maps.places.AutocompleteSessionToken();\n this.setState({token: token})\n }\n\n this.setState({\n value: term,\n });\n\n this.searchAddressService.search(token, term, (results) => {\n this.setState({\n addresses: results,\n showMap: false\n })\n });\n }\n };\n\n // @placeResult of type: google.maps.places.PlaceResult\n handleAddressClicked = (placeResult) => {\n const location = placeResult.geometry.location;\n const address_components = placeResult.address_components;\n const description = getFullAddress(address_components);\n\n this.setState({\n value: description,\n showMap: true,\n token: null,\n chosenAddress: {\n lat: location.lat(),\n lng: location.lng(),\n description: description,\n components: address_components\n }\n });\n };\n\n handleOnMapCenterChange = (lat, lng) => {\n this.setState({\n operationInProgress: true\n });\n\n Geocoder.geocodePoint(lat, lng, (result) => {\n const address_components = result.address_components;\n\n if ((typeof this.props.onConfirm === 'function') && address_components) {\n\n const description = getFullAddress(address_components);\n\n this.setState({\n operationInProgress: false,\n value: description,\n chosenAddress: {\n lat: lat,\n lng: lng,\n description: description,\n components: result.address_components\n }\n });\n }\n });\n };\n\n handleConfirmButtonClicked = () => {\n this.props.onConfirm(this.state.chosenAddress.lat, this.state.chosenAddress.lng, this.state.chosenAddress.components);\n };\n\n clearGeolocalizerUserTimeout = () => {\n if (this.geolocalizeUserTimeout) {\n clearTimeout(this.geolocalizeUserTimeout);\n }\n };\n\n isAddressFilled() {\n const { lat, lng, description } = this.state.chosenAddress;\n\n return lat && lng && description;\n }\n\n renderMap() {\n return (\n \n
\n )\n }\n}\n","import React from 'react'\n\nimport Modal from 'react-bootstrap/lib/Modal';\nimport MapAddressPickerContainer from './MapAddressPickerContainer';\n\nconst MapAddressPickerModal = (props) => {\n\n const {onModalHide, show} = props;\n\n return (\n \n \n
\n\n \n { showMap ? this.renderMap() : this.renderAutoCompleteResults() }\n
\n\n \n \n
\n \n \n
\n )\n }\n}\n\nconst styles = {\n mainLabel: {\n fontSize: '40px',\n lineHeight: '30px',\n fontWeight: '300',\n marginBottom: '50px'\n },\n mainContainer: {\n width: '100%',\n position: 'absolute',\n top: '20%'\n },\n inputContainer: {\n height: '44px'\n },\n input: {\n width: '80%',\n color: 'black',\n height: '100%',\n padding: '5px',\n border: 'none'\n },\n a: {\n height: '100%',\n fontSize: '21px',\n verticalAlign: 'top'\n }\n};","export function diff_in_days(dateString) {\n const date = new Date(dateString);\n const today = new Date();\n\n const duration = date.getTime() - today.getTime();\n return duration / (1000 * 3600 * 24);\n}\n","import React from \"react\"\n\nimport style from \"./EmptyVenuesAlert.module\"\n\nexport default function EmptyVenuesAlert() {\n return (\n \n \n \n \n \n
\n \n
\n )\n}\n","import React, { useState, useEffect } from \"react\"\nimport FormGroup from \"react-bootstrap/lib/FormGroup\"\nimport InputGroup from \"react-bootstrap/lib/InputGroup\"\nimport FormControl from \"react-bootstrap/lib/FormControl\"\nimport Button from \"react-bootstrap/lib/Button\"\n\nimport style from \"./index.module.sass\"\n// ----------------------------------------------------------------------------\n\nconst placeholder = I18n.t(\"pages.locations.venues.search.placeholder\")\n\nfunction VenueChooserSearchBar(props) {\n // -------------------------------------\n // Props destructuring\n // -------------------------------------\n\n const {\n onChange = () => {},\n defaultText = \"\",\n onSearch = () => {},\n isLoading = false,\n } = props\n\n // -------------------------------------\n // Hooks (e.g. useState, useMemo ...)\n // -------------------------------------\n\n const [currentText, setCurrentText] = useState(defaultText)\n\n // -------------------------------------\n // Effects\n // -------------------------------------\n\n useEffect(() => {\n onChange(currentText)\n }, [currentText])\n\n // -------------------------------------\n // Component functions\n // -------------------------------------\n\n function handleEnterPressed(event) {\n if (event.keyCode === 13) {\n onSearch(currentText)\n event.preventDefault()\n }\n }\n\n function handleSearch() {\n onSearch(currentText)\n }\n\n // -------------------------------------\n // Component local variables\n // -------------------------------------\n\n // -------------------------------------\n\n return (\n \n
\n \n
\n 😔
\n\n {I18n.t(\"react.venues.no_result.empty_venues\")}\n
\n\n
\n )\n}\n\n// ----------------------------------------------------------------------------\n\nexport default VenueChooserSearchBar\n","import React from \"react\"\n\nimport style from \"./RoundedCheckBox.module\"\n\nexport default function RoundedCheckBox({ checked, onChange, readOnly }) {\n return (\n \n {I18n.t(\"pages.locations.venues.search.title\")}\n
\n \n\n
\n )\n}\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport RoundedCheckBox from \"../../../../ui-components/RoundedCheckBox\"\n\nimport style from \"./index.module.sass\"\n\nexport default function FilterRow(props) {\n // -------------------------------------\n // Props destructuring\n // -------------------------------------\n\n const { name, label, selected, onSelect } = props\n\n // -------------------------------------\n // Hooks (e.g. useState, useMemo ...)\n // -------------------------------------\n\n // -------------------------------------\n // Effects\n // -------------------------------------\n\n // -------------------------------------\n // Component functions\n // -------------------------------------\n\n // -------------------------------------\n // Component local variables\n // -------------------------------------\n\n // -------------------------------------\n\n return (\n {label}
\n \n
\n \n )\n}\n\nFilterRow.propTypes = {\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,\n name: PropTypes.string.isRequired,\n selected: PropTypes.bool.isRequired,\n onSelect: PropTypes.func.isRequired,\n}\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\n\nimport FilterRow from \"./FilterRow/index.jsx\"\n\nexport default function VenueCategoriesChooser(props) {\n // -------------------------------------\n // Props destructuring\n // -------------------------------------\n\n const { categories, onSelect, onAllCategoriesSelected } = props\n\n // -------------------------------------\n // Hooks (e.g. useState, useMemo ...)\n // -------------------------------------\n\n // -------------------------------------\n // Effects\n // -------------------------------------\n\n // -------------------------------------\n // Component functions\n // -------------------------------------\n\n // -------------------------------------\n // Component local variables\n // -------------------------------------\n\n const allCategoriesSelected = !categories.some((element) => element.selected)\n\n // -------------------------------------\n\n return (\n \n onAllCategoriesSelected()}\n />\n\n
\n {categories.map((category, index) => {\n return (\n onSelect(category.id)}\n />\n )\n })}\n
\n )\n}\n\nVenueCategoriesChooser.propTypes = {\n categories: PropTypes.array.isRequired,\n onSelect: PropTypes.func.isRequired,\n onAllCategoriesSelected: PropTypes.func.isRequired,\n}\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\n\nimport FilterRow from \"./FilterRow/index.jsx\"\n\nexport default function VenueFeaturesChooser(props) {\n // -------------------------------------\n // Props destructuring\n // -------------------------------------\n\n const { selectedFeatures = {}, onFeatureSelected } = props\n\n // -------------------------------------\n // Hooks (e.g. useState, useMemo ...)\n // -------------------------------------\n\n // -------------------------------------\n // Effects\n // -------------------------------------\n\n // -------------------------------------\n // Component functions\n // -------------------------------------\n\n // -------------------------------------\n // Component local variables\n // -------------------------------------\n\n // -------------------------------------\n\n return (\n \n {categories.map((category, index) => {\n return (\n
\n {Object.entries(selectedFeatures).map(([name, selected]) => {\n return (\n
\n )\n}\n\nVenueFeaturesChooser.propTypes = {\n selectedFeatures: PropTypes.object.isRequired,\n onFeatureSelected: PropTypes.func.isRequired,\n}\n","import React from \"react\"\nimport Modal from \"react-bootstrap/lib/Modal\"\nimport Button from \"react-bootstrap/lib/Button\"\n\nimport VenueCategoriesChooser from \"../VenueCategoriesChooser\"\nimport VenueFeaturesChooser from \"../VenueFeaturesChooser\"\n\nimport style from \"./index.module.sass\"\n\nexport default function VenuesFilterModal(props) {\n // -------------------------------------\n // Props destructuring\n // -------------------------------------\n\n const {\n show,\n onClose,\n categories,\n onCategorySelected,\n onAllCategoriesSelected,\n selectedFeatures,\n onFeatureSelected,\n resultsCount,\n onClearFilterClicked,\n } = props\n\n // -------------------------------------\n // Hooks (e.g. useState, useMemo ...)\n // -------------------------------------\n\n // -------------------------------------\n // Effects\n // -------------------------------------\n\n // -------------------------------------\n // Component functions\n // -------------------------------------\n\n // -------------------------------------\n // Component local variables\n // -------------------------------------\n\n // -------------------------------------\n\n return (\n \n {I18n.t(\"pages.locations.venues.features.title\")}\n
\n \n {I18n.t(\"pages.locations.venues.cuisines.title\")}\n
\n\n \n
\n );\n}\n\nexport default LoadingVenues;\n","import React from \"react\";\n\nconst ErrorMessage = ({message}) => {\n return (\n \n
\n {\"🛒 🛍\"}
{I18n.t(\"pages.locations.venues.loading\")}\n \n
\n );\n}\n\nexport default ErrorMessage;\n","import React from \"react\"\nimport { diff_in_days } from \"../../utils/dates/diff_in_days\"\n\nconst MAX_DAYS_FOR_COMING_AT_FUTURE = 90\n\nfunction ComingSoon(props) {\n // -------------------------------------\n // Props destructuring\n // -------------------------------------\n\n const { sDate } = props\n\n // -------------------------------------\n // Hooks (e.g. useState, useMemo ...)\n // -------------------------------------\n\n // -------------------------------------\n // Effects\n // -------------------------------------\n\n // -------------------------------------\n // Component functions\n // -------------------------------------\n\n // -------------------------------------\n // Component local variables\n // -------------------------------------\n\n const days = diff_in_days(sDate)\n const date = new Date(sDate)\n const formattedDate = `${date.getDate()}/${date.getMonth() + 1}`\n\n // -------------------------------------\n\n return (\n \n {days > MAX_DAYS_FOR_COMING_AT_FUTURE\n ? I18n.t(\"pages.locations.venues.venue_box.coming_at_future\")\n : I18n.t(\"pages.locations.venues.venue_box.coming_at\", {\n date: formattedDate,\n })}\n \n )\n}\n\nexport default ComingSoon\n","const mode = {\n DELIVERY: \"delivery\",\n PICKUP: \"pickup\"\n}\n\nexport const ORDER_MODE = Object.freeze(mode);\n","import React from \"react\"\nimport { ORDER_MODE } from \"../OrderMode\"\n\nimport style from \"./index.module.sass\"\n\nfunction FirstSlot(props) {\n // -------------------------------------\n // Props destructuring\n // -------------------------------------\n\n const { slot, orderMode } = props\n\n // -------------------------------------\n // Hooks (e.g. useState, useMemo ...)\n // -------------------------------------\n\n // -------------------------------------\n // Effects\n // -------------------------------------\n\n // -------------------------------------\n // Component functions\n // -------------------------------------\n\n function renderDeliverySlot(timeSlot) {\n if (timeSlot) {\n const { start_time } = timeSlot\n\n return (\n \n
\n 🙊
{message}\n \n
\n )\n } else {\n return I18n.t(\"pages.locations.venues.venue_box.ended_deliveries\")\n }\n }\n\n function renderPickupSlot(timeSlot) {\n if (timeSlot) {\n const { picking_times = [] } = timeSlot\n\n return (\n {start_time}
\n \n {I18n.t(\"pages.locations.venues.venue_box.delivery_from\")}\n
\n \n
\n )\n } else {\n return I18n.t(\"pages.locations.venues.venue_box.ended_takeaway_slots\")\n }\n }\n\n // -------------------------------------\n // Component local variables\n // -------------------------------------\n\n // -------------------------------------\n\n switch (orderMode) {\n case ORDER_MODE.DELIVERY:\n return renderDeliverySlot(slot)\n case ORDER_MODE.PICKUP:\n return renderPickupSlot(slot)\n default:\n return \"\"\n }\n}\n\nexport default FirstSlot\n","import React from \"react\"\nimport ServiceRow from \"../../../VenueServicesList/ServiceRow\"\nimport ComingSoon from \"../../DeliveryInfo/ComingSoon\"\nimport FirstSlot from \"../../DeliveryInfo/FirstSlot\"\n\nimport style from \"./index.module.sass\"\n\n// ----------------------------------------------------------------------------\n\nfunction ServiceBox(props) {\n // -------------------------------------\n // Props destructuring\n // -------------------------------------\n\n const { service, venue, onClick, orderMode } = props\n\n // -------------------------------------\n // Hooks (e.g. useState, useMemo ...)\n // -------------------------------------\n\n // -------------------------------------\n // Effects\n // -------------------------------------\n\n // -------------------------------------\n // Component functions\n // -------------------------------------\n\n function noVenue() {\n return \n }\n\n // -------------------------------------\n // Component local variables\n // -------------------------------------\n\n // GUARD\n if (!venue) {\n return noVenue()\n }\n\n let venueInfo = [venue.subtitle || \"\"]\n if (venue.accepts_cash && venue.accepts_stripe) {\n venueInfo.push(\n I18n.t(\"pages.locations.venues.venue_box.payments.card_and_cash\")\n )\n } else if (venue.accepts_stripe) {\n venueInfo.push(I18n.t(\"pages.locations.venues.venue_box.payments.cash\"))\n } else if (venue.accepts_stripe) {\n venueInfo.push(\n I18n.t(\"pages.locations.venues.venue_box.payments.credit_card\")\n )\n }\n\n if (!venue.accepts_discount_codes) {\n venueInfo.push(\n I18n.t(\"pages.locations.venues.venue_box.payments.no_coupon\")\n )\n }\n\n const venueDesc = venueInfo.join(\" • \")\n\n // -------------------------------------\n\n return (\n {picking_times[0]}
\n \n {I18n.t(\"pages.locations.venues.venue_box.takeaway_from\")}\n
\n \n {\n onClick(venue, service)\n }}\n >\n
\n \n )\n}\n\n// ----------------------------------------------------------------------------\n\nexport default ServiceBox\n","import React from \"react\"\n\nimport ServiceBox from \"./ServiceBox\"\nimport style from \"./index.module.sass\"\nimport Spinner from \"../../ui-components/Spinner\"\n\n// ----------------------------------------------------------------------------\n\nfunction ServicesList(props) {\n // -------------------------------------\n // Props destructuring\n // -------------------------------------\n const { isLoading = false, venues = [], services, orderMode, onClick } = props\n // -------------------------------------\n // Hooks (e.g. useState, useMemo ...)\n // -------------------------------------\n\n // -------------------------------------\n // Effects\n // -------------------------------------\n\n // -------------------------------------\n // Component functions\n // -------------------------------------\n\n // -------------------------------------\n // Component local variables\n // -------------------------------------\n\n // -------------------------------------\n\n if (isLoading) {\n return (\n \n
\n \n 
\n
\n \n
\n {venue.name}
\n {venueDesc}
\n \n {venue.coming_soon_at && (\n
\n \n
\n )\n }\n\n return (\n \n
\n \n {services.map((s) => {\n return (\n v.id === s.venue.id)[0]}\n orderMode={orderMode}\n onClick={onClick}\n />\n )\n })}\n {/* Prevent last line elements to grow without control */}\n {/* Actually the only working work-around to this flex lack */}\n \n \n \n
\n )\n}\n\n// ----------------------------------------------------------------------------\n\nexport default ServicesList\n","import React from \"react\"\nimport { diff_in_days } from \"../../../../utils/dates/diff_in_days\"\n\nimport style from \"./index.module.sass\"\n\nconst MAX_DAYS_TO_BE_NEW = 30\n\nfunction VenueBadges(props) {\n // -------------------------------------\n // Props destructuring\n // -------------------------------------\n\n const { venue } = props\n const { first_published_at, promotion, priority } = venue\n\n // -------------------------------------\n // Hooks (e.g. useState, useMemo ...)\n // -------------------------------------\n\n // -------------------------------------\n // Effects\n // -------------------------------------\n\n // -------------------------------------\n // Component functions\n // -------------------------------------\n\n // -------------------------------------\n // Component local variables\n // -------------------------------------\n\n const isNew = -diff_in_days(first_published_at) < MAX_DAYS_TO_BE_NEW\n\n // -------------------------------------\n\n if (!isNew && !promotion && !(priority > 0)) {\n return \n }\n\n return (\n \n {isNew && (\n \n {I18n.t(\"pages.locations.venues.venue_box.new\")}\n \n )}\n {promotion && (\n \n {I18n.t(\"pages.locations.venues.venue_box.promotion\")}\n \n )}\n {priority > 0 && (\n \n {I18n.t(\"pages.locations.venues.venue_box.sponsored\")}\n \n )}\n
\n )\n}\n\nexport default VenueBadges\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\n\nimport Col from \"react-bootstrap/lib/Col\"\nimport Row from \"react-bootstrap/lib/Row\"\n\nimport VenueBadges from \"./VenueBadges\"\nimport FirstSlot from \"../../DeliveryInfo/FirstSlot\"\nimport ComingSoon from \"../../DeliveryInfo/ComingSoon\"\n\nimport style from \"./index.module.sass\"\n\nexport default function VenueBox(props) {\n // -------------------------------------\n // Props destructuring\n // -------------------------------------\n\n const { venue, onClick, orderMode, isVisible = true } = props\n\n const {\n name,\n subtitle,\n coming_soon_at,\n first_time_slot,\n logo,\n cover_image,\n distance,\n promotion,\n accepts_cash,\n accepts_stripe,\n accepts_discount_codes,\n } = venue\n\n // -------------------------------------\n // Hooks (e.g. useState, useMemo ...)\n // -------------------------------------\n\n // -------------------------------------\n // Effects\n // -------------------------------------\n\n // -------------------------------------\n // Component functions\n // -------------------------------------\n\n function humanDistance(distance) {\n const roundedDistance = parseFloat(distance.toFixed(1))\n\n if (roundedDistance < 1) {\n return ` ${roundedDistance * 1000.0} m`\n } else {\n return ` ${roundedDistance} km`\n }\n }\n\n function renderVenueFeatures() {\n let features = []\n if (accepts_cash) {\n features.push(I18n.t(\"pages.locations.venues.venue_box.payments.cash\"))\n }\n if (accepts_stripe) {\n features.push(\n I18n.t(\"pages.locations.venues.venue_box.payments.credit_card\")\n )\n }\n if (!accepts_discount_codes) {\n features.push(\n I18n.t(\"pages.locations.venues.venue_box.payments.no_coupon\")\n )\n }\n\n return {features.join(\" • \")}
\n }\n\n // -------------------------------------\n // Component local variables\n // -------------------------------------\n\n // -------------------------------------\n\n return (\n \n
\n\n \n {isVisible && 
}\n
\n\n \n
\n\n \n {coming_soon_at &&
\n \n \n
\n\n {promotion && (\n \n
\n )}\n
\n \n )\n}\n\nVenueBox.propTypes = {\n venue: PropTypes.object.isRequired,\n onClick: PropTypes.func.isRequired,\n}\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\n\nimport VisibilitySensor from \"react-visibility-sensor/visibility-sensor\"\nimport VenueBox from \"./VenueBox\"\n\nimport style from \"./index.module.sass\"\n\nexport default function VenuesList({ orderMode, venues, onClick }) {\n // -------------------------------------\n // Props destructuring\n // -------------------------------------\n\n // -------------------------------------\n // Hooks (e.g. useState, useMemo ...)\n // -------------------------------------\n\n // -------------------------------------\n // Effects\n // -------------------------------------\n\n // -------------------------------------\n // Component functions\n // -------------------------------------\n\n function VisibleVenue({ index, venue, orderMode, onClick }) {\n return (\n \n {name}\n {distance && {humanDistance(distance)}}\n
\n{subtitle}
\n {promotion.title}
\n \n \n
\n )\n}\n\n// ----------------------------------------------------------------------------\n","import React, { Fragment } from \"react\"\nimport Switch from \"react-switch\"\nimport Col from \"react-bootstrap/lib/Col\"\nimport debounce from \"lodash/debounce\"\nimport StickyBox from \"react-sticky-box\"\n\nimport * as VenuesAPI from \"../apis/VenuesAPI\"\nimport { diff_in_days } from \"../utils/dates/diff_in_days\"\nimport { setToLocalStorage, getFromLocalStorage } from \"../utils/localStorage\"\nimport BrowserLocationHelper from \"../utils/browser_location_helper\"\nimport sendAddressToIntercom from \"../utils/Intercom/sendAddressToIntercom\"\nimport EmptyVenuesAlert from \"./components/EmptyVenuesAlert/EmptyVenuesAlert\"\nimport CampaignsBannerHorizontalList from \"./components/CampaignsBanner/CampaignsBannerHorizontalList\"\nimport VenueChooserSearchBar from \"./components/filters/VenueChooserSearchBar\"\nimport VenueCategoriesChooser from \"./components/filters/VenueCategoriesChooser\"\nimport VenueFeaturesChooser from \"./components/filters/VenueFeaturesChooser\"\nimport VenuesFilterModal from \"./components/filters/VenuesFilterModal/index.jsx\"\nimport LoadingVenues from \"./components/LoadingVenues\"\nimport ErrorMessage from \"./components/ErrorMessage\"\nimport ServicesList from \"./ServicesList\"\nimport VenuesList from \"./VenuesList\"\nimport ZoneNotCovered from \"./ZoneNotCovered/\"\nimport { ORDER_MODE } from \"./OrderMode\"\n\nimport {\n gtmSetUserProperties,\n logVenueClicked,\n logServiceClicked,\n} from \"../apis/Analytics/gtmActions\"\nimport { GetSearchedServices } from \"../apis/VenuesAPI\"\n\nconst storejs = require(\"store\")\n\nimport style from \"./style.module.sass\"\n\nconst FILTERING_EXPIRATION = \"filtering_expiration\"\nconst FILTERING_CATEGORIES = \"filtering_categories\"\nconst FILTERING_FEATURES = \"filtering_features\"\n\nfunction getVenueURL(url, citySlug, venueSlug) {\n return url.replace(\":city\", citySlug).replace(\":restaurant\", venueSlug)\n}\n\nfunction getInitialSelectedFeatures() {\n return {\n creditCard: false,\n discount: false,\n cash: false,\n new: false,\n promotion: false,\n }\n}\n\nfunction getInitialCategories(categories) {\n return categories\n .map((category) => {\n return {\n id: category.id,\n name: category.name,\n is_root: category.is_root,\n selected: false,\n }\n })\n .filter((category) => !category.is_root)\n}\n\nexport default class VenueChooserApp extends React.Component {\n constructor(props) {\n super(props)\n\n // check and reset stored filtering\n let now = new Date()\n let expiration = storejs.get(FILTERING_EXPIRATION)\n if (now > expiration) {\n storejs.set(FILTERING_CATEGORIES, null)\n storejs.set(FILTERING_FEATURES, null)\n }\n storejs.set(FILTERING_EXPIRATION, now.setMinutes(now.getMinutes() + 30))\n\n this.state = {\n errorMessage: null,\n categories: [],\n showFilterModal: false,\n resultsCount: 0,\n venues: [],\n isSearching: false,\n isLoading: false,\n searchFilteredVenues: [],\n searchFilteredServices: [],\n loaded: false,\n takeAwaySelected: false,\n selectedFeatures: {},\n }\n }\n\n componentDidMount() {\n this.loadVenues()\n }\n\n loadVenues = () => {\n let queryParam = {}\n\n if (JSON.parse(getFromLocalStorage(\"take_away\")) === true) {\n this.setState({\n takeAwaySelected: true,\n })\n queryParam = { take_away: true }\n }\n\n VenuesAPI.getVenues(this.props.location, queryParam)\n .then((data) => {\n if (data.delivery_zone) {\n gtmSetUserProperties({ delivery_zone: data.delivery_zone.name })\n\n sendAddressToIntercom(this.props.location, data.delivery_zone.name)\n }\n\n let categories = getInitialCategories(data.venue_categories)\n let storedCategories = storejs.get(FILTERING_CATEGORIES) || []\n categories.forEach((category) => {\n if (\n storedCategories.some((stored) => {\n return category.id === stored.id && stored.selected\n })\n ) {\n category.selected = true\n }\n })\n storejs.set(FILTERING_CATEGORIES, categories)\n\n let features = getInitialSelectedFeatures()\n let storedFeatures = storejs.get(FILTERING_FEATURES) || {}\n for (let key in features) {\n features[key] = features[key] || storedFeatures[key]\n }\n storejs.set(FILTERING_FEATURES, features)\n\n this.setState({\n loaded: true,\n zoneNotCovered: !data.delivery_zone && data.venues.length === 0,\n venues: data.venues,\n categories: categories,\n selectedFeatures: features,\n })\n })\n .catch((err) => {\n // TODO: missing handling errors\n this.setState({\n errorMessage: I18n.t(\"pages.locations.venues.generic_loading_error\"),\n })\n })\n }\n\n toggleTakeAwayModeWithLocalStorage = (takeawayMode) => {\n this.setState({\n takeAwaySelected: takeawayMode,\n })\n setToLocalStorage(\"take_away\", takeawayMode)\n }\n\n handleOnAllCategoriesSelected = () => {\n let newCategories = getInitialCategories(this.state.categories)\n storejs.set(FILTERING_CATEGORIES, newCategories)\n this.setState({\n categories: newCategories,\n })\n }\n\n handleOnCategorySelected = (id) => {\n let categories = this.state.categories\n\n for (let category of categories) {\n if (category.id === id) {\n category.selected = !category.selected\n break\n }\n }\n\n storejs.set(FILTERING_CATEGORIES, categories)\n this.setState({\n categories: categories,\n })\n }\n\n handleVenueClick = (event, venue) => {\n event.stopPropagation()\n\n const { slug, name, street_name, city, delivery_zone } = venue\n const { showVenueURL } = this.props\n const citySlug = delivery_zone ? delivery_zone.slug : city\n\n const url = getVenueURL(showVenueURL, citySlug, slug)\n\n logVenueClicked(`${name} - ${street_name}, ${city}`)\n\n if (event.shiftKey || event.ctrlKey || event.metaKey) {\n window.open(url, \"_blank\")\n } else {\n BrowserLocationHelper.ChangeURL(url)\n }\n }\n\n handleServiceClick = (venue, service) => {\n const { slug, name, street_name, city, delivery_zone } = venue\n const { showVenueURL } = this.props\n const citySlug = delivery_zone ? delivery_zone.slug : city\n\n const url = getVenueURL(showVenueURL, citySlug, slug)\n\n logServiceClicked(\n `${service?.name || \"no_name\"} - ${name} - ${street_name}, ${city}`\n )\n\n BrowserLocationHelper.ChangeURL(\n url +\n `?service_id=${service.id}&service_section_id=${\n service.section?.id || \"\"\n }`\n )\n }\n\n handleShowFilterModal = () => {\n this.setState({ showFilterModal: true })\n }\n\n handleOnCloseFilterModal = () => {\n this.setState({ showFilterModal: false })\n }\n\n handleOnClearFilterClicked = () => {\n storejs.set(FILTERING_CATEGORIES, null)\n storejs.set(FILTERING_FEATURES, null)\n\n this.setState({\n showFilterModal: false,\n selectedFeatures: getInitialSelectedFeatures(),\n categories: getInitialCategories(this.state.categories),\n })\n }\n\n handleTakeawayChange = () => {\n this.setState({ takeAwayChangeLoading: true }, () => {\n const queryParam = !this.state.takeAwaySelected ? { take_away: true } : {}\n\n VenuesAPI.getVenues(this.props.location, queryParam)\n .then((data) => {\n this.setState({\n takeAwayChangeLoading: false,\n loaded: true,\n zoneNotCovered: false,\n venues: data.venues,\n categories: getInitialCategories(data.venue_categories),\n })\n this.toggleTakeAwayModeWithLocalStorage(!this.state.takeAwaySelected)\n })\n .catch((err) => {\n // TODO: handle all error cases (i.e. err is undefined)\n if (err && err.indexOf && err.indexOf(\"zone-not-covered\") !== -1) {\n this.setState({\n takeAwayChangeLoading: false,\n loaded: true,\n venues: [],\n categories: [],\n zoneNotCovered: true,\n })\n } else {\n this.setState({ takeAwayChangeLoading: false })\n }\n })\n })\n }\n\n handleOnFeatureSelected = (name) => {\n const selectedFeatures = this.state.selectedFeatures\n selectedFeatures[name] = !selectedFeatures[name]\n\n storejs.set(FILTERING_FEATURES, selectedFeatures)\n this.setState({ selectedFeatures })\n }\n\n getVenueCategories() {\n return this.state.categories\n }\n\n getVisibleVenues() {\n const selectedCategoriesIds = this.getSelectedVenueCategories().map(\n (category) => category.id\n )\n\n let venues = this.state.isSearching\n ? this.state.searchFilteredVenues\n : this.state.venues\n\n // Filter venues that does not accept discount codes\n if (this.state.selectedFeatures[\"discount\"]) {\n venues = venues.filter((venue) => venue.accepts_discount_codes === true)\n }\n\n // Filter venues that does not accept credit cards\n if (this.state.selectedFeatures[\"creditCard\"]) {\n venues = venues.filter((venue) => venue.accepts_stripe === true)\n }\n\n // Filter venues that does not accept cash\n if (this.state.selectedFeatures[\"cash\"]) {\n venues = venues.filter((venue) => venue.accepts_cash === true)\n }\n\n // Filter venues that are new\n if (this.state.selectedFeatures[\"new\"]) {\n venues = venues.filter(\n (venue) => -diff_in_days(venue.first_published_at) < 30\n )\n }\n\n // Filter venues that have promotions\n if (this.state.selectedFeatures[\"promotion\"]) {\n venues = venues.filter((venue) => !!venue.promotion)\n }\n\n // Filter by selected categories\n if (selectedCategoriesIds.length === 0) {\n return venues\n } else {\n return venues.filter((venue) => {\n return venue.venue_category_ids.some(\n (category_id) => selectedCategoriesIds.indexOf(category_id) !== -1\n )\n })\n }\n }\n\n handleSearchOnVenues = (text) => {\n // filter venues and venues' services based on searchbar text\n if (!!text.trim()) {\n let filtered = this.state.venues.filter((el) => {\n return (el?.name || \"\").toLowerCase().includes(text.toLowerCase())\n })\n this.setState({ isSearching: true, searchFilteredVenues: filtered })\n this.handleSearchOnServices(text)\n } else {\n this.setState({\n isLoading: false,\n isSearching: false,\n searchFilteredServices: [],\n })\n }\n }\n\n handleSearchOnServices = (text) => {\n let venueIds = this.state.venues.map((v) => v.id)\n this.setState({ isLoading: true })\n GetSearchedServices(text, venueIds)\n .then((res) => {\n this.setState({\n isLoading: false,\n searchFilteredServices: res?.dishes || [],\n })\n })\n .catch((err) => {\n this.setState({ isLoading: false })\n })\n }\n\n getSelectedVenueCategories() {\n return this.getVenueCategories().filter(\n (category) => category.selected === true\n )\n }\n\n getAppliedFiltersCount() {\n let count = this.getSelectedVenueCategories().length\n\n count += Object.values(this.state.selectedFeatures).filter(\n (value) => value === true\n ).length\n\n return count\n }\n\n getOrderMode() {\n return this.state.takeAwaySelected ? ORDER_MODE.PICKUP : ORDER_MODE.DELIVERY\n }\n\n renderSearchBar() {\n const handler = debounce(this.handleSearchOnVenues, 1000)\n\n return (\n \n {venues.map((venue, index) => {\n return (\n
\n )\n}\n\nVenuesList.propTypes = {\n venues: PropTypes.array.isRequired,\n onClick: PropTypes.func.isRequired,\n}\n","import superagent from 'superagent';\nimport {API_V2_URL} from \"./base\";\n\nexport default class LocationAPI {\n\n static SendLocationSubscription(location) {\n const URL = `${API_V2_URL}locations/location_subscriptions`;\n\n return new Promise((resolve, reject) => {\n\n superagent.post(URL)\n .query({location_subscription: {\n email: location.email,\n latitude: location.latitude,\n longitude: location.longitude,\n street_name: location.street_name,\n street_number: location.street_number,\n city: location.city,\n postal_code: location.postal_code,\n venue_types: \"shop\"\n }\n })\n .end((error, res) => {\n error ? reject(error) : resolve(res.body);\n });\n });\n }\n}\n","import React, { useState, useEffect } from \"react\"\nimport Button from \"react-bootstrap/lib/Button\"\n\nimport Spinner from \"../../ui-components/Spinner\"\nimport SingleFieldFormWithValidation from \"../../ui-components/SingleFieldFormWithValidation\"\nimport LocationAPI from \"../../apis/LocationAPI\"\n\nimport style from \"./index.module.sass\"\nimport {\n intercomSendData,\n intercomTrackEvent,\n} from \"../../utils/Intercom/intercomHelper\"\n\n// ----------------------------------------------------------------------------\n\nconst steps = { leaveMail: 1, loading: 2, success: 3, error: 4 }\nconst success_message = I18n.t(\"react.venues.no_result.success_message\")\nconst error_message = I18n.t(\"react.venues.no_result.error_message\")\n\nfunction sendUncoveredAddressToIntercom(city) {\n if (!window.Intercom || typeof window.Intercom !== \"function\") {\n return\n }\n\n try {\n intercomTrackEvent(\"searched-uncovered-zone\", {\n \"Created at\": new Date(),\n \"Not covered zone\": city,\n })\n\n intercomSendData({\n \"Last not covered zone\": city,\n })\n } catch (error) {\n console.log(error)\n }\n}\n\nexport default function ZoneNotCovered(props) {\n // -------------------------------------\n // Props destructuring\n // -------------------------------------\n\n const { location } = props\n\n // -------------------------------------\n // Hooks (e.g. useState, useMemo ...)\n // -------------------------------------\n\n const [step, setStep] = useState(steps.leaveMail)\n const [email, setEmail] = useState(\"\")\n\n // -------------------------------------\n // Effects\n // -------------------------------------\n\n useEffect(() => {\n sendUncoveredAddressToIntercom(location.city)\n }, [])\n\n // -------------------------------------\n // Component functions\n // -------------------------------------\n\n function onSend() {\n setStep(steps.loading)\n\n let apiData = { ...location, email: email }\n LocationAPI.SendLocationSubscription(apiData)\n .then((res) => {\n setStep(steps.success)\n })\n .catch((err) => {\n setStep(steps.error)\n })\n }\n\n function onRetry() {\n setStep(steps.leaveMail)\n }\n\n // -------------------------------------\n // Component local variables\n // -------------------------------------\n\n // -------------------------------------\n\n return (\n \n
\n \n
\n \n {step === steps.leaveMail && (\n
\n )}\n {step === steps.loading && \n
\n \n \n
\n 😔
\n\n {I18n.t(\"react.venues.no_result.page_title\")}\n
\n\n {I18n.t(\"react.venues.no_result.page_subtitle\")}\n
\n\n {I18n.t(\"react.venues.no_result.page_description\")}\n
\n\n
\n )}\n \n \n {step === steps.success ? success_message : error_message}\n \n {step === steps.error && (\n \n )}\n
\n \n
\n\n {this.renderSearchBar()}
\n \n \n
\n \n {this.renderSearchBar()}\n
\n \n\n \n
\n
\n \n {I18n.t(\"pages.locations.venues.features.title\")}\n
\n \n
\n {I18n.t(\"pages.locations.venues.cuisines.title\")}\n
\n \n {/* TODO: handle TLT specific campaign banners */}\n {/*
\n\n {zoneNotCovered && \n
*/}\n\n \n {venuesCount > 0 && (\n \n \n {I18n.t(\"pages.locations.venues.features.remove_filters\") +\n \" \"}\n ({appliedFiltersCount})\n
\n )}\n \n {venuesCount}{\" \"}\n {venuesCount > 1\n ? I18n.t(\"pages.locations.venues.plural\")\n : I18n.t(\"pages.locations.venues.singular\")}\n
\n )}\n\n {appliedFiltersCount > 0 && (\n \n
\n )}\n \n \n \n {appliedFiltersCount}\n
\n \n \n {I18n.t(\"pages.venues.show.change_address_form.delivery_in\", {\n address: getAddress(),\n })}\n \n {` - ${I18n.t(\n \"pages.venues.show.change_address_form.change_address\"\n )}`}\n
\n )\n } else {\n return (\n {renderChangeAddress()}
\n}\n\n// ----------------------------------------------------------------------------\n\nexport default ChangeAddressForm\n","import React from 'react';\n\nconst PromotionBox = ({ description }) => {\n return (\n \n
\n )\n}\n\nexport default PromotionBox;\n","import React from \"react\"\nimport NavbarCartItem from \"../NavbarCartItem/NavbarCartItem\"\n\nimport style from \"./BottomCartItem.module\"\nimport throttle from \"lodash/throttle\";\n\nconst SM = 992\n\nexport default class BottomCartItem extends React.Component {\n constructor(props) {\n super(props)\n this.state = {\n visible: false,\n }\n\n this.ref = React.createRef()\n }\n\n componentDidMount() {\n document.addEventListener(\"scroll\", this.onScroll)\n\n if (window.innerWidth < SM) {\n this.setState({ visible: true })\n }\n }\n\n componentWillUnmount() {\n document.removeEventListener(\"scroll\", this.onScroll)\n }\n\n onScroll = throttle(() => {\n if (!this.ref) {\n return\n }\n\n if (window.pageYOffset > 180) {\n this.setState({ visible: true })\n } else {\n this.setState({ visible: false })\n }\n }, 300)\n\n render() {\n const { storeUrl, isStorePage } = this.props\n const { visible } = this.state\n\n return (\n \n \n
\n \n
\n \n {I18n.t(\"pages.venues.show.venue_details.promotion\")}\n
\n\n {description}\n
\n\n {I18n.t(\"pages.venues.show.venue_details.default_description\", {\n venue_name: venue.name,\n venue_categories: categories,\n })}\n
\n )\n } else {\n return (\n\n
\n )\n}\n","import React, { useState } from \"react\"\n\nimport { ChangePassword } from \"../apis/UserSessionAPI\"\nimport Row from \"../ui-components/Row\"\nimport Col from \"../ui-components/Col\"\nimport PasswordInput from \"../ui-components/PasswordInput\"\nimport SubmitButton from \"../ui-components/SubmitButton\"\nimport BrowserLocationHelper from \"../utils/browser_location_helper\"\n\nimport style from \"./ChangeUserPasswordApp.module\"\n\nexport default function ChangeUserPasswordApp(props) {\n // -------------------------------------\n // Props destructuring\n // -------------------------------------\n\n const { token } = props\n\n // -------------------------------------\n // Hooks (e.g. useState, useMemo ...)\n // -------------------------------------\n\n const [state, setState] = useState({\n password: \"\",\n error: false,\n submitDisabled: false,\n })\n\n // -------------------------------------\n // Effects\n // -------------------------------------\n\n // -------------------------------------\n // Component functions\n // -------------------------------------\n\n function handlePasswordChanged(event) {\n setState({ ...state, password: event.target.value })\n }\n\n function handleSubmit(event) {\n event.preventDefault()\n\n setState({ ...state, error: false, submitDisabled: true })\n\n ChangePassword(state.password, token)\n .then((res) => {\n BrowserLocationHelper.ChangeURL(\"/\")\n })\n .catch((error) => {\n setState({ ...state, error: true, submitDisabled: false })\n })\n }\n\n // -------------------------------------\n // Component local variables\n // -------------------------------------\n\n // -------------------------------------\n\n return (\n \n {I18n.t(\"pages.user_session.passwords.forgot_password\")}\n
\n\n \n {I18n.t(\"pages.user_session.passwords.forgot_password_details\")}\n
\n\n \n \n
\n )\n}\n"],"sourceRoot":""}\n {I18n.t(\"pages.user_session.passwords.change_password\")}\n
\n\n \n {I18n.t(\"pages.user_session.passwords.change_password_desc\")}\n
\n\n \n