{"version":3,"file":"743.3eaa0a3ccbdfdfbe.js","mappings":"yIAGA,MA8GA,EA9GqBA,EACGC,mBACAC,OACAC,uBACAC,SACAC,cACAC,aACAC,WACAC,WACAC,mCACAC,mCACAC,yCACAC,uCACAC,iCACAC,mCACAC,kCACAC,mCACAC,mCACAC,yCACAC,mCACAC,mCACAC,yCACAC,uCAGtB,MAAOC,EAAYC,IAAiBC,EAAAA,EAAAA,WAAS,IACtCC,EAAgBC,IAAqBF,EAAAA,EAAAA,UAAS,GACrD,IAAIG,EAAUpB,EAASqB,MACpBC,GACCA,EAAEJ,iBAAmBA,GACrBI,EAAEC,UAAYL,GAAkBH,EAAa,EAAI,KAErD,MAIMS,EAAsBC,IACtBA,EAAW,GACXA,EAAW,GAAKV,GAChBU,EAAW,KAAOV,GAEtBI,EAAkBM,EAAS,EAe7B,OACEC,EAAAA,cAAA,OAAKC,UAAU,0BAA0BC,MAAO,CAACC,WAAY5B,IAC3DyB,EAAAA,cAAA,OAAKC,UAAU,uBAAuBC,MAAO,CAACE,MAAO5B,EAAkC6B,gBAAiB5B,IAA0CP,GAClJ8B,EAAAA,cAAA,OAAKC,UAAU,yBACbD,EAAAA,cAAA,OAAKM,IAAI,gCAAgCL,UAAU,SAASM,IAAI,MAElEP,EAAAA,cAAA,OAAKC,UAAU,qBAAqBC,MAAO,CAACC,WAAYzB,EAAsC0B,MAAOzB,IAAkCX,GACvIgC,EAAAA,cAAA,OAAKC,UAAU,uBAAuBC,MAAO,CAACE,MAAOxB,IACnDoB,EAAAA,cAAA,aACEA,EAAAA,cAAA,SACEQ,GAAG,6BACHC,KAAK,WACLC,QAASrB,EACTsB,SArCqBC,MACxBvB,GAAcG,EAAiB,GAAGC,EAAkB,GACzDH,GAAeD,EAAW,IAqCpBW,EAAAA,cAAA,YAAO/B,KAGX+B,EAAAA,cAAA,OAAKC,UAAU,sBAAsBC,MAAO,CAACE,MAAOvB,IAAmCa,EAAQmB,OAC/Fb,EAAAA,cAAA,OAAKC,UAAU,uBAAuBC,MAAO,CAACE,MAAOtB,IACnDkB,EAAAA,cAAA,KAAGC,UAAU,8BACZP,EAAQF,eACTQ,EAAAA,cAAA,KAAGC,UAAU,4BACbD,EAAAA,cAAA,YAAON,EAAQG,SACfG,EAAAA,cAAA,YAAM,QAERA,EAAAA,cAAA,OAAKC,UAAU,uBAAuBC,MAAO,CAACE,MAAOrB,IAAoChB,GACzFiC,EAAAA,cAAA,OAAKC,UAAU,uBAAuBC,MAAO,CAACC,WAAYnB,EAAwCoB,MAAOnB,IACvGe,EAAAA,cAAA,UAAQc,QAASA,IAAMhB,EAAmBN,EAAiB,IAAI,KAG/DQ,EAAAA,cAAA,YAAOR,GACPQ,EAAAA,cAAA,UAAQc,QAASA,IAAMhB,EAAmBN,EAAiB,IAAI,MAIpD,MAAZnB,EACC2B,EAAAA,cAAA,KAAGC,UAAU,uBAAuBc,KAAMrB,EAAQsB,UAAWd,MAAO,CAACE,MAAMlB,EAAkCiB,WAAYhB,KACtH8B,EAAAA,EAAAA,GAAU,gCAGbjB,EAAAA,cAAA,KACEC,UAAU,sDACVa,QAASA,KAAMI,OAtDjBC,EAAeC,SAASC,eAAe,0BACvCC,EAAkBF,SAASC,eAAe,6BAC9CF,EAAajB,MAAMqB,QAAU,OAC7BD,EAAgBE,UAAUC,IAAI,uCAE9BC,OAAOC,SAAS,CACdC,IAAKN,EAAgBO,UAAY,GACjCC,SAAU,WARWC,IACnBZ,EACAG,CAqDmC,EACjCpB,MAAO,CAACE,MAAMlB,EAAkCiB,WAAYhB,KAE3D8B,EAAAA,EAAAA,GAAU,gCAGfjB,EAAAA,cAAA,OAAKC,UAAU,uBAAuBC,MAAO,CAACE,MAAOhB,IAAoChB,GACrF,C","sources":["webpack:///./Scripts/Components/CustomBundle.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { translate } from '../Services/translation';\n\nconst CustomBundle = ({\n                        amountHeaderText,\n                        body,\n                        doubleFlightTimeText,\n                        header,\n                        highFlyText,\n                        noticeText,\n                        location,\n                        variants,\n                        customBundleBlockBackgroundColor,\n                        customBundleBlockHeaderTextColor,\n                        customBundleBlockHeaderBackgroundColor,\n                        customBundleBlockBodyBackgroundColor,\n                        customBundleBlockBodyTextColor,\n                        customBundleBlockDoubleTextColor,\n                        customBundleBlockPriceTextColor,\n                        customBundleBlockPeopleTextColor,\n                        customBundleBlockAmountTextColor,\n                        customBundleBlockPickerBackgroundColor,\n                        customBundleBlockPickerTextColor,\n                        customBundleBlockButtonTextColor,\n                        customBundleBlockButtonBackgroundColor,\n                        customBundleBlockNoticeTextColor,\n\n                      }) => {\n  const [doubleTime, setDoubleTime] = useState(false);\n  const [numberOfPeople, setNumberOfPeople] = useState(2);\n  let variant = variants.find(\n    (v) =>\n      v.numberOfPeople === numberOfPeople &&\n      v.minutes === numberOfPeople * (doubleTime ? 4 : 2),\n  );\n  const handleDoubleTimeChange = () => {\n    if (!doubleTime && numberOfPeople > 6) setNumberOfPeople(6);\n    setDoubleTime(!doubleTime);\n  };\n  const handlePickerChange = (newValue) => {\n    if (newValue < 1) return;\n    if (newValue > 6 && doubleTime) return;\n    if (newValue > 13 && !doubleTime) return;\n\n    setNumberOfPeople(newValue);\n  };\n\n  const onClickDisabled = (e) => {\n    var errorElement = document.getElementById('bundles-location-error');\n    var selectorElement = document.getElementById('bundles-location-selector');\n    errorElement.style.display = 'flex';\n    selectorElement.classList.add('bundles__locationpicker--error');\n\n    window.scrollTo({\n      top: selectorElement.offsetTop - 25,\n      behavior: 'smooth',\n    });\n  };\n\n  return (\n    <div className=\"custom-bundle-container\" style={{background: customBundleBlockBackgroundColor}}>\n      <div className=\"custom-bundle-header\" style={{color: customBundleBlockHeaderTextColor, backgroundColor: customBundleBlockHeaderBackgroundColor}}>{header}</div>\n      <div className=\"custom-bundle-picture\">\n        <img src=\"/ui/images/person-falling.svg\" className=\"jumper\" alt=\"\" />\n      </div>\n      <div className=\"custom-bundle-body\" style={{background: customBundleBlockBodyBackgroundColor, color: customBundleBlockBodyTextColor}}>{body}</div>\n      <div className=\"custom-bundle-double\" style={{color: customBundleBlockDoubleTextColor}}>\n        <label>\n          <input\n            id=\"custom-bundle-double-check\"\n            type=\"checkbox\"\n            checked={doubleTime}\n            onChange={handleDoubleTimeChange}\n          ></input>\n          <span>{doubleFlightTimeText}</span>\n        </label>\n      </div>\n      <div className=\"custom-bundle-price\" style={{color: customBundleBlockPriceTextColor}}>{variant.price}</div>\n      <div className=\"custom-bundle-people\" style={{color: customBundleBlockPeopleTextColor}}>\n        <i className=\"custom-bundle-people-icon\"></i>\n        {variant.numberOfPeople}\n        <i className=\"custom-bundle-time-icon\"></i>\n        <span>{variant.minutes}</span>\n        <span>x60</span>\n      </div>\n      <div className=\"custom-bundle-amount\" style={{color: customBundleBlockAmountTextColor}}>{amountHeaderText}</div>\n      <div className=\"custom-bundle-picker\" style={{background: customBundleBlockPickerBackgroundColor, color: customBundleBlockPickerTextColor}}>\n        <button onClick={() => handlePickerChange(numberOfPeople - 1)}>\n          -\n        </button>\n        <span>{numberOfPeople}</span>\n        <button onClick={() => handlePickerChange(numberOfPeople + 1)}>\n          +\n        </button>\n      </div>\n      {location != null ? (\n        <a className=\"custom-bundle-choose\" href={variant.actionUrl} style={{color:customBundleBlockButtonTextColor, background: customBundleBlockButtonBackgroundColor }}>\n          {translate('blocks.custom-bundle.choose')}\n        </a>\n      ) : (\n        <a\n          className=\"custom-bundle-choose custom-bundle-choose--disabled\"\n          onClick={() => onClickDisabled()}\n          style={{color:customBundleBlockButtonTextColor, background: customBundleBlockButtonBackgroundColor }}\n        >\n          {translate('blocks.custom-bundle.choose')}\n        </a>\n      )}\n      <div className=\"custom-bundle-notice\" style={{color: customBundleBlockNoticeTextColor}}>{noticeText}</div>\n    </div>\n  );\n};\n\nexport default CustomBundle;\n"],"names":["CustomBundle","amountHeaderText","body","doubleFlightTimeText","header","highFlyText","noticeText","location","variants","customBundleBlockBackgroundColor","customBundleBlockHeaderTextColor","customBundleBlockHeaderBackgroundColor","customBundleBlockBodyBackgroundColor","customBundleBlockBodyTextColor","customBundleBlockDoubleTextColor","customBundleBlockPriceTextColor","customBundleBlockPeopleTextColor","customBundleBlockAmountTextColor","customBundleBlockPickerBackgroundColor","customBundleBlockPickerTextColor","customBundleBlockButtonTextColor","customBundleBlockButtonBackgroundColor","customBundleBlockNoticeTextColor","doubleTime","setDoubleTime","useState","numberOfPeople","setNumberOfPeople","variant","find","v","minutes","handlePickerChange","newValue","React","className","style","background","color","backgroundColor","src","alt","id","type","checked","onChange","handleDoubleTimeChange","price","onClick","href","actionUrl","translate","onClickDisabled","errorElement","document","getElementById","selectorElement","display","classList","add","window","scrollTo","top","offsetTop","behavior","e"],"sourceRoot":""}