{"ast":null,"code":"import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\n\nfunction 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; }\n\nfunction _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; }\n\nimport cn from 'classnames';\nimport { ArrowDownButton } from 'components/gui/Arrow';\nimport BoxButton from 'components/gui/BoxButton';\nimport CustomBlockContent from 'components/gui/CustomBlockContent';\nimport useLocale from 'contexts/useLocale';\nimport styles from './Strip.module.scss';\nimport HTMLReactParser from 'html-react-parser';\nimport { forwardRef } from 'react';\n\nvar Strip = function Strip(_ref, ref) {\n  var style = _ref.style,\n      className = _ref.className,\n      title = _ref.title,\n      intro = _ref.intro,\n      blocks = _ref.blocks,\n      button = _ref.button,\n      downHref = _ref.downHref;\n  return /*#__PURE__*/_jsxs(\"div\", {\n    ref: ref,\n    className: cn(styles.strip, className),\n    style: _objectSpread({}, style),\n    children: [/*#__PURE__*/_jsx(\"div\", {\n      children: /*#__PURE__*/_jsx(\"h2\", {\n        className: cn('h--1', styles.title),\n        children: title\n      })\n    }), /*#__PURE__*/_jsxs(\"div\", {\n      children: [intro && /*#__PURE__*/_jsx(\"strong\", {\n        className: cn('p--l', styles.intro),\n        children: intro\n      }), blocks && /*#__PURE__*/_jsx(CustomBlockContent, {\n        className: cn('p--m', styles.text),\n        blocks: blocks\n      }), button && /*#__PURE__*/_jsx(BoxButton, {\n        className: cn(styles.button),\n        label: button.label,\n        fullWidth: true,\n        onClick: function onClick() {},\n        icon: \"right\"\n      })]\n    }), downHref && /*#__PURE__*/_jsx(ArrowDownButton, {\n      href: downHref\n    })]\n  });\n};\n\nexport default /*#__PURE__*/forwardRef(Strip);\nexport var HouseStrip = function HouseStrip(_ref2) {\n  var style = _ref2.style,\n      className = _ref2.className,\n      title = _ref2.title,\n      blocks = _ref2.blocks,\n      accommodations = _ref2.accommodations,\n      area = _ref2.area,\n      surface = _ref2.surface;\n  var locale = useLocale();\n  var accommodationsCount = accommodations.length;\n  var availableCount = accommodations.reduce(function (acc, curr) {\n    return acc + (curr.available ? 1 : 0);\n  }, 0);\n  var cheapest = accommodations.reduce(function (acc, curr) {\n    var price = parseInt(curr.price.replace('€', '')); //.replace('$', '').replace(' ', ''))\n\n    return price < acc ? price : acc;\n  }, 9999);\n  var accommodationsCountHtml = locale(\"accommodations-count\", accommodationsCount).replace('#', \"<span class='bold'>\".concat(accommodationsCount, \"</span>\"));\n  var availableCountHtml = locale(\"available-accommodations\", availableCount).replace('#', \"<span class='bold'>\".concat(availableCount, \"</span>\"));\n  var cheapestHtml = locale(\"price-from\").replace('#', \"<span class='bold'>\".concat(cheapest, \"\\u20AC</span>\"));\n  return /*#__PURE__*/_jsxs(\"div\", {\n    className: cn(styles.strip, styles.houseStrip, className),\n    style: _objectSpread({}, style),\n    children: [/*#__PURE__*/_jsx(\"div\", {\n      children: /*#__PURE__*/_jsx(\"h2\", {\n        className: cn('h--1', styles.title),\n        children: title\n      })\n    }), /*#__PURE__*/_jsxs(\"div\", {\n      children: [/*#__PURE__*/_jsxs(\"div\", {\n        className: cn(styles.houseInfosGrid),\n        children: [/*#__PURE__*/_jsx(\"div\", {\n          style: {\n            flex: 1\n          },\n          children: area && area.split('\\n').map(function (line, i) {\n            return /*#__PURE__*/_jsx(\"p\", {\n              className: cn('p--m'),\n              children: line\n            }, i);\n          })\n        }), /*#__PURE__*/_jsxs(\"div\", {\n          style: {\n            flex: 0.7\n          },\n          children: [/*#__PURE__*/_jsx(\"p\", {\n            className: cn('p--m'),\n            children: HTMLReactParser(accommodationsCountHtml)\n          }), /*#__PURE__*/_jsx(\"p\", {\n            className: cn('p--m'),\n            children: HTMLReactParser(availableCountHtml)\n          })]\n        })]\n      }), /*#__PURE__*/_jsxs(\"div\", {\n        className: cn(styles.houseInfosGrid),\n        children: [/*#__PURE__*/_jsxs(\"div\", {\n          style: {\n            flex: 1\n          },\n          children: [/*#__PURE__*/_jsx(\"p\", {\n            className: cn('p--m'),\n            children: locale('house-surface-area')\n          }), /*#__PURE__*/_jsx(\"p\", {\n            className: cn('p--m', 'bold'),\n            children: surface\n          })]\n        }), /*#__PURE__*/_jsx(\"div\", {\n          style: {\n            flex: 0.7\n          },\n          children: /*#__PURE__*/_jsx(\"p\", {\n            className: cn('p--m'),\n            children: HTMLReactParser(cheapestHtml)\n          })\n        })]\n      }), blocks && /*#__PURE__*/_jsx(CustomBlockContent, {\n        className: cn('p--m', styles.text),\n        blocks: blocks\n      }), /*#__PURE__*/_jsx(BoxButton, {\n        className: cn(styles.button),\n        label: locale('join-house').replace('{house}', title),\n        fullWidth: true,\n        onClick: function onClick() {},\n        icon: \"down\"\n      }), /*#__PURE__*/_jsx(BoxButton, {\n        className: cn(styles.button),\n        label: locale('share'),\n        fullWidth: true,\n        onClick: function onClick() {},\n        icon: \"right\"\n      })]\n    })]\n  });\n};\nexport var CityStrip = function CityStrip(_ref3) {\n  var style = _ref3.style,\n      className = _ref3.className,\n      title = _ref3.title,\n      blocks = _ref3.blocks,\n      accommodationsCount = _ref3.accommodationsCount,\n      housesCount = _ref3.housesCount,\n      availableCount = _ref3.availableCount,\n      downHref = _ref3.downHref;\n  var locale = useLocale(); // const accommodationsCountHtml = locale(`accommodations-count-${accommodationsCount == 1 ? 'single' : 'plural'}`)\n  //    .replace('#', `<span class='bold'>${accommodationsCount}</span>`)\n\n  var housesCountHtml = locale(\"houses-count\", housesCount).replace('#', \"<span class='bold'>\".concat(housesCount, \"</span>\")); // const availableCountHtml = locale(`available-${availableCount == 1 ? 'single' : 'plural'}`)\n  //    .replace('#', `<span class='bold'>${availableCount}</span>`)\n\n  var availableCountHtml = locale(\"available-accommodations\", availableCount).replace('#', \"<span class='bold'>\".concat(availableCount, \"</span>\"));\n  return /*#__PURE__*/_jsxs(\"div\", {\n    className: cn(styles.strip, styles.cityStrip, className),\n    style: _objectSpread({}, style),\n    children: [/*#__PURE__*/_jsx(\"div\", {\n      children: /*#__PURE__*/_jsx(\"h2\", {\n        className: cn('h--1', styles.title),\n        children: title\n      })\n    }), /*#__PURE__*/_jsxs(\"div\", {\n      children: [/*#__PURE__*/_jsxs(\"div\", {\n        className: cn(styles.cityInfosGrid),\n        children: [/*#__PURE__*/_jsx(\"p\", {\n          className: cn('p--m'),\n          children: HTMLReactParser(housesCountHtml)\n        }), /*#__PURE__*/_jsx(\"p\", {\n          className: cn('p--m'),\n          children: HTMLReactParser(availableCountHtml)\n        })]\n      }), blocks && /*#__PURE__*/_jsx(CustomBlockContent, {\n        className: cn('p--m', styles.text),\n        blocks: blocks\n      }), downHref && /*#__PURE__*/_jsx(BoxButton, {\n        className: cn(styles.button),\n        label: locale('Découvrir les habitations.'),\n        fullWidth: true,\n        href: downHref,\n        icon: \"down\"\n      })]\n    })]\n  });\n};","map":null,"metadata":{},"sourceType":"module"}