{"version":3,"file":"static/js/1322.9024aee0.chunk.js","mappings":"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","sources":["shared/manage-shortcut/manage-booking-shortcut-component.jsx","shared/manage-shortcut/manage-booking-shortcut-module.jsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport Svg from \"../_svgs/svg\"\n\nexport default function ManageBookingShortcutComponent({\n  bookingNumberLabel,\n  bookingNumberPlaceholder,\n  findBookingButtonText,\n  forgotBookingNumberLink,\n  forgotBookingNumberLinkText,\n  forgotBookingNumberLinkTitle,\n  forgotBookingNumberText,\n  mailInputLabel,\n  mailInputPlaceholder,\n  lang,\n}) {\n  const [emailInput, setEmailInput] = useState(\"\")\n  const [reservationInput, setReservationInput] = useState(\"\")\n\n  let constructedUrl =\n    lang == \"da\"\n      ? `${document.location.protocol}//${document.location.hostname}/parkering/manage/search?email=${emailInput}&reference=${reservationInput}`\n      : `${document.location.protocol}//${document.location.hostname}/en/parkering/manage/search?email=${emailInput}&reference=${reservationInput}`\n\n  return (\n    <section className={\"manage-booking-shortcut-component-container w--wider\"}>\n      <div className=\"input-form\">\n        <div className=\"input-outer-container\">\n          <div className=\"input-container\">\n            <label className=\"input-label\" htmlFor=\"manage-shortcut-email\">\n              {mailInputPlaceholder}\n            </label>\n            <input\n              className=\"input-field\"\n              aria-describedby=\"manage-shortcut-email-helptext\"\n              value={emailInput}\n              onChange={(e) => setEmailInput(e.target.value)}\n              id=\"manage-shortcut-email\"\n              type=\"email\"\n            ></input>\n            <span aria-hidden=\"true\" className=\"input-helptext\" id=\"manage-shortcut-email-helptext\">\n              {mailInputLabel}\n            </span>\n          </div>\n          <div className=\"input-container\">\n            <label className=\"input-label\" htmlFor=\"manage-shortcut-reservation\">\n              {bookingNumberPlaceholder}\n            </label>\n            <input\n              className=\"input-field\"\n              aria-describedby=\"manage-shortcut-reservation-helptext\"\n              id=\"manage-shortcut-reservation\"\n              type=\"text\"\n              value={reservationInput}\n              onChange={(e) => setReservationInput(e.target.value)}\n            ></input>\n            <span aria-hidden=\"true\" className=\"input-helptext\" id=\"manage-shortcut-reservation-helptext\">\n              {bookingNumberLabel}\n            </span>\n          </div>\n        </div>\n        <a href={constructedUrl} className=\"redirect-button\">\n          {findBookingButtonText}\n        </a>\n      </div>\n      <div className=\"forgot-reservation-container\">\n        <p className=\"forgot-reservation-header\">{forgotBookingNumberText}</p>\n        <a href={forgotBookingNumberLink} title={forgotBookingNumberLinkTitle} className=\"link-with-arrow-container\">\n          <span>\n            <Svg iconName=\"arrowright-slim\"></Svg>\n          </span>\n          <p>{forgotBookingNumberLinkText}</p>\n        </a>\n      </div>\n    </section>\n  )\n}\n","import React from \"react\"\nimport ReactDOM from \"react-dom\"\nimport ManageBookingShortcutComponent from \"./manage-booking-shortcut-component\"\n\nexport default class ManageBookingShortcutModule {\n  constructor(elem) {\n    const self = this\n    self.elem = elem\n    self.modelJson = elem.dataset.modelJson && JSON.parse(elem.dataset.modelJson)\n    this.init()\n    return self\n  }\n\n  init() {\n    const self = this\n    ReactDOM.unmountComponentAtNode(self.elem)\n    ReactDOM.render(<ManageBookingShortcutComponent lang={document.body.dataset.language} {...self.modelJson} />, self.elem)\n  }\n}\n"],"names":["ManageBookingShortcutComponent","_ref","bookingNumberLabel","bookingNumberPlaceholder","findBookingButtonText","forgotBookingNumberLink","forgotBookingNumberLinkText","forgotBookingNumberLinkTitle","forgotBookingNumberText","mailInputLabel","mailInputPlaceholder","lang","_useState","useState","_useState2","_slicedToArray","emailInput","setEmailInput","_useState3","_useState4","reservationInput","setReservationInput","constructedUrl","concat","document","location","protocol","hostname","_jsxs","className","children","_jsx","htmlFor","value","onChange","e","target","id","type","href","title","Svg","iconName","ManageBookingShortcutModule","_createClass","elem","_classCallCheck","self","this","modelJson","dataset","JSON","parse","init","key","ReactDOM","_objectSpread","body","language"],"sourceRoot":""}