bukazu-portal-react 2.1.21 → 3.0.3

package/src/components/CalendarPage/Summary/Object.js

@@ -1,46 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { FormattedMessage } from 'react-intl';
-import format from '../../../_lib/format';
-
-export const Object = ({ house, values }) => {
-  const { arrivalDate, departureDate } = values
-  console.log({ values });
-  return (
-  <React.Fragment>
-    <h2>
-      <FormattedMessage id="booking_details" />
-    </h2>
-    <div className="house-details">
-      <div>{house.name}</div>
-      <img src={house.image_url} alt="" />
-      <table>
-        <tbody>
-          <tr>
-            <th>
-              <FormattedMessage id={`${house.house_type}.arrival`} />
-            </th>
-            <td className="price">
-              {format(arrivalDate.date, 'dddd DD MMMM YYYY')}
-            </td>
-            <td>{arrivalDate.arrival_time_from} - {arrivalDate.arrival_time_to}</td>
-          </tr>
-          <tr>
-            <th>
-              <FormattedMessage id={`${house.house_type}.departure`} />
-            </th>
-            <td className="price">
-              {format(departureDate.date, 'dddd DD MMMM YYYY')}
-            </td>
-            <td>{departureDate.departure_time}</td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-  </React.Fragment>
-)};
-
-Object.propTypes = {
-  house: PropTypes.object.isRequired,
-  values: PropTypes.object.isRequired,
-};

package/src/components/CalendarPage/Summary/RentAndDiscount.js

@@ -1,21 +0,0 @@
-import React from 'react';
-import CostRow from './CostRow';
-
-export default function RentAndDiscount({ prices }) {
-  const { rent_price, discount, discounted_price } = prices
-  return (
-    <div className="costs-section">
-      <table>
-        <tbody>
-          <CostRow name='rent_price' formatName={true} amount={rent_price} />          
-          {discount > 0 ? (
-            <>
-            <CostRow name='discount' formatName={true} amount={discount} />          
-            <CostRow name='price_after_discount' formatName={true} amount={discounted_price} />          
-            </>            
-          ) : null}          
-        </tbody>
-      </table>
-    </div>
-  )
-}

package/src/components/CalendarPage/Summary/index.js

@@ -1,19 +0,0 @@
-import React from "react";
-
-import BookingOrOption from "../formParts/BookingOrOption";
-import CostSummary from "./CostSummary";
-import { Object } from "./Object";
-
-
-function Summary({ values, house, locale }) {
-  console.log({ values });
-  return (
-    <div>
-      <Object house={house} values={values} />
-      <BookingOrOption house={house} />
-      <CostSummary values={values} house={house} locale={locale} />
-    </div>
-  )
-}
-
-export default Summary;

package/src/components/CalendarPage/formParts/AssistanceMessage.js

@@ -1,47 +0,0 @@
-import React from "react";
-import { FormattedMessage } from "react-intl";
-import format from "../../../_lib/format";
-
-const dateFormat = "dddd DD MMMM YYYY";
-
-const AssistanceMessage = ({ arrivalDate, departureDate, house, minNights }) => {
-
-  if (departureDate.date) {
-    return (
-      <div className="assistance">
-        <FormattedMessage id={`${house.house_type}.you_picked_arrival_date`} />:{" "}
-        {format(arrivalDate.date, dateFormat)}
-        <br />
-        <FormattedMessage
-          id={`${house.house_type}.you_picked_departure_date`}
-        />
-        : {format(departureDate.date, dateFormat)}
-      </div>
-    );
-  }
-
-  if (arrivalDate.date) {
-    return (
-      <div className="assistance">
-        <FormattedMessage id={`${house.house_type}.you_picked_arrival_date`} />:{" "}
-        {format(arrivalDate.date, dateFormat)}
-        <br />
-        <FormattedMessage
-          id={`${house.house_type}.pick_your_departure_in_the_calendar`}
-        />
-        <br />
-        <FormattedMessage id='minimum_nights' values={{ minimum: minNights }} defaultMessage="Minimum {minimum} nights" />
-      </div>
-    );
-  }
-
-  return (
-    <div className="assistance">
-      <FormattedMessage
-        id={`${house.house_type}.pick_your_arrivaldate_in_the_calendar`}
-      />
-    </div>
-  );
-};
-
-export default AssistanceMessage;

package/src/components/CalendarPage/formParts/CancelInsuranceText.js

@@ -1,91 +0,0 @@
-import React from 'react';
-import { FormattedMessage as FM } from 'react-intl';
-
-const LocalizedAttachment = {
-  nl:
-    "https://insurances.bukazu.com/nl/Voorwaarden%20Annuleringsverzekering.pdf",
-  de:
-    "https://insurances.bukazu.com/de/Bedingungen%20Reiseruecktrittsversicherung.pdf",
-  en:
-    "https://insurances.bukazu.com/en/Terms%20to%20Cancellation%20Insurance.pdf",
-};
-
-const CancelInsuranceText = () => (
-  <React.Fragment>
-    <h2>
-      <FM id="cancel_insurance" />
-    </h2>
-    <hr />
-    <p>
-      <FM id="cancel_insurance_desc" />
-    </p>
-    <h3>
-      <FM id="cancel_insurance_normal_long" />
-    </h3>
-    <p>
-      <FM id="cancel_insurance_normal_desc" />
-    </p>
-    <h3>
-      <FM id="cancel_insurance_all_risk_long" />
-    </h3>
-    <p>
-      <FM id="cancel_insurance_all_risk_desc" />
-    </p>
-
-    <h3>
-      <FM id="terms_and_costs" />
-    </h3>
-    <h4>
-      <FM id="costs_normal_cancel_insurance" />
-    </h4>
-    <p>
-      <FM id="666_costs" />
-    </p>
-    <h4>
-      <FM id="costs_allrisk_cancel_insurance" />
-    </h4>
-    <p>
-      <FM id="847_costs" />
-    </p>
-    <p>
-      <FM id="more_information" />
-    </p>
-    <a
-      href={LocalizedAttachment[window.__localeId__]}
-      target="_blank"
-      rel="noopener noreferrer"
-    >
-      <FM id="show_terms" />
-    </a>
-    <h3>
-      <FM id="terms" />
-    </h3>
-    <ul>
-      <li>
-        <FM id="9persons_9addresses" />
-      </li>
-      <li>
-        <strong>
-          <FM id="or" />
-        </strong>
-      </li>
-      <li>
-        <FM id="9persons_4addresses" />
-      </li>
-    </ul>
-
-    <hr />
-    <h2>
-      <FM id="poliscosts" />
-    </h2>
-    <p>
-      <FM id="poliscosts_are" />
-    </p>
-
-    <p>
-      <FM id="youwillrecieve" />
-    </p>
-  </React.Fragment>
-);
-
-export default CancelInsuranceText;

package/src/components/CalendarPage/formParts/DiscountCode.js

@@ -1,62 +0,0 @@
-import React from 'react';
-import { Field } from 'formik';
-import { FormattedMessage } from 'react-intl';
-import { Mutation } from '@apollo/client/react/components';
-import { gql } from '@apollo/client'
-
-function DiscountCode({ house }) {
-  
-  return (
-    <>
-      <Mutation mutation={CHECK_DISCOUNT_CODE}>
-        {(checkCode, { loading, error, data }) => {       
-          if (data) { console.log(data)}
-          return (
-            <div className="form-row inline">
-              <label htmlFor="discount_code">
-                <FormattedMessage id="discount_code" />
-              </label>
-              <Field
-                name="discount_code"
-              >
-                {({ field, form }) => {
-                  return (
-                    <input {...field} onChange={(e) => {
-                      // console.log({ code: house.code, e: e.target.value });
-                      checkCode({ variables: { code: e.target.value, house_code: house.code } });
-                      form.setFieldValue(field.name, e.target.value);
-                    }}></input>
-                  )
-                }}
-              </Field>
-              {loading && <div className="bu_discount_code">Loading...</div>}
-              {error && <div className="bu_discount_code"><FormattedMessage id="no_discount_code_found" /></div>}
-              {data && <div className="bu_discount_code">
-                  <div>{data.checkDiscountCode.name}</div>
-                  {data.checkDiscountCode.use_price ? (
-
-                    <div>€ {data.checkDiscountCode.price}</div>
-                    ) : (
-                    <div>{data.checkDiscountCode.percentage}%</div>
-                  )}
-                </div>}
-            </div>
-          );
-        }}
-      </Mutation>
-    </>
-  );
-}
-
-const CHECK_DISCOUNT_CODE = gql`
-  mutation CheckDiscountCode($code: String!, $house_code: String!) {
-    checkDiscountCode(code: $code, house_code: $house_code) {
-      name
-      use_price
-      percentage
-      price
-    }
-  }
-`;
-
-export default DiscountCode;

package/src/components/CalendarPage/formParts/summary.js

@@ -1,43 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { FormattedMessage } from 'react-intl';
-import format from '../../../_lib/format';
-
-export const Summary = ({ house, bookingPrice }) => (
-  <React.Fragment>
-    <h2>
-      <FormattedMessage id="booking_details" />
-    </h2>
-    <div className="house-details">
-      <div>{house.name}</div>
-      <img src={house.image_url} alt="" />
-      <table>
-        <tbody>
-          <tr>
-            <th>
-              <FormattedMessage id={`${house.house_type}.arrival`} />
-            </th>
-            <td className="price">
-              {format(bookingPrice.arrival_date, 'dddd DD MMMM YYYY')}
-            </td>
-            <td>{bookingPrice.arrival_time}</td>
-          </tr>
-          <tr>
-            <th>
-              <FormattedMessage id={`${house.house_type}.departure`} />
-            </th>
-            <td className="price">
-              {format(bookingPrice.departure_date, 'dddd DD MMMM YYYY')}
-            </td>
-            <td>{bookingPrice.departure_time}</td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-  </React.Fragment>
-);
-
-Summary.propTypes = {
-  house: PropTypes.object.isRequired,
-  bookingPrice: PropTypes.object.isRequired,
-};

package/src/components/Modal/index.js

@@ -1,58 +0,0 @@
-import React, { Component } from 'react';
-import { FormattedMessage } from 'react-intl';
-import PropTypes from 'prop-types';
-
-class Modal extends Component {
-  state = {
-    visible: this.props.show,
-  };
-
-  setVisible(visible) {
-    this.setState({ visible: visible });
-  }
-
-  render() {
-    const { children, buttonText } = this.props;
-
-    const { visible } = this.state;
-    if (!visible) {
-      return (
-        <a className="info-button" onClick={() => this.setVisible(true)}>
-          {buttonText}
-        </a>
-      );
-    }
-
-    return (
-      <div className="bukazu-modal-container">
-        <div className="bukazu-modal-container-inner">
-          <div
-            className="bukazu-modal-escape"
-            onClick={() => this.setVisible(false)}
-          ></div>
-          <div className="bukazu-modal">
-            <div className="bukazu-modal-content">{children}</div>
-
-            <div className="bukazu-modal-footer">
-              <a onClick={() => this.setVisible(false)}>
-                <FormattedMessage id="close" />
-              </a>
-            </div>
-          </div>
-        </div>
-      </div>
-    );
-  }
-}
-
-Modal.defaultProps = {
-  show: false,
-};
-
-Modal.propTypes = {
-  show: PropTypes.bool,
-  children: PropTypes.node,
-  buttonText: PropTypes.node,
-};
-
-export default Modal;

package/src/components/ReviewsPage/ReviewsPage.js

@@ -1,15 +0,0 @@
-import React, { Component } from 'react';
-
-class ReviewsPage extends Component {
-    constructor(props) {
-        super(props);
-        this.state = {  }
-    }
-    render() { 
-        return ( <div>
-            Display Reviews
-        </div> );
-    }
-}
- 
-export default ReviewsPage;

package/src/components/SafeBooking.js

@@ -1,69 +0,0 @@
-import React from "react";
-import pjson from '../../package.json';
-
-const style = {
-  width: "100%",
-  padding: "16px",
-  display: "flex",
-  justifyContent: "center",
-  position: "relative"
-};
-const styleLink = {
-  color: "#808080",
-  fontSize: 14,
-  textDecoration: "none",
-};
-
-const trans = {
-  nl: {
-    url: "http://bukazu.com/veiligheid",
-    label: "Beveiligd en mogelijk gemaakt door BUKAZU",
-  },
-  en: {
-    url: "http://bukazu.com/en/security",
-    label: "Secured and made possible by BUKAZU",
-  },
-  de: {
-    url: "http://bukazu.com/de/sicherheit",
-    label: "Gesichert und ermöglicht durch BUKAZU",
-  },
-  fr: {
-    url: "http://bukazu.com/fr/securite",
-    label: "Sécurisé et rendu possible par BUKAZU",
-  },
-  es: {
-    url: "http://bukazu.com/es/seguridad",
-    label: "Asegurado y hecho posible por BUKAZU",
-  },
-  it: {
-    url: "http://bukazu.com/it/sicurezza",
-    label: "Protetto e reso possibile da BUKAZU",
-  },
-};
-
-function SafeBooking ({ locale }) {
-  return (
-    <div style={style}>
-      <a href={trans[locale].url} style={styleLink}>
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          xmlnsXlink="http://www.w3.org/1999/xlink"
-          version="1.1"
-          x="0px"
-          y="0px"
-          viewBox="0 0 100 100"
-          enableBackground="new 0 0 100 100"
-          xmlSpace="preserve"
-          width='16px'
-          height='16px'
-          style={{ marginRight: "4px", fill: "#808080" }}
-        >
-          <path d="M75.98,41.62h-2.47L73.5,29.31C73.49,15.9,62.58,4.99,49.17,5C35.76,5.01,24.85,15.92,24.86,29.33l0.02,12.31H24  c-4.61,0.01-8.35,3.75-8.34,8.36v36.65c0,4.61,3.75,8.35,8.36,8.35L76,94.97c4.61,0,8.35-3.74,8.34-8.35V49.96  C84.34,45.35,80.59,41.62,75.98,41.62z M33.84,41.64l-0.02-12.31c0-8.47,6.88-15.36,15.35-15.37c8.47,0,15.36,6.89,15.36,15.35  l0.02,12.31L33.84,41.64z" />
-        </svg>
-        {trans[locale].label} <span style={{ opacity: .5, fontSize: 9, position: 'absolute', right: 10, bottom: 0}}>v{pjson.version}</span>
-      </a>
-    </div>
-  );
-};
-
-export default SafeBooking;