alm-search-01/dist/fields/PassengersDialog.js

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

"use strict";

function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _react = _interopRequireWildcard(require("react"));

var _styles = require("@material-ui/core/styles");

var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));

var _Divider = _interopRequireDefault(require("@material-ui/core/Divider"));

var _AppBar = _interopRequireDefault(require("@material-ui/core/AppBar"));

var _Toolbar = _interopRequireDefault(require("@material-ui/core/Toolbar"));

var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));

var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));

var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));

var _Slide = _interopRequireDefault(require("@material-ui/core/Slide"));

var _ListItemText = _interopRequireDefault(require("@material-ui/core/ListItemText"));

var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));

var _ListItemIcon = _interopRequireDefault(require("@material-ui/core/ListItemIcon"));

var _List = _interopRequireDefault(require("@material-ui/core/List"));

var _AddBoxRounded = _interopRequireDefault(require("@material-ui/icons/AddBoxRounded"));

var _IndeterminateCheckBoxRounded = _interopRequireDefault(require("@material-ui/icons/IndeterminateCheckBoxRounded"));

var _getHotelsLocale2 = _interopRequireDefault(require("../utils/getHotelsLocale"));

var _brandStyles = _interopRequireDefault(require("../utils/brandStyles"));

var _modal = _interopRequireDefault(require("../utils/modal"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }

function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }

function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }

function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

var useStyles = (0, _styles.makeStyles)(function (theme) {
  return {
    appBar: {
      position: 'relative',
      background: function background(getBrandStyles) {
        return getBrandStyles.dialogBgColor;
      },
      color: function color(getBrandStyles) {
        return getBrandStyles.iconColorThree;
      }
    },
    title: {
      marginLeft: theme.spacing(2),
      fontSize: 18
    },
    grow: {
      flexGrow: 1
    },
    arrowBackIcon: {
      marginLeft: theme.spacing(-2)
    },
    btnColor: {
      color: '#02647A',
      padding: 0
    },
    infoColor: {
      paddingRight: theme.spacing(2),
      paddingLeft: theme.spacing(2),
      fontWeight: 'normal',
      fontSize: 18
    },
    infoSecondary: {
      color: '#97a1a6',
      fontWeight: 400,
      fontSize: 12
    },
    infoPrimary: {
      fontWeight: 'normal',
      fontSize: 18
    },
    btnPrimary: {
      textTransform: 'uppercase',
      fontWeight: 'normal',
      fontSize: 14
    },
    addBtn: {
      color: '#02647A',
      paddingRight: theme.spacing(1),
      paddingLeft: theme.spacing(1),
      textTransform: 'uppercase',
      fontWeight: 'normal',
      fontSize: 14
    },
    listItemInner: {
      padding: 0
    },
    AddCircleRoundedIcon: {
      color: '#02647A'
    },
    icon: {
      minWidth: 'inherit'
    },
    listTextClass: {
      width: 20,
      textAlign: 'center',
      fontWeight: 'normal',
      fontSize: '18px',
      paddingRight: theme.spacing(2),
      paddingLeft: theme.spacing(2),
      color: '#333'
    },
    checkIcon: {
      color: function color(getBrandStyles) {
        return getBrandStyles.iconColorThree;
      }
    },
    iconButton: {
      padding: 0,
      color: function color(getBrandStyles) {
        return getBrandStyles.colorTwo;
      },
      '&.Mui-disabled': {
        color: function color(getBrandStyles) {
          return getBrandStyles.iconDisColor;
        },
        opacity: '.2'
      }
    },
    iconColor: {
      fontSize: 36
    },
    disabledIconColor: {
      color: '#8ec7d4'
    },
    //Use For only RTL
    arrowBackIconRtl: {
      transform: 'rotate(-180deg)',
      marginLeft: theme.spacing(0),
      marginRight: theme.spacing(-2)
    },
    infoRtl: {
      textAlign: 'right'
    }
  };
});

var Transition = _react.default.forwardRef(function Transition(props, ref) {
  return _react.default.createElement(_Slide.default, _extends({
    direction: "up",
    ref: ref
  }, props));
});

var reducer = function reducer(state, action) {
  var adult = state.adult,
      child = state.child,
      infants = state.infants;
  var payLoad = action.payLoad;

  switch (action.type) {
    case 'addPassengers':
      return _objectSpread({}, state, _defineProperty({}, payLoad, state[payLoad] + 1));

    case 'removePassengers':
      if (payLoad === 'adult') {
        var _objectSpread3;

        var updatedState = state[payLoad] > 1 ? state[payLoad] - 1 : state[payLoad];
        return _objectSpread({}, state, (_objectSpread3 = {}, _defineProperty(_objectSpread3, payLoad, updatedState), _defineProperty(_objectSpread3, "infants", infants > updatedState ? updatedState : infants), _objectSpread3));
      }

      return _objectSpread({}, state, _defineProperty({}, payLoad, state[payLoad] > 0 ? state[payLoad] - 1 : state[payLoad]));

    case 'totalPassengers':
      return _objectSpread({}, state, {
        total: adult + child
      });

    default:
      return _objectSpread({}, state);
  }
};

function PassengersDialog(_ref) {
  var defaultPassengers = _ref.defaultPassengers,
      open = _ref.open,
      handleClose = _ref.handleClose,
      passengerHandler = _ref.passengerHandler,
      type = _ref.type,
      date = _ref.date,
      onChange = _ref.onChange,
      disabled = _ref.disabled,
      lang = _ref.lang,
      isMobile = _ref.isMobile,
      brand = _ref.brand;

  var _getHotelsLocale = (0, _getHotelsLocale2.default)(lang),
      passengers = _getHotelsLocale.passengers,
      guest_picker_children_label = _getHotelsLocale.guest_picker_children_label,
      guest_picker_adults_label = _getHotelsLocale.guest_picker_adults_label,
      infants_label = _getHotelsLocale.infants_label,
      years_label = _getHotelsLocale.years_label,
      child_years_label = _getHotelsLocale.child_years_label,
      child_under_label = _getHotelsLocale.child_under_label,
      save_button_label = _getHotelsLocale.save_button_label;

  var ar = 'ar';
  var classes = useStyles((0, _brandStyles.default)(brand));

  var _useReducer = (0, _react.useReducer)(reducer, defaultPassengers),
      _useReducer2 = _slicedToArray(_useReducer, 2),
      state = _useReducer2[0],
      dispatch = _useReducer2[1];

  var adult = state.adult,
      child = state.child,
      infants = state.infants,
      total = state.total,
      limit = state.limit;

  var stateManageHandler = function stateManageHandler(passengerType, actionType) {
    if (actionType === 'addPassengers') {
      dispatch({
        type: 'addPassengers',
        payLoad: passengerType
      });
      dispatch({
        type: 'totalPassengers'
      });
    } else {
      dispatch({
        type: 'removePassengers',
        payLoad: passengerType
      });
      dispatch({
        type: 'totalPassengers'
      });
    }
  };

  var onCloseHandler = function onCloseHandler() {
    passengerHandler({
      adult: adult,
      child: child,
      infants: infants
    });
    handleClose();
  }; // Scrolling stop


  (0, _react.useEffect)(function () {
    (0, _modal.default)(isMobile, open);
  }, [open]);
  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_Dialog.default, {
    disableEnforceFocus: true,
    fullScreen: true,
    open: open,
    onClose: handleClose,
    TransitionComponent: Transition
  }, _react.default.createElement(_AppBar.default, {
    className: classes.appBar
  }, _react.default.createElement(_Toolbar.default, null, _react.default.createElement(_IconButton.default, {
    classes: {
      root: "".concat(classes.arrowBackIcon, " ").concat(lang === ar && classes.arrowBackIconRtl)
    },
    edge: "start",
    color: "inherit",
    onClick: handleClose,
    "aria-label": "close"
  }, _react.default.createElement(_Close.default, null)), passengers ? _react.default.createElement(_Typography.default, {
    variant: "h6",
    className: classes.title
  }, passengers) : null, _react.default.createElement("span", {
    className: classes.grow
  }), _react.default.createElement(_IconButton.default, {
    onClick: function onClick() {
      return onCloseHandler();
    }
  }, _react.default.createElement(_ListItemText.default, {
    primary: save_button_label,
    classes: {
      root: classes.checkIcon
    }
  })))), _react.default.createElement(_List.default, null, _react.default.createElement(_ListItem.default, {
    classes: {
      root: classes.listItem
    }
  }, _react.default.createElement(_ListItemText.default, {
    primary: guest_picker_adults_label,
    secondary: "(12 ".concat(years_label, ")"),
    classes: {
      root: lang === ar && classes.infoRtl,
      primary: classes.infoPrimary,
      secondary: classes.infoSecondary
    }
  }), _react.default.createElement(_ListItemIcon.default, null, _react.default.createElement(_List.default, null, _react.default.createElement(_ListItem.default, {
    classes: {
      root: classes.listItemInner
    }
  }, _react.default.createElement(_ListItemIcon.default, {
    classes: {
      root: classes.icon
    }
  }, _react.default.createElement(_IconButton.default, {
    disabled: adult === 1,
    onClick: function onClick() {
      return stateManageHandler('adult');
    },
    classes: {
      root: classes.iconButton
    }
  }, _react.default.createElement(_IndeterminateCheckBoxRounded.default, {
    classes: {
      root: classes.iconColor
    }
  }))), _react.default.createElement(_ListItemText.default, {
    classes: {
      primary: classes.listTextClass
    },
    primary: adult
  }), _react.default.createElement(_ListItemIcon.default, {
    classes: {
      root: classes.icon
    }
  }, _react.default.createElement(_IconButton.default, {
    disabled: total === limit,
    onClick: function onClick() {
      return stateManageHandler('adult', 'addPassengers');
    },
    classes: {
      root: classes.iconButton
    }
  }, _react.default.createElement(_AddBoxRounded.default, {
    classes: {
      root: classes.iconColor
    }
  }))))))), _react.default.createElement(_Divider.default, null), _react.default.createElement(_ListItem.default, {
    classes: {
      root: classes.listItem
    }
  }, _react.default.createElement(_ListItemText.default, {
    primary: guest_picker_children_label,
    secondary: child_years_label,
    classes: {
      root: lang === ar && classes.infoRtl,
      primary: classes.infoPrimary,
      secondary: classes.infoSecondary
    }
  }), _react.default.createElement(_ListItemIcon.default, null, _react.default.createElement(_List.default, null, _react.default.createElement(_ListItem.default, {
    classes: {
      root: classes.listItemInner
    }
  }, _react.default.createElement(_ListItemIcon.default, {
    classes: {
      root: classes.icon
    }
  }, _react.default.createElement(_IconButton.default, {
    disabled: child === 0,
    onClick: function onClick() {
      return stateManageHandler('child');
    },
    classes: {
      root: classes.iconButton
    }
  }, _react.default.createElement(_IndeterminateCheckBoxRounded.default, {
    classes: {
      root: classes.iconColor
    }
  }))), _react.default.createElement(_ListItemText.default, {
    classes: {
      primary: classes.listTextClass
    },
    primary: child
  }), _react.default.createElement(_ListItemIcon.default, {
    classes: {
      root: classes.icon
    }
  }, _react.default.createElement(_IconButton.default, {
    disabled: total === limit,
    onClick: function onClick() {
      return stateManageHandler('child', 'addPassengers');
    },
    classes: {
      root: classes.iconButton
    }
  }, _react.default.createElement(_AddBoxRounded.default, {
    classes: {
      root: classes.iconColor
    }
  }))))))), _react.default.createElement(_Divider.default, null), _react.default.createElement(_ListItem.default, {
    classes: {
      root: classes.listItem
    }
  }, _react.default.createElement(_ListItemText.default, {
    primary: infants_label,
    secondary: child_under_label,
    classes: {
      root: lang === ar && classes.infoRtl,
      primary: classes.infoPrimary,
      secondary: classes.infoSecondary
    }
  }), _react.default.createElement(_ListItemIcon.default, null, _react.default.createElement(_List.default, null, _react.default.createElement(_ListItem.default, {
    classes: {
      root: classes.listItemInner
    }
  }, _react.default.createElement(_ListItemIcon.default, {
    classes: {
      root: classes.icon
    }
  }, _react.default.createElement(_IconButton.default, {
    disabled: infants === 0,
    onClick: function onClick() {
      return stateManageHandler('infants');
    },
    classes: {
      root: classes.iconButton
    }
  }, _react.default.createElement(_IndeterminateCheckBoxRounded.default, {
    classes: {
      root: classes.iconColor
    }
  }))), _react.default.createElement(_ListItemText.default, {
    classes: {
      primary: classes.listTextClass
    },
    primary: infants
  }), _react.default.createElement(_ListItemIcon.default, {
    classes: {
      root: classes.icon
    }
  }, _react.default.createElement(_IconButton.default, {
    disabled: infants === adult,
    onClick: function onClick() {
      return stateManageHandler('infants', 'addPassengers');
    },
    classes: {
      root: classes.iconButton
    }
  }, _react.default.createElement(_AddBoxRounded.default, {
    classes: {
      root: classes.iconColor
    }
  }))))))), _react.default.createElement(_Divider.default, null))));
}

var _default = PassengersDialog;
exports.default = _default;