{"version":3,"file":"dist/build-client/static/js/3571.643d6306.chunk.js","mappings":"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","sources":["Shared/Images/brands/KTM.svg","Shared/MotorcycleModel/MotorcycleModel.ts","Shared/Images/brands/BMW.svg","Shared/Images/brands/Triumph.svg","Pages/AccountPage/AccountTab/AccountGarage/StepCircle.tsx","Organisms/Modal/AddMotorcycleModal.tsx","Organisms/SingleOptionCard/SingleOptionCard.tsx","Shared/Constants/brand.ts","Shared/MyGarage/MyGarage.ts"],"sourcesContent":["var _path;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _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); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\nimport { forwardRef } from \"react\";\n\nvar SvgKtm = function SvgKtm(_ref, ref) {\n  var title = _ref.title,\n      titleId = _ref.titleId,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 64,\n    height: 20,\n    viewBox: \"0 0 64 20\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: ref,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M6.90527 18H14.0576L15.8565 13.5864L19.1647 18H34.5783L39.3465 13.5421L38.5518 18H44.5865L49.5715 13.5886L48.8895 18H55.4002L58.103 5.69409H51.5589L46.2554 10.3862L47.2798 5.69409H41.0046L34.1585 12.5847L37.0202 4.14987H47.4893L47.9691 2H20.5157L19.7116 4.14987H29.8065L25.5534 14.9739L22.199 10.5494L27.9953 5.69409H23.1447L17.1974 10.4682L19.1993 5.69409H12.1106L6.90527 18Z\",\n    fill: \"#F0F0F1\"\n  })));\n};\n\nvar ForwardRef = /*#__PURE__*/forwardRef(SvgKtm);\nexport { ForwardRef as ReactComponent };\nexport default __webpack_public_path__ + \"dist/build-client/static/media/KTM.4a9c49ba9f8e5716085ad3ed42f52f3d.svg\";","const motorcycleModelApiUrl = '/MotorcycleModel';\r\n\r\nexport async function GetBrands() {\r\n  const res = await fetch(`${motorcycleModelApiUrl}/GetBrands`, {\r\n    method: 'GET',\r\n    headers: { 'Content-Type': 'application/json' },\r\n  });\r\n\r\n  if (res.ok) {\r\n    return await res.json();\r\n  }\r\n}\r\n\r\nexport async function GetYears(brand: string) {\r\n  const res = await fetch(`${motorcycleModelApiUrl}/GetYears?brand=${brand}`, {\r\n    method: 'GET',\r\n    headers: { 'Content-Type': 'application/json' },\r\n  });\r\n\r\n  if (res.ok) {\r\n    return await res.json();\r\n  }\r\n}\r\n\r\nexport async function GetModels(brand: string, year: string) {\r\n  const res = await fetch(\r\n    `${motorcycleModelApiUrl}/GetModels?brand=${brand}&year=${year}`,\r\n    {\r\n      method: 'GET',\r\n      headers: { 'Content-Type': 'application/json' },\r\n    }\r\n  );\r\n\r\n  if (res.ok) {\r\n    return await res.json();\r\n  }\r\n}\r\n","var _g, _defs;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _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); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\nimport { forwardRef } from \"react\";\n\nvar SvgBmw = function SvgBmw(_ref, ref) {\n  var title = _ref.title,\n      titleId = _ref.titleId,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 88,\n    height: 21,\n    viewBox: \"0 0 88 21\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: ref,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n    clipPath: \"url(#clip0_5142_153707)\"\n  }, /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M31.8475 6.02193C31.8475 7.32708 31.0904 8.38363 29.0022 8.38363H25.2725V0.376862H29.0492C30.7811 0.376862 31.6372 1.36729 31.6372 2.51376C31.6372 3.21064 31.3638 3.90883 30.7217 4.24603C31.0544 4.38717 31.3396 4.63201 31.5404 4.94872C31.7411 5.26543 31.8481 5.63937 31.8475 6.02193ZM27.2505 2.09723V3.61527H28.8587C28.9509 3.62008 29.0431 3.60542 29.13 3.57213C29.2169 3.53884 29.2968 3.48757 29.3651 3.42126C29.4335 3.35495 29.489 3.27489 29.5284 3.18565C29.5678 3.09642 29.5903 2.99977 29.5948 2.90121C29.596 2.88184 29.596 2.8624 29.5948 2.84303C29.5948 2.39211 29.2694 2.09987 28.8587 2.09987L27.2505 2.09723ZM29.8063 5.90689C29.8063 5.46787 29.523 5.17563 29.0183 5.17563H27.2505V6.66062H29.0072C29.5329 6.66062 29.8063 6.41334 29.8063 5.90689Z\",\n    fill: \"#F0F0F1\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M39.7254 8.38363L39.5572 3.05328C39.4409 3.52535 39.3098 4.00933 39.1675 4.49331L37.9886 8.38363H36.0749L34.8972 4.49595C34.7487 4.02388 34.6337 3.55048 34.5174 3.0784L34.3504 8.38363H32.4453L32.7509 0.376862H35.486L37.0324 5.92143L38.5787 0.376862H41.3176L41.6219 8.38363H39.7254Z\",\n    fill: \"#F0F0F1\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M52.9905 0.376862C52.3794 3.08766 51.7274 5.65168 50.9493 8.38363H48.5408L47.5041 3.35874L46.4637 8.38363H44.0589C43.2808 5.65168 42.6288 3.09427 42.0078 0.376862H44.143C44.5005 2.08665 44.9112 3.91941 45.3318 5.69531L46.3907 0.376862H48.6175L49.6801 5.69531C50.1007 3.91941 50.5114 2.08665 50.8689 0.376862H52.9905Z\",\n    fill: \"#F0F0F1\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M32.2479 19.6341L32.0797 14.3051C31.9646 14.7772 31.8384 15.2611 31.6912 15.7438L30.516 19.6341H28.5961L27.4233 15.7438C27.2761 15.2717 27.1599 14.7996 27.0448 14.3276L26.8766 19.6341H24.9678L25.2721 11.6366H28.0072L29.5536 17.1785L31.0987 11.6366H33.8338L34.1431 19.6341H32.2479Z\",\n    fill: \"#F0F0F1\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M34.6865 15.6314C34.6865 13.0793 36.6844 11.4501 38.8406 11.4501C40.9968 11.4501 42.9947 13.0793 42.9947 15.6314C42.9947 18.1835 40.9968 19.8139 38.8443 19.8139C36.6918 19.8139 34.6902 18.1835 34.6902 15.6314H34.6865ZM40.9584 15.6314C40.957 15.1841 40.8315 14.7474 40.598 14.3763C40.3644 14.0052 40.0332 13.7164 39.6461 13.5465C39.2591 13.3765 38.8336 13.333 38.4235 13.4214C38.0133 13.5098 37.6368 13.7262 37.3417 14.0432C37.0465 14.3602 36.8458 14.7636 36.7651 15.2024C36.6843 15.6413 36.727 16.0959 36.8878 16.5088C37.0486 16.9217 37.3202 17.2744 37.6685 17.5224C38.0167 17.7703 38.4259 17.9024 38.8443 17.9018C39.1223 17.9008 39.3973 17.8412 39.6537 17.7266C39.9102 17.6119 40.143 17.4444 40.3388 17.2336C40.5347 17.0227 40.6898 16.7727 40.7952 16.4978C40.9007 16.2229 40.9545 15.9285 40.9535 15.6314\",\n    fill: \"#F0F0F1\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M49.3578 13.4442H47.1806V19.6394H45.1827V13.4442H43.0166V11.63H49.3578V13.4442Z\",\n    fill: \"#F0F0F1\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M49.3789 15.6314C49.3789 13.0793 51.378 11.4502 53.5342 11.4502C55.6904 11.4502 57.6883 13.0793 57.6883 15.6314C57.6883 18.1835 55.6904 19.814 53.5342 19.814C51.378 19.814 49.3789 18.1835 49.3789 15.6314ZM55.6484 15.6314C55.6469 15.1836 55.5211 14.7464 55.2871 14.3751C55.053 14.0038 54.7211 13.715 54.3334 13.5454C53.9457 13.3758 53.5197 13.333 53.1092 13.4224C52.6988 13.5118 52.3224 13.7293 52.0276 14.0475C51.7329 14.3657 51.5332 14.7702 51.4536 15.2098C51.3741 15.6495 51.4184 16.1044 51.5809 16.5171C51.7434 16.9298 52.0168 17.2817 52.3665 17.5282C52.7162 17.7747 53.1265 17.9047 53.5453 17.9019C54.1056 17.898 54.6416 17.6569 55.0359 17.2313C55.4301 16.8057 55.6503 16.2303 55.6484 15.6314Z\",\n    fill: \"#F0F0F1\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M64.9235 19.5892V19.6341H62.7784C62.6354 19.1904 62.4702 18.7551 62.2836 18.3303C62.1044 17.9322 61.8976 17.549 61.6651 17.1838H60.4119V19.6341H58.4141V11.6366H61.6898C63.804 11.6366 64.5932 12.9735 64.5932 14.2667C64.6043 14.7075 64.5059 15.1435 64.3082 15.5305C64.1105 15.9174 63.8204 16.2415 63.4675 16.4698C63.778 16.9481 64.0523 17.4522 64.2876 17.9772C64.5252 18.5042 64.7358 19.0445 64.9186 19.5958L64.9235 19.5892ZM60.4119 15.4344H61.6898C62.2255 15.4344 62.6362 15.0641 62.6362 14.4122C62.6435 14.2856 62.6275 14.1587 62.589 14.0387C62.5504 13.9187 62.4901 13.808 62.4115 13.713C62.333 13.6179 62.2376 13.5404 62.131 13.4847C62.0243 13.4291 61.9085 13.3964 61.79 13.3887C61.757 13.3887 61.7236 13.3887 61.6898 13.3887H60.4119V15.4344Z\",\n    fill: \"#F0F0F1\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M72.1917 19.5892V19.6341H70.0467C69.9037 19.1904 69.7385 18.7551 69.5518 18.3303C69.3726 17.9322 69.1658 17.549 68.9333 17.1838H67.6801V19.6341H65.6885V11.6366H68.9692C71.0833 11.6366 71.8726 12.9735 71.8726 14.2667C71.8832 14.7074 71.7847 15.1433 71.5871 15.5302C71.3894 15.9171 71.0995 16.2412 70.7468 16.4698C71.0574 16.9481 71.3317 17.4522 71.567 17.9772C71.8045 18.5042 72.0151 19.0445 72.1979 19.5958L72.1917 19.5892ZM67.6801 15.4277H68.9531C69.4887 15.4277 69.8994 15.0575 69.8994 14.4056C69.9068 14.279 69.8908 14.1521 69.8522 14.0321C69.8137 13.9121 69.7534 13.8014 69.6748 13.7064C69.5962 13.6113 69.5009 13.5337 69.3943 13.4781C69.2876 13.4225 69.1717 13.3898 69.0533 13.3821C69.0195 13.3821 68.9861 13.3821 68.9531 13.3821H67.6801V15.4277Z\",\n    fill: \"#F0F0F1\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M77.8959 18.083H75.0902L74.7191 19.6341H72.7188C73.3806 16.7104 74.1488 14.1252 75.1483 11.63H77.8612C78.8839 14.2183 79.6951 16.8963 80.2859 19.6341H78.267C78.152 19.1171 78.0196 18.6 77.8959 18.083ZM77.411 16.2317C77.1165 15.1183 76.8011 14.0842 76.4968 13.2525C76.1813 14.0842 75.8782 15.1183 75.5714 16.2317H77.411Z\",\n    fill: \"#F0F0F1\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M88.0001 15.6313C88.0001 17.8912 86.3808 19.6341 83.7508 19.6341H80.9043V11.6365H83.7495C86.3796 11.6365 87.9989 13.3781 87.9989 15.6379L88.0001 15.6313ZM85.9589 15.6379C85.9589 14.1834 84.9074 13.4799 83.7495 13.4799H82.8984V17.7973H83.7495C84.9062 17.7973 85.9589 17.0885 85.9589 15.6379Z\",\n    fill: \"#F0F0F1\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M9.36212 8.74044e-08C7.51071 -0.00026143 5.70081 0.586333 4.16129 1.68561C2.62176 2.78488 1.42176 4.34746 0.713032 6.17574C0.00430335 8.00402 -0.181322 10.0159 0.17963 11.957C0.540581 13.898 1.4319 15.6811 2.74087 17.0806C4.04984 18.4802 5.71767 19.4334 7.53345 19.8198C9.34924 20.2061 11.2314 20.0082 12.942 19.2511C14.6526 18.494 16.1147 17.2117 17.1435 15.5664C18.1723 13.921 18.7215 11.9865 18.7218 10.0075C18.7221 8.6934 18.4802 7.39212 18.01 6.17798C17.5398 4.96383 16.8504 3.8606 15.9813 2.93128C15.1121 2.00197 14.0802 1.26478 12.9445 0.761825C11.8087 0.25887 10.5915 4.14933e-08 9.36212 8.74044e-08ZM18.1131 10.0061C18.1131 11.8565 17.5998 13.6653 16.6381 15.2038C15.6764 16.7423 14.3095 17.9415 12.7102 18.6496C11.111 19.3577 9.35118 19.5429 7.65341 19.1819C5.95564 18.821 4.39614 17.9299 3.17211 16.6215C1.94809 15.3131 1.11452 13.6461 0.776813 11.8313C0.439105 10.0165 0.612429 8.13544 1.27487 6.42593C1.9373 4.71643 3.0591 3.25529 4.4984 2.22729C5.9377 1.19929 7.62985 0.650592 9.36088 0.650592C10.5101 0.650592 11.648 0.892546 12.7097 1.36264C13.7715 1.83273 14.7362 2.52176 15.5488 3.39038C16.3614 4.25901 17.006 5.29021 17.4458 6.42512C17.8855 7.56002 18.1119 8.77641 18.1119 10.0048\",\n    fill: \"#F0F0F1\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M9.36251 4.07281V4.39811C10.7534 4.39986 12.0869 4.99127 13.0705 6.0426C14.054 7.09394 14.6073 8.51935 14.6089 10.0062H14.9132C14.9129 8.43264 14.328 6.92368 13.2871 5.81104C12.2462 4.6984 10.8345 4.07317 9.36251 4.07281ZM9.36251 15.6142C7.97126 15.6131 6.63726 15.022 5.65339 13.9706C4.66951 12.9191 4.11618 11.4933 4.11487 10.0062H3.81055C3.81055 10.7855 3.95415 11.5572 4.23316 12.2773C4.51218 12.9973 4.92113 13.6515 5.43668 14.2026C6.47787 15.3156 7.89004 15.9408 9.36251 15.9408\",\n    fill: \"#F0F0F1\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M13.8983 5.76148C14.022 5.90694 14.2076 6.14232 14.3115 6.29042L16.2054 5.00378C16.1102 4.87155 15.958 4.67055 15.8467 4.52906L14.6467 5.37801L14.5651 5.45338L14.6257 5.35817L15.1577 4.23154L14.7865 3.83483L13.7313 4.39683L13.6422 4.46162L13.714 4.37435L14.5082 3.09168C14.3684 2.95945 14.2336 2.84837 14.0628 2.70688L12.8555 4.71684C13.0076 4.84246 13.208 5.02626 13.3367 5.15189L14.4698 4.52377L14.5416 4.46691L14.4884 4.54361L13.8983 5.76148Z\",\n    fill: \"#F0F0F1\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M9.59764 3.19477L10.1147 1.95574L10.1444 1.85127L10.1358 1.96632L10.1902 3.62321C10.3708 3.64172 10.5613 3.66949 10.7444 3.70255L10.664 1.24035C10.4042 1.20994 10.1444 1.1901 9.88959 1.17688L9.37992 2.52963L9.36136 2.63013L9.34404 2.52963L8.83313 1.17688C8.57582 1.18878 8.31851 1.20994 8.05873 1.24035L7.97461 3.70255C8.16017 3.66949 8.34573 3.64172 8.53005 3.62321L8.58448 1.96632L8.57459 1.85127L8.60799 1.96235L9.12508 3.20138L9.59764 3.19477Z\",\n    fill: \"#F0F0F1\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M5.40319 5.15711C5.70256 4.82124 5.87204 4.43115 5.57267 4.05957C5.49035 3.9637 5.3819 3.89793 5.26268 3.87159C5.14346 3.84525 5.0195 3.85966 4.90837 3.91279L4.88486 3.92205L4.89229 3.90089C4.92161 3.78905 4.91903 3.6704 4.88487 3.56015C4.85071 3.44989 4.78652 3.35305 4.70054 3.28203C4.58345 3.18308 4.43438 3.13789 4.28612 3.15641C4.00531 3.18683 3.7913 3.39311 3.19874 4.09527C3.02184 4.30685 2.76329 4.6414 2.60742 4.85827L4.22551 6.49797C4.76239 5.86324 4.98135 5.62655 5.40319 5.1505V5.15711ZM3.29647 4.76041C3.5541 4.4209 3.83089 4.09853 4.1253 3.7951C4.17267 3.74321 4.2307 3.70382 4.29478 3.68006C4.3207 3.67255 4.34777 3.67069 4.37438 3.67458C4.40098 3.67848 4.42659 3.68805 4.44967 3.70273C4.47275 3.71741 4.49283 3.73689 4.50872 3.76003C4.52462 3.78317 4.536 3.80949 4.5422 3.83742C4.5465 3.89739 4.53754 3.95761 4.51605 4.0132C4.49456 4.06879 4.46114 4.11819 4.41849 4.15742C4.24654 4.36503 3.61439 5.07116 3.61439 5.07116L3.29647 4.76041ZM3.92985 5.40307L4.74631 4.48537C4.79857 4.41756 4.86134 4.35986 4.93187 4.31478C4.96466 4.29341 5.00233 4.2821 5.04073 4.2821C5.07914 4.2821 5.11681 4.29341 5.1496 4.31478C5.18223 4.33781 5.2076 4.37083 5.22239 4.40953C5.23717 4.44822 5.24069 4.49078 5.23248 4.53165C5.20043 4.63248 5.14562 4.72332 5.0729 4.79612C4.98878 4.89397 4.25767 5.72837 4.25767 5.72969L3.92985 5.40307Z\",\n    fill: \"#F0F0F1\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M9.3625 4.07281V10.0062H3.81055C3.80989 8.4337 4.39347 6.92532 5.43297 5.81268C6.47247 4.70004 7.88279 4.07422 9.35384 4.07281H9.3625Z\",\n    fill: \"#F0F0F1\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M14.9122 10.0062C14.9126 10.7852 14.7693 11.5566 14.4908 12.2765C14.2122 12.9963 13.8037 13.6504 13.2886 14.2015C12.7735 14.7526 12.1619 15.1898 11.4887 15.4883C10.8156 15.7867 10.094 15.9405 9.36523 15.9408V10.0062H14.9122Z\",\n    fill: \"#F0F0F1\"\n  }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n    id: \"clip0_5142_153707\"\n  }, /*#__PURE__*/React.createElement(\"rect\", {\n    width: 88,\n    height: 20.0123,\n    fill: \"white\"\n  })))));\n};\n\nvar ForwardRef = /*#__PURE__*/forwardRef(SvgBmw);\nexport { ForwardRef as ReactComponent };\nexport default __webpack_public_path__ + \"dist/build-client/static/media/BMW.fe7dc06ba0b35e5d1fd9fb92b1807c91.svg\";","var _path, _path2, _path3, _path4, _path5, _g, _path6, _path7, _g2, _path8, _path9;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _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); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\nimport { forwardRef } from \"react\";\n\nvar SvgTriumph = function SvgTriumph(_ref, ref) {\n  var title = _ref.title,\n      titleId = _ref.titleId,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 88,\n    height: 21,\n    viewBox: \"0 0 88 21\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: ref,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M48.125 13.3414V2.22354H46.3253C45.6553 2.22354 45.4176 2.58773 44.9857 3.24912L42.1975 7.54788L39.1147 2.22354H37.1781C36.5331 2.22354 36.4375 2.86117 36.4375 3.24199V13.3414H38.6553V6.01867L41.6626 10.9432H42.6052L45.759 6.04575V13.3414H48.125Z\",\n    fill: \"#F0F0F1\"\n  })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M53.448 8.06494V4.06773H54.3264C55.9451 4.06773 56.1867 5.16526 56.1867 5.81856C56.1867 7.96017 54.0219 8.06898 53.5878 8.06898C53.5384 8.06898 53.5111 8.06755 53.5111 8.06755L53.448 8.06494ZM53.5901 9.91269C53.9307 9.91269 55.1303 9.86898 56.2556 9.3005C57.7033 8.56928 58.4375 7.28906 58.4375 5.49642C58.4375 4.51221 58.0934 2.22354 54.9013 2.22354H51.5798C50.9666 2.22354 50.875 2.86234 50.875 3.24244V13.3414H53.448V9.91222H53.5138C53.5268 9.91222 53.551 9.91269 53.5901 9.91269Z\",\n    fill: \"#F0F0F1\"\n  })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M34.375 2.22354H32.436C31.8 2.22354 31.7049 2.88063 31.7049 3.27189V9.43704C31.7049 11.5007 30.727 11.9341 29.9058 11.9341C29.0855 11.9341 28.1072 11.5007 28.1072 9.43704V2.22354H26.1684C25.5326 2.22354 25.4375 2.88063 25.4375 3.27189V9.66911C25.4375 11.6827 26.2128 14.0826 29.9058 14.0826C33.5993 14.0826 34.375 11.6827 34.375 9.66911V2.22354Z\",\n    fill: \"#F0F0F1\"\n  })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M20.625 13.3414H23.375V2.22354H21.3785C20.7227 2.22354 20.625 2.86116 20.625 3.24197V13.3414Z\",\n    fill: \"#F0F0F1\"\n  })), /*#__PURE__*/React.createElement(\"mask\", {\n    id: \"mask0_5142_153719\",\n    style: {\n      maskType: \"alpha\"\n    },\n    maskUnits: \"userSpaceOnUse\",\n    x: 10,\n    y: 2,\n    width: 61,\n    height: 19\n  }, _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M10.5176 20.0124H70.1082V2.33762H10.5176V20.0124Z\",\n    fill: \"white\"\n  }))), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n    mask: \"url(#mask0_5142_153719)\"\n  }, /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M13.4404 8.0955C13.3884 8.0955 13.3594 8.09386 13.3594 8.09386L13.2926 8.09106V4.15533H14.2003C15.9267 4.15533 16.1841 5.23552 16.1841 5.87942C16.1841 7.98901 13.8991 8.0955 13.4404 8.0955ZM70.1082 13.2877V2.33762H68.1157C67.4615 2.33762 67.3633 2.9663 67.3633 3.34103V5.16998L67.3072 5.18168C66.039 5.44079 64.7593 5.95853 63.3925 6.76464L63.2883 6.82666V2.33762H61.2944C60.6402 2.33762 60.5422 2.9663 60.5422 3.34103V8.76749L60.5142 8.78926C60.0904 9.12818 59.6942 9.45984 59.3455 9.75172L59.2599 9.8231C52.1466 15.7458 45.0598 18.4164 36.2811 18.4805C36.1897 18.4819 36.0961 18.4819 36.0043 18.4819C31.9587 18.4822 28.0764 17.7692 24.7763 16.4194C20.9355 14.8484 18.0341 12.505 16.153 9.45305L16.1073 9.37886L16.1848 9.34375C17.7774 8.62963 18.5856 7.35728 18.5856 5.56297C18.5856 4.59302 18.2179 2.33879 14.813 2.33879H11.2695C10.6156 2.33879 10.5176 2.96794 10.5176 3.34197V13.2891H13.2926V9.909L13.365 9.91111C13.3661 9.91111 13.4252 9.91345 13.5281 9.91111L13.5618 9.91088L13.5839 9.93826C17.2002 14.5338 24.0729 20.0125 36.2806 20.0125C45.4143 20.0125 52.8626 17.3051 60.4288 11.2352L60.5422 11.1446V13.2877H63.2883V9.02519L63.3203 9.00319C64.7865 7.99954 66.0461 7.43756 67.2823 7.2372L67.3633 7.22433V13.2877H70.1082Z\",\n    fill: \"#F0F0F1\"\n  }))), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M9.62499 2.22354H0.761462C0.132111 2.22354 0 2.77782 0 3.24158V4.86735H3.38023V13.3414H6.22928V4.86735H8.84781C9.52386 4.86735 9.62499 4.22849 9.62499 3.84836V2.22354Z\",\n    fill: \"#F0F0F1\"\n  })), /*#__PURE__*/React.createElement(\"mask\", {\n    id: \"mask1_5142_153719\",\n    style: {\n      maskType: \"alpha\"\n    },\n    maskUnits: \"userSpaceOnUse\",\n    x: 72,\n    y: 0,\n    width: 16,\n    height: 16\n  }, _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M72.875 0H88V15.565H72.875V0H72.875Z\",\n    fill: \"white\"\n  }))), _g2 || (_g2 = /*#__PURE__*/React.createElement(\"g\", {\n    mask: \"url(#mask1_5142_153719)\"\n  }, /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M87.3069 2.18303L81.2502 14.3129C81.0223 14.7712 80.7793 14.9669 80.4374 14.9669C80.0956 14.9669 79.8526 14.7712 79.6249 14.3129L73.5682 2.18303C73.3952 1.82101 73.3492 1.43466 73.446 1.14962C73.523 0.920687 73.6806 0.758549 73.9143 0.667175C74.038 0.619502 74.1781 0.598397 74.3673 0.598397H86.5078C86.6966 0.598397 86.8371 0.619502 86.9608 0.667175C87.1943 0.758549 87.3519 0.920687 87.4293 1.14962C87.5257 1.43466 87.4801 1.82101 87.3069 2.18303ZM87.9943 1.32541C87.983 1.18736 87.9562 1.05526 87.9151 0.93335C87.8466 0.730739 87.7413 0.554945 87.6018 0.411429C87.471 0.276852 87.3119 0.17207 87.1288 0.100312L87.1255 0.099319C87.0312 0.0633159 86.9331 0.0379895 86.8265 0.0218502C86.7305 0.00744892 86.6263 0 86.5078 0H74.3673C74.249 0 74.1446 0.00744892 74.0486 0.0218502C73.9418 0.0379895 73.8439 0.0633159 73.7496 0.099319L73.7461 0.100312C73.5634 0.17207 73.4039 0.276852 73.2735 0.411429C73.1336 0.554945 73.0283 0.730739 72.9602 0.93335C72.9187 1.05526 72.8921 1.18736 72.8811 1.32541C72.8707 1.45229 72.8737 1.58414 72.8895 1.71797C72.9051 1.84485 72.9317 1.97396 72.9693 2.10134C73.006 2.22673 73.054 2.35063 73.1111 2.47081L73.1159 2.48049L79.1728 14.6106C79.2459 14.7576 79.3203 14.8825 79.3998 14.992C79.4433 15.0518 79.4889 15.1074 79.5354 15.1573C79.5845 15.2107 79.6364 15.2591 79.6898 15.3016C79.8007 15.391 79.9218 15.4585 80.0498 15.5022C80.1709 15.5442 80.3017 15.565 80.4374 15.565C80.5737 15.565 80.704 15.5442 80.8255 15.5022C80.9531 15.4585 81.0744 15.391 81.1855 15.3016C81.2387 15.2591 81.2906 15.2107 81.3395 15.1573C81.386 15.1074 81.4316 15.0518 81.4748 14.992C81.5548 14.8825 81.629 14.7576 81.7025 14.6106L87.7588 2.48049L87.764 2.47081C87.8211 2.35063 87.8691 2.22673 87.9058 2.10134C87.9434 1.97396 87.9703 1.84485 87.9854 1.71797C88.0012 1.58414 88.0042 1.45229 87.9943 1.32541Z\",\n    fill: \"#F0F0F1\"\n  }))), _path8 || (_path8 = /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M82.5881 5.99477L84.0096 6.85352L84.2992 6.29234L82.5881 5.31017H84.8054L85.25 4.44711H81.8125V11.1178L82.5881 9.61204V5.99477Z\",\n    fill: \"#F0F0F1\"\n  })), _path9 || (_path9 = /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M78.2868 5.99477L76.8651 6.85352L76.5757 6.29234L78.2868 5.31017H76.0696L75.625 4.44711H79.0625V11.1178L78.2868 9.61204V5.99477Z\",\n    fill: \"#F0F0F1\"\n  })));\n};\n\nvar ForwardRef = /*#__PURE__*/forwardRef(SvgTriumph);\nexport { ForwardRef as ReactComponent };\nexport default __webpack_public_path__ + \"dist/build-client/static/media/Triumph.0585e7f2eb3053e0be9b80ebb113d1ac.svg\";","import { styled } from 'stitches.config';\r\n\r\ntype PropTypes = {\r\n  number: number;\r\n};\r\n\r\nconst StepCircle = ({ number }: PropTypes) => {\r\n  return <StepCircleContainer>{number}</StepCircleContainer>;\r\n};\r\n\r\nconst StepCircleContainer = styled('div', {\r\n  backgroundColor: '$primary4',\r\n  w: 8,\r\n  h: 8,\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  justifyContent: 'center',\r\n  br: '50%',\r\n  fontFamily: '$fontPrimary400',\r\n  letterSpacing: '$ls1',\r\n  fs: 8,\r\n  lineHeight: '$lh125',\r\n});\r\n\r\nexport default StepCircle;\r\n","import { H2, H3 } from 'Atoms/Typography/Headings/Heading';\r\nimport Modal from 'Organisms/Modal/Modal';\r\nimport { useEffect, useRef, useState } from 'react';\r\nimport {\r\n  GetBrands,\r\n  GetModels,\r\n  GetYears,\r\n} from 'Shared/MotorcycleModel/MotorcycleModel';\r\nimport { useTranslationData } from 'Shared/Providers/TranslationProvider';\r\nimport BMW from '../../Shared/Images/brands/BMW.svg';\r\nimport KTM from '../../Shared/Images/brands/KTM.svg';\r\nimport Triumph from '../../Shared/Images/brands/Triumph.svg';\r\nimport { styled } from 'stitches.config';\r\nimport StepCircle from '../../Pages/AccountPage/AccountTab/AccountGarage/StepCircle';\r\nimport SingleOptionCard from 'Organisms/SingleOptionCard/SingleOptionCard';\r\nimport RadioButton from 'Atoms/RadioButton/RadioButton';\r\nimport LoadingCircle from 'Atoms/Loaders/LoadingCircle';\r\nimport MyGarageBikeModel from 'Models/MyGarage/MyGarageBikeModel.interface';\r\nimport { ENUM_KTM, ENUM_BMW, ENUM_TRIUMPH } from 'Shared/Constants/brand';\r\nimport Button from 'Atoms/Buttons/Button';\r\n\r\ntype PropTypes = {\r\n  showModal: boolean;\r\n  setShowModal: (arg: boolean) => void;\r\n  handleAdd: (selected: SelectedType) => void;\r\n  buttonText: string;\r\n};\r\n\r\nexport type SelectedType = {\r\n  brand: string;\r\n  year: string;\r\n  model: string;\r\n  modelName: string;\r\n};\r\n\r\nconst INITIAL_SELECTED_STATE = {\r\n  brand: '',\r\n  year: '',\r\n  model: '',\r\n  modelName: '',\r\n};\r\n\r\nconst renderBrandLogo = (currentBrand: string) => {\r\n  switch (currentBrand) {\r\n    case ENUM_BMW:\r\n      return BMW;\r\n    case ENUM_KTM:\r\n      return KTM;\r\n    case ENUM_TRIUMPH:\r\n      return Triumph;\r\n    default:\r\n      return undefined;\r\n  }\r\n};\r\n\r\nconst AddMotorcycleModal = ({\r\n  showModal,\r\n  setShowModal,\r\n  handleAdd,\r\n  buttonText,\r\n}: PropTypes) => {\r\n  const [brands, setBrands] = useState<string[]>([]);\r\n  const [years, setYears] = useState<string[]>([]);\r\n  const [models, setModels] = useState<MyGarageBikeModel[]>([]);\r\n\r\n  const [pending, setPending] = useState<boolean>(false);\r\n\r\n  const yearRef = useRef<HTMLButtonElement>(null);\r\n  const modelRef = useRef<HTMLButtonElement>(null);\r\n\r\n  const [selected, setSelected] = useState<SelectedType>(\r\n    INITIAL_SELECTED_STATE\r\n  );\r\n\r\n  const {\r\n    myGarageLabels: { addBike },\r\n    motorcycleModelFinderLabels: { brand, year, model },\r\n  } = useTranslationData();\r\n\r\n  useEffect(() => {\r\n    async function getBrands() {\r\n      setPending(true);\r\n\r\n      const res = await GetBrands();\r\n      setBrands(res.brands);\r\n\r\n      setPending(false);\r\n    }\r\n\r\n    getBrands();\r\n  }, []);\r\n\r\n  const handleBrandClick = async (item: string) => {\r\n    setPending(true);\r\n\r\n    const res = await GetYears(item);\r\n\r\n    setYears(res.years);\r\n\r\n    setSelected({ brand: item, year: '', model: '', modelName: '' });\r\n\r\n    yearRef.current?.scrollIntoView({ behavior: 'smooth' });\r\n\r\n    setPending(false);\r\n  };\r\n\r\n  const handleYearClick = async (item: string) => {\r\n    setPending(true);\r\n\r\n    const res = await GetModels(selected.brand, item);\r\n    setModels(res.models);\r\n\r\n    setSelected({ ...selected, year: item, model: '' });\r\n\r\n    modelRef.current?.scrollIntoView({ behavior: 'smooth' });\r\n\r\n    setPending(false);\r\n  };\r\n\r\n  const resetSelectedState = () => {\r\n    setSelected(INITIAL_SELECTED_STATE);\r\n  };\r\n\r\n  const hasSelectedBrand = selected.brand !== '';\r\n  const hasSelectedYear = selected.year !== '';\r\n  const hasSelectedModel = selected.model !== '';\r\n\r\n  return (\r\n    <>\r\n      <Modal\r\n        showModal={showModal}\r\n        toggle={() => setShowModal(!showModal)}\r\n        noPadding\r\n      >\r\n        <ModalContent>\r\n          <Section>\r\n            <H2 css={{ mb: 8 }}>{addBike}</H2>\r\n          </Section>\r\n\r\n          <StepHeader>\r\n            <StepCircle number={1} /> <H3 noMargin>{brand}</H3>\r\n          </StepHeader>\r\n          <StepContent css={{ py: 8 }}>\r\n            {brands.map((item, index) => (\r\n              <SingleOptionCard\r\n                key={item + index}\r\n                isActive={selected.brand === item}\r\n                content={\r\n                  <BrandHeader>\r\n                    <BrandImage src={renderBrandLogo(item)} />\r\n                  </BrandHeader>\r\n                }\r\n                radioBg=\"secondary\"\r\n                onClick={() => handleBrandClick(item)}\r\n              />\r\n            ))}\r\n          </StepContent>\r\n\r\n          <StepHeader inactive={!hasSelectedBrand} ref={yearRef}>\r\n            <StepCircle number={2} /> <H3 noMargin>{year}</H3>\r\n          </StepHeader>\r\n          {hasSelectedBrand && (\r\n            <StepContent>\r\n              {years.map((item, index) => (\r\n                <RadioButton\r\n                  key={item + index}\r\n                  text={item}\r\n                  isChecked={selected.year === item}\r\n                  onChange={() => handleYearClick(item)}\r\n                />\r\n              ))}\r\n            </StepContent>\r\n          )}\r\n\r\n          <StepHeader inactive={!hasSelectedYear} ref={modelRef}>\r\n            <StepCircle number={3} /> <H3 noMargin>{model}</H3>\r\n          </StepHeader>\r\n          {hasSelectedYear && (\r\n            <StepContent>\r\n              {models.map((item, index) => (\r\n                <RadioButton\r\n                  key={item.modelId + index}\r\n                  text={item.modelName}\r\n                  isChecked={selected.model === item.modelId}\r\n                  onChange={() => {\r\n                    setSelected({\r\n                      ...selected,\r\n                      model: item.modelId,\r\n                      modelName: item.modelName,\r\n                    });\r\n                  }}\r\n                />\r\n              ))}\r\n            </StepContent>\r\n          )}\r\n\r\n          {pending && (\r\n            <LoadingContainer>\r\n              <LoadingCircle />\r\n            </LoadingContainer>\r\n          )}\r\n        </ModalContent>\r\n\r\n        <ModalCTA>\r\n          <Button\r\n            onClick={() => {\r\n              handleAdd(selected);\r\n\r\n              setShowModal(false);\r\n\r\n              resetSelectedState();\r\n            }}\r\n            type=\"secondary\"\r\n            fullWidth\r\n            disabled={\r\n              !hasSelectedBrand || !hasSelectedYear || !hasSelectedModel\r\n            }\r\n          >\r\n            {buttonText}\r\n          </Button>\r\n        </ModalCTA>\r\n      </Modal>\r\n    </>\r\n  );\r\n};\r\n\r\nconst StepHeader = styled('button', {\r\n  backgroundColor: '$primary3',\r\n  display: 'inline-flex',\r\n  alignItems: 'center',\r\n  width: '100%',\r\n  py: 6,\r\n  px: 4,\r\n  gap: 16,\r\n  '@mediaMinLarge': {\r\n    p: 8,\r\n  },\r\n  mb: 2,\r\n  variants: {\r\n    inactive: {\r\n      true: {\r\n        opacity: 0.5,\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nconst StepContent = styled('div', {\r\n  px: 4,\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  gap: 16,\r\n  pt: 6,\r\n  pb: 8,\r\n  '@mediaMinLarge': {\r\n    px: 6,\r\n  },\r\n});\r\n\r\nconst BrandHeader = styled('div', {\r\n  backgroundColor: '$primary3',\r\n  display: 'inline-flex',\r\n  alignItems: 'center',\r\n  width: '100%',\r\n  height: '64px',\r\n  py: 6,\r\n  px: 4,\r\n  gap: 16,\r\n  '@mediaMinLarge': {\r\n    px: 6,\r\n  },\r\n});\r\n\r\nconst BrandImage = styled('img', {\r\n  width: 88,\r\n  objectFit: 'contain',\r\n});\r\n\r\nconst Section = styled('div', {\r\n  pt: 4,\r\n  px: 4,\r\n});\r\n\r\nconst LoadingContainer = styled('div', {\r\n  display: 'flex',\r\n  justifyContent: 'center',\r\n});\r\n\r\nconst ModalCTA = styled('div', {\r\n  p: 4,\r\n  position: 'absolute',\r\n  bottom: 0,\r\n  right: 0,\r\n  left: 0,\r\n  backgroundColor: '$primary4',\r\n  '@mediaMinLarge': {\r\n    px: 6,\r\n    py: 8,\r\n  },\r\n});\r\n\r\nconst ModalContent = styled('div', {\r\n  height: '85vh',\r\n  overflowY: 'auto',\r\n  scrollbarWidth: 'none',\r\n  '&::-webkit-scrollbar': {\r\n    WebkitAppearance: 'none',\r\n    display: 'none',\r\n  },\r\n  '&::scrollbar': {\r\n    display: 'none',\r\n  },\r\n});\r\n\r\nexport default AddMotorcycleModal;\r\n","import RadioButton from '../../Atoms/RadioButton/RadioButton';\r\nimport { animation, timings } from 'Theme/Settings/animation';\r\n\r\nimport { styled } from 'stitches.config';\r\n\r\ntype PropType = {\r\n  image?: JSX.Element;\r\n  content: JSX.Element;\r\n  onClick: () => void;\r\n  isActive: boolean;\r\n  radioBg?: 'main' | 'secondary';\r\n  isError?: boolean;\r\n};\r\n\r\nconst SingleOptionCard = ({\r\n  image,\r\n  content,\r\n  onClick,\r\n  isActive,\r\n  radioBg = 'main',\r\n  isError = false,\r\n}: PropType) => {\r\n  return (\r\n    <SingleOptionCardContainer\r\n      onClick={(e) => {\r\n        e.preventDefault();\r\n        onClick();\r\n      }}\r\n      isActive={isActive}\r\n      isError={isError}\r\n    >\r\n      {image}\r\n      <SingleOptionCardContent>\r\n        {content}\r\n        <SingleOptionCardRadio radioBg={radioBg}>\r\n          <RadioButton\r\n            css={{ mr: 0 }}\r\n            isChecked={isActive}\r\n            onChange={() => {}}\r\n            radioBackgroundColor=\"primary3\"\r\n          />\r\n        </SingleOptionCardRadio>\r\n      </SingleOptionCardContent>\r\n    </SingleOptionCardContainer>\r\n  );\r\n};\r\n\r\nconst SingleOptionCardContainer = styled('button', {\r\n  display: 'flex',\r\n  flexDirection: 'row',\r\n  alignItems: 'stretch',\r\n  width: '100%',\r\n  borderWidth: '1px',\r\n  borderColor: 'transparent',\r\n  transition: `border ${timings.oneFifth} ${animation.timingFn}`,\r\n  variants: {\r\n    isActive: {\r\n      true: {\r\n        borderColor: '$JE68GreenPrimary',\r\n      },\r\n    },\r\n    isError: {\r\n      true: {\r\n        borderColor: '$errorColor',\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nconst SingleOptionCardContent = styled('div', {\r\n  display: 'flex',\r\n  justifyContent: 'space-between',\r\n  width: '100%',\r\n});\r\n\r\nconst SingleOptionCardRadio = styled('div', {\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  px: 6,\r\n  variants: {\r\n    radioBg: {\r\n      main: {\r\n        backgroundColor: '$primary3',\r\n      },\r\n      secondary: {\r\n        backgroundColor: '$primary2',\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nexport default SingleOptionCard;\r\n","export const ENUM_KTM = 'KTM';\r\nexport const ENUM_BMW = 'BMW';\r\nexport const ENUM_TRIUMPH = 'Triumph';\r\n","import { updateUserState } from 'Shared/Hooks/useQueryUserState';\r\n\r\nconst myGarageApiUrl = '/MyGarage';\r\n\r\nexport async function AddBike(brand: string, year: string, modelId: string) {\r\n  const res = await fetch(\r\n    `${myGarageApiUrl}/AddBike?modelId=${modelId}&brand=${brand}&year=${year}`,\r\n    {\r\n      method: 'PUT',\r\n      headers: { 'Content-Type': 'application/json' },\r\n    }\r\n  );\r\n\r\n  if (res.ok) {\r\n    return await res.json();\r\n  }\r\n}\r\n\r\nexport async function GetBikes() {\r\n  const res = await fetch(`${myGarageApiUrl}/GetBikes`, {\r\n    method: 'GET',\r\n    headers: { 'Content-Type': 'application/json' },\r\n  });\r\n\r\n  if (res.ok) {\r\n    return await res.json();\r\n  }\r\n}\r\n\r\nexport async function RemoveBike(id: string) {\r\n  const res = await fetch(`${myGarageApiUrl}/RemoveBike?id=${id}`, {\r\n    method: 'DELETE',\r\n    headers: { 'Content-Type': 'application/json' },\r\n  });\r\n\r\n  if (res.ok) {\r\n    return await res.json();\r\n  }\r\n}\r\n\r\nexport async function SetPrimaryBike(id: string) {\r\n  const res = await fetch(`${myGarageApiUrl}/SetPrimaryBike?id=${id}`, {\r\n    method: 'PATCH',\r\n    headers: { 'Content-Type': 'application/json' },\r\n  });\r\n\r\n  if (res.ok) {\r\n    // since primary bike is stored in userstate, we'll need to update it also to reflect changes in UI\r\n    updateUserState();\r\n\r\n    return await res.json();\r\n  }\r\n}\r\n\r\nexport async function GetPrimaryBike() {\r\n  const res = await fetch(`${myGarageApiUrl}/GetPrimaryBike`, {\r\n    method: 'GET',\r\n    headers: { 'Content-Type': 'application/json' },\r\n  });\r\n\r\n  if (res.ok) {\r\n    return await res.json();\r\n  }\r\n}\r\n\r\nexport async function UnsetPrimaryBike() {\r\n  const res = await fetch(`${myGarageApiUrl}/UnsetPrimaryBike`, {\r\n    method: 'PATCH',\r\n    headers: { 'Content-Type': 'application/json' },\r\n  });\r\n\r\n  if (res.ok) {\r\n    return;\r\n  }\r\n}\r\n"],"names":["motorcycleModelApiUrl","GetBrands","fetch","method","headers","res","ok","json","GetYears","brand","GetModels","year","StepCircleContainer","styled","backgroundColor","w","h","display","alignItems","justifyContent","br","fontFamily","letterSpacing","fs","lineHeight","number","INITIAL_SELECTED_STATE","model","modelName","renderBrandLogo","currentBrand","ENUM_BMW","BMW","ENUM_KTM","KTM","ENUM_TRIUMPH","Triumph","StepHeader","width","py","px","gap","p","mb","variants","inactive","true","opacity","StepContent","flexDirection","pt","pb","BrandHeader","height","BrandImage","objectFit","Section","LoadingContainer","ModalCTA","position","bottom","right","left","ModalContent","overflowY","scrollbarWidth","WebkitAppearance","showModal","setShowModal","handleAdd","buttonText","useState","brands","setBrands","years","setYears","models","setModels","pending","setPending","yearRef","useRef","modelRef","selected","setSelected","useTranslationData","addBike","myGarageLabels","motorcycleModelFinderLabels","useEffect","getBrands","handleBrandClick","item","current","scrollIntoView","behavior","handleYearClick","hasSelectedBrand","hasSelectedYear","hasSelectedModel","Modal","toggle","noPadding","H2","css","H3","noMargin","map","index","SingleOptionCard","isActive","content","src","radioBg","onClick","ref","RadioButton","text","isChecked","onChange","modelId","LoadingCircle","Button","type","fullWidth","disabled","SingleOptionCardContainer","borderWidth","borderColor","transition","timings","animation","isError","SingleOptionCardContent","SingleOptionCardRadio","main","secondary","image","e","preventDefault","mr","radioBackgroundColor","myGarageApiUrl","AddBike","GetBikes","RemoveBike","id","SetPrimaryBike","updateUserState"],"sourceRoot":""}