wpcb�webpack/lib/cache/PackFileCacheStrategy�PackContentItems�`j�Compilation/modules|D:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\node_modules\babel-loader\lib\index.js??ruleSet[1].rules[1].oneOf[3]!D:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\node_modules\source-map-loader\dist\cjs.js!D:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src\CartContext.js�FlagDependencyExportsPlugin|D:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\node_modules\babel-loader\lib\index.js??ruleSet[1].rules[1].oneOf[3]!D:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\node_modules\source-map-loader\dist\cjs.js!D:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src\CartContext.js�Compilation/codeGeneration|D:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\node_modules\babel-loader\lib\index.js??ruleSet[1].rules[1].oneOf[3]!D:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\node_modules\source-map-loader\dist\cjs.js!D:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src\CartContext.js|main�SourceMapDevToolPlugin|main.6357e9902a4a25381c9a.hot-update.js�SourceMapDevToolPlugin|main.fdfc526247bf89b0eb7d.hot-update.js�SourceMapDevToolPlugin|main.9a9c18904897d646707f.hot-update.js�SourceMapDevToolPlugin|main.0abe12247f0c4724af2c.hot-update.js�SourceMapDevToolPlugin|main.1864559d4e0517182e65.hot-update.js�SourceMapDevToolPlugin|main.b8f013d7c1e40502f134.hot-update.js�SourceMapDevToolPlugin|main.e5084e933e953c66f119.hot-update.js�SourceMapDevToolPlugin|main.758fd7c781448cfc5645.hot-update.js�SourceMapDevToolPlugin|main.9d4b24a1f413213e4671.hot-update.js�SourceMapDevToolPlugin|main.8a70b097e42c06064434.hot-update.js�ResolverCachePlugin|normal|default|dependencyType=|esm|path=|D:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src\pages|request=|./Favorites.css�ResolverCachePlugin|normal|default|dependencyType=|esm|path=|D:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src\components|request=|./Header.css�SourceMapDevToolPlugin|main.86683b62e23f60bb9d09.hot-update.js�SourceMapDevToolPlugin|main.ee5cbd90eae9c9fb1f26.hot-update.js�SourceMapDevToolPlugin|main.f427d6829f3f98bd04c3.hot-update.js�SourceMapDevToolPlugin|main.e8e7fc84a36ac3213e1f.hot-update.js�SourceMapDevToolPlugin|main.bf65a7a9bad76ee1ad01.hot-update.js�SourceMapDevToolPlugin|main.d2a7febbeb0841caf7d0.hot-update.js�SourceMapDevToolPlugin|main.07e246abfa2e027a327e.hot-update.js�SourceMapDevToolPlugin|main.295fb350d93aa8e3d0b7.hot-update.js�SourceMapDevToolPlugin|main.5bf23a6e253be0201e00.hot-update.js�SourceMapDevToolPlugin|main.ab4d7c3744c1258bcca7.hot-update.js�SourceMapDevToolPlugin|main.732ca948e7ce7dc7b897.hot-update.js�SourceMapDevToolPlugin|main.89644597273746e8879e.hot-update.js�SourceMapDevToolPlugin|main.67b1e2d19b9f741fd675.hot-update.js�SourceMapDevToolPlugin|main.f3bb8683b8cd55d933ce.hot-update.js�SourceMapDevToolPlugin|main.92e24e2b430e87e03598.hot-update.js�SourceMapDevToolPlugin|main.553febc9d5a4531186bc.hot-update.js�SourceMapDevToolPlugin|main.56361387cc61cde2c5cf.hot-update.js�SourceMapDevToolPlugin|main.ef3919a17627e51078e5.hot-update.js�SourceMapDevToolPlugin|main.7e7057b23907881ac8ba.hot-update.js�SourceMapDevToolPlugin|main.5c280958a04d75d1bdd6.hot-update.js�SourceMapDevToolPlugin|main.c13363e0f3ab3969c075.hot-update.js�ResolverCachePlugin|normal|default|dependencyType=|esm|path=|D:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src\pages|request=|./Catalog.css�SourceMapDevToolPlugin|main.e7887702ef02da7da1e9.hot-update.js�SourceMapDevToolPlugin|main.13ea80ce6458ebbec4ea.hot-update.js�SourceMapDevToolPlugin|main.2e077d188f5d52aa8572.hot-update.js�SourceMapDevToolPlugin|main.e8e48bce9239d51b43a2.hot-update.js�ResolverCachePlugin|normal|default|dependencyType=|esm|path=|D:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src\pages|request=|./Cart.css�SourceMapDevToolPlugin|main.958ee7fa9560a98f9335.hot-update.js�SourceMapDevToolPlugin|main.c04ce9cff37bdb0635a3.hot-update.js�SourceMapDevToolPlugin|main.2ae9501ab360860d46ae.hot-update.js�SourceMapDevToolPlugin|main.ae969287048c0b14f352.hot-update.js�SourceMapDevToolPlugin|main.68e2e05a8e00d66eef90.hot-update.js�SourceMapDevToolPlugin|main.3cedaab90163b3d074a1.hot-update.js�SourceMapDevToolPlugin|main.e3714b7df22d40a7555e.hot-update.js�SourceMapDevToolPlugin|main.1fc6e4f9c308dc45c563.hot-update.js�SourceMapDevToolPlugin|main.38a70e359f457121c446.hot-update.js�SourceMapDevToolPlugin|main.6411fdc51af089415db7.hot-update.js�SourceMapDevToolPlugin|main.3cc068e4e1f639faaf11.hot-update.js�SourceMapDevToolPlugin|main.273376769efa41289591.hot-update.js�SourceMapDevToolPlugin|main.c24a6a0678366a2b9ffb.hot-update.js�SourceMapDevToolPlugin|main.92988e584a7fa4308ed2.hot-update.js�SourceMapDevToolPlugin|main.1c0077d50b7e12aa5245.hot-update.js�SourceMapDevToolPlugin|main.9f2b5eecf31cdbcfbc5d.hot-update.js�SourceMapDevToolPlugin|main.a6c6026a20d88f1c70c5.hot-update.js�SourceMapDevToolPlugin|main.ff85e766f16652e989cd.hot-update.js�SourceMapDevToolPlugin|main.6aa38335850ba0dcbb58.hot-update.js�SourceMapDevToolPlugin|main.d5e8318ba4894701bebb.hot-update.js�SourceMapDevToolPlugin|main.b2b4c5a87e4384cdaafc.hot-update.js�SourceMapDevToolPlugin|main.41d833c13cdce027ca1b.hot-update.js�SourceMapDevToolPlugin|main.3c4bfb92f4b82a6b1d85.hot-update.js�SourceMapDevToolPlugin|main.c83589fab2258de492d6.hot-update.js�SourceMapDevToolPlugin|main.764ccb60b48b2a0277a3.hot-update.js�SourceMapDevToolPlugin|main.0900fc2f352810d0b43b.hot-update.js�SourceMapDevToolPlugin|main.2fc18daf705418ee4572.hot-update.js�SourceMapDevToolPlugin|main.e9314ba091a8eaf405e6.hot-update.js�SourceMapDevToolPlugin|main.a7468982c1057011a8cb.hot-update.js�SourceMapDevToolPlugin|main.a936310391e8b0b36c82.hot-update.js�SourceMapDevToolPlugin|main.f33bb71637407a201886.hot-update.js�SourceMapDevToolPlugin|main.c6515c20ea47203aa894.hot-update.js�SourceMapDevToolPlugin|main.b076acba8e64868a2ecf.hot-update.js�SourceMapDevToolPlugin|main.33bc08dee868e5766feb.hot-update.js�SourceMapDevToolPlugin|main.371204ba5ad8dad60ce4.hot-update.js�SourceMapDevToolPlugin|main.2edc61529404a3dacfaa.hot-update.js�ResolverCachePlugin|normal|default|dependencyType=|esm|path=|D:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src|request=|./CartContext�ResolverCachePlugin|normal|default|dependencyType=|esm|path=|D:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src\pages|request=|../CartContext�SourceMapDevToolPlugin|main.152abccf6c2b9472130c.hot-update.js�SourceMapDevToolPlugin|main.186b9cab17e4cfc3c2bf.hot-update.js�SourceMapDevToolPlugin|main.6593386059125ab683a3.hot-update.js�SourceMapDevToolPlugin|main.ec4be77c8b47849343a5.hot-update.js�SourceMapDevToolPlugin|main.a3ff4ec16fb915a62283.hot-update.js�SourceMapDevToolPlugin|main.8bcb0d9cedf97b290ed1.hot-update.js�SourceMapDevToolPlugin|main.da36dc3b1467a7e60a8f.hot-update.js�SourceMapDevToolPlugin|main.6422fee51f47bc3aa19c.hot-update.js�SourceMapDevToolPlugin|main.0785b5174884904c5fe9.hot-update.js�SourceMapDevToolPlugin|main.85496a5e006eb003394f.hot-update.js�SourceMapDevToolPlugin|main.7f282df06a6423e85501.hot-update.js�SourceMapDevToolPlugin|main.68e1558992288569a41c.hot-update.js�SourceMapDevToolPlugin|main.f3c94d918127b5d03251.hot-update.js�SourceMapDevToolPlugin|main.cc69e9c4e802f2e8c846.hot-update.js�SourceMapDevToolPlugin|main.b2a93587e73b74d0e9a2.hot-update.js�SourceMapDevToolPlugin|main.30fa12f18fe84e157d6d.hot-update.js�SourceMapDevToolPlugin|main.3a1c4ff7aa738c069c7a.hot-update.js�SourceMapDevToolPlugin|main.4f48a94e3b3fa15adfde.hot-update.js�SourceMapDevToolPlugin|main.e965a90b200ca553c2eb.hot-update.js�SourceMapDevToolPlugin|main.981aa4692312e5528102.hot-update.js�SourceMapDevToolPlugin|main.3ef83defcc92e576df33.hot-update.js�SourceMapDevToolPlugin|main.00eae48f742610a53ddc.hot-update.js�SourceMapDevToolPlugin|main.61f5843e23af5417bfaa.hot-update.js�SourceMapDevToolPlugin|main.623eec13f979460dd40c.hot-update.js�SourceMapDevToolPlugin|main.8d85bf9c07bff83f1148.hot-update.js�SourceMapDevToolPlugin|main.c9577ade612b6ddd8ced.hot-update.js�webpack/lib/NormalModule�webpack/lib/util/registerExternalSerializer�webpack-sources/SourceMapSource��__webpack_require__.$Refresh$.runtime = require('D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-refresh/runtime.js'); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\CartContext.js", _s = $RefreshSig$(), _s2 = $RefreshSig$(); import React, { createContext, useContext, useState } from 'react'; import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime"; const CartContext = /*#__PURE__*/createContext(); export const useCart = () => { _s(); return useContext(CartContext); }; _s(useCart, "gDsCjeeItUuvgOWf1v4qoK9RF6k="); export const CartProvider = ({ children }) => { _s2(); const [cartItems, setCartItems] = useState([]); const addToCart = product => { setCartItems(prevItems => [...prevItems, product]); }; return /*#__PURE__*/_jsxDEV(CartContext.Provider, { value: { cartItems, addToCart }, children: children }, void 0, false, { fileName: _jsxFileName, lineNumber: 15, columnNumber: 5 }, this); }; _s2(CartProvider, "jeyeRm/hZ/3zvXF4PAYTLSHDNRs="); _c = CartProvider; var _c; $RefreshReg$(_c, "CartProvider"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (module.hot) { let errorOverlay; if (typeof __react_refresh_error_overlay__ !== 'undefined') { errorOverlay = __react_refresh_error_overlay__; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); }�webpack://./node_modules/babel-loader/lib/index.js??ruleSet[1].rules[1].oneOf[3]!./node_modules/source-map-loader/dist/cjs.js!./src/CartContext.js�{"version":3,"sources":["webpack://./src/CartContext.js"],"names":["React","createContext","useContext","useState","jsxDEV","_jsxDEV","CartContext","useCart","_s","CartProvider","children","_s2","cartItems","setCartItems","addToCart","product","prevItems","Provider","value","fileName","_jsxFileName","lineNumber","columnNumber","_c","$RefreshReg$"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,OAAO;AAAC,SAAAC,MAAA,IAAAC,OAAA;AAEnE,MAAMC,WAAW,gBAAGL,aAAa,CAAC,CAAC;AAEnC,OAAO,MAAMM,OAAO,GAAGA,CAAA;EAAAC,EAAA;EAAA,OAAMN,UAAU,CAACI,WAAW,CAAC;AAAA;AAACE,EAAA,CAAxCD,OAAO;AAEpB,OAAO,MAAME,YAAY,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EAAAC,GAAA;EAC5C,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGV,QAAQ,CAAC,EAAE,CAAC;EAE9C,MAAMW,SAAS,GAAIC,OAAO,IAAK;IAC7BF,YAAY,CAAEG,SAAS,IAAK,CAAC,GAAGA,SAAS,EAAED,OAAO,CAAC,CAAC;EACtD,CAAC;EAED,oBACEV,OAAA,CAACC,WAAW,CAACW,QAAQ;IAACC,KAAK,EAAE;MAAEN,SAAS;MAAEE;IAAU,CAAE;IAAAJ,QAAA,EACnDA;EAAQ;IAAAS,QAAA,EAAAC,YAAA;IAAAC,UAAA;IAAAC,YAAA;EAAA,OACW,CAAC;AAE3B,CAAC;AAACX,GAAA,CAZWF,YAAY;AAAAc,EAAA,GAAZd,YAAY;AAAA,IAAAc,EAAA;AAAAC,YAAA,CAAAD,EAAA,kB","sourcesContent":["import React, { createContext, useContext, useState } from 'react';\r\n\r\nconst CartContext = createContext();\r\n\r\nexport const useCart = () => useContext(CartContext);\r\n\r\nexport const CartProvider = ({ children }) => {\r\n const [cartItems, setCartItems] = useState([]);\r\n\r\n const addToCart = (product) => {\r\n setCartItems((prevItems) => [...prevItems, product]);\r\n };\r\n\r\n return (\r\n \r\n {children}\r\n \r\n );\r\n};\r\n"],"file":"x"}��exportsType�namespace �javascript/autocD:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src �`�cacheable�parsed�fileDependencies�contextDependencies�missingDependencies�buildDependencies�valueDependencies�hash�assets�assetsInfo�strict�exportsArgument�moduleConcatenationBailout�topLevelDeclarations�snapshot�webpack/lib/util/LazySet�D:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\node_modules\@pmmmwh\react-refresh-webpack-plugin\loader\index.js�D:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\node_modules\babel-loader\lib\index.js�D:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\node_modules\source-map-loader\dist\cjs.js�webpack/DefinePlugin_hash�webpack/DefinePlugin $RefreshSig$�webpack/DefinePlugin $RefreshReg$�webpack/DefinePlugin __react_refresh_error_overlay__�1045278a�__webpack_require__.$Refresh$.signature�__webpack_require__.$Refresh$.register�false�1f8077efadc510a3c5bb22cf2c0ec7e2�__webpack_exports__�Hot Module Replacement� �_jsxFileName�_s�_s2�_c�$ReactRefreshModuleRuntime$�CartContext�useCart�CartProvider�$ReactRefreshModuleId$�$ReactRefreshCurrentExports$�webpack/lib/FileSystemInfo�Snapshot ��yBrD:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src\CartContext.js�safeTime�accuracy�timestamp �ᴼyB �ᴼyB`�webpack/lib/dependencies/HarmonyCompatibilityDependency d��webpack/lib/dependencies/ConstDependency�A� `C�AL `:�webpack/lib/dependencies/HarmonyExportHeaderDependencyA��A� aA��A�� c!�webpack/lib/dependencies/RequireHeaderDependency a(/ a(@��__webpack_require__ `� `� A�� `� A�� `�undefined A�� c � A�� c%%� A>Q� c''2�true A c-=� A.d c/1� Az� c001�module.hot Aku�module c99 `�webpack/lib/dependencies/CommonJsRequireDependency�D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-refresh/runtime.js� `0@� a(@��webpack/lib/dependencies/HarmonyImportSideEffectDependency�react� `C�react/jsx-dev-runtime� `:�webpack/lib/dependencies/HarmonyImportSpecifierDependencya�createContext�An{�� b!.�webpack/lib/dependencies/HarmonyExportSpecifierDependency`�� a �useContext� A�� c �� c! �useState� AW_ �� c$, �jsxDEV�_jsxDEV A�� c�webpack/lib/dependencies/ProvidedDependency�__react_refresh_utils__�D:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\node_modules\@pmmmwh\react-refresh-webpack-plugin\lib\runtime\RefreshUtils.js�A�� c(%(<��A0 c6 6 �webpack/lib/ModuleGraph�RestoreProvidedData�name�provided�canMangleProvide�terminalBinding�exportsInfo�� sources�runtimeRequirements�datap��javascript�webpack/lib/util/registerExternalSerializer�webpack-sources/CachedSourceS�webpack/lib/util/registerExternalSerializer�webpack-sources/ConcatSource��webpack/lib/util/registerExternalSerializer�webpack-sources/RawSource�__webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ CartProvider: () => (/* binding */ CartProvider), /* harmony export */ useCart: () => (/* binding */ useCart) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); �webpack/lib/util/registerExternalSerializer�webpack-sources/ReplaceSource�webpack/lib/util/registerExternalSerializer�webpack-sources/SourceMapSource�__webpack_require__.$Refresh$.runtime = require('D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-refresh/runtime.js'); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\CartContext.js", _s = $RefreshSig$(), _s2 = $RefreshSig$(); import React, { createContext, useContext, useState } from 'react'; import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime"; const CartContext = /*#__PURE__*/createContext(); export const useCart = () => { _s(); return useContext(CartContext); }; _s(useCart, "gDsCjeeItUuvgOWf1v4qoK9RF6k="); export const CartProvider = ({ children }) => { _s2(); const [cartItems, setCartItems] = useState([]); const addToCart = product => { setCartItems(prevItems => [...prevItems, product]); }; return /*#__PURE__*/_jsxDEV(CartContext.Provider, { value: { cartItems, addToCart }, children: children }, void 0, false, { fileName: _jsxFileName, lineNumber: 15, columnNumber: 5 }, this); }; _s2(CartProvider, "jeyeRm/hZ/3zvXF4PAYTLSHDNRs="); _c = CartProvider; var _c; $RefreshReg$(_c, "CartProvider"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (module.hot) { let errorOverlay; if (typeof __react_refresh_error_overlay__ !== 'undefined') { errorOverlay = __react_refresh_error_overlay__; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); }�webpack://./node_modules/babel-loader/lib/index.js??ruleSet[1].rules[1].oneOf[3]!./node_modules/source-map-loader/dist/cjs.js!./src/CartContext.js�{"version":3,"sources":["webpack://./src/CartContext.js"],"names":["React","createContext","useContext","useState","jsxDEV","_jsxDEV","CartContext","useCart","_s","CartProvider","children","_s2","cartItems","setCartItems","addToCart","product","prevItems","Provider","value","fileName","_jsxFileName","lineNumber","columnNumber","_c","$RefreshReg$"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,OAAO;AAAC,SAAAC,MAAA,IAAAC,OAAA;AAEnE,MAAMC,WAAW,gBAAGL,aAAa,CAAC,CAAC;AAEnC,OAAO,MAAMM,OAAO,GAAGA,CAAA;EAAAC,EAAA;EAAA,OAAMN,UAAU,CAACI,WAAW,CAAC;AAAA;AAACE,EAAA,CAAxCD,OAAO;AAEpB,OAAO,MAAME,YAAY,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EAAAC,GAAA;EAC5C,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGV,QAAQ,CAAC,EAAE,CAAC;EAE9C,MAAMW,SAAS,GAAIC,OAAO,IAAK;IAC7BF,YAAY,CAAEG,SAAS,IAAK,CAAC,GAAGA,SAAS,EAAED,OAAO,CAAC,CAAC;EACtD,CAAC;EAED,oBACEV,OAAA,CAACC,WAAW,CAACW,QAAQ;IAACC,KAAK,EAAE;MAAEN,SAAS;MAAEE;IAAU,CAAE;IAAAJ,QAAA,EACnDA;EAAQ;IAAAS,QAAA,EAAAC,YAAA;IAAAC,UAAA;IAAAC,YAAA;EAAA,OACW,CAAC;AAE3B,CAAC;AAACX,GAAA,CAZWF,YAAY;AAAAc,EAAA,GAAZd,YAAY;AAAA,IAAAc,EAAA;AAAAC,YAAA,CAAAD,EAAA,kB","sourcesContent":["import React, { createContext, useContext, useState } from 'react';\r\n\r\nconst CartContext = createContext();\r\n\r\nexport const useCart = () => useContext(CartContext);\r\n\r\nexport const CartProvider = ({ children }) => {\r\n const [cartItems, setCartItems] = useState([]);\r\n\r\n const addToCart = (product) => {\r\n setCartItems((prevItems) => [...prevItems, product]);\r\n };\r\n\r\n return (\r\n \r\n {children}\r\n \r\n );\r\n};\r\n"],"file":"x"}e(.0_��Knz��W^��>P��.Fcz�/kt�__webpack_require__��/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"�__webpack_require__.$Refresh$.signature��(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)��(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)��(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)�(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)�undefined�__webpack_require__.$Refresh$.register��__react_refresh_utils__�true��false��module.hot�buffer�source�size�mapsj��Z__webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ CartProvider: () => (/* binding */ CartProvider), /* harmony export */ useCart: () => (/* binding */ useCart) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\CartContext.js", _s = __webpack_require__.$Refresh$.signature(), _s2 = __webpack_require__.$Refresh$.signature(); const CartContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(); const useCart = () => { _s(); return (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(CartContext); }; _s(useCart, "gDsCjeeItUuvgOWf1v4qoK9RF6k="); const CartProvider = ({ children }) => { _s2(); const [cartItems, setCartItems] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]); const addToCart = product => { setCartItems(prevItems => [...prevItems, product]); }; return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)(CartContext.Provider, { value: { cartItems, addToCart }, children: children }, void 0, false, { fileName: _jsxFileName, lineNumber: 15, columnNumber: 5 }, undefined); }; _s2(CartProvider, "jeyeRm/hZ/3zvXF4PAYTLSHDNRs="); _c = CartProvider; var _c; __webpack_require__.$Refresh$.register(_c, "CartProvider"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); }�{"module":true,"columns":false,"finalSource":true}�map�bufferedMap�version�file�mappings�sourcesContent�names�x�;;;;;;;;;;;;;;AAAmE;AAAA;AAEnE;AAEO;AAAgB;AAAA;AAA6B;AAAC;AAE9C;AAAwB;AAAS;AAAM;AAC5C;AAEA;AACE;AACF;AAEA;AACwB;AAAS;AAAW;AAAU;AAAE;AAC3C;AAAA;AAAA;AAAA;AAAA;AAGf;AAAE;AAZuB;AAAA;AAAA�webpack://./src/CartContext.js�import React, { createContext, useContext, useState } from 'react'; const CartContext = createContext(); export const useCart = () => useContext(CartContext); export const CartProvider = ({ children }) => { const [cartItems, setCartItems] = useState([]); const addToCart = (product) => { setCartItems((prevItems) => [...prevItems, product]); }; return ( {children} ); }; ConcatSourceRawSource�__webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ CartProvider: () => (/* binding */ CartProvider), /* harmony export */ useCart: () => (/* binding */ useCart) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); ReplaceSourceSourceMapSource?��A��false018__webpack_require__undefined4046__webpack_require__undefined48154/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"undefined422433__webpack_require__.$Refresh$.signatureundefined446457__webpack_require__.$Refresh$.signatureundefined462528undefined530587undefined622634(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)undefined639645undefined687696(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)undefined760766undefined855862(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)undefined985991(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)undefined11881191undefinedundefined12761287__webpack_require__.$Refresh$.registerundefined13421360__webpack_require__undefined14191441__react_refresh_utils__undefined15421551trueundefined15821635trueundefined16581688falseundefined18171839__react_refresh_utils__undefined18991908module.hotundefined ��__webpack_require__.n�__webpack_require__.rb��__webpack_require__.d>��d864153a35a4797ba7743e4bc63d82d0H��I��main.6357e9902a4a25381c9a.hot-update.js�main.6357e9902a4a25381c9a.hot-update.js.map�webpack/lib/util/registerExternalSerializer�webpack-sources/ConcatSource�webpack/lib/util/registerExternalSerializer�webpack-sources/RawSource�"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/pages/Catalog.js": /*!******************************!*\ !*** ./src/pages/Catalog.js ***! \******************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../App.css */ "./src/App.css"); /* harmony import */ var _components_Footer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/Footer */ "./src/components/Footer.js"); /* harmony import */ var _components_Header__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components/Header */ "./src/components/Header.js"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\pages\\Catalog.js", _s = __webpack_require__.$Refresh$.signature(); const Catalog = () => { _s(); const [media, setProducts] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]); (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { const fetchProducts = async () => { try { const response = await axios__WEBPACK_IMPORTED_MODULE_5__["default"].get('http://localhost:3000/Catalog'); setProducts(response.data); } catch (error) { console.error('Ошибка при загрузке товаров:', error); } }; fetchProducts(); }, []); return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", { className: "catalog", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)(_components_Header__WEBPACK_IMPORTED_MODULE_3__["default"], {}, void 0, false, { fileName: _jsxFileName, lineNumber: 25, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("h2", { children: "\u041A\u0430\u0442\u0430\u043B\u043E\u0433 \u0442\u043E\u0432\u0430\u0440\u043E\u0432" }, void 0, false, { fileName: _jsxFileName, lineNumber: 26, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", { className: "product-list", children: media.map(media => /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", { className: "product-card", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("img", { src: media.image, alt: media.name, className: "product-image" }, void 0, false, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("h3", { children: media.name }, void 0, false, { fileName: _jsxFileName, lineNumber: 31, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("p", { children: ["\u0426\u0435\u043D\u0430: $", media.price] }, void 0, true, { fileName: _jsxFileName, lineNumber: 32, columnNumber: 17 }, undefined)] }, media.id, true, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 15 }, undefined)) }, void 0, false, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)(_components_Footer__WEBPACK_IMPORTED_MODULE_2__["default"], {}, void 0, false, { fileName: _jsxFileName, lineNumber: 38, columnNumber: 7 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 24, columnNumber: 5 }, undefined); }; _s(Catalog, "0RdBbkTFXyKh1cwLlmEPjSsur5Q="); _c = Catalog; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Catalog); var _c; __webpack_require__.$Refresh$.register(_c, "Catalog"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("fdfc526247bf89b0eb7d") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.6357e9902a4a25381c9a.hot-update.js.map�{"version":3,"file":"main.6357e9902a4a25381c9a.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAHA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAlCA;AAoCA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC1CA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/pages/Catalog.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import React, { useEffect, useState } from 'react';\r\nimport axios from 'axios';\r\nimport \"../App.css\";\r\nimport Footer from '../components/Footer';\r\nimport Header from '../components/Header';\r\n\r\nconst Catalog = () => {\r\n const [media, setProducts] = useState([]);\r\n\r\n useEffect(() => {\r\n const fetchProducts = async () => {\r\n try {\r\n const response = await axios.get('http://localhost:3000/Catalog');\r\n setProducts(response.data);\r\n } catch (error) {\r\n console.error('Ошибка при загрузке товаров:', error);\r\n }\r\n };\r\n\r\n fetchProducts();\r\n }, []);\r\n\r\n return (\r\n

\r\n

Каталог товаров

\r\n

\r\n {media.map(media => (\r\n

\r\n

{media.name}

\r\n

Цена: ${media.price}

\r\n

\r\n )\r\n )\r\n }\r\n

\r\n

\r\n );\r\n};\r\n\r\nexport default Catalog;\r\n","__webpack_require__.h = () => (\"fdfc526247bf89b0eb7d\")"],"names":[],"sourceRoot":""}��`�related�sourceMap��development��main.fdfc526247bf89b0eb7d.hot-update.js�main.fdfc526247bf89b0eb7d.hot-update.js.map<"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css": /*!****************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css ***! \****************************************************************************************************************************************************************************************************************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__); // Imports var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default())); // Module ___CSS_LOADER_EXPORT___.push([module.id, `.header { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background-color: #fff; border-bottom: 1px solid #ccc; } .logo { display: flex; align-items: center; padding: 0; } .logo-text { font-size: 24px; font-weight: bold; color: #333; } .nav { display: flex; align-items: center; } .menu-button { margin-right: 20px; background: none; border: none; font-size: 18px; cursor: pointer; } .search input { padding: 5px 10px; margin-left: 200px; font-size: 16px; border: 1px solid #ccc; border-radius: 4px; } .user-actions { display: flex; align-items: center; } .icon-button { background: none; border: none; font-size: 24px; margin-left: 10px; cursor: pointer; } /* src/App.css */ .App { text-align: center; font-family: Arial, sans-serif; } .categories { display: flex; justify-content: space-around; flex-wrap: wrap; margin-top: 20px; } .category-card-link { text-decoration: none; color: black !important; } .category-card { position: relative; width: 400px; height: 300px; margin: 10px; overflow: hidden; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; } .category-card:hover { transform: translateY(-5px); } .category-image { width: 100%; height: 60%; object-fit: cover; } .category-info { display: flex; justify-content: space-between; align-items: center; padding: 10px; text-decoration: none; } .arrow { font-size: 20px; } h1 { display: flex; padding-left: 50px; padding-top: 50px; } .info-card { background-color: #f6f6f6; padding: 40px; margin: 40px auto; width: 80%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 10px; } .info-content { text-align: left; display: flex; flex-direction: column; align-items: center; } .logo { font-size: 48px; color: #333; } .info-details { display: flex; justify-content: space-between; width: 100%; margin-top: 20px; } .info-item { width: 30%; text-align: center; } .info-item h3 { margin-bottom: 10px; } .info-item p { margin: 0; } .info-button { margin-top: 20px; padding: 10px 20px; background-color: #333; color: #fff; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; } .info-button:hover { background-color: #555; } footer { background-color: #f8f9fa; padding: 20px; bottom: 0; } .footer-content { display: flex; justify-content: space-between; flex-wrap: wrap; } .footer-logo { flex: 1 1 100%; text-align: center; margin-bottom: 20px; } .footer-logo img { max-width: 150px; } .footer-column { flex: 1 1 20%; margin-bottom: 20px; } .footer-column h4 { margin-bottom: 10px; } .footer-column ul { list-style: none; padding: 0; } .footer-column ul li { margin-bottom: 5px; } .footer-column ul li a { text-decoration: none; color: #000; } .footer-column ul li a:hover { text-decoration: underline; } .footer-contact { text-align: center; margin-top: 20px; } .footer-contact p { margin: 5px 0; } .footer-social { margin-top: 10px; } .footer-social a { margin: 0 10px; } .footer-social img { width: 24px; } .catalog { width: 100%; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .catalog h2 { text-align: center; margin-bottom: 20px; } .product-list { display: flex; flex-wrap: wrap; gap: 20px; } .product-card { display: flex; flex-grow: 1; flex-shrink: 1; flex-basis: calc(33.333% - 20px); box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } .product-image { width: 100%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .product-card h3 { margin: 0 0 10px; } .product-card p { margin: 0; } a { color: black; text-decoration: none; } .favorites { width: 80%; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .favorites h2 { text-align: center; margin-bottom: 20px; } .favorite-list { display: flex; flex-wrap: wrap; gap: 20px; } .favorite-card { flex-grow: 1; flex-shrink: 1; flex-basis: calc(33.333% - 20px); box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } .favorite-image { width: 100%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .favorite-card h3 { margin: 0 0 10px; } .favorite-card p { margin: 0; } `, "",{"version":3,"sources":["webpack://./src/App.css"],"names":[],"mappings":"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","sourcesContent":[".header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 20px;\n background-color: #fff;\n border-bottom: 1px solid #ccc;\n}\n\n.logo {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.logo-text {\n font-size: 24px;\n font-weight: bold;\n color: #333;\n}\n\n.nav {\n display: flex;\n align-items: center;\n}\n\n.menu-button {\n margin-right: 20px;\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n}\n\n.search input {\n padding: 5px 10px;\n margin-left: 200px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n.user-actions {\n display: flex;\n align-items: center;\n}\n\n.icon-button {\n background: none;\n border: none;\n font-size: 24px;\n margin-left: 10px;\n cursor: pointer;\n}\n\n/* src/App.css */\n.App {\n text-align: center;\n font-family: Arial, sans-serif;\n}\n\n.categories {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n}\n\n.category-card-link {\n text-decoration: none;\n color: black !important;\n}\n\n.category-card {\n position: relative;\n width: 400px;\n height: 300px;\n margin: 10px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.category-card:hover {\n transform: translateY(-5px);\n}\n\n.category-image {\n width: 100%;\n height: 60%;\n object-fit: cover;\n}\n\n.category-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n text-decoration: none;\n}\n\n.arrow {\n font-size: 20px;\n}\n\nh1 {\n display: flex;\n padding-left: 50px;\n padding-top: 50px;\n}\n\n.info-card {\n background-color: #f6f6f6;\n padding: 40px;\n margin: 40px auto;\n width: 80%;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n}\n\n.info-content {\n text-align: left;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.logo {\n font-size: 48px;\n color: #333;\n}\n\n.info-details {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n}\n\n.info-item {\n width: 30%;\n text-align: center;\n}\n\n.info-item h3 {\n margin-bottom: 10px;\n}\n\n.info-item p {\n margin: 0;\n}\n\n.info-button {\n margin-top: 20px;\n padding: 10px 20px;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.info-button:hover {\n background-color: #555;\n}\n\n\n\nfooter {\n background-color: #f8f9fa;\n padding: 20px;\n bottom: 0;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.footer-logo {\n flex: 1 1 100%;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.footer-logo img {\n max-width: 150px;\n}\n\n.footer-column {\n flex: 1 1 20%;\n margin-bottom: 20px;\n}\n\n.footer-column h4 {\n margin-bottom: 10px;\n}\n\n.footer-column ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-column ul li {\n margin-bottom: 5px;\n}\n\n.footer-column ul li a {\n text-decoration: none;\n color: #000;\n}\n\n.footer-column ul li a:hover {\n text-decoration: underline;\n}\n\n.footer-contact {\n text-align: center;\n margin-top: 20px;\n}\n\n.footer-contact p {\n margin: 5px 0;\n}\n\n.footer-social {\n margin-top: 10px;\n}\n\n.footer-social a {\n margin: 0 10px;\n}\n\n.footer-social img {\n width: 24px;\n}\n\n.catalog {\n width: 100%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.catalog h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.product-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.product-card {\n display: flex;\n flex: 1 1 calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.product-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.product-card h3 {\n margin: 0 0 10px;\n}\n\n.product-card p {\n margin: 0;\n}\n\na {\n color: black;\n text-decoration: none;\n}\n\n.favorites {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.favorites h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.favorite-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.favorite-card {\n flex: 1 1 calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.favorite-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.favorite-card h3 {\n margin: 0 0 10px;\n}\n\n.favorite-card p {\n margin: 0;\n}\n\n\n"],"sourceRoot":""}]); // Exports ___CSS_LOADER_EXPORT___.locals = {}; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("0900fc2f352810d0b43b") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.fdfc526247bf89b0eb7d.hot-update.js.mapA>{"version":3,"file":"main.fdfc526247bf89b0eb7d.hot-update.js","mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC/VA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/App.css","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 20px;\n background-color: #fff;\n border-bottom: 1px solid #ccc;\n}\n\n.logo {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.logo-text {\n font-size: 24px;\n font-weight: bold;\n color: #333;\n}\n\n.nav {\n display: flex;\n align-items: center;\n}\n\n.menu-button {\n margin-right: 20px;\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n}\n\n.search input {\n padding: 5px 10px;\n margin-left: 200px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n.user-actions {\n display: flex;\n align-items: center;\n}\n\n.icon-button {\n background: none;\n border: none;\n font-size: 24px;\n margin-left: 10px;\n cursor: pointer;\n}\n\n/* src/App.css */\n.App {\n text-align: center;\n font-family: Arial, sans-serif;\n}\n\n.categories {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n}\n\n.category-card-link {\n text-decoration: none;\n color: black !important;\n}\n\n.category-card {\n position: relative;\n width: 400px;\n height: 300px;\n margin: 10px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.category-card:hover {\n transform: translateY(-5px);\n}\n\n.category-image {\n width: 100%;\n height: 60%;\n object-fit: cover;\n}\n\n.category-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n text-decoration: none;\n}\n\n.arrow {\n font-size: 20px;\n}\n\nh1 {\n display: flex;\n padding-left: 50px;\n padding-top: 50px;\n}\n\n.info-card {\n background-color: #f6f6f6;\n padding: 40px;\n margin: 40px auto;\n width: 80%;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n}\n\n.info-content {\n text-align: left;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.logo {\n font-size: 48px;\n color: #333;\n}\n\n.info-details {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n}\n\n.info-item {\n width: 30%;\n text-align: center;\n}\n\n.info-item h3 {\n margin-bottom: 10px;\n}\n\n.info-item p {\n margin: 0;\n}\n\n.info-button {\n margin-top: 20px;\n padding: 10px 20px;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.info-button:hover {\n background-color: #555;\n}\n\n\n\nfooter {\n background-color: #f8f9fa;\n padding: 20px;\n bottom: 0;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.footer-logo {\n flex: 1 1 100%;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.footer-logo img {\n max-width: 150px;\n}\n\n.footer-column {\n flex: 1 1 20%;\n margin-bottom: 20px;\n}\n\n.footer-column h4 {\n margin-bottom: 10px;\n}\n\n.footer-column ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-column ul li {\n margin-bottom: 5px;\n}\n\n.footer-column ul li a {\n text-decoration: none;\n color: #000;\n}\n\n.footer-column ul li a:hover {\n text-decoration: underline;\n}\n\n.footer-contact {\n text-align: center;\n margin-top: 20px;\n}\n\n.footer-contact p {\n margin: 5px 0;\n}\n\n.footer-social {\n margin-top: 10px;\n}\n\n.footer-social a {\n margin: 0 10px;\n}\n\n.footer-social img {\n width: 24px;\n}\n\n.catalog {\n width: 100%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.catalog h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.product-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.product-card {\n display: flex;\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.product-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.product-card h3 {\n margin: 0 0 10px;\n}\n\n.product-card p {\n margin: 0;\n}\n\na {\n color: black;\n text-decoration: none;\n}\n\n.favorites {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.favorites h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.favorite-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.favorite-card {\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.favorite-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.favorite-card h3 {\n margin: 0 0 10px;\n}\n\n.favorite-card p {\n margin: 0;\n}\n\n\n`, \"\",{\"version\":3,\"sources\":[\"webpack://./src/App.css\"],\"names\":[],\"mappings\":\"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\",\"sourcesContent\":[\".header {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: 10px 20px;\\n background-color: #fff;\\n border-bottom: 1px solid #ccc;\\n}\\n\\n.logo {\\n display: flex;\\n align-items: center;\\n padding: 0;\\n}\\n\\n.logo-text {\\n font-size: 24px;\\n font-weight: bold;\\n color: #333;\\n}\\n\\n.nav {\\n display: flex;\\n align-items: center;\\n}\\n\\n.menu-button {\\n margin-right: 20px;\\n background: none;\\n border: none;\\n font-size: 18px;\\n cursor: pointer;\\n}\\n\\n.search input {\\n padding: 5px 10px;\\n margin-left: 200px;\\n font-size: 16px;\\n border: 1px solid #ccc;\\n border-radius: 4px;\\n}\\n\\n.user-actions {\\n display: flex;\\n align-items: center;\\n}\\n\\n.icon-button {\\n background: none;\\n border: none;\\n font-size: 24px;\\n margin-left: 10px;\\n cursor: pointer;\\n}\\n\\n/* src/App.css */\\n.App {\\n text-align: center;\\n font-family: Arial, sans-serif;\\n}\\n\\n.categories {\\n display: flex;\\n justify-content: space-around;\\n flex-wrap: wrap;\\n margin-top: 20px;\\n}\\n\\n.category-card-link {\\n text-decoration: none;\\n color: black !important;\\n}\\n\\n.category-card {\\n position: relative;\\n width: 400px;\\n height: 300px;\\n margin: 10px;\\n overflow: hidden;\\n border-radius: 10px;\\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\\n transition: transform 0.3s ease;\\n}\\n\\n.category-card:hover {\\n transform: translateY(-5px);\\n}\\n\\n.category-image {\\n width: 100%;\\n height: 60%;\\n object-fit: cover;\\n}\\n\\n.category-info {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: 10px;\\n text-decoration: none;\\n}\\n\\n.arrow {\\n font-size: 20px;\\n}\\n\\nh1 {\\n display: flex;\\n padding-left: 50px;\\n padding-top: 50px;\\n}\\n\\n.info-card {\\n background-color: #f6f6f6;\\n padding: 40px;\\n margin: 40px auto;\\n width: 80%;\\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\\n border-radius: 10px;\\n}\\n\\n.info-content {\\n text-align: left;\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n}\\n\\n.logo {\\n font-size: 48px;\\n color: #333;\\n}\\n\\n.info-details {\\n display: flex;\\n justify-content: space-between;\\n width: 100%;\\n margin-top: 20px;\\n}\\n\\n.info-item {\\n width: 30%;\\n text-align: center;\\n}\\n\\n.info-item h3 {\\n margin-bottom: 10px;\\n}\\n\\n.info-item p {\\n margin: 0;\\n}\\n\\n.info-button {\\n margin-top: 20px;\\n padding: 10px 20px;\\n background-color: #333;\\n color: #fff;\\n border: none;\\n border-radius: 5px;\\n cursor: pointer;\\n font-size: 16px;\\n}\\n\\n.info-button:hover {\\n background-color: #555;\\n}\\n\\n\\n\\nfooter {\\n background-color: #f8f9fa;\\n padding: 20px;\\n bottom: 0;\\n}\\n\\n.footer-content {\\n display: flex;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n\\n.footer-logo {\\n flex: 1 1 100%;\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.footer-logo img {\\n max-width: 150px;\\n}\\n\\n.footer-column {\\n flex: 1 1 20%;\\n margin-bottom: 20px;\\n}\\n\\n.footer-column h4 {\\n margin-bottom: 10px;\\n}\\n\\n.footer-column ul {\\n list-style: none;\\n padding: 0;\\n}\\n\\n.footer-column ul li {\\n margin-bottom: 5px;\\n}\\n\\n.footer-column ul li a {\\n text-decoration: none;\\n color: #000;\\n}\\n\\n.footer-column ul li a:hover {\\n text-decoration: underline;\\n}\\n\\n.footer-contact {\\n text-align: center;\\n margin-top: 20px;\\n}\\n\\n.footer-contact p {\\n margin: 5px 0;\\n}\\n\\n.footer-social {\\n margin-top: 10px;\\n}\\n\\n.footer-social a {\\n margin: 0 10px;\\n}\\n\\n.footer-social img {\\n width: 24px;\\n}\\n\\n.catalog {\\n width: 100%;\\n margin: 0 auto;\\n padding: 20px;\\n background-color: #f9f9f9;\\n border-radius: 8px;\\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\\n}\\n\\n.catalog h2 {\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.product-list {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 20px;\\n}\\n\\n.product-card {\\n display: flex;\\n flex: 1 1 calc(33.333% - 20px);\\n box-sizing: border-box;\\n padding: 20px;\\n background-color: #fff;\\n border-radius: 8px;\\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\\n text-align: center;\\n}\\n\\n.product-image {\\n width: 100%;\\n height: auto;\\n object-fit: cover;\\n border-radius: 8px;\\n margin-bottom: 10px;\\n}\\n\\n.product-card h3 {\\n margin: 0 0 10px;\\n}\\n\\n.product-card p {\\n margin: 0;\\n}\\n\\na {\\n color: black;\\n text-decoration: none;\\n}\\n\\n.favorites {\\n width: 80%;\\n margin: 0 auto;\\n padding: 20px;\\n background-color: #f9f9f9;\\n border-radius: 8px;\\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\\n}\\n\\n.favorites h2 {\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.favorite-list {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 20px;\\n}\\n\\n.favorite-card {\\n flex: 1 1 calc(33.333% - 20px);\\n box-sizing: border-box;\\n padding: 20px;\\n background-color: #fff;\\n border-radius: 8px;\\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\\n text-align: center;\\n}\\n\\n.favorite-image {\\n width: 100%;\\n height: auto;\\n object-fit: cover;\\n border-radius: 8px;\\n margin-bottom: 10px;\\n}\\n\\n.favorite-card h3 {\\n margin: 0 0 10px;\\n}\\n\\n.favorite-card p {\\n margin: 0;\\n}\\n\\n\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {};\nexport default ___CSS_LOADER_EXPORT___;\n","__webpack_require__.h = () => (\"0900fc2f352810d0b43b\")"],"names":[],"sourceRoot":""}��`��main.9a9c18904897d646707f.hot-update.js�main.9a9c18904897d646707f.hot-update.js.map�"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/pages/Catalog.js": /*!******************************!*\ !*** ./src/pages/Catalog.js ***! \******************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../App.css */ "./src/App.css"); /* harmony import */ var _components_Footer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/Footer */ "./src/components/Footer.js"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\pages\\Catalog.js", _s = __webpack_require__.$Refresh$.signature(); const Catalog = () => { _s(); const [media, setProducts] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]); (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { const axios = async () => { try { const response = await axios.get('http://localhost:3001/Catalog'); setProducts(response.data); } catch (error) { console.error('Ошибка при загрузке товаров:', error); } }; fetchProducts(); }, []); return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("div", { className: "catalog", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("h2", { children: "\u041A\u0430\u0442\u0430\u043B\u043E\u0433 \u0442\u043E\u0432\u0430\u0440\u043E\u0432" }, void 0, false, { fileName: _jsxFileName, lineNumber: 24, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("div", { className: "product-list", children: media.map(media => /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("div", { className: "product-card", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("img", { src: media.image, alt: media.name, className: "product-image" }, void 0, false, { fileName: _jsxFileName, lineNumber: 28, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("h3", { children: media.name }, void 0, false, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("p", { children: ["\u0426\u0435\u043D\u0430: $", media.price] }, void 0, true, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 13 }, undefined)] }, media.id, true, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 11 }, undefined)) }, void 0, false, { fileName: _jsxFileName, lineNumber: 25, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)(_components_Footer__WEBPACK_IMPORTED_MODULE_2__["default"], {}, void 0, false, { fileName: _jsxFileName, lineNumber: 34, columnNumber: 7 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 23, columnNumber: 5 }, undefined); }; _s(Catalog, "0RdBbkTFXyKh1cwLlmEPjSsur5Q="); _c = Catalog; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Catalog); var _c; __webpack_require__.$Refresh$.register(_c, "Catalog"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("0abe12247f0c4724af2c") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.9a9c18904897d646707f.hot-update.js.map�{"version":3,"file":"main.9a9c18904897d646707f.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAHA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AA/BA;AAiCA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtCA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/pages/Catalog.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import React, { useEffect, useState } from 'react';\r\nimport axios from 'axios';\r\nimport \"../App.css\";\r\nimport Footer from '../components/Footer';\r\n\r\nconst Catalog = () => {\r\n const [media, setProducts] = useState([]);\r\n\r\n useEffect(() => {\r\n const axios = async () => {\r\n try {\r\n const response = await axios.get('http://localhost:3001/Catalog');\r\n setProducts(response.data);\r\n } catch (error) {\r\n console.error('Ошибка при загрузке товаров:', error);\r\n }\r\n };\r\n\r\n fetchProducts();\r\n }, []);\r\n\r\n return (\r\n

\r\n

Каталог товаров

\r\n

\r\n {media.map(media => (\r\n

\r\n

{media.name}

\r\n

Цена: ${media.price}

\r\n

\r\n ))}\r\n

\r\n

\r\n );\r\n};\r\n\r\nexport default Catalog;\r\n","__webpack_require__.h = () => (\"0abe12247f0c4724af2c\")"],"names":[],"sourceRoot":""}��`��main.0abe12247f0c4724af2c.hot-update.js�main.0abe12247f0c4724af2c.hot-update.js.mapR"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/pages/Catalog.js": /*!******************************!*\ !*** ./src/pages/Catalog.js ***! \******************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../App.css */ "./src/App.css"); /* harmony import */ var _components_Footer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/Footer */ "./src/components/Footer.js"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\pages\\Catalog.js", _s = __webpack_require__.$Refresh$.signature(); const Catalog = () => { _s(); const [media, setProducts] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]); (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { const fetchProducts = async () => { try { const response = await axios__WEBPACK_IMPORTED_MODULE_4__["default"].get('http://localhost:3001/Catalog'); setProducts(response.data); } catch (error) { console.error('Ошибка при загрузке товаров:', error); } }; fetchProducts(); }, []); return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("div", { className: "catalog", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("h2", { children: "\u041A\u0430\u0442\u0430\u043B\u043E\u0433 \u0442\u043E\u0432\u0430\u0440\u043E\u0432" }, void 0, false, { fileName: _jsxFileName, lineNumber: 24, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("div", { className: "product-list", children: media.map(media => /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("div", { className: "product-card", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("img", { src: media.image, alt: media.name, className: "product-image" }, void 0, false, { fileName: _jsxFileName, lineNumber: 28, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("h3", { children: media.name }, void 0, false, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("p", { children: ["\u0426\u0435\u043D\u0430: $", media.price] }, void 0, true, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 13 }, undefined)] }, media.id, true, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 11 }, undefined)) }, void 0, false, { fileName: _jsxFileName, lineNumber: 25, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)(_components_Footer__WEBPACK_IMPORTED_MODULE_2__["default"], {}, void 0, false, { fileName: _jsxFileName, lineNumber: 34, columnNumber: 7 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 23, columnNumber: 5 }, undefined); }; _s(Catalog, "0RdBbkTFXyKh1cwLlmEPjSsur5Q="); _c = Catalog; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Catalog); var _c; __webpack_require__.$Refresh$.register(_c, "Catalog"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("1864559d4e0517182e65") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.0abe12247f0c4724af2c.hot-update.js.map�{"version":3,"file":"main.0abe12247f0c4724af2c.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAHA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AA/BA;AAiCA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtCA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/pages/Catalog.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import React, { useEffect, useState } from 'react';\r\nimport axios from 'axios';\r\nimport \"../App.css\";\r\nimport Footer from '../components/Footer';\r\n\r\nconst Catalog = () => {\r\n const [media, setProducts] = useState([]);\r\n\r\n useEffect(() => {\r\n const fetchProducts = async () => {\r\n try {\r\n const response = await axios.get('http://localhost:3001/Catalog');\r\n setProducts(response.data);\r\n } catch (error) {\r\n console.error('Ошибка при загрузке товаров:', error);\r\n }\r\n };\r\n\r\n fetchProducts();\r\n }, []);\r\n\r\n return (\r\n

\r\n

Каталог товаров

\r\n

\r\n {media.map(media => (\r\n

\r\n

{media.name}

\r\n

Цена: ${media.price}

\r\n

\r\n ))}\r\n

\r\n

\r\n );\r\n};\r\n\r\nexport default Catalog;\r\n","__webpack_require__.h = () => (\"1864559d4e0517182e65\")"],"names":[],"sourceRoot":""}��`��main.1864559d4e0517182e65.hot-update.js�main.1864559d4e0517182e65.hot-update.js.mapR"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/pages/Catalog.js": /*!******************************!*\ !*** ./src/pages/Catalog.js ***! \******************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../App.css */ "./src/App.css"); /* harmony import */ var _components_Footer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/Footer */ "./src/components/Footer.js"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\pages\\Catalog.js", _s = __webpack_require__.$Refresh$.signature(); const Catalog = () => { _s(); const [media, setProducts] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]); (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { const fetchProducts = async () => { try { const response = await axios__WEBPACK_IMPORTED_MODULE_4__["default"].get('http://localhost:3001/Catalog'); setProducts(response.data); } catch (error) { console.error('Ошибка при загрузке товаров:', error); } }; fetchProducts(); }, []); return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("div", { className: "catalog", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("h2", { children: "\u041A\u0430\u0442\u0430\u043B\u043E\u0433 \u0442\u043E\u0432\u0430\u0440\u043E\u0432" }, void 0, false, { fileName: _jsxFileName, lineNumber: 24, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("div", { className: "product-list", children: media.map(media => /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("div", { className: "product-card", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("img", { src: media.image, alt: media.name, className: "product-image" }, void 0, false, { fileName: _jsxFileName, lineNumber: 28, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("h3", { children: media.name }, void 0, false, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("p", { children: ["\u0426\u0435\u043D\u0430: $", media.price] }, void 0, true, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 17 }, undefined)] }, media.id, true, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 15 }, undefined)) }, void 0, false, { fileName: _jsxFileName, lineNumber: 25, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)(_components_Footer__WEBPACK_IMPORTED_MODULE_2__["default"], {}, void 0, false, { fileName: _jsxFileName, lineNumber: 36, columnNumber: 7 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 23, columnNumber: 5 }, undefined); }; _s(Catalog, "0RdBbkTFXyKh1cwLlmEPjSsur5Q="); _c = Catalog; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Catalog); var _c; __webpack_require__.$Refresh$.register(_c, "Catalog"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("b8f013d7c1e40502f134") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.1864559d4e0517182e65.hot-update.js.map1{"version":3,"file":"main.1864559d4e0517182e65.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAHA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAjCA;AAmCA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACxCA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/pages/Catalog.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import React, { useEffect, useState } from 'react';\r\nimport axios from 'axios';\r\nimport \"../App.css\";\r\nimport Footer from '../components/Footer';\r\n\r\nconst Catalog = () => {\r\n const [media, setProducts] = useState([]);\r\n\r\n useEffect(() => {\r\n const fetchProducts = async () => {\r\n try {\r\n const response = await axios.get('http://localhost:3001/Catalog');\r\n setProducts(response.data);\r\n } catch (error) {\r\n console.error('Ошибка при загрузке товаров:', error);\r\n }\r\n };\r\n\r\n fetchProducts();\r\n }, []);\r\n\r\n return (\r\n

\r\n

Каталог товаров

\r\n

\r\n {media.map(media => (\r\n

\r\n

{media.name}

\r\n

Цена: ${media.price}

\r\n

\r\n )\r\n )\r\n }\r\n

\r\n

\r\n );\r\n};\r\n\r\nexport default Catalog;\r\n","__webpack_require__.h = () => (\"b8f013d7c1e40502f134\")"],"names":[],"sourceRoot":""}��`��main.b8f013d7c1e40502f134.hot-update.js�main.b8f013d7c1e40502f134.hot-update.js.map^"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/components/Header.js": /*!**********************************!*\ !*** ./src/components/Header.js ***! \**********************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react_hook_form__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-hook-form */ "./node_modules/react-hook-form/dist/index.esm.mjs"); /* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/dist/index.js"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\components\\Header.js", _s = __webpack_require__.$Refresh$.signature(); const Header = () => { _s(); const [inputData, setInputData] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({ name: '', description: '', image: '' }); const { handleSubmit } = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_2__.useForm)(); const onSubmit = () => { axios__WEBPACK_IMPORTED_MODULE_3__["default"].post('http://localhost:3001/media', inputData).then(res => { alert("Data sent successfully"); }).catch(err => { alert("Error sending data"); }); }; const handleInputChange = (e, field) => { setInputData({ ...inputData, [field]: e.target.value }); }; return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("header", { className: "header", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "logo", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("span", { className: "logo-text", children: "x64" }, void 0, false, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 17 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 26, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("nav", { className: "nav", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "search", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("input", { type: "text", placeholder: "\u041F\u043E\u0438\u0441\u043A" }, void 0, false, { fileName: _jsxFileName, lineNumber: 31, columnNumber: 21 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 17 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "user-actions", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Profile", children: "\uD83D\uDC64" }, void 0, false, { fileName: _jsxFileName, lineNumber: 35, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Statistics", children: "\uD83D\uDCCA" }, void 0, false, { fileName: _jsxFileName, lineNumber: 36, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Favorites", children: "\u2764\uFE0F" }, void 0, false, { fileName: _jsxFileName, lineNumber: 37, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Card", children: "\uD83D\uDED2" }, void 0, false, { fileName: _jsxFileName, lineNumber: 38, columnNumber: 17 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 34, columnNumber: 13 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 25, columnNumber: 9 }, undefined); }; _s(Header, "z5ITLSvl4sj7Vmu9kNY/eCfxLYE=", false, function () { return [react_hook_form__WEBPACK_IMPORTED_MODULE_2__.useForm]; }); _c = Header; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Header); var _c; __webpack_require__.$Refresh$.register(_c, "Header"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("e5084e933e953c66f119") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.b8f013d7c1e40502f134.hot-update.js.map� {"version":3,"file":"main.b8f013d7c1e40502f134.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAGA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAtCA;AAEA;AAAA;AAsCA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC5CA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/components/Header.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import axios from 'axios';\r\nimport React, { useState } from 'react';\r\nimport { useForm } from \"react-hook-form\";\r\nimport { Link } from 'react-router-dom';\r\nconst Header = () => {\r\n const [inputData, setInputData] = useState({name:'',description:'',image:''});\r\n const { handleSubmit } = useForm();\r\n\r\n const onSubmit = () => {\r\n axios.post('http://localhost:3001/media', inputData)\r\n .then(res => {\r\n alert(\"Data sent successfully\");\r\n })\r\n .catch(err => {\r\n alert(\"Error sending data\");\r\n });\r\n };\r\n\r\n\r\n const handleInputChange = (e, field) => {\r\n setInputData({ ...inputData, [field]: e.target.value });\r\n };\r\n\r\n return (\r\n

\r\n

\r\n x64\r\n

\r\n \r\n

\r\n 👤\r\n 📊\r\n ❤️\r\n 🛒\r\n

\r\n

\r\n\r\n );\r\n};\r\n\r\nexport default Header;\r\n","__webpack_require__.h = () => (\"e5084e933e953c66f119\")"],"names":[],"sourceRoot":""}��`��main.e5084e933e953c66f119.hot-update.js�main.e5084e933e953c66f119.hot-update.js.map\"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/components/Header.js": /*!**********************************!*\ !*** ./src/components/Header.js ***! \**********************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react_hook_form__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-hook-form */ "./node_modules/react-hook-form/dist/index.esm.mjs"); /* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/dist/index.js"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\components\\Header.js", _s = __webpack_require__.$Refresh$.signature(); const Header = () => { _s(); const [inputData, setInputData] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({ name: '', description: '', url: '' }); const { handleSubmit } = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_2__.useForm)(); const onSubmit = () => { axios__WEBPACK_IMPORTED_MODULE_3__["default"].post('http://localhost:3001/media', inputData).then(res => { alert("Data sent successfully"); }).catch(err => { alert("Error sending data"); }); }; const handleInputChange = (e, field) => { setInputData({ ...inputData, [field]: e.target.value }); }; return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("header", { className: "header", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "logo", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("span", { className: "logo-text", children: "x64" }, void 0, false, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 17 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 26, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("nav", { className: "nav", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "search", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("input", { type: "text", placeholder: "\u041F\u043E\u0438\u0441\u043A" }, void 0, false, { fileName: _jsxFileName, lineNumber: 31, columnNumber: 21 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 17 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "user-actions", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Profile", children: "\uD83D\uDC64" }, void 0, false, { fileName: _jsxFileName, lineNumber: 35, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Statistics", children: "\uD83D\uDCCA" }, void 0, false, { fileName: _jsxFileName, lineNumber: 36, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Favorites", children: "\u2764\uFE0F" }, void 0, false, { fileName: _jsxFileName, lineNumber: 37, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Card", children: "\uD83D\uDED2" }, void 0, false, { fileName: _jsxFileName, lineNumber: 38, columnNumber: 17 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 34, columnNumber: 13 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 25, columnNumber: 9 }, undefined); }; _s(Header, "coM/pAI6LurY1FQOiVA7pfyL93Y=", false, function () { return [react_hook_form__WEBPACK_IMPORTED_MODULE_2__.useForm]; }); _c = Header; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Header); var _c; __webpack_require__.$Refresh$.register(_c, "Header"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("c24a6a0678366a2b9ffb") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.e5084e933e953c66f119.hot-update.js.map� {"version":3,"file":"main.e5084e933e953c66f119.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAGA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAtCA;AAEA;AAAA;AAsCA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC5CA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/components/Header.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import axios from 'axios';\r\nimport React, { useState } from 'react';\r\nimport { useForm } from \"react-hook-form\";\r\nimport { Link } from 'react-router-dom';\r\nconst Header = () => {\r\n const [inputData, setInputData] = useState({name:'',description:'',url:''});\r\n const { handleSubmit } = useForm();\r\n\r\n const onSubmit = () => {\r\n axios.post('http://localhost:3001/media', inputData)\r\n .then(res => {\r\n alert(\"Data sent successfully\");\r\n })\r\n .catch(err => {\r\n alert(\"Error sending data\");\r\n });\r\n };\r\n\r\n\r\n const handleInputChange = (e, field) => {\r\n setInputData({ ...inputData, [field]: e.target.value });\r\n };\r\n\r\n return (\r\n

\r\n

\r\n x64\r\n

\r\n \r\n

\r\n 👤\r\n 📊\r\n ❤️\r\n 🛒\r\n

\r\n

\r\n\r\n );\r\n};\r\n\r\nexport default Header;\r\n","__webpack_require__.h = () => (\"c24a6a0678366a2b9ffb\")"],"names":[],"sourceRoot":""}��`��main.758fd7c781448cfc5645.hot-update.js�main.758fd7c781448cfc5645.hot-update.js.mapf"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/components/Header.js": /*!**********************************!*\ !*** ./src/components/Header.js ***! \**********************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react_hook_form__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-hook-form */ "./node_modules/react-hook-form/dist/index.esm.mjs"); /* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/dist/index.js"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\components\\Header.js", _s = __webpack_require__.$Refresh$.signature(); const TestForm = () => { _s(); const [inputData, setInputData] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({ name: '', description: '', url: '' }); const { handleSubmit } = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_2__.useForm)(); const onSubmit = () => { axios__WEBPACK_IMPORTED_MODULE_3__["default"].post('http://localhost:3001/media', inputData).then(res => { alert("Data sent successfully"); }).catch(err => { alert("Error sending data"); }); }; const handleInputChange = (e, field) => { setInputData({ ...inputData, [field]: e.target.value }); }; return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("header", { className: "header", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "logo", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("span", { className: "logo-text", children: "x64" }, void 0, false, { fileName: _jsxFileName, lineNumber: 28, columnNumber: 17 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("nav", { className: "nav", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "search", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("input", { type: "text", placeholder: "\u041F\u043E\u0438\u0441\u043A" }, void 0, false, { fileName: _jsxFileName, lineNumber: 32, columnNumber: 21 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 31, columnNumber: 17 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "user-actions", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Profile", children: "\uD83D\uDC64" }, void 0, false, { fileName: _jsxFileName, lineNumber: 36, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Statistics", children: "\uD83D\uDCCA" }, void 0, false, { fileName: _jsxFileName, lineNumber: 37, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Favorites", children: "\u2764\uFE0F" }, void 0, false, { fileName: _jsxFileName, lineNumber: 38, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Card", children: "\uD83D\uDED2" }, void 0, false, { fileName: _jsxFileName, lineNumber: 39, columnNumber: 17 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 35, columnNumber: 13 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 26, columnNumber: 9 }, undefined); }; _s(TestForm, "coM/pAI6LurY1FQOiVA7pfyL93Y=", false, function () { return [react_hook_form__WEBPACK_IMPORTED_MODULE_2__.useForm]; }); _c = TestForm; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TestForm); var _c; __webpack_require__.$Refresh$.register(_c, "TestForm"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("9d4b24a1f413213e4671") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.758fd7c781448cfc5645.hot-update.js.map� {"version":3,"file":"main.758fd7c781448cfc5645.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAGA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAtCA;AAEA;AAAA;AAsCA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC7CA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/components/Header.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import axios from 'axios';\r\nimport React, { useState } from 'react';\r\nimport { useForm } from \"react-hook-form\";\r\nimport { Link } from 'react-router-dom';\r\n\r\nconst TestForm = () => {\r\n const [inputData, setInputData] = useState({name:'',description:'',url:''});\r\n const { handleSubmit } = useForm();\r\n\r\n const onSubmit = () => {\r\n axios.post('http://localhost:3001/media', inputData)\r\n .then(res => {\r\n alert(\"Data sent successfully\");\r\n })\r\n .catch(err => {\r\n alert(\"Error sending data\");\r\n });\r\n };\r\n\r\n\r\n const handleInputChange = (e, field) => {\r\n setInputData({ ...inputData, [field]: e.target.value });\r\n };\r\n\r\n return (\r\n

\r\n

\r\n x64\r\n

\r\n \r\n

\r\n 👤\r\n 📊\r\n ❤️\r\n 🛒\r\n

\r\n

\r\n\r\n );\r\n};\r\n\r\nexport default TestForm;\r\n","__webpack_require__.h = () => (\"9d4b24a1f413213e4671\")"],"names":[],"sourceRoot":""}��`��|��main.9d4b24a1f413213e4671.hot-update.js�main.9d4b24a1f413213e4671.hot-update.js.mapR"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/components/Header.js": /*!**********************************!*\ !*** ./src/components/Header.js ***! \**********************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react_hook_form__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-hook-form */ "./node_modules/react-hook-form/dist/index.esm.mjs"); /* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/dist/index.js"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\components\\Header.js", _s = __webpack_require__.$Refresh$.signature(); const TestForm = () => { _s(); const [inputData, setInputData] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({ name: '', description: '', url: '' }); const {} = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_2__.useForm)(); const onSubmit = () => { axios__WEBPACK_IMPORTED_MODULE_3__["default"].post('http://localhost:3001/media', inputData).then(res => { alert("Data sent successfully"); }).catch(err => { alert("Error sending data"); }); }; const handleInputChange = (e, field) => { setInputData({ ...inputData, [field]: e.target.value }); }; return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("header", { className: "header", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "logo", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("span", { className: "logo-text", children: "x64" }, void 0, false, { fileName: _jsxFileName, lineNumber: 28, columnNumber: 17 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("nav", { className: "nav", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "search", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("input", { type: "text", placeholder: "\u041F\u043E\u0438\u0441\u043A" }, void 0, false, { fileName: _jsxFileName, lineNumber: 32, columnNumber: 21 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 31, columnNumber: 17 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "user-actions", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Profile", children: "\uD83D\uDC64" }, void 0, false, { fileName: _jsxFileName, lineNumber: 36, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Statistics", children: "\uD83D\uDCCA" }, void 0, false, { fileName: _jsxFileName, lineNumber: 37, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Favorites", children: "\u2764\uFE0F" }, void 0, false, { fileName: _jsxFileName, lineNumber: 38, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Card", children: "\uD83D\uDED2" }, void 0, false, { fileName: _jsxFileName, lineNumber: 39, columnNumber: 17 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 35, columnNumber: 13 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 26, columnNumber: 9 }, undefined); }; _s(TestForm, "RY17Ly3r3mjDS6BqDnMygkSvX3Q=", false, function () { return [react_hook_form__WEBPACK_IMPORTED_MODULE_2__.useForm]; }); _c = TestForm; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TestForm); var _c; __webpack_require__.$Refresh$.register(_c, "TestForm"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("8a70b097e42c06064434") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.9d4b24a1f413213e4671.hot-update.js.mapz {"version":3,"file":"main.9d4b24a1f413213e4671.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAGA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAtCA;AAEA;AAAA;AAsCA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC7CA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/components/Header.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import axios from 'axios';\r\nimport React, { useState } from 'react';\r\nimport { useForm } from \"react-hook-form\";\r\nimport { Link } from 'react-router-dom';\r\n\r\nconst TestForm = () => {\r\n const [inputData, setInputData] = useState({name:'',description:'',url:''});\r\n const { } = useForm();\r\n\r\n const onSubmit = () => {\r\n axios.post('http://localhost:3001/media', inputData)\r\n .then(res => {\r\n alert(\"Data sent successfully\");\r\n })\r\n .catch(err => {\r\n alert(\"Error sending data\");\r\n });\r\n };\r\n\r\n\r\n const handleInputChange = (e, field) => {\r\n setInputData({ ...inputData, [field]: e.target.value });\r\n };\r\n\r\n return (\r\n

\r\n

\r\n x64\r\n

\r\n \r\n

\r\n 👤\r\n 📊\r\n ❤️\r\n 🛒\r\n

\r\n

\r\n\r\n );\r\n};\r\n\r\nexport default TestForm;\r\n","__webpack_require__.h = () => (\"8a70b097e42c06064434\")"],"names":[],"sourceRoot":""}��`}��~��l��main.8a70b097e42c06064434.hot-update.js�main.8a70b097e42c06064434.hot-update.js.mapf"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/components/Header.js": /*!**********************************!*\ !*** ./src/components/Header.js ***! \**********************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react_hook_form__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-hook-form */ "./node_modules/react-hook-form/dist/index.esm.mjs"); /* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/dist/index.js"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\components\\Header.js", _s = __webpack_require__.$Refresh$.signature(); const TestForm = () => { _s(); const [inputData, setInputData] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({ name: '', description: '', url: '' }); const { handleSubmit } = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_2__.useForm)(); const onSubmit = () => { axios__WEBPACK_IMPORTED_MODULE_3__["default"].post('http://localhost:3001/media', inputData).then(res => { alert("Data sent successfully"); }).catch(err => { alert("Error sending data"); }); }; const handleInputChange = (e, field) => { setInputData({ ...inputData, [field]: e.target.value }); }; return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("header", { className: "header", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "logo", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("span", { className: "logo-text", children: "x64" }, void 0, false, { fileName: _jsxFileName, lineNumber: 28, columnNumber: 17 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("nav", { className: "nav", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "search", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("input", { type: "text", placeholder: "\u041F\u043E\u0438\u0441\u043A" }, void 0, false, { fileName: _jsxFileName, lineNumber: 32, columnNumber: 21 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 31, columnNumber: 17 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "user-actions", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Profile", children: "\uD83D\uDC64" }, void 0, false, { fileName: _jsxFileName, lineNumber: 36, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Statistics", children: "\uD83D\uDCCA" }, void 0, false, { fileName: _jsxFileName, lineNumber: 37, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Favorites", children: "\u2764\uFE0F" }, void 0, false, { fileName: _jsxFileName, lineNumber: 38, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Card", children: "\uD83D\uDED2" }, void 0, false, { fileName: _jsxFileName, lineNumber: 39, columnNumber: 17 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 35, columnNumber: 13 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 26, columnNumber: 9 }, undefined); }; _s(TestForm, "coM/pAI6LurY1FQOiVA7pfyL93Y=", false, function () { return [react_hook_form__WEBPACK_IMPORTED_MODULE_2__.useForm]; }); _c = TestForm; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TestForm); var _c; __webpack_require__.$Refresh$.register(_c, "TestForm"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("86683b62e23f60bb9d09") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.8a70b097e42c06064434.hot-update.js.map� {"version":3,"file":"main.8a70b097e42c06064434.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAGA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAtCA;AAEA;AAAA;AAsCA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC7CA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/components/Header.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import axios from 'axios';\r\nimport React, { useState } from 'react';\r\nimport { useForm } from \"react-hook-form\";\r\nimport { Link } from 'react-router-dom';\r\n\r\nconst TestForm = () => {\r\n const [inputData, setInputData] = useState({name:'',description:'',url:''});\r\n const { handleSubmit } = useForm();\r\n\r\n const onSubmit = () => {\r\n axios.post('http://localhost:3001/media', inputData)\r\n .then(res => {\r\n alert(\"Data sent successfully\");\r\n })\r\n .catch(err => {\r\n alert(\"Error sending data\");\r\n });\r\n };\r\n\r\n\r\n const handleInputChange = (e, field) => {\r\n setInputData({ ...inputData, [field]: e.target.value });\r\n };\r\n\r\n return (\r\n

\r\n

\r\n x64\r\n

\r\n \r\n

\r\n 👤\r\n 📊\r\n ❤️\r\n 🛒\r\n

\r\n

\r\n\r\n );\r\n};\r\n\r\nexport default TestForm;\r\n","__webpack_require__.h = () => (\"86683b62e23f60bb9d09\")"],"names":[],"sourceRoot":""}��`m��n��o��webpack/lib/cache/ResolverCachePlugin @� `�b�yBlD:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\package.json�� yB ��yB vD:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src\pages\package.jsonpD:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src\package.jsonwD:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src\pages\Favorites.cssD:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src\pages\Favorites.css.web.mjs{D:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src\pages\Favorites.css.mjs~D:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src\pages\Favorites.css.web.jszD:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src\pages\Favorites.css.js|D:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src\pages\Favorites.css.jsonD:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src\pages\Favorites.css.web.jsx{D:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src\pages\Favorites.css.jsx�@� �Ļ�yB�� yB ��yB {D:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src\components\package.json�yD:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src\components\Header.css�D:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src\components\Header.css.web.mjs}D:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src\components\Header.css.mjs�D:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src\components\Header.css.web.js|D:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src\components\Header.css.js~D:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src\components\Header.css.json�D:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src\components\Header.css.web.jsx}D:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src\components\Header.css.jsx�>��main.86683b62e23f60bb9d09.hot-update.js�main.86683b62e23f60bb9d09.hot-update.js.map�."use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/components/Header.js": /*!**********************************!*\ !*** ./src/components/Header.js ***! \**********************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react_hook_form__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-hook-form */ "./node_modules/react-hook-form/dist/index.esm.mjs"); /* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/dist/index.js"); Object(function webpackMissingModule() { var e = new Error("Cannot find module './Header.css'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\components\\Header.js", _s = __webpack_require__.$Refresh$.signature(); // убедитесь, что вы подключили CSS const TestForm = () => { _s(); const [inputData, setInputData] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({ name: '', description: '', url: '' }); const { handleSubmit } = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_3__.useForm)(); const onSubmit = data => { axios__WEBPACK_IMPORTED_MODULE_4__["default"].post('http://localhost:3001/media', data).then(res => { alert("Data sent successfully"); }).catch(err => { alert("Error sending data"); }); }; const handleInputChange = e => { const { name, value } = e.target; setInputData({ ...inputData, [name]: value }); }; return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("header", { className: "header", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "logo", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("span", { className: "logo-text", children: "x64" }, void 0, false, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 21 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("nav", { className: "nav", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "search", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("input", { type: "text", placeholder: "\u041F\u043E\u0438\u0441\u043A" }, void 0, false, { fileName: _jsxFileName, lineNumber: 34, columnNumber: 25 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 33, columnNumber: 21 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 32, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "user-actions", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_5__.Link, { className: "icon-button", to: "/Profile", children: "\uD83D\uDC64" }, void 0, false, { fileName: _jsxFileName, lineNumber: 38, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_5__.Link, { className: "icon-button", to: "/Statistics", children: "\uD83D\uDCCA" }, void 0, false, { fileName: _jsxFileName, lineNumber: 39, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_5__.Link, { className: "icon-button", to: "/Favorites", children: "\u2764\uFE0F" }, void 0, false, { fileName: _jsxFileName, lineNumber: 40, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_5__.Link, { className: "icon-button", to: "/Cart", children: "\uD83D\uDED2" }, void 0, false, { fileName: _jsxFileName, lineNumber: 41, columnNumber: 21 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 37, columnNumber: 17 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 28, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("main", { children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("h2", { children: "\u0424\u043E\u0440\u043C\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F \u043C\u0435\u0434\u0438\u0430" }, void 0, false, { fileName: _jsxFileName, lineNumber: 46, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("form", { onSubmit: handleSubmit(onSubmit), children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("label", { htmlFor: "name", children: "\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435:" }, void 0, false, { fileName: _jsxFileName, lineNumber: 49, columnNumber: 25 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("input", { type: "text", id: "name", name: "name", value: inputData.name, onChange: handleInputChange }, void 0, false, { fileName: _jsxFileName, lineNumber: 50, columnNumber: 25 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 48, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("label", { htmlFor: "description", children: "\u041E\u043F\u0438\u0441\u0430\u043D\u0438\u0435:" }, void 0, false, { fileName: _jsxFileName, lineNumber: 59, columnNumber: 25 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("input", { type: "text", id: "description", name: "description", value: inputData.description, onChange: handleInputChange }, void 0, false, { fileName: _jsxFileName, lineNumber: 60, columnNumber: 25 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 58, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("label", { htmlFor: "url", children: "URL:" }, void 0, false, { fileName: _jsxFileName, lineNumber: 69, columnNumber: 25 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("input", { type: "text", id: "url", name: "url", value: inputData.url, onChange: handleInputChange }, void 0, false, { fileName: _jsxFileName, lineNumber: 70, columnNumber: 25 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 68, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("button", { type: "submit", children: "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C" }, void 0, false, { fileName: _jsxFileName, lineNumber: 78, columnNumber: 21 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 47, columnNumber: 17 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 45, columnNumber: 13 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 9 }, undefined); }; _s(TestForm, "SOnaszOBgg1Z3toScqgUKFqkC4s=", false, function () { return [react_hook_form__WEBPACK_IMPORTED_MODULE_3__.useForm]; }); _c = TestForm; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TestForm); var _c; __webpack_require__.$Refresh$.register(_c, "TestForm"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("ee5cbd90eae9c9fb1f26") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.86683b62e23f60bb9d09.hot-update.js.map�{"version":3,"file":"main.86683b62e23f60bb9d09.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AA5EA;AAEA;AAAA;AA4EA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpFA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/components/Header.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import axios from 'axios';\r\nimport React, { useState } from 'react';\r\nimport { useForm } from \"react-hook-form\";\r\nimport { Link } from 'react-router-dom';\r\nimport './Header.css'; // убедитесь, что вы подключили CSS\r\n\r\nconst TestForm = () => {\r\n const [inputData, setInputData] = useState({name: '', description: '', url: ''});\r\n const { handleSubmit } = useForm();\r\n\r\n const onSubmit = (data) => {\r\n axios.post('http://localhost:3001/media', data)\r\n .then(res => {\r\n alert(\"Data sent successfully\");\r\n })\r\n .catch(err => {\r\n alert(\"Error sending data\");\r\n });\r\n };\r\n\r\n const handleInputChange = (e) => {\r\n const { name, value } = e.target;\r\n setInputData({ ...inputData, [name]: value });\r\n };\r\n\r\n return (\r\n

\r\n

\r\n x64\r\n

\r\n \r\n

\r\n 👤\r\n 📊\r\n ❤️\r\n 🛒\r\n

\r\n

\r\n\r\n

\r\n

Форма добавления медиа

\r\n \r\n

\r\n

\r\n );\r\n};\r\n\r\nexport default TestForm;\r\n","__webpack_require__.h = () => (\"ee5cbd90eae9c9fb1f26\")"],"names":[],"sourceRoot":""}��`?��@��A��.��main.ee5cbd90eae9c9fb1f26.hot-update.js�main.ee5cbd90eae9c9fb1f26.hot-update.js.mapy."use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/components/Header.js": /*!**********************************!*\ !*** ./src/components/Header.js ***! \**********************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react_hook_form__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-hook-form */ "./node_modules/react-hook-form/dist/index.esm.mjs"); /* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/dist/index.js"); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../App.css */ "./src/App.css"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\components\\Header.js", _s = __webpack_require__.$Refresh$.signature(); // убедитесь, что вы подключили CSS const TestForm = () => { _s(); const [inputData, setInputData] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({ name: '', description: '', url: '' }); const { handleSubmit } = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_3__.useForm)(); const onSubmit = data => { axios__WEBPACK_IMPORTED_MODULE_4__["default"].post('http://localhost:3001/media', data).then(res => { alert("Data sent successfully"); }).catch(err => { alert("Error sending data"); }); }; const handleInputChange = e => { const { name, value } = e.target; setInputData({ ...inputData, [name]: value }); }; return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("header", { className: "header", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "logo", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("span", { className: "logo-text", children: "x64" }, void 0, false, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 21 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("nav", { className: "nav", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "search", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("input", { type: "text", placeholder: "\u041F\u043E\u0438\u0441\u043A" }, void 0, false, { fileName: _jsxFileName, lineNumber: 34, columnNumber: 25 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 33, columnNumber: 21 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 32, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "user-actions", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_5__.Link, { className: "icon-button", to: "/Profile", children: "\uD83D\uDC64" }, void 0, false, { fileName: _jsxFileName, lineNumber: 38, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_5__.Link, { className: "icon-button", to: "/Statistics", children: "\uD83D\uDCCA" }, void 0, false, { fileName: _jsxFileName, lineNumber: 39, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_5__.Link, { className: "icon-button", to: "/Favorites", children: "\u2764\uFE0F" }, void 0, false, { fileName: _jsxFileName, lineNumber: 40, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_5__.Link, { className: "icon-button", to: "/Cart", children: "\uD83D\uDED2" }, void 0, false, { fileName: _jsxFileName, lineNumber: 41, columnNumber: 21 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 37, columnNumber: 17 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 28, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("main", { children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("h2", { children: "\u0424\u043E\u0440\u043C\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F \u043C\u0435\u0434\u0438\u0430" }, void 0, false, { fileName: _jsxFileName, lineNumber: 46, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("form", { onSubmit: handleSubmit(onSubmit), children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("label", { htmlFor: "name", children: "\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435:" }, void 0, false, { fileName: _jsxFileName, lineNumber: 49, columnNumber: 25 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("input", { type: "text", id: "name", name: "name", value: inputData.name, onChange: handleInputChange }, void 0, false, { fileName: _jsxFileName, lineNumber: 50, columnNumber: 25 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 48, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("label", { htmlFor: "description", children: "\u041E\u043F\u0438\u0441\u0430\u043D\u0438\u0435:" }, void 0, false, { fileName: _jsxFileName, lineNumber: 59, columnNumber: 25 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("input", { type: "text", id: "description", name: "description", value: inputData.description, onChange: handleInputChange }, void 0, false, { fileName: _jsxFileName, lineNumber: 60, columnNumber: 25 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 58, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("label", { htmlFor: "url", children: "URL:" }, void 0, false, { fileName: _jsxFileName, lineNumber: 69, columnNumber: 25 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("input", { type: "text", id: "url", name: "url", value: inputData.url, onChange: handleInputChange }, void 0, false, { fileName: _jsxFileName, lineNumber: 70, columnNumber: 25 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 68, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("button", { type: "submit", children: "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C" }, void 0, false, { fileName: _jsxFileName, lineNumber: 78, columnNumber: 21 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 47, columnNumber: 17 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 45, columnNumber: 13 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 9 }, undefined); }; _s(TestForm, "SOnaszOBgg1Z3toScqgUKFqkC4s=", false, function () { return [react_hook_form__WEBPACK_IMPORTED_MODULE_3__.useForm]; }); _c = TestForm; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TestForm); var _c; __webpack_require__.$Refresh$.register(_c, "TestForm"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("f427d6829f3f98bd04c3") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.ee5cbd90eae9c9fb1f26.hot-update.js.map�{"version":3,"file":"main.ee5cbd90eae9c9fb1f26.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AA5EA;AAEA;AAAA;AA4EA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpFA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/components/Header.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import axios from 'axios';\r\nimport React, { useState } from 'react';\r\nimport { useForm } from \"react-hook-form\";\r\nimport { Link } from 'react-router-dom';\r\nimport '../App.css'; // убедитесь, что вы подключили CSS\r\n\r\nconst TestForm = () => {\r\n const [inputData, setInputData] = useState({name: '', description: '', url: ''});\r\n const { handleSubmit } = useForm();\r\n\r\n const onSubmit = (data) => {\r\n axios.post('http://localhost:3001/media', data)\r\n .then(res => {\r\n alert(\"Data sent successfully\");\r\n })\r\n .catch(err => {\r\n alert(\"Error sending data\");\r\n });\r\n };\r\n\r\n const handleInputChange = (e) => {\r\n const { name, value } = e.target;\r\n setInputData({ ...inputData, [name]: value });\r\n };\r\n\r\n return (\r\n

\r\n

\r\n x64\r\n

\r\n \r\n

\r\n 👤\r\n 📊\r\n ❤️\r\n 🛒\r\n

\r\n

\r\n\r\n

\r\n

Форма добавления медиа

\r\n \r\n

\r\n

\r\n );\r\n};\r\n\r\nexport default TestForm;\r\n","__webpack_require__.h = () => (\"f427d6829f3f98bd04c3\")"],"names":[],"sourceRoot":""}��`/��0��1��main.f427d6829f3f98bd04c3.hot-update.js�main.f427d6829f3f98bd04c3.hot-update.js.map�"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/pages/Favorites.js": /*!********************************!*\ !*** ./src/pages/Favorites.js ***! \********************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); Object(function webpackMissingModule() { var e = new Error("Cannot find module './Favorites.css'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\pages\\Favorites.js", _s = __webpack_require__.$Refresh$.signature(); // убедитесь, что путь к CSS правильный const Favorites = () => { _s(); const [favorites, setFavorites] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]); const [loading, setLoading] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(true); const [error, setError] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null); (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { const fetchFavorites = async () => { try { const response = await axios__WEBPACK_IMPORTED_MODULE_3__["default"].get('http://localhost:3001/favorites'); setFavorites(response.data); } catch (error) { setError(error); } finally { setLoading(false); } }; fetchFavorites(); }, []); if (loading) { return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { children: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430..." }, void 0, false, { fileName: _jsxFileName, lineNumber: 26, columnNumber: 12 }, undefined); } if (error) { return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { children: ["\u041E\u0448\u0438\u0431\u043A\u0430: ", error.message] }, void 0, true, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 12 }, undefined); } return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "favorites", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("h2", { children: "\u0418\u0437\u0431\u0440\u0430\u043D\u043D\u043E\u0435" }, void 0, false, { fileName: _jsxFileName, lineNumber: 35, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "favorite-list", children: favorites.length === 0 ? /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("p", { children: "\u0421\u043F\u0438\u0441\u043E\u043A \u0438\u0437\u0431\u0440\u0430\u043D\u043D\u044B\u0445 \u0442\u043E\u0432\u0430\u0440\u043E\u0432 \u043F\u0443\u0441\u0442" }, void 0, false, { fileName: _jsxFileName, lineNumber: 38, columnNumber: 11 }, undefined) : favorites.map(favorite => /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "favorite-card", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("img", { src: favorite.image, alt: favorite.name, className: "favorite-image" }, void 0, false, { fileName: _jsxFileName, lineNumber: 42, columnNumber: 15 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("h3", { children: favorite.name }, void 0, false, { fileName: _jsxFileName, lineNumber: 43, columnNumber: 15 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("p", { children: ["\u0426\u0435\u043D\u0430: $", favorite.price] }, void 0, true, { fileName: _jsxFileName, lineNumber: 44, columnNumber: 15 }, undefined)] }, favorite.id, true, { fileName: _jsxFileName, lineNumber: 41, columnNumber: 13 }, undefined)) }, void 0, false, { fileName: _jsxFileName, lineNumber: 36, columnNumber: 7 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 34, columnNumber: 5 }, undefined); }; _s(Favorites, "JI6NtyT+WfBhpdN5hmvmy9+2H6k="); _c = Favorites; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Favorites); var _c; __webpack_require__.$Refresh$.register(_c, "Favorites"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("e8e7fc84a36ac3213e1f") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.f427d6829f3f98bd04c3.hot-update.js.map. {"version":3,"file":"main.f427d6829f3f98bd04c3.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAHA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AA9CA;AAgDA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpDA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/pages/Favorites.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import React, { useEffect, useState } from 'react';\r\nimport axios from 'axios';\r\nimport './Favorites.css'; // убедитесь, что путь к CSS правильный\r\n\r\nconst Favorites = () => {\r\n const [favorites, setFavorites] = useState([]);\r\n const [loading, setLoading] = useState(true);\r\n const [error, setError] = useState(null);\r\n\r\n useEffect(() => {\r\n const fetchFavorites = async () => {\r\n try {\r\n const response = await axios.get('http://localhost:3001/favorites');\r\n setFavorites(response.data);\r\n } catch (error) {\r\n setError(error);\r\n } finally {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n fetchFavorites();\r\n }, []);\r\n\r\n if (loading) {\r\n return

Загрузка...

;\r\n }\r\n\r\n if (error) {\r\n return

Ошибка: {error.message}

;\r\n }\r\n\r\n return (\r\n

\r\n

Избранное

\r\n

\r\n {favorites.length === 0 ? (\r\n

Список избранных товаров пуст

\r\n ) : (\r\n favorites.map(favorite => (\r\n

\r\n

{favorite.name}

\r\n

Цена: ${favorite.price}

\r\n

\r\n ))\r\n )}\r\n

\r\n

\r\n );\r\n};\r\n\r\nexport default Favorites;\r\n","__webpack_require__.h = () => (\"e8e7fc84a36ac3213e1f\")"],"names":[],"sourceRoot":""}��`�� !��main.e8e7fc84a36ac3213e1f.hot-update.js�main.e8e7fc84a36ac3213e1f.hot-update.js.map�"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/pages/Favorites.js": /*!********************************!*\ !*** ./src/pages/Favorites.js ***! \********************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../App.css */ "./src/App.css"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\pages\\Favorites.js", _s = __webpack_require__.$Refresh$.signature(); // убедитесь, что путь к CSS правильный const Favorites = () => { _s(); const [favorites, setFavorites] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]); const [loading, setLoading] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(true); const [error, setError] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null); (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { const fetchFavorites = async () => { try { const response = await axios__WEBPACK_IMPORTED_MODULE_3__["default"].get('http://localhost:3001/favorites'); setFavorites(response.data); } catch (error) { setError(error); } finally { setLoading(false); } }; fetchFavorites(); }, []); if (loading) { return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { children: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430..." }, void 0, false, { fileName: _jsxFileName, lineNumber: 26, columnNumber: 12 }, undefined); } if (error) { return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { children: ["\u041E\u0448\u0438\u0431\u043A\u0430: ", error.message] }, void 0, true, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 12 }, undefined); } return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "favorites", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("h2", { children: "\u0418\u0437\u0431\u0440\u0430\u043D\u043D\u043E\u0435" }, void 0, false, { fileName: _jsxFileName, lineNumber: 35, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "favorite-list", children: favorites.length === 0 ? /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("p", { children: "\u0421\u043F\u0438\u0441\u043E\u043A \u0438\u0437\u0431\u0440\u0430\u043D\u043D\u044B\u0445 \u0442\u043E\u0432\u0430\u0440\u043E\u0432 \u043F\u0443\u0441\u0442" }, void 0, false, { fileName: _jsxFileName, lineNumber: 38, columnNumber: 11 }, undefined) : favorites.map(favorite => /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "favorite-card", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("img", { src: favorite.image, alt: favorite.name, className: "favorite-image" }, void 0, false, { fileName: _jsxFileName, lineNumber: 42, columnNumber: 15 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("h3", { children: favorite.name }, void 0, false, { fileName: _jsxFileName, lineNumber: 43, columnNumber: 15 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("p", { children: ["\u0426\u0435\u043D\u0430: $", favorite.price] }, void 0, true, { fileName: _jsxFileName, lineNumber: 44, columnNumber: 15 }, undefined)] }, favorite.id, true, { fileName: _jsxFileName, lineNumber: 41, columnNumber: 13 }, undefined)) }, void 0, false, { fileName: _jsxFileName, lineNumber: 36, columnNumber: 7 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 34, columnNumber: 5 }, undefined); }; _s(Favorites, "JI6NtyT+WfBhpdN5hmvmy9+2H6k="); _c = Favorites; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Favorites); var _c; __webpack_require__.$Refresh$.register(_c, "Favorites"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("bf65a7a9bad76ee1ad01") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.e8e7fc84a36ac3213e1f.hot-update.js.map) {"version":3,"file":"main.e8e7fc84a36ac3213e1f.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAHA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AA9CA;AAgDA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpDA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/pages/Favorites.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import React, { useEffect, useState } from 'react';\r\nimport axios from 'axios';\r\nimport '../App.css'; // убедитесь, что путь к CSS правильный\r\n\r\nconst Favorites = () => {\r\n const [favorites, setFavorites] = useState([]);\r\n const [loading, setLoading] = useState(true);\r\n const [error, setError] = useState(null);\r\n\r\n useEffect(() => {\r\n const fetchFavorites = async () => {\r\n try {\r\n const response = await axios.get('http://localhost:3001/favorites');\r\n setFavorites(response.data);\r\n } catch (error) {\r\n setError(error);\r\n } finally {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n fetchFavorites();\r\n }, []);\r\n\r\n if (loading) {\r\n return

Загрузка...

;\r\n }\r\n\r\n if (error) {\r\n return

Ошибка: {error.message}

;\r\n }\r\n\r\n return (\r\n

\r\n

Избранное

\r\n

\r\n {favorites.length === 0 ? (\r\n

Список избранных товаров пуст

\r\n ) : (\r\n favorites.map(favorite => (\r\n

\r\n

{favorite.name}

\r\n

Цена: ${favorite.price}

\r\n

\r\n ))\r\n )}\r\n

\r\n

\r\n );\r\n};\r\n\r\nexport default Favorites;\r\n","__webpack_require__.h = () => (\"bf65a7a9bad76ee1ad01\")"],"names":[],"sourceRoot":""}��`��main.bf65a7a9bad76ee1ad01.hot-update.js�main.bf65a7a9bad76ee1ad01.hot-update.js.maps"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/pages/Favorites.js": /*!********************************!*\ !*** ./src/pages/Favorites.js ***! \********************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../App.css */ "./src/App.css"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\pages\\Favorites.js", _s = __webpack_require__.$Refresh$.signature(); const Favorites = () => { _s(); const [favorites, setFavorites] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]); const [loading, setLoading] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(true); const [error, setError] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null); (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { const fetchFavorites = async () => { try { const response = await axios__WEBPACK_IMPORTED_MODULE_3__["default"].get('http://localhost:3001/favorites'); setFavorites(response.data); } catch (error) { setError(error); } finally { setLoading(false); } }; fetchFavorites(); }, []); if (loading) { return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { children: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430..." }, void 0, false, { fileName: _jsxFileName, lineNumber: 26, columnNumber: 12 }, undefined); } if (error) { return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { children: ["\u041E\u0448\u0438\u0431\u043A\u0430: ", error.message] }, void 0, true, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 12 }, undefined); } return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "favorites", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("h2", { children: "\u0418\u0437\u0431\u0440\u0430\u043D\u043D\u043E\u0435" }, void 0, false, { fileName: _jsxFileName, lineNumber: 35, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "favorite-list", children: favorites.length === 0 ? /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("p", { children: "\u0421\u043F\u0438\u0441\u043E\u043A \u0438\u0437\u0431\u0440\u0430\u043D\u043D\u044B\u0445 \u0442\u043E\u0432\u0430\u0440\u043E\u0432 \u043F\u0443\u0441\u0442" }, void 0, false, { fileName: _jsxFileName, lineNumber: 38, columnNumber: 11 }, undefined) : favorites.map(favorite => /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "favorite-card", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("img", { src: favorite.image, alt: favorite.name, className: "favorite-image" }, void 0, false, { fileName: _jsxFileName, lineNumber: 42, columnNumber: 15 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("h3", { children: favorite.name }, void 0, false, { fileName: _jsxFileName, lineNumber: 43, columnNumber: 15 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("p", { children: ["\u0426\u0435\u043D\u0430: $", favorite.price] }, void 0, true, { fileName: _jsxFileName, lineNumber: 44, columnNumber: 15 }, undefined)] }, favorite.id, true, { fileName: _jsxFileName, lineNumber: 41, columnNumber: 13 }, undefined)) }, void 0, false, { fileName: _jsxFileName, lineNumber: 36, columnNumber: 7 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 34, columnNumber: 5 }, undefined); }; _s(Favorites, "JI6NtyT+WfBhpdN5hmvmy9+2H6k="); _c = Favorites; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Favorites); var _c; __webpack_require__.$Refresh$.register(_c, "Favorites"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("d2a7febbeb0841caf7d0") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.bf65a7a9bad76ee1ad01.hot-update.js.map� {"version":3,"file":"main.bf65a7a9bad76ee1ad01.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAHA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AA9CA;AAgDA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpDA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/pages/Favorites.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import React, { useEffect, useState } from 'react';\r\nimport axios from 'axios';\r\nimport '../App.css';\r\n\r\nconst Favorites = () => {\r\n const [favorites, setFavorites] = useState([]);\r\n const [loading, setLoading] = useState(true);\r\n const [error, setError] = useState(null);\r\n\r\n useEffect(() => {\r\n const fetchFavorites = async () => {\r\n try {\r\n const response = await axios.get('http://localhost:3001/favorites');\r\n setFavorites(response.data);\r\n } catch (error) {\r\n setError(error);\r\n } finally {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n fetchFavorites();\r\n }, []);\r\n\r\n if (loading) {\r\n return

Загрузка...

;\r\n }\r\n\r\n if (error) {\r\n return

Ошибка: {error.message}

;\r\n }\r\n\r\n return (\r\n

\r\n

Избранное

\r\n

\r\n {favorites.length === 0 ? (\r\n

Список избранных товаров пуст

\r\n ) : (\r\n favorites.map(favorite => (\r\n

\r\n

{favorite.name}

\r\n

Цена: ${favorite.price}

\r\n

\r\n ))\r\n )}\r\n

\r\n

\r\n );\r\n};\r\n\r\nexport default Favorites;\r\n","__webpack_require__.h = () => (\"d2a7febbeb0841caf7d0\")"],"names":[],"sourceRoot":""}��`��main.d2a7febbeb0841caf7d0.hot-update.js�main.d2a7febbeb0841caf7d0.hot-update.js.map�"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/pages/Favorites.js": /*!********************************!*\ !*** ./src/pages/Favorites.js ***! \********************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../App.css */ "./src/App.css"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\pages\\Favorites.js", _s = __webpack_require__.$Refresh$.signature(); const Favorites = () => { _s(); const [favorites, setFavorites] = useState([]); const [loading, setLoading] = useState(true); const [error, setError] = useState(null); useEffect(() => { const fetchFavorites = async () => { try { const response = await axios__WEBPACK_IMPORTED_MODULE_2__["default"].get('http://localhost:3001/favorites'); setFavorites(response.data); } catch (error) { setError(error); } finally { setLoading(false); } }; fetchFavorites(); }, []); if (loading) { return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { children: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430..." }, void 0, false, { fileName: _jsxFileName, lineNumber: 25, columnNumber: 12 }, undefined); } if (error) { return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { children: ["\u041E\u0448\u0438\u0431\u043A\u0430: ", error.message] }, void 0, true, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 12 }, undefined); } return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "favorites", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("h2", { children: "\u0418\u0437\u0431\u0440\u0430\u043D\u043D\u043E\u0435" }, void 0, false, { fileName: _jsxFileName, lineNumber: 34, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "favorite-list", children: favorites.length === 0 ? /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("p", { children: "\u0421\u043F\u0438\u0441\u043E\u043A \u0438\u0437\u0431\u0440\u0430\u043D\u043D\u044B\u0445 \u0442\u043E\u0432\u0430\u0440\u043E\u0432 \u043F\u0443\u0441\u0442" }, void 0, false, { fileName: _jsxFileName, lineNumber: 37, columnNumber: 11 }, undefined) : favorites.map(favorite => /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "favorite-card", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("img", { src: favorite.image, alt: favorite.name, className: "favorite-image" }, void 0, false, { fileName: _jsxFileName, lineNumber: 41, columnNumber: 15 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("h3", { children: favorite.name }, void 0, false, { fileName: _jsxFileName, lineNumber: 42, columnNumber: 15 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("p", { children: ["\u0426\u0435\u043D\u0430: $", favorite.price] }, void 0, true, { fileName: _jsxFileName, lineNumber: 43, columnNumber: 15 }, undefined)] }, favorite.id, true, { fileName: _jsxFileName, lineNumber: 40, columnNumber: 13 }, undefined)) }, void 0, false, { fileName: _jsxFileName, lineNumber: 35, columnNumber: 7 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 33, columnNumber: 5 }, undefined); }; _s(Favorites, "JI6NtyT+WfBhpdN5hmvmy9+2H6k="); _c = Favorites; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Favorites); var _c; __webpack_require__.$Refresh$.register(_c, "Favorites"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("07e246abfa2e027a327e") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.d2a7febbeb0841caf7d0.hot-update.js.map� {"version":3,"file":"main.d2a7febbeb0841caf7d0.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAAA;AAEA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAHA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AA9CA;AAgDA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACnDA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/pages/Favorites.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import axios from 'axios';\r\nimport '../App.css';\r\n\r\nconst Favorites = () => {\r\n const [favorites, setFavorites] = useState([]);\r\n const [loading, setLoading] = useState(true);\r\n const [error, setError] = useState(null);\r\n\r\n useEffect(() => {\r\n const fetchFavorites = async () => {\r\n try {\r\n const response = await axios.get('http://localhost:3001/favorites');\r\n setFavorites(response.data);\r\n } catch (error) {\r\n setError(error);\r\n } finally {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n fetchFavorites();\r\n }, []);\r\n\r\n if (loading) {\r\n return

Загрузка...

;\r\n }\r\n\r\n if (error) {\r\n return

Ошибка: {error.message}

;\r\n }\r\n\r\n return (\r\n

\r\n

Избранное

\r\n

\r\n {favorites.length === 0 ? (\r\n

Список избранных товаров пуст

\r\n ) : (\r\n favorites.map(favorite => (\r\n

\r\n

{favorite.name}

\r\n

Цена: ${favorite.price}

\r\n

\r\n ))\r\n )}\r\n

\r\n

\r\n );\r\n};\r\n\r\nexport default Favorites;\r\n","__webpack_require__.h = () => (\"07e246abfa2e027a327e\")"],"names":[],"sourceRoot":""}��`��main.07e246abfa2e027a327e.hot-update.js�main.07e246abfa2e027a327e.hot-update.js.map9"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/pages/Favorites.js": /*!********************************!*\ !*** ./src/pages/Favorites.js ***! \********************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../App.css */ "./src/App.css"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\pages\\Favorites.js", _s = __webpack_require__.$Refresh$.signature(); const Favorites = () => { _s(); useEffect(() => { const fetchFavorites = async () => { try { const response = await axios__WEBPACK_IMPORTED_MODULE_2__["default"].get('http://localhost:3001/favorites'); setFavorites(response.data); } catch (error) { setError(error); } finally { setLoading(false); } }; fetchFavorites(); }, []); if (loading) { return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { children: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430..." }, void 0, false, { fileName: _jsxFileName, lineNumber: 22, columnNumber: 12 }, undefined); } if (error) { return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { children: ["\u041E\u0448\u0438\u0431\u043A\u0430: ", error.message] }, void 0, true, { fileName: _jsxFileName, lineNumber: 26, columnNumber: 12 }, undefined); } return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "favorites", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("h2", { children: "\u0418\u0437\u0431\u0440\u0430\u043D\u043D\u043E\u0435" }, void 0, false, { fileName: _jsxFileName, lineNumber: 31, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "favorite-list", children: favorites.length === 0 ? /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("p", { children: "\u0421\u043F\u0438\u0441\u043E\u043A \u0438\u0437\u0431\u0440\u0430\u043D\u043D\u044B\u0445 \u0442\u043E\u0432\u0430\u0440\u043E\u0432 \u043F\u0443\u0441\u0442" }, void 0, false, { fileName: _jsxFileName, lineNumber: 34, columnNumber: 11 }, undefined) : favorites.map(favorite => /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "favorite-card", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("img", { src: favorite.image, alt: favorite.name, className: "favorite-image" }, void 0, false, { fileName: _jsxFileName, lineNumber: 38, columnNumber: 15 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("h3", { children: favorite.name }, void 0, false, { fileName: _jsxFileName, lineNumber: 39, columnNumber: 15 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("p", { children: ["\u0426\u0435\u043D\u0430: $", favorite.price] }, void 0, true, { fileName: _jsxFileName, lineNumber: 40, columnNumber: 15 }, undefined)] }, favorite.id, true, { fileName: _jsxFileName, lineNumber: 37, columnNumber: 13 }, undefined)) }, void 0, false, { fileName: _jsxFileName, lineNumber: 32, columnNumber: 7 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 5 }, undefined); }; _s(Favorites, "OD7bBpZva5O2jO+Puf00hKivP7c="); _c = Favorites; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Favorites); var _c; __webpack_require__.$Refresh$.register(_c, "Favorites"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("295fb350d93aa8e3d0b7") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.07e246abfa2e027a327e.hot-update.js.map {"version":3,"file":"main.07e246abfa2e027a327e.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAAA;AAEA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAHA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AA3CA;AA6CA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AChDA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/pages/Favorites.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import axios from 'axios';\r\nimport '../App.css';\r\n\r\nconst Favorites = () => {\r\n\r\n useEffect(() => {\r\n const fetchFavorites = async () => {\r\n try {\r\n const response = await axios.get('http://localhost:3001/favorites');\r\n setFavorites(response.data);\r\n } catch (error) {\r\n setError(error);\r\n } finally {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n fetchFavorites();\r\n }, []);\r\n\r\n if (loading) {\r\n return

Загрузка...

;\r\n }\r\n\r\n if (error) {\r\n return

Ошибка: {error.message}

;\r\n }\r\n\r\n return (\r\n

\r\n

Избранное

\r\n

\r\n {favorites.length === 0 ? (\r\n

Список избранных товаров пуст

\r\n ) : (\r\n favorites.map(favorite => (\r\n

\r\n

{favorite.name}

\r\n

Цена: ${favorite.price}

\r\n

\r\n ))\r\n )}\r\n

\r\n

\r\n );\r\n};\r\n\r\nexport default Favorites;\r\n","__webpack_require__.h = () => (\"295fb350d93aa8e3d0b7\")"],"names":[],"sourceRoot":""}��`��main.295fb350d93aa8e3d0b7.hot-update.js�main.295fb350d93aa8e3d0b7.hot-update.js.maps"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/pages/Favorites.js": /*!********************************!*\ !*** ./src/pages/Favorites.js ***! \********************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../App.css */ "./src/App.css"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\pages\\Favorites.js", _s = __webpack_require__.$Refresh$.signature(); const Favorites = () => { _s(); const [favorites, setFavorites] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]); const [loading, setLoading] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(true); const [error, setError] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null); (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { const fetchFavorites = async () => { try { const response = await axios__WEBPACK_IMPORTED_MODULE_3__["default"].get('http://localhost:3001/favorites'); setFavorites(response.data); } catch (error) { setError(error); } finally { setLoading(false); } }; fetchFavorites(); }, []); if (loading) { return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { children: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430..." }, void 0, false, { fileName: _jsxFileName, lineNumber: 26, columnNumber: 12 }, undefined); } if (error) { return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { children: ["\u041E\u0448\u0438\u0431\u043A\u0430: ", error.message] }, void 0, true, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 12 }, undefined); } return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "favorites", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("h2", { children: "\u0418\u0437\u0431\u0440\u0430\u043D\u043D\u043E\u0435" }, void 0, false, { fileName: _jsxFileName, lineNumber: 35, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "favorite-list", children: favorites.length === 0 ? /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("p", { children: "\u0421\u043F\u0438\u0441\u043E\u043A \u0438\u0437\u0431\u0440\u0430\u043D\u043D\u044B\u0445 \u0442\u043E\u0432\u0430\u0440\u043E\u0432 \u043F\u0443\u0441\u0442" }, void 0, false, { fileName: _jsxFileName, lineNumber: 38, columnNumber: 11 }, undefined) : favorites.map(favorite => /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "favorite-card", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("img", { src: favorite.image, alt: favorite.name, className: "favorite-image" }, void 0, false, { fileName: _jsxFileName, lineNumber: 42, columnNumber: 15 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("h3", { children: favorite.name }, void 0, false, { fileName: _jsxFileName, lineNumber: 43, columnNumber: 15 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("p", { children: ["\u0426\u0435\u043D\u0430: $", favorite.price] }, void 0, true, { fileName: _jsxFileName, lineNumber: 44, columnNumber: 15 }, undefined)] }, favorite.id, true, { fileName: _jsxFileName, lineNumber: 41, columnNumber: 13 }, undefined)) }, void 0, false, { fileName: _jsxFileName, lineNumber: 36, columnNumber: 7 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 34, columnNumber: 5 }, undefined); }; _s(Favorites, "JI6NtyT+WfBhpdN5hmvmy9+2H6k="); _c = Favorites; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Favorites); var _c; __webpack_require__.$Refresh$.register(_c, "Favorites"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("5bf23a6e253be0201e00") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.295fb350d93aa8e3d0b7.hot-update.js.map� {"version":3,"file":"main.295fb350d93aa8e3d0b7.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAHA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AA9CA;AAgDA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpDA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/pages/Favorites.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import React, { useEffect, useState } from 'react';\r\nimport axios from 'axios';\r\nimport '../App.css';\r\n\r\nconst Favorites = () => {\r\n const [favorites, setFavorites] = useState([]);\r\n const [loading, setLoading] = useState(true);\r\n const [error, setError] = useState(null);\r\n\r\n useEffect(() => {\r\n const fetchFavorites = async () => {\r\n try {\r\n const response = await axios.get('http://localhost:3001/favorites');\r\n setFavorites(response.data);\r\n } catch (error) {\r\n setError(error);\r\n } finally {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n fetchFavorites();\r\n }, []);\r\n\r\n if (loading) {\r\n return

Загрузка...

;\r\n }\r\n\r\n if (error) {\r\n return

Ошибка: {error.message}

;\r\n }\r\n\r\n return (\r\n

\r\n

Избранное

\r\n

\r\n {favorites.length === 0 ? (\r\n

Список избранных товаров пуст

\r\n ) : (\r\n favorites.map(favorite => (\r\n

\r\n

{favorite.name}

\r\n

Цена: ${favorite.price}

\r\n

\r\n ))\r\n )}\r\n

\r\n

\r\n );\r\n};\r\n\r\nexport default Favorites;\r\n","__webpack_require__.h = () => (\"5bf23a6e253be0201e00\")"],"names":[],"sourceRoot":""}��`��main.5bf23a6e253be0201e00.hot-update.js�main.5bf23a6e253be0201e00.hot-update.js.map�-"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/components/Header.js": /*!**********************************!*\ !*** ./src/components/Header.js ***! \**********************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react_hook_form__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-hook-form */ "./node_modules/react-hook-form/dist/index.esm.mjs"); /* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/dist/index.js"); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../App.css */ "./src/App.css"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\components\\Header.js", _s = __webpack_require__.$Refresh$.signature(); const TestForm = () => { _s(); const { handleSubmit } = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_3__.useForm)(); const onSubmit = data => { axios__WEBPACK_IMPORTED_MODULE_4__["default"].post('http://localhost:3001/media', data).then(res => { alert("Data sent successfully"); }).catch(err => { alert("Error sending data"); }); }; const handleInputChange = e => { const { name, value } = e.target; setInputData({ ...inputData, [name]: value }); }; return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("header", { className: "header", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "logo", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("span", { className: "logo-text", children: "x64" }, void 0, false, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 21 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 28, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("nav", { className: "nav", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "search", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("input", { type: "text", placeholder: "\u041F\u043E\u0438\u0441\u043A" }, void 0, false, { fileName: _jsxFileName, lineNumber: 33, columnNumber: 25 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 32, columnNumber: 21 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 31, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "user-actions", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_5__.Link, { className: "icon-button", to: "/Profile", children: "\uD83D\uDC64" }, void 0, false, { fileName: _jsxFileName, lineNumber: 37, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_5__.Link, { className: "icon-button", to: "/Statistics", children: "\uD83D\uDCCA" }, void 0, false, { fileName: _jsxFileName, lineNumber: 38, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_5__.Link, { className: "icon-button", to: "/Favorites", children: "\u2764\uFE0F" }, void 0, false, { fileName: _jsxFileName, lineNumber: 39, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_5__.Link, { className: "icon-button", to: "/Cart", children: "\uD83D\uDED2" }, void 0, false, { fileName: _jsxFileName, lineNumber: 40, columnNumber: 21 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 36, columnNumber: 17 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("main", { children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("h2", { children: "\u0424\u043E\u0440\u043C\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F \u043C\u0435\u0434\u0438\u0430" }, void 0, false, { fileName: _jsxFileName, lineNumber: 45, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("form", { onSubmit: handleSubmit(onSubmit), children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("label", { htmlFor: "name", children: "\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435:" }, void 0, false, { fileName: _jsxFileName, lineNumber: 48, columnNumber: 25 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("input", { type: "text", id: "name", name: "name", value: inputData.name, onChange: handleInputChange }, void 0, false, { fileName: _jsxFileName, lineNumber: 49, columnNumber: 25 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 47, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("label", { htmlFor: "description", children: "\u041E\u043F\u0438\u0441\u0430\u043D\u0438\u0435:" }, void 0, false, { fileName: _jsxFileName, lineNumber: 58, columnNumber: 25 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("input", { type: "text", id: "description", name: "description", value: inputData.description, onChange: handleInputChange }, void 0, false, { fileName: _jsxFileName, lineNumber: 59, columnNumber: 25 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 57, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("label", { htmlFor: "url", children: "URL:" }, void 0, false, { fileName: _jsxFileName, lineNumber: 68, columnNumber: 25 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("input", { type: "text", id: "url", name: "url", value: inputData.url, onChange: handleInputChange }, void 0, false, { fileName: _jsxFileName, lineNumber: 69, columnNumber: 25 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 67, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("button", { type: "submit", children: "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C" }, void 0, false, { fileName: _jsxFileName, lineNumber: 77, columnNumber: 21 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 46, columnNumber: 17 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 44, columnNumber: 13 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 26, columnNumber: 9 }, undefined); }; _s(TestForm, "ihkm0bqtMflZUs2dHeuRCkmbjLo=", false, function () { return [react_hook_form__WEBPACK_IMPORTED_MODULE_3__.useForm]; }); _c = TestForm; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TestForm); var _c; __webpack_require__.$Refresh$.register(_c, "TestForm"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("ab4d7c3744c1258bcca7") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.5bf23a6e253be0201e00.hot-update.js.map?{"version":3,"file":"main.5bf23a6e253be0201e00.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AA3EA;AACA;AAAA;AA4EA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACnFA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/components/Header.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import axios from 'axios';\r\nimport React, { useState } from 'react';\r\nimport { useForm } from \"react-hook-form\";\r\nimport { Link } from 'react-router-dom';\r\nimport '../App.css';\r\n\r\nconst TestForm = () => {\r\n const { handleSubmit } = useForm();\r\n\r\n const onSubmit = (data) => {\r\n axios.post('http://localhost:3001/media', data)\r\n .then(res => {\r\n alert(\"Data sent successfully\");\r\n })\r\n .catch(err => {\r\n alert(\"Error sending data\");\r\n });\r\n };\r\n\r\n const handleInputChange = (e) => {\r\n const { name, value } = e.target;\r\n setInputData({ ...inputData, [name]: value });\r\n };\r\n\r\n return (\r\n

\r\n

\r\n x64\r\n

\r\n \r\n

\r\n 👤\r\n 📊\r\n ❤️\r\n 🛒\r\n

\r\n

\r\n\r\n

\r\n

Форма добавления медиа

\r\n \r\n

\r\n

\r\n );\r\n};\r\n\r\nexport default TestForm;\r\n","__webpack_require__.h = () => (\"ab4d7c3744c1258bcca7\")"],"names":[],"sourceRoot":""}��`��main.ab4d7c3744c1258bcca7.hot-update.js�main.ab4d7c3744c1258bcca7.hot-update.js.map=."use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/components/Header.js": /*!**********************************!*\ !*** ./src/components/Header.js ***! \**********************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react_hook_form__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-hook-form */ "./node_modules/react-hook-form/dist/index.esm.mjs"); /* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/dist/index.js"); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../App.css */ "./src/App.css"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\components\\Header.js", _s = __webpack_require__.$Refresh$.signature(); const TestForm = () => { _s(); const [inputData, setInputData] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({ name: '', description: '', url: '' }); const { handleSubmit } = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_3__.useForm)(); const onSubmit = data => { axios__WEBPACK_IMPORTED_MODULE_4__["default"].post('http://localhost:3001/media', data).then(res => { alert("Data sent successfully"); }).catch(err => { alert("Error sending data"); }); }; const handleInputChange = e => { const { name, value } = e.target; setInputData({ ...inputData, [name]: value }); }; return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("header", { className: "header", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "logo", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("span", { className: "logo-text", children: "x64" }, void 0, false, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 21 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("nav", { className: "nav", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "search", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("input", { type: "text", placeholder: "\u041F\u043E\u0438\u0441\u043A" }, void 0, false, { fileName: _jsxFileName, lineNumber: 34, columnNumber: 25 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 33, columnNumber: 21 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 32, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "user-actions", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_5__.Link, { className: "icon-button", to: "/Profile", children: "\uD83D\uDC64" }, void 0, false, { fileName: _jsxFileName, lineNumber: 38, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_5__.Link, { className: "icon-button", to: "/Statistics", children: "\uD83D\uDCCA" }, void 0, false, { fileName: _jsxFileName, lineNumber: 39, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_5__.Link, { className: "icon-button", to: "/Favorites", children: "\u2764\uFE0F" }, void 0, false, { fileName: _jsxFileName, lineNumber: 40, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_5__.Link, { className: "icon-button", to: "/Cart", children: "\uD83D\uDED2" }, void 0, false, { fileName: _jsxFileName, lineNumber: 41, columnNumber: 21 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 37, columnNumber: 17 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 28, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("main", { children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("h2", { children: "\u0424\u043E\u0440\u043C\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F \u043C\u0435\u0434\u0438\u0430" }, void 0, false, { fileName: _jsxFileName, lineNumber: 46, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("form", { onSubmit: handleSubmit(onSubmit), children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("label", { htmlFor: "name", children: "\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435:" }, void 0, false, { fileName: _jsxFileName, lineNumber: 49, columnNumber: 25 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("input", { type: "text", id: "name", name: "name", value: inputData.name, onChange: handleInputChange }, void 0, false, { fileName: _jsxFileName, lineNumber: 50, columnNumber: 25 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 48, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("label", { htmlFor: "description", children: "\u041E\u043F\u0438\u0441\u0430\u043D\u0438\u0435:" }, void 0, false, { fileName: _jsxFileName, lineNumber: 59, columnNumber: 25 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("input", { type: "text", id: "description", name: "description", value: inputData.description, onChange: handleInputChange }, void 0, false, { fileName: _jsxFileName, lineNumber: 60, columnNumber: 25 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 58, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("label", { htmlFor: "url", children: "URL:" }, void 0, false, { fileName: _jsxFileName, lineNumber: 69, columnNumber: 25 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("input", { type: "text", id: "url", name: "url", value: inputData.url, onChange: handleInputChange }, void 0, false, { fileName: _jsxFileName, lineNumber: 70, columnNumber: 25 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 68, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("button", { type: "submit", children: "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C" }, void 0, false, { fileName: _jsxFileName, lineNumber: 78, columnNumber: 21 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 47, columnNumber: 17 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 45, columnNumber: 13 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 9 }, undefined); }; _s(TestForm, "SOnaszOBgg1Z3toScqgUKFqkC4s=", false, function () { return [react_hook_form__WEBPACK_IMPORTED_MODULE_3__.useForm]; }); _c = TestForm; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TestForm); var _c; __webpack_require__.$Refresh$.register(_c, "TestForm"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("732ca948e7ce7dc7b897") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.ab4d7c3744c1258bcca7.hot-update.js.map�{"version":3,"file":"main.ab4d7c3744c1258bcca7.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AA5EA;AAEA;AAAA;AA4EA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpFA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/components/Header.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import axios from 'axios';\r\nimport React, { useState } from 'react';\r\nimport { useForm } from \"react-hook-form\";\r\nimport { Link } from 'react-router-dom';\r\nimport '../App.css';\r\n\r\nconst TestForm = () => {\r\n const [inputData, setInputData] = useState({name: '', description: '', url: ''});\r\n const { handleSubmit } = useForm();\r\n\r\n const onSubmit = (data) => {\r\n axios.post('http://localhost:3001/media', data)\r\n .then(res => {\r\n alert(\"Data sent successfully\");\r\n })\r\n .catch(err => {\r\n alert(\"Error sending data\");\r\n });\r\n };\r\n\r\n const handleInputChange = (e) => {\r\n const { name, value } = e.target;\r\n setInputData({ ...inputData, [name]: value });\r\n };\r\n\r\n return (\r\n

\r\n

\r\n x64\r\n

\r\n \r\n

\r\n 👤\r\n 📊\r\n ❤️\r\n 🛒\r\n

\r\n

\r\n\r\n

\r\n

Форма добавления медиа

\r\n \r\n

\r\n

\r\n );\r\n};\r\n\r\nexport default TestForm;\r\n","__webpack_require__.h = () => (\"732ca948e7ce7dc7b897\")"],"names":[],"sourceRoot":""}��`��main.732ca948e7ce7dc7b897.hot-update.js�main.732ca948e7ce7dc7b897.hot-update.js.map�+"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/components/Header.js": /*!**********************************!*\ !*** ./src/components/Header.js ***! \**********************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/dist/index.js"); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../App.css */ "./src/App.css"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\components\\Header.js"; const TestForm = () => { const onSubmit = data => { axios__WEBPACK_IMPORTED_MODULE_3__["default"].post('http://localhost:3001/media', data).then(res => { alert("Data sent successfully"); }).catch(err => { alert("Error sending data"); }); }; const handleInputChange = e => { const { name, value } = e.target; setInputData({ ...inputData, [name]: value }); }; return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("header", { className: "header", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "logo", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("span", { className: "logo-text", children: "x64" }, void 0, false, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 21 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 26, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("nav", { className: "nav", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "search", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("input", { type: "text", placeholder: "\u041F\u043E\u0438\u0441\u043A" }, void 0, false, { fileName: _jsxFileName, lineNumber: 31, columnNumber: 25 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 21 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "user-actions", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Profile", children: "\uD83D\uDC64" }, void 0, false, { fileName: _jsxFileName, lineNumber: 35, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Statistics", children: "\uD83D\uDCCA" }, void 0, false, { fileName: _jsxFileName, lineNumber: 36, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Favorites", children: "\u2764\uFE0F" }, void 0, false, { fileName: _jsxFileName, lineNumber: 37, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Cart", children: "\uD83D\uDED2" }, void 0, false, { fileName: _jsxFileName, lineNumber: 38, columnNumber: 21 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 34, columnNumber: 17 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 25, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("main", { children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("h2", { children: "\u0424\u043E\u0440\u043C\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F \u043C\u0435\u0434\u0438\u0430" }, void 0, false, { fileName: _jsxFileName, lineNumber: 43, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("form", { onSubmit: handleSubmit(onSubmit), children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("label", { htmlFor: "name", children: "\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435:" }, void 0, false, { fileName: _jsxFileName, lineNumber: 46, columnNumber: 25 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("input", { type: "text", id: "name", name: "name", value: inputData.name, onChange: handleInputChange }, void 0, false, { fileName: _jsxFileName, lineNumber: 47, columnNumber: 25 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 45, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("label", { htmlFor: "description", children: "\u041E\u043F\u0438\u0441\u0430\u043D\u0438\u0435:" }, void 0, false, { fileName: _jsxFileName, lineNumber: 56, columnNumber: 25 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("input", { type: "text", id: "description", name: "description", value: inputData.description, onChange: handleInputChange }, void 0, false, { fileName: _jsxFileName, lineNumber: 57, columnNumber: 25 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 55, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("label", { htmlFor: "url", children: "URL:" }, void 0, false, { fileName: _jsxFileName, lineNumber: 66, columnNumber: 25 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("input", { type: "text", id: "url", name: "url", value: inputData.url, onChange: handleInputChange }, void 0, false, { fileName: _jsxFileName, lineNumber: 67, columnNumber: 25 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 65, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("button", { type: "submit", children: "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C" }, void 0, false, { fileName: _jsxFileName, lineNumber: 75, columnNumber: 21 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 44, columnNumber: 17 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 42, columnNumber: 13 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 24, columnNumber: 9 }, undefined); }; _c = TestForm; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TestForm); var _c; __webpack_require__.$Refresh$.register(_c, "TestForm"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("89644597273746e8879e") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.732ca948e7ce7dc7b897.hot-update.js.map�{"version":3,"file":"main.732ca948e7ce7dc7b897.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAEA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACjFA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/components/Header.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import axios from 'axios';\r\nimport React, { useState } from 'react';\r\nimport { useForm } from \"react-hook-form\";\r\nimport { Link } from 'react-router-dom';\r\nimport '../App.css';\r\n\r\nconst TestForm = () => {\r\n const onSubmit = (data) => {\r\n axios.post('http://localhost:3001/media', data)\r\n .then(res => {\r\n alert(\"Data sent successfully\");\r\n })\r\n .catch(err => {\r\n alert(\"Error sending data\");\r\n });\r\n };\r\n\r\n const handleInputChange = (e) => {\r\n const { name, value } = e.target;\r\n setInputData({ ...inputData, [name]: value });\r\n };\r\n\r\n return (\r\n

\r\n

\r\n x64\r\n

\r\n \r\n

\r\n 👤\r\n 📊\r\n ❤️\r\n 🛒\r\n

\r\n

\r\n\r\n

\r\n

Форма добавления медиа

\r\n \r\n

\r\n

\r\n );\r\n};\r\n\r\nexport default TestForm;\r\n","__webpack_require__.h = () => (\"89644597273746e8879e\")"],"names":[],"sourceRoot":""}��`��main.89644597273746e8879e.hot-update.js�main.89644597273746e8879e.hot-update.js.map�+"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/components/Header.js": /*!**********************************!*\ !*** ./src/components/Header.js ***! \**********************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/dist/index.js"); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../App.css */ "./src/App.css"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\components\\Header.js"; const TestForm = () => { const onSubmit = data => { axios__WEBPACK_IMPORTED_MODULE_3__["default"].post('http://localhost:3001/media', data).then(res => { alert("Data sent successfully"); }).catch(err => { alert("Error sending data"); }); }; const handleInputChange = e => { const { name, value } = e.target; }; return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("header", { className: "header", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "logo", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("span", { className: "logo-text", children: "x64" }, void 0, false, { fileName: _jsxFileName, lineNumber: 26, columnNumber: 21 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 25, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("nav", { className: "nav", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "search", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("input", { type: "text", placeholder: "\u041F\u043E\u0438\u0441\u043A" }, void 0, false, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 25 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 21 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 28, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "user-actions", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Profile", children: "\uD83D\uDC64" }, void 0, false, { fileName: _jsxFileName, lineNumber: 34, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Statistics", children: "\uD83D\uDCCA" }, void 0, false, { fileName: _jsxFileName, lineNumber: 35, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Favorites", children: "\u2764\uFE0F" }, void 0, false, { fileName: _jsxFileName, lineNumber: 36, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Cart", children: "\uD83D\uDED2" }, void 0, false, { fileName: _jsxFileName, lineNumber: 37, columnNumber: 21 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 33, columnNumber: 17 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 24, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("main", { children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("h2", { children: "\u0424\u043E\u0440\u043C\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F \u043C\u0435\u0434\u0438\u0430" }, void 0, false, { fileName: _jsxFileName, lineNumber: 42, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("form", { onSubmit: handleSubmit(onSubmit), children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("label", { htmlFor: "name", children: "\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435:" }, void 0, false, { fileName: _jsxFileName, lineNumber: 45, columnNumber: 25 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("input", { type: "text", id: "name", name: "name", value: inputData.name, onChange: handleInputChange }, void 0, false, { fileName: _jsxFileName, lineNumber: 46, columnNumber: 25 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 44, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("label", { htmlFor: "description", children: "\u041E\u043F\u0438\u0441\u0430\u043D\u0438\u0435:" }, void 0, false, { fileName: _jsxFileName, lineNumber: 55, columnNumber: 25 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("input", { type: "text", id: "description", name: "description", value: inputData.description, onChange: handleInputChange }, void 0, false, { fileName: _jsxFileName, lineNumber: 56, columnNumber: 25 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 54, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("label", { htmlFor: "url", children: "URL:" }, void 0, false, { fileName: _jsxFileName, lineNumber: 65, columnNumber: 25 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("input", { type: "text", id: "url", name: "url", value: inputData.url, onChange: handleInputChange }, void 0, false, { fileName: _jsxFileName, lineNumber: 66, columnNumber: 25 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 64, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("button", { type: "submit", children: "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C" }, void 0, false, { fileName: _jsxFileName, lineNumber: 74, columnNumber: 21 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 43, columnNumber: 17 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 41, columnNumber: 13 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 23, columnNumber: 9 }, undefined); }; _c = TestForm; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TestForm); var _c; __webpack_require__.$Refresh$.register(_c, "TestForm"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("67b1e2d19b9f741fd675") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.89644597273746e8879e.hot-update.js.map�{"version":3,"file":"main.89644597273746e8879e.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAEA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AChFA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/components/Header.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import axios from 'axios';\r\nimport React, { useState } from 'react';\r\nimport { useForm } from \"react-hook-form\";\r\nimport { Link } from 'react-router-dom';\r\nimport '../App.css';\r\n\r\nconst TestForm = () => {\r\n const onSubmit = (data) => {\r\n axios.post('http://localhost:3001/media', data)\r\n .then(res => {\r\n alert(\"Data sent successfully\");\r\n })\r\n .catch(err => {\r\n alert(\"Error sending data\");\r\n });\r\n };\r\n\r\n const handleInputChange = (e) => {\r\n const { name, value } = e.target;\r\n };\r\n\r\n return (\r\n

\r\n

\r\n x64\r\n

\r\n \r\n

\r\n 👤\r\n 📊\r\n ❤️\r\n 🛒\r\n

\r\n

\r\n\r\n

\r\n

Форма добавления медиа

\r\n \r\n

\r\n

\r\n );\r\n};\r\n\r\nexport default TestForm;\r\n","__webpack_require__.h = () => (\"67b1e2d19b9f741fd675\")"],"names":[],"sourceRoot":""}��`��~��main.67b1e2d19b9f741fd675.hot-update.js�main.67b1e2d19b9f741fd675.hot-update.js.map"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/components/Header.js": /*!**********************************!*\ !*** ./src/components/Header.js ***! \**********************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/dist/index.js"); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../App.css */ "./src/App.css"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\components\\Header.js"; const TestForm = () => { const onSubmit = data => { axios__WEBPACK_IMPORTED_MODULE_3__["default"].post('http://localhost:3001/media', data).then(res => { alert("Data sent successfully"); }).catch(err => { alert("Error sending data"); }); }; const handleInputChange = e => { const { name, value } = e.target; setInputData({ ...inputData, [name]: value }); }; return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("header", { className: "header", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "logo", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("span", { className: "logo-text", children: "x64" }, void 0, false, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 21 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 26, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("nav", { className: "nav", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "search", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("input", { type: "text", placeholder: "\u041F\u043E\u0438\u0441\u043A" }, void 0, false, { fileName: _jsxFileName, lineNumber: 31, columnNumber: 25 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 21 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "user-actions", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Profile", children: "\uD83D\uDC64" }, void 0, false, { fileName: _jsxFileName, lineNumber: 35, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Statistics", children: "\uD83D\uDCCA" }, void 0, false, { fileName: _jsxFileName, lineNumber: 36, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Favorites", children: "\u2764\uFE0F" }, void 0, false, { fileName: _jsxFileName, lineNumber: 37, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Cart", children: "\uD83D\uDED2" }, void 0, false, { fileName: _jsxFileName, lineNumber: 38, columnNumber: 21 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 34, columnNumber: 17 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 25, columnNumber: 13 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 24, columnNumber: 9 }, undefined); }; _c = TestForm; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TestForm); var _c; __webpack_require__.$Refresh$.register(_c, "TestForm"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("f3bb8683b8cd55d933ce") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.67b1e2d19b9f741fd675.hot-update.js.map� {"version":3,"file":"main.67b1e2d19b9f741fd675.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAEA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC7CA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/components/Header.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import axios from 'axios';\r\nimport React, { useState } from 'react';\r\nimport { useForm } from \"react-hook-form\";\r\nimport { Link } from 'react-router-dom';\r\nimport '../App.css';\r\n\r\nconst TestForm = () => {\r\n const onSubmit = (data) => {\r\n axios.post('http://localhost:3001/media', data)\r\n .then(res => {\r\n alert(\"Data sent successfully\");\r\n })\r\n .catch(err => {\r\n alert(\"Error sending data\");\r\n });\r\n };\r\n\r\n const handleInputChange = (e) => {\r\n const { name, value } = e.target;\r\n setInputData({ ...inputData, [name]: value });\r\n };\r\n\r\n return (\r\n

\r\n

\r\n x64\r\n

\r\n \r\n

\r\n 👤\r\n 📊\r\n ❤️\r\n 🛒\r\n

\r\n

\r\n\r\n

\r\n );\r\n};\r\n\r\nexport default TestForm;\r\n","__webpack_require__.h = () => (\"f3bb8683b8cd55d933ce\")"],"names":[],"sourceRoot":""}��`��n��main.f3bb8683b8cd55d933ce.hot-update.js�main.f3bb8683b8cd55d933ce.hot-update.js.map"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/components/Header.js": /*!**********************************!*\ !*** ./src/components/Header.js ***! \**********************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/dist/index.js"); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../App.css */ "./src/App.css"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\components\\Header.js"; const Header = () => { const onSubmit = data => { axios__WEBPACK_IMPORTED_MODULE_3__["default"].post('http://localhost:3001/media', data).then(res => { alert("Data sent successfully"); }).catch(err => { alert("Error sending data"); }); }; const handleInputChange = e => { const { name, value } = e.target; setInputData({ ...inputData, [name]: value }); }; return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("header", { className: "header", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "logo", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("span", { className: "logo-text", children: "x64" }, void 0, false, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 21 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 26, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("nav", { className: "nav", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "search", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("input", { type: "text", placeholder: "\u041F\u043E\u0438\u0441\u043A" }, void 0, false, { fileName: _jsxFileName, lineNumber: 31, columnNumber: 25 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 21 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "user-actions", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Profile", children: "\uD83D\uDC64" }, void 0, false, { fileName: _jsxFileName, lineNumber: 35, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Statistics", children: "\uD83D\uDCCA" }, void 0, false, { fileName: _jsxFileName, lineNumber: 36, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Favorites", children: "\u2764\uFE0F" }, void 0, false, { fileName: _jsxFileName, lineNumber: 37, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Cart", children: "\uD83D\uDED2" }, void 0, false, { fileName: _jsxFileName, lineNumber: 38, columnNumber: 21 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 34, columnNumber: 17 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 25, columnNumber: 13 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 24, columnNumber: 9 }, undefined); }; _c = Header; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TestForm); var _c; __webpack_require__.$Refresh$.register(_c, "Header"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("92e24e2b430e87e03598") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.f3bb8683b8cd55d933ce.hot-update.js.map� {"version":3,"file":"main.f3bb8683b8cd55d933ce.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAEA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC7CA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/components/Header.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import axios from 'axios';\r\nimport React, { useState } from 'react';\r\nimport { useForm } from \"react-hook-form\";\r\nimport { Link } from 'react-router-dom';\r\nimport '../App.css';\r\n\r\nconst Header = () => {\r\n const onSubmit = (data) => {\r\n axios.post('http://localhost:3001/media', data)\r\n .then(res => {\r\n alert(\"Data sent successfully\");\r\n })\r\n .catch(err => {\r\n alert(\"Error sending data\");\r\n });\r\n };\r\n\r\n const handleInputChange = (e) => {\r\n const { name, value } = e.target;\r\n setInputData({ ...inputData, [name]: value });\r\n };\r\n\r\n return (\r\n

\r\n

\r\n x64\r\n

\r\n \r\n

\r\n 👤\r\n 📊\r\n ❤️\r\n 🛒\r\n

\r\n

\r\n\r\n

\r\n );\r\n};\r\n\r\nexport default TestForm;\r\n","__webpack_require__.h = () => (\"92e24e2b430e87e03598\")"],"names":[],"sourceRoot":""}��`o��p��q��^��main.92e24e2b430e87e03598.hot-update.js�main.92e24e2b430e87e03598.hot-update.js.map"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/components/Header.js": /*!**********************************!*\ !*** ./src/components/Header.js ***! \**********************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/dist/index.js"); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../App.css */ "./src/App.css"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\components\\Header.js"; const Header = () => { const onSubmit = data => { axios__WEBPACK_IMPORTED_MODULE_3__["default"].post('http://localhost:3001/media', data).then(res => { alert("Data sent successfully"); }).catch(err => { alert("Error sending data"); }); }; const handleInputChange = e => { const { name, value } = e.target; setInputData({ ...inputData, [name]: value }); }; return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("header", { className: "header", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "logo", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("span", { className: "logo-text", children: "x64" }, void 0, false, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 21 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 26, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("nav", { className: "nav", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "search", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("input", { type: "text", placeholder: "\u041F\u043E\u0438\u0441\u043A" }, void 0, false, { fileName: _jsxFileName, lineNumber: 31, columnNumber: 25 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 21 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "user-actions", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Profile", children: "\uD83D\uDC64" }, void 0, false, { fileName: _jsxFileName, lineNumber: 35, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Statistics", children: "\uD83D\uDCCA" }, void 0, false, { fileName: _jsxFileName, lineNumber: 36, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Favorites", children: "\u2764\uFE0F" }, void 0, false, { fileName: _jsxFileName, lineNumber: 37, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Cart", children: "\uD83D\uDED2" }, void 0, false, { fileName: _jsxFileName, lineNumber: 38, columnNumber: 21 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 34, columnNumber: 17 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 25, columnNumber: 13 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 24, columnNumber: 9 }, undefined); }; _c = Header; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Header); var _c; __webpack_require__.$Refresh$.register(_c, "Header"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("553febc9d5a4531186bc") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.92e24e2b430e87e03598.hot-update.js.map� {"version":3,"file":"main.92e24e2b430e87e03598.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAEA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC7CA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/components/Header.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import axios from 'axios';\r\nimport React, { useState } from 'react';\r\nimport { useForm } from \"react-hook-form\";\r\nimport { Link } from 'react-router-dom';\r\nimport '../App.css';\r\n\r\nconst Header = () => {\r\n const onSubmit = (data) => {\r\n axios.post('http://localhost:3001/media', data)\r\n .then(res => {\r\n alert(\"Data sent successfully\");\r\n })\r\n .catch(err => {\r\n alert(\"Error sending data\");\r\n });\r\n };\r\n\r\n const handleInputChange = (e) => {\r\n const { name, value } = e.target;\r\n setInputData({ ...inputData, [name]: value });\r\n };\r\n\r\n return (\r\n

\r\n

\r\n x64\r\n

\r\n \r\n

\r\n 👤\r\n 📊\r\n ❤️\r\n 🛒\r\n

\r\n

\r\n\r\n

\r\n );\r\n};\r\n\r\nexport default Header;\r\n","__webpack_require__.h = () => (\"553febc9d5a4531186bc\")"],"names":[],"sourceRoot":""}��`_��`��a��N��main.553febc9d5a4531186bc.hot-update.js�main.553febc9d5a4531186bc.hot-update.js.map"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/components/Header.js": /*!**********************************!*\ !*** ./src/components/Header.js ***! \**********************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/dist/index.js"); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../App.css */ "./src/App.css"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\components\\Header.js"; const Header = () => { const onSubmit = data => { axios__WEBPACK_IMPORTED_MODULE_2__["default"].post('http://localhost:3001/media', data).then(res => { alert("Data sent successfully"); }).catch(err => { alert("Error sending data"); }); }; const handleInputChange = e => { const { name, value } = e.target; setInputData({ ...inputData, [name]: value }); }; return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("header", { className: "header", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "logo", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("span", { className: "logo-text", children: "x64" }, void 0, false, { fileName: _jsxFileName, lineNumber: 25, columnNumber: 21 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 24, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("nav", { className: "nav", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "search", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("input", { type: "text", placeholder: "\u041F\u043E\u0438\u0441\u043A" }, void 0, false, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 25 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 28, columnNumber: 21 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "user-actions", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_3__.Link, { className: "icon-button", to: "/Profile", children: "\uD83D\uDC64" }, void 0, false, { fileName: _jsxFileName, lineNumber: 33, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_3__.Link, { className: "icon-button", to: "/Statistics", children: "\uD83D\uDCCA" }, void 0, false, { fileName: _jsxFileName, lineNumber: 34, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_3__.Link, { className: "icon-button", to: "/Favorites", children: "\u2764\uFE0F" }, void 0, false, { fileName: _jsxFileName, lineNumber: 35, columnNumber: 21 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_3__.Link, { className: "icon-button", to: "/Cart", children: "\uD83D\uDED2" }, void 0, false, { fileName: _jsxFileName, lineNumber: 36, columnNumber: 21 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 32, columnNumber: 17 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 23, columnNumber: 13 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 22, columnNumber: 9 }, undefined); }; _c = Header; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Header); var _c; __webpack_require__.$Refresh$.register(_c, "Header"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("56361387cc61cde2c5cf") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.553febc9d5a4531186bc.hot-update.js.mapD {"version":3,"file":"main.553febc9d5a4531186bc.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAAA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAEA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC3CA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/components/Header.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import axios from 'axios';\r\nimport { Link } from 'react-router-dom';\r\nimport '../App.css';\r\n\r\nconst Header = () => {\r\n const onSubmit = (data) => {\r\n axios.post('http://localhost:3001/media', data)\r\n .then(res => {\r\n alert(\"Data sent successfully\");\r\n })\r\n .catch(err => {\r\n alert(\"Error sending data\");\r\n });\r\n };\r\n\r\n const handleInputChange = (e) => {\r\n const { name, value } = e.target;\r\n setInputData({ ...inputData, [name]: value });\r\n };\r\n\r\n return (\r\n

\r\n

\r\n x64\r\n

\r\n \r\n

\r\n 👤\r\n 📊\r\n ❤️\r\n 🛒\r\n

\r\n

\r\n\r\n

\r\n );\r\n};\r\n\r\nexport default Header;\r\n","__webpack_require__.h = () => (\"56361387cc61cde2c5cf\")"],"names":[],"sourceRoot":""}��`O��P��Q��>��main.56361387cc61cde2c5cf.hot-update.js�main.56361387cc61cde2c5cf.hot-update.js.map'g"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/components/Header.js": /*!**********************************!*\ !*** ./src/components/Header.js ***! \**********************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react_hook_form__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-hook-form */ "./node_modules/react-hook-form/dist/index.esm.mjs"); /* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/dist/index.js"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\components\\Header.js", _s = __webpack_require__.$Refresh$.signature(); const TestForm = () => { _s(); const [inputData, setInputData] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({ name: '', description: '', url: '' }); const { handleSubmit } = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_2__.useForm)(); const onSubmit = () => { axios__WEBPACK_IMPORTED_MODULE_3__["default"].post('http://localhost:3001/media', inputData).then(res => { alert("Data sent successfully"); }).catch(err => { alert("Error sending data"); }); }; const handleInputChange = (e, field) => { setInputData({ ...inputData, [field]: e.target.value }); }; return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("header", { className: "header", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "logo", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("span", { className: "logo-text", children: "x64" }, void 0, false, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 17 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 26, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("nav", { className: "nav", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "search", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("input", { type: "text", placeholder: "\u041F\u043E\u0438\u0441\u043A" }, void 0, false, { fileName: _jsxFileName, lineNumber: 31, columnNumber: 21 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 17 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "user-actions", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Profile", children: "\uD83D\uDC64" }, void 0, false, { fileName: _jsxFileName, lineNumber: 35, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Statistics", children: "\uD83D\uDCCA" }, void 0, false, { fileName: _jsxFileName, lineNumber: 36, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Favorites", children: "\u2764\uFE0F" }, void 0, false, { fileName: _jsxFileName, lineNumber: 37, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Card", children: "\uD83D\uDED2" }, void 0, false, { fileName: _jsxFileName, lineNumber: 38, columnNumber: 17 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 34, columnNumber: 13 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 25, columnNumber: 9 }, undefined); }; _s(TestForm, "coM/pAI6LurY1FQOiVA7pfyL93Y=", false, function () { return [react_hook_form__WEBPACK_IMPORTED_MODULE_2__.useForm]; }); _c = TestForm; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TestForm); var _c; __webpack_require__.$Refresh$.register(_c, "TestForm"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }), /***/ "./node_modules/react-hook-form/dist/index.esm.mjs": /*!*********************************************************!*\ !*** ./node_modules/react-hook-form/dist/index.esm.mjs ***! \*********************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ Controller: () => (/* binding */ Controller), /* harmony export */ Form: () => (/* binding */ Form), /* harmony export */ FormProvider: () => (/* binding */ FormProvider), /* harmony export */ appendErrors: () => (/* binding */ appendErrors), /* harmony export */ get: () => (/* binding */ get), /* harmony export */ set: () => (/* binding */ set), /* harmony export */ useController: () => (/* binding */ useController), /* harmony export */ useFieldArray: () => (/* binding */ useFieldArray), /* harmony export */ useForm: () => (/* binding */ useForm), /* harmony export */ useFormContext: () => (/* binding */ useFormContext), /* harmony export */ useFormState: () => (/* binding */ useFormState), /* harmony export */ useWatch: () => (/* binding */ useWatch) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); var isCheckBoxInput = element => element.type === 'checkbox'; var isDateObject = value => value instanceof Date; var isNullOrUndefined = value => value == null; const isObjectType = value => typeof value === 'object'; var isObject = value => !isNullOrUndefined(value) && !Array.isArray(value) && isObjectType(value) && !isDateObject(value); var getEventValue = event => isObject(event) && event.target ? isCheckBoxInput(event.target) ? event.target.checked : event.target.value : event; var getNodeParentName = name => name.substring(0, name.search(/\.\d+(\.|$)/)) || name; var isNameInFieldArray = (names, name) => names.has(getNodeParentName(name)); var isPlainObject = tempObject => { const prototypeCopy = tempObject.constructor && tempObject.constructor.prototype; return isObject(prototypeCopy) && prototypeCopy.hasOwnProperty('isPrototypeOf'); }; var isWeb = typeof window !== 'undefined' && typeof window.HTMLElement !== 'undefined' && typeof document !== 'undefined'; function cloneObject(data) { let copy; const isArray = Array.isArray(data); if (data instanceof Date) { copy = new Date(data); } else if (data instanceof Set) { copy = new Set(data); } else if (!(isWeb && (data instanceof Blob || data instanceof FileList)) && (isArray || isObject(data))) { copy = isArray ? [] : {}; if (!isArray && !isPlainObject(data)) { copy = data; } else { for (const key in data) { if (data.hasOwnProperty(key)) { copy[key] = cloneObject(data[key]); } } } } else { return data; } return copy; } var compact = value => Array.isArray(value) ? value.filter(Boolean) : []; var isUndefined = val => val === undefined; var get = (object, path, defaultValue) => { if (!path || !isObject(object)) { return defaultValue; } const result = compact(path.split(/[,[\].]+?/)).reduce((result, key) => isNullOrUndefined(result) ? result : result[key], object); return isUndefined(result) || result === object ? isUndefined(object[path]) ? defaultValue : object[path] : result; }; var isBoolean = value => typeof value === 'boolean'; var isKey = value => /^\w*$/.test(value); var stringToPath = input => compact(input.replace(/["|']|\]/g, '').split(/\.|\[/)); var set = (object, path, value) => { let index = -1; const tempPath = isKey(path) ? [path] : stringToPath(path); const length = tempPath.length; const lastIndex = length - 1; while (++index < length) { const key = tempPath[index]; let newValue = value; if (index !== lastIndex) { const objValue = object[key]; newValue = isObject(objValue) || Array.isArray(objValue) ? objValue : !isNaN(+tempPath[index + 1]) ? [] : {}; } if (key === '__proto__') { return; } object[key] = newValue; object = object[key]; } return object; }; const EVENTS = { BLUR: 'blur', FOCUS_OUT: 'focusout', CHANGE: 'change' }; const VALIDATION_MODE = { onBlur: 'onBlur', onChange: 'onChange', onSubmit: 'onSubmit', onTouched: 'onTouched', all: 'all' }; const INPUT_VALIDATION_RULES = { max: 'max', min: 'min', maxLength: 'maxLength', minLength: 'minLength', pattern: 'pattern', required: 'required', validate: 'validate' }; const HookFormContext = react__WEBPACK_IMPORTED_MODULE_0__.createContext(null); /** * This custom hook allows you to access the form context. useFormContext is intended to be used in deeply nested structures, where it would become inconvenient to pass the context as a prop. To be used with {@link FormProvider}. * * @remarks * [API](https://react-hook-form.com/docs/useformcontext) • [Demo](https://codesandbox.io/s/react-hook-form-v7-form-context-ytudi) * * @returns return all useForm methods * * @example * ```tsx * function App() { * const methods = useForm(); * const onSubmit = data => console.log(data); * * return ( * * * ); * } * * function NestedInput() { * const { register } = useFormContext(); // retrieve all hook methods * return ; * } * ``` */ const useFormContext = () => react__WEBPACK_IMPORTED_MODULE_0__.useContext(HookFormContext); /** * A provider component that propagates the `useForm` methods to all children components via [React Context](https://reactjs.org/docs/context.html) API. To be used with {@link useFormContext}. * * @remarks * [API](https://react-hook-form.com/docs/useformcontext) • [Demo](https://codesandbox.io/s/react-hook-form-v7-form-context-ytudi) * * @param props - all useForm methods * * @example * ```tsx * function App() { * const methods = useForm(); * const onSubmit = data => console.log(data); * * return ( * * * ); * } * * function NestedInput() { * const { register } = useFormContext(); // retrieve all hook methods * return ; * } * ``` */ const FormProvider = props => { const { children, ...data } = props; return react__WEBPACK_IMPORTED_MODULE_0__.createElement(HookFormContext.Provider, { value: data }, children); }; var getProxyFormState = (formState, control, localProxyFormState, isRoot = true) => { const result = { defaultValues: control._defaultValues }; for (const key in formState) { Object.defineProperty(result, key, { get: () => { const _key = key; if (control._proxyFormState[_key] !== VALIDATION_MODE.all) { control._proxyFormState[_key] = !isRoot || VALIDATION_MODE.all; } localProxyFormState && (localProxyFormState[_key] = true); return formState[_key]; } }); } return result; }; var isEmptyObject = value => isObject(value) && !Object.keys(value).length; var shouldRenderFormState = (formStateData, _proxyFormState, updateFormState, isRoot) => { updateFormState(formStateData); const { name, ...formState } = formStateData; return isEmptyObject(formState) || Object.keys(formState).length >= Object.keys(_proxyFormState).length || Object.keys(formState).find(key => _proxyFormState[key] === (!isRoot || VALIDATION_MODE.all)); }; var convertToArrayPayload = value => Array.isArray(value) ? value : [value]; var shouldSubscribeByName = (name, signalName, exact) => !name || !signalName || name === signalName || convertToArrayPayload(name).some(currentName => currentName && (exact ? currentName === signalName : currentName.startsWith(signalName) || signalName.startsWith(currentName))); function useSubscribe(props) { const _props = react__WEBPACK_IMPORTED_MODULE_0__.useRef(props); _props.current = props; react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => { const subscription = !props.disabled && _props.current.subject && _props.current.subject.subscribe({ next: _props.current.next }); return () => { subscription && subscription.unsubscribe(); }; }, [props.disabled]); } /** * This custom hook allows you to subscribe to each form state, and isolate the re-render at the custom hook level. It has its scope in terms of form state subscription, so it would not affect other useFormState and useForm. Using this hook can reduce the re-render impact on large and complex form application. * * @remarks * [API](https://react-hook-form.com/docs/useformstate) • [Demo](https://codesandbox.io/s/useformstate-75xly) * * @param props - include options on specify fields to subscribe. {@link UseFormStateReturn} * * @example * ```tsx * function App() { * const { register, handleSubmit, control } = useForm({ * defaultValues: { * firstName: "firstName" * }}); * const { dirtyFields } = useFormState({ * control * }); * const onSubmit = (data) => console.log(data); * * return ( * * ); * } * ``` */ function useFormState(props) { const methods = useFormContext(); const { control = methods.control, disabled, name, exact } = props || {}; const [formState, updateFormState] = react__WEBPACK_IMPORTED_MODULE_0__.useState(control._formState); const _mounted = react__WEBPACK_IMPORTED_MODULE_0__.useRef(true); const _localProxyFormState = react__WEBPACK_IMPORTED_MODULE_0__.useRef({ isDirty: false, isLoading: false, dirtyFields: false, touchedFields: false, validatingFields: false, isValidating: false, isValid: false, errors: false }); const _name = react__WEBPACK_IMPORTED_MODULE_0__.useRef(name); _name.current = name; useSubscribe({ disabled, next: value => _mounted.current && shouldSubscribeByName(_name.current, value.name, exact) && shouldRenderFormState(value, _localProxyFormState.current, control._updateFormState) && updateFormState({ ...control._formState, ...value }), subject: control._subjects.state }); react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => { _mounted.current = true; _localProxyFormState.current.isValid && control._updateValid(true); return () => { _mounted.current = false; }; }, [control]); return getProxyFormState(formState, control, _localProxyFormState.current, false); } var isString = value => typeof value === 'string'; var generateWatchOutput = (names, _names, formValues, isGlobal, defaultValue) => { if (isString(names)) { isGlobal && _names.watch.add(names); return get(formValues, names, defaultValue); } if (Array.isArray(names)) { return names.map(fieldName => (isGlobal && _names.watch.add(fieldName), get(formValues, fieldName))); } isGlobal && (_names.watchAll = true); return formValues; }; /** * Custom hook to subscribe to field change and isolate re-rendering at the component level. * * @remarks * * [API](https://react-hook-form.com/docs/usewatch) • [Demo](https://codesandbox.io/s/react-hook-form-v7-ts-usewatch-h9i5e) * * @example * ```tsx * const { control } = useForm(); * const values = useWatch({ * name: "fieldName" * control, * }) * ``` */ function useWatch(props) { const methods = useFormContext(); const { control = methods.control, name, defaultValue, disabled, exact } = props || {}; const _name = react__WEBPACK_IMPORTED_MODULE_0__.useRef(name); _name.current = name; useSubscribe({ disabled, subject: control._subjects.values, next: formState => { if (shouldSubscribeByName(_name.current, formState.name, exact)) { updateValue(cloneObject(generateWatchOutput(_name.current, control._names, formState.values || control._formValues, false, defaultValue))); } } }); const [value, updateValue] = react__WEBPACK_IMPORTED_MODULE_0__.useState(control._getWatch(name, defaultValue)); react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => control._removeUnmounted()); return value; } /** * Custom hook to work with controlled component, this function provide you with both form and field level state. Re-render is isolated at the hook level. * * @remarks * [API](https://react-hook-form.com/docs/usecontroller) • [Demo](https://codesandbox.io/s/usecontroller-0o8px) * * @param props - the path name to the form field value, and validation rules. * * @returns field properties, field and form state. {@link UseControllerReturn} * * @example * ```tsx * function Input(props) { * const { field, fieldState, formState } = useController(props); * return ( *

* *

{fieldState.isTouched && "Touched"}

{formState.isSubmitted ? "submitted" : ""}

* ); * } * ``` */ function useController(props) { const methods = useFormContext(); const { name, disabled, control = methods.control, shouldUnregister } = props; const isArrayField = isNameInFieldArray(control._names.array, name); const value = useWatch({ control, name, defaultValue: get(control._formValues, name, get(control._defaultValues, name, props.defaultValue)), exact: true }); const formState = useFormState({ control, name }); const _registerProps = react__WEBPACK_IMPORTED_MODULE_0__.useRef(control.register(name, { ...props.rules, value, ...(isBoolean(props.disabled) ? { disabled: props.disabled } : {}) })); react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => { const _shouldUnregisterField = control._options.shouldUnregister || shouldUnregister; const updateMounted = (name, value) => { const field = get(control._fields, name); if (field) { field._f.mount = value; } }; updateMounted(name, true); if (_shouldUnregisterField) { const value = cloneObject(get(control._options.defaultValues, name)); set(control._defaultValues, name, value); if (isUndefined(get(control._formValues, name))) { set(control._formValues, name, value); } } return () => { (isArrayField ? _shouldUnregisterField && !control._state.action : _shouldUnregisterField) ? control.unregister(name) : updateMounted(name, false); }; }, [name, control, isArrayField, shouldUnregister]); react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => { if (get(control._fields, name)) { control._updateDisabledField({ disabled, fields: control._fields, name, value: get(control._fields, name)._f.value }); } }, [disabled, name, control]); return { field: { name, value, ...(isBoolean(disabled) || formState.disabled ? { disabled: formState.disabled || disabled } : {}), onChange: react__WEBPACK_IMPORTED_MODULE_0__.useCallback(event => _registerProps.current.onChange({ target: { value: getEventValue(event), name: name }, type: EVENTS.CHANGE }), [name]), onBlur: react__WEBPACK_IMPORTED_MODULE_0__.useCallback(() => _registerProps.current.onBlur({ target: { value: get(control._formValues, name), name: name }, type: EVENTS.BLUR }), [name, control]), ref: elm => { const field = get(control._fields, name); if (field && elm) { field._f.ref = { focus: () => elm.focus(), select: () => elm.select(), setCustomValidity: message => elm.setCustomValidity(message), reportValidity: () => elm.reportValidity() }; } } }, formState, fieldState: Object.defineProperties({}, { invalid: { enumerable: true, get: () => !!get(formState.errors, name) }, isDirty: { enumerable: true, get: () => !!get(formState.dirtyFields, name) }, isTouched: { enumerable: true, get: () => !!get(formState.touchedFields, name) }, isValidating: { enumerable: true, get: () => !!get(formState.validatingFields, name) }, error: { enumerable: true, get: () => get(formState.errors, name) } }) }; } /** * Component based on `useController` hook to work with controlled component. * * @remarks * [API](https://react-hook-form.com/docs/usecontroller/controller) • [Demo](https://codesandbox.io/s/react-hook-form-v6-controller-ts-jwyzw) • [Video](https://www.youtube.com/watch?v=N2UNk_UCVyA) * * @param props - the path name to the form field value, and validation rules. * * @returns provide field handler functions, field and form state. * * @example * ```tsx * function App() { * const { control } = useForm({ * defaultValues: { * test: "" * } * }); * * return ( *

* ( * <> * *

{formState.isSubmitted ? "submitted" : ""}

{fieldState.isTouched ? "touched" : ""}

* * )} * /> * * ); * } * ``` */ const Controller = props => props.render(useController(props)); const POST_REQUEST = 'post'; /** * Form component to manage submission. * * @param props - to setup submission detail. {@link FormProps} * * @returns form component or headless render prop. * * @example * ```tsx * function App() { * const { control, formState: { errors } } = useForm(); * * return ( * * ); * } * ``` */ function Form(props) { const methods = useFormContext(); const [mounted, setMounted] = react__WEBPACK_IMPORTED_MODULE_0__.useState(false); const { control = methods.control, onSubmit, children, action, method = POST_REQUEST, headers, encType, onError, render, onSuccess, validateStatus, ...rest } = props; const submit = async event => { let hasError = false; let type = ''; await control.handleSubmit(async data => { const formData = new FormData(); let formDataJson = ''; try { formDataJson = JSON.stringify(data); } catch (_a) {} for (const name of control._names.mount) { formData.append(name, get(data, name)); } if (onSubmit) { await onSubmit({ data, event, method, formData, formDataJson }); } if (action) { try { const shouldStringifySubmissionData = [headers && headers['Content-Type'], encType].some(value => value && value.includes('json')); const response = await fetch(action, { method, headers: { ...headers, ...(encType ? { 'Content-Type': encType } : {}) }, body: shouldStringifySubmissionData ? formDataJson : formData }); if (response && (validateStatus ? !validateStatus(response.status) : response.status < 200 || response.status >= 300)) { hasError = true; onError && onError({ response }); type = String(response.status); } else { onSuccess && onSuccess({ response }); } } catch (error) { hasError = true; onError && onError({ error }); } } })(event); if (hasError && props.control) { props.control._subjects.state.next({ isSubmitSuccessful: false }); props.control.setError('root.server', { type }); } }; react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => { setMounted(true); }, []); return render ? react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, render({ submit })) : react__WEBPACK_IMPORTED_MODULE_0__.createElement("form", { noValidate: mounted, action: action, method: method, encType: encType, onSubmit: submit, ...rest }, children); } var appendErrors = (name, validateAllFieldCriteria, errors, type, message) => validateAllFieldCriteria ? { ...errors[name], types: { ...(errors[name] && errors[name].types ? errors[name].types : {}), [type]: message || true } } : {}; var generateId = () => { const d = typeof performance === 'undefined' ? Date.now() : performance.now() * 1000; return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, c => { const r = (Math.random() * 16 + d) % 16 | 0; return (c == 'x' ? r : r & 0x3 | 0x8).toString(16); }); }; var getFocusFieldName = (name, index, options = {}) => options.shouldFocus || isUndefined(options.shouldFocus) ? options.focusName || `${name}.${isUndefined(options.focusIndex) ? index : options.focusIndex}.` : ''; var getValidationModes = mode => ({ isOnSubmit: !mode || mode === VALIDATION_MODE.onSubmit, isOnBlur: mode === VALIDATION_MODE.onBlur, isOnChange: mode === VALIDATION_MODE.onChange, isOnAll: mode === VALIDATION_MODE.all, isOnTouch: mode === VALIDATION_MODE.onTouched }); var isWatched = (name, _names, isBlurEvent) => !isBlurEvent && (_names.watchAll || _names.watch.has(name) || [..._names.watch].some(watchName => name.startsWith(watchName) && /^\.\w+/.test(name.slice(watchName.length)))); const iterateFieldsByAction = (fields, action, fieldsNames, abortEarly) => { for (const key of fieldsNames || Object.keys(fields)) { const field = get(fields, key); if (field) { const { _f, ...currentField } = field; if (_f) { if (_f.refs && _f.refs[0] && action(_f.refs[0], key) && !abortEarly) { break; } else if (_f.ref && action(_f.ref, _f.name) && !abortEarly) { break; } else { iterateFieldsByAction(currentField, action); } } else if (isObject(currentField)) { iterateFieldsByAction(currentField, action); } } } }; var updateFieldArrayRootError = (errors, error, name) => { const fieldArrayErrors = compact(get(errors, name)); set(fieldArrayErrors, 'root', error[name]); set(errors, name, fieldArrayErrors); return errors; }; var isFileInput = element => element.type === 'file'; var isFunction = value => typeof value === 'function'; var isHTMLElement = value => { if (!isWeb) { return false; } const owner = value ? value.ownerDocument : 0; return value instanceof (owner && owner.defaultView ? owner.defaultView.HTMLElement : HTMLElement); }; var isMessage = value => isString(value); var isRadioInput = element => element.type === 'radio'; var isRegex = value => value instanceof RegExp; const defaultResult = { value: false, isValid: false }; const validResult = { value: true, isValid: true }; var getCheckboxValue = options => { if (Array.isArray(options)) { if (options.length > 1) { const values = options.filter(option => option && option.checked && !option.disabled).map(option => option.value); return { value: values, isValid: !!values.length }; } return options[0].checked && !options[0].disabled ? // @ts-expect-error expected to work in the browser options[0].attributes && !isUndefined(options[0].attributes.value) ? isUndefined(options[0].value) || options[0].value === '' ? validResult : { value: options[0].value, isValid: true } : validResult : defaultResult; } return defaultResult; }; const defaultReturn = { isValid: false, value: null }; var getRadioValue = options => Array.isArray(options) ? options.reduce((previous, option) => option && option.checked && !option.disabled ? { isValid: true, value: option.value } : previous, defaultReturn) : defaultReturn; function getValidateError(result, ref, type = 'validate') { if (isMessage(result) || Array.isArray(result) && result.every(isMessage) || isBoolean(result) && !result) { return { type, message: isMessage(result) ? result : '', ref }; } } var getValueAndMessage = validationData => isObject(validationData) && !isRegex(validationData) ? validationData : { value: validationData, message: '' }; var validateField = async (field, formValues, validateAllFieldCriteria, shouldUseNativeValidation, isFieldArray) => { const { ref, refs, required, maxLength, minLength, min, max, pattern, validate, name, valueAsNumber, mount, disabled } = field._f; const inputValue = get(formValues, name); if (!mount || disabled) { return {}; } const inputRef = refs ? refs[0] : ref; const setCustomValidity = message => { if (shouldUseNativeValidation && inputRef.reportValidity) { inputRef.setCustomValidity(isBoolean(message) ? '' : message || ''); inputRef.reportValidity(); } }; const error = {}; const isRadio = isRadioInput(ref); const isCheckBox = isCheckBoxInput(ref); const isRadioOrCheckbox = isRadio || isCheckBox; const isEmpty = (valueAsNumber || isFileInput(ref)) && isUndefined(ref.value) && isUndefined(inputValue) || isHTMLElement(ref) && ref.value === '' || inputValue === '' || Array.isArray(inputValue) && !inputValue.length; const appendErrorsCurry = appendErrors.bind(null, name, validateAllFieldCriteria, error); const getMinMaxMessage = (exceedMax, maxLengthMessage, minLengthMessage, maxType = INPUT_VALIDATION_RULES.maxLength, minType = INPUT_VALIDATION_RULES.minLength) => { const message = exceedMax ? maxLengthMessage : minLengthMessage; error[name] = { type: exceedMax ? maxType : minType, message, ref, ...appendErrorsCurry(exceedMax ? maxType : minType, message) }; }; if (isFieldArray ? !Array.isArray(inputValue) || !inputValue.length : required && (!isRadioOrCheckbox && (isEmpty || isNullOrUndefined(inputValue)) || isBoolean(inputValue) && !inputValue || isCheckBox && !getCheckboxValue(refs).isValid || isRadio && !getRadioValue(refs).isValid)) { const { value, message } = isMessage(required) ? { value: !!required, message: required } : getValueAndMessage(required); if (value) { error[name] = { type: INPUT_VALIDATION_RULES.required, message, ref: inputRef, ...appendErrorsCurry(INPUT_VALIDATION_RULES.required, message) }; if (!validateAllFieldCriteria) { setCustomValidity(message); return error; } } } if (!isEmpty && (!isNullOrUndefined(min) || !isNullOrUndefined(max))) { let exceedMax; let exceedMin; const maxOutput = getValueAndMessage(max); const minOutput = getValueAndMessage(min); if (!isNullOrUndefined(inputValue) && !isNaN(inputValue)) { const valueNumber = ref.valueAsNumber || (inputValue ? +inputValue : inputValue); if (!isNullOrUndefined(maxOutput.value)) { exceedMax = valueNumber > maxOutput.value; } if (!isNullOrUndefined(minOutput.value)) { exceedMin = valueNumber < minOutput.value; } } else { const valueDate = ref.valueAsDate || new Date(inputValue); const convertTimeToDate = time => new Date(new Date().toDateString() + ' ' + time); const isTime = ref.type == 'time'; const isWeek = ref.type == 'week'; if (isString(maxOutput.value) && inputValue) { exceedMax = isTime ? convertTimeToDate(inputValue) > convertTimeToDate(maxOutput.value) : isWeek ? inputValue > maxOutput.value : valueDate > new Date(maxOutput.value); } if (isString(minOutput.value) && inputValue) { exceedMin = isTime ? convertTimeToDate(inputValue) < convertTimeToDate(minOutput.value) : isWeek ? inputValue < minOutput.value : valueDate < new Date(minOutput.value); } } if (exceedMax || exceedMin) { getMinMaxMessage(!!exceedMax, maxOutput.message, minOutput.message, INPUT_VALIDATION_RULES.max, INPUT_VALIDATION_RULES.min); if (!validateAllFieldCriteria) { setCustomValidity(error[name].message); return error; } } } if ((maxLength || minLength) && !isEmpty && (isString(inputValue) || isFieldArray && Array.isArray(inputValue))) { const maxLengthOutput = getValueAndMessage(maxLength); const minLengthOutput = getValueAndMessage(minLength); const exceedMax = !isNullOrUndefined(maxLengthOutput.value) && inputValue.length > +maxLengthOutput.value; const exceedMin = !isNullOrUndefined(minLengthOutput.value) && inputValue.length < +minLengthOutput.value; if (exceedMax || exceedMin) { getMinMaxMessage(exceedMax, maxLengthOutput.message, minLengthOutput.message); if (!validateAllFieldCriteria) { setCustomValidity(error[name].message); return error; } } } if (pattern && !isEmpty && isString(inputValue)) { const { value: patternValue, message } = getValueAndMessage(pattern); if (isRegex(patternValue) && !inputValue.match(patternValue)) { error[name] = { type: INPUT_VALIDATION_RULES.pattern, message, ref, ...appendErrorsCurry(INPUT_VALIDATION_RULES.pattern, message) }; if (!validateAllFieldCriteria) { setCustomValidity(message); return error; } } } if (validate) { if (isFunction(validate)) { const result = await validate(inputValue, formValues); const validateError = getValidateError(result, inputRef); if (validateError) { error[name] = { ...validateError, ...appendErrorsCurry(INPUT_VALIDATION_RULES.validate, validateError.message) }; if (!validateAllFieldCriteria) { setCustomValidity(validateError.message); return error; } } } else if (isObject(validate)) { let validationResult = {}; for (const key in validate) { if (!isEmptyObject(validationResult) && !validateAllFieldCriteria) { break; } const validateError = getValidateError(await validate[key](inputValue, formValues), inputRef, key); if (validateError) { validationResult = { ...validateError, ...appendErrorsCurry(key, validateError.message) }; setCustomValidity(validateError.message); if (validateAllFieldCriteria) { error[name] = validationResult; } } } if (!isEmptyObject(validationResult)) { error[name] = { ref: inputRef, ...validationResult }; if (!validateAllFieldCriteria) { return error; } } } } setCustomValidity(true); return error; }; var appendAt = (data, value) => [...data, ...convertToArrayPayload(value)]; var fillEmptyArray = value => Array.isArray(value) ? value.map(() => undefined) : undefined; function insert(data, index, value) { return [...data.slice(0, index), ...convertToArrayPayload(value), ...data.slice(index)]; } var moveArrayAt = (data, from, to) => { if (!Array.isArray(data)) { return []; } if (isUndefined(data[to])) { data[to] = undefined; } data.splice(to, 0, data.splice(from, 1)[0]); return data; }; var prependAt = (data, value) => [...convertToArrayPayload(value), ...convertToArrayPayload(data)]; function removeAtIndexes(data, indexes) { let i = 0; const temp = [...data]; for (const index of indexes) { temp.splice(index - i, 1); i++; } return compact(temp).length ? temp : []; } var removeArrayAt = (data, index) => isUndefined(index) ? [] : removeAtIndexes(data, convertToArrayPayload(index).sort((a, b) => a - b)); var swapArrayAt = (data, indexA, indexB) => { [data[indexA], data[indexB]] = [data[indexB], data[indexA]]; }; function baseGet(object, updatePath) { const length = updatePath.slice(0, -1).length; let index = 0; while (index < length) { object = isUndefined(object) ? index++ : object[updatePath[index++]]; } return object; } function isEmptyArray(obj) { for (const key in obj) { if (obj.hasOwnProperty(key) && !isUndefined(obj[key])) { return false; } } return true; } function unset(object, path) { const paths = Array.isArray(path) ? path : isKey(path) ? [path] : stringToPath(path); const childObject = paths.length === 1 ? object : baseGet(object, paths); const index = paths.length - 1; const key = paths[index]; if (childObject) { delete childObject[key]; } if (index !== 0 && (isObject(childObject) && isEmptyObject(childObject) || Array.isArray(childObject) && isEmptyArray(childObject))) { unset(object, paths.slice(0, -1)); } return object; } var updateAt = (fieldValues, index, value) => { fieldValues[index] = value; return fieldValues; }; /** * A custom hook that exposes convenient methods to perform operations with a list of dynamic inputs that need to be appended, updated, removed etc. • [Demo](https://codesandbox.io/s/react-hook-form-usefieldarray-ssugn) • [Video](https://youtu.be/4MrbfGSFY2A) * * @remarks * [API](https://react-hook-form.com/docs/usefieldarray) • [Demo](https://codesandbox.io/s/react-hook-form-usefieldarray-ssugn) * * @param props - useFieldArray props * * @returns methods - functions to manipulate with the Field Arrays (dynamic inputs) {@link UseFieldArrayReturn} * * @example * ```tsx * function App() { * const { register, control, handleSubmit, reset, trigger, setError } = useForm({ * defaultValues: { * test: [] * } * }); * const { fields, append } = useFieldArray({ * control, * name: "test" * }); * * return ( * * ); * } * ``` */ function useFieldArray(props) { const methods = useFormContext(); const { control = methods.control, name, keyName = 'id', shouldUnregister } = props; const [fields, setFields] = react__WEBPACK_IMPORTED_MODULE_0__.useState(control._getFieldArray(name)); const ids = react__WEBPACK_IMPORTED_MODULE_0__.useRef(control._getFieldArray(name).map(generateId)); const _fieldIds = react__WEBPACK_IMPORTED_MODULE_0__.useRef(fields); const _name = react__WEBPACK_IMPORTED_MODULE_0__.useRef(name); const _actioned = react__WEBPACK_IMPORTED_MODULE_0__.useRef(false); _name.current = name; _fieldIds.current = fields; control._names.array.add(name); props.rules && control.register(name, props.rules); useSubscribe({ next: ({ values, name: fieldArrayName }) => { if (fieldArrayName === _name.current || !fieldArrayName) { const fieldValues = get(values, _name.current); if (Array.isArray(fieldValues)) { setFields(fieldValues); ids.current = fieldValues.map(generateId); } } }, subject: control._subjects.array }); const updateValues = react__WEBPACK_IMPORTED_MODULE_0__.useCallback(updatedFieldArrayValues => { _actioned.current = true; control._updateFieldArray(name, updatedFieldArrayValues); }, [control, name]); const append = (value, options) => { const appendValue = convertToArrayPayload(cloneObject(value)); const updatedFieldArrayValues = appendAt(control._getFieldArray(name), appendValue); control._names.focus = getFocusFieldName(name, updatedFieldArrayValues.length - 1, options); ids.current = appendAt(ids.current, appendValue.map(generateId)); updateValues(updatedFieldArrayValues); setFields(updatedFieldArrayValues); control._updateFieldArray(name, updatedFieldArrayValues, appendAt, { argA: fillEmptyArray(value) }); }; const prepend = (value, options) => { const prependValue = convertToArrayPayload(cloneObject(value)); const updatedFieldArrayValues = prependAt(control._getFieldArray(name), prependValue); control._names.focus = getFocusFieldName(name, 0, options); ids.current = prependAt(ids.current, prependValue.map(generateId)); updateValues(updatedFieldArrayValues); setFields(updatedFieldArrayValues); control._updateFieldArray(name, updatedFieldArrayValues, prependAt, { argA: fillEmptyArray(value) }); }; const remove = index => { const updatedFieldArrayValues = removeArrayAt(control._getFieldArray(name), index); ids.current = removeArrayAt(ids.current, index); updateValues(updatedFieldArrayValues); setFields(updatedFieldArrayValues); control._updateFieldArray(name, updatedFieldArrayValues, removeArrayAt, { argA: index }); }; const insert$1 = (index, value, options) => { const insertValue = convertToArrayPayload(cloneObject(value)); const updatedFieldArrayValues = insert(control._getFieldArray(name), index, insertValue); control._names.focus = getFocusFieldName(name, index, options); ids.current = insert(ids.current, index, insertValue.map(generateId)); updateValues(updatedFieldArrayValues); setFields(updatedFieldArrayValues); control._updateFieldArray(name, updatedFieldArrayValues, insert, { argA: index, argB: fillEmptyArray(value) }); }; const swap = (indexA, indexB) => { const updatedFieldArrayValues = control._getFieldArray(name); swapArrayAt(updatedFieldArrayValues, indexA, indexB); swapArrayAt(ids.current, indexA, indexB); updateValues(updatedFieldArrayValues); setFields(updatedFieldArrayValues); control._updateFieldArray(name, updatedFieldArrayValues, swapArrayAt, { argA: indexA, argB: indexB }, false); }; const move = (from, to) => { const updatedFieldArrayValues = control._getFieldArray(name); moveArrayAt(updatedFieldArrayValues, from, to); moveArrayAt(ids.current, from, to); updateValues(updatedFieldArrayValues); setFields(updatedFieldArrayValues); control._updateFieldArray(name, updatedFieldArrayValues, moveArrayAt, { argA: from, argB: to }, false); }; const update = (index, value) => { const updateValue = cloneObject(value); const updatedFieldArrayValues = updateAt(control._getFieldArray(name), index, updateValue); ids.current = [...updatedFieldArrayValues].map((item, i) => !item || i === index ? generateId() : ids.current[i]); updateValues(updatedFieldArrayValues); setFields([...updatedFieldArrayValues]); control._updateFieldArray(name, updatedFieldArrayValues, updateAt, { argA: index, argB: updateValue }, true, false); }; const replace = value => { const updatedFieldArrayValues = convertToArrayPayload(cloneObject(value)); ids.current = updatedFieldArrayValues.map(generateId); updateValues([...updatedFieldArrayValues]); setFields([...updatedFieldArrayValues]); control._updateFieldArray(name, [...updatedFieldArrayValues], data => data, {}, true, false); }; react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => { control._state.action = false; isWatched(name, control._names) && control._subjects.state.next({ ...control._formState }); if (_actioned.current && (!getValidationModes(control._options.mode).isOnSubmit || control._formState.isSubmitted)) { if (control._options.resolver) { control._executeSchema([name]).then(result => { const error = get(result.errors, name); const existingError = get(control._formState.errors, name); if (existingError ? !error && existingError.type || error && (existingError.type !== error.type || existingError.message !== error.message) : error && error.type) { error ? set(control._formState.errors, name, error) : unset(control._formState.errors, name); control._subjects.state.next({ errors: control._formState.errors }); } }); } else { const field = get(control._fields, name); if (field && field._f && !(getValidationModes(control._options.reValidateMode).isOnSubmit && getValidationModes(control._options.mode).isOnSubmit)) { validateField(field, control._formValues, control._options.criteriaMode === VALIDATION_MODE.all, control._options.shouldUseNativeValidation, true).then(error => !isEmptyObject(error) && control._subjects.state.next({ errors: updateFieldArrayRootError(control._formState.errors, error, name) })); } } } control._subjects.values.next({ name, values: { ...control._formValues } }); control._names.focus && iterateFieldsByAction(control._fields, (ref, key) => { if (control._names.focus && key.startsWith(control._names.focus) && ref.focus) { ref.focus(); return 1; } return; }); control._names.focus = ''; control._updateValid(); _actioned.current = false; }, [fields, name, control]); react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => { !get(control._formValues, name) && control._updateFieldArray(name); return () => { (control._options.shouldUnregister || shouldUnregister) && control.unregister(name); }; }, [name, control, keyName, shouldUnregister]); return { swap: react__WEBPACK_IMPORTED_MODULE_0__.useCallback(swap, [updateValues, name, control]), move: react__WEBPACK_IMPORTED_MODULE_0__.useCallback(move, [updateValues, name, control]), prepend: react__WEBPACK_IMPORTED_MODULE_0__.useCallback(prepend, [updateValues, name, control]), append: react__WEBPACK_IMPORTED_MODULE_0__.useCallback(append, [updateValues, name, control]), remove: react__WEBPACK_IMPORTED_MODULE_0__.useCallback(remove, [updateValues, name, control]), insert: react__WEBPACK_IMPORTED_MODULE_0__.useCallback(insert$1, [updateValues, name, control]), update: react__WEBPACK_IMPORTED_MODULE_0__.useCallback(update, [updateValues, name, control]), replace: react__WEBPACK_IMPORTED_MODULE_0__.useCallback(replace, [updateValues, name, control]), fields: react__WEBPACK_IMPORTED_MODULE_0__.useMemo(() => fields.map((field, index) => ({ ...field, [keyName]: ids.current[index] || generateId() })), [fields, keyName]) }; } var createSubject = () => { let _observers = []; const next = value => { for (const observer of _observers) { observer.next && observer.next(value); } }; const subscribe = observer => { _observers.push(observer); return { unsubscribe: () => { _observers = _observers.filter(o => o !== observer); } }; }; const unsubscribe = () => { _observers = []; }; return { get observers() { return _observers; }, next, subscribe, unsubscribe }; }; var isPrimitive = value => isNullOrUndefined(value) || !isObjectType(value); function deepEqual(object1, object2) { if (isPrimitive(object1) || isPrimitive(object2)) { return object1 === object2; } if (isDateObject(object1) && isDateObject(object2)) { return object1.getTime() === object2.getTime(); } const keys1 = Object.keys(object1); const keys2 = Object.keys(object2); if (keys1.length !== keys2.length) { return false; } for (const key of keys1) { const val1 = object1[key]; if (!keys2.includes(key)) { return false; } if (key !== 'ref') { const val2 = object2[key]; if (isDateObject(val1) && isDateObject(val2) || isObject(val1) && isObject(val2) || Array.isArray(val1) && Array.isArray(val2) ? !deepEqual(val1, val2) : val1 !== val2) { return false; } } } return true; } var isMultipleSelect = element => element.type === `select-multiple`; var isRadioOrCheckbox = ref => isRadioInput(ref) || isCheckBoxInput(ref); var live = ref => isHTMLElement(ref) && ref.isConnected; var objectHasFunction = data => { for (const key in data) { if (isFunction(data[key])) { return true; } } return false; }; function markFieldsDirty(data, fields = {}) { const isParentNodeArray = Array.isArray(data); if (isObject(data) || isParentNodeArray) { for (const key in data) { if (Array.isArray(data[key]) || isObject(data[key]) && !objectHasFunction(data[key])) { fields[key] = Array.isArray(data[key]) ? [] : {}; markFieldsDirty(data[key], fields[key]); } else if (!isNullOrUndefined(data[key])) { fields[key] = true; } } } return fields; } function getDirtyFieldsFromDefaultValues(data, formValues, dirtyFieldsFromValues) { const isParentNodeArray = Array.isArray(data); if (isObject(data) || isParentNodeArray) { for (const key in data) { if (Array.isArray(data[key]) || isObject(data[key]) && !objectHasFunction(data[key])) { if (isUndefined(formValues) || isPrimitive(dirtyFieldsFromValues[key])) { dirtyFieldsFromValues[key] = Array.isArray(data[key]) ? markFieldsDirty(data[key], []) : { ...markFieldsDirty(data[key]) }; } else { getDirtyFieldsFromDefaultValues(data[key], isNullOrUndefined(formValues) ? {} : formValues[key], dirtyFieldsFromValues[key]); } } else { dirtyFieldsFromValues[key] = !deepEqual(data[key], formValues[key]); } } } return dirtyFieldsFromValues; } var getDirtyFields = (defaultValues, formValues) => getDirtyFieldsFromDefaultValues(defaultValues, formValues, markFieldsDirty(formValues)); var getFieldValueAs = (value, { valueAsNumber, valueAsDate, setValueAs }) => isUndefined(value) ? value : valueAsNumber ? value === '' ? NaN : value ? +value : value : valueAsDate && isString(value) ? new Date(value) : setValueAs ? setValueAs(value) : value; function getFieldValue(_f) { const ref = _f.ref; if (_f.refs ? _f.refs.every(ref => ref.disabled) : ref.disabled) { return; } if (isFileInput(ref)) { return ref.files; } if (isRadioInput(ref)) { return getRadioValue(_f.refs).value; } if (isMultipleSelect(ref)) { return [...ref.selectedOptions].map(({ value }) => value); } if (isCheckBoxInput(ref)) { return getCheckboxValue(_f.refs).value; } return getFieldValueAs(isUndefined(ref.value) ? _f.ref.value : ref.value, _f); } var getResolverOptions = (fieldsNames, _fields, criteriaMode, shouldUseNativeValidation) => { const fields = {}; for (const name of fieldsNames) { const field = get(_fields, name); field && set(fields, name, field._f); } return { criteriaMode, names: [...fieldsNames], fields, shouldUseNativeValidation }; }; var getRuleValue = rule => isUndefined(rule) ? rule : isRegex(rule) ? rule.source : isObject(rule) ? isRegex(rule.value) ? rule.value.source : rule.value : rule; var hasValidation = options => options.mount && (options.required || options.min || options.max || options.maxLength || options.minLength || options.pattern || options.validate); function schemaErrorLookup(errors, _fields, name) { const error = get(errors, name); if (error || isKey(name)) { return { error, name }; } const names = name.split('.'); while (names.length) { const fieldName = names.join('.'); const field = get(_fields, fieldName); const foundError = get(errors, fieldName); if (field && !Array.isArray(field) && name !== fieldName) { return { name }; } if (foundError && foundError.type) { return { name: fieldName, error: foundError }; } names.pop(); } return { name }; } var skipValidation = (isBlurEvent, isTouched, isSubmitted, reValidateMode, mode) => { if (mode.isOnAll) { return false; } else if (!isSubmitted && mode.isOnTouch) { return !(isTouched || isBlurEvent); } else if (isSubmitted ? reValidateMode.isOnBlur : mode.isOnBlur) { return !isBlurEvent; } else if (isSubmitted ? reValidateMode.isOnChange : mode.isOnChange) { return isBlurEvent; } return true; }; var unsetEmptyArray = (ref, name) => !compact(get(ref, name)).length && unset(ref, name); const defaultOptions = { mode: VALIDATION_MODE.onSubmit, reValidateMode: VALIDATION_MODE.onChange, shouldFocusError: true }; function createFormControl(props = {}) { let _options = { ...defaultOptions, ...props }; let _formState = { submitCount: 0, isDirty: false, isLoading: isFunction(_options.defaultValues), isValidating: false, isSubmitted: false, isSubmitting: false, isSubmitSuccessful: false, isValid: false, touchedFields: {}, dirtyFields: {}, validatingFields: {}, errors: _options.errors || {}, disabled: _options.disabled || false }; let _fields = {}; let _defaultValues = isObject(_options.defaultValues) || isObject(_options.values) ? cloneObject(_options.defaultValues || _options.values) || {} : {}; let _formValues = _options.shouldUnregister ? {} : cloneObject(_defaultValues); let _state = { action: false, mount: false, watch: false }; let _names = { mount: new Set(), unMount: new Set(), array: new Set(), watch: new Set() }; let delayErrorCallback; let timer = 0; const _proxyFormState = { isDirty: false, dirtyFields: false, validatingFields: false, touchedFields: false, isValidating: false, isValid: false, errors: false }; const _subjects = { values: createSubject(), array: createSubject(), state: createSubject() }; const validationModeBeforeSubmit = getValidationModes(_options.mode); const validationModeAfterSubmit = getValidationModes(_options.reValidateMode); const shouldDisplayAllAssociatedErrors = _options.criteriaMode === VALIDATION_MODE.all; const debounce = callback => wait => { clearTimeout(timer); timer = setTimeout(callback, wait); }; const _updateValid = async shouldUpdateValid => { if (_proxyFormState.isValid || shouldUpdateValid) { const isValid = _options.resolver ? isEmptyObject((await _executeSchema()).errors) : await executeBuiltInValidation(_fields, true); if (isValid !== _formState.isValid) { _subjects.state.next({ isValid }); } } }; const _updateIsValidating = (names, isValidating) => { if (_proxyFormState.isValidating || _proxyFormState.validatingFields) { (names || Array.from(_names.mount)).forEach(name => { if (name) { isValidating ? set(_formState.validatingFields, name, isValidating) : unset(_formState.validatingFields, name); } }); _subjects.state.next({ validatingFields: _formState.validatingFields, isValidating: !isEmptyObject(_formState.validatingFields) }); } }; const _updateFieldArray = (name, values = [], method, args, shouldSetValues = true, shouldUpdateFieldsAndState = true) => { if (args && method) { _state.action = true; if (shouldUpdateFieldsAndState && Array.isArray(get(_fields, name))) { const fieldValues = method(get(_fields, name), args.argA, args.argB); shouldSetValues && set(_fields, name, fieldValues); } if (shouldUpdateFieldsAndState && Array.isArray(get(_formState.errors, name))) { const errors = method(get(_formState.errors, name), args.argA, args.argB); shouldSetValues && set(_formState.errors, name, errors); unsetEmptyArray(_formState.errors, name); } if (_proxyFormState.touchedFields && shouldUpdateFieldsAndState && Array.isArray(get(_formState.touchedFields, name))) { const touchedFields = method(get(_formState.touchedFields, name), args.argA, args.argB); shouldSetValues && set(_formState.touchedFields, name, touchedFields); } if (_proxyFormState.dirtyFields) { _formState.dirtyFields = getDirtyFields(_defaultValues, _formValues); } _subjects.state.next({ name, isDirty: _getDirty(name, values), dirtyFields: _formState.dirtyFields, errors: _formState.errors, isValid: _formState.isValid }); } else { set(_formValues, name, values); } }; const updateErrors = (name, error) => { set(_formState.errors, name, error); _subjects.state.next({ errors: _formState.errors }); }; const _setErrors = errors => { _formState.errors = errors; _subjects.state.next({ errors: _formState.errors, isValid: false }); }; const updateValidAndValue = (name, shouldSkipSetValueAs, value, ref) => { const field = get(_fields, name); if (field) { const defaultValue = get(_formValues, name, isUndefined(value) ? get(_defaultValues, name) : value); isUndefined(defaultValue) || ref && ref.defaultChecked || shouldSkipSetValueAs ? set(_formValues, name, shouldSkipSetValueAs ? defaultValue : getFieldValue(field._f)) : setFieldValue(name, defaultValue); _state.mount && _updateValid(); } }; const updateTouchAndDirty = (name, fieldValue, isBlurEvent, shouldDirty, shouldRender) => { let shouldUpdateField = false; let isPreviousDirty = false; const output = { name }; const disabledField = !!(get(_fields, name) && get(_fields, name)._f.disabled); if (!isBlurEvent || shouldDirty) { if (_proxyFormState.isDirty) { isPreviousDirty = _formState.isDirty; _formState.isDirty = output.isDirty = _getDirty(); shouldUpdateField = isPreviousDirty !== output.isDirty; } const isCurrentFieldPristine = disabledField || deepEqual(get(_defaultValues, name), fieldValue); isPreviousDirty = !!(!disabledField && get(_formState.dirtyFields, name)); isCurrentFieldPristine || disabledField ? unset(_formState.dirtyFields, name) : set(_formState.dirtyFields, name, true); output.dirtyFields = _formState.dirtyFields; shouldUpdateField = shouldUpdateField || _proxyFormState.dirtyFields && isPreviousDirty !== !isCurrentFieldPristine; } if (isBlurEvent) { const isPreviousFieldTouched = get(_formState.touchedFields, name); if (!isPreviousFieldTouched) { set(_formState.touchedFields, name, isBlurEvent); output.touchedFields = _formState.touchedFields; shouldUpdateField = shouldUpdateField || _proxyFormState.touchedFields && isPreviousFieldTouched !== isBlurEvent; } } shouldUpdateField && shouldRender && _subjects.state.next(output); return shouldUpdateField ? output : {}; }; const shouldRenderByError = (name, isValid, error, fieldState) => { const previousFieldError = get(_formState.errors, name); const shouldUpdateValid = _proxyFormState.isValid && isBoolean(isValid) && _formState.isValid !== isValid; if (props.delayError && error) { delayErrorCallback = debounce(() => updateErrors(name, error)); delayErrorCallback(props.delayError); } else { clearTimeout(timer); delayErrorCallback = null; error ? set(_formState.errors, name, error) : unset(_formState.errors, name); } if ((error ? !deepEqual(previousFieldError, error) : previousFieldError) || !isEmptyObject(fieldState) || shouldUpdateValid) { const updatedFormState = { ...fieldState, ...(shouldUpdateValid && isBoolean(isValid) ? { isValid } : {}), errors: _formState.errors, name }; _formState = { ..._formState, ...updatedFormState }; _subjects.state.next(updatedFormState); } }; const _executeSchema = async name => { _updateIsValidating(name, true); const result = await _options.resolver(_formValues, _options.context, getResolverOptions(name || _names.mount, _fields, _options.criteriaMode, _options.shouldUseNativeValidation)); _updateIsValidating(name); return result; }; const executeSchemaAndUpdateState = async names => { const { errors } = await _executeSchema(names); if (names) { for (const name of names) { const error = get(errors, name); error ? set(_formState.errors, name, error) : unset(_formState.errors, name); } } else { _formState.errors = errors; } return errors; }; const executeBuiltInValidation = async (fields, shouldOnlyCheckValid, context = { valid: true }) => { for (const name in fields) { const field = fields[name]; if (field) { const { _f, ...fieldValue } = field; if (_f) { const isFieldArrayRoot = _names.array.has(_f.name); _updateIsValidating([name], true); const fieldError = await validateField(field, _formValues, shouldDisplayAllAssociatedErrors, _options.shouldUseNativeValidation && !shouldOnlyCheckValid, isFieldArrayRoot); _updateIsValidating([name]); if (fieldError[_f.name]) { context.valid = false; if (shouldOnlyCheckValid) { break; } } !shouldOnlyCheckValid && (get(fieldError, _f.name) ? isFieldArrayRoot ? updateFieldArrayRootError(_formState.errors, fieldError, _f.name) : set(_formState.errors, _f.name, fieldError[_f.name]) : unset(_formState.errors, _f.name)); } fieldValue && (await executeBuiltInValidation(fieldValue, shouldOnlyCheckValid, context)); } } return context.valid; }; const _removeUnmounted = () => { for (const name of _names.unMount) { const field = get(_fields, name); field && (field._f.refs ? field._f.refs.every(ref => !live(ref)) : !live(field._f.ref)) && unregister(name); } _names.unMount = new Set(); }; const _getDirty = (name, data) => (name && data && set(_formValues, name, data), !deepEqual(getValues(), _defaultValues)); const _getWatch = (names, defaultValue, isGlobal) => generateWatchOutput(names, _names, { ...(_state.mount ? _formValues : isUndefined(defaultValue) ? _defaultValues : isString(names) ? { [names]: defaultValue } : defaultValue) }, isGlobal, defaultValue); const _getFieldArray = name => compact(get(_state.mount ? _formValues : _defaultValues, name, props.shouldUnregister ? get(_defaultValues, name, []) : [])); const setFieldValue = (name, value, options = {}) => { const field = get(_fields, name); let fieldValue = value; if (field) { const fieldReference = field._f; if (fieldReference) { !fieldReference.disabled && set(_formValues, name, getFieldValueAs(value, fieldReference)); fieldValue = isHTMLElement(fieldReference.ref) && isNullOrUndefined(value) ? '' : value; if (isMultipleSelect(fieldReference.ref)) { [...fieldReference.ref.options].forEach(optionRef => optionRef.selected = fieldValue.includes(optionRef.value)); } else if (fieldReference.refs) { if (isCheckBoxInput(fieldReference.ref)) { fieldReference.refs.length > 1 ? fieldReference.refs.forEach(checkboxRef => (!checkboxRef.defaultChecked || !checkboxRef.disabled) && (checkboxRef.checked = Array.isArray(fieldValue) ? !!fieldValue.find(data => data === checkboxRef.value) : fieldValue === checkboxRef.value)) : fieldReference.refs[0] && (fieldReference.refs[0].checked = !!fieldValue); } else { fieldReference.refs.forEach(radioRef => radioRef.checked = radioRef.value === fieldValue); } } else if (isFileInput(fieldReference.ref)) { fieldReference.ref.value = ''; } else { fieldReference.ref.value = fieldValue; if (!fieldReference.ref.type) { _subjects.values.next({ name, values: { ..._formValues } }); } } } } (options.shouldDirty || options.shouldTouch) && updateTouchAndDirty(name, fieldValue, options.shouldTouch, options.shouldDirty, true); options.shouldValidate && trigger(name); }; const setValues = (name, value, options) => { for (const fieldKey in value) { const fieldValue = value[fieldKey]; const fieldName = `${name}.${fieldKey}`; const field = get(_fields, fieldName); (_names.array.has(name) || !isPrimitive(fieldValue) || field && !field._f) && !isDateObject(fieldValue) ? setValues(fieldName, fieldValue, options) : setFieldValue(fieldName, fieldValue, options); } }; const setValue = (name, value, options = {}) => { const field = get(_fields, name); const isFieldArray = _names.array.has(name); const cloneValue = cloneObject(value); set(_formValues, name, cloneValue); if (isFieldArray) { _subjects.array.next({ name, values: { ..._formValues } }); if ((_proxyFormState.isDirty || _proxyFormState.dirtyFields) && options.shouldDirty) { _subjects.state.next({ name, dirtyFields: getDirtyFields(_defaultValues, _formValues), isDirty: _getDirty(name, cloneValue) }); } } else { field && !field._f && !isNullOrUndefined(cloneValue) ? setValues(name, cloneValue, options) : setFieldValue(name, cloneValue, options); } isWatched(name, _names) && _subjects.state.next({ ..._formState }); _subjects.values.next({ name: _state.mount ? name : undefined, values: { ..._formValues } }); }; const onChange = async event => { _state.mount = true; const target = event.target; let name = target.name; let isFieldValueUpdated = true; const field = get(_fields, name); const getCurrentFieldValue = () => target.type ? getFieldValue(field._f) : getEventValue(event); const _updateIsFieldValueUpdated = fieldValue => { isFieldValueUpdated = Number.isNaN(fieldValue) || fieldValue === get(_formValues, name, fieldValue); }; if (field) { let error; let isValid; const fieldValue = getCurrentFieldValue(); const isBlurEvent = event.type === EVENTS.BLUR || event.type === EVENTS.FOCUS_OUT; const shouldSkipValidation = !hasValidation(field._f) && !_options.resolver && !get(_formState.errors, name) && !field._f.deps || skipValidation(isBlurEvent, get(_formState.touchedFields, name), _formState.isSubmitted, validationModeAfterSubmit, validationModeBeforeSubmit); const watched = isWatched(name, _names, isBlurEvent); set(_formValues, name, fieldValue); if (isBlurEvent) { field._f.onBlur && field._f.onBlur(event); delayErrorCallback && delayErrorCallback(0); } else if (field._f.onChange) { field._f.onChange(event); } const fieldState = updateTouchAndDirty(name, fieldValue, isBlurEvent, false); const shouldRender = !isEmptyObject(fieldState) || watched; !isBlurEvent && _subjects.values.next({ name, type: event.type, values: { ..._formValues } }); if (shouldSkipValidation) { _proxyFormState.isValid && _updateValid(); return shouldRender && _subjects.state.next({ name, ...(watched ? {} : fieldState) }); } !isBlurEvent && watched && _subjects.state.next({ ..._formState }); if (_options.resolver) { const { errors } = await _executeSchema([name]); _updateIsFieldValueUpdated(fieldValue); if (isFieldValueUpdated) { const previousErrorLookupResult = schemaErrorLookup(_formState.errors, _fields, name); const errorLookupResult = schemaErrorLookup(errors, _fields, previousErrorLookupResult.name || name); error = errorLookupResult.error; name = errorLookupResult.name; isValid = isEmptyObject(errors); } } else { _updateIsValidating([name], true); error = (await validateField(field, _formValues, shouldDisplayAllAssociatedErrors, _options.shouldUseNativeValidation))[name]; _updateIsValidating([name]); _updateIsFieldValueUpdated(fieldValue); if (isFieldValueUpdated) { if (error) { isValid = false; } else if (_proxyFormState.isValid) { isValid = await executeBuiltInValidation(_fields, true); } } } if (isFieldValueUpdated) { field._f.deps && trigger(field._f.deps); shouldRenderByError(name, isValid, error, fieldState); } } }; const _focusInput = (ref, key) => { if (get(_formState.errors, key) && ref.focus) { ref.focus(); return 1; } return; }; const trigger = async (name, options = {}) => { let isValid; let validationResult; const fieldNames = convertToArrayPayload(name); if (_options.resolver) { const errors = await executeSchemaAndUpdateState(isUndefined(name) ? name : fieldNames); isValid = isEmptyObject(errors); validationResult = name ? !fieldNames.some(name => get(errors, name)) : isValid; } else if (name) { validationResult = (await Promise.all(fieldNames.map(async fieldName => { const field = get(_fields, fieldName); return await executeBuiltInValidation(field && field._f ? { [fieldName]: field } : field); }))).every(Boolean); !(!validationResult && !_formState.isValid) && _updateValid(); } else { validationResult = isValid = await executeBuiltInValidation(_fields); } _subjects.state.next({ ...(!isString(name) || _proxyFormState.isValid && isValid !== _formState.isValid ? {} : { name }), ...(_options.resolver || !name ? { isValid } : {}), errors: _formState.errors }); options.shouldFocus && !validationResult && iterateFieldsByAction(_fields, _focusInput, name ? fieldNames : _names.mount); return validationResult; }; const getValues = fieldNames => { const values = { ...(_state.mount ? _formValues : _defaultValues) }; return isUndefined(fieldNames) ? values : isString(fieldNames) ? get(values, fieldNames) : fieldNames.map(name => get(values, name)); }; const getFieldState = (name, formState) => ({ invalid: !!get((formState || _formState).errors, name), isDirty: !!get((formState || _formState).dirtyFields, name), isTouched: !!get((formState || _formState).touchedFields, name), isValidating: !!get((formState || _formState).validatingFields, name), error: get((formState || _formState).errors, name) }); const clearErrors = name => { name && convertToArrayPayload(name).forEach(inputName => unset(_formState.errors, inputName)); _subjects.state.next({ errors: name ? _formState.errors : {} }); }; const setError = (name, error, options) => { const ref = (get(_fields, name, { _f: {} })._f || {}).ref; const currentError = get(_formState.errors, name) || {}; // Don't override existing error messages elsewhere in the object tree. const { ref: currentRef, message, type, ...restOfErrorTree } = currentError; set(_formState.errors, name, { ...restOfErrorTree, ...error, ref }); _subjects.state.next({ name, errors: _formState.errors, isValid: false }); options && options.shouldFocus && ref && ref.focus && ref.focus(); }; const watch = (name, defaultValue) => isFunction(name) ? _subjects.values.subscribe({ next: payload => name(_getWatch(undefined, defaultValue), payload) }) : _getWatch(name, defaultValue, true); const unregister = (name, options = {}) => { for (const fieldName of name ? convertToArrayPayload(name) : _names.mount) { _names.mount.delete(fieldName); _names.array.delete(fieldName); if (!options.keepValue) { unset(_fields, fieldName); unset(_formValues, fieldName); } !options.keepError && unset(_formState.errors, fieldName); !options.keepDirty && unset(_formState.dirtyFields, fieldName); !options.keepTouched && unset(_formState.touchedFields, fieldName); !options.keepIsValidating && unset(_formState.validatingFields, fieldName); !_options.shouldUnregister && !options.keepDefaultValue && unset(_defaultValues, fieldName); } _subjects.values.next({ values: { ..._formValues } }); _subjects.state.next({ ..._formState, ...(!options.keepDirty ? {} : { isDirty: _getDirty() }) }); !options.keepIsValid && _updateValid(); }; const _updateDisabledField = ({ disabled, name, field, fields, value }) => { if (isBoolean(disabled) && _state.mount || !!disabled) { const inputValue = disabled ? undefined : isUndefined(value) ? getFieldValue(field ? field._f : get(fields, name)._f) : value; set(_formValues, name, inputValue); updateTouchAndDirty(name, inputValue, false, false, true); } }; const register = (name, options = {}) => { let field = get(_fields, name); const disabledIsDefined = isBoolean(options.disabled); set(_fields, name, { ...(field || {}), _f: { ...(field && field._f ? field._f : { ref: { name } }), name, mount: true, ...options } }); _names.mount.add(name); if (field) { _updateDisabledField({ field, disabled: options.disabled, name, value: options.value }); } else { updateValidAndValue(name, true, options.value); } return { ...(disabledIsDefined ? { disabled: options.disabled } : {}), ...(_options.progressive ? { required: !!options.required, min: getRuleValue(options.min), max: getRuleValue(options.max), minLength: getRuleValue(options.minLength), maxLength: getRuleValue(options.maxLength), pattern: getRuleValue(options.pattern) } : {}), name, onChange, onBlur: onChange, ref: ref => { if (ref) { register(name, options); field = get(_fields, name); const fieldRef = isUndefined(ref.value) ? ref.querySelectorAll ? ref.querySelectorAll('input,select,textarea')[0] || ref : ref : ref; const radioOrCheckbox = isRadioOrCheckbox(fieldRef); const refs = field._f.refs || []; if (radioOrCheckbox ? refs.find(option => option === fieldRef) : fieldRef === field._f.ref) { return; } set(_fields, name, { _f: { ...field._f, ...(radioOrCheckbox ? { refs: [...refs.filter(live), fieldRef, ...(Array.isArray(get(_defaultValues, name)) ? [{}] : [])], ref: { type: fieldRef.type, name } } : { ref: fieldRef }) } }); updateValidAndValue(name, false, undefined, fieldRef); } else { field = get(_fields, name, {}); if (field._f) { field._f.mount = false; } (_options.shouldUnregister || options.shouldUnregister) && !(isNameInFieldArray(_names.array, name) && _state.action) && _names.unMount.add(name); } } }; }; const _focusError = () => _options.shouldFocusError && iterateFieldsByAction(_fields, _focusInput, _names.mount); const _disableForm = disabled => { if (isBoolean(disabled)) { _subjects.state.next({ disabled }); iterateFieldsByAction(_fields, (ref, name) => { const currentField = get(_fields, name); if (currentField) { ref.disabled = currentField._f.disabled || disabled; if (Array.isArray(currentField._f.refs)) { currentField._f.refs.forEach(inputRef => { inputRef.disabled = currentField._f.disabled || disabled; }); } } }, 0, false); } }; const handleSubmit = (onValid, onInvalid) => async e => { let onValidError = undefined; if (e) { e.preventDefault && e.preventDefault(); e.persist && e.persist(); } let fieldValues = cloneObject(_formValues); _subjects.state.next({ isSubmitting: true }); if (_options.resolver) { const { errors, values } = await _executeSchema(); _formState.errors = errors; fieldValues = values; } else { await executeBuiltInValidation(_fields); } unset(_formState.errors, 'root'); if (isEmptyObject(_formState.errors)) { _subjects.state.next({ errors: {} }); try { await onValid(fieldValues, e); } catch (error) { onValidError = error; } } else { if (onInvalid) { await onInvalid({ ..._formState.errors }, e); } _focusError(); setTimeout(_focusError); } _subjects.state.next({ isSubmitted: true, isSubmitting: false, isSubmitSuccessful: isEmptyObject(_formState.errors) && !onValidError, submitCount: _formState.submitCount + 1, errors: _formState.errors }); if (onValidError) { throw onValidError; } }; const resetField = (name, options = {}) => { if (get(_fields, name)) { if (isUndefined(options.defaultValue)) { setValue(name, cloneObject(get(_defaultValues, name))); } else { setValue(name, options.defaultValue); set(_defaultValues, name, cloneObject(options.defaultValue)); } if (!options.keepTouched) { unset(_formState.touchedFields, name); } if (!options.keepDirty) { unset(_formState.dirtyFields, name); _formState.isDirty = options.defaultValue ? _getDirty(name, cloneObject(get(_defaultValues, name))) : _getDirty(); } if (!options.keepError) { unset(_formState.errors, name); _proxyFormState.isValid && _updateValid(); } _subjects.state.next({ ..._formState }); } }; const _reset = (formValues, keepStateOptions = {}) => { const updatedValues = formValues ? cloneObject(formValues) : _defaultValues; const cloneUpdatedValues = cloneObject(updatedValues); const isEmptyResetValues = isEmptyObject(formValues); const values = isEmptyResetValues ? _defaultValues : cloneUpdatedValues; if (!keepStateOptions.keepDefaultValues) { _defaultValues = updatedValues; } if (!keepStateOptions.keepValues) { if (keepStateOptions.keepDirtyValues) { for (const fieldName of _names.mount) { get(_formState.dirtyFields, fieldName) ? set(values, fieldName, get(_formValues, fieldName)) : setValue(fieldName, get(values, fieldName)); } } else { if (isWeb && isUndefined(formValues)) { for (const name of _names.mount) { const field = get(_fields, name); if (field && field._f) { const fieldReference = Array.isArray(field._f.refs) ? field._f.refs[0] : field._f.ref; if (isHTMLElement(fieldReference)) { const form = fieldReference.closest('form'); if (form) { form.reset(); break; } } } } } _fields = {}; } _formValues = props.shouldUnregister ? keepStateOptions.keepDefaultValues ? cloneObject(_defaultValues) : {} : cloneObject(values); _subjects.array.next({ values: { ...values } }); _subjects.values.next({ values: { ...values } }); } _names = { mount: keepStateOptions.keepDirtyValues ? _names.mount : new Set(), unMount: new Set(), array: new Set(), watch: new Set(), watchAll: false, focus: '' }; _state.mount = !_proxyFormState.isValid || !!keepStateOptions.keepIsValid || !!keepStateOptions.keepDirtyValues; _state.watch = !!props.shouldUnregister; _subjects.state.next({ submitCount: keepStateOptions.keepSubmitCount ? _formState.submitCount : 0, isDirty: isEmptyResetValues ? false : keepStateOptions.keepDirty ? _formState.isDirty : !!(keepStateOptions.keepDefaultValues && !deepEqual(formValues, _defaultValues)), isSubmitted: keepStateOptions.keepIsSubmitted ? _formState.isSubmitted : false, dirtyFields: isEmptyResetValues ? [] : keepStateOptions.keepDirtyValues ? keepStateOptions.keepDefaultValues && _formValues ? getDirtyFields(_defaultValues, _formValues) : _formState.dirtyFields : keepStateOptions.keepDefaultValues && formValues ? getDirtyFields(_defaultValues, formValues) : {}, touchedFields: keepStateOptions.keepTouched ? _formState.touchedFields : {}, errors: keepStateOptions.keepErrors ? _formState.errors : {}, isSubmitSuccessful: keepStateOptions.keepIsSubmitSuccessful ? _formState.isSubmitSuccessful : false, isSubmitting: false }); }; const reset = (formValues, keepStateOptions) => _reset(isFunction(formValues) ? formValues(_formValues) : formValues, keepStateOptions); const setFocus = (name, options = {}) => { const field = get(_fields, name); const fieldReference = field && field._f; if (fieldReference) { const fieldRef = fieldReference.refs ? fieldReference.refs[0] : fieldReference.ref; if (fieldRef.focus) { fieldRef.focus(); options.shouldSelect && fieldRef.select(); } } }; const _updateFormState = updatedFormState => { _formState = { ..._formState, ...updatedFormState }; }; const _resetDefaultValues = () => isFunction(_options.defaultValues) && _options.defaultValues().then(values => { reset(values, _options.resetOptions); _subjects.state.next({ isLoading: false }); }); return { control: { register, unregister, getFieldState, handleSubmit, setError, _executeSchema, _getWatch, _getDirty, _updateValid, _removeUnmounted, _updateFieldArray, _updateDisabledField, _getFieldArray, _reset, _resetDefaultValues, _updateFormState, _disableForm, _subjects, _proxyFormState, _setErrors, get _fields() { return _fields; }, get _formValues() { return _formValues; }, get _state() { return _state; }, set _state(value) { _state = value; }, get _defaultValues() { return _defaultValues; }, get _names() { return _names; }, set _names(value) { _names = value; }, get _formState() { return _formState; }, set _formState(value) { _formState = value; }, get _options() { return _options; }, set _options(value) { _options = { ..._options, ...value }; } }, trigger, register, handleSubmit, watch, setValue, getValues, reset, resetField, clearErrors, unregister, setError, setFocus, getFieldState }; } /** * Custom hook to manage the entire form. * * @remarks * [API](https://react-hook-form.com/docs/useform) • [Demo](https://codesandbox.io/s/react-hook-form-get-started-ts-5ksmm) • [Video](https://www.youtube.com/watch?v=RkXv4AXXC_4) * * @param props - form configuration and validation parameters. * * @returns methods - individual functions to manage the form state. {@link UseFormReturn} * * @example * ```tsx * function App() { * const { register, handleSubmit, watch, formState: { errors } } = useForm(); * const onSubmit = data => console.log(data); * * console.log(watch("example")); * * return ( * * ); * } * ``` */ function useForm(props = {}) { const _formControl = react__WEBPACK_IMPORTED_MODULE_0__.useRef(); const _values = react__WEBPACK_IMPORTED_MODULE_0__.useRef(); const [formState, updateFormState] = react__WEBPACK_IMPORTED_MODULE_0__.useState({ isDirty: false, isValidating: false, isLoading: isFunction(props.defaultValues), isSubmitted: false, isSubmitting: false, isSubmitSuccessful: false, isValid: false, submitCount: 0, dirtyFields: {}, touchedFields: {}, validatingFields: {}, errors: props.errors || {}, disabled: props.disabled || false, defaultValues: isFunction(props.defaultValues) ? undefined : props.defaultValues }); if (!_formControl.current) { _formControl.current = { ...createFormControl(props), formState }; } const control = _formControl.current.control; control._options = props; useSubscribe({ subject: control._subjects.state, next: value => { if (shouldRenderFormState(value, control._proxyFormState, control._updateFormState, true)) { updateFormState({ ...control._formState }); } } }); react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => control._disableForm(props.disabled), [control, props.disabled]); react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => { if (control._proxyFormState.isDirty) { const isDirty = control._getDirty(); if (isDirty !== formState.isDirty) { control._subjects.state.next({ isDirty }); } } }, [control, formState.isDirty]); react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => { if (props.values && !deepEqual(props.values, _values.current)) { control._reset(props.values, control._options.resetOptions); _values.current = props.values; updateFormState(state => ({ ...state })); } else { control._resetDefaultValues(); } }, [props.values, control]); react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => { if (props.errors) { control._setErrors(props.errors); } }, [props.errors, control]); react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => { if (!control._state.mount) { control._updateValid(); control._state.mount = true; } if (control._state.watch) { control._state.watch = false; control._subjects.state.next({ ...control._formState }); } control._removeUnmounted(); }); react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => { props.shouldUnregister && control._subjects.values.next({ values: control._getWatch() }); }, [props.shouldUnregister, control]); _formControl.current.formState = getProxyFormState(formState, control); return _formControl.current; } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("882753174bfed22750d4") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.56361387cc61cde2c5cf.hot-update.js.map7{"version":3,"file":"main.56361387cc61cde2c5cf.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAGA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAtCA;AAEA;AAAA;AAsCA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC1CA;ACFA;ACAA;ACGA;AAGA;ACDA;ACLA;ACIA;ACFA;AACA;AAGA;AAGA;ACTA;ACIA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AACA;;;;AAIA;AACA;;AAGA;AACA;AChCA;ACAA;ACKA;AACA;AACA;;AAGA;AAMA;AAKA;ACrBA;ACAA;ACEA;ACIA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;;AAQA;AACA;;AAGA;AACA;;AAEA;AACA;AClCA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AClBA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA;AACA;AAWA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA;AACA;AAOA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAIA;ACvFA;AAMA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;;AAGA;AACA;;AAEA;;AAGA;AACA;ACzBA;ACMA;AAMA;AACA;AAAA;AAAA;AAAA;AAEA;AASA;AC5BA;ACEA;ACQA;AACA;AACA;AAEA;AACA;AAIA;AACA;AAEA;AACA;AACA;AACA;AACA;;ACXA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA;AACA;AAGA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAeA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAMA;ACxGA;ACIA;AAOA;AACA;AACA;;AAGA;AACA;;AAOA;AAEA;AACA;;ACmGA;;;;;;;;;;;;;;;AAeA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAOA;;;AAaA;AAEA;AAOA;AAEA;AACA;;ACzKA;;;;;;;;;;;;;;;;;;;;;;;AAuBA;AACA;AAMA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AAGA;AACA;AAGA;AACA;AAEA;AACA;;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;;;AAIA;AACA;AAOA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAGA;AACA;AACA;AACA;AACA;AACA;AAGA;AAGA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;;;AAGA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;;AC/LA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA;AACA;ACvCA;AAEA;;;;;;;;;;;;;;;;;;;;;AAqBA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AAKA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAMA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;;AAEA;AACA;AACA;AAAA;AAAA;;;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAEA;AACA;AACA;AAEA;AAGA;AACA;AAIA;AACA;AACA;AACA;AACA;AAAA;AACA;AAKA;AC1IA;AASA;AACA;AACA;AACA;AACA;AACA;ACpBA;AACA;AAGA;AACA;AAEA;AACA;AACA;ACNA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;ACPA;ACEA;AAMA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;;;AAIA;ACnBA;AAKA;AACA;AACA;AACA;AACA;ACjBA;ACFA;ACEA;AACA;AACA;;AAGA;AACA;AAIA;ACTA;ACDA;ACFA;ACOA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAGA;AAAA;AAAA;AAAA;;AAGA;AACA;AACA;AAGA;AAAA;AAAA;;AAKA;AACA;AC7BA;AACA;AACA;AACA;AAEA;AAMA;AACA;AACA;ACdA;AAKA;AAKA;AACA;AACA;AACA;AACA;;AAEA;AChBA;AAIA;AACA;AACA;ACsBA;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AAOA;AAMA;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AASA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAKA;AACA;AACA;AACA;AACA;AAEA;AACA;AAGA;AACA;;AAEA;AACA;;AAEA;AACA;AAEA;AAEA;AACA;AAEA;AACA;;AAOA;AACA;;;AAQA;AACA;AAOA;AACA;AACA;;;;AAKA;AAKA;AACA;AACA;AAGA;AAIA;AACA;AAKA;AACA;AACA;;;;AAKA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAKA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;;;AAGA;AACA;AAEA;AACA;AACA;;AAGA;AAMA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;AAMA;AACA;AACA;AC3RA;ACFA;ACQA;AAKA;AAKA;AChBA;AAKA;AACA;;AAGA;AACA;;AAEA;AAEA;AACA;ACfA;ACEA;AACA;AACA;AAEA;AACA;AACA;;AAGA;AACA;AAEA;AChBA;AACA;AACA;ACIA;AACA;AACA;AAEA;AACA;;AAGA;AACA;AAEA;AACA;AACA;AACA;;;AAGA;AACA;AAEA;AACA;AAMA;AAEA;AACA;AAEA;AACA;;AAGA;AAKA;;AAGA;AACA;ACnDA;AACA;AACA;AACA;;ACwCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA;AACA;AAOA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AAGA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAMA;AACA;AACA;AACA;AAAA;AAKA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AAEA;AAQA;AACA;AACA;AAIA;AAMA;AACA;AAIA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAMA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAOA;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA;AACA;AACA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA;AACA;AACA;AAGA;AAEA;AAIA;AACA;AAOA;AAGA;AACA;AACA;AAKA;AACA;AACA;AAIA;AAEA;AAKA;AACA;AACA;AACA;AACA;AAQA;AAEA;AACA;AAEA;AAEA;AACA;AAEA;AAKA;AACA;AACA;AACA;AAEA;AAQA;AAGA;AACA;AACA;;AAEA;AACA;AACA;AACA;AAQA;AAUA;AAKA;;;;AAMA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AAEA;AAKA;AACA;;AAEA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AAGA;AACA;ACzZA;AACA;AAEA;AACA;AACA;;AAEA;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACzCA;ACAA;AACA;AACA;;AAGA;AACA;;AAGA;AACA;AAEA;AACA;;AAGA;AACA;AAEA;AACA;;AAGA;AACA;AAEA;AAOA;;;;AAKA;AACA;AC1CA;ACGA;ACDA;ACFA;AACA;AACA;AACA;;;AAGA;AACA;ACFA;AACA;AAEA;AACA;AACA;AAIA;AACA;AACA;AACA;;;;AAKA;AACA;AAEA;AAQA;AAEA;AACA;AACA;AAIA;AAIA;AAEA;AAAA;AACA;AACA;;AAMA;AACA;;;;AAKA;AACA;AAEA;AC9DA;AAEA;AAAA;AAAA;AAAA;ACKA;AACA;AAEA;AACA;;AAGA;AACA;;AAGA;AACA;;AAGA;AACA;AAAA;AAAA;;AAGA;AACA;;AAGA;AACA;ACxBA;AAMA;AAEA;AACA;AAEA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;ACtBA;ACPA;ACEA;AAQA;AAEA;AACA;AACA;AACA;AACA;;AAGA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;;AAGA;AACA;AACA;AACA;AACA;;AAGA;;AAGA;AACA;AACA;AACA;AC3CA;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AClBA;ACmFA;AACA;AACA;AACA;AACA;AAEA;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAGA;AACA;AACA;AAEA;AACA;AACA;AAIA;AACA;AACA;AACA;;;AAGA;AAEA;AACA;AACA;AACA;AACA;;AAIA;AAEA;AACA;AACA;AACA;;AAEA;AAEA;AAQA;AACA;AACA;AACA;AACA;;AAGA;AAIA;AAKA;AACA;;AAGA;AAKA;AAKA;;AAGA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAMA;AAEA;AACA;AAMA;AAUA;;AAEA;AAEA;AASA;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;;AAGA;AAGA;AACA;AAGA;AACA;;AAMA;AACA;AAEA;AACA;AACA;AACA;;;AAOA;AAEA;AACA;AAEA;AAUA;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;;AAKA;AAKA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;;AAEA;AAEA;AACA;AACA;AAUA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;;AAIA;AACA;;AAGA;AACA;AAEA;AAMA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAOA;AAEA;AACA;AACA;AACA;;;AAIA;;AAYA;;;AASA;AACA;AAEA;AACA;AACA;AAEA;;AAOA;AACA;AAEA;AAKA;AASA;AAKA;AAAA;AAEA;AAKA;AAWA;AAKA;AACA;AAEA;AACA;AAEA;AACA;AAGA;AAKA;AACA;AAMA;AACA;AACA;AAYA;AACA;;AAKA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;;;;;AAMA;AASA;AACA;AAEA;AASA;AACA;AACA;AACA;AAEA;;AAOA;AAEA;AAKA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AAIA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAKA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAYA;AAEA;AAEA;AACA;AACA;AACA;AACA;;AAGA;AAOA;AAEA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AAEA;AAEA;AAAA;AAAA;;AAIA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAEA;AAEA;AACA;AAKA;AAMA;AACA;AAEA;;AAEA;AACA;AACA;AAQA;AAEA;AAEA;AACA;AACA;AACA;AACA;;;;AAKA;AACA;AAMA;;;AAGA;AAEA;AACA;AACA;AACA;;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAIA;AACA;AAGA;AACA;AAGA;AACA;AACA;AAAA;AAEA;AAGA;AACA;AACA;;AAGA;AACA;AAGA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AAQA;AACA;AAEA;AAKA;AACA;AACA;AAEA;AAKA;AAEA;AAIA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAKA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AASA;AASA;AAOA;AACA;AACA;AACA;AAEA;AACA;AACA;;AAGA;AACA;AACA;AACA;AAEA;;AAKA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AAKA;AACA;;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAKA;AACA;AAEA;AAKA;;AAGA;AACA;AACA;AACA;AAEA;AAKA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;;AAGA;;;AAKA;AACA;AAEA;AAIA;AACA;AACA;AAAA;AAAA;AACA;AAGA;AACA;AACA;AAEA;AACA;AACA;AACA;;;AAGA;;AAKA;AAEA;AAEA;AACA;AACA;AACA;;AAEA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AAAA;AAAA;;AAEA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAOA;;AAGA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;;AAGA;AAAA;AAAA;;AAEA;AAEA;AAIA;AACA;AACA;AACA;AAEA;AACA;;AAGA;AACA;AACA;AACA;;AAOA;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;;;;;;AAOA;;AAGA;AAMA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAKA;AAEA;AACA;AAGA;AAQA;AAGA;AASA;AAGA;AACA;AAGA;AACA;AACA;AAEA;AAQA;AACA;AACA;AAEA;AACA;AAIA;AACA;AACA;;;AAGA;AAEA;AAGA;AACA;AACA;AACA;AACA;AAEA;AAGA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AC54CA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA;AACA;AAOA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAEA;AACA;AACA;AACA;AACA;;AAGA;AACA;AAEA;AACA;AACA;AAGA;AAQA;AAAA;AAAA;;;AAGA;AAEA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;;AAEA;AAEA;AACA;AACA;;AAEA;AAEA;AACA;AACA;AACA;;AAGA;AACA;AACA;AAAA;AAAA;;AAGA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AACA;;;;;;;;;AC/JA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/components/Header.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/isCheckBoxInput.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/isDateObject.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/isNullOrUndefined.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/isObject.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/logic/getEventValue.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/logic/getNodeParentName.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/logic/isNameInFieldArray.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/isPlainObject.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/isWeb.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/cloneObject.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/compact.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/isUndefined.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/get.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/isBoolean.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/isKey.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/stringToPath.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/set.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/constants.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/useFormContext.tsx","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/logic/getProxyFormState.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/isEmptyObject.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/logic/shouldRenderFormState.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/convertToArrayPayload.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/logic/shouldSubscribeByName.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/useSubscribe.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/useFormState.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/isString.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/logic/generateWatchOutput.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/useWatch.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/useController.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/controller.tsx","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/form.tsx","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/logic/appendErrors.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/logic/generateId.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/logic/getFocusFieldName.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/logic/getValidationModes.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/logic/isWatched.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/logic/iterateFieldsByAction.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/logic/updateFieldArrayRootError.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/isFileInput.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/isFunction.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/isHTMLElement.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/isMessage.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/isRadioInput.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/isRegex.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/logic/getCheckboxValue.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/logic/getRadioValue.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/logic/getValidateError.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/logic/getValueAndMessage.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/logic/validateField.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/append.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/fillEmptyArray.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/insert.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/move.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/prepend.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/remove.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/swap.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/unset.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/update.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/useFieldArray.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/createSubject.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/isPrimitive.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/deepEqual.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/isMultipleSelect.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/isRadioOrCheckbox.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/live.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/utils/objectHasFunction.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/logic/getDirtyFields.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/logic/getFieldValueAs.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/logic/getFieldValue.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/logic/getResolverOptions.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/logic/getRuleValue.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/logic/hasValidation.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/logic/schemaErrorLookup.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/logic/skipValidation.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/logic/unsetEmptyArray.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/logic/createFormControl.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/node_modules/react-hook-form/src/useForm.ts","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import axios from 'axios';\r\nimport React, { useState } from 'react';\r\nimport { useForm } from \"react-hook-form\";\r\nimport { Link } from 'react-router-dom';\r\nconst TestForm = () => {\r\n const [inputData, setInputData] = useState({name:'',description:'',url:''});\r\n const { handleSubmit } = useForm();\r\n\r\n const onSubmit = () => {\r\n axios.post('http://localhost:3001/media', inputData)\r\n .then(res => {\r\n alert(\"Data sent successfully\");\r\n })\r\n .catch(err => {\r\n alert(\"Error sending data\");\r\n });\r\n };\r\n\r\n\r\n const handleInputChange = (e, field) => {\r\n setInputData({ ...inputData, [field]: e.target.value });\r\n };\r\n\r\n return (\r\n

\r\n

\r\n x64\r\n

\r\n \r\n

\r\n 👤\r\n 📊\r\n ❤️\r\n 🛒\r\n

\r\n

\r\n\r\n );\r\n};\r\n\r\nexport default TestForm;\r\n","import { FieldElement } from '../types';\n\nexport default (element: FieldElement): element is HTMLInputElement =>\n element.type === 'checkbox';\n","export default (value: unknown): value is Date => value instanceof Date;\n","export default (value: unknown): value is null | undefined => value == null;\n","import isDateObject from './isDateObject';\nimport isNullOrUndefined from './isNullOrUndefined';\n\nexport const isObjectType = (value: unknown): value is object =>\n typeof value === 'object';\n\nexport default (value: unknown): value is T =>\n !isNullOrUndefined(value) &&\n !Array.isArray(value) &&\n isObjectType(value) &&\n !isDateObject(value);\n","import isCheckBoxInput from '../utils/isCheckBoxInput';\nimport isObject from '../utils/isObject';\n\ntype Event = { target: any };\n\nexport default (event: unknown) =>\n isObject(event) && (event as Event).target\n ? isCheckBoxInput((event as Event).target)\n ? (event as Event).target.checked\n : (event as Event).target.value\n : event;\n","export default (name: string) =>\n name.substring(0, name.search(/\\.\\d+(\\.|$)/)) || name;\n","import { InternalFieldName } from '../types';\n\nimport getNodeParentName from './getNodeParentName';\n\nexport default (names: Set, name: InternalFieldName) =>\n names.has(getNodeParentName(name));\n","import isObject from './isObject';\n\nexport default (tempObject: object) => {\n const prototypeCopy =\n tempObject.constructor && tempObject.constructor.prototype;\n\n return (\n isObject(prototypeCopy) && prototypeCopy.hasOwnProperty('isPrototypeOf')\n );\n};\n","export default typeof window !== 'undefined' &&\n typeof window.HTMLElement !== 'undefined' &&\n typeof document !== 'undefined';\n","import isObject from './isObject';\nimport isPlainObject from './isPlainObject';\nimport isWeb from './isWeb';\n\nexport default function cloneObject(data: T): T {\n let copy: any;\n const isArray = Array.isArray(data);\n\n if (data instanceof Date) {\n copy = new Date(data);\n } else if (data instanceof Set) {\n copy = new Set(data);\n } else if (\n !(isWeb && (data instanceof Blob || data instanceof FileList)) &&\n (isArray || isObject(data))\n ) {\n copy = isArray ? [] : {};\n\n if (!isArray && !isPlainObject(data)) {\n copy = data;\n } else {\n for (const key in data) {\n if (data.hasOwnProperty(key)) {\n copy[key] = cloneObject(data[key]);\n }\n }\n }\n } else {\n return data;\n }\n\n return copy;\n}\n","export default (value: TValue[]) =>\n Array.isArray(value) ? value.filter(Boolean) : [];\n","export default (val: unknown): val is undefined => val === undefined;\n","import compact from './compact';\nimport isNullOrUndefined from './isNullOrUndefined';\nimport isObject from './isObject';\nimport isUndefined from './isUndefined';\n\nexport default (object: T, path?: string, defaultValue?: unknown): any => {\n if (!path || !isObject(object)) {\n return defaultValue;\n }\n\n const result = compact(path.split(/[,[\\].]+?/)).reduce(\n (result, key) =>\n isNullOrUndefined(result) ? result : result[key as keyof {}],\n object,\n );\n\n return isUndefined(result) || result === object\n ? isUndefined(object[path as keyof T])\n ? defaultValue\n : object[path as keyof T]\n : result;\n};\n","export default (value: unknown): value is boolean => typeof value === 'boolean';\n","export default (value: string) => /^\\w*$/.test(value);\n","import compact from './compact';\n\nexport default (input: string): string[] =>\n compact(input.replace(/[\"|']|\\]/g, '').split(/\\.|\\[/));\n","import { FieldValues } from '../types';\n\nimport isKey from './isKey';\nimport isObject from './isObject';\nimport stringToPath from './stringToPath';\n\nexport default (object: FieldValues, path: string, value?: unknown) => {\n let index = -1;\n const tempPath = isKey(path) ? [path] : stringToPath(path);\n const length = tempPath.length;\n const lastIndex = length - 1;\n\n while (++index < length) {\n const key = tempPath[index];\n let newValue = value;\n\n if (index !== lastIndex) {\n const objValue = object[key];\n newValue =\n isObject(objValue) || Array.isArray(objValue)\n ? objValue\n : !isNaN(+tempPath[index + 1])\n ? []\n : {};\n }\n\n if (key === '__proto__') {\n return;\n }\n\n object[key] = newValue;\n object = object[key];\n }\n return object;\n};\n","export const EVENTS = {\n BLUR: 'blur',\n FOCUS_OUT: 'focusout',\n CHANGE: 'change',\n} as const;\n\nexport const VALIDATION_MODE = {\n onBlur: 'onBlur',\n onChange: 'onChange',\n onSubmit: 'onSubmit',\n onTouched: 'onTouched',\n all: 'all',\n} as const;\n\nexport const INPUT_VALIDATION_RULES = {\n max: 'max',\n min: 'min',\n maxLength: 'maxLength',\n minLength: 'minLength',\n pattern: 'pattern',\n required: 'required',\n validate: 'validate',\n} as const;\n","import React from 'react';\n\nimport { FieldValues, FormProviderProps, UseFormReturn } from './types';\n\nconst HookFormContext = React.createContext(null);\n\n/**\n * This custom hook allows you to access the form context. useFormContext is intended to be used in deeply nested structures, where it would become inconvenient to pass the context as a prop. To be used with {@link FormProvider}.\n *\n * @remarks\n * [API](https://react-hook-form.com/docs/useformcontext) • [Demo](https://codesandbox.io/s/react-hook-form-v7-form-context-ytudi)\n *\n * @returns return all useForm methods\n *\n * @example\n * ```tsx\n * function App() {\n * const methods = useForm();\n * const onSubmit = data => console.log(data);\n *\n * return (\n * \n * \n * );\n * }\n *\n * function NestedInput() {\n * const { register } = useFormContext(); // retrieve all hook methods\n * return ;\n * }\n * ```\n */\nexport const useFormContext = <\n TFieldValues extends FieldValues,\n TContext = any,\n TransformedValues extends FieldValues | undefined = undefined,\n>(): UseFormReturn =>\n React.useContext(HookFormContext) as UseFormReturn<\n TFieldValues,\n TContext,\n TransformedValues\n >;\n\n/**\n * A provider component that propagates the `useForm` methods to all children components via [React Context](https://reactjs.org/docs/context.html) API. To be used with {@link useFormContext}.\n *\n * @remarks\n * [API](https://react-hook-form.com/docs/useformcontext) • [Demo](https://codesandbox.io/s/react-hook-form-v7-form-context-ytudi)\n *\n * @param props - all useForm methods\n *\n * @example\n * ```tsx\n * function App() {\n * const methods = useForm();\n * const onSubmit = data => console.log(data);\n *\n * return (\n * \n * \n * );\n * }\n *\n * function NestedInput() {\n * const { register } = useFormContext(); // retrieve all hook methods\n * return ;\n * }\n * ```\n */\nexport const FormProvider = <\n TFieldValues extends FieldValues,\n TContext = any,\n TTransformedValues extends FieldValues | undefined = undefined,\n>(\n props: FormProviderProps,\n) => {\n const { children, ...data } = props;\n return (\n \n {children}\n \n );\n};\n","import { VALIDATION_MODE } from '../constants';\nimport { Control, FieldValues, FormState, ReadFormState } from '../types';\n\nexport default (\n formState: FormState,\n control: Control,\n localProxyFormState?: ReadFormState,\n isRoot = true,\n) => {\n const result = {\n defaultValues: control._defaultValues,\n } as typeof formState;\n\n for (const key in formState) {\n Object.defineProperty(result, key, {\n get: () => {\n const _key = key as keyof FormState & keyof ReadFormState;\n\n if (control._proxyFormState[_key] !== VALIDATION_MODE.all) {\n control._proxyFormState[_key] = !isRoot || VALIDATION_MODE.all;\n }\n\n localProxyFormState && (localProxyFormState[_key] = true);\n return formState[_key];\n },\n });\n }\n\n return result;\n};\n","import { EmptyObject } from '../types';\n\nimport isObject from './isObject';\n\nexport default (value: unknown): value is EmptyObject =>\n isObject(value) && !Object.keys(value).length;\n","import { VALIDATION_MODE } from '../constants';\nimport {\n Control,\n FieldValues,\n FormState,\n InternalFieldName,\n ReadFormState,\n} from '../types';\nimport isEmptyObject from '../utils/isEmptyObject';\n\nexport default (\n formStateData: Partial> & { name?: InternalFieldName },\n _proxyFormState: K,\n updateFormState: Control['_updateFormState'],\n isRoot?: boolean,\n) => {\n updateFormState(formStateData);\n const { name, ...formState } = formStateData;\n\n return (\n isEmptyObject(formState) ||\n Object.keys(formState).length >= Object.keys(_proxyFormState).length ||\n Object.keys(formState).find(\n (key) =>\n _proxyFormState[key as keyof ReadFormState] ===\n (!isRoot || VALIDATION_MODE.all),\n )\n );\n};\n","export default (value: T) => (Array.isArray(value) ? value : [value]);\n","import convertToArrayPayload from '../utils/convertToArrayPayload';\n\nexport default (\n name?: T,\n signalName?: string,\n exact?: boolean,\n) =>\n !name ||\n !signalName ||\n name === signalName ||\n convertToArrayPayload(name).some(\n (currentName) =>\n currentName &&\n (exact\n ? currentName === signalName\n : currentName.startsWith(signalName) ||\n signalName.startsWith(currentName)),\n );\n","import React from 'react';\n\nimport { Subject } from './utils/createSubject';\n\ntype Props = {\n disabled?: boolean;\n subject: Subject;\n next: (value: T) => void;\n};\n\nexport function useSubscribe(props: Props) {\n const _props = React.useRef(props);\n _props.current = props;\n\n React.useEffect(() => {\n const subscription =\n !props.disabled &&\n _props.current.subject &&\n _props.current.subject.subscribe({\n next: _props.current.next,\n });\n\n return () => {\n subscription && subscription.unsubscribe();\n };\n }, [props.disabled]);\n}\n","import React from 'react';\n\nimport getProxyFormState from './logic/getProxyFormState';\nimport shouldRenderFormState from './logic/shouldRenderFormState';\nimport shouldSubscribeByName from './logic/shouldSubscribeByName';\nimport {\n FieldValues,\n FormState,\n InternalFieldName,\n UseFormStateProps,\n UseFormStateReturn,\n} from './types';\nimport { useFormContext } from './useFormContext';\nimport { useSubscribe } from './useSubscribe';\n\n/**\n * This custom hook allows you to subscribe to each form state, and isolate the re-render at the custom hook level. It has its scope in terms of form state subscription, so it would not affect other useFormState and useForm. Using this hook can reduce the re-render impact on large and complex form application.\n *\n * @remarks\n * [API](https://react-hook-form.com/docs/useformstate) • [Demo](https://codesandbox.io/s/useformstate-75xly)\n *\n * @param props - include options on specify fields to subscribe. {@link UseFormStateReturn}\n *\n * @example\n * ```tsx\n * function App() {\n * const { register, handleSubmit, control } = useForm({\n * defaultValues: {\n * firstName: \"firstName\"\n * }});\n * const { dirtyFields } = useFormState({\n * control\n * });\n * const onSubmit = (data) => console.log(data);\n *\n * return (\n * \n * );\n * }\n * ```\n */\nfunction useFormState(\n props?: UseFormStateProps,\n): UseFormStateReturn {\n const methods = useFormContext();\n const { control = methods.control, disabled, name, exact } = props || {};\n const [formState, updateFormState] = React.useState(control._formState);\n const _mounted = React.useRef(true);\n const _localProxyFormState = React.useRef({\n isDirty: false,\n isLoading: false,\n dirtyFields: false,\n touchedFields: false,\n validatingFields: false,\n isValidating: false,\n isValid: false,\n errors: false,\n });\n const _name = React.useRef(name);\n\n _name.current = name;\n\n useSubscribe({\n disabled,\n next: (\n value: Partial> & { name?: InternalFieldName },\n ) =>\n _mounted.current &&\n shouldSubscribeByName(\n _name.current as InternalFieldName,\n value.name,\n exact,\n ) &&\n shouldRenderFormState(\n value,\n _localProxyFormState.current,\n control._updateFormState,\n ) &&\n updateFormState({\n ...control._formState,\n ...value,\n }),\n subject: control._subjects.state,\n });\n\n React.useEffect(() => {\n _mounted.current = true;\n _localProxyFormState.current.isValid && control._updateValid(true);\n\n return () => {\n _mounted.current = false;\n };\n }, [control]);\n\n return getProxyFormState(\n formState,\n control,\n _localProxyFormState.current,\n false,\n );\n}\n\nexport { useFormState };\n","export default (value: unknown): value is string => typeof value === 'string';\n","import { DeepPartial, FieldValues, Names } from '../types';\nimport get from '../utils/get';\nimport isString from '../utils/isString';\n\nexport default (\n names: string | string[] | undefined,\n _names: Names,\n formValues?: FieldValues,\n isGlobal?: boolean,\n defaultValue?: DeepPartial | unknown,\n) => {\n if (isString(names)) {\n isGlobal && _names.watch.add(names);\n return get(formValues, names, defaultValue);\n }\n\n if (Array.isArray(names)) {\n return names.map(\n (fieldName) => (\n isGlobal && _names.watch.add(fieldName), get(formValues, fieldName)\n ),\n );\n }\n\n isGlobal && (_names.watchAll = true);\n\n return formValues;\n};\n","import React from 'react';\n\nimport generateWatchOutput from './logic/generateWatchOutput';\nimport shouldSubscribeByName from './logic/shouldSubscribeByName';\nimport cloneObject from './utils/cloneObject';\nimport {\n Control,\n DeepPartialSkipArrayKey,\n FieldPath,\n FieldPathValue,\n FieldPathValues,\n FieldValues,\n InternalFieldName,\n UseWatchProps,\n} from './types';\nimport { useFormContext } from './useFormContext';\nimport { useSubscribe } from './useSubscribe';\n\n/**\n * Subscribe to the entire form values change and re-render at the hook level.\n *\n * @remarks\n *\n * [API](https://react-hook-form.com/docs/usewatch) • [Demo](https://codesandbox.io/s/react-hook-form-v7-ts-usewatch-h9i5e)\n *\n * @param props - defaultValue, disable subscription and match exact name.\n *\n * @example\n * ```tsx\n * const { control } = useForm();\n * const values = useWatch({\n * control,\n * defaultValue: {\n * name: \"data\"\n * },\n * exact: false,\n * })\n * ```\n */\nexport function useWatch<\n TFieldValues extends FieldValues = FieldValues,\n>(props: {\n defaultValue?: DeepPartialSkipArrayKey;\n control?: Control;\n disabled?: boolean;\n exact?: boolean;\n}): DeepPartialSkipArrayKey;\n/**\n * Custom hook to subscribe to field change and isolate re-rendering at the component level.\n *\n * @remarks\n *\n * [API](https://react-hook-form.com/docs/usewatch) • [Demo](https://codesandbox.io/s/react-hook-form-v7-ts-usewatch-h9i5e)\n *\n * @param props - defaultValue, disable subscription and match exact name.\n *\n * @example\n * ```tsx\n * const { control } = useForm();\n * const values = useWatch({\n * control,\n * name: \"fieldA\",\n * defaultValue: \"default value\",\n * exact: false,\n * })\n * ```\n */\nexport function useWatch<\n TFieldValues extends FieldValues = FieldValues,\n TFieldName extends FieldPath = FieldPath,\n>(props: {\n name: TFieldName;\n defaultValue?: FieldPathValue;\n control?: Control;\n disabled?: boolean;\n exact?: boolean;\n}): FieldPathValue;\n/**\n * Custom hook to subscribe to field change and isolate re-rendering at the component level.\n *\n * @remarks\n *\n * [API](https://react-hook-form.com/docs/usewatch) • [Demo](https://codesandbox.io/s/react-hook-form-v7-ts-usewatch-h9i5e)\n *\n * @param props - defaultValue, disable subscription and match exact name.\n *\n * @example\n * ```tsx\n * const { control } = useForm();\n * const values = useWatch({\n * control,\n * name: [\"fieldA\", \"fieldB\"],\n * defaultValue: {\n * fieldA: \"data\",\n * fieldB: \"data\"\n * },\n * exact: false,\n * })\n * ```\n */\nexport function useWatch<\n TFieldValues extends FieldValues = FieldValues,\n TFieldNames extends readonly FieldPath[] = readonly FieldPath[],\n>(props: {\n name: readonly [...TFieldNames];\n defaultValue?: DeepPartialSkipArrayKey;\n control?: Control;\n disabled?: boolean;\n exact?: boolean;\n}): FieldPathValues;\n/**\n * Custom hook to subscribe to field change and isolate re-rendering at the component level.\n *\n * @remarks\n *\n * [API](https://react-hook-form.com/docs/usewatch) • [Demo](https://codesandbox.io/s/react-hook-form-v7-ts-usewatch-h9i5e)\n *\n * @example\n * ```tsx\n * // can skip passing down the control into useWatch if the form is wrapped with the FormProvider\n * const values = useWatch()\n * ```\n */\nexport function useWatch<\n TFieldValues extends FieldValues = FieldValues,\n>(): DeepPartialSkipArrayKey;\n/**\n * Custom hook to subscribe to field change and isolate re-rendering at the component level.\n *\n * @remarks\n *\n * [API](https://react-hook-form.com/docs/usewatch) • [Demo](https://codesandbox.io/s/react-hook-form-v7-ts-usewatch-h9i5e)\n *\n * @example\n * ```tsx\n * const { control } = useForm();\n * const values = useWatch({\n * name: \"fieldName\"\n * control,\n * })\n * ```\n */\nexport function useWatch(\n props?: UseWatchProps,\n) {\n const methods = useFormContext();\n const {\n control = methods.control,\n name,\n defaultValue,\n disabled,\n exact,\n } = props || {};\n const _name = React.useRef(name);\n\n _name.current = name;\n\n useSubscribe({\n disabled,\n subject: control._subjects.values,\n next: (formState: { name?: InternalFieldName; values?: FieldValues }) => {\n if (\n shouldSubscribeByName(\n _name.current as InternalFieldName,\n formState.name,\n exact,\n )\n ) {\n updateValue(\n cloneObject(\n generateWatchOutput(\n _name.current as InternalFieldName | InternalFieldName[],\n control._names,\n formState.values || control._formValues,\n false,\n defaultValue,\n ),\n ),\n );\n }\n },\n });\n\n const [value, updateValue] = React.useState(\n control._getWatch(\n name as InternalFieldName,\n defaultValue as DeepPartialSkipArrayKey,\n ),\n );\n\n React.useEffect(() => control._removeUnmounted());\n\n return value;\n}\n","import React from 'react';\n\nimport getEventValue from './logic/getEventValue';\nimport isNameInFieldArray from './logic/isNameInFieldArray';\nimport cloneObject from './utils/cloneObject';\nimport get from './utils/get';\nimport isBoolean from './utils/isBoolean';\nimport isUndefined from './utils/isUndefined';\nimport set from './utils/set';\nimport { EVENTS } from './constants';\nimport {\n ControllerFieldState,\n Field,\n FieldPath,\n FieldPathValue,\n FieldValues,\n InternalFieldName,\n UseControllerProps,\n UseControllerReturn,\n} from './types';\nimport { useFormContext } from './useFormContext';\nimport { useFormState } from './useFormState';\nimport { useWatch } from './useWatch';\n\n/**\n * Custom hook to work with controlled component, this function provide you with both form and field level state. Re-render is isolated at the hook level.\n *\n * @remarks\n * [API](https://react-hook-form.com/docs/usecontroller) • [Demo](https://codesandbox.io/s/usecontroller-0o8px)\n *\n * @param props - the path name to the form field value, and validation rules.\n *\n * @returns field properties, field and form state. {@link UseControllerReturn}\n *\n * @example\n * ```tsx\n * function Input(props) {\n * const { field, fieldState, formState } = useController(props);\n * return (\n *

\n * \n *

{fieldState.isTouched && \"Touched\"}

\n *

{formState.isSubmitted ? \"submitted\" : \"\"}

\n *

\n * );\n * }\n * ```\n */\nexport function useController<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath = FieldPath,\n>(\n props: UseControllerProps,\n): UseControllerReturn {\n const methods = useFormContext();\n const { name, disabled, control = methods.control, shouldUnregister } = props;\n const isArrayField = isNameInFieldArray(control._names.array, name);\n const value = useWatch({\n control,\n name,\n defaultValue: get(\n control._formValues,\n name,\n get(control._defaultValues, name, props.defaultValue),\n ),\n exact: true,\n }) as FieldPathValue;\n const formState = useFormState({\n control,\n name,\n });\n\n const _registerProps = React.useRef(\n control.register(name, {\n ...props.rules,\n value,\n ...(isBoolean(props.disabled) ? { disabled: props.disabled } : {}),\n }),\n );\n\n React.useEffect(() => {\n const _shouldUnregisterField =\n control._options.shouldUnregister || shouldUnregister;\n\n const updateMounted = (name: InternalFieldName, value: boolean) => {\n const field: Field = get(control._fields, name);\n\n if (field) {\n field._f.mount = value;\n }\n };\n\n updateMounted(name, true);\n\n if (_shouldUnregisterField) {\n const value = cloneObject(get(control._options.defaultValues, name));\n set(control._defaultValues, name, value);\n if (isUndefined(get(control._formValues, name))) {\n set(control._formValues, name, value);\n }\n }\n\n return () => {\n (\n isArrayField\n ? _shouldUnregisterField && !control._state.action\n : _shouldUnregisterField\n )\n ? control.unregister(name)\n : updateMounted(name, false);\n };\n }, [name, control, isArrayField, shouldUnregister]);\n\n React.useEffect(() => {\n if (get(control._fields, name)) {\n control._updateDisabledField({\n disabled,\n fields: control._fields,\n name,\n value: get(control._fields, name)._f.value,\n });\n }\n }, [disabled, name, control]);\n\n return {\n field: {\n name,\n value,\n ...(isBoolean(disabled) || formState.disabled\n ? { disabled: formState.disabled || disabled }\n : {}),\n onChange: React.useCallback(\n (event) =>\n _registerProps.current.onChange({\n target: {\n value: getEventValue(event),\n name: name as InternalFieldName,\n },\n type: EVENTS.CHANGE,\n }),\n [name],\n ),\n onBlur: React.useCallback(\n () =>\n _registerProps.current.onBlur({\n target: {\n value: get(control._formValues, name),\n name: name as InternalFieldName,\n },\n type: EVENTS.BLUR,\n }),\n [name, control],\n ),\n ref: (elm) => {\n const field = get(control._fields, name);\n\n if (field && elm) {\n field._f.ref = {\n focus: () => elm.focus(),\n select: () => elm.select(),\n setCustomValidity: (message: string) =>\n elm.setCustomValidity(message),\n reportValidity: () => elm.reportValidity(),\n };\n }\n },\n },\n formState,\n fieldState: Object.defineProperties(\n {},\n {\n invalid: {\n enumerable: true,\n get: () => !!get(formState.errors, name),\n },\n isDirty: {\n enumerable: true,\n get: () => !!get(formState.dirtyFields, name),\n },\n isTouched: {\n enumerable: true,\n get: () => !!get(formState.touchedFields, name),\n },\n isValidating: {\n enumerable: true,\n get: () => !!get(formState.validatingFields, name),\n },\n error: {\n enumerable: true,\n get: () => get(formState.errors, name),\n },\n },\n ) as ControllerFieldState,\n };\n}\n","import { ControllerProps, FieldPath, FieldValues } from './types';\nimport { useController } from './useController';\n\n/**\n * Component based on `useController` hook to work with controlled component.\n *\n * @remarks\n * [API](https://react-hook-form.com/docs/usecontroller/controller) • [Demo](https://codesandbox.io/s/react-hook-form-v6-controller-ts-jwyzw) • [Video](https://www.youtube.com/watch?v=N2UNk_UCVyA)\n *\n * @param props - the path name to the form field value, and validation rules.\n *\n * @returns provide field handler functions, field and form state.\n *\n * @example\n * ```tsx\n * function App() {\n * const { control } = useForm({\n * defaultValues: {\n * test: \"\"\n * }\n * });\n *\n * return (\n *

\n * (\n * <>\n * \n *

{formState.isSubmitted ? \"submitted\" : \"\"}

\n *

{fieldState.isTouched ? \"touched\" : \"\"}

\n * \n * )}\n * />\n * \n * );\n * }\n * ```\n */\nconst Controller = <\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath = FieldPath,\n>(\n props: ControllerProps,\n) => props.render(useController(props));\n\nexport { Controller };\n","import React from 'react';\n\nimport get from './utils/get';\nimport { FieldValues, FormProps } from './types';\nimport { useFormContext } from './useFormContext';\n\nconst POST_REQUEST = 'post';\n\n/**\n * Form component to manage submission.\n *\n * @param props - to setup submission detail. {@link FormProps}\n *\n * @returns form component or headless render prop.\n *\n * @example\n * ```tsx\n * function App() {\n * const { control, formState: { errors } } = useForm();\n *\n * return (\n * \n * );\n * }\n * ```\n */\nfunction Form<\n T extends FieldValues,\n U extends FieldValues | undefined = undefined,\n>(props: FormProps) {\n const methods = useFormContext();\n const [mounted, setMounted] = React.useState(false);\n const {\n control = methods.control,\n onSubmit,\n children,\n action,\n method = POST_REQUEST,\n headers,\n encType,\n onError,\n render,\n onSuccess,\n validateStatus,\n ...rest\n } = props;\n\n const submit = async (event?: React.BaseSyntheticEvent) => {\n let hasError = false;\n let type = '';\n\n await control.handleSubmit(async (data) => {\n const formData = new FormData();\n let formDataJson = '';\n\n try {\n formDataJson = JSON.stringify(data);\n } catch {}\n\n for (const name of control._names.mount) {\n formData.append(name, get(data, name));\n }\n\n if (onSubmit) {\n await onSubmit({\n data,\n event,\n method,\n formData,\n formDataJson,\n });\n }\n\n if (action) {\n try {\n const shouldStringifySubmissionData = [\n headers && headers['Content-Type'],\n encType,\n ].some((value) => value && value.includes('json'));\n\n const response = await fetch(action, {\n method,\n headers: {\n ...headers,\n ...(encType ? { 'Content-Type': encType } : {}),\n },\n body: shouldStringifySubmissionData ? formDataJson : formData,\n });\n\n if (\n response &&\n (validateStatus\n ? !validateStatus(response.status)\n : response.status < 200 || response.status >= 300)\n ) {\n hasError = true;\n onError && onError({ response });\n type = String(response.status);\n } else {\n onSuccess && onSuccess({ response });\n }\n } catch (error: unknown) {\n hasError = true;\n onError && onError({ error });\n }\n }\n })(event);\n\n if (hasError && props.control) {\n props.control._subjects.state.next({\n isSubmitSuccessful: false,\n });\n props.control.setError('root.server', {\n type,\n });\n }\n };\n\n React.useEffect(() => {\n setMounted(true);\n }, []);\n\n return render ? (\n <>\n {render({\n submit,\n })}\n \n ) : (\n \n {children}\n \n );\n}\n\nexport { Form };\n","import {\n InternalFieldErrors,\n InternalFieldName,\n ValidateResult,\n} from '../types';\n\nexport default (\n name: InternalFieldName,\n validateAllFieldCriteria: boolean,\n errors: InternalFieldErrors,\n type: string,\n message: ValidateResult,\n) =>\n validateAllFieldCriteria\n ? {\n ...errors[name],\n types: {\n ...(errors[name] && errors[name]!.types ? errors[name]!.types : {}),\n [type]: message || true,\n },\n }\n : {};\n","export default () => {\n const d =\n typeof performance === 'undefined' ? Date.now() : performance.now() * 1000;\n\n return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {\n const r = (Math.random() * 16 + d) % 16 | 0;\n\n return (c == 'x' ? r : (r & 0x3) | 0x8).toString(16);\n });\n};\n","import { FieldArrayMethodProps, InternalFieldName } from '../types';\nimport isUndefined from '../utils/isUndefined';\n\nexport default (\n name: InternalFieldName,\n index: number,\n options: FieldArrayMethodProps = {},\n): string =>\n options.shouldFocus || isUndefined(options.shouldFocus)\n ? options.focusName ||\n `${name}.${isUndefined(options.focusIndex) ? index : options.focusIndex}.`\n : '';\n","import { VALIDATION_MODE } from '../constants';\nimport { Mode, ValidationModeFlags } from '../types';\n\nexport default (mode?: Mode): ValidationModeFlags => ({\n isOnSubmit: !mode || mode === VALIDATION_MODE.onSubmit,\n isOnBlur: mode === VALIDATION_MODE.onBlur,\n isOnChange: mode === VALIDATION_MODE.onChange,\n isOnAll: mode === VALIDATION_MODE.all,\n isOnTouch: mode === VALIDATION_MODE.onTouched,\n});\n","import { InternalFieldName, Names } from '../types';\n\nexport default (\n name: InternalFieldName,\n _names: Names,\n isBlurEvent?: boolean,\n) =>\n !isBlurEvent &&\n (_names.watchAll ||\n _names.watch.has(name) ||\n [..._names.watch].some(\n (watchName) =>\n name.startsWith(watchName) &&\n /^\\.\\w+/.test(name.slice(watchName.length)),\n ));\n","import { FieldRefs, InternalFieldName, Ref } from '../types';\nimport { get } from '../utils';\nimport isObject from '../utils/isObject';\n\nconst iterateFieldsByAction = (\n fields: FieldRefs,\n action: (ref: Ref, name: string) => 1 | undefined | void,\n fieldsNames?: Set | InternalFieldName[] | 0,\n abortEarly?: boolean,\n) => {\n for (const key of fieldsNames || Object.keys(fields)) {\n const field = get(fields, key);\n\n if (field) {\n const { _f, ...currentField } = field;\n\n if (_f) {\n if (_f.refs && _f.refs[0] && action(_f.refs[0], key) && !abortEarly) {\n break;\n } else if (_f.ref && action(_f.ref, _f.name) && !abortEarly) {\n break;\n } else {\n iterateFieldsByAction(currentField, action);\n }\n } else if (isObject(currentField)) {\n iterateFieldsByAction(currentField, action);\n }\n }\n }\n};\n\nexport default iterateFieldsByAction;\n","import {\n FieldError,\n FieldErrors,\n FieldValues,\n InternalFieldName,\n} from '../types';\nimport compact from '../utils/compact';\nimport get from '../utils/get';\nimport set from '../utils/set';\n\nexport default (\n errors: FieldErrors,\n error: Partial>,\n name: InternalFieldName,\n): FieldErrors => {\n const fieldArrayErrors = compact(get(errors, name));\n set(fieldArrayErrors, 'root', error[name]);\n set(errors, name, fieldArrayErrors);\n return errors;\n};\n","import { FieldElement } from '../types';\n\nexport default (element: FieldElement): element is HTMLInputElement =>\n element.type === 'file';\n","export default (value: unknown): value is Function =>\n typeof value === 'function';\n","import isWeb from './isWeb';\n\nexport default (value: unknown): value is HTMLElement => {\n if (!isWeb) {\n return false;\n }\n\n const owner = value ? ((value as HTMLElement).ownerDocument as Document) : 0;\n return (\n value instanceof\n (owner && owner.defaultView ? owner.defaultView.HTMLElement : HTMLElement)\n );\n};\n","import { Message } from '../types';\nimport isString from '../utils/isString';\n\nexport default (value: unknown): value is Message => isString(value);\n","import { FieldElement } from '../types';\n\nexport default (element: FieldElement): element is HTMLInputElement =>\n element.type === 'radio';\n","export default (value: unknown): value is RegExp => value instanceof RegExp;\n","import isUndefined from '../utils/isUndefined';\n\ntype CheckboxFieldResult = {\n isValid: boolean;\n value: string | string[] | boolean | undefined;\n};\n\nconst defaultResult: CheckboxFieldResult = {\n value: false,\n isValid: false,\n};\n\nconst validResult = { value: true, isValid: true };\n\nexport default (options?: HTMLInputElement[]): CheckboxFieldResult => {\n if (Array.isArray(options)) {\n if (options.length > 1) {\n const values = options\n .filter((option) => option && option.checked && !option.disabled)\n .map((option) => option.value);\n return { value: values, isValid: !!values.length };\n }\n\n return options[0].checked && !options[0].disabled\n ? // @ts-expect-error expected to work in the browser\n options[0].attributes && !isUndefined(options[0].attributes.value)\n ? isUndefined(options[0].value) || options[0].value === ''\n ? validResult\n : { value: options[0].value, isValid: true }\n : validResult\n : defaultResult;\n }\n\n return defaultResult;\n};\n","type RadioFieldResult = {\n isValid: boolean;\n value: number | string | null;\n};\n\nconst defaultReturn: RadioFieldResult = {\n isValid: false,\n value: null,\n};\n\nexport default (options?: HTMLInputElement[]): RadioFieldResult =>\n Array.isArray(options)\n ? options.reduce(\n (previous, option): RadioFieldResult =>\n option && option.checked && !option.disabled\n ? {\n isValid: true,\n value: option.value,\n }\n : previous,\n defaultReturn,\n )\n : defaultReturn;\n","import { FieldError, Ref, ValidateResult } from '../types';\nimport isBoolean from '../utils/isBoolean';\nimport isMessage from '../utils/isMessage';\n\nexport default function getValidateError(\n result: ValidateResult,\n ref: Ref,\n type = 'validate',\n): FieldError | void {\n if (\n isMessage(result) ||\n (Array.isArray(result) && result.every(isMessage)) ||\n (isBoolean(result) && !result)\n ) {\n return {\n type,\n message: isMessage(result) ? result : '',\n ref,\n };\n }\n}\n","import { ValidationRule } from '../types';\nimport isObject from '../utils/isObject';\nimport isRegex from '../utils/isRegex';\n\nexport default (validationData?: ValidationRule) =>\n isObject(validationData) && !isRegex(validationData)\n ? validationData\n : {\n value: validationData,\n message: '',\n };\n","import { INPUT_VALIDATION_RULES } from '../constants';\nimport {\n Field,\n FieldError,\n FieldValues,\n InternalFieldErrors,\n MaxType,\n Message,\n MinType,\n NativeFieldValue,\n} from '../types';\nimport get from '../utils/get';\nimport isBoolean from '../utils/isBoolean';\nimport isCheckBoxInput from '../utils/isCheckBoxInput';\nimport isEmptyObject from '../utils/isEmptyObject';\nimport isFileInput from '../utils/isFileInput';\nimport isFunction from '../utils/isFunction';\nimport isHTMLElement from '../utils/isHTMLElement';\nimport isMessage from '../utils/isMessage';\nimport isNullOrUndefined from '../utils/isNullOrUndefined';\nimport isObject from '../utils/isObject';\nimport isRadioInput from '../utils/isRadioInput';\nimport isRegex from '../utils/isRegex';\nimport isString from '../utils/isString';\nimport isUndefined from '../utils/isUndefined';\n\nimport appendErrors from './appendErrors';\nimport getCheckboxValue from './getCheckboxValue';\nimport getRadioValue from './getRadioValue';\nimport getValidateError from './getValidateError';\nimport getValueAndMessage from './getValueAndMessage';\n\nexport default async (\n field: Field,\n formValues: T,\n validateAllFieldCriteria: boolean,\n shouldUseNativeValidation?: boolean,\n isFieldArray?: boolean,\n): Promise => {\n const {\n ref,\n refs,\n required,\n maxLength,\n minLength,\n min,\n max,\n pattern,\n validate,\n name,\n valueAsNumber,\n mount,\n disabled,\n } = field._f;\n const inputValue: NativeFieldValue = get(formValues, name);\n if (!mount || disabled) {\n return {};\n }\n const inputRef: HTMLInputElement = refs ? refs[0] : (ref as HTMLInputElement);\n const setCustomValidity = (message?: string | boolean) => {\n if (shouldUseNativeValidation && inputRef.reportValidity) {\n inputRef.setCustomValidity(isBoolean(message) ? '' : message || '');\n inputRef.reportValidity();\n }\n };\n const error: InternalFieldErrors = {};\n const isRadio = isRadioInput(ref);\n const isCheckBox = isCheckBoxInput(ref);\n const isRadioOrCheckbox = isRadio || isCheckBox;\n const isEmpty =\n ((valueAsNumber || isFileInput(ref)) &&\n isUndefined(ref.value) &&\n isUndefined(inputValue)) ||\n (isHTMLElement(ref) && ref.value === '') ||\n inputValue === '' ||\n (Array.isArray(inputValue) && !inputValue.length);\n const appendErrorsCurry = appendErrors.bind(\n null,\n name,\n validateAllFieldCriteria,\n error,\n );\n const getMinMaxMessage = (\n exceedMax: boolean,\n maxLengthMessage: Message,\n minLengthMessage: Message,\n maxType: MaxType = INPUT_VALIDATION_RULES.maxLength,\n minType: MinType = INPUT_VALIDATION_RULES.minLength,\n ) => {\n const message = exceedMax ? maxLengthMessage : minLengthMessage;\n error[name] = {\n type: exceedMax ? maxType : minType,\n message,\n ref,\n ...appendErrorsCurry(exceedMax ? maxType : minType, message),\n };\n };\n\n if (\n isFieldArray\n ? !Array.isArray(inputValue) || !inputValue.length\n : required &&\n ((!isRadioOrCheckbox && (isEmpty || isNullOrUndefined(inputValue))) ||\n (isBoolean(inputValue) && !inputValue) ||\n (isCheckBox && !getCheckboxValue(refs).isValid) ||\n (isRadio && !getRadioValue(refs).isValid))\n ) {\n const { value, message } = isMessage(required)\n ? { value: !!required, message: required }\n : getValueAndMessage(required);\n\n if (value) {\n error[name] = {\n type: INPUT_VALIDATION_RULES.required,\n message,\n ref: inputRef,\n ...appendErrorsCurry(INPUT_VALIDATION_RULES.required, message),\n };\n if (!validateAllFieldCriteria) {\n setCustomValidity(message);\n return error;\n }\n }\n }\n\n if (!isEmpty && (!isNullOrUndefined(min) || !isNullOrUndefined(max))) {\n let exceedMax;\n let exceedMin;\n const maxOutput = getValueAndMessage(max);\n const minOutput = getValueAndMessage(min);\n\n if (!isNullOrUndefined(inputValue) && !isNaN(inputValue as number)) {\n const valueNumber =\n (ref as HTMLInputElement).valueAsNumber ||\n (inputValue ? +inputValue : inputValue);\n if (!isNullOrUndefined(maxOutput.value)) {\n exceedMax = valueNumber > maxOutput.value;\n }\n if (!isNullOrUndefined(minOutput.value)) {\n exceedMin = valueNumber < minOutput.value;\n }\n } else {\n const valueDate =\n (ref as HTMLInputElement).valueAsDate || new Date(inputValue as string);\n const convertTimeToDate = (time: unknown) =>\n new Date(new Date().toDateString() + ' ' + time);\n const isTime = ref.type == 'time';\n const isWeek = ref.type == 'week';\n\n if (isString(maxOutput.value) && inputValue) {\n exceedMax = isTime\n ? convertTimeToDate(inputValue) > convertTimeToDate(maxOutput.value)\n : isWeek\n ? inputValue > maxOutput.value\n : valueDate > new Date(maxOutput.value);\n }\n\n if (isString(minOutput.value) && inputValue) {\n exceedMin = isTime\n ? convertTimeToDate(inputValue) < convertTimeToDate(minOutput.value)\n : isWeek\n ? inputValue < minOutput.value\n : valueDate < new Date(minOutput.value);\n }\n }\n\n if (exceedMax || exceedMin) {\n getMinMaxMessage(\n !!exceedMax,\n maxOutput.message,\n minOutput.message,\n INPUT_VALIDATION_RULES.max,\n INPUT_VALIDATION_RULES.min,\n );\n if (!validateAllFieldCriteria) {\n setCustomValidity(error[name]!.message);\n return error;\n }\n }\n }\n\n if (\n (maxLength || minLength) &&\n !isEmpty &&\n (isString(inputValue) || (isFieldArray && Array.isArray(inputValue)))\n ) {\n const maxLengthOutput = getValueAndMessage(maxLength);\n const minLengthOutput = getValueAndMessage(minLength);\n const exceedMax =\n !isNullOrUndefined(maxLengthOutput.value) &&\n inputValue.length > +maxLengthOutput.value;\n const exceedMin =\n !isNullOrUndefined(minLengthOutput.value) &&\n inputValue.length < +minLengthOutput.value;\n\n if (exceedMax || exceedMin) {\n getMinMaxMessage(\n exceedMax,\n maxLengthOutput.message,\n minLengthOutput.message,\n );\n if (!validateAllFieldCriteria) {\n setCustomValidity(error[name]!.message);\n return error;\n }\n }\n }\n\n if (pattern && !isEmpty && isString(inputValue)) {\n const { value: patternValue, message } = getValueAndMessage(pattern);\n\n if (isRegex(patternValue) && !inputValue.match(patternValue)) {\n error[name] = {\n type: INPUT_VALIDATION_RULES.pattern,\n message,\n ref,\n ...appendErrorsCurry(INPUT_VALIDATION_RULES.pattern, message),\n };\n if (!validateAllFieldCriteria) {\n setCustomValidity(message);\n return error;\n }\n }\n }\n\n if (validate) {\n if (isFunction(validate)) {\n const result = await validate(inputValue, formValues);\n const validateError = getValidateError(result, inputRef);\n\n if (validateError) {\n error[name] = {\n ...validateError,\n ...appendErrorsCurry(\n INPUT_VALIDATION_RULES.validate,\n validateError.message,\n ),\n };\n if (!validateAllFieldCriteria) {\n setCustomValidity(validateError.message);\n return error;\n }\n }\n } else if (isObject(validate)) {\n let validationResult = {} as FieldError;\n\n for (const key in validate) {\n if (!isEmptyObject(validationResult) && !validateAllFieldCriteria) {\n break;\n }\n\n const validateError = getValidateError(\n await validate[key](inputValue, formValues),\n inputRef,\n key,\n );\n\n if (validateError) {\n validationResult = {\n ...validateError,\n ...appendErrorsCurry(key, validateError.message),\n };\n\n setCustomValidity(validateError.message);\n\n if (validateAllFieldCriteria) {\n error[name] = validationResult;\n }\n }\n }\n\n if (!isEmptyObject(validationResult)) {\n error[name] = {\n ref: inputRef,\n ...validationResult,\n };\n if (!validateAllFieldCriteria) {\n return error;\n }\n }\n }\n }\n\n setCustomValidity(true);\n return error;\n};\n","import convertToArrayPayload from './convertToArrayPayload';\n\nexport default (data: T[], value: T | T[]): T[] => [\n ...data,\n ...convertToArrayPayload(value),\n];\n","export default (value: T | T[]): undefined[] | undefined =>\n Array.isArray(value) ? value.map(() => undefined) : undefined;\n","import convertToArrayPayload from './convertToArrayPayload';\n\nexport default function insert(data: T[], index: number): (T | undefined)[];\nexport default function insert(\n data: T[],\n index: number,\n value: T | T[],\n): T[];\nexport default function insert(\n data: T[],\n index: number,\n value?: T | T[],\n): (T | undefined)[] {\n return [\n ...data.slice(0, index),\n ...convertToArrayPayload(value),\n ...data.slice(index),\n ];\n}\n","import isUndefined from './isUndefined';\n\nexport default (\n data: (T | undefined)[],\n from: number,\n to: number,\n): (T | undefined)[] => {\n if (!Array.isArray(data)) {\n return [];\n }\n\n if (isUndefined(data[to])) {\n data[to] = undefined;\n }\n data.splice(to, 0, data.splice(from, 1)[0]);\n\n return data;\n};\n","import convertToArrayPayload from './convertToArrayPayload';\n\nexport default (data: T[], value: T | T[]): T[] => [\n ...convertToArrayPayload(value),\n ...convertToArrayPayload(data),\n];\n","import compact from './compact';\nimport convertToArrayPayload from './convertToArrayPayload';\nimport isUndefined from './isUndefined';\n\nfunction removeAtIndexes(data: T[], indexes: number[]): T[] {\n let i = 0;\n const temp = [...data];\n\n for (const index of indexes) {\n temp.splice(index - i, 1);\n i++;\n }\n\n return compact(temp).length ? temp : [];\n}\n\nexport default (data: T[], index?: number | number[]): T[] =>\n isUndefined(index)\n ? []\n : removeAtIndexes(\n data,\n (convertToArrayPayload(index) as number[]).sort((a, b) => a - b),\n );\n","export default (data: T[], indexA: number, indexB: number): void => {\n [data[indexA], data[indexB]] = [data[indexB], data[indexA]];\n};\n","import isEmptyObject from './isEmptyObject';\nimport isKey from './isKey';\nimport isObject from './isObject';\nimport isUndefined from './isUndefined';\nimport stringToPath from './stringToPath';\n\nfunction baseGet(object: any, updatePath: (string | number)[]) {\n const length = updatePath.slice(0, -1).length;\n let index = 0;\n\n while (index < length) {\n object = isUndefined(object) ? index++ : object[updatePath[index++]];\n }\n\n return object;\n}\n\nfunction isEmptyArray(obj: unknown[]) {\n for (const key in obj) {\n if (obj.hasOwnProperty(key) && !isUndefined(obj[key])) {\n return false;\n }\n }\n return true;\n}\n\nexport default function unset(object: any, path: string | (string | number)[]) {\n const paths = Array.isArray(path)\n ? path\n : isKey(path)\n ? [path]\n : stringToPath(path);\n\n const childObject = paths.length === 1 ? object : baseGet(object, paths);\n\n const index = paths.length - 1;\n const key = paths[index];\n\n if (childObject) {\n delete childObject[key];\n }\n\n if (\n index !== 0 &&\n ((isObject(childObject) && isEmptyObject(childObject)) ||\n (Array.isArray(childObject) && isEmptyArray(childObject)))\n ) {\n unset(object, paths.slice(0, -1));\n }\n\n return object;\n}\n","export default (fieldValues: T[], index: number, value: T) => {\n fieldValues[index] = value;\n return fieldValues;\n};\n","import React from 'react';\n\nimport generateId from './logic/generateId';\nimport getFocusFieldName from './logic/getFocusFieldName';\nimport getValidationModes from './logic/getValidationModes';\nimport isWatched from './logic/isWatched';\nimport iterateFieldsByAction from './logic/iterateFieldsByAction';\nimport updateFieldArrayRootError from './logic/updateFieldArrayRootError';\nimport validateField from './logic/validateField';\nimport appendAt from './utils/append';\nimport cloneObject from './utils/cloneObject';\nimport convertToArrayPayload from './utils/convertToArrayPayload';\nimport fillEmptyArray from './utils/fillEmptyArray';\nimport get from './utils/get';\nimport insertAt from './utils/insert';\nimport isEmptyObject from './utils/isEmptyObject';\nimport moveArrayAt from './utils/move';\nimport prependAt from './utils/prepend';\nimport removeArrayAt from './utils/remove';\nimport set from './utils/set';\nimport swapArrayAt from './utils/swap';\nimport unset from './utils/unset';\nimport updateAt from './utils/update';\nimport { VALIDATION_MODE } from './constants';\nimport {\n Control,\n Field,\n FieldArray,\n FieldArrayMethodProps,\n FieldArrayPath,\n FieldArrayWithId,\n FieldErrors,\n FieldPath,\n FieldValues,\n FormState,\n InternalFieldName,\n RegisterOptions,\n UseFieldArrayProps,\n UseFieldArrayReturn,\n} from './types';\nimport { useFormContext } from './useFormContext';\nimport { useSubscribe } from './useSubscribe';\n\n/**\n * A custom hook that exposes convenient methods to perform operations with a list of dynamic inputs that need to be appended, updated, removed etc. • [Demo](https://codesandbox.io/s/react-hook-form-usefieldarray-ssugn) • [Video](https://youtu.be/4MrbfGSFY2A)\n *\n * @remarks\n * [API](https://react-hook-form.com/docs/usefieldarray) • [Demo](https://codesandbox.io/s/react-hook-form-usefieldarray-ssugn)\n *\n * @param props - useFieldArray props\n *\n * @returns methods - functions to manipulate with the Field Arrays (dynamic inputs) {@link UseFieldArrayReturn}\n *\n * @example\n * ```tsx\n * function App() {\n * const { register, control, handleSubmit, reset, trigger, setError } = useForm({\n * defaultValues: {\n * test: []\n * }\n * });\n * const { fields, append } = useFieldArray({\n * control,\n * name: \"test\"\n * });\n *\n * return (\n * \n * );\n * }\n * ```\n */\nexport function useFieldArray<\n TFieldValues extends FieldValues = FieldValues,\n TFieldArrayName extends FieldArrayPath = FieldArrayPath,\n TKeyName extends string = 'id',\n>(\n props: UseFieldArrayProps,\n): UseFieldArrayReturn {\n const methods = useFormContext();\n const {\n control = methods.control,\n name,\n keyName = 'id',\n shouldUnregister,\n } = props;\n const [fields, setFields] = React.useState(control._getFieldArray(name));\n const ids = React.useRef(\n control._getFieldArray(name).map(generateId),\n );\n const _fieldIds = React.useRef(fields);\n const _name = React.useRef(name);\n const _actioned = React.useRef(false);\n\n _name.current = name;\n _fieldIds.current = fields;\n control._names.array.add(name);\n\n props.rules &&\n (control as Control).register(\n name as FieldPath,\n props.rules as RegisterOptions,\n );\n\n useSubscribe({\n next: ({\n values,\n name: fieldArrayName,\n }: {\n values?: FieldValues;\n name?: InternalFieldName;\n }) => {\n if (fieldArrayName === _name.current || !fieldArrayName) {\n const fieldValues = get(values, _name.current);\n if (Array.isArray(fieldValues)) {\n setFields(fieldValues);\n ids.current = fieldValues.map(generateId);\n }\n }\n },\n subject: control._subjects.array,\n });\n\n const updateValues = React.useCallback(\n <\n T extends Partial<\n FieldArrayWithId\n >[],\n >(\n updatedFieldArrayValues: T,\n ) => {\n _actioned.current = true;\n control._updateFieldArray(name, updatedFieldArrayValues);\n },\n [control, name],\n );\n\n const append = (\n value:\n | Partial>\n | Partial>[],\n options?: FieldArrayMethodProps,\n ) => {\n const appendValue = convertToArrayPayload(cloneObject(value));\n const updatedFieldArrayValues = appendAt(\n control._getFieldArray(name),\n appendValue,\n );\n control._names.focus = getFocusFieldName(\n name,\n updatedFieldArrayValues.length - 1,\n options,\n );\n ids.current = appendAt(ids.current, appendValue.map(generateId));\n updateValues(updatedFieldArrayValues);\n setFields(updatedFieldArrayValues);\n control._updateFieldArray(name, updatedFieldArrayValues, appendAt, {\n argA: fillEmptyArray(value),\n });\n };\n\n const prepend = (\n value:\n | Partial>\n | Partial>[],\n options?: FieldArrayMethodProps,\n ) => {\n const prependValue = convertToArrayPayload(cloneObject(value));\n const updatedFieldArrayValues = prependAt(\n control._getFieldArray(name),\n prependValue,\n );\n control._names.focus = getFocusFieldName(name, 0, options);\n ids.current = prependAt(ids.current, prependValue.map(generateId));\n updateValues(updatedFieldArrayValues);\n setFields(updatedFieldArrayValues);\n control._updateFieldArray(name, updatedFieldArrayValues, prependAt, {\n argA: fillEmptyArray(value),\n });\n };\n\n const remove = (index?: number | number[]) => {\n const updatedFieldArrayValues: Partial<\n FieldArrayWithId\n >[] = removeArrayAt(control._getFieldArray(name), index);\n ids.current = removeArrayAt(ids.current, index);\n updateValues(updatedFieldArrayValues);\n setFields(updatedFieldArrayValues);\n control._updateFieldArray(name, updatedFieldArrayValues, removeArrayAt, {\n argA: index,\n });\n };\n\n const insert = (\n index: number,\n value:\n | Partial>\n | Partial>[],\n options?: FieldArrayMethodProps,\n ) => {\n const insertValue = convertToArrayPayload(cloneObject(value));\n const updatedFieldArrayValues = insertAt(\n control._getFieldArray(name),\n index,\n insertValue,\n );\n control._names.focus = getFocusFieldName(name, index, options);\n ids.current = insertAt(ids.current, index, insertValue.map(generateId));\n updateValues(updatedFieldArrayValues);\n setFields(updatedFieldArrayValues);\n control._updateFieldArray(name, updatedFieldArrayValues, insertAt, {\n argA: index,\n argB: fillEmptyArray(value),\n });\n };\n\n const swap = (indexA: number, indexB: number) => {\n const updatedFieldArrayValues = control._getFieldArray(name);\n swapArrayAt(updatedFieldArrayValues, indexA, indexB);\n swapArrayAt(ids.current, indexA, indexB);\n updateValues(updatedFieldArrayValues);\n setFields(updatedFieldArrayValues);\n control._updateFieldArray(\n name,\n updatedFieldArrayValues,\n swapArrayAt,\n {\n argA: indexA,\n argB: indexB,\n },\n false,\n );\n };\n\n const move = (from: number, to: number) => {\n const updatedFieldArrayValues = control._getFieldArray(name);\n moveArrayAt(updatedFieldArrayValues, from, to);\n moveArrayAt(ids.current, from, to);\n updateValues(updatedFieldArrayValues);\n setFields(updatedFieldArrayValues);\n control._updateFieldArray(\n name,\n updatedFieldArrayValues,\n moveArrayAt,\n {\n argA: from,\n argB: to,\n },\n false,\n );\n };\n\n const update = (\n index: number,\n value: FieldArray,\n ) => {\n const updateValue = cloneObject(value);\n const updatedFieldArrayValues = updateAt(\n control._getFieldArray<\n FieldArrayWithId\n >(name),\n index,\n updateValue as FieldArrayWithId,\n );\n ids.current = [...updatedFieldArrayValues].map((item, i) =>\n !item || i === index ? generateId() : ids.current[i],\n );\n updateValues(updatedFieldArrayValues);\n setFields([...updatedFieldArrayValues]);\n control._updateFieldArray(\n name,\n updatedFieldArrayValues,\n updateAt,\n {\n argA: index,\n argB: updateValue,\n },\n true,\n false,\n );\n };\n\n const replace = (\n value:\n | Partial>\n | Partial>[],\n ) => {\n const updatedFieldArrayValues = convertToArrayPayload(cloneObject(value));\n ids.current = updatedFieldArrayValues.map(generateId);\n updateValues([...updatedFieldArrayValues]);\n setFields([...updatedFieldArrayValues]);\n control._updateFieldArray(\n name,\n [...updatedFieldArrayValues],\n (data: T): T => data,\n {},\n true,\n false,\n );\n };\n\n React.useEffect(() => {\n control._state.action = false;\n\n isWatched(name, control._names) &&\n control._subjects.state.next({\n ...control._formState,\n } as FormState);\n\n if (\n _actioned.current &&\n (!getValidationModes(control._options.mode).isOnSubmit ||\n control._formState.isSubmitted)\n ) {\n if (control._options.resolver) {\n control._executeSchema([name]).then((result) => {\n const error = get(result.errors, name);\n const existingError = get(control._formState.errors, name);\n\n if (\n existingError\n ? (!error && existingError.type) ||\n (error &&\n (existingError.type !== error.type ||\n existingError.message !== error.message))\n : error && error.type\n ) {\n error\n ? set(control._formState.errors, name, error)\n : unset(control._formState.errors, name);\n control._subjects.state.next({\n errors: control._formState.errors as FieldErrors,\n });\n }\n });\n } else {\n const field: Field = get(control._fields, name);\n if (\n field &&\n field._f &&\n !(\n getValidationModes(control._options.reValidateMode).isOnSubmit &&\n getValidationModes(control._options.mode).isOnSubmit\n )\n ) {\n validateField(\n field,\n control._formValues,\n control._options.criteriaMode === VALIDATION_MODE.all,\n control._options.shouldUseNativeValidation,\n true,\n ).then(\n (error) =>\n !isEmptyObject(error) &&\n control._subjects.state.next({\n errors: updateFieldArrayRootError(\n control._formState.errors as FieldErrors,\n error,\n name,\n ) as FieldErrors,\n }),\n );\n }\n }\n }\n\n control._subjects.values.next({\n name,\n values: { ...control._formValues },\n });\n\n control._names.focus &&\n iterateFieldsByAction(control._fields, (ref, key: string) => {\n if (\n control._names.focus &&\n key.startsWith(control._names.focus) &&\n ref.focus\n ) {\n ref.focus();\n return 1;\n }\n return;\n });\n\n control._names.focus = '';\n\n control._updateValid();\n _actioned.current = false;\n }, [fields, name, control]);\n\n React.useEffect(() => {\n !get(control._formValues, name) && control._updateFieldArray(name);\n\n return () => {\n (control._options.shouldUnregister || shouldUnregister) &&\n control.unregister(name as FieldPath);\n };\n }, [name, control, keyName, shouldUnregister]);\n\n return {\n swap: React.useCallback(swap, [updateValues, name, control]),\n move: React.useCallback(move, [updateValues, name, control]),\n prepend: React.useCallback(prepend, [updateValues, name, control]),\n append: React.useCallback(append, [updateValues, name, control]),\n remove: React.useCallback(remove, [updateValues, name, control]),\n insert: React.useCallback(insert, [updateValues, name, control]),\n update: React.useCallback(update, [updateValues, name, control]),\n replace: React.useCallback(replace, [updateValues, name, control]),\n fields: React.useMemo(\n () =>\n fields.map((field, index) => ({\n ...field,\n [keyName]: ids.current[index] || generateId(),\n })) as FieldArrayWithId[],\n [fields, keyName],\n ),\n };\n}\n","import { Noop } from '../types';\n\nexport type Observer = {\n next: (value: T) => void;\n};\n\nexport type Subscription = {\n unsubscribe: Noop;\n};\n\nexport type Subject = {\n readonly observers: Observer[];\n subscribe: (value: Observer) => Subscription;\n unsubscribe: Noop;\n} & Observer;\n\nexport default (): Subject => {\n let _observers: Observer[] = [];\n\n const next = (value: T) => {\n for (const observer of _observers) {\n observer.next && observer.next(value);\n }\n };\n\n const subscribe = (observer: Observer): Subscription => {\n _observers.push(observer);\n return {\n unsubscribe: () => {\n _observers = _observers.filter((o) => o !== observer);\n },\n };\n };\n\n const unsubscribe = () => {\n _observers = [];\n };\n\n return {\n get observers() {\n return _observers;\n },\n next,\n subscribe,\n unsubscribe,\n };\n};\n","import { Primitive } from '../types';\n\nimport isNullOrUndefined from './isNullOrUndefined';\nimport { isObjectType } from './isObject';\n\nexport default (value: unknown): value is Primitive =>\n isNullOrUndefined(value) || !isObjectType(value);\n","import isObject from '../utils/isObject';\n\nimport isDateObject from './isDateObject';\nimport isPrimitive from './isPrimitive';\n\nexport default function deepEqual(object1: any, object2: any) {\n if (isPrimitive(object1) || isPrimitive(object2)) {\n return object1 === object2;\n }\n\n if (isDateObject(object1) && isDateObject(object2)) {\n return object1.getTime() === object2.getTime();\n }\n\n const keys1 = Object.keys(object1);\n const keys2 = Object.keys(object2);\n\n if (keys1.length !== keys2.length) {\n return false;\n }\n\n for (const key of keys1) {\n const val1 = object1[key];\n\n if (!keys2.includes(key)) {\n return false;\n }\n\n if (key !== 'ref') {\n const val2 = object2[key];\n\n if (\n (isDateObject(val1) && isDateObject(val2)) ||\n (isObject(val1) && isObject(val2)) ||\n (Array.isArray(val1) && Array.isArray(val2))\n ? !deepEqual(val1, val2)\n : val1 !== val2\n ) {\n return false;\n }\n }\n }\n\n return true;\n}\n","import { FieldElement } from '../types';\n\nexport default (element: FieldElement): element is HTMLSelectElement =>\n element.type === `select-multiple`;\n","import { FieldElement } from '../types';\n\nimport isCheckBoxInput from './isCheckBoxInput';\nimport isRadioInput from './isRadioInput';\n\nexport default (ref: FieldElement): ref is HTMLInputElement =>\n isRadioInput(ref) || isCheckBoxInput(ref);\n","import { Ref } from '../types';\n\nimport isHTMLElement from './isHTMLElement';\n\nexport default (ref: Ref) => isHTMLElement(ref) && ref.isConnected;\n","import isFunction from './isFunction';\n\nexport default (data: T): boolean => {\n for (const key in data) {\n if (isFunction(data[key])) {\n return true;\n }\n }\n return false;\n};\n","import deepEqual from '../utils/deepEqual';\nimport isNullOrUndefined from '../utils/isNullOrUndefined';\nimport isObject from '../utils/isObject';\nimport isPrimitive from '../utils/isPrimitive';\nimport isUndefined from '../utils/isUndefined';\nimport objectHasFunction from '../utils/objectHasFunction';\n\nfunction markFieldsDirty(data: T, fields: Record = {}) {\n const isParentNodeArray = Array.isArray(data);\n\n if (isObject(data) || isParentNodeArray) {\n for (const key in data) {\n if (\n Array.isArray(data[key]) ||\n (isObject(data[key]) && !objectHasFunction(data[key]))\n ) {\n fields[key] = Array.isArray(data[key]) ? [] : {};\n markFieldsDirty(data[key], fields[key]);\n } else if (!isNullOrUndefined(data[key])) {\n fields[key] = true;\n }\n }\n }\n\n return fields;\n}\n\nfunction getDirtyFieldsFromDefaultValues(\n data: T,\n formValues: T,\n dirtyFieldsFromValues: Record<\n Extract,\n ReturnType | boolean\n >,\n) {\n const isParentNodeArray = Array.isArray(data);\n\n if (isObject(data) || isParentNodeArray) {\n for (const key in data) {\n if (\n Array.isArray(data[key]) ||\n (isObject(data[key]) && !objectHasFunction(data[key]))\n ) {\n if (\n isUndefined(formValues) ||\n isPrimitive(dirtyFieldsFromValues[key])\n ) {\n dirtyFieldsFromValues[key] = Array.isArray(data[key])\n ? markFieldsDirty(data[key], [])\n : { ...markFieldsDirty(data[key]) };\n } else {\n getDirtyFieldsFromDefaultValues(\n data[key],\n isNullOrUndefined(formValues) ? {} : formValues[key],\n dirtyFieldsFromValues[key],\n );\n }\n } else {\n dirtyFieldsFromValues[key] = !deepEqual(data[key], formValues[key]);\n }\n }\n }\n\n return dirtyFieldsFromValues;\n}\n\nexport default (defaultValues: T, formValues: T) =>\n getDirtyFieldsFromDefaultValues(\n defaultValues,\n formValues,\n markFieldsDirty(formValues),\n );\n","import { Field, NativeFieldValue } from '../types';\nimport isString from '../utils/isString';\nimport isUndefined from '../utils/isUndefined';\n\nexport default (\n value: T,\n { valueAsNumber, valueAsDate, setValueAs }: Field['_f'],\n) =>\n isUndefined(value)\n ? value\n : valueAsNumber\n ? value === ''\n ? NaN\n : value\n ? +value\n : value\n : valueAsDate && isString(value)\n ? new Date(value)\n : setValueAs\n ? setValueAs(value)\n : value;\n","import { Field } from '../types';\nimport isCheckBox from '../utils/isCheckBoxInput';\nimport isFileInput from '../utils/isFileInput';\nimport isMultipleSelect from '../utils/isMultipleSelect';\nimport isRadioInput from '../utils/isRadioInput';\nimport isUndefined from '../utils/isUndefined';\n\nimport getCheckboxValue from './getCheckboxValue';\nimport getFieldValueAs from './getFieldValueAs';\nimport getRadioValue from './getRadioValue';\n\nexport default function getFieldValue(_f: Field['_f']) {\n const ref = _f.ref;\n\n if (_f.refs ? _f.refs.every((ref) => ref.disabled) : ref.disabled) {\n return;\n }\n\n if (isFileInput(ref)) {\n return ref.files;\n }\n\n if (isRadioInput(ref)) {\n return getRadioValue(_f.refs).value;\n }\n\n if (isMultipleSelect(ref)) {\n return [...ref.selectedOptions].map(({ value }) => value);\n }\n\n if (isCheckBox(ref)) {\n return getCheckboxValue(_f.refs).value;\n }\n\n return getFieldValueAs(isUndefined(ref.value) ? _f.ref.value : ref.value, _f);\n}\n","import {\n CriteriaMode,\n Field,\n FieldName,\n FieldRefs,\n FieldValues,\n InternalFieldName,\n} from '../types';\nimport { get } from '../utils';\nimport set from '../utils/set';\n\nexport default (\n fieldsNames: Set | InternalFieldName[],\n _fields: FieldRefs,\n criteriaMode?: CriteriaMode,\n shouldUseNativeValidation?: boolean | undefined,\n) => {\n const fields: Record = {};\n\n for (const name of fieldsNames) {\n const field: Field = get(_fields, name);\n\n field && set(fields, name, field._f);\n }\n\n return {\n criteriaMode,\n names: [...fieldsNames] as FieldName[],\n fields,\n shouldUseNativeValidation,\n };\n};\n","import {\n ValidationRule,\n ValidationValue,\n ValidationValueMessage,\n} from '../types';\nimport isObject from '../utils/isObject';\nimport isRegex from '../utils/isRegex';\nimport isUndefined from '../utils/isUndefined';\n\nexport default (\n rule?: ValidationRule | ValidationValueMessage,\n) =>\n isUndefined(rule)\n ? rule\n : isRegex(rule)\n ? rule.source\n : isObject(rule)\n ? isRegex(rule.value)\n ? rule.value.source\n : rule.value\n : rule;\n","import { Field } from '../types';\n\nexport default (options: Field['_f']) =>\n options.mount &&\n (options.required ||\n options.min ||\n options.max ||\n options.maxLength ||\n options.minLength ||\n options.pattern ||\n options.validate);\n","import { FieldError, FieldErrors, FieldValues } from '../types';\nimport get from '../utils/get';\nimport isKey from '../utils/isKey';\n\nexport default function schemaErrorLookup(\n errors: FieldErrors,\n _fields: FieldValues,\n name: string,\n): {\n error?: FieldError;\n name: string;\n} {\n const error = get(errors, name);\n\n if (error || isKey(name)) {\n return {\n error,\n name,\n };\n }\n\n const names = name.split('.');\n\n while (names.length) {\n const fieldName = names.join('.');\n const field = get(_fields, fieldName);\n const foundError = get(errors, fieldName);\n\n if (field && !Array.isArray(field) && name !== fieldName) {\n return { name };\n }\n\n if (foundError && foundError.type) {\n return {\n name: fieldName,\n error: foundError,\n };\n }\n\n names.pop();\n }\n\n return {\n name,\n };\n}\n","import { ValidationModeFlags } from '../types';\n\nexport default (\n isBlurEvent: boolean,\n isTouched: boolean,\n isSubmitted: boolean,\n reValidateMode: {\n isOnBlur: boolean;\n isOnChange: boolean;\n },\n mode: Partial,\n) => {\n if (mode.isOnAll) {\n return false;\n } else if (!isSubmitted && mode.isOnTouch) {\n return !(isTouched || isBlurEvent);\n } else if (isSubmitted ? reValidateMode.isOnBlur : mode.isOnBlur) {\n return !isBlurEvent;\n } else if (isSubmitted ? reValidateMode.isOnChange : mode.isOnChange) {\n return isBlurEvent;\n }\n return true;\n};\n","import compact from '../utils/compact';\nimport get from '../utils/get';\nimport unset from '../utils/unset';\n\nexport default (ref: T, name: string) =>\n !compact(get(ref, name)).length && unset(ref, name);\n","import { EVENTS, VALIDATION_MODE } from '../constants';\nimport {\n BatchFieldArrayUpdate,\n ChangeHandler,\n Control,\n DeepPartial,\n DelayCallback,\n EventType,\n Field,\n FieldError,\n FieldErrors,\n FieldNamesMarkedBoolean,\n FieldPath,\n FieldRefs,\n FieldValues,\n FormState,\n GetIsDirty,\n InternalFieldName,\n Names,\n Path,\n PathValue,\n ReadFormState,\n Ref,\n SetFieldValue,\n SetValueConfig,\n Subjects,\n UseFormClearErrors,\n UseFormGetFieldState,\n UseFormGetValues,\n UseFormHandleSubmit,\n UseFormProps,\n UseFormRegister,\n UseFormReset,\n UseFormResetField,\n UseFormReturn,\n UseFormSetError,\n UseFormSetFocus,\n UseFormSetValue,\n UseFormTrigger,\n UseFormUnregister,\n UseFormWatch,\n WatchInternal,\n WatchObserver,\n} from '../types';\nimport cloneObject from '../utils/cloneObject';\nimport compact from '../utils/compact';\nimport convertToArrayPayload from '../utils/convertToArrayPayload';\nimport createSubject from '../utils/createSubject';\nimport deepEqual from '../utils/deepEqual';\nimport get from '../utils/get';\nimport isBoolean from '../utils/isBoolean';\nimport isCheckBoxInput from '../utils/isCheckBoxInput';\nimport isDateObject from '../utils/isDateObject';\nimport isEmptyObject from '../utils/isEmptyObject';\nimport isFileInput from '../utils/isFileInput';\nimport isFunction from '../utils/isFunction';\nimport isHTMLElement from '../utils/isHTMLElement';\nimport isMultipleSelect from '../utils/isMultipleSelect';\nimport isNullOrUndefined from '../utils/isNullOrUndefined';\nimport isObject from '../utils/isObject';\nimport isPrimitive from '../utils/isPrimitive';\nimport isRadioOrCheckbox from '../utils/isRadioOrCheckbox';\nimport isString from '../utils/isString';\nimport isUndefined from '../utils/isUndefined';\nimport isWeb from '../utils/isWeb';\nimport live from '../utils/live';\nimport set from '../utils/set';\nimport unset from '../utils/unset';\n\nimport generateWatchOutput from './generateWatchOutput';\nimport getDirtyFields from './getDirtyFields';\nimport getEventValue from './getEventValue';\nimport getFieldValue from './getFieldValue';\nimport getFieldValueAs from './getFieldValueAs';\nimport getResolverOptions from './getResolverOptions';\nimport getRuleValue from './getRuleValue';\nimport getValidationModes from './getValidationModes';\nimport hasValidation from './hasValidation';\nimport isNameInFieldArray from './isNameInFieldArray';\nimport isWatched from './isWatched';\nimport iterateFieldsByAction from './iterateFieldsByAction';\nimport schemaErrorLookup from './schemaErrorLookup';\nimport skipValidation from './skipValidation';\nimport unsetEmptyArray from './unsetEmptyArray';\nimport updateFieldArrayRootError from './updateFieldArrayRootError';\nimport validateField from './validateField';\n\nconst defaultOptions = {\n mode: VALIDATION_MODE.onSubmit,\n reValidateMode: VALIDATION_MODE.onChange,\n shouldFocusError: true,\n} as const;\n\nexport function createFormControl<\n TFieldValues extends FieldValues = FieldValues,\n TContext = any,\n>(\n props: UseFormProps = {},\n): Omit, 'formState'> {\n let _options = {\n ...defaultOptions,\n ...props,\n };\n let _formState: FormState = {\n submitCount: 0,\n isDirty: false,\n isLoading: isFunction(_options.defaultValues),\n isValidating: false,\n isSubmitted: false,\n isSubmitting: false,\n isSubmitSuccessful: false,\n isValid: false,\n touchedFields: {},\n dirtyFields: {},\n validatingFields: {},\n errors: _options.errors || {},\n disabled: _options.disabled || false,\n };\n let _fields: FieldRefs = {};\n let _defaultValues =\n isObject(_options.defaultValues) || isObject(_options.values)\n ? cloneObject(_options.defaultValues || _options.values) || {}\n : {};\n let _formValues = _options.shouldUnregister\n ? {}\n : cloneObject(_defaultValues);\n let _state = {\n action: false,\n mount: false,\n watch: false,\n };\n let _names: Names = {\n mount: new Set(),\n unMount: new Set(),\n array: new Set(),\n watch: new Set(),\n };\n let delayErrorCallback: DelayCallback | null;\n let timer = 0;\n const _proxyFormState: ReadFormState = {\n isDirty: false,\n dirtyFields: false,\n validatingFields: false,\n touchedFields: false,\n isValidating: false,\n isValid: false,\n errors: false,\n };\n const _subjects: Subjects = {\n values: createSubject(),\n array: createSubject(),\n state: createSubject(),\n };\n const validationModeBeforeSubmit = getValidationModes(_options.mode);\n const validationModeAfterSubmit = getValidationModes(_options.reValidateMode);\n const shouldDisplayAllAssociatedErrors =\n _options.criteriaMode === VALIDATION_MODE.all;\n\n const debounce =\n (callback: T) =>\n (wait: number) => {\n clearTimeout(timer);\n timer = setTimeout(callback, wait);\n };\n\n const _updateValid = async (shouldUpdateValid?: boolean) => {\n if (_proxyFormState.isValid || shouldUpdateValid) {\n const isValid = _options.resolver\n ? isEmptyObject((await _executeSchema()).errors)\n : await executeBuiltInValidation(_fields, true);\n\n if (isValid !== _formState.isValid) {\n _subjects.state.next({\n isValid,\n });\n }\n }\n };\n\n const _updateIsValidating = (names?: string[], isValidating?: boolean) => {\n if (_proxyFormState.isValidating || _proxyFormState.validatingFields) {\n (names || Array.from(_names.mount)).forEach((name) => {\n if (name) {\n isValidating\n ? set(_formState.validatingFields, name, isValidating)\n : unset(_formState.validatingFields, name);\n }\n });\n\n _subjects.state.next({\n validatingFields: _formState.validatingFields,\n isValidating: !isEmptyObject(_formState.validatingFields),\n });\n }\n };\n\n const _updateFieldArray: BatchFieldArrayUpdate = (\n name,\n values = [],\n method,\n args,\n shouldSetValues = true,\n shouldUpdateFieldsAndState = true,\n ) => {\n if (args && method) {\n _state.action = true;\n if (shouldUpdateFieldsAndState && Array.isArray(get(_fields, name))) {\n const fieldValues = method(get(_fields, name), args.argA, args.argB);\n shouldSetValues && set(_fields, name, fieldValues);\n }\n\n if (\n shouldUpdateFieldsAndState &&\n Array.isArray(get(_formState.errors, name))\n ) {\n const errors = method(\n get(_formState.errors, name),\n args.argA,\n args.argB,\n );\n shouldSetValues && set(_formState.errors, name, errors);\n unsetEmptyArray(_formState.errors, name);\n }\n\n if (\n _proxyFormState.touchedFields &&\n shouldUpdateFieldsAndState &&\n Array.isArray(get(_formState.touchedFields, name))\n ) {\n const touchedFields = method(\n get(_formState.touchedFields, name),\n args.argA,\n args.argB,\n );\n shouldSetValues && set(_formState.touchedFields, name, touchedFields);\n }\n\n if (_proxyFormState.dirtyFields) {\n _formState.dirtyFields = getDirtyFields(_defaultValues, _formValues);\n }\n\n _subjects.state.next({\n name,\n isDirty: _getDirty(name, values),\n dirtyFields: _formState.dirtyFields,\n errors: _formState.errors,\n isValid: _formState.isValid,\n });\n } else {\n set(_formValues, name, values);\n }\n };\n\n const updateErrors = (name: InternalFieldName, error: FieldError) => {\n set(_formState.errors, name, error);\n _subjects.state.next({\n errors: _formState.errors,\n });\n };\n\n const _setErrors = (errors: FieldErrors) => {\n _formState.errors = errors;\n _subjects.state.next({\n errors: _formState.errors,\n isValid: false,\n });\n };\n\n const updateValidAndValue = (\n name: InternalFieldName,\n shouldSkipSetValueAs: boolean,\n value?: unknown,\n ref?: Ref,\n ) => {\n const field: Field = get(_fields, name);\n\n if (field) {\n const defaultValue = get(\n _formValues,\n name,\n isUndefined(value) ? get(_defaultValues, name) : value,\n );\n\n isUndefined(defaultValue) ||\n (ref && (ref as HTMLInputElement).defaultChecked) ||\n shouldSkipSetValueAs\n ? set(\n _formValues,\n name,\n shouldSkipSetValueAs ? defaultValue : getFieldValue(field._f),\n )\n : setFieldValue(name, defaultValue);\n\n _state.mount && _updateValid();\n }\n };\n\n const updateTouchAndDirty = (\n name: InternalFieldName,\n fieldValue: unknown,\n isBlurEvent?: boolean,\n shouldDirty?: boolean,\n shouldRender?: boolean,\n ): Partial<\n Pick, 'dirtyFields' | 'isDirty' | 'touchedFields'>\n > => {\n let shouldUpdateField = false;\n let isPreviousDirty = false;\n const output: Partial> & { name: string } = {\n name,\n };\n const disabledField = !!(\n get(_fields, name) && get(_fields, name)._f.disabled\n );\n\n if (!isBlurEvent || shouldDirty) {\n if (_proxyFormState.isDirty) {\n isPreviousDirty = _formState.isDirty;\n _formState.isDirty = output.isDirty = _getDirty();\n shouldUpdateField = isPreviousDirty !== output.isDirty;\n }\n\n const isCurrentFieldPristine =\n disabledField || deepEqual(get(_defaultValues, name), fieldValue);\n\n isPreviousDirty = !!(!disabledField && get(_formState.dirtyFields, name));\n isCurrentFieldPristine || disabledField\n ? unset(_formState.dirtyFields, name)\n : set(_formState.dirtyFields, name, true);\n output.dirtyFields = _formState.dirtyFields;\n shouldUpdateField =\n shouldUpdateField ||\n (_proxyFormState.dirtyFields &&\n isPreviousDirty !== !isCurrentFieldPristine);\n }\n\n if (isBlurEvent) {\n const isPreviousFieldTouched = get(_formState.touchedFields, name);\n\n if (!isPreviousFieldTouched) {\n set(_formState.touchedFields, name, isBlurEvent);\n output.touchedFields = _formState.touchedFields;\n shouldUpdateField =\n shouldUpdateField ||\n (_proxyFormState.touchedFields &&\n isPreviousFieldTouched !== isBlurEvent);\n }\n }\n\n shouldUpdateField && shouldRender && _subjects.state.next(output);\n\n return shouldUpdateField ? output : {};\n };\n\n const shouldRenderByError = (\n name: InternalFieldName,\n isValid?: boolean,\n error?: FieldError,\n fieldState?: {\n dirty?: FieldNamesMarkedBoolean;\n isDirty?: boolean;\n touched?: FieldNamesMarkedBoolean;\n },\n ) => {\n const previousFieldError = get(_formState.errors, name);\n const shouldUpdateValid =\n _proxyFormState.isValid &&\n isBoolean(isValid) &&\n _formState.isValid !== isValid;\n\n if (props.delayError && error) {\n delayErrorCallback = debounce(() => updateErrors(name, error));\n delayErrorCallback(props.delayError);\n } else {\n clearTimeout(timer);\n delayErrorCallback = null;\n error\n ? set(_formState.errors, name, error)\n : unset(_formState.errors, name);\n }\n\n if (\n (error ? !deepEqual(previousFieldError, error) : previousFieldError) ||\n !isEmptyObject(fieldState) ||\n shouldUpdateValid\n ) {\n const updatedFormState = {\n ...fieldState,\n ...(shouldUpdateValid && isBoolean(isValid) ? { isValid } : {}),\n errors: _formState.errors,\n name,\n };\n\n _formState = {\n ..._formState,\n ...updatedFormState,\n };\n\n _subjects.state.next(updatedFormState);\n }\n };\n\n const _executeSchema = async (name?: InternalFieldName[]) => {\n _updateIsValidating(name, true);\n const result = await _options.resolver!(\n _formValues as TFieldValues,\n _options.context,\n getResolverOptions(\n name || _names.mount,\n _fields,\n _options.criteriaMode,\n _options.shouldUseNativeValidation,\n ),\n );\n _updateIsValidating(name);\n return result;\n };\n\n const executeSchemaAndUpdateState = async (names?: InternalFieldName[]) => {\n const { errors } = await _executeSchema(names);\n\n if (names) {\n for (const name of names) {\n const error = get(errors, name);\n error\n ? set(_formState.errors, name, error)\n : unset(_formState.errors, name);\n }\n } else {\n _formState.errors = errors;\n }\n\n return errors;\n };\n\n const executeBuiltInValidation = async (\n fields: FieldRefs,\n shouldOnlyCheckValid?: boolean,\n context: {\n valid: boolean;\n } = {\n valid: true,\n },\n ) => {\n for (const name in fields) {\n const field = fields[name];\n\n if (field) {\n const { _f, ...fieldValue } = field;\n\n if (_f) {\n const isFieldArrayRoot = _names.array.has(_f.name);\n _updateIsValidating([name], true);\n const fieldError = await validateField(\n field,\n _formValues,\n shouldDisplayAllAssociatedErrors,\n _options.shouldUseNativeValidation && !shouldOnlyCheckValid,\n isFieldArrayRoot,\n );\n _updateIsValidating([name]);\n\n if (fieldError[_f.name]) {\n context.valid = false;\n if (shouldOnlyCheckValid) {\n break;\n }\n }\n\n !shouldOnlyCheckValid &&\n (get(fieldError, _f.name)\n ? isFieldArrayRoot\n ? updateFieldArrayRootError(\n _formState.errors,\n fieldError,\n _f.name,\n )\n : set(_formState.errors, _f.name, fieldError[_f.name])\n : unset(_formState.errors, _f.name));\n }\n\n fieldValue &&\n (await executeBuiltInValidation(\n fieldValue,\n shouldOnlyCheckValid,\n context,\n ));\n }\n }\n\n return context.valid;\n };\n\n const _removeUnmounted = () => {\n for (const name of _names.unMount) {\n const field: Field = get(_fields, name);\n\n field &&\n (field._f.refs\n ? field._f.refs.every((ref) => !live(ref))\n : !live(field._f.ref)) &&\n unregister(name as FieldPath);\n }\n\n _names.unMount = new Set();\n };\n\n const _getDirty: GetIsDirty = (name, data) => (\n name && data && set(_formValues, name, data),\n !deepEqual(getValues(), _defaultValues)\n );\n\n const _getWatch: WatchInternal = (\n names,\n defaultValue,\n isGlobal,\n ) =>\n generateWatchOutput(\n names,\n _names,\n {\n ...(_state.mount\n ? _formValues\n : isUndefined(defaultValue)\n ? _defaultValues\n : isString(names)\n ? { [names]: defaultValue }\n : defaultValue),\n },\n isGlobal,\n defaultValue,\n );\n\n const _getFieldArray = (\n name: InternalFieldName,\n ): Partial[] =>\n compact(\n get(\n _state.mount ? _formValues : _defaultValues,\n name,\n props.shouldUnregister ? get(_defaultValues, name, []) : [],\n ),\n );\n\n const setFieldValue = (\n name: InternalFieldName,\n value: SetFieldValue,\n options: SetValueConfig = {},\n ) => {\n const field: Field = get(_fields, name);\n let fieldValue: unknown = value;\n\n if (field) {\n const fieldReference = field._f;\n\n if (fieldReference) {\n !fieldReference.disabled &&\n set(_formValues, name, getFieldValueAs(value, fieldReference));\n\n fieldValue =\n isHTMLElement(fieldReference.ref) && isNullOrUndefined(value)\n ? ''\n : value;\n\n if (isMultipleSelect(fieldReference.ref)) {\n [...fieldReference.ref.options].forEach(\n (optionRef) =>\n (optionRef.selected = (\n fieldValue as InternalFieldName[]\n ).includes(optionRef.value)),\n );\n } else if (fieldReference.refs) {\n if (isCheckBoxInput(fieldReference.ref)) {\n fieldReference.refs.length > 1\n ? fieldReference.refs.forEach(\n (checkboxRef) =>\n (!checkboxRef.defaultChecked || !checkboxRef.disabled) &&\n (checkboxRef.checked = Array.isArray(fieldValue)\n ? !!(fieldValue as []).find(\n (data: string) => data === checkboxRef.value,\n )\n : fieldValue === checkboxRef.value),\n )\n : fieldReference.refs[0] &&\n (fieldReference.refs[0].checked = !!fieldValue);\n } else {\n fieldReference.refs.forEach(\n (radioRef: HTMLInputElement) =>\n (radioRef.checked = radioRef.value === fieldValue),\n );\n }\n } else if (isFileInput(fieldReference.ref)) {\n fieldReference.ref.value = '';\n } else {\n fieldReference.ref.value = fieldValue;\n\n if (!fieldReference.ref.type) {\n _subjects.values.next({\n name,\n values: { ..._formValues },\n });\n }\n }\n }\n }\n\n (options.shouldDirty || options.shouldTouch) &&\n updateTouchAndDirty(\n name,\n fieldValue,\n options.shouldTouch,\n options.shouldDirty,\n true,\n );\n\n options.shouldValidate && trigger(name as Path);\n };\n\n const setValues = <\n T extends InternalFieldName,\n K extends SetFieldValue,\n U extends SetValueConfig,\n >(\n name: T,\n value: K,\n options: U,\n ) => {\n for (const fieldKey in value) {\n const fieldValue = value[fieldKey];\n const fieldName = `${name}.${fieldKey}`;\n const field = get(_fields, fieldName);\n\n (_names.array.has(name) ||\n !isPrimitive(fieldValue) ||\n (field && !field._f)) &&\n !isDateObject(fieldValue)\n ? setValues(fieldName, fieldValue, options)\n : setFieldValue(fieldName, fieldValue, options);\n }\n };\n\n const setValue: UseFormSetValue = (\n name,\n value,\n options = {},\n ) => {\n const field = get(_fields, name);\n const isFieldArray = _names.array.has(name);\n const cloneValue = cloneObject(value);\n\n set(_formValues, name, cloneValue);\n\n if (isFieldArray) {\n _subjects.array.next({\n name,\n values: { ..._formValues },\n });\n\n if (\n (_proxyFormState.isDirty || _proxyFormState.dirtyFields) &&\n options.shouldDirty\n ) {\n _subjects.state.next({\n name,\n dirtyFields: getDirtyFields(_defaultValues, _formValues),\n isDirty: _getDirty(name, cloneValue),\n });\n }\n } else {\n field && !field._f && !isNullOrUndefined(cloneValue)\n ? setValues(name, cloneValue, options)\n : setFieldValue(name, cloneValue, options);\n }\n\n isWatched(name, _names) && _subjects.state.next({ ..._formState });\n _subjects.values.next({\n name: _state.mount ? name : undefined,\n values: { ..._formValues },\n });\n };\n\n const onChange: ChangeHandler = async (event) => {\n _state.mount = true;\n const target = event.target;\n let name = target.name as string;\n let isFieldValueUpdated = true;\n const field: Field = get(_fields, name);\n const getCurrentFieldValue = () =>\n target.type ? getFieldValue(field._f) : getEventValue(event);\n const _updateIsFieldValueUpdated = (fieldValue: any): void => {\n isFieldValueUpdated =\n Number.isNaN(fieldValue) ||\n fieldValue === get(_formValues, name, fieldValue);\n };\n\n if (field) {\n let error;\n let isValid;\n const fieldValue = getCurrentFieldValue();\n const isBlurEvent =\n event.type === EVENTS.BLUR || event.type === EVENTS.FOCUS_OUT;\n const shouldSkipValidation =\n (!hasValidation(field._f) &&\n !_options.resolver &&\n !get(_formState.errors, name) &&\n !field._f.deps) ||\n skipValidation(\n isBlurEvent,\n get(_formState.touchedFields, name),\n _formState.isSubmitted,\n validationModeAfterSubmit,\n validationModeBeforeSubmit,\n );\n const watched = isWatched(name, _names, isBlurEvent);\n\n set(_formValues, name, fieldValue);\n\n if (isBlurEvent) {\n field._f.onBlur && field._f.onBlur(event);\n delayErrorCallback && delayErrorCallback(0);\n } else if (field._f.onChange) {\n field._f.onChange(event);\n }\n\n const fieldState = updateTouchAndDirty(\n name,\n fieldValue,\n isBlurEvent,\n false,\n );\n\n const shouldRender = !isEmptyObject(fieldState) || watched;\n\n !isBlurEvent &&\n _subjects.values.next({\n name,\n type: event.type,\n values: { ..._formValues },\n });\n\n if (shouldSkipValidation) {\n _proxyFormState.isValid && _updateValid();\n\n return (\n shouldRender &&\n _subjects.state.next({ name, ...(watched ? {} : fieldState) })\n );\n }\n\n !isBlurEvent && watched && _subjects.state.next({ ..._formState });\n\n if (_options.resolver) {\n const { errors } = await _executeSchema([name]);\n\n _updateIsFieldValueUpdated(fieldValue);\n\n if (isFieldValueUpdated) {\n const previousErrorLookupResult = schemaErrorLookup(\n _formState.errors,\n _fields,\n name,\n );\n const errorLookupResult = schemaErrorLookup(\n errors,\n _fields,\n previousErrorLookupResult.name || name,\n );\n\n error = errorLookupResult.error;\n name = errorLookupResult.name;\n\n isValid = isEmptyObject(errors);\n }\n } else {\n _updateIsValidating([name], true);\n error = (\n await validateField(\n field,\n _formValues,\n shouldDisplayAllAssociatedErrors,\n _options.shouldUseNativeValidation,\n )\n )[name];\n _updateIsValidating([name]);\n\n _updateIsFieldValueUpdated(fieldValue);\n\n if (isFieldValueUpdated) {\n if (error) {\n isValid = false;\n } else if (_proxyFormState.isValid) {\n isValid = await executeBuiltInValidation(_fields, true);\n }\n }\n }\n\n if (isFieldValueUpdated) {\n field._f.deps &&\n trigger(\n field._f.deps as\n | FieldPath\n | FieldPath[],\n );\n shouldRenderByError(name, isValid, error, fieldState);\n }\n }\n };\n\n const _focusInput = (ref: Ref, key: string) => {\n if (get(_formState.errors, key) && ref.focus) {\n ref.focus();\n return 1;\n }\n return;\n };\n\n const trigger: UseFormTrigger = async (name, options = {}) => {\n let isValid;\n let validationResult;\n const fieldNames = convertToArrayPayload(name) as InternalFieldName[];\n\n if (_options.resolver) {\n const errors = await executeSchemaAndUpdateState(\n isUndefined(name) ? name : fieldNames,\n );\n\n isValid = isEmptyObject(errors);\n validationResult = name\n ? !fieldNames.some((name) => get(errors, name))\n : isValid;\n } else if (name) {\n validationResult = (\n await Promise.all(\n fieldNames.map(async (fieldName) => {\n const field = get(_fields, fieldName);\n return await executeBuiltInValidation(\n field && field._f ? { [fieldName]: field } : field,\n );\n }),\n )\n ).every(Boolean);\n !(!validationResult && !_formState.isValid) && _updateValid();\n } else {\n validationResult = isValid = await executeBuiltInValidation(_fields);\n }\n\n _subjects.state.next({\n ...(!isString(name) ||\n (_proxyFormState.isValid && isValid !== _formState.isValid)\n ? {}\n : { name }),\n ...(_options.resolver || !name ? { isValid } : {}),\n errors: _formState.errors,\n });\n\n options.shouldFocus &&\n !validationResult &&\n iterateFieldsByAction(\n _fields,\n _focusInput,\n name ? fieldNames : _names.mount,\n );\n\n return validationResult;\n };\n\n const getValues: UseFormGetValues = (\n fieldNames?:\n | FieldPath\n | ReadonlyArray>,\n ) => {\n const values = {\n ...(_state.mount ? _formValues : _defaultValues),\n };\n\n return isUndefined(fieldNames)\n ? values\n : isString(fieldNames)\n ? get(values, fieldNames)\n : fieldNames.map((name) => get(values, name));\n };\n\n const getFieldState: UseFormGetFieldState = (\n name,\n formState,\n ) => ({\n invalid: !!get((formState || _formState).errors, name),\n isDirty: !!get((formState || _formState).dirtyFields, name),\n isTouched: !!get((formState || _formState).touchedFields, name),\n isValidating: !!get((formState || _formState).validatingFields, name),\n error: get((formState || _formState).errors, name),\n });\n\n const clearErrors: UseFormClearErrors = (name) => {\n name &&\n convertToArrayPayload(name).forEach((inputName) =>\n unset(_formState.errors, inputName),\n );\n\n _subjects.state.next({\n errors: name ? _formState.errors : {},\n });\n };\n\n const setError: UseFormSetError = (name, error, options) => {\n const ref = (get(_fields, name, { _f: {} })._f || {}).ref;\n const currentError = get(_formState.errors, name) || {};\n\n // Don't override existing error messages elsewhere in the object tree.\n const { ref: currentRef, message, type, ...restOfErrorTree } = currentError;\n\n set(_formState.errors, name, {\n ...restOfErrorTree,\n ...error,\n ref,\n });\n\n _subjects.state.next({\n name,\n errors: _formState.errors,\n isValid: false,\n });\n\n options && options.shouldFocus && ref && ref.focus && ref.focus();\n };\n\n const watch: UseFormWatch = (\n name?:\n | FieldPath\n | ReadonlyArray>\n | WatchObserver,\n defaultValue?: DeepPartial,\n ) =>\n isFunction(name)\n ? _subjects.values.subscribe({\n next: (payload) =>\n name(\n _getWatch(undefined, defaultValue),\n payload as {\n name?: FieldPath;\n type?: EventType;\n value?: unknown;\n },\n ),\n })\n : _getWatch(\n name as InternalFieldName | InternalFieldName[],\n defaultValue,\n true,\n );\n\n const unregister: UseFormUnregister = (name, options = {}) => {\n for (const fieldName of name ? convertToArrayPayload(name) : _names.mount) {\n _names.mount.delete(fieldName);\n _names.array.delete(fieldName);\n\n if (!options.keepValue) {\n unset(_fields, fieldName);\n unset(_formValues, fieldName);\n }\n\n !options.keepError && unset(_formState.errors, fieldName);\n !options.keepDirty && unset(_formState.dirtyFields, fieldName);\n !options.keepTouched && unset(_formState.touchedFields, fieldName);\n !options.keepIsValidating &&\n unset(_formState.validatingFields, fieldName);\n !_options.shouldUnregister &&\n !options.keepDefaultValue &&\n unset(_defaultValues, fieldName);\n }\n\n _subjects.values.next({\n values: { ..._formValues },\n });\n\n _subjects.state.next({\n ..._formState,\n ...(!options.keepDirty ? {} : { isDirty: _getDirty() }),\n });\n\n !options.keepIsValid && _updateValid();\n };\n\n const _updateDisabledField: Control['_updateDisabledField'] = ({\n disabled,\n name,\n field,\n fields,\n value,\n }) => {\n if ((isBoolean(disabled) && _state.mount) || !!disabled) {\n const inputValue = disabled\n ? undefined\n : isUndefined(value)\n ? getFieldValue(field ? field._f : get(fields, name)._f)\n : value;\n set(_formValues, name, inputValue);\n updateTouchAndDirty(name, inputValue, false, false, true);\n }\n };\n\n const register: UseFormRegister = (name, options = {}) => {\n let field = get(_fields, name);\n const disabledIsDefined = isBoolean(options.disabled);\n\n set(_fields, name, {\n ...(field || {}),\n _f: {\n ...(field && field._f ? field._f : { ref: { name } }),\n name,\n mount: true,\n ...options,\n },\n });\n _names.mount.add(name);\n\n if (field) {\n _updateDisabledField({\n field,\n disabled: options.disabled,\n name,\n value: options.value,\n });\n } else {\n updateValidAndValue(name, true, options.value);\n }\n\n return {\n ...(disabledIsDefined ? { disabled: options.disabled } : {}),\n ...(_options.progressive\n ? {\n required: !!options.required,\n min: getRuleValue(options.min),\n max: getRuleValue(options.max),\n minLength: getRuleValue(options.minLength) as number,\n maxLength: getRuleValue(options.maxLength) as number,\n pattern: getRuleValue(options.pattern) as string,\n }\n : {}),\n name,\n onChange,\n onBlur: onChange,\n ref: (ref: HTMLInputElement | null): void => {\n if (ref) {\n register(name, options);\n field = get(_fields, name);\n\n const fieldRef = isUndefined(ref.value)\n ? ref.querySelectorAll\n ? (ref.querySelectorAll('input,select,textarea')[0] as Ref) || ref\n : ref\n : ref;\n const radioOrCheckbox = isRadioOrCheckbox(fieldRef);\n const refs = field._f.refs || [];\n\n if (\n radioOrCheckbox\n ? refs.find((option: Ref) => option === fieldRef)\n : fieldRef === field._f.ref\n ) {\n return;\n }\n\n set(_fields, name, {\n _f: {\n ...field._f,\n ...(radioOrCheckbox\n ? {\n refs: [\n ...refs.filter(live),\n fieldRef,\n ...(Array.isArray(get(_defaultValues, name)) ? [{}] : []),\n ],\n ref: { type: fieldRef.type, name },\n }\n : { ref: fieldRef }),\n },\n });\n\n updateValidAndValue(name, false, undefined, fieldRef);\n } else {\n field = get(_fields, name, {});\n\n if (field._f) {\n field._f.mount = false;\n }\n\n (_options.shouldUnregister || options.shouldUnregister) &&\n !(isNameInFieldArray(_names.array, name) && _state.action) &&\n _names.unMount.add(name);\n }\n },\n };\n };\n\n const _focusError = () =>\n _options.shouldFocusError &&\n iterateFieldsByAction(_fields, _focusInput, _names.mount);\n\n const _disableForm = (disabled?: boolean) => {\n if (isBoolean(disabled)) {\n _subjects.state.next({ disabled });\n iterateFieldsByAction(\n _fields,\n (ref, name) => {\n const currentField: Field = get(_fields, name);\n if (currentField) {\n ref.disabled = currentField._f.disabled || disabled;\n\n if (Array.isArray(currentField._f.refs)) {\n currentField._f.refs.forEach((inputRef) => {\n inputRef.disabled = currentField._f.disabled || disabled;\n });\n }\n }\n },\n 0,\n false,\n );\n }\n };\n\n const handleSubmit: UseFormHandleSubmit =\n (onValid, onInvalid) => async (e) => {\n let onValidError = undefined;\n if (e) {\n e.preventDefault && e.preventDefault();\n e.persist && e.persist();\n }\n let fieldValues = cloneObject(_formValues);\n\n _subjects.state.next({\n isSubmitting: true,\n });\n\n if (_options.resolver) {\n const { errors, values } = await _executeSchema();\n _formState.errors = errors;\n fieldValues = values;\n } else {\n await executeBuiltInValidation(_fields);\n }\n\n unset(_formState.errors, 'root');\n\n if (isEmptyObject(_formState.errors)) {\n _subjects.state.next({\n errors: {},\n });\n try {\n await onValid(fieldValues as TFieldValues, e);\n } catch (error) {\n onValidError = error;\n }\n } else {\n if (onInvalid) {\n await onInvalid({ ..._formState.errors }, e);\n }\n _focusError();\n setTimeout(_focusError);\n }\n\n _subjects.state.next({\n isSubmitted: true,\n isSubmitting: false,\n isSubmitSuccessful: isEmptyObject(_formState.errors) && !onValidError,\n submitCount: _formState.submitCount + 1,\n errors: _formState.errors,\n });\n if (onValidError) {\n throw onValidError;\n }\n };\n\n const resetField: UseFormResetField = (name, options = {}) => {\n if (get(_fields, name)) {\n if (isUndefined(options.defaultValue)) {\n setValue(name, cloneObject(get(_defaultValues, name)));\n } else {\n setValue(\n name,\n options.defaultValue as PathValue<\n TFieldValues,\n FieldPath\n >,\n );\n set(_defaultValues, name, cloneObject(options.defaultValue));\n }\n\n if (!options.keepTouched) {\n unset(_formState.touchedFields, name);\n }\n\n if (!options.keepDirty) {\n unset(_formState.dirtyFields, name);\n _formState.isDirty = options.defaultValue\n ? _getDirty(name, cloneObject(get(_defaultValues, name)))\n : _getDirty();\n }\n\n if (!options.keepError) {\n unset(_formState.errors, name);\n _proxyFormState.isValid && _updateValid();\n }\n\n _subjects.state.next({ ..._formState });\n }\n };\n\n const _reset: UseFormReset = (\n formValues,\n keepStateOptions = {},\n ) => {\n const updatedValues = formValues ? cloneObject(formValues) : _defaultValues;\n const cloneUpdatedValues = cloneObject(updatedValues);\n const isEmptyResetValues = isEmptyObject(formValues);\n const values = isEmptyResetValues ? _defaultValues : cloneUpdatedValues;\n\n if (!keepStateOptions.keepDefaultValues) {\n _defaultValues = updatedValues;\n }\n\n if (!keepStateOptions.keepValues) {\n if (keepStateOptions.keepDirtyValues) {\n for (const fieldName of _names.mount) {\n get(_formState.dirtyFields, fieldName)\n ? set(values, fieldName, get(_formValues, fieldName))\n : setValue(\n fieldName as FieldPath,\n get(values, fieldName),\n );\n }\n } else {\n if (isWeb && isUndefined(formValues)) {\n for (const name of _names.mount) {\n const field = get(_fields, name);\n if (field && field._f) {\n const fieldReference = Array.isArray(field._f.refs)\n ? field._f.refs[0]\n : field._f.ref;\n\n if (isHTMLElement(fieldReference)) {\n const form = fieldReference.closest('form');\n if (form) {\n form.reset();\n break;\n }\n }\n }\n }\n }\n\n _fields = {};\n }\n\n _formValues = props.shouldUnregister\n ? keepStateOptions.keepDefaultValues\n ? cloneObject(_defaultValues)\n : {}\n : cloneObject(values);\n\n _subjects.array.next({\n values: { ...values },\n });\n\n _subjects.values.next({\n values: { ...values },\n });\n }\n\n _names = {\n mount: keepStateOptions.keepDirtyValues ? _names.mount : new Set(),\n unMount: new Set(),\n array: new Set(),\n watch: new Set(),\n watchAll: false,\n focus: '',\n };\n\n _state.mount =\n !_proxyFormState.isValid ||\n !!keepStateOptions.keepIsValid ||\n !!keepStateOptions.keepDirtyValues;\n\n _state.watch = !!props.shouldUnregister;\n\n _subjects.state.next({\n submitCount: keepStateOptions.keepSubmitCount\n ? _formState.submitCount\n : 0,\n isDirty: isEmptyResetValues\n ? false\n : keepStateOptions.keepDirty\n ? _formState.isDirty\n : !!(\n keepStateOptions.keepDefaultValues &&\n !deepEqual(formValues, _defaultValues)\n ),\n isSubmitted: keepStateOptions.keepIsSubmitted\n ? _formState.isSubmitted\n : false,\n dirtyFields: isEmptyResetValues\n ? []\n : keepStateOptions.keepDirtyValues\n ? keepStateOptions.keepDefaultValues && _formValues\n ? getDirtyFields(_defaultValues, _formValues)\n : _formState.dirtyFields\n : keepStateOptions.keepDefaultValues && formValues\n ? getDirtyFields(_defaultValues, formValues)\n : {},\n touchedFields: keepStateOptions.keepTouched\n ? _formState.touchedFields\n : {},\n errors: keepStateOptions.keepErrors ? _formState.errors : {},\n isSubmitSuccessful: keepStateOptions.keepIsSubmitSuccessful\n ? _formState.isSubmitSuccessful\n : false,\n isSubmitting: false,\n });\n };\n\n const reset: UseFormReset = (formValues, keepStateOptions) =>\n _reset(\n isFunction(formValues)\n ? formValues(_formValues as TFieldValues)\n : formValues,\n keepStateOptions,\n );\n\n const setFocus: UseFormSetFocus = (name, options = {}) => {\n const field = get(_fields, name);\n const fieldReference = field && field._f;\n\n if (fieldReference) {\n const fieldRef = fieldReference.refs\n ? fieldReference.refs[0]\n : fieldReference.ref;\n\n if (fieldRef.focus) {\n fieldRef.focus();\n options.shouldSelect && fieldRef.select();\n }\n }\n };\n\n const _updateFormState = (\n updatedFormState: Partial>,\n ) => {\n _formState = {\n ..._formState,\n ...updatedFormState,\n };\n };\n\n const _resetDefaultValues = () =>\n isFunction(_options.defaultValues) &&\n _options.defaultValues().then((values) => {\n reset(values, _options.resetOptions);\n _subjects.state.next({\n isLoading: false,\n });\n });\n\n return {\n control: {\n register,\n unregister,\n getFieldState,\n handleSubmit,\n setError,\n _executeSchema,\n _getWatch,\n _getDirty,\n _updateValid,\n _removeUnmounted,\n _updateFieldArray,\n _updateDisabledField,\n _getFieldArray,\n _reset,\n _resetDefaultValues,\n _updateFormState,\n _disableForm,\n _subjects,\n _proxyFormState,\n _setErrors,\n get _fields() {\n return _fields;\n },\n get _formValues() {\n return _formValues;\n },\n get _state() {\n return _state;\n },\n set _state(value) {\n _state = value;\n },\n get _defaultValues() {\n return _defaultValues;\n },\n get _names() {\n return _names;\n },\n set _names(value) {\n _names = value;\n },\n get _formState() {\n return _formState;\n },\n set _formState(value) {\n _formState = value;\n },\n get _options() {\n return _options;\n },\n set _options(value) {\n _options = {\n ..._options,\n ...value,\n };\n },\n },\n trigger,\n register,\n handleSubmit,\n watch,\n setValue,\n getValues,\n reset,\n resetField,\n clearErrors,\n unregister,\n setError,\n setFocus,\n getFieldState,\n };\n}\n","import React from 'react';\n\nimport { createFormControl } from './logic/createFormControl';\nimport getProxyFormState from './logic/getProxyFormState';\nimport shouldRenderFormState from './logic/shouldRenderFormState';\nimport deepEqual from './utils/deepEqual';\nimport isFunction from './utils/isFunction';\nimport {\n FieldValues,\n FormState,\n InternalFieldName,\n UseFormProps,\n UseFormReturn,\n} from './types';\nimport { useSubscribe } from './useSubscribe';\n\n/**\n * Custom hook to manage the entire form.\n *\n * @remarks\n * [API](https://react-hook-form.com/docs/useform) • [Demo](https://codesandbox.io/s/react-hook-form-get-started-ts-5ksmm) • [Video](https://www.youtube.com/watch?v=RkXv4AXXC_4)\n *\n * @param props - form configuration and validation parameters.\n *\n * @returns methods - individual functions to manage the form state. {@link UseFormReturn}\n *\n * @example\n * ```tsx\n * function App() {\n * const { register, handleSubmit, watch, formState: { errors } } = useForm();\n * const onSubmit = data => console.log(data);\n *\n * console.log(watch(\"example\"));\n *\n * return (\n * \n * );\n * }\n * ```\n */\nexport function useForm<\n TFieldValues extends FieldValues = FieldValues,\n TContext = any,\n TTransformedValues extends FieldValues | undefined = undefined,\n>(\n props: UseFormProps = {},\n): UseFormReturn {\n const _formControl = React.useRef<\n UseFormReturn | undefined\n >();\n const _values = React.useRef();\n const [formState, updateFormState] = React.useState>({\n isDirty: false,\n isValidating: false,\n isLoading: isFunction(props.defaultValues),\n isSubmitted: false,\n isSubmitting: false,\n isSubmitSuccessful: false,\n isValid: false,\n submitCount: 0,\n dirtyFields: {},\n touchedFields: {},\n validatingFields: {},\n errors: props.errors || {},\n disabled: props.disabled || false,\n defaultValues: isFunction(props.defaultValues)\n ? undefined\n : props.defaultValues,\n });\n\n if (!_formControl.current) {\n _formControl.current = {\n ...createFormControl(props),\n formState,\n };\n }\n\n const control = _formControl.current.control;\n control._options = props;\n\n useSubscribe({\n subject: control._subjects.state,\n next: (\n value: Partial> & { name?: InternalFieldName },\n ) => {\n if (\n shouldRenderFormState(\n value,\n control._proxyFormState,\n control._updateFormState,\n true,\n )\n ) {\n updateFormState({ ...control._formState });\n }\n },\n });\n\n React.useEffect(\n () => control._disableForm(props.disabled),\n [control, props.disabled],\n );\n\n React.useEffect(() => {\n if (control._proxyFormState.isDirty) {\n const isDirty = control._getDirty();\n if (isDirty !== formState.isDirty) {\n control._subjects.state.next({\n isDirty,\n });\n }\n }\n }, [control, formState.isDirty]);\n\n React.useEffect(() => {\n if (props.values && !deepEqual(props.values, _values.current)) {\n control._reset(props.values, control._options.resetOptions);\n _values.current = props.values;\n updateFormState((state) => ({ ...state }));\n } else {\n control._resetDefaultValues();\n }\n }, [props.values, control]);\n\n React.useEffect(() => {\n if (props.errors) {\n control._setErrors(props.errors);\n }\n }, [props.errors, control]);\n\n React.useEffect(() => {\n if (!control._state.mount) {\n control._updateValid();\n control._state.mount = true;\n }\n\n if (control._state.watch) {\n control._state.watch = false;\n control._subjects.state.next({ ...control._formState });\n }\n\n control._removeUnmounted();\n });\n\n React.useEffect(() => {\n props.shouldUnregister &&\n control._subjects.values.next({\n values: control._getWatch(),\n });\n }, [props.shouldUnregister, control]);\n\n _formControl.current.formState = getProxyFormState(formState, control);\n\n return _formControl.current;\n}\n","__webpack_require__.h = () => (\"882753174bfed22750d4\")"],"names":[],"sourceRoot":""}��`?��@��A��.��main.ef3919a17627e51078e5.hot-update.js�main.ef3919a17627e51078e5.hot-update.js.mapL^"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/App.js": /*!********************!*\ !*** ./src/App.js ***! \********************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/dist/index.js"); /* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router/dist/index.js"); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./App.css */ "./src/App.css"); /* harmony import */ var _components_Header__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/Header */ "./src/components/Header.js"); /* harmony import */ var _components_Cards__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/Cards */ "./src/components/Cards.js"); /* harmony import */ var _components_InfoCard__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/InfoCard */ "./src/components/InfoCard.js"); /* harmony import */ var _components_Footer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/Footer */ "./src/components/Footer.js"); /* harmony import */ var _pages_Cart__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./pages/Cart */ "./src/pages/Cart.js"); /* harmony import */ var _pages_Catalog__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./pages/Catalog */ "./src/pages/Catalog.js"); /* harmony import */ var _pages_Favorites__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./pages/Favorites */ "./src/pages/Favorites.js"); /* harmony import */ var _CartContext__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./CartContext */ "./src/CartContext.js"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\App.js"; // src/App.js const Computers = () => /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxDEV)("h2", { children: "\u041A\u043E\u043C\u043F\u044C\u044E\u0442\u0435\u0440\u044B" }, void 0, false, { fileName: _jsxFileName, lineNumber: 14, columnNumber: 25 }, undefined); _c = Computers; const Laptops = () => /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxDEV)("h2", { children: "\u041D\u043E\u0443\u0442\u0431\u0443\u043A\u0438" }, void 0, false, { fileName: _jsxFileName, lineNumber: 15, columnNumber: 23 }, undefined); _c2 = Laptops; const Monitors = () => /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxDEV)("h2", { children: "\u041C\u043E\u043D\u0438\u0442\u043E\u0440\u044B" }, void 0, false, { fileName: _jsxFileName, lineNumber: 16, columnNumber: 24 }, undefined); _c3 = Monitors; const Peripherals = () => /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxDEV)("h2", { children: "\u041F\u0435\u0440\u0438\u0444\u0435\u0440\u0438\u044F" }, void 0, false, { fileName: _jsxFileName, lineNumber: 17, columnNumber: 27 }, undefined); _c4 = Peripherals; function App() { return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_11__.BrowserRouter, { children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxDEV)("div", { className: "App", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_12__.Routes, { children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_12__.Route, { path: "/", element: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxDEV)(react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_10__.Fragment, { children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxDEV)(_components_Header__WEBPACK_IMPORTED_MODULE_2__["default"], {}, void 0, false, { fileName: _jsxFileName, lineNumber: 26, columnNumber: 15 }, this), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxDEV)("h1", { children: "\u041F\u043E\u043F\u0443\u043B\u044F\u0440\u043D\u044B\u0435 \u043A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u0438" }, void 0, false, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 15 }, this), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxDEV)(_components_Cards__WEBPACK_IMPORTED_MODULE_3__["default"], {}, void 0, false, { fileName: _jsxFileName, lineNumber: 28, columnNumber: 15 }, this), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxDEV)(_components_InfoCard__WEBPACK_IMPORTED_MODULE_4__["default"], {}, void 0, false, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 15 }, this), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxDEV)(_components_Footer__WEBPACK_IMPORTED_MODULE_5__["default"], {}, void 0, false, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 15 }, this)] }, void 0, true) }, void 0, false, { fileName: _jsxFileName, lineNumber: 24, columnNumber: 11 }, this), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_12__.Route, { path: "/Catalog", element: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxDEV)(_pages_Catalog__WEBPACK_IMPORTED_MODULE_7__["default"], {}, void 0, false, { fileName: _jsxFileName, lineNumber: 33, columnNumber: 43 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 33, columnNumber: 11 }, this), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_12__.Route, { path: "/Favorites ", element: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxDEV)(_pages_Favorites__WEBPACK_IMPORTED_MODULE_8__["default"], {}, void 0, false, { fileName: _jsxFileName, lineNumber: 34, columnNumber: 46 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 34, columnNumber: 11 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 23, columnNumber: 9 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 22, columnNumber: 7 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 21, columnNumber: 5 }, this); } _c5 = App; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (App); var _c, _c2, _c3, _c4, _c5; __webpack_require__.$Refresh$.register(_c, "Computers"); __webpack_require__.$Refresh$.register(_c2, "Laptops"); __webpack_require__.$Refresh$.register(_c3, "Monitors"); __webpack_require__.$Refresh$.register(_c4, "Peripherals"); __webpack_require__.$Refresh$.register(_c5, "App"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }), /***/ "./src/CartContext.js": /*!****************************!*\ !*** ./src/CartContext.js ***! \****************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ CartProvider: () => (/* binding */ CartProvider), /* harmony export */ useCart: () => (/* binding */ useCart) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\CartContext.js", _s = __webpack_require__.$Refresh$.signature(), _s2 = __webpack_require__.$Refresh$.signature(); const CartContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(); const useCart = () => { _s(); return (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(CartContext); }; _s(useCart, "gDsCjeeItUuvgOWf1v4qoK9RF6k="); const CartProvider = ({ children }) => { _s2(); const [cartItems, setCartItems] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]); const addToCart = product => { setCartItems(prevItems => [...prevItems, product]); }; return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)(CartContext.Provider, { value: { cartItems, addToCart }, children: children }, void 0, false, { fileName: _jsxFileName, lineNumber: 15, columnNumber: 5 }, undefined); }; _s2(CartProvider, "jeyeRm/hZ/3zvXF4PAYTLSHDNRs="); _c = CartProvider; var _c; __webpack_require__.$Refresh$.register(_c, "CartProvider"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }), /***/ "./src/components/CartItem.js": /*!************************************!*\ !*** ./src/components/CartItem.js ***! \************************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\components\\CartItem.js"; const CartItem = ({ item, onRemove, onUpdateQuantity }) => { return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "cart-item", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("img", { src: item.image, alt: item.name, className: "cart-item-image" }, void 0, false, { fileName: _jsxFileName, lineNumber: 6, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "cart-item-details", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("h3", { children: item.name }, void 0, false, { fileName: _jsxFileName, lineNumber: 8, columnNumber: 9 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("p", { children: ["\u0426\u0435\u043D\u0430: $", item.price] }, void 0, true, { fileName: _jsxFileName, lineNumber: 9, columnNumber: 9 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "cart-item-quantity", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("button", { onClick: () => onUpdateQuantity(item.id, item.quantity - 1), disabled: item.quantity <= 1, children: "-" }, void 0, false, { fileName: _jsxFileName, lineNumber: 11, columnNumber: 11 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("span", { children: item.quantity }, void 0, false, { fileName: _jsxFileName, lineNumber: 12, columnNumber: 11 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("button", { onClick: () => onUpdateQuantity(item.id, item.quantity + 1), children: "+" }, void 0, false, { fileName: _jsxFileName, lineNumber: 13, columnNumber: 11 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 10, columnNumber: 9 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("button", { onClick: () => onRemove(item.id), className: "remove-button", children: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C" }, void 0, false, { fileName: _jsxFileName, lineNumber: 15, columnNumber: 9 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 7, columnNumber: 7 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 5, columnNumber: 5 }, undefined); }; _c = CartItem; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CartItem); var _c; __webpack_require__.$Refresh$.register(_c, "CartItem"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }), /***/ "./src/pages/Cart.js": /*!***************************!*\ !*** ./src/pages/Cart.js ***! \***************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _components_CartItem__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/CartItem */ "./src/components/CartItem.js"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\pages\\Cart.js", _s = __webpack_require__.$Refresh$.signature(); const initialCartItems = []; const Cart = () => { _s(); const [cartItems, setCartItems] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initialCartItems); const handleRemoveItem = itemId => { setCartItems(cartItems.filter(item => item.id !== itemId)); }; const handleUpdateQuantity = (itemId, newQuantity) => { setCartItems(cartItems.map(item => item.id === itemId ? { ...item, quantity: newQuantity } : item)); }; const getTotalPrice = () => { return cartItems.reduce((total, item) => total + item.price * item.quantity, 0); }; return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "cart", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("h2", { children: "\u041A\u043E\u0440\u0437\u0438\u043D\u0430" }, void 0, false, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 7 }, undefined), cartItems.length === 0 ? /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("p", { children: "\u0412\u0430\u0448\u0430 \u043A\u043E\u0440\u0437\u0438\u043D\u0430 \u043F\u0443\u0441\u0442\u0430" }, void 0, false, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 9 }, undefined) : /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment, { children: [cartItems.map(item => /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)(_components_CartItem__WEBPACK_IMPORTED_MODULE_1__["default"], { item: item, onRemove: handleRemoveItem, onUpdateQuantity: handleUpdateQuantity }, item.id, false, { fileName: _jsxFileName, lineNumber: 33, columnNumber: 13 }, undefined)), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "cart-total", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("h3", { children: ["\u041E\u0431\u0449\u0430\u044F \u0441\u0442\u043E\u0438\u043C\u043E\u0441\u0442\u044C: $", getTotalPrice()] }, void 0, true, { fileName: _jsxFileName, lineNumber: 41, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("button", { className: "checkout-button", children: "\u041F\u0435\u0440\u0435\u0439\u0442\u0438 \u043A \u043E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u044E" }, void 0, false, { fileName: _jsxFileName, lineNumber: 42, columnNumber: 13 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 40, columnNumber: 11 }, undefined)] }, void 0, true)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 26, columnNumber: 5 }, undefined); }; _s(Cart, "4w2ojYoId5XbeiObCafkfcfOPL0="); _c = Cart; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Cart); var _c; __webpack_require__.$Refresh$.register(_c, "Cart"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("7e7057b23907881ac8ba") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.ef3919a17627e51078e5.hot-update.js.map[{"version":3,"file":"main.ef3919a17627e51078e5.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AACA;AACA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACzCA;AAAA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAZA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACNA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAEA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpBA;AACA;AAAA;AAEA;AAIA;AAAA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAIA;AACA;AACA;AAAA;AAHA;AAAA;AAAA;AAAA;AAMA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAxCA;AA0CA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACjDA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/App.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/CartContext.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/components/CartItem.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/pages/Cart.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["// src/App.js\nimport React from 'react';\nimport { BrowserRouter as Router, Route, Routes } from 'react-router-dom';\nimport './App.css';\nimport Header from './components/Header';\nimport Cards from './components/Cards';\nimport InfoCard from './components/InfoCard';\nimport Footer from './components/Footer';\nimport Cart from './pages/Cart';\nimport Catalog from './pages/Catalog';\nimport Favorites from './pages/Favorites';\nimport { CartProvider } from './CartContext';\n\nconst Computers = () =>

Компьютеры

;\nconst Laptops = () =>

Ноутбуки

;\nconst Monitors = () =>

Мониторы

;\nconst Peripherals = () =>

Периферия

;\n\nfunction App() {\n return (\n \n

\n \n \n

Популярные категории

\n \n \n

\n \n );\n}\n\nexport default App;\n","__webpack_require__.h = () => (\"ae969287048c0b14f352\")"],"names":[],"sourceRoot":""}��`v��w��x��e��main.ae969287048c0b14f352.hot-update.js�main.ae969287048c0b14f352.hot-update.js.map�"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/pages/Catalog.js": /*!******************************!*\ !*** ./src/pages/Catalog.js ***! \******************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../App.css */ "./src/App.css"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\pages\\Catalog.js", _s = __webpack_require__.$Refresh$.signature(); const Catalog = () => { _s(); const [products, setProducts] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]); (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { const fetchProducts = async () => { try { const response = await axios__WEBPACK_IMPORTED_MODULE_3__["default"].get('http://localhost:3001/Catalog'); setProducts(response.data); } catch (error) { console.error('Ошибка при загрузке товаров:', error); } }; fetchProducts(); }, []); return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "catalog", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("h2", { children: "\u041A\u0430\u0442\u0430\u043B\u043E\u0433 \u0442\u043E\u0432\u0430\u0440\u043E\u0432" }, void 0, false, { fileName: _jsxFileName, lineNumber: 23, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "product-list", children: products.map(product => /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "product-card", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("img", { src: product.image, alt: db.name, className: "product-image" }, void 0, false, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("h3", { children: product.name }, void 0, false, { fileName: _jsxFileName, lineNumber: 28, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("p", { children: ["\u0426\u0435\u043D\u0430: $", product.price] }, void 0, true, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 13 }, undefined)] }, product.id, true, { fileName: _jsxFileName, lineNumber: 26, columnNumber: 11 }, undefined)) }, void 0, false, { fileName: _jsxFileName, lineNumber: 24, columnNumber: 7 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 22, columnNumber: 5 }, undefined); }; _s(Catalog, "f86L6rLANGURv6GE6gupp7+oOp4="); _c = Catalog; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Catalog); var _c; __webpack_require__.$Refresh$.register(_c, "Catalog"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("68e2e05a8e00d66eef90") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.ae969287048c0b14f352.hot-update.js.map�{"version":3,"file":"main.ae969287048c0b14f352.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAHA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AA9BA;AAgCA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpCA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/pages/Catalog.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import React, { useEffect, useState } from 'react';\r\nimport axios from 'axios';\r\nimport \"../App.css\"\r\n\r\nconst Catalog = () => {\r\n const [products, setProducts] = useState([]);\r\n\r\n useEffect(() => {\r\n const fetchProducts = async () => {\r\n try {\r\n const response = await axios.get('http://localhost:3001/Catalog');\r\n setProducts(response.data);\r\n } catch (error) {\r\n console.error('Ошибка при загрузке товаров:', error);\r\n }\r\n };\r\n\r\n fetchProducts();\r\n }, []);\r\n\r\n return (\r\n

\r\n

Каталог товаров

\r\n

\r\n {products.map(product => (\r\n

\r\n

\r\n

{product.name}

\r\n

Цена: ${product.price}

\r\n

\r\n ))}\r\n

\r\n

\r\n );\r\n};\r\n\r\nexport default Catalog;\r\n","__webpack_require__.h = () => (\"68e2e05a8e00d66eef90\")"],"names":[],"sourceRoot":""}��`f��g��h��U��main.68e2e05a8e00d66eef90.hot-update.js�main.68e2e05a8e00d66eef90.hot-update.js.map�"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/pages/Catalog.js": /*!******************************!*\ !*** ./src/pages/Catalog.js ***! \******************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../App.css */ "./src/App.css"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\pages\\Catalog.js", _s = __webpack_require__.$Refresh$.signature(); const Catalog = () => { _s(); const [products, setProducts] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]); (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { const fetchProducts = async () => { try { const response = await axios__WEBPACK_IMPORTED_MODULE_3__["default"].get('http://localhost:3001/Catalog'); setProducts(response.data); } catch (error) { console.error('Ошибка при загрузке товаров:', error); } }; fetchProducts(); }, []); return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "catalog", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("h2", { children: "\u041A\u0430\u0442\u0430\u043B\u043E\u0433 \u0442\u043E\u0432\u0430\u0440\u043E\u0432" }, void 0, false, { fileName: _jsxFileName, lineNumber: 23, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "product-list", children: products.map(product => /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("div", { className: "product-card", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("img", { src: product.image, alt: product.name, className: "product-image" }, void 0, false, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("h3", { children: product.name }, void 0, false, { fileName: _jsxFileName, lineNumber: 28, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxDEV)("p", { children: ["\u0426\u0435\u043D\u0430: $", product.price] }, void 0, true, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 13 }, undefined)] }, product.id, true, { fileName: _jsxFileName, lineNumber: 26, columnNumber: 11 }, undefined)) }, void 0, false, { fileName: _jsxFileName, lineNumber: 24, columnNumber: 7 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 22, columnNumber: 5 }, undefined); }; _s(Catalog, "f86L6rLANGURv6GE6gupp7+oOp4="); _c = Catalog; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Catalog); var _c; __webpack_require__.$Refresh$.register(_c, "Catalog"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("3cedaab90163b3d074a1") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.68e2e05a8e00d66eef90.hot-update.js.map�{"version":3,"file":"main.68e2e05a8e00d66eef90.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAHA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AA9BA;AAgCA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpCA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/pages/Catalog.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import React, { useEffect, useState } from 'react';\r\nimport axios from 'axios';\r\nimport \"../App.css\"\r\n\r\nconst Catalog = () => {\r\n const [products, setProducts] = useState([]);\r\n\r\n useEffect(() => {\r\n const fetchProducts = async () => {\r\n try {\r\n const response = await axios.get('http://localhost:3001/Catalog');\r\n setProducts(response.data);\r\n } catch (error) {\r\n console.error('Ошибка при загрузке товаров:', error);\r\n }\r\n };\r\n\r\n fetchProducts();\r\n }, []);\r\n\r\n return (\r\n

\r\n

Каталог товаров

\r\n

\r\n {products.map(product => (\r\n

\r\n

{product.name}

\r\n

Цена: ${product.price}

\r\n

\r\n ))}\r\n

\r\n

\r\n );\r\n};\r\n\r\nexport default Catalog;\r\n","__webpack_require__.h = () => (\"3cedaab90163b3d074a1\")"],"names":[],"sourceRoot":""}��`V��W��X��E��main.3cedaab90163b3d074a1.hot-update.js�main.3cedaab90163b3d074a1.hot-update.js.mapd"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/pages/Catalog.js": /*!******************************!*\ !*** ./src/pages/Catalog.js ***! \******************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../App.css */ "./src/App.css"); /* harmony import */ var _components_Footer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/Footer */ "./src/components/Footer.js"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\pages\\Catalog.js", _s = __webpack_require__.$Refresh$.signature(); const Catalog = () => { _s(); const [products, setProducts] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]); (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { const fetchProducts = async () => { try { const response = await axios__WEBPACK_IMPORTED_MODULE_4__["default"].get('http://localhost:3001/Catalog'); setProducts(response.data); } catch (error) { console.error('Ошибка при загрузке товаров:', error); } }; fetchProducts(); }, []); return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("div", { className: "catalog", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("h2", { children: "\u041A\u0430\u0442\u0430\u043B\u043E\u0433 \u0442\u043E\u0432\u0430\u0440\u043E\u0432" }, void 0, false, { fileName: _jsxFileName, lineNumber: 24, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("div", { className: "product-list", children: products.map(product => /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("div", { className: "product-card", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("img", { src: product.image, alt: product.name, className: "product-image" }, void 0, false, { fileName: _jsxFileName, lineNumber: 28, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("h3", { children: product.name }, void 0, false, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("p", { children: ["\u0426\u0435\u043D\u0430: $", product.price] }, void 0, true, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 13 }, undefined)] }, product.id, true, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 11 }, undefined)) }, void 0, false, { fileName: _jsxFileName, lineNumber: 25, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)(_components_Footer__WEBPACK_IMPORTED_MODULE_2__["default"], {}, void 0, false, { fileName: _jsxFileName, lineNumber: 34, columnNumber: 7 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 23, columnNumber: 5 }, undefined); }; _s(Catalog, "f86L6rLANGURv6GE6gupp7+oOp4="); _c = Catalog; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Catalog); var _c; __webpack_require__.$Refresh$.register(_c, "Catalog"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("e3714b7df22d40a7555e") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.3cedaab90163b3d074a1.hot-update.js.map{"version":3,"file":"main.3cedaab90163b3d074a1.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAHA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AA/BA;AAiCA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtCA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/pages/Catalog.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import React, { useEffect, useState } from 'react';\r\nimport axios from 'axios';\r\nimport \"../App.css\";\r\nimport Footer from '../components/Footer';\r\n\r\nconst Catalog = () => {\r\n const [products, setProducts] = useState([]);\r\n\r\n useEffect(() => {\r\n const fetchProducts = async () => {\r\n try {\r\n const response = await axios.get('http://localhost:3001/Catalog');\r\n setProducts(response.data);\r\n } catch (error) {\r\n console.error('Ошибка при загрузке товаров:', error);\r\n }\r\n };\r\n\r\n fetchProducts();\r\n }, []);\r\n\r\n return (\r\n

\r\n

Каталог товаров

\r\n

\r\n {products.map(product => (\r\n

\r\n

{product.name}

\r\n

Цена: ${product.price}

\r\n

\r\n ))}\r\n

\r\n

\r\n );\r\n};\r\n\r\nexport default Catalog;\r\n","__webpack_require__.h = () => (\"e3714b7df22d40a7555e\")"],"names":[],"sourceRoot":""}��`F��G��H��5��main.e3714b7df22d40a7555e.hot-update.js�main.e3714b7df22d40a7555e.hot-update.js.map�3"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css": /*!****************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css ***! \****************************************************************************************************************************************************************************************************************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__); // Imports var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default())); // Module ___CSS_LOADER_EXPORT___.push([module.id, `.header { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background-color: #fff; border-bottom: 1px solid #ccc; } .logo { display: flex; align-items: center; padding: 0; } .logo-text { font-size: 24px; font-weight: bold; color: #333; } .nav { display: flex; align-items: center; } .menu-button { margin-right: 20px; background: none; border: none; font-size: 18px; cursor: pointer; } .search input { padding: 5px 10px; margin-left: 200px; font-size: 16px; border: 1px solid #ccc; border-radius: 4px; } .user-actions { display: flex; align-items: center; } .icon-button { background: none; border: none; font-size: 24px; margin-left: 10px; cursor: pointer; } /* src/App.css */ .App { text-align: center; font-family: Arial, sans-serif; } .categories { display: flex; justify-content: space-around; flex-wrap: wrap; margin-top: 20px; } .category-card-link { text-decoration: none; color: black !important; } .category-card { position: relative; width: 400px; height: 300px; margin: 10px; overflow: hidden; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; } .category-card:hover { transform: translateY(-5px); } .category-image { width: 100%; height: 60%; object-fit: cover; } .category-info { display: flex; justify-content: space-between; align-items: center; padding: 10px; text-decoration: none; } .arrow { font-size: 20px; } h1 { display: flex; padding-left: 50px; padding-top: 50px; } .info-card { background-color: #f6f6f6; padding: 40px; margin: 40px auto; width: 80%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 10px; } .info-content { text-align: left; display: flex; flex-direction: column; align-items: center; } .logo { font-size: 48px; color: #333; } .info-details { display: flex; justify-content: space-between; width: 100%; margin-top: 20px; } .info-item { width: 30%; text-align: center; } .info-item h3 { margin-bottom: 10px; } .info-item p { margin: 0; } .info-button { margin-top: 20px; padding: 10px 20px; background-color: #333; color: #fff; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; } .info-button:hover { background-color: #555; } footer { background-color: #f8f9fa; padding: 20px; bottom: 0; } .footer-content { display: flex; justify-content: space-between; flex-wrap: wrap; } .footer-logo { flex: 1 1 100%; text-align: center; margin-bottom: 20px; } .footer-logo img { max-width: 150px; } .footer-column { flex: 1 1 20%; margin-bottom: 20px; } .footer-column h4 { margin-bottom: 10px; } .footer-column ul { list-style: none; padding: 0; } .footer-column ul li { margin-bottom: 5px; } .footer-column ul li a { text-decoration: none; color: #000; } .footer-column ul li a:hover { text-decoration: underline; } .footer-contact { text-align: center; margin-top: 20px; } .footer-contact p { margin: 5px 0; } .footer-social { margin-top: 10px; } .footer-social a { margin: 0 10px; } .footer-social img { width: 24px; } .catalog { width: 80%; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .catalog h2 { text-align: center; margin-bottom: 20px; } .product-list { display: flex; flex-wrap: wrap; gap: 20px; } .product-card { flex-grow: 1; flex-shrink: 1; flex-basis: calc(33.333% - 20px); box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } .product-image { width: 100%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .product-card h3 { margin: 0 0 10px; } .product-card p { margin: 0; } `, "",{"version":3,"sources":["webpack://./src/App.css"],"names":[],"mappings":"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","sourcesContent":[".header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 20px;\n background-color: #fff;\n border-bottom: 1px solid #ccc;\n}\n\n.logo {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.logo-text {\n font-size: 24px;\n font-weight: bold;\n color: #333;\n}\n\n.nav {\n display: flex;\n align-items: center;\n}\n\n.menu-button {\n margin-right: 20px;\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n}\n\n.search input {\n padding: 5px 10px;\n margin-left: 200px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n.user-actions {\n display: flex;\n align-items: center;\n}\n\n.icon-button {\n background: none;\n border: none;\n font-size: 24px;\n margin-left: 10px;\n cursor: pointer;\n}\n\n/* src/App.css */\n.App {\n text-align: center;\n font-family: Arial, sans-serif;\n}\n\n.categories {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n}\n\n.category-card-link {\n text-decoration: none;\n color: black !important;\n}\n\n.category-card {\n position: relative;\n width: 400px;\n height: 300px;\n margin: 10px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.category-card:hover {\n transform: translateY(-5px);\n}\n\n.category-image {\n width: 100%;\n height: 60%;\n object-fit: cover;\n}\n\n.category-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n text-decoration: none;\n}\n\n.arrow {\n font-size: 20px;\n}\n\nh1 {\n display: flex;\n padding-left: 50px;\n padding-top: 50px;\n}\n\n.info-card {\n background-color: #f6f6f6;\n padding: 40px;\n margin: 40px auto;\n width: 80%;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n}\n\n.info-content {\n text-align: left;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.logo {\n font-size: 48px;\n color: #333;\n}\n\n.info-details {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n}\n\n.info-item {\n width: 30%;\n text-align: center;\n}\n\n.info-item h3 {\n margin-bottom: 10px;\n}\n\n.info-item p {\n margin: 0;\n}\n\n.info-button {\n margin-top: 20px;\n padding: 10px 20px;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.info-button:hover {\n background-color: #555;\n}\n\n\nfooter {\n background-color: #f8f9fa;\n padding: 20px;\n bottom: 0;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.footer-logo {\n flex: 1 1 100%;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.footer-logo img {\n max-width: 150px;\n}\n\n.footer-column {\n flex: 1 1 20%;\n margin-bottom: 20px;\n}\n\n.footer-column h4 {\n margin-bottom: 10px;\n}\n\n.footer-column ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-column ul li {\n margin-bottom: 5px;\n}\n\n.footer-column ul li a {\n text-decoration: none;\n color: #000;\n}\n\n.footer-column ul li a:hover {\n text-decoration: underline;\n}\n\n.footer-contact {\n text-align: center;\n margin-top: 20px;\n}\n\n.footer-contact p {\n margin: 5px 0;\n}\n\n.footer-social {\n margin-top: 10px;\n}\n\n.footer-social a {\n margin: 0 10px;\n}\n\n.footer-social img {\n width: 24px;\n}\n\n.catalog {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.catalog h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.product-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.product-card {\n flex: 1 1 calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.product-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.product-card h3 {\n margin: 0 0 10px;\n}\n\n.product-card p {\n margin: 0;\n}\n"],"sourceRoot":""}]); // Exports ___CSS_LOADER_EXPORT___.locals = {}; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("60df0d8c979917bce254") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.e3714b7df22d40a7555e.hot-update.js.map�4{"version":3,"file":"main.e3714b7df22d40a7555e.hot-update.js","mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACtSA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/App.css","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 20px;\n background-color: #fff;\n border-bottom: 1px solid #ccc;\n}\n\n.logo {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.logo-text {\n font-size: 24px;\n font-weight: bold;\n color: #333;\n}\n\n.nav {\n display: flex;\n align-items: center;\n}\n\n.menu-button {\n margin-right: 20px;\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n}\n\n.search input {\n padding: 5px 10px;\n margin-left: 200px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n.user-actions {\n display: flex;\n align-items: center;\n}\n\n.icon-button {\n background: none;\n border: none;\n font-size: 24px;\n margin-left: 10px;\n cursor: pointer;\n}\n\n/* src/App.css */\n.App {\n text-align: center;\n font-family: Arial, sans-serif;\n}\n\n.categories {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n}\n\n.category-card-link {\n text-decoration: none;\n color: black !important;\n}\n\n.category-card {\n position: relative;\n width: 400px;\n height: 300px;\n margin: 10px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.category-card:hover {\n transform: translateY(-5px);\n}\n\n.category-image {\n width: 100%;\n height: 60%;\n object-fit: cover;\n}\n\n.category-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n text-decoration: none;\n}\n\n.arrow {\n font-size: 20px;\n}\n\nh1 {\n display: flex;\n padding-left: 50px;\n padding-top: 50px;\n}\n\n.info-card {\n background-color: #f6f6f6;\n padding: 40px;\n margin: 40px auto;\n width: 80%;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n}\n\n.info-content {\n text-align: left;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.logo {\n font-size: 48px;\n color: #333;\n}\n\n.info-details {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n}\n\n.info-item {\n width: 30%;\n text-align: center;\n}\n\n.info-item h3 {\n margin-bottom: 10px;\n}\n\n.info-item p {\n margin: 0;\n}\n\n.info-button {\n margin-top: 20px;\n padding: 10px 20px;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.info-button:hover {\n background-color: #555;\n}\n\n\nfooter {\n background-color: #f8f9fa;\n padding: 20px;\n bottom: 0;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.footer-logo {\n flex: 1 1 100%;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.footer-logo img {\n max-width: 150px;\n}\n\n.footer-column {\n flex: 1 1 20%;\n margin-bottom: 20px;\n}\n\n.footer-column h4 {\n margin-bottom: 10px;\n}\n\n.footer-column ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-column ul li {\n margin-bottom: 5px;\n}\n\n.footer-column ul li a {\n text-decoration: none;\n color: #000;\n}\n\n.footer-column ul li a:hover {\n text-decoration: underline;\n}\n\n.footer-contact {\n text-align: center;\n margin-top: 20px;\n}\n\n.footer-contact p {\n margin: 5px 0;\n}\n\n.footer-social {\n margin-top: 10px;\n}\n\n.footer-social a {\n margin: 0 10px;\n}\n\n.footer-social img {\n width: 24px;\n}\n\n.catalog {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.catalog h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.product-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.product-card {\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.product-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.product-card h3 {\n margin: 0 0 10px;\n}\n\n.product-card p {\n margin: 0;\n}\n`, \"\",{\"version\":3,\"sources\":[\"webpack://./src/App.css\"],\"names\":[],\"mappings\":\"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\",\"sourcesContent\":[\".header {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: 10px 20px;\\n background-color: #fff;\\n border-bottom: 1px solid #ccc;\\n}\\n\\n.logo {\\n display: flex;\\n align-items: center;\\n padding: 0;\\n}\\n\\n.logo-text {\\n font-size: 24px;\\n font-weight: bold;\\n color: #333;\\n}\\n\\n.nav {\\n display: flex;\\n align-items: center;\\n}\\n\\n.menu-button {\\n margin-right: 20px;\\n background: none;\\n border: none;\\n font-size: 18px;\\n cursor: pointer;\\n}\\n\\n.search input {\\n padding: 5px 10px;\\n margin-left: 200px;\\n font-size: 16px;\\n border: 1px solid #ccc;\\n border-radius: 4px;\\n}\\n\\n.user-actions {\\n display: flex;\\n align-items: center;\\n}\\n\\n.icon-button {\\n background: none;\\n border: none;\\n font-size: 24px;\\n margin-left: 10px;\\n cursor: pointer;\\n}\\n\\n/* src/App.css */\\n.App {\\n text-align: center;\\n font-family: Arial, sans-serif;\\n}\\n\\n.categories {\\n display: flex;\\n justify-content: space-around;\\n flex-wrap: wrap;\\n margin-top: 20px;\\n}\\n\\n.category-card-link {\\n text-decoration: none;\\n color: black !important;\\n}\\n\\n.category-card {\\n position: relative;\\n width: 400px;\\n height: 300px;\\n margin: 10px;\\n overflow: hidden;\\n border-radius: 10px;\\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\\n transition: transform 0.3s ease;\\n}\\n\\n.category-card:hover {\\n transform: translateY(-5px);\\n}\\n\\n.category-image {\\n width: 100%;\\n height: 60%;\\n object-fit: cover;\\n}\\n\\n.category-info {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: 10px;\\n text-decoration: none;\\n}\\n\\n.arrow {\\n font-size: 20px;\\n}\\n\\nh1 {\\n display: flex;\\n padding-left: 50px;\\n padding-top: 50px;\\n}\\n\\n.info-card {\\n background-color: #f6f6f6;\\n padding: 40px;\\n margin: 40px auto;\\n width: 80%;\\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\\n border-radius: 10px;\\n}\\n\\n.info-content {\\n text-align: left;\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n}\\n\\n.logo {\\n font-size: 48px;\\n color: #333;\\n}\\n\\n.info-details {\\n display: flex;\\n justify-content: space-between;\\n width: 100%;\\n margin-top: 20px;\\n}\\n\\n.info-item {\\n width: 30%;\\n text-align: center;\\n}\\n\\n.info-item h3 {\\n margin-bottom: 10px;\\n}\\n\\n.info-item p {\\n margin: 0;\\n}\\n\\n.info-button {\\n margin-top: 20px;\\n padding: 10px 20px;\\n background-color: #333;\\n color: #fff;\\n border: none;\\n border-radius: 5px;\\n cursor: pointer;\\n font-size: 16px;\\n}\\n\\n.info-button:hover {\\n background-color: #555;\\n}\\n\\n\\nfooter {\\n background-color: #f8f9fa;\\n padding: 20px;\\n bottom: 0;\\n}\\n\\n.footer-content {\\n display: flex;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n\\n.footer-logo {\\n flex: 1 1 100%;\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.footer-logo img {\\n max-width: 150px;\\n}\\n\\n.footer-column {\\n flex: 1 1 20%;\\n margin-bottom: 20px;\\n}\\n\\n.footer-column h4 {\\n margin-bottom: 10px;\\n}\\n\\n.footer-column ul {\\n list-style: none;\\n padding: 0;\\n}\\n\\n.footer-column ul li {\\n margin-bottom: 5px;\\n}\\n\\n.footer-column ul li a {\\n text-decoration: none;\\n color: #000;\\n}\\n\\n.footer-column ul li a:hover {\\n text-decoration: underline;\\n}\\n\\n.footer-contact {\\n text-align: center;\\n margin-top: 20px;\\n}\\n\\n.footer-contact p {\\n margin: 5px 0;\\n}\\n\\n.footer-social {\\n margin-top: 10px;\\n}\\n\\n.footer-social a {\\n margin: 0 10px;\\n}\\n\\n.footer-social img {\\n width: 24px;\\n}\\n\\n.catalog {\\n width: 80%;\\n margin: 0 auto;\\n padding: 20px;\\n background-color: #f9f9f9;\\n border-radius: 8px;\\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\\n}\\n\\n.catalog h2 {\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.product-list {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 20px;\\n}\\n\\n.product-card {\\n flex: 1 1 calc(33.333% - 20px);\\n box-sizing: border-box;\\n padding: 20px;\\n background-color: #fff;\\n border-radius: 8px;\\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\\n text-align: center;\\n}\\n\\n.product-image {\\n width: 100%;\\n height: auto;\\n object-fit: cover;\\n border-radius: 8px;\\n margin-bottom: 10px;\\n}\\n\\n.product-card h3 {\\n margin: 0 0 10px;\\n}\\n\\n.product-card p {\\n margin: 0;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {};\nexport default ___CSS_LOADER_EXPORT___;\n","__webpack_require__.h = () => (\"60df0d8c979917bce254\")"],"names":[],"sourceRoot":""}��`6��7��8��%��main.1fc6e4f9c308dc45c563.hot-update.js�main.1fc6e4f9c308dc45c563.hot-update.js.mapd"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/pages/Catalog.js": /*!******************************!*\ !*** ./src/pages/Catalog.js ***! \******************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../App.css */ "./src/App.css"); /* harmony import */ var _components_Footer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/Footer */ "./src/components/Footer.js"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\pages\\Catalog.js", _s = __webpack_require__.$Refresh$.signature(); const Catalog = () => { _s(); const [products, setProducts] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]); (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { const fetchProducts = async () => { try { const response = await axios__WEBPACK_IMPORTED_MODULE_4__["default"].get('http://localhost:3001/Catalog'); setProducts(response.data); } catch (error) { console.error('Ошибка при загрузке товаров:', error); } }; fetchProducts(); }, []); return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("div", { className: "catalog", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("h2", { children: "\u041A\u0430\u0442\u0430\u043B\u043E\u0433 \u0442\u043E\u0432\u0430\u0440\u043E\u0432" }, void 0, false, { fileName: _jsxFileName, lineNumber: 24, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("div", { className: "product-list", children: products.map(product => /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("div", { className: "product-card", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("img", { src: product.image, alt: product.name, className: "product-image" }, void 0, false, { fileName: _jsxFileName, lineNumber: 28, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("h3", { children: product.name }, void 0, false, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("p", { children: ["\u0426\u0435\u043D\u0430: $", product.price] }, void 0, true, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 13 }, undefined)] }, product.id, true, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 11 }, undefined)) }, void 0, false, { fileName: _jsxFileName, lineNumber: 25, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)(_components_Footer__WEBPACK_IMPORTED_MODULE_2__["default"], {}, void 0, false, { fileName: _jsxFileName, lineNumber: 34, columnNumber: 7 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 23, columnNumber: 5 }, undefined); }; _s(Catalog, "f86L6rLANGURv6GE6gupp7+oOp4="); _c = Catalog; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Catalog); var _c; __webpack_require__.$Refresh$.register(_c, "Catalog"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("38a70e359f457121c446") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.1fc6e4f9c308dc45c563.hot-update.js.map{"version":3,"file":"main.1fc6e4f9c308dc45c563.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAHA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AA/BA;AAiCA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtCA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/pages/Catalog.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import React, { useEffect, useState } from 'react';\r\nimport axios from 'axios';\r\nimport \"../App.css\";\r\nimport Footer from '../components/Footer';\r\n\r\nconst Catalog = () => {\r\n const [products, setProducts] = useState([]);\r\n\r\n useEffect(() => {\r\n const fetchProducts = async () => {\r\n try {\r\n const response = await axios.get('http://localhost:3001/Catalog');\r\n setProducts(response.data);\r\n } catch (error) {\r\n console.error('Ошибка при загрузке товаров:', error);\r\n }\r\n };\r\n\r\n fetchProducts();\r\n }, []);\r\n\r\n return (\r\n

\r\n

Каталог товаров

\r\n

\r\n {products.map(product => (\r\n

\r\n

{product.name}

\r\n

Цена: ${product.price}

\r\n

\r\n ))}\r\n

\r\n

\r\n );\r\n};\r\n\r\nexport default Catalog;\r\n","__webpack_require__.h = () => (\"38a70e359f457121c446\")"],"names":[],"sourceRoot":""}��`&��'��(��main.38a70e359f457121c446.hot-update.js�main.38a70e359f457121c446.hot-update.js.mapB"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/pages/Cart.js": /*!***************************!*\ !*** ./src/pages/Cart.js ***! \***************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _CartContext__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../CartContext */ "./src/CartContext.js"); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../App.css */ "./src/App.css"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\pages\\Cart.js", _s = __webpack_require__.$Refresh$.signature(); const Cart = () => { _s(); const { cartItems } = (0,_CartContext__WEBPACK_IMPORTED_MODULE_1__.useCart)(); return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("div", { className: "cart", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("h2", { children: "\u041A\u043E\u0440\u0437\u0438\u043D\u0430" }, void 0, false, { fileName: _jsxFileName, lineNumber: 10, columnNumber: 7 }, undefined), cartItems.length === 0 ? /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("p", { children: "\u0412\u0430\u0448\u0430 \u043A\u043E\u0440\u0437\u0438\u043D\u0430 \u043F\u0443\u0441\u0442\u0430" }, void 0, false, { fileName: _jsxFileName, lineNumber: 12, columnNumber: 9 }, undefined) : /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("div", { className: "cart-list", children: cartItems.map((item, index) => /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("div", { className: "cart-item", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("img", { src: item.image, alt: item.name, className: "cart-image" }, void 0, false, { fileName: _jsxFileName, lineNumber: 17, columnNumber: 15 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("h3", { children: item.name }, void 0, false, { fileName: _jsxFileName, lineNumber: 18, columnNumber: 15 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("p", { children: ["\u0426\u0435\u043D\u0430: $", item.price] }, void 0, true, { fileName: _jsxFileName, lineNumber: 19, columnNumber: 15 }, undefined)] }, index, true, { fileName: _jsxFileName, lineNumber: 16, columnNumber: 13 }, undefined)) }, void 0, false, { fileName: _jsxFileName, lineNumber: 14, columnNumber: 9 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)(Footer, {}, void 0, false, { fileName: _jsxFileName, lineNumber: 24, columnNumber: 7 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 9, columnNumber: 5 }, undefined); }; _s(Cart, "E8dd3RMRM0VfT3hDva0K4U3Wxn8=", false, function () { return [_CartContext__WEBPACK_IMPORTED_MODULE_1__.useCart]; }); _c = Cart; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Cart); var _c; __webpack_require__.$Refresh$.register(_c, "Cart"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("6411fdc51af089415db7") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.38a70e359f457121c446.hot-update.js.map�{"version":3,"file":"main.38a70e359f457121c446.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAHA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAtBA;AACA;AAAA;AAuBA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC5BA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/pages/Cart.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import React from 'react';\r\nimport { useCart } from '../CartContext';\r\nimport '../App.css';\r\n\r\nconst Cart = () => {\r\n const { cartItems } = useCart();\r\n\r\n return (\r\n

\r\n

Корзина

\r\n {cartItems.length === 0 ? (\r\n

Ваша корзина пуста

\r\n ) : (\r\n

\r\n {cartItems.map((item, index) => (\r\n

\r\n

{item.name}

\r\n

Цена: ${item.price}

\r\n

\r\n ))}\r\n

\r\n )}\r\n

\r\n );\r\n};\r\n\r\nexport default Cart;\r\n","__webpack_require__.h = () => (\"6411fdc51af089415db7\")"],"names":[],"sourceRoot":""}��`��main.6411fdc51af089415db7.hot-update.js�main.6411fdc51af089415db7.hot-update.js.map"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/pages/Cart.js": /*!***************************!*\ !*** ./src/pages/Cart.js ***! \***************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _CartContext__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../CartContext */ "./src/CartContext.js"); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../App.css */ "./src/App.css"); /* harmony import */ var _components_Footer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components/Footer */ "./src/components/Footer.js"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\pages\\Cart.js", _s = __webpack_require__.$Refresh$.signature(); const Cart = () => { _s(); const { cartItems } = (0,_CartContext__WEBPACK_IMPORTED_MODULE_1__.useCart)(); return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", { className: "cart", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("h2", { children: "\u041A\u043E\u0440\u0437\u0438\u043D\u0430" }, void 0, false, { fileName: _jsxFileName, lineNumber: 11, columnNumber: 7 }, undefined), cartItems.length === 0 ? /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("p", { children: "\u0412\u0430\u0448\u0430 \u043A\u043E\u0440\u0437\u0438\u043D\u0430 \u043F\u0443\u0441\u0442\u0430" }, void 0, false, { fileName: _jsxFileName, lineNumber: 13, columnNumber: 9 }, undefined) : /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", { className: "cart-list", children: cartItems.map((item, index) => /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", { className: "cart-item", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("img", { src: item.image, alt: item.name, className: "cart-image" }, void 0, false, { fileName: _jsxFileName, lineNumber: 18, columnNumber: 15 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("h3", { children: item.name }, void 0, false, { fileName: _jsxFileName, lineNumber: 19, columnNumber: 15 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("p", { children: ["\u0426\u0435\u043D\u0430: $", item.price] }, void 0, true, { fileName: _jsxFileName, lineNumber: 20, columnNumber: 15 }, undefined)] }, index, true, { fileName: _jsxFileName, lineNumber: 17, columnNumber: 13 }, undefined)) }, void 0, false, { fileName: _jsxFileName, lineNumber: 15, columnNumber: 9 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)(_components_Footer__WEBPACK_IMPORTED_MODULE_3__["default"], {}, void 0, false, { fileName: _jsxFileName, lineNumber: 25, columnNumber: 7 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 10, columnNumber: 5 }, undefined); }; _s(Cart, "E8dd3RMRM0VfT3hDva0K4U3Wxn8=", false, function () { return [_CartContext__WEBPACK_IMPORTED_MODULE_1__.useCart]; }); _c = Cart; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Cart); var _c; __webpack_require__.$Refresh$.register(_c, "Cart"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("758fd7c781448cfc5645") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.6411fdc51af089415db7.hot-update.js.map�{"version":3,"file":"main.6411fdc51af089415db7.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAHA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAtBA;AACA;AAAA;AAuBA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC7BA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/pages/Cart.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import React from 'react';\r\nimport { useCart } from '../CartContext';\r\nimport '../App.css';\r\nimport Footer from '../components/Footer';\r\n\r\nconst Cart = () => {\r\n const { cartItems } = useCart();\r\n\r\n return (\r\n

\r\n

Корзина

\r\n {cartItems.length === 0 ? (\r\n

Ваша корзина пуста

\r\n ) : (\r\n

\r\n {cartItems.map((item, index) => (\r\n

\r\n

{item.name}

\r\n

Цена: ${item.price}

\r\n

\r\n ))}\r\n

\r\n )}\r\n

\r\n );\r\n};\r\n\r\nexport default Cart;\r\n","__webpack_require__.h = () => (\"758fd7c781448cfc5645\")"],"names":[],"sourceRoot":""}��`��main.3cc068e4e1f639faaf11.hot-update.js�main.3cc068e4e1f639faaf11.hot-update.js.map\"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/components/Header.js": /*!**********************************!*\ !*** ./src/components/Header.js ***! \**********************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react_hook_form__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-hook-form */ "./node_modules/react-hook-form/dist/index.esm.mjs"); /* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/dist/index.js"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\components\\Header.js", _s = __webpack_require__.$Refresh$.signature(); const Header = () => { _s(); const [inputData, setInputData] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({ name: '', description: '', url: '' }); const { handleSubmit } = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_2__.useForm)(); const onSubmit = () => { axios__WEBPACK_IMPORTED_MODULE_3__["default"].post('http://localhost:3001/media', inputData).then(res => { alert("Data sent successfully"); }).catch(err => { alert("Error sending data"); }); }; const handleInputChange = (e, field) => { setInputData({ ...inputData, [field]: e.target.value }); }; return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("header", { className: "header", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "logo", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("span", { className: "logo-text", children: "x64" }, void 0, false, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 17 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 26, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("nav", { className: "nav", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "search", children: /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("input", { type: "text", placeholder: "\u041F\u043E\u0438\u0441\u043A" }, void 0, false, { fileName: _jsxFileName, lineNumber: 31, columnNumber: 21 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 17 }, undefined) }, void 0, false, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "user-actions", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Profile", children: "\uD83D\uDC64" }, void 0, false, { fileName: _jsxFileName, lineNumber: 35, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Statistics", children: "\uD83D\uDCCA" }, void 0, false, { fileName: _jsxFileName, lineNumber: 36, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Favorites", children: "\u2764\uFE0F" }, void 0, false, { fileName: _jsxFileName, lineNumber: 37, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, { className: "icon-button", to: "/Card", children: "\uD83D\uDED2" }, void 0, false, { fileName: _jsxFileName, lineNumber: 38, columnNumber: 17 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 34, columnNumber: 13 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 25, columnNumber: 9 }, undefined); }; _s(Header, "coM/pAI6LurY1FQOiVA7pfyL93Y=", false, function () { return [react_hook_form__WEBPACK_IMPORTED_MODULE_2__.useForm]; }); _c = Header; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Header); var _c; __webpack_require__.$Refresh$.register(_c, "Header"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("273376769efa41289591") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.3cc068e4e1f639faaf11.hot-update.js.map� {"version":3,"file":"main.3cc068e4e1f639faaf11.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAGA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAtCA;AAEA;AAAA;AAsCA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC5CA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/components/Header.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import axios from 'axios';\r\nimport React, { useState } from 'react';\r\nimport { useForm } from \"react-hook-form\";\r\nimport { Link } from 'react-router-dom';\r\nconst Header = () => {\r\n const [inputData, setInputData] = useState({name:'',description:'',url:''});\r\n const { handleSubmit } = useForm();\r\n\r\n const onSubmit = () => {\r\n axios.post('http://localhost:3001/media', inputData)\r\n .then(res => {\r\n alert(\"Data sent successfully\");\r\n })\r\n .catch(err => {\r\n alert(\"Error sending data\");\r\n });\r\n };\r\n\r\n\r\n const handleInputChange = (e, field) => {\r\n setInputData({ ...inputData, [field]: e.target.value });\r\n };\r\n\r\n return (\r\n

\r\n

\r\n x64\r\n

\r\n \r\n

\r\n 👤\r\n 📊\r\n ❤️\r\n 🛒\r\n

\r\n

\r\n\r\n );\r\n};\r\n\r\nexport default Header;\r\n","__webpack_require__.h = () => (\"273376769efa41289591\")"],"names":[],"sourceRoot":""}��`��main.273376769efa41289591.hot-update.js�main.273376769efa41289591.hot-update.js.mapR"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/pages/Catalog.js": /*!******************************!*\ !*** ./src/pages/Catalog.js ***! \******************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../App.css */ "./src/App.css"); /* harmony import */ var _components_Footer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/Footer */ "./src/components/Footer.js"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\pages\\Catalog.js", _s = __webpack_require__.$Refresh$.signature(); const Catalog = () => { _s(); const [media, setProducts] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]); (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { const fetchProducts = async () => { try { const response = await axios__WEBPACK_IMPORTED_MODULE_4__["default"].get('http://localhost:3001/Catalog'); setProducts(response.data); } catch (error) { console.error('Ошибка при загрузке товаров:', error); } }; fetchProducts(); }, []); return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("div", { className: "catalog", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("h2", { children: "\u041A\u0430\u0442\u0430\u043B\u043E\u0433 \u0442\u043E\u0432\u0430\u0440\u043E\u0432" }, void 0, false, { fileName: _jsxFileName, lineNumber: 24, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("div", { className: "product-list", children: media.map(media => /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("div", { className: "product-card", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("img", { src: media.image, alt: media.name, className: "product-image" }, void 0, false, { fileName: _jsxFileName, lineNumber: 28, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("h3", { children: media.name }, void 0, false, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("p", { children: ["\u0426\u0435\u043D\u0430: $", media.price] }, void 0, true, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 13 }, undefined)] }, media.id, true, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 11 }, undefined)) }, void 0, false, { fileName: _jsxFileName, lineNumber: 25, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)(_components_Footer__WEBPACK_IMPORTED_MODULE_2__["default"], {}, void 0, false, { fileName: _jsxFileName, lineNumber: 34, columnNumber: 7 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 23, columnNumber: 5 }, undefined); }; _s(Catalog, "0RdBbkTFXyKh1cwLlmEPjSsur5Q="); _c = Catalog; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Catalog); var _c; __webpack_require__.$Refresh$.register(_c, "Catalog"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("9a9c18904897d646707f") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.273376769efa41289591.hot-update.js.map�{"version":3,"file":"main.273376769efa41289591.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAHA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AA/BA;AAiCA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtCA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/pages/Catalog.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import React, { useEffect, useState } from 'react';\r\nimport axios from 'axios';\r\nimport \"../App.css\";\r\nimport Footer from '../components/Footer';\r\n\r\nconst Catalog = () => {\r\n const [media, setProducts] = useState([]);\r\n\r\n useEffect(() => {\r\n const fetchProducts = async () => {\r\n try {\r\n const response = await axios.get('http://localhost:3001/Catalog');\r\n setProducts(response.data);\r\n } catch (error) {\r\n console.error('Ошибка при загрузке товаров:', error);\r\n }\r\n };\r\n\r\n fetchProducts();\r\n }, []);\r\n\r\n return (\r\n

\r\n

Каталог товаров

\r\n

\r\n {media.map(media => (\r\n

\r\n

{media.name}

\r\n

Цена: ${media.price}

\r\n

\r\n ))}\r\n

\r\n

\r\n );\r\n};\r\n\r\nexport default Catalog;\r\n","__webpack_require__.h = () => (\"9a9c18904897d646707f\")"],"names":[],"sourceRoot":""}��`��main.c24a6a0678366a2b9ffb.hot-update.js�main.c24a6a0678366a2b9ffb.hot-update.js.mapR"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/pages/Catalog.js": /*!******************************!*\ !*** ./src/pages/Catalog.js ***! \******************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../App.css */ "./src/App.css"); /* harmony import */ var _components_Footer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/Footer */ "./src/components/Footer.js"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\pages\\Catalog.js", _s = __webpack_require__.$Refresh$.signature(); const Catalog = () => { _s(); const [media, setProducts] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]); (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { const fetchProducts = async () => { try { const response = await axios__WEBPACK_IMPORTED_MODULE_4__["default"].get('http://localhost:3000/Catalog'); setProducts(response.data); } catch (error) { console.error('Ошибка при загрузке товаров:', error); } }; fetchProducts(); }, []); return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("div", { className: "catalog", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("h2", { children: "\u041A\u0430\u0442\u0430\u043B\u043E\u0433 \u0442\u043E\u0432\u0430\u0440\u043E\u0432" }, void 0, false, { fileName: _jsxFileName, lineNumber: 24, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("div", { className: "product-list", children: media.map(media => /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("div", { className: "product-card", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("img", { src: media.image, alt: media.name, className: "product-image" }, void 0, false, { fileName: _jsxFileName, lineNumber: 28, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("h3", { children: media.name }, void 0, false, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)("p", { children: ["\u0426\u0435\u043D\u0430: $", media.price] }, void 0, true, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 17 }, undefined)] }, media.id, true, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 15 }, undefined)) }, void 0, false, { fileName: _jsxFileName, lineNumber: 25, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxDEV)(_components_Footer__WEBPACK_IMPORTED_MODULE_2__["default"], {}, void 0, false, { fileName: _jsxFileName, lineNumber: 36, columnNumber: 7 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 23, columnNumber: 5 }, undefined); }; _s(Catalog, "0RdBbkTFXyKh1cwLlmEPjSsur5Q="); _c = Catalog; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Catalog); var _c; __webpack_require__.$Refresh$.register(_c, "Catalog"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("92988e584a7fa4308ed2") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.c24a6a0678366a2b9ffb.hot-update.js.map1{"version":3,"file":"main.c24a6a0678366a2b9ffb.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAHA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAjCA;AAmCA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACxCA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/pages/Catalog.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import React, { useEffect, useState } from 'react';\r\nimport axios from 'axios';\r\nimport \"../App.css\";\r\nimport Footer from '../components/Footer';\r\n\r\nconst Catalog = () => {\r\n const [media, setProducts] = useState([]);\r\n\r\n useEffect(() => {\r\n const fetchProducts = async () => {\r\n try {\r\n const response = await axios.get('http://localhost:3000/Catalog');\r\n setProducts(response.data);\r\n } catch (error) {\r\n console.error('Ошибка при загрузке товаров:', error);\r\n }\r\n };\r\n\r\n fetchProducts();\r\n }, []);\r\n\r\n return (\r\n

\r\n

Каталог товаров

\r\n

\r\n {media.map(media => (\r\n

\r\n

{media.name}

\r\n

Цена: ${media.price}

\r\n

\r\n )\r\n )\r\n }\r\n

\r\n

\r\n );\r\n};\r\n\r\nexport default Catalog;\r\n","__webpack_require__.h = () => (\"92988e584a7fa4308ed2\")"],"names":[],"sourceRoot":""}��`��main.92988e584a7fa4308ed2.hot-update.js�main.92988e584a7fa4308ed2.hot-update.js.map�;"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css": /*!****************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css ***! \****************************************************************************************************************************************************************************************************************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__); // Imports var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default())); // Module ___CSS_LOADER_EXPORT___.push([module.id, `.header { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background-color: #fff; border-bottom: 1px solid #ccc; } .logo { display: flex; align-items: center; padding: 0; } .logo-text { font-size: 24px; font-weight: bold; color: #333; } .nav { display: flex; align-items: center; } .menu-button { margin-right: 20px; background: none; border: none; font-size: 18px; cursor: pointer; } .search input { padding: 5px 10px; margin-left: 200px; font-size: 16px; border: 1px solid #ccc; border-radius: 4px; } .user-actions { display: flex; align-items: center; } .icon-button { background: none; border: none; font-size: 24px; margin-left: 10px; cursor: pointer; } /* src/App.css */ .App { text-align: center; font-family: Arial, sans-serif; } .categories { display: flex; justify-content: space-around; flex-wrap: wrap; margin-top: 20px; } .category-card-link { text-decoration: none; color: black !important; } .category-card { position: relative; width: 400px; height: 300px; margin: 10px; overflow: hidden; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; } .category-card:hover { transform: translateY(-5px); } .category-image { width: 100%; height: 60%; object-fit: cover; } .category-info { display: flex; justify-content: space-between; align-items: center; padding: 10px; text-decoration: none; } .arrow { font-size: 20px; } h1 { display: flex; padding-left: 50px; padding-top: 50px; } .info-card { background-color: #f6f6f6; padding: 40px; margin: 40px auto; width: 80%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 10px; } .info-content { text-align: left; display: flex; flex-direction: column; align-items: center; } .logo { font-size: 48px; color: #333; } .info-details { display: flex; justify-content: space-between; width: 100%; margin-top: 20px; } .info-item { width: 30%; text-align: center; } .info-item h3 { margin-bottom: 10px; } .info-item p { margin: 0; } .info-button { margin-top: 20px; padding: 10px 20px; background-color: #333; color: #fff; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; } .info-button:hover { background-color: #555; } footer { background-color: #f8f9fa; padding: 20px; bottom: 0; } .footer-content { display: flex; justify-content: space-between; flex-wrap: wrap; } .footer-logo { flex: 1 1 100%; text-align: center; margin-bottom: 20px; } .footer-logo img { max-width: 150px; } .footer-column { flex: 1 1 20%; margin-bottom: 20px; } .footer-column h4 { margin-bottom: 10px; } .footer-column ul { list-style: none; padding: 0; } .footer-column ul li { margin-bottom: 5px; } .footer-column ul li a { text-decoration: none; color: #000; } .footer-column ul li a:hover { text-decoration: underline; } .footer-contact { text-align: center; margin-top: 20px; } .footer-contact p { margin: 5px 0; } .footer-social { margin-top: 10px; } .footer-social a { margin: 0 10px; } .footer-social img { width: 24px; } .catalog { width: 80%; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .catalog h2 { text-align: center; margin-bottom: 20px; } .product-list { display: flex; flex-wrap: wrap; gap: 20px; } .product-card { display: flex; flex-grow: 1; flex-shrink: 1; flex-basis: calc(33.333% - 20px); box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } .product-image { width: 100%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .product-card h3 { margin: 0 0 10px; } .product-card p { margin: 0; } a { color: black; text-decoration: none; } .favorites { width: 80%; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .favorites h2 { text-align: center; margin-bottom: 20px; } .favorite-list { display: flex; flex-wrap: wrap; gap: 20px; } .favorite-card { flex-grow: 1; flex-shrink: 1; flex-basis: calc(33.333% - 20px); box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } .favorite-image { width: 100%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .favorite-card h3 { margin: 0 0 10px; } .favorite-card p { margin: 0; } `, "",{"version":3,"sources":["webpack://./src/App.css"],"names":[],"mappings":"AAAA;EACE,aAAa;EACb,8BAA8B;EAC9B,mBAAmB;EACnB,kBAAkB;EAClB,sBAAsB;EACtB,6BAA6B;AAC/B;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,UAAU;AACZ;;AAEA;EACE,eAAe;EACf,iBAAiB;EACjB,WAAW;AACb;;AAEA;EACE,aAAa;EACb,mBAAmB;AACrB;;AAEA;EACE,kBAAkB;EAClB,gBAAgB;EAChB,YAAY;EACZ,eAAe;EACf,eAAe;AACjB;;AAEA;EACE,iBAAiB;EACjB,kBAAkB;EAClB,eAAe;EACf,sBAAsB;EACtB,kBAAkB;AACpB;;AAEA;EACE,aAAa;EACb,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;EAChB,YAAY;EACZ,eAAe;EACf,iBAAiB;EACjB,eAAe;AACjB;;AAEA,gBAAgB;AAChB;EACE,kBAAkB;EAClB,8BAA8B;AAChC;;AAEA;EACE,aAAa;EACb,6BAA6B;EAC7B,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,qBAAqB;EACrB,uBAAuB;AACzB;;AAEA;EACE,kBAAkB;EAClB,YAAY;EACZ,aAAa;EACb,YAAY;EACZ,gBAAgB;EAChB,mBAAmB;EACnB,wCAAwC;EACxC,+BAA+B;AACjC;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE,WAAW;EACX,WAAW;EACX,iBAAiB;AACnB;;AAEA;EACE,aAAa;EACb,8BAA8B;EAC9B,mBAAmB;EACnB,aAAa;EACb,qBAAqB;AACvB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,aAAa;EACb,kBAAkB;EAClB,iBAAiB;AACnB;;AAEA;EACE,yBAAyB;EACzB,aAAa;EACb,iBAAiB;EACjB,UAAU;EACV,wCAAwC;EACxC,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;EAChB,aAAa;EACb,sBAAsB;EACtB,mBAAmB;AACrB;;AAEA;EACE,eAAe;EACf,WAAW;AACb;;AAEA;EACE,aAAa;EACb,8BAA8B;EAC9B,WAAW;EACX,gBAAgB;AAClB;;AAEA;EACE,UAAU;EACV,kBAAkB;AACpB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,SAAS;AACX;;AAEA;EACE,gBAAgB;EAChB,kBAAkB;EAClB,sBAAsB;EACtB,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,eAAe;EACf,eAAe;AACjB;;AAEA;EACE,sBAAsB;AACxB;;;;AAIA;EACE,yBAAyB;EACzB,aAAa;EACb,SAAS;AACX;;AAEA;EACE,aAAa;EACb,8BAA8B;EAC9B,eAAe;AACjB;;AAEA;EACE,cAAc;EACd,kBAAkB;EAClB,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,aAAa;EACb,mBAAmB;AACrB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;EAChB,UAAU;AACZ;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,qBAAqB;EACrB,WAAW;AACb;;AAEA;EACE,0BAA0B;AAC5B;;AAEA;EACE,kBAAkB;EAClB,gBAAgB;AAClB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,UAAU;EACV,cAAc;EACd,aAAa;EACb,yBAAyB;EACzB,kBAAkB;EAClB,uCAAuC;AACzC;;AAEA;EACE,kBAAkB;EAClB,mBAAmB;AACrB;;AAEA;EACE,aAAa;EACb,eAAe;EACf,SAAS;AACX;;AAEA;EACE,aAAa;EACb,YAA8B;EAA9B,cAA8B;EAA9B,gCAA8B;EAC9B,sBAAsB;EACtB,aAAa;EACb,sBAAsB;EACtB,kBAAkB;EAClB,sCAAsC;EACtC,kBAAkB;AACpB;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,iBAAiB;EACjB,kBAAkB;EAClB,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,SAAS;AACX;;AAEA;EACE,YAAY;EACZ,qBAAqB;AACvB;;AAEA;EACE,UAAU;EACV,cAAc;EACd,aAAa;EACb,yBAAyB;EACzB,kBAAkB;EAClB,uCAAuC;AACzC;;AAEA;EACE,kBAAkB;EAClB,mBAAmB;AACrB;;AAEA;EACE,aAAa;EACb,eAAe;EACf,SAAS;AACX;;AAEA;EACE,YAA8B;EAA9B,cAA8B;EAA9B,gCAA8B;EAC9B,sBAAsB;EACtB,aAAa;EACb,sBAAsB;EACtB,kBAAkB;EAClB,sCAAsC;EACtC,kBAAkB;AACpB;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,iBAAiB;EACjB,kBAAkB;EAClB,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,SAAS;AACX","sourcesContent":[".header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 20px;\n background-color: #fff;\n border-bottom: 1px solid #ccc;\n}\n\n.logo {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.logo-text {\n font-size: 24px;\n font-weight: bold;\n color: #333;\n}\n\n.nav {\n display: flex;\n align-items: center;\n}\n\n.menu-button {\n margin-right: 20px;\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n}\n\n.search input {\n padding: 5px 10px;\n margin-left: 200px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n.user-actions {\n display: flex;\n align-items: center;\n}\n\n.icon-button {\n background: none;\n border: none;\n font-size: 24px;\n margin-left: 10px;\n cursor: pointer;\n}\n\n/* src/App.css */\n.App {\n text-align: center;\n font-family: Arial, sans-serif;\n}\n\n.categories {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n}\n\n.category-card-link {\n text-decoration: none;\n color: black !important;\n}\n\n.category-card {\n position: relative;\n width: 400px;\n height: 300px;\n margin: 10px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.category-card:hover {\n transform: translateY(-5px);\n}\n\n.category-image {\n width: 100%;\n height: 60%;\n object-fit: cover;\n}\n\n.category-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n text-decoration: none;\n}\n\n.arrow {\n font-size: 20px;\n}\n\nh1 {\n display: flex;\n padding-left: 50px;\n padding-top: 50px;\n}\n\n.info-card {\n background-color: #f6f6f6;\n padding: 40px;\n margin: 40px auto;\n width: 80%;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n}\n\n.info-content {\n text-align: left;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.logo {\n font-size: 48px;\n color: #333;\n}\n\n.info-details {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n}\n\n.info-item {\n width: 30%;\n text-align: center;\n}\n\n.info-item h3 {\n margin-bottom: 10px;\n}\n\n.info-item p {\n margin: 0;\n}\n\n.info-button {\n margin-top: 20px;\n padding: 10px 20px;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.info-button:hover {\n background-color: #555;\n}\n\n\n\nfooter {\n background-color: #f8f9fa;\n padding: 20px;\n bottom: 0;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.footer-logo {\n flex: 1 1 100%;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.footer-logo img {\n max-width: 150px;\n}\n\n.footer-column {\n flex: 1 1 20%;\n margin-bottom: 20px;\n}\n\n.footer-column h4 {\n margin-bottom: 10px;\n}\n\n.footer-column ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-column ul li {\n margin-bottom: 5px;\n}\n\n.footer-column ul li a {\n text-decoration: none;\n color: #000;\n}\n\n.footer-column ul li a:hover {\n text-decoration: underline;\n}\n\n.footer-contact {\n text-align: center;\n margin-top: 20px;\n}\n\n.footer-contact p {\n margin: 5px 0;\n}\n\n.footer-social {\n margin-top: 10px;\n}\n\n.footer-social a {\n margin: 0 10px;\n}\n\n.footer-social img {\n width: 24px;\n}\n\n.catalog {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.catalog h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.product-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.product-card {\n display: flex;\n flex: 1 1 calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.product-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.product-card h3 {\n margin: 0 0 10px;\n}\n\n.product-card p {\n margin: 0;\n}\n\na {\n color: black;\n text-decoration: none;\n}\n\n.favorites {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.favorites h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.favorite-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.favorite-card {\n flex: 1 1 calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.favorite-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.favorite-card h3 {\n margin: 0 0 10px;\n}\n\n.favorite-card p {\n margin: 0;\n}\n\n\n"],"sourceRoot":""}]); // Exports ___CSS_LOADER_EXPORT___.locals = {}; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("6357e9902a4a25381c9a") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.92988e584a7fa4308ed2.hot-update.js.map?>{"version":3,"file":"main.92988e584a7fa4308ed2.hot-update.js","mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC/VA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/App.css","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 20px;\n background-color: #fff;\n border-bottom: 1px solid #ccc;\n}\n\n.logo {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.logo-text {\n font-size: 24px;\n font-weight: bold;\n color: #333;\n}\n\n.nav {\n display: flex;\n align-items: center;\n}\n\n.menu-button {\n margin-right: 20px;\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n}\n\n.search input {\n padding: 5px 10px;\n margin-left: 200px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n.user-actions {\n display: flex;\n align-items: center;\n}\n\n.icon-button {\n background: none;\n border: none;\n font-size: 24px;\n margin-left: 10px;\n cursor: pointer;\n}\n\n/* src/App.css */\n.App {\n text-align: center;\n font-family: Arial, sans-serif;\n}\n\n.categories {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n}\n\n.category-card-link {\n text-decoration: none;\n color: black !important;\n}\n\n.category-card {\n position: relative;\n width: 400px;\n height: 300px;\n margin: 10px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.category-card:hover {\n transform: translateY(-5px);\n}\n\n.category-image {\n width: 100%;\n height: 60%;\n object-fit: cover;\n}\n\n.category-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n text-decoration: none;\n}\n\n.arrow {\n font-size: 20px;\n}\n\nh1 {\n display: flex;\n padding-left: 50px;\n padding-top: 50px;\n}\n\n.info-card {\n background-color: #f6f6f6;\n padding: 40px;\n margin: 40px auto;\n width: 80%;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n}\n\n.info-content {\n text-align: left;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.logo {\n font-size: 48px;\n color: #333;\n}\n\n.info-details {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n}\n\n.info-item {\n width: 30%;\n text-align: center;\n}\n\n.info-item h3 {\n margin-bottom: 10px;\n}\n\n.info-item p {\n margin: 0;\n}\n\n.info-button {\n margin-top: 20px;\n padding: 10px 20px;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.info-button:hover {\n background-color: #555;\n}\n\n\n\nfooter {\n background-color: #f8f9fa;\n padding: 20px;\n bottom: 0;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.footer-logo {\n flex: 1 1 100%;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.footer-logo img {\n max-width: 150px;\n}\n\n.footer-column {\n flex: 1 1 20%;\n margin-bottom: 20px;\n}\n\n.footer-column h4 {\n margin-bottom: 10px;\n}\n\n.footer-column ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-column ul li {\n margin-bottom: 5px;\n}\n\n.footer-column ul li a {\n text-decoration: none;\n color: #000;\n}\n\n.footer-column ul li a:hover {\n text-decoration: underline;\n}\n\n.footer-contact {\n text-align: center;\n margin-top: 20px;\n}\n\n.footer-contact p {\n margin: 5px 0;\n}\n\n.footer-social {\n margin-top: 10px;\n}\n\n.footer-social a {\n margin: 0 10px;\n}\n\n.footer-social img {\n width: 24px;\n}\n\n.catalog {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.catalog h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.product-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.product-card {\n display: flex;\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.product-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.product-card h3 {\n margin: 0 0 10px;\n}\n\n.product-card p {\n margin: 0;\n}\n\na {\n color: black;\n text-decoration: none;\n}\n\n.favorites {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.favorites h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.favorite-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.favorite-card {\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.favorite-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.favorite-card h3 {\n margin: 0 0 10px;\n}\n\n.favorite-card p {\n margin: 0;\n}\n\n\n`, \"\",{\"version\":3,\"sources\":[\"webpack://./src/App.css\"],\"names\":[],\"mappings\":\"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\",\"sourcesContent\":[\".header {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: 10px 20px;\\n background-color: #fff;\\n border-bottom: 1px solid #ccc;\\n}\\n\\n.logo {\\n display: flex;\\n align-items: center;\\n padding: 0;\\n}\\n\\n.logo-text {\\n font-size: 24px;\\n font-weight: bold;\\n color: #333;\\n}\\n\\n.nav {\\n display: flex;\\n align-items: center;\\n}\\n\\n.menu-button {\\n margin-right: 20px;\\n background: none;\\n border: none;\\n font-size: 18px;\\n cursor: pointer;\\n}\\n\\n.search input {\\n padding: 5px 10px;\\n margin-left: 200px;\\n font-size: 16px;\\n border: 1px solid #ccc;\\n border-radius: 4px;\\n}\\n\\n.user-actions {\\n display: flex;\\n align-items: center;\\n}\\n\\n.icon-button {\\n background: none;\\n border: none;\\n font-size: 24px;\\n margin-left: 10px;\\n cursor: pointer;\\n}\\n\\n/* src/App.css */\\n.App {\\n text-align: center;\\n font-family: Arial, sans-serif;\\n}\\n\\n.categories {\\n display: flex;\\n justify-content: space-around;\\n flex-wrap: wrap;\\n margin-top: 20px;\\n}\\n\\n.category-card-link {\\n text-decoration: none;\\n color: black !important;\\n}\\n\\n.category-card {\\n position: relative;\\n width: 400px;\\n height: 300px;\\n margin: 10px;\\n overflow: hidden;\\n border-radius: 10px;\\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\\n transition: transform 0.3s ease;\\n}\\n\\n.category-card:hover {\\n transform: translateY(-5px);\\n}\\n\\n.category-image {\\n width: 100%;\\n height: 60%;\\n object-fit: cover;\\n}\\n\\n.category-info {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: 10px;\\n text-decoration: none;\\n}\\n\\n.arrow {\\n font-size: 20px;\\n}\\n\\nh1 {\\n display: flex;\\n padding-left: 50px;\\n padding-top: 50px;\\n}\\n\\n.info-card {\\n background-color: #f6f6f6;\\n padding: 40px;\\n margin: 40px auto;\\n width: 80%;\\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\\n border-radius: 10px;\\n}\\n\\n.info-content {\\n text-align: left;\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n}\\n\\n.logo {\\n font-size: 48px;\\n color: #333;\\n}\\n\\n.info-details {\\n display: flex;\\n justify-content: space-between;\\n width: 100%;\\n margin-top: 20px;\\n}\\n\\n.info-item {\\n width: 30%;\\n text-align: center;\\n}\\n\\n.info-item h3 {\\n margin-bottom: 10px;\\n}\\n\\n.info-item p {\\n margin: 0;\\n}\\n\\n.info-button {\\n margin-top: 20px;\\n padding: 10px 20px;\\n background-color: #333;\\n color: #fff;\\n border: none;\\n border-radius: 5px;\\n cursor: pointer;\\n font-size: 16px;\\n}\\n\\n.info-button:hover {\\n background-color: #555;\\n}\\n\\n\\n\\nfooter {\\n background-color: #f8f9fa;\\n padding: 20px;\\n bottom: 0;\\n}\\n\\n.footer-content {\\n display: flex;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n\\n.footer-logo {\\n flex: 1 1 100%;\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.footer-logo img {\\n max-width: 150px;\\n}\\n\\n.footer-column {\\n flex: 1 1 20%;\\n margin-bottom: 20px;\\n}\\n\\n.footer-column h4 {\\n margin-bottom: 10px;\\n}\\n\\n.footer-column ul {\\n list-style: none;\\n padding: 0;\\n}\\n\\n.footer-column ul li {\\n margin-bottom: 5px;\\n}\\n\\n.footer-column ul li a {\\n text-decoration: none;\\n color: #000;\\n}\\n\\n.footer-column ul li a:hover {\\n text-decoration: underline;\\n}\\n\\n.footer-contact {\\n text-align: center;\\n margin-top: 20px;\\n}\\n\\n.footer-contact p {\\n margin: 5px 0;\\n}\\n\\n.footer-social {\\n margin-top: 10px;\\n}\\n\\n.footer-social a {\\n margin: 0 10px;\\n}\\n\\n.footer-social img {\\n width: 24px;\\n}\\n\\n.catalog {\\n width: 80%;\\n margin: 0 auto;\\n padding: 20px;\\n background-color: #f9f9f9;\\n border-radius: 8px;\\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\\n}\\n\\n.catalog h2 {\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.product-list {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 20px;\\n}\\n\\n.product-card {\\n display: flex;\\n flex: 1 1 calc(33.333% - 20px);\\n box-sizing: border-box;\\n padding: 20px;\\n background-color: #fff;\\n border-radius: 8px;\\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\\n text-align: center;\\n}\\n\\n.product-image {\\n width: 100%;\\n height: auto;\\n object-fit: cover;\\n border-radius: 8px;\\n margin-bottom: 10px;\\n}\\n\\n.product-card h3 {\\n margin: 0 0 10px;\\n}\\n\\n.product-card p {\\n margin: 0;\\n}\\n\\na {\\n color: black;\\n text-decoration: none;\\n}\\n\\n.favorites {\\n width: 80%;\\n margin: 0 auto;\\n padding: 20px;\\n background-color: #f9f9f9;\\n border-radius: 8px;\\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\\n}\\n\\n.favorites h2 {\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.favorite-list {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 20px;\\n}\\n\\n.favorite-card {\\n flex: 1 1 calc(33.333% - 20px);\\n box-sizing: border-box;\\n padding: 20px;\\n background-color: #fff;\\n border-radius: 8px;\\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\\n text-align: center;\\n}\\n\\n.favorite-image {\\n width: 100%;\\n height: auto;\\n object-fit: cover;\\n border-radius: 8px;\\n margin-bottom: 10px;\\n}\\n\\n.favorite-card h3 {\\n margin: 0 0 10px;\\n}\\n\\n.favorite-card p {\\n margin: 0;\\n}\\n\\n\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {};\nexport default ___CSS_LOADER_EXPORT___;\n","__webpack_require__.h = () => (\"6357e9902a4a25381c9a\")"],"names":[],"sourceRoot":""}��`��main.1c0077d50b7e12aa5245.hot-update.js�main.1c0077d50b7e12aa5245.hot-update.js.map6"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/pages/Catalog.js": /*!******************************!*\ !*** ./src/pages/Catalog.js ***! \******************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../App.css */ "./src/App.css"); /* harmony import */ var _components_Footer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/Footer */ "./src/components/Footer.js"); /* harmony import */ var _components_Header__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components/Header */ "./src/components/Header.js"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\pages\\Catalog.js", _s = __webpack_require__.$Refresh$.signature(); const Catalog = () => { _s(); const [media, setProducts] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]); (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { const fetchProducts = async () => { try { const response = await axios__WEBPACK_IMPORTED_MODULE_5__["default"].get('http://localhost:3001/media'); setProducts(response.data); } catch (error) { console.error('Ошибка при загрузке товаров:', error); } }; fetchProducts(); }, []); return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", { className: "catalog", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)(_components_Header__WEBPACK_IMPORTED_MODULE_3__["default"], {}, void 0, false, { fileName: _jsxFileName, lineNumber: 25, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("h2", { children: "\u041A\u0430\u0442\u0430\u043B\u043E\u0433 \u0442\u043E\u0432\u0430\u0440\u043E\u0432" }, void 0, false, { fileName: _jsxFileName, lineNumber: 26, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", { className: "product-list", children: media.map(media => /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", { className: "product-card", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("img", { src: media.image, alt: media.name, className: "product-image" }, void 0, false, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("h3", { children: media.name }, void 0, false, { fileName: _jsxFileName, lineNumber: 31, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("p", { children: ["\u0426\u0435\u043D\u0430: ", media.price, " \u0440\u0443\u0431."] }, void 0, true, { fileName: _jsxFileName, lineNumber: 32, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("p", { className: "product-desc", children: "\u041F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044C x64; \u041F\u0440\u043E\u0446\u0435\u0441\u0441\u043E\u0440 AMD Ryzen 5 5500; \u0412\u0438\u0434\u0435\u043E\u043A\u0430\u0440\u0442\u0430 AMD Radeon RX 6400 4Gb; \u041C\u0430\u0442\u0435\u0440\u0438\u043D\u0441\u043A\u0430\u044F \u043F\u043B\u0430\u0442\u0430 A520M PRO; \u041E\u043F\u0435\u0440\u0430\u0442\u0438\u0432\u043D\u0430\u044F \u043F\u0430\u043C\u044F\u0442\u044C DDR4 3200Mhz 16Gb (2*8);" }, void 0, false, { fileName: _jsxFileName, lineNumber: 33, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("button", { className: "product-buy-btn", children: "\u041A\u0443\u043F\u0438\u0442\u044C" }, void 0, false, { fileName: _jsxFileName, lineNumber: 34, columnNumber: 17 }, undefined)] }, media.id, true, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 15 }, undefined)) }, void 0, false, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)(_components_Footer__WEBPACK_IMPORTED_MODULE_2__["default"], {}, void 0, false, { fileName: _jsxFileName, lineNumber: 40, columnNumber: 7 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 24, columnNumber: 5 }, undefined); }; _s(Catalog, "0RdBbkTFXyKh1cwLlmEPjSsur5Q="); _c = Catalog; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Catalog); var _c; __webpack_require__.$Refresh$.register(_c, "Catalog"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("9f2b5eecf31cdbcfbc5d") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.1c0077d50b7e12aa5245.hot-update.js.map5 {"version":3,"file":"main.1c0077d50b7e12aa5245.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AALA;AAAA;AAAA;AAAA;AAQA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AApCA;AAsCA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC5CA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/pages/Catalog.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import React, { useEffect, useState } from 'react';\r\nimport axios from 'axios';\r\nimport \"../App.css\";\r\nimport Footer from '../components/Footer';\r\nimport Header from '../components/Header';\r\n\r\nconst Catalog = () => {\r\n const [media, setProducts] = useState([]);\r\n\r\n useEffect(() => {\r\n const fetchProducts = async () => {\r\n try {\r\n const response = await axios.get('http://localhost:3001/media');\r\n setProducts(response.data);\r\n } catch (error) {\r\n console.error('Ошибка при загрузке товаров:', error);\r\n }\r\n };\r\n\r\n fetchProducts();\r\n }, []);\r\n\r\n return (\r\n

\r\n

Каталог товаров

\r\n

\r\n {media.map(media => (\r\n

\r\n

{media.name}

\r\n

Цена: {media.price} руб.

\r\n

Производитель x64; Процессор AMD Ryzen 5 5500; Видеокарта AMD Radeon RX 6400 4Gb; Материнская плата A520M PRO; Оперативная память DDR4 3200Mhz 16Gb (2*8);

\r\n \r\n

\r\n )\r\n )\r\n }\r\n

\r\n

\r\n );\r\n};\r\n\r\nexport default Catalog;\r\n","__webpack_require__.h = () => (\"9f2b5eecf31cdbcfbc5d\")"],"names":[],"sourceRoot":""}��`��main.9f2b5eecf31cdbcfbc5d.hot-update.js�main.9f2b5eecf31cdbcfbc5d.hot-update.js.mapf"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/pages/Catalog.js": /*!******************************!*\ !*** ./src/pages/Catalog.js ***! \******************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../App.css */ "./src/App.css"); /* harmony import */ var _components_Footer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/Footer */ "./src/components/Footer.js"); /* harmony import */ var _components_Header__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components/Header */ "./src/components/Header.js"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\pages\\Catalog.js", _s = __webpack_require__.$Refresh$.signature(); const Catalog = () => { _s(); const [media, setProducts] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]); (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { const fetchProducts = async () => { try { const response = await axios__WEBPACK_IMPORTED_MODULE_5__["default"].get('http://localhost:3001/media'); setProducts(response.data); } catch (error) { console.error('Ошибка при загрузке товаров:', error); } }; fetchProducts(); }, []); return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", { className: "catalog", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)(_components_Header__WEBPACK_IMPORTED_MODULE_3__["default"], {}, void 0, false, { fileName: _jsxFileName, lineNumber: 25, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("h2", { children: "\u041A\u0430\u0442\u0430\u043B\u043E\u0433 \u0442\u043E\u0432\u0430\u0440\u043E\u0432" }, void 0, false, { fileName: _jsxFileName, lineNumber: 26, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", { className: "product-list", children: media.map(media => /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", { className: "product-card", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("img", { src: media.image, alt: media.name, className: "product-image" }, void 0, false, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("h3", { children: media.name }, void 0, false, { fileName: _jsxFileName, lineNumber: 31, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("p", { children: ["\u0426\u0435\u043D\u0430: ", media.price, " \u0440\u0443\u0431."] }, void 0, true, { fileName: _jsxFileName, lineNumber: 32, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("p", { className: "product-desc", children: media.description }, void 0, false, { fileName: _jsxFileName, lineNumber: 33, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("button", { className: "product-buy-btn", children: "\u041A\u0443\u043F\u0438\u0442\u044C" }, void 0, false, { fileName: _jsxFileName, lineNumber: 34, columnNumber: 17 }, undefined)] }, media.id, true, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 15 }, undefined)) }, void 0, false, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)(_components_Footer__WEBPACK_IMPORTED_MODULE_2__["default"], {}, void 0, false, { fileName: _jsxFileName, lineNumber: 40, columnNumber: 7 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 24, columnNumber: 5 }, undefined); }; _s(Catalog, "0RdBbkTFXyKh1cwLlmEPjSsur5Q="); _c = Catalog; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Catalog); var _c; __webpack_require__.$Refresh$.register(_c, "Catalog"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("a6c6026a20d88f1c70c5") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.9f2b5eecf31cdbcfbc5d.hot-update.js.mapm {"version":3,"file":"main.9f2b5eecf31cdbcfbc5d.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AALA;AAAA;AAAA;AAAA;AAQA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AApCA;AAsCA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC5CA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/pages/Catalog.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import React, { useEffect, useState } from 'react';\r\nimport axios from 'axios';\r\nimport \"../App.css\";\r\nimport Footer from '../components/Footer';\r\nimport Header from '../components/Header';\r\n\r\nconst Catalog = () => {\r\n const [media, setProducts] = useState([]);\r\n\r\n useEffect(() => {\r\n const fetchProducts = async () => {\r\n try {\r\n const response = await axios.get('http://localhost:3001/media');\r\n setProducts(response.data);\r\n } catch (error) {\r\n console.error('Ошибка при загрузке товаров:', error);\r\n }\r\n };\r\n\r\n fetchProducts();\r\n }, []);\r\n\r\n return (\r\n

\r\n

Каталог товаров

\r\n

\r\n {media.map(media => (\r\n

\r\n

{media.name}

\r\n

Цена: {media.price} руб.

\r\n

{media.description}

\r\n \r\n

\r\n )\r\n )\r\n }\r\n

\r\n

\r\n );\r\n};\r\n\r\nexport default Catalog;\r\n","__webpack_require__.h = () => (\"a6c6026a20d88f1c70c5\")"],"names":[],"sourceRoot":""}��`��main.a6c6026a20d88f1c70c5.hot-update.js�main.a6c6026a20d88f1c70c5.hot-update.js.map�"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/pages/Catalog.js": /*!******************************!*\ !*** ./src/pages/Catalog.js ***! \******************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../App.css */ "./src/App.css"); /* harmony import */ var _components_Footer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/Footer */ "./src/components/Footer.js"); /* harmony import */ var _components_Header__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components/Header */ "./src/components/Header.js"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\pages\\Catalog.js", _s = __webpack_require__.$Refresh$.signature(); const Catalog = () => { _s(); const [media, setProducts] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]); (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { const fetchProducts = async () => { try { const response = await axios__WEBPACK_IMPORTED_MODULE_5__["default"].get('http://localhost:3001/media'); setProducts(response.data); } catch (error) { console.error('Ошибка при загрузке товаров:', error); } }; fetchProducts(); }, []); return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", { className: "catalog", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)(_components_Header__WEBPACK_IMPORTED_MODULE_3__["default"], {}, void 0, false, { fileName: _jsxFileName, lineNumber: 25, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("h2", { children: "\u041A\u0430\u0442\u0430\u043B\u043E\u0433 \u0442\u043E\u0432\u0430\u0440\u043E\u0432" }, void 0, false, { fileName: _jsxFileName, lineNumber: 26, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", { className: "product-list", children: media.map(media => /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", { className: "product-card", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", { className: "sort-buttons", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("button", { onClick: () => setSortType('name'), children: "\u0421\u043E\u0440\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u043F\u043E \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u044E" }, void 0, false, { fileName: _jsxFileName, lineNumber: 31, columnNumber: 19 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("button", { onClick: () => setSortType('price'), children: "\u0421\u043E\u0440\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u043F\u043E \u0446\u0435\u043D\u0435" }, void 0, false, { fileName: _jsxFileName, lineNumber: 32, columnNumber: 19 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("img", { src: media.image, alt: media.name, className: "product-image" }, void 0, false, { fileName: _jsxFileName, lineNumber: 34, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("h3", { children: media.name }, void 0, false, { fileName: _jsxFileName, lineNumber: 35, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("p", { children: ["\u0426\u0435\u043D\u0430: ", media.price, " \u0440\u0443\u0431."] }, void 0, true, { fileName: _jsxFileName, lineNumber: 36, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("p", { className: "product-desc", children: media.description }, void 0, false, { fileName: _jsxFileName, lineNumber: 37, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("button", { className: "product-buy-btn", children: "\u041A\u0443\u043F\u0438\u0442\u044C" }, void 0, false, { fileName: _jsxFileName, lineNumber: 38, columnNumber: 17 }, undefined)] }, media.id, true, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 15 }, undefined)) }, void 0, false, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)(_components_Footer__WEBPACK_IMPORTED_MODULE_2__["default"], {}, void 0, false, { fileName: _jsxFileName, lineNumber: 44, columnNumber: 7 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 24, columnNumber: 5 }, undefined); }; _s(Catalog, "0RdBbkTFXyKh1cwLlmEPjSsur5Q="); _c = Catalog; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Catalog); var _c; __webpack_require__.$Refresh$.register(_c, "Catalog"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("ff85e766f16652e989cd") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.a6c6026a20d88f1c70c5.hot-update.js.map{"version":3,"file":"main.a6c6026a20d88f1c70c5.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AATA;AAAA;AAAA;AAAA;AAYA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAxCA;AA0CA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AChDA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/pages/Catalog.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import React, { useEffect, useState } from 'react';\r\nimport axios from 'axios';\r\nimport \"../App.css\";\r\nimport Footer from '../components/Footer';\r\nimport Header from '../components/Header';\r\n\r\nconst Catalog = () => {\r\n const [media, setProducts] = useState([]);\r\n\r\n useEffect(() => {\r\n const fetchProducts = async () => {\r\n try {\r\n const response = await axios.get('http://localhost:3001/media');\r\n setProducts(response.data);\r\n } catch (error) {\r\n console.error('Ошибка при загрузке товаров:', error);\r\n }\r\n };\r\n\r\n fetchProducts();\r\n }, []);\r\n\r\n return (\r\n

\r\n

Каталог товаров

\r\n

\r\n {media.map(media => (\r\n

\r\n

\r\n \r\n \r\n

\r\n

{media.name}

\r\n

Цена: {media.price} руб.

\r\n

{media.description}

\r\n \r\n

\r\n )\r\n )\r\n }\r\n

\r\n

\r\n );\r\n};\r\n\r\nexport default Catalog;\r\n","__webpack_require__.h = () => (\"ff85e766f16652e989cd\")"],"names":[],"sourceRoot":""}��`��main.ff85e766f16652e989cd.hot-update.js�main.ff85e766f16652e989cd.hot-update.js.map�'globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/pages/Catalog.js": /*!******************************!*\ !*** ./src/pages/Catalog.js ***! \******************************/ /***/ (() => { throw new Error("Module build failed (from ./node_modules/babel-loader/lib/index.js):\nSyntaxError: D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\src\\pages\\Catalog.js: 'import' and 'export' may only appear at the top level. (62:0)\n\n\u001b[0m \u001b[90m 60 |\u001b[39m }\u001b[33m;\u001b[39m\n \u001b[90m 61 |\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 62 |\u001b[39m \u001b[36mexport\u001b[39m \u001b[36mdefault\u001b[39m \u001b[33mCatalog\u001b[39m\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 63 |\u001b[39m\u001b[0m\n at constructor (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:351:19)\n at FlowParserMixin.raise (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:3233:19)\n at FlowParserMixin.parseStatementContent (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:12324:18)\n at FlowParserMixin.parseStatementLike (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:12221:17)\n at FlowParserMixin.parseStatementLike (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:5017:24)\n at FlowParserMixin.parseStatementListItem (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:12201:17)\n at FlowParserMixin.parseBlockOrModuleBlockBody (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:12778:61)\n at FlowParserMixin.parseBlockBody (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:12771:10)\n at FlowParserMixin.parseBlock (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:12759:10)\n at FlowParserMixin.parseFunctionBody (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:11598:24)\n at D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:4991:63\n at FlowParserMixin.forwardNoArrowParamsConversionAt (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:5167:16)\n at FlowParserMixin.parseFunctionBody (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:4991:12)\n at FlowParserMixin.parseArrowExpression (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:11573:10)\n at FlowParserMixin.parseParenAndDistinguishExpression (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:11189:12)\n at FlowParserMixin.parseParenAndDistinguishExpression (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:5690:18)\n at FlowParserMixin.parseExprAtom (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:10835:23)\n at FlowParserMixin.parseExprAtom (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:6781:20)\n at FlowParserMixin.parseExprSubscripts (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:10568:23)\n at FlowParserMixin.parseUpdate (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:10551:21)\n at FlowParserMixin.parseMaybeUnary (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:10529:23)\n at FlowParserMixin.parseMaybeUnaryOrPrivate (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:10383:61)\n at FlowParserMixin.parseExprOps (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:10388:23)\n at FlowParserMixin.parseMaybeConditional (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:10365:23)\n at FlowParserMixin.parseMaybeAssign (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:10326:21)\n at FlowParserMixin.parseMaybeAssign (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:5648:18)\n at D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:10296:39\n at FlowParserMixin.allowInAnd (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:11913:16)\n at FlowParserMixin.parseMaybeAssignAllowIn (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:10296:17)\n at FlowParserMixin.parseVar (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:12846:91)\n at FlowParserMixin.parseVarStatement (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:12692:10)\n at FlowParserMixin.parseStatementContent (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:12304:23)\n at FlowParserMixin.parseStatementLike (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:12221:17)\n at FlowParserMixin.parseStatementLike (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:5017:24)\n at FlowParserMixin.parseModuleItem (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:12198:17)\n at FlowParserMixin.parseBlockOrModuleBlockBody (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:12778:36)\n at FlowParserMixin.parseBlockBody (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:12771:10)\n at FlowParserMixin.parseProgram (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:12098:10)\n at FlowParserMixin.parseTopLevel (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:12088:25)\n at FlowParserMixin.parseTopLevel (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:5784:28)\n at FlowParserMixin.parse (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:13902:10)\n at parse (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:13944:38)\n at parser (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\core\\lib\\parser\\index.js:41:34)\n at parser.next ()\n at normalizeFile (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\core\\lib\\transformation\\normalize-file.js:64:37)\n at normalizeFile.next ()\n at run (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\core\\lib\\transformation\\index.js:21:50)\n at run.next ()\n at transform (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\core\\lib\\transform.js:22:33)\n at transform.next ()"); /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("6aa38335850ba0dcbb58") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.ff85e766f16652e989cd.hot-update.js.mapS{"version":3,"file":"main.ff85e766f16652e989cd.hot-update.js","mappings":";;;;;;;;;;;;;;;;AAAA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["__webpack_require__.h = () => (\"6aa38335850ba0dcbb58\")"],"names":[],"sourceRoot":""}��`��u��main.6aa38335850ba0dcbb58.hot-update.js�main.6aa38335850ba0dcbb58.hot-update.js.map#"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/pages/Catalog.js": /*!******************************!*\ !*** ./src/pages/Catalog.js ***! \******************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\pages\\Catalog.js", _s = __webpack_require__.$Refresh$.signature(); const ProductList = ({ media }) => { _s(); const [sortType, setSortType] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(''); const sortedMedia = [...media].sort((a, b) => { if (sortType === 'name') { return a.name.localeCompare(b.name); } else if (sortType === 'price') { return a.price - b.price; } return 0; }); return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "sort-buttons", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("button", { onClick: () => setSortType('name'), children: "\u0421\u043E\u0440\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u043F\u043E \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u044E" }, void 0, false, { fileName: _jsxFileName, lineNumber: 18, columnNumber: 9 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("button", { onClick: () => setSortType('price'), children: "\u0421\u043E\u0440\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u043F\u043E \u0446\u0435\u043D\u0435" }, void 0, false, { fileName: _jsxFileName, lineNumber: 19, columnNumber: 9 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 17, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "product-list", children: sortedMedia.map(media => /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("div", { className: "product-card", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("img", { src: media.image, alt: media.name, className: "product-image" }, void 0, false, { fileName: _jsxFileName, lineNumber: 24, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("h3", { children: media.name }, void 0, false, { fileName: _jsxFileName, lineNumber: 25, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("p", { children: ["\u0426\u0435\u043D\u0430: $", media.price] }, void 0, true, { fileName: _jsxFileName, lineNumber: 26, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("p", { className: "product-desc", children: "\u041F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044C x64; \u041F\u0440\u043E\u0446\u0435\u0441\u0441\u043E\u0440 AMD Ryzen 5 5500; \u0412\u0438\u0434\u0435\u043E\u043A\u0430\u0440\u0442\u0430 AMD Radeon RX 6400 4Gb; \u041C\u0430\u0442\u0435\u0440\u0438\u043D\u0441\u043A\u0430\u044F \u043F\u043B\u0430\u0442\u0430 A520M PRO; \u041E\u043F\u0435\u0440\u0430\u0442\u0438\u0432\u043D\u0430\u044F \u043F\u0430\u043C\u044F\u0442\u044C DDR4 3200Mhz 16Gb (2*8);" }, void 0, false, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 13 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxDEV)("button", { className: "product-buy-btn", children: "\u041A\u0443\u043F\u0438\u0442\u044C" }, void 0, false, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 13 }, undefined)] }, media.id, true, { fileName: _jsxFileName, lineNumber: 23, columnNumber: 11 }, undefined)) }, void 0, false, { fileName: _jsxFileName, lineNumber: 21, columnNumber: 7 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 16, columnNumber: 5 }, undefined); }; _s(ProductList, "F/lfoQkp732N8bU+oplIzEcbdGs="); _c = ProductList; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProductList); var _c; __webpack_require__.$Refresh$.register(_c, "ProductList"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("b2b4c5a87e4384cdaafc") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.6aa38335850ba0dcbb58.hot-update.js.map� {"version":3,"file":"main.6aa38335850ba0dcbb58.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAPA;AAAA;AAAA;AAAA;AASA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAjCA;AAmCA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACrCA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/pages/Catalog.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import React, { useState } from 'react';\r\n\r\nconst ProductList = ({ media }) => {\r\n const [sortType, setSortType] = useState('');\r\n\r\n const sortedMedia = [...media].sort((a, b) => {\r\n if (sortType === 'name') {\r\n return a.name.localeCompare(b.name);\r\n } else if (sortType === 'price') {\r\n return a.price - b.price;\r\n }\r\n return 0;\r\n });\r\n\r\n return (\r\n

\r\n

\r\n \r\n \r\n

\r\n

\r\n {sortedMedia.map(media => (\r\n

\r\n

{media.name}

\r\n

Цена: ${media.price}

\r\n

\r\n Производитель x64; Процессор AMD Ryzen 5 5500; Видеокарта AMD Radeon RX 6400 4Gb; Материнская плата A520M PRO; Оперативная память DDR4 3200Mhz 16Gb (2*8);\r\n

\r\n \r\n

\r\n ))}\r\n

\r\n

\r\n );\r\n};\r\n\r\nexport default ProductList;\r\n","__webpack_require__.h = () => (\"b2b4c5a87e4384cdaafc\")"],"names":[],"sourceRoot":""}��`v��w��x��e��main.d5e8318ba4894701bebb.hot-update.js�main.d5e8318ba4894701bebb.hot-update.js.map""use strict"; globalThis["webpackHotUpdatejson"]("main",{}, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("6aa38335850ba0dcbb58") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.d5e8318ba4894701bebb.hot-update.js.mapH{"version":3,"file":"main.d5e8318ba4894701bebb.hot-update.js","mappings":";;;;;AAAA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["__webpack_require__.h = () => (\"6aa38335850ba0dcbb58\")"],"names":[],"sourceRoot":""}��`f��g��h��U��main.b2b4c5a87e4384cdaafc.hot-update.js�main.b2b4c5a87e4384cdaafc.hot-update.js.map/(globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/pages/Catalog.js": /*!******************************!*\ !*** ./src/pages/Catalog.js ***! \******************************/ /***/ (() => { throw new Error("Module build failed (from ./node_modules/babel-loader/lib/index.js):\nSyntaxError: D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\src\\pages\\Catalog.js: 'import' and 'export' may only appear at the top level. (58:2)\n\n\u001b[0m \u001b[90m 56 |\u001b[39m }\u001b[33m;\u001b[39m\n \u001b[90m 57 |\u001b[39m \n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 58 |\u001b[39m \u001b[36mexport\u001b[39m \u001b[36mdefault\u001b[39m \u001b[33mProductList\u001b[39m\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 59 |\u001b[39m \n \u001b[90m 60 |\u001b[39m\n \u001b[90m 61 |\u001b[39m\u001b[0m\n at constructor (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:351:19)\n at FlowParserMixin.raise (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:3233:19)\n at FlowParserMixin.parseStatementContent (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:12324:18)\n at FlowParserMixin.parseStatementLike (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:12221:17)\n at FlowParserMixin.parseStatementLike (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:5017:24)\n at FlowParserMixin.parseStatementListItem (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:12201:17)\n at FlowParserMixin.parseBlockOrModuleBlockBody (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:12778:61)\n at FlowParserMixin.parseBlockBody (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:12771:10)\n at FlowParserMixin.parseBlock (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:12759:10)\n at FlowParserMixin.parseFunctionBody (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:11598:24)\n at D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:4991:63\n at FlowParserMixin.forwardNoArrowParamsConversionAt (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:5167:16)\n at FlowParserMixin.parseFunctionBody (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:4991:12)\n at FlowParserMixin.parseArrowExpression (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:11573:10)\n at FlowParserMixin.parseParenAndDistinguishExpression (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:11189:12)\n at FlowParserMixin.parseParenAndDistinguishExpression (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:5690:18)\n at FlowParserMixin.parseExprAtom (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:10835:23)\n at FlowParserMixin.parseExprAtom (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:6781:20)\n at FlowParserMixin.parseExprSubscripts (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:10568:23)\n at FlowParserMixin.parseUpdate (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:10551:21)\n at FlowParserMixin.parseMaybeUnary (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:10529:23)\n at FlowParserMixin.parseMaybeUnaryOrPrivate (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:10383:61)\n at FlowParserMixin.parseExprOps (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:10388:23)\n at FlowParserMixin.parseMaybeConditional (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:10365:23)\n at FlowParserMixin.parseMaybeAssign (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:10326:21)\n at FlowParserMixin.parseMaybeAssign (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:5648:18)\n at D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:10296:39\n at FlowParserMixin.allowInAnd (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:11913:16)\n at FlowParserMixin.parseMaybeAssignAllowIn (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:10296:17)\n at FlowParserMixin.parseVar (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:12846:91)\n at FlowParserMixin.parseVarStatement (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:12692:10)\n at FlowParserMixin.parseStatementContent (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:12304:23)\n at FlowParserMixin.parseStatementLike (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:12221:17)\n at FlowParserMixin.parseStatementLike (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:5017:24)\n at FlowParserMixin.parseModuleItem (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:12198:17)\n at FlowParserMixin.parseBlockOrModuleBlockBody (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:12778:36)\n at FlowParserMixin.parseBlockBody (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:12771:10)\n at FlowParserMixin.parseProgram (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:12098:10)\n at FlowParserMixin.parseTopLevel (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:12088:25)\n at FlowParserMixin.parseTopLevel (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:5784:28)\n at FlowParserMixin.parse (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:13902:10)\n at parse (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\parser\\lib\\index.js:13944:38)\n at parser (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\core\\lib\\parser\\index.js:41:34)\n at parser.next ()\n at normalizeFile (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\core\\lib\\transformation\\normalize-file.js:64:37)\n at normalizeFile.next ()\n at run (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\core\\lib\\transformation\\index.js:21:50)\n at run.next ()\n at transform (D:\\Vyacheslav\\Study\\Разработка программных модулей\\practice 13\\json\\node_modules\\@babel\\core\\lib\\transform.js:22:33)\n at transform.next ()"); /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("41d833c13cdce027ca1b") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.b2b4c5a87e4384cdaafc.hot-update.js.mapS{"version":3,"file":"main.b2b4c5a87e4384cdaafc.hot-update.js","mappings":";;;;;;;;;;;;;;;;AAAA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["__webpack_require__.h = () => (\"41d833c13cdce027ca1b\")"],"names":[],"sourceRoot":""}��`V��W��X��E��main.41d833c13cdce027ca1b.hot-update.js�main.41d833c13cdce027ca1b.hot-update.js.map""use strict"; globalThis["webpackHotUpdatejson"]("main",{}, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("3c4bfb92f4b82a6b1d85") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.41d833c13cdce027ca1b.hot-update.js.mapH{"version":3,"file":"main.41d833c13cdce027ca1b.hot-update.js","mappings":";;;;;AAAA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["__webpack_require__.h = () => (\"3c4bfb92f4b82a6b1d85\")"],"names":[],"sourceRoot":""}��`F��G��H��5��main.3c4bfb92f4b82a6b1d85.hot-update.js�main.3c4bfb92f4b82a6b1d85.hot-update.js.map�"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/pages/Catalog.js": /*!******************************!*\ !*** ./src/pages/Catalog.js ***! \******************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../App.css */ "./src/App.css"); /* harmony import */ var _components_Footer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/Footer */ "./src/components/Footer.js"); /* harmony import */ var _components_Header__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components/Header */ "./src/components/Header.js"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\pages\\Catalog.js", _s = __webpack_require__.$Refresh$.signature(); const Catalog = () => { _s(); const [media, setProducts] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]); (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { const fetchProducts = async () => { try { const response = await axios__WEBPACK_IMPORTED_MODULE_5__["default"].get('http://localhost:3001/media'); setProducts(response.data); } catch (error) { console.error('Ошибка при загрузке товаров:', error); } }; fetchProducts(); }, []); return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", { className: "catalog", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)(_components_Header__WEBPACK_IMPORTED_MODULE_3__["default"], {}, void 0, false, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("h2", { children: "\u041A\u0430\u0442\u0430\u043B\u043E\u0433 \u0442\u043E\u0432\u0430\u0440\u043E\u0432" }, void 0, false, { fileName: _jsxFileName, lineNumber: 28, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", { className: "product-list", children: media.map(media => /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", { className: "product-card", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", { className: "sort-buttons", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("button", { onClick: () => setSortType('name'), children: "\u0421\u043E\u0440\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u043F\u043E \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u044E" }, void 0, false, { fileName: _jsxFileName, lineNumber: 33, columnNumber: 19 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("button", { onClick: () => setSortType('price'), children: "\u0421\u043E\u0440\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u043F\u043E \u0446\u0435\u043D\u0435" }, void 0, false, { fileName: _jsxFileName, lineNumber: 34, columnNumber: 19 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 32, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("img", { src: media.image, alt: media.name, className: "product-image" }, void 0, false, { fileName: _jsxFileName, lineNumber: 36, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("h3", { children: media.name }, void 0, false, { fileName: _jsxFileName, lineNumber: 37, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("p", { children: ["\u0426\u0435\u043D\u0430: ", media.price, " \u0440\u0443\u0431."] }, void 0, true, { fileName: _jsxFileName, lineNumber: 38, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("p", { className: "product-desc", children: media.description }, void 0, false, { fileName: _jsxFileName, lineNumber: 39, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("button", { className: "product-buy-btn", children: "\u041A\u0443\u043F\u0438\u0442\u044C" }, void 0, false, { fileName: _jsxFileName, lineNumber: 40, columnNumber: 17 }, undefined)] }, media.id, true, { fileName: _jsxFileName, lineNumber: 31, columnNumber: 15 }, undefined)) }, void 0, false, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)(_components_Footer__WEBPACK_IMPORTED_MODULE_2__["default"], {}, void 0, false, { fileName: _jsxFileName, lineNumber: 46, columnNumber: 7 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 26, columnNumber: 5 }, undefined); }; _s(Catalog, "0RdBbkTFXyKh1cwLlmEPjSsur5Q="); _c = Catalog; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Catalog); var _c; __webpack_require__.$Refresh$.register(_c, "Catalog"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("c83589fab2258de492d6") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.3c4bfb92f4b82a6b1d85.hot-update.js.map{"version":3,"file":"main.3c4bfb92f4b82a6b1d85.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAIA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AATA;AAAA;AAAA;AAAA;AAYA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AA1CA;AA4CA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClDA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/pages/Catalog.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import React, { useEffect, useState } from 'react';\r\nimport axios from 'axios';\r\nimport \"../App.css\";\r\nimport Footer from '../components/Footer';\r\nimport Header from '../components/Header';\r\n\r\nconst Catalog = () => {\r\n const [media, setProducts] = useState([]);\r\n\r\n useEffect(() => {\r\n const fetchProducts = async () => {\r\n try {\r\n const response = await axios.get('http://localhost:3001/media');\r\n setProducts(response.data);\r\n } catch (error) {\r\n console.error('Ошибка при загрузке товаров:', error);\r\n }\r\n };\r\n\r\n fetchProducts();\r\n }, []);\r\n\r\n \r\n\r\n return (\r\n

\r\n

Каталог товаров

\r\n

\r\n {media.map(media => (\r\n

\r\n

\r\n \r\n \r\n

\r\n

{media.name}

\r\n

Цена: {media.price} руб.

\r\n

{media.description}

\r\n \r\n

\r\n )\r\n )\r\n }\r\n

\r\n

\r\n );\r\n};\r\n\r\nexport default Catalog;\r\n","__webpack_require__.h = () => (\"c83589fab2258de492d6\")"],"names":[],"sourceRoot":""}��`6��7��8��%��main.c83589fab2258de492d6.hot-update.js�main.c83589fab2258de492d6.hot-update.js.mapf"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/pages/Catalog.js": /*!******************************!*\ !*** ./src/pages/Catalog.js ***! \******************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../App.css */ "./src/App.css"); /* harmony import */ var _components_Footer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/Footer */ "./src/components/Footer.js"); /* harmony import */ var _components_Header__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components/Header */ "./src/components/Header.js"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\pages\\Catalog.js", _s = __webpack_require__.$Refresh$.signature(); const Catalog = () => { _s(); const [media, setProducts] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]); (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { const fetchProducts = async () => { try { const response = await axios__WEBPACK_IMPORTED_MODULE_5__["default"].get('http://localhost:3001/media'); setProducts(response.data); } catch (error) { console.error('Ошибка при загрузке товаров:', error); } }; fetchProducts(); }, []); return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", { className: "catalog", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)(_components_Header__WEBPACK_IMPORTED_MODULE_3__["default"], {}, void 0, false, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("h2", { children: "\u041A\u0430\u0442\u0430\u043B\u043E\u0433 \u0442\u043E\u0432\u0430\u0440\u043E\u0432" }, void 0, false, { fileName: _jsxFileName, lineNumber: 28, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", { className: "product-list", children: media.map(media => /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", { className: "product-card", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("img", { src: media.image, alt: media.name, className: "product-image" }, void 0, false, { fileName: _jsxFileName, lineNumber: 32, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("h3", { children: media.name }, void 0, false, { fileName: _jsxFileName, lineNumber: 33, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("p", { children: ["\u0426\u0435\u043D\u0430: ", media.price, " \u0440\u0443\u0431."] }, void 0, true, { fileName: _jsxFileName, lineNumber: 34, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("p", { className: "product-desc", children: media.description }, void 0, false, { fileName: _jsxFileName, lineNumber: 35, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("button", { className: "product-buy-btn", children: "\u041A\u0443\u043F\u0438\u0442\u044C" }, void 0, false, { fileName: _jsxFileName, lineNumber: 36, columnNumber: 17 }, undefined)] }, media.id, true, { fileName: _jsxFileName, lineNumber: 31, columnNumber: 15 }, undefined)) }, void 0, false, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)(_components_Footer__WEBPACK_IMPORTED_MODULE_2__["default"], {}, void 0, false, { fileName: _jsxFileName, lineNumber: 42, columnNumber: 7 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 26, columnNumber: 5 }, undefined); }; _s(Catalog, "0RdBbkTFXyKh1cwLlmEPjSsur5Q="); _c = Catalog; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Catalog); var _c; __webpack_require__.$Refresh$.register(_c, "Catalog"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("aa5877b9248c8abc4436") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.c83589fab2258de492d6.hot-update.js.mapw {"version":3,"file":"main.c83589fab2258de492d6.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAIA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AALA;AAAA;AAAA;AAAA;AAQA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAtCA;AAwCA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC9CA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/pages/Catalog.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import React, { useEffect, useState } from 'react';\r\nimport axios from 'axios';\r\nimport \"../App.css\";\r\nimport Footer from '../components/Footer';\r\nimport Header from '../components/Header';\r\n\r\nconst Catalog = () => {\r\n const [media, setProducts] = useState([]);\r\n\r\n useEffect(() => {\r\n const fetchProducts = async () => {\r\n try {\r\n const response = await axios.get('http://localhost:3001/media');\r\n setProducts(response.data);\r\n } catch (error) {\r\n console.error('Ошибка при загрузке товаров:', error);\r\n }\r\n };\r\n\r\n fetchProducts();\r\n }, []);\r\n\r\n \r\n\r\n return (\r\n

\r\n

Каталог товаров

\r\n

\r\n {media.map(media => (\r\n

\r\n

{media.name}

\r\n

Цена: {media.price} руб.

\r\n

{media.description}

\r\n \r\n

\r\n )\r\n )\r\n }\r\n

\r\n

\r\n );\r\n};\r\n\r\nexport default Catalog;\r\n","__webpack_require__.h = () => (\"aa5877b9248c8abc4436\")"],"names":[],"sourceRoot":""}��`&��'��(��main.764ccb60b48b2a0277a3.hot-update.js�main.764ccb60b48b2a0277a3.hot-update.js.map�"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/pages/Catalog.js": /*!******************************!*\ !*** ./src/pages/Catalog.js ***! \******************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../App.css */ "./src/App.css"); /* harmony import */ var _components_Footer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/Footer */ "./src/components/Footer.js"); /* harmony import */ var _components_Header__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components/Header */ "./src/components/Header.js"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\pages\\Catalog.js", _s = __webpack_require__.$Refresh$.signature(); const Catalog = () => { _s(); const [media, setProducts] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]); (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { const fetchProducts = async () => { try { const response = await axios__WEBPACK_IMPORTED_MODULE_5__["default"].get('http://localhost:3001/media'); setProducts(response.data); } catch (error) { console.error('Ошибка при загрузке товаров:', error); } }; fetchProducts(); }, []); return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", { className: "catalog", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)(_components_Header__WEBPACK_IMPORTED_MODULE_3__["default"], {}, void 0, false, { fileName: _jsxFileName, lineNumber: 25, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("h2", { children: "\u041A\u0430\u0442\u0430\u043B\u043E\u0433 \u0442\u043E\u0432\u0430\u0440\u043E\u0432" }, void 0, false, { fileName: _jsxFileName, lineNumber: 26, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", { className: "product-list", children: media.map(media => /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", { className: "product-card", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("img", { src: media.image, alt: media.name, className: "product-image" }, void 0, false, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("h3", { children: media.name }, void 0, false, { fileName: _jsxFileName, lineNumber: 31, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("p", { children: ["\u0426\u0435\u043D\u0430: $", media.price] }, void 0, true, { fileName: _jsxFileName, lineNumber: 32, columnNumber: 17 }, undefined)] }, media.id, true, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 15 }, undefined)) }, void 0, false, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)(_components_Footer__WEBPACK_IMPORTED_MODULE_2__["default"], {}, void 0, false, { fileName: _jsxFileName, lineNumber: 38, columnNumber: 7 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 24, columnNumber: 5 }, undefined); }; _s(Catalog, "0RdBbkTFXyKh1cwLlmEPjSsur5Q="); _c = Catalog; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Catalog); var _c; __webpack_require__.$Refresh$.register(_c, "Catalog"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("a7468982c1057011a8cb") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.764ccb60b48b2a0277a3.hot-update.js.map�{"version":3,"file":"main.764ccb60b48b2a0277a3.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAHA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAlCA;AAoCA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC1CA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/pages/Catalog.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import React, { useEffect, useState } from 'react';\r\nimport axios from 'axios';\r\nimport \"../App.css\";\r\nimport Footer from '../components/Footer';\r\nimport Header from '../components/Header';\r\n\r\nconst Catalog = () => {\r\n const [media, setProducts] = useState([]);\r\n\r\n useEffect(() => {\r\n const fetchProducts = async () => {\r\n try {\r\n const response = await axios.get('http://localhost:3001/media');\r\n setProducts(response.data);\r\n } catch (error) {\r\n console.error('Ошибка при загрузке товаров:', error);\r\n }\r\n };\r\n\r\n fetchProducts();\r\n }, []);\r\n\r\n return (\r\n

\r\n

Каталог товаров

\r\n

\r\n {media.map(media => (\r\n

\r\n

{media.name}

\r\n

Цена: ${media.price}

\r\n

\r\n )\r\n )\r\n }\r\n

\r\n

\r\n );\r\n};\r\n\r\nexport default Catalog;\r\n","__webpack_require__.h = () => (\"a7468982c1057011a8cb\")"],"names":[],"sourceRoot":""}��`��main.0900fc2f352810d0b43b.hot-update.js�main.0900fc2f352810d0b43b.hot-update.js.map"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/pages/Catalog.js": /*!******************************!*\ !*** ./src/pages/Catalog.js ***! \******************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../App.css */ "./src/App.css"); /* harmony import */ var _components_Footer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/Footer */ "./src/components/Footer.js"); /* harmony import */ var _components_Header__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components/Header */ "./src/components/Header.js"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\pages\\Catalog.js", _s = __webpack_require__.$Refresh$.signature(); const Catalog = () => { _s(); const [media, setProducts] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]); (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { const fetchProducts = async () => { try { const response = await axios__WEBPACK_IMPORTED_MODULE_5__["default"].get('http://localhost:3000/Catalog'); setProducts(response.data); } catch (error) { console.error('Ошибка при загрузке товаров:', error); } }; fetchProducts(); }, []); function displayProducts(products) { // Получаем контейнер, в который будут вставляться карточки товаров const productList = document.querySelector('.product-list'); // Перебираем массив товаров products.forEach(product => { // Создаем элемент карточки товара const productCard = document.createElement('div'); productCard.classList.add('product-card'); // Создаем изображение товара const productImage = document.createElement('img'); productImage.src = product.image; productImage.alt = product.name; productImage.classList.add('product-image'); // Создаем заголовок товара const productName = document.createElement('h3'); productName.textContent = product.name; // Создаем цену товара const productPrice = document.createElement('p'); productPrice.textContent = `Цена: $${product.price}`; // Добавляем изображение, заголовок и цену в карточку товара productCard.appendChild(productImage); productCard.appendChild(productName); productCard.appendChild(productPrice); // Добавляем карточку товара в контейнер productList.appendChild(productCard); }); } // Вызываем функцию для отображения карточек товаров displayProducts(media); return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", { className: "catalog", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)(_components_Header__WEBPACK_IMPORTED_MODULE_3__["default"], {}, void 0, false, { fileName: _jsxFileName, lineNumber: 63, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("h2", { children: "\u041A\u0430\u0442\u0430\u043B\u043E\u0433 \u0442\u043E\u0432\u0430\u0440\u043E\u0432" }, void 0, false, { fileName: _jsxFileName, lineNumber: 64, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", { className: "product-list", children: media.map(media => /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", { className: "product-card", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("img", { src: media.image, alt: media.name, className: "product-image" }, void 0, false, { fileName: _jsxFileName, lineNumber: 68, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("h3", { children: media.name }, void 0, false, { fileName: _jsxFileName, lineNumber: 69, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("p", { children: ["\u0426\u0435\u043D\u0430: $", media.price] }, void 0, true, { fileName: _jsxFileName, lineNumber: 70, columnNumber: 17 }, undefined)] }, media.id, true, { fileName: _jsxFileName, lineNumber: 67, columnNumber: 15 }, undefined)) }, void 0, false, { fileName: _jsxFileName, lineNumber: 65, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)(_components_Footer__WEBPACK_IMPORTED_MODULE_2__["default"], {}, void 0, false, { fileName: _jsxFileName, lineNumber: 76, columnNumber: 7 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 62, columnNumber: 5 }, undefined); }; _s(Catalog, "0RdBbkTFXyKh1cwLlmEPjSsur5Q="); _c = Catalog; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Catalog); var _c; __webpack_require__.$Refresh$.register(_c, "Catalog"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("2fc18daf705418ee4572") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.0900fc2f352810d0b43b.hot-update.js.map�{"version":3,"file":"main.0900fc2f352810d0b43b.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AAGA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAHA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAxEA;AA0EA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AChFA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/pages/Catalog.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import React, { useEffect, useState } from 'react';\r\nimport axios from 'axios';\r\nimport \"../App.css\";\r\nimport Footer from '../components/Footer';\r\nimport Header from '../components/Header';\r\n\r\nconst Catalog = () => {\r\n const [media, setProducts] = useState([]);\r\n\r\n useEffect(() => {\r\n const fetchProducts = async () => {\r\n try {\r\n const response = await axios.get('http://localhost:3000/Catalog');\r\n setProducts(response.data);\r\n } catch (error) {\r\n console.error('Ошибка при загрузке товаров:', error);\r\n }\r\n };\r\n\r\n fetchProducts();\r\n }, []);\r\n\r\n function displayProducts(products) {\r\n // Получаем контейнер, в который будут вставляться карточки товаров\r\n const productList = document.querySelector('.product-list');\r\n \r\n // Перебираем массив товаров\r\n products.forEach(product => {\r\n // Создаем элемент карточки товара\r\n const productCard = document.createElement('div');\r\n productCard.classList.add('product-card');\r\n \r\n // Создаем изображение товара\r\n const productImage = document.createElement('img');\r\n productImage.src = product.image;\r\n productImage.alt = product.name;\r\n productImage.classList.add('product-image');\r\n \r\n // Создаем заголовок товара\r\n const productName = document.createElement('h3');\r\n productName.textContent = product.name;\r\n \r\n // Создаем цену товара\r\n const productPrice = document.createElement('p');\r\n productPrice.textContent = `Цена: $${product.price}`;\r\n \r\n // Добавляем изображение, заголовок и цену в карточку товара\r\n productCard.appendChild(productImage);\r\n productCard.appendChild(productName);\r\n productCard.appendChild(productPrice);\r\n \r\n // Добавляем карточку товара в контейнер\r\n productList.appendChild(productCard);\r\n });\r\n }\r\n \r\n // Вызываем функцию для отображения карточек товаров\r\n displayProducts(media);\r\n \r\n\r\n return (\r\n

\r\n

Каталог товаров

\r\n

\r\n {media.map(media => (\r\n

\r\n

{media.name}

\r\n

Цена: ${media.price}

\r\n

\r\n )\r\n )\r\n }\r\n

\r\n

\r\n );\r\n};\r\n\r\nexport default Catalog;\r\n","__webpack_require__.h = () => (\"2fc18daf705418ee4572\")"],"names":[],"sourceRoot":""}��`��main.2fc18daf705418ee4572.hot-update.js�main.2fc18daf705418ee4572.hot-update.js.map�"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/pages/Catalog.js": /*!******************************!*\ !*** ./src/pages/Catalog.js ***! \******************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../App.css */ "./src/App.css"); /* harmony import */ var _components_Footer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/Footer */ "./src/components/Footer.js"); /* harmony import */ var _components_Header__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components/Header */ "./src/components/Header.js"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\pages\\Catalog.js", _s = __webpack_require__.$Refresh$.signature(); const Catalog = () => { _s(); const [media, setProducts] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]); (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { const fetchProducts = async () => { try { const response = await axios__WEBPACK_IMPORTED_MODULE_5__["default"].get('http://localhost:3000/Catalog'); setProducts(response.data); } catch (error) { console.error('Ошибка при загрузке товаров:', error); } }; fetchProducts(); }, []); return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", { className: "catalog", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)(_components_Header__WEBPACK_IMPORTED_MODULE_3__["default"], {}, void 0, false, { fileName: _jsxFileName, lineNumber: 25, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("h2", { children: "\u041A\u0430\u0442\u0430\u043B\u043E\u0433 \u0442\u043E\u0432\u0430\u0440\u043E\u0432" }, void 0, false, { fileName: _jsxFileName, lineNumber: 26, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", { className: "product-list", children: media.map(media => /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", { className: "product-card", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("img", { src: media.image, alt: media.name, className: "product-image" }, void 0, false, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("h3", { children: media.name }, void 0, false, { fileName: _jsxFileName, lineNumber: 31, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("p", { children: ["\u0426\u0435\u043D\u0430: $", media.price] }, void 0, true, { fileName: _jsxFileName, lineNumber: 32, columnNumber: 17 }, undefined)] }, media.id, true, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 15 }, undefined)) }, void 0, false, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)(_components_Footer__WEBPACK_IMPORTED_MODULE_2__["default"], {}, void 0, false, { fileName: _jsxFileName, lineNumber: 38, columnNumber: 7 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 24, columnNumber: 5 }, undefined); }; _s(Catalog, "0RdBbkTFXyKh1cwLlmEPjSsur5Q="); _c = Catalog; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Catalog); var _c; __webpack_require__.$Refresh$.register(_c, "Catalog"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("9cd52b50257fc6e23b46") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.2fc18daf705418ee4572.hot-update.js.map�{"version":3,"file":"main.2fc18daf705418ee4572.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAHA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAlCA;AAoCA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC1CA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/pages/Catalog.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import React, { useEffect, useState } from 'react';\r\nimport axios from 'axios';\r\nimport \"../App.css\";\r\nimport Footer from '../components/Footer';\r\nimport Header from '../components/Header';\r\n\r\nconst Catalog = () => {\r\n const [media, setProducts] = useState([]);\r\n\r\n useEffect(() => {\r\n const fetchProducts = async () => {\r\n try {\r\n const response = await axios.get('http://localhost:3000/Catalog');\r\n setProducts(response.data);\r\n } catch (error) {\r\n console.error('Ошибка при загрузке товаров:', error);\r\n }\r\n };\r\n\r\n fetchProducts();\r\n }, []);\r\n\r\n return (\r\n

\r\n

Каталог товаров

\r\n

\r\n {media.map(media => (\r\n

\r\n

{media.name}

\r\n

Цена: ${media.price}

\r\n

\r\n )\r\n )\r\n }\r\n

\r\n

\r\n );\r\n};\r\n\r\nexport default Catalog;\r\n","__webpack_require__.h = () => (\"9cd52b50257fc6e23b46\")"],"names":[],"sourceRoot":""}��`��main.e9314ba091a8eaf405e6.hot-update.js�main.e9314ba091a8eaf405e6.hot-update.js.map�"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./src/pages/Catalog.js": /*!******************************!*\ !*** ./src/pages/Catalog.js ***! \******************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! axios */ "./node_modules/axios/lib/axios.js"); /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../App.css */ "./src/App.css"); /* harmony import */ var _components_Footer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/Footer */ "./src/components/Footer.js"); /* harmony import */ var _components_Header__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components/Header */ "./src/components/Header.js"); /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js"); /* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"); __webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js"); var _jsxFileName = "D:\\Vyacheslav\\Study\\\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u043D\u044B\u0445 \u043C\u043E\u0434\u0443\u043B\u0435\u0439\\practice 13\\json\\src\\pages\\Catalog.js", _s = __webpack_require__.$Refresh$.signature(); const Catalog = () => { _s(); const [media, setProducts] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]); (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { const fetchProducts = async () => { try { const response = await axios__WEBPACK_IMPORTED_MODULE_5__["default"].get('http://localhost:3000/media'); setProducts(response.data); } catch (error) { console.error('Ошибка при загрузке товаров:', error); } }; fetchProducts(); }, []); return /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", { className: "catalog", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)(_components_Header__WEBPACK_IMPORTED_MODULE_3__["default"], {}, void 0, false, { fileName: _jsxFileName, lineNumber: 25, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("h2", { children: "\u041A\u0430\u0442\u0430\u043B\u043E\u0433 \u0442\u043E\u0432\u0430\u0440\u043E\u0432" }, void 0, false, { fileName: _jsxFileName, lineNumber: 26, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", { className: "product-list", children: media.map(media => /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", { className: "product-card", children: [/*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("img", { src: media.image, alt: media.name, className: "product-image" }, void 0, false, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("h3", { children: media.name }, void 0, false, { fileName: _jsxFileName, lineNumber: 31, columnNumber: 17 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("p", { children: ["\u0426\u0435\u043D\u0430: $", media.price] }, void 0, true, { fileName: _jsxFileName, lineNumber: 32, columnNumber: 17 }, undefined)] }, media.id, true, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 15 }, undefined)) }, void 0, false, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 7 }, undefined), /*#__PURE__*/(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)(_components_Footer__WEBPACK_IMPORTED_MODULE_2__["default"], {}, void 0, false, { fileName: _jsxFileName, lineNumber: 38, columnNumber: 7 }, undefined)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 24, columnNumber: 5 }, undefined); }; _s(Catalog, "0RdBbkTFXyKh1cwLlmEPjSsur5Q="); _c = Catalog; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Catalog); var _c; __webpack_require__.$Refresh$.register(_c, "Catalog"); const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId; const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports( $ReactRefreshModuleId$ ); function $ReactRefreshModuleRuntime$(exports) { if (true) { let errorOverlay; if (true) { errorOverlay = false; } let testMode; if (typeof __react_refresh_test__ !== 'undefined') { testMode = __react_refresh_test__; } return __react_refresh_utils__.executeRuntime( exports, $ReactRefreshModuleId$, module.hot, errorOverlay, testMode ); } } if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) { $ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$); } else { $ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$); } /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("764ccb60b48b2a0277a3") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.e9314ba091a8eaf405e6.hot-update.js.map�{"version":3,"file":"main.e9314ba091a8eaf405e6.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAHA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAlCA;AAoCA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC1CA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/pages/Catalog.js","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["import React, { useEffect, useState } from 'react';\r\nimport axios from 'axios';\r\nimport \"../App.css\";\r\nimport Footer from '../components/Footer';\r\nimport Header from '../components/Header';\r\n\r\nconst Catalog = () => {\r\n const [media, setProducts] = useState([]);\r\n\r\n useEffect(() => {\r\n const fetchProducts = async () => {\r\n try {\r\n const response = await axios.get('http://localhost:3000/media');\r\n setProducts(response.data);\r\n } catch (error) {\r\n console.error('Ошибка при загрузке товаров:', error);\r\n }\r\n };\r\n\r\n fetchProducts();\r\n }, []);\r\n\r\n return (\r\n

\r\n

Каталог товаров

\r\n

\r\n {media.map(media => (\r\n

\r\n

{media.name}

\r\n

Цена: ${media.price}

\r\n

\r\n )\r\n )\r\n }\r\n

\r\n

\r\n );\r\n};\r\n\r\nexport default Catalog;\r\n","__webpack_require__.h = () => (\"764ccb60b48b2a0277a3\")"],"names":[],"sourceRoot":""}��`��main.a7468982c1057011a8cb.hot-update.js�main.a7468982c1057011a8cb.hot-update.js.map�;"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css": /*!****************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css ***! \****************************************************************************************************************************************************************************************************************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__); // Imports var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default())); // Module ___CSS_LOADER_EXPORT___.push([module.id, `.header { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background-color: #fff; border-bottom: 1px solid #ccc; } .logo { display: flex; align-items: center; padding: 0; } .logo-text { font-size: 24px; font-weight: bold; color: #333; } .nav { display: flex; align-items: center; } .menu-button { margin-right: 20px; background: none; border: none; font-size: 18px; cursor: pointer; } .search input { padding: 5px 10px; margin-left: 200px; font-size: 16px; border: 1px solid #ccc; border-radius: 4px; } .user-actions { display: flex; align-items: center; } .icon-button { background: none; border: none; font-size: 24px; margin-left: 10px; cursor: pointer; } /* src/App.css */ .App { text-align: center; font-family: Arial, sans-serif; } .categories { display: flex; justify-content: space-around; flex-wrap: wrap; margin-top: 20px; } .category-card-link { text-decoration: none; color: black !important; } .category-card { position: relative; width: 400px; height: 300px; margin: 10px; overflow: hidden; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; } .category-card:hover { transform: translateY(-5px); } .category-image { width: 100%; height: 60%; object-fit: cover; } .category-info { display: flex; justify-content: space-between; align-items: center; padding: 10px; text-decoration: none; } .arrow { font-size: 20px; } h1 { display: flex; padding-left: 50px; padding-top: 50px; } .info-card { background-color: #f6f6f6; padding: 40px; margin: 40px auto; width: 80%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 10px; } .info-content { text-align: left; display: flex; flex-direction: column; align-items: center; } .logo { font-size: 48px; color: #333; } .info-details { display: flex; justify-content: space-between; width: 100%; margin-top: 20px; } .info-item { width: 30%; text-align: center; } .info-item h3 { margin-bottom: 10px; } .info-item p { margin: 0; } .info-button { margin-top: 20px; padding: 10px 20px; background-color: #333; color: #fff; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; } .info-button:hover { background-color: #555; } footer { background-color: #f8f9fa; padding: 20px; bottom: 0; } .footer-content { display: flex; justify-content: space-between; flex-wrap: wrap; } .footer-logo { flex: 1 1 100%; text-align: center; margin-bottom: 20px; } .footer-logo img { max-width: 150px; } .footer-column { flex: 1 1 20%; margin-bottom: 20px; } .footer-column h4 { margin-bottom: 10px; } .footer-column ul { list-style: none; padding: 0; } .footer-column ul li { margin-bottom: 5px; } .footer-column ul li a { text-decoration: none; color: #000; } .footer-column ul li a:hover { text-decoration: underline; } .footer-contact { text-align: center; margin-top: 20px; } .footer-contact p { margin: 5px 0; } .footer-social { margin-top: 10px; } .footer-social a { margin: 0 10px; } .footer-social img { width: 24px; } .catalog { width: 80%; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .catalog h2 { text-align: center; margin-bottom: 20px; } .product-list { display: flex; flex-wrap: wrap; gap: 20px; } .product-card { display: flex; flex-grow: 1; flex-shrink: 1; flex-basis: calc(33.333% - 20px); box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } .product-image { width: 100%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .product-card h3 { margin: 0 0 10px; } .product-card p { margin: 0; } a { color: black; text-decoration: none; } .favorites { width: 80%; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .favorites h2 { text-align: center; margin-bottom: 20px; } .favorite-list { display: flex; flex-wrap: wrap; gap: 20px; } .favorite-card { flex-grow: 1; flex-shrink: 1; flex-basis: calc(33.333% - 20px); box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } .favorite-image { width: 100%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .favorite-card h3 { margin: 0 0 10px; } .favorite-card p { margin: 0; } `, "",{"version":3,"sources":["webpack://./src/App.css"],"names":[],"mappings":"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","sourcesContent":[".header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 20px;\n background-color: #fff;\n border-bottom: 1px solid #ccc;\n}\n\n.logo {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.logo-text {\n font-size: 24px;\n font-weight: bold;\n color: #333;\n}\n\n.nav {\n display: flex;\n align-items: center;\n}\n\n.menu-button {\n margin-right: 20px;\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n}\n\n.search input {\n padding: 5px 10px;\n margin-left: 200px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n.user-actions {\n display: flex;\n align-items: center;\n}\n\n.icon-button {\n background: none;\n border: none;\n font-size: 24px;\n margin-left: 10px;\n cursor: pointer;\n}\n\n/* src/App.css */\n.App {\n text-align: center;\n font-family: Arial, sans-serif;\n}\n\n.categories {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n}\n\n.category-card-link {\n text-decoration: none;\n color: black !important;\n}\n\n.category-card {\n position: relative;\n width: 400px;\n height: 300px;\n margin: 10px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.category-card:hover {\n transform: translateY(-5px);\n}\n\n.category-image {\n width: 100%;\n height: 60%;\n object-fit: cover;\n}\n\n.category-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n text-decoration: none;\n}\n\n.arrow {\n font-size: 20px;\n}\n\nh1 {\n display: flex;\n padding-left: 50px;\n padding-top: 50px;\n}\n\n.info-card {\n background-color: #f6f6f6;\n padding: 40px;\n margin: 40px auto;\n width: 80%;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n}\n\n.info-content {\n text-align: left;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.logo {\n font-size: 48px;\n color: #333;\n}\n\n.info-details {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n}\n\n.info-item {\n width: 30%;\n text-align: center;\n}\n\n.info-item h3 {\n margin-bottom: 10px;\n}\n\n.info-item p {\n margin: 0;\n}\n\n.info-button {\n margin-top: 20px;\n padding: 10px 20px;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.info-button:hover {\n background-color: #555;\n}\n\n\n\nfooter {\n background-color: #f8f9fa;\n padding: 20px;\n bottom: 0;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.footer-logo {\n flex: 1 1 100%;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.footer-logo img {\n max-width: 150px;\n}\n\n.footer-column {\n flex: 1 1 20%;\n margin-bottom: 20px;\n}\n\n.footer-column h4 {\n margin-bottom: 10px;\n}\n\n.footer-column ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-column ul li {\n margin-bottom: 5px;\n}\n\n.footer-column ul li a {\n text-decoration: none;\n color: #000;\n}\n\n.footer-column ul li a:hover {\n text-decoration: underline;\n}\n\n.footer-contact {\n text-align: center;\n margin-top: 20px;\n}\n\n.footer-contact p {\n margin: 5px 0;\n}\n\n.footer-social {\n margin-top: 10px;\n}\n\n.footer-social a {\n margin: 0 10px;\n}\n\n.footer-social img {\n width: 24px;\n}\n\n.catalog {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.catalog h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.product-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.product-card {\n display: flex;\n flex: 1 1 calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.product-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.product-card h3 {\n margin: 0 0 10px;\n}\n\n.product-card p {\n margin: 0;\n}\n\na {\n color: black;\n text-decoration: none;\n}\n\n.favorites {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.favorites h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.favorite-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.favorite-card {\n flex: 1 1 calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.favorite-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.favorite-card h3 {\n margin: 0 0 10px;\n}\n\n.favorite-card p {\n margin: 0;\n}\n\n\n"],"sourceRoot":""}]); // Exports ___CSS_LOADER_EXPORT___.locals = {}; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("a936310391e8b0b36c82") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.a7468982c1057011a8cb.hot-update.js.map?>{"version":3,"file":"main.a7468982c1057011a8cb.hot-update.js","mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC/VA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/App.css","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 20px;\n background-color: #fff;\n border-bottom: 1px solid #ccc;\n}\n\n.logo {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.logo-text {\n font-size: 24px;\n font-weight: bold;\n color: #333;\n}\n\n.nav {\n display: flex;\n align-items: center;\n}\n\n.menu-button {\n margin-right: 20px;\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n}\n\n.search input {\n padding: 5px 10px;\n margin-left: 200px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n.user-actions {\n display: flex;\n align-items: center;\n}\n\n.icon-button {\n background: none;\n border: none;\n font-size: 24px;\n margin-left: 10px;\n cursor: pointer;\n}\n\n/* src/App.css */\n.App {\n text-align: center;\n font-family: Arial, sans-serif;\n}\n\n.categories {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n}\n\n.category-card-link {\n text-decoration: none;\n color: black !important;\n}\n\n.category-card {\n position: relative;\n width: 400px;\n height: 300px;\n margin: 10px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.category-card:hover {\n transform: translateY(-5px);\n}\n\n.category-image {\n width: 100%;\n height: 60%;\n object-fit: cover;\n}\n\n.category-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n text-decoration: none;\n}\n\n.arrow {\n font-size: 20px;\n}\n\nh1 {\n display: flex;\n padding-left: 50px;\n padding-top: 50px;\n}\n\n.info-card {\n background-color: #f6f6f6;\n padding: 40px;\n margin: 40px auto;\n width: 80%;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n}\n\n.info-content {\n text-align: left;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.logo {\n font-size: 48px;\n color: #333;\n}\n\n.info-details {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n}\n\n.info-item {\n width: 30%;\n text-align: center;\n}\n\n.info-item h3 {\n margin-bottom: 10px;\n}\n\n.info-item p {\n margin: 0;\n}\n\n.info-button {\n margin-top: 20px;\n padding: 10px 20px;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.info-button:hover {\n background-color: #555;\n}\n\n\n\nfooter {\n background-color: #f8f9fa;\n padding: 20px;\n bottom: 0;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.footer-logo {\n flex: 1 1 100%;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.footer-logo img {\n max-width: 150px;\n}\n\n.footer-column {\n flex: 1 1 20%;\n margin-bottom: 20px;\n}\n\n.footer-column h4 {\n margin-bottom: 10px;\n}\n\n.footer-column ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-column ul li {\n margin-bottom: 5px;\n}\n\n.footer-column ul li a {\n text-decoration: none;\n color: #000;\n}\n\n.footer-column ul li a:hover {\n text-decoration: underline;\n}\n\n.footer-contact {\n text-align: center;\n margin-top: 20px;\n}\n\n.footer-contact p {\n margin: 5px 0;\n}\n\n.footer-social {\n margin-top: 10px;\n}\n\n.footer-social a {\n margin: 0 10px;\n}\n\n.footer-social img {\n width: 24px;\n}\n\n.catalog {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.catalog h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.product-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.product-card {\n display: flex;\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.product-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.product-card h3 {\n margin: 0 0 10px;\n}\n\n.product-card p {\n margin: 0;\n}\n\na {\n color: black;\n text-decoration: none;\n}\n\n.favorites {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.favorites h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.favorite-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.favorite-card {\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.favorite-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.favorite-card h3 {\n margin: 0 0 10px;\n}\n\n.favorite-card p {\n margin: 0;\n}\n\n\n`, \"\",{\"version\":3,\"sources\":[\"webpack://./src/App.css\"],\"names\":[],\"mappings\":\"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\",\"sourcesContent\":[\".header {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: 10px 20px;\\n background-color: #fff;\\n border-bottom: 1px solid #ccc;\\n}\\n\\n.logo {\\n display: flex;\\n align-items: center;\\n padding: 0;\\n}\\n\\n.logo-text {\\n font-size: 24px;\\n font-weight: bold;\\n color: #333;\\n}\\n\\n.nav {\\n display: flex;\\n align-items: center;\\n}\\n\\n.menu-button {\\n margin-right: 20px;\\n background: none;\\n border: none;\\n font-size: 18px;\\n cursor: pointer;\\n}\\n\\n.search input {\\n padding: 5px 10px;\\n margin-left: 200px;\\n font-size: 16px;\\n border: 1px solid #ccc;\\n border-radius: 4px;\\n}\\n\\n.user-actions {\\n display: flex;\\n align-items: center;\\n}\\n\\n.icon-button {\\n background: none;\\n border: none;\\n font-size: 24px;\\n margin-left: 10px;\\n cursor: pointer;\\n}\\n\\n/* src/App.css */\\n.App {\\n text-align: center;\\n font-family: Arial, sans-serif;\\n}\\n\\n.categories {\\n display: flex;\\n justify-content: space-around;\\n flex-wrap: wrap;\\n margin-top: 20px;\\n}\\n\\n.category-card-link {\\n text-decoration: none;\\n color: black !important;\\n}\\n\\n.category-card {\\n position: relative;\\n width: 400px;\\n height: 300px;\\n margin: 10px;\\n overflow: hidden;\\n border-radius: 10px;\\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\\n transition: transform 0.3s ease;\\n}\\n\\n.category-card:hover {\\n transform: translateY(-5px);\\n}\\n\\n.category-image {\\n width: 100%;\\n height: 60%;\\n object-fit: cover;\\n}\\n\\n.category-info {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: 10px;\\n text-decoration: none;\\n}\\n\\n.arrow {\\n font-size: 20px;\\n}\\n\\nh1 {\\n display: flex;\\n padding-left: 50px;\\n padding-top: 50px;\\n}\\n\\n.info-card {\\n background-color: #f6f6f6;\\n padding: 40px;\\n margin: 40px auto;\\n width: 80%;\\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\\n border-radius: 10px;\\n}\\n\\n.info-content {\\n text-align: left;\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n}\\n\\n.logo {\\n font-size: 48px;\\n color: #333;\\n}\\n\\n.info-details {\\n display: flex;\\n justify-content: space-between;\\n width: 100%;\\n margin-top: 20px;\\n}\\n\\n.info-item {\\n width: 30%;\\n text-align: center;\\n}\\n\\n.info-item h3 {\\n margin-bottom: 10px;\\n}\\n\\n.info-item p {\\n margin: 0;\\n}\\n\\n.info-button {\\n margin-top: 20px;\\n padding: 10px 20px;\\n background-color: #333;\\n color: #fff;\\n border: none;\\n border-radius: 5px;\\n cursor: pointer;\\n font-size: 16px;\\n}\\n\\n.info-button:hover {\\n background-color: #555;\\n}\\n\\n\\n\\nfooter {\\n background-color: #f8f9fa;\\n padding: 20px;\\n bottom: 0;\\n}\\n\\n.footer-content {\\n display: flex;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n\\n.footer-logo {\\n flex: 1 1 100%;\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.footer-logo img {\\n max-width: 150px;\\n}\\n\\n.footer-column {\\n flex: 1 1 20%;\\n margin-bottom: 20px;\\n}\\n\\n.footer-column h4 {\\n margin-bottom: 10px;\\n}\\n\\n.footer-column ul {\\n list-style: none;\\n padding: 0;\\n}\\n\\n.footer-column ul li {\\n margin-bottom: 5px;\\n}\\n\\n.footer-column ul li a {\\n text-decoration: none;\\n color: #000;\\n}\\n\\n.footer-column ul li a:hover {\\n text-decoration: underline;\\n}\\n\\n.footer-contact {\\n text-align: center;\\n margin-top: 20px;\\n}\\n\\n.footer-contact p {\\n margin: 5px 0;\\n}\\n\\n.footer-social {\\n margin-top: 10px;\\n}\\n\\n.footer-social a {\\n margin: 0 10px;\\n}\\n\\n.footer-social img {\\n width: 24px;\\n}\\n\\n.catalog {\\n width: 80%;\\n margin: 0 auto;\\n padding: 20px;\\n background-color: #f9f9f9;\\n border-radius: 8px;\\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\\n}\\n\\n.catalog h2 {\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.product-list {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 20px;\\n}\\n\\n.product-card {\\n display: flex;\\n flex: 1 1 calc(33.333% - 20px);\\n box-sizing: border-box;\\n padding: 20px;\\n background-color: #fff;\\n border-radius: 8px;\\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\\n text-align: center;\\n}\\n\\n.product-image {\\n width: 100%;\\n height: auto;\\n object-fit: cover;\\n border-radius: 8px;\\n margin-bottom: 10px;\\n}\\n\\n.product-card h3 {\\n margin: 0 0 10px;\\n}\\n\\n.product-card p {\\n margin: 0;\\n}\\n\\na {\\n color: black;\\n text-decoration: none;\\n}\\n\\n.favorites {\\n width: 80%;\\n margin: 0 auto;\\n padding: 20px;\\n background-color: #f9f9f9;\\n border-radius: 8px;\\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\\n}\\n\\n.favorites h2 {\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.favorite-list {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 20px;\\n}\\n\\n.favorite-card {\\n flex: 1 1 calc(33.333% - 20px);\\n box-sizing: border-box;\\n padding: 20px;\\n background-color: #fff;\\n border-radius: 8px;\\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\\n text-align: center;\\n}\\n\\n.favorite-image {\\n width: 100%;\\n height: auto;\\n object-fit: cover;\\n border-radius: 8px;\\n margin-bottom: 10px;\\n}\\n\\n.favorite-card h3 {\\n margin: 0 0 10px;\\n}\\n\\n.favorite-card p {\\n margin: 0;\\n}\\n\\n\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {};\nexport default ___CSS_LOADER_EXPORT___;\n","__webpack_require__.h = () => (\"a936310391e8b0b36c82\")"],"names":[],"sourceRoot":""}��`��main.a936310391e8b0b36c82.hot-update.js�main.a936310391e8b0b36c82.hot-update.js.map�;"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css": /*!****************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css ***! \****************************************************************************************************************************************************************************************************************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__); // Imports var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default())); // Module ___CSS_LOADER_EXPORT___.push([module.id, `.header { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background-color: #fff; border-bottom: 1px solid #ccc; } .logo { display: flex; align-items: center; padding: 0; } .logo-text { font-size: 24px; font-weight: bold; color: #333; } .nav { display: flex; align-items: center; } .menu-button { margin-right: 20px; background: none; border: none; font-size: 18px; cursor: pointer; } .search input { padding: 5px 10px; margin-left: 200px; font-size: 16px; border: 1px solid #ccc; border-radius: 4px; } .user-actions { display: flex; align-items: center; } .icon-button { background: none; border: none; font-size: 24px; margin-left: 10px; cursor: pointer; } /* src/App.css */ .App { text-align: center; font-family: Arial, sans-serif; } .categories { display: flex; justify-content: space-around; flex-wrap: wrap; margin-top: 20px; } .category-card-link { text-decoration: none; color: black !important; } .category-card { position: relative; width: 400px; height: 300px; margin: 10px; overflow: hidden; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; } .category-card:hover { transform: translateY(-5px); } .category-image { width: 100%; height: 60%; object-fit: cover; } .category-info { display: flex; justify-content: space-between; align-items: center; padding: 10px; text-decoration: none; } .arrow { font-size: 20px; } h1 { display: flex; padding-left: 50px; padding-top: 50px; } .info-card { background-color: #f6f6f6; padding: 40px; margin: 40px auto; width: 80%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 10px; } .info-content { text-align: left; display: flex; flex-direction: column; align-items: center; } .logo { font-size: 48px; color: #333; } .info-details { display: flex; justify-content: space-between; width: 100%; margin-top: 20px; } .info-item { width: 30%; text-align: center; } .info-item h3 { margin-bottom: 10px; } .info-item p { margin: 0; } .info-button { margin-top: 20px; padding: 10px 20px; background-color: #333; color: #fff; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; } .info-button:hover { background-color: #555; } footer { background-color: #f8f9fa; padding: 20px; bottom: 0; } .footer-content { display: flex; justify-content: space-between; flex-wrap: wrap; } .footer-logo { flex: 1 1 100%; text-align: center; margin-bottom: 20px; } .footer-logo img { max-width: 150px; } .footer-column { flex: 1 1 20%; margin-bottom: 20px; } .footer-column h4 { margin-bottom: 10px; } .footer-column ul { list-style: none; padding: 0; } .footer-column ul li { margin-bottom: 5px; } .footer-column ul li a { text-decoration: none; color: #000; } .footer-column ul li a:hover { text-decoration: underline; } .footer-contact { text-align: center; margin-top: 20px; } .footer-contact p { margin: 5px 0; } .footer-social { margin-top: 10px; } .footer-social a { margin: 0 10px; } .footer-social img { width: 24px; } .catalog { width: 50%; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .catalog h2 { text-align: center; margin-bottom: 20px; } .product-list { display: flex; flex-wrap: wrap; gap: 20px; } .product-card { display: flex; flex-grow: 1; flex-shrink: 1; flex-basis: calc(33.333% - 20px); box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } .product-image { width: 100%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .product-card h3 { margin: 0 0 10px; } .product-card p { margin: 0; } a { color: black; text-decoration: none; } .favorites { width: 80%; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .favorites h2 { text-align: center; margin-bottom: 20px; } .favorite-list { display: flex; flex-wrap: wrap; gap: 20px; } .favorite-card { flex-grow: 1; flex-shrink: 1; flex-basis: calc(33.333% - 20px); box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } .favorite-image { width: 100%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .favorite-card h3 { margin: 0 0 10px; } .favorite-card p { margin: 0; } `, "",{"version":3,"sources":["webpack://./src/App.css"],"names":[],"mappings":"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","sourcesContent":[".header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 20px;\n background-color: #fff;\n border-bottom: 1px solid #ccc;\n}\n\n.logo {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.logo-text {\n font-size: 24px;\n font-weight: bold;\n color: #333;\n}\n\n.nav {\n display: flex;\n align-items: center;\n}\n\n.menu-button {\n margin-right: 20px;\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n}\n\n.search input {\n padding: 5px 10px;\n margin-left: 200px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n.user-actions {\n display: flex;\n align-items: center;\n}\n\n.icon-button {\n background: none;\n border: none;\n font-size: 24px;\n margin-left: 10px;\n cursor: pointer;\n}\n\n/* src/App.css */\n.App {\n text-align: center;\n font-family: Arial, sans-serif;\n}\n\n.categories {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n}\n\n.category-card-link {\n text-decoration: none;\n color: black !important;\n}\n\n.category-card {\n position: relative;\n width: 400px;\n height: 300px;\n margin: 10px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.category-card:hover {\n transform: translateY(-5px);\n}\n\n.category-image {\n width: 100%;\n height: 60%;\n object-fit: cover;\n}\n\n.category-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n text-decoration: none;\n}\n\n.arrow {\n font-size: 20px;\n}\n\nh1 {\n display: flex;\n padding-left: 50px;\n padding-top: 50px;\n}\n\n.info-card {\n background-color: #f6f6f6;\n padding: 40px;\n margin: 40px auto;\n width: 80%;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n}\n\n.info-content {\n text-align: left;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.logo {\n font-size: 48px;\n color: #333;\n}\n\n.info-details {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n}\n\n.info-item {\n width: 30%;\n text-align: center;\n}\n\n.info-item h3 {\n margin-bottom: 10px;\n}\n\n.info-item p {\n margin: 0;\n}\n\n.info-button {\n margin-top: 20px;\n padding: 10px 20px;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.info-button:hover {\n background-color: #555;\n}\n\n\n\nfooter {\n background-color: #f8f9fa;\n padding: 20px;\n bottom: 0;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.footer-logo {\n flex: 1 1 100%;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.footer-logo img {\n max-width: 150px;\n}\n\n.footer-column {\n flex: 1 1 20%;\n margin-bottom: 20px;\n}\n\n.footer-column h4 {\n margin-bottom: 10px;\n}\n\n.footer-column ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-column ul li {\n margin-bottom: 5px;\n}\n\n.footer-column ul li a {\n text-decoration: none;\n color: #000;\n}\n\n.footer-column ul li a:hover {\n text-decoration: underline;\n}\n\n.footer-contact {\n text-align: center;\n margin-top: 20px;\n}\n\n.footer-contact p {\n margin: 5px 0;\n}\n\n.footer-social {\n margin-top: 10px;\n}\n\n.footer-social a {\n margin: 0 10px;\n}\n\n.footer-social img {\n width: 24px;\n}\n\n.catalog {\n width: 50%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.catalog h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.product-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.product-card {\n display: flex;\n flex: 1 1 calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.product-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.product-card h3 {\n margin: 0 0 10px;\n}\n\n.product-card p {\n margin: 0;\n}\n\na {\n color: black;\n text-decoration: none;\n}\n\n.favorites {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.favorites h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.favorite-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.favorite-card {\n flex: 1 1 calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.favorite-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.favorite-card h3 {\n margin: 0 0 10px;\n}\n\n.favorite-card p {\n margin: 0;\n}\n\n\n"],"sourceRoot":""}]); // Exports ___CSS_LOADER_EXPORT___.locals = {}; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("f33bb71637407a201886") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.a936310391e8b0b36c82.hot-update.js.map?>{"version":3,"file":"main.a936310391e8b0b36c82.hot-update.js","mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC/VA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/App.css","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 20px;\n background-color: #fff;\n border-bottom: 1px solid #ccc;\n}\n\n.logo {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.logo-text {\n font-size: 24px;\n font-weight: bold;\n color: #333;\n}\n\n.nav {\n display: flex;\n align-items: center;\n}\n\n.menu-button {\n margin-right: 20px;\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n}\n\n.search input {\n padding: 5px 10px;\n margin-left: 200px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n.user-actions {\n display: flex;\n align-items: center;\n}\n\n.icon-button {\n background: none;\n border: none;\n font-size: 24px;\n margin-left: 10px;\n cursor: pointer;\n}\n\n/* src/App.css */\n.App {\n text-align: center;\n font-family: Arial, sans-serif;\n}\n\n.categories {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n}\n\n.category-card-link {\n text-decoration: none;\n color: black !important;\n}\n\n.category-card {\n position: relative;\n width: 400px;\n height: 300px;\n margin: 10px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.category-card:hover {\n transform: translateY(-5px);\n}\n\n.category-image {\n width: 100%;\n height: 60%;\n object-fit: cover;\n}\n\n.category-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n text-decoration: none;\n}\n\n.arrow {\n font-size: 20px;\n}\n\nh1 {\n display: flex;\n padding-left: 50px;\n padding-top: 50px;\n}\n\n.info-card {\n background-color: #f6f6f6;\n padding: 40px;\n margin: 40px auto;\n width: 80%;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n}\n\n.info-content {\n text-align: left;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.logo {\n font-size: 48px;\n color: #333;\n}\n\n.info-details {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n}\n\n.info-item {\n width: 30%;\n text-align: center;\n}\n\n.info-item h3 {\n margin-bottom: 10px;\n}\n\n.info-item p {\n margin: 0;\n}\n\n.info-button {\n margin-top: 20px;\n padding: 10px 20px;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.info-button:hover {\n background-color: #555;\n}\n\n\n\nfooter {\n background-color: #f8f9fa;\n padding: 20px;\n bottom: 0;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.footer-logo {\n flex: 1 1 100%;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.footer-logo img {\n max-width: 150px;\n}\n\n.footer-column {\n flex: 1 1 20%;\n margin-bottom: 20px;\n}\n\n.footer-column h4 {\n margin-bottom: 10px;\n}\n\n.footer-column ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-column ul li {\n margin-bottom: 5px;\n}\n\n.footer-column ul li a {\n text-decoration: none;\n color: #000;\n}\n\n.footer-column ul li a:hover {\n text-decoration: underline;\n}\n\n.footer-contact {\n text-align: center;\n margin-top: 20px;\n}\n\n.footer-contact p {\n margin: 5px 0;\n}\n\n.footer-social {\n margin-top: 10px;\n}\n\n.footer-social a {\n margin: 0 10px;\n}\n\n.footer-social img {\n width: 24px;\n}\n\n.catalog {\n width: 50%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.catalog h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.product-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.product-card {\n display: flex;\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.product-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.product-card h3 {\n margin: 0 0 10px;\n}\n\n.product-card p {\n margin: 0;\n}\n\na {\n color: black;\n text-decoration: none;\n}\n\n.favorites {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.favorites h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.favorite-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.favorite-card {\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.favorite-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.favorite-card h3 {\n margin: 0 0 10px;\n}\n\n.favorite-card p {\n margin: 0;\n}\n\n\n`, \"\",{\"version\":3,\"sources\":[\"webpack://./src/App.css\"],\"names\":[],\"mappings\":\"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\",\"sourcesContent\":[\".header {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: 10px 20px;\\n background-color: #fff;\\n border-bottom: 1px solid #ccc;\\n}\\n\\n.logo {\\n display: flex;\\n align-items: center;\\n padding: 0;\\n}\\n\\n.logo-text {\\n font-size: 24px;\\n font-weight: bold;\\n color: #333;\\n}\\n\\n.nav {\\n display: flex;\\n align-items: center;\\n}\\n\\n.menu-button {\\n margin-right: 20px;\\n background: none;\\n border: none;\\n font-size: 18px;\\n cursor: pointer;\\n}\\n\\n.search input {\\n padding: 5px 10px;\\n margin-left: 200px;\\n font-size: 16px;\\n border: 1px solid #ccc;\\n border-radius: 4px;\\n}\\n\\n.user-actions {\\n display: flex;\\n align-items: center;\\n}\\n\\n.icon-button {\\n background: none;\\n border: none;\\n font-size: 24px;\\n margin-left: 10px;\\n cursor: pointer;\\n}\\n\\n/* src/App.css */\\n.App {\\n text-align: center;\\n font-family: Arial, sans-serif;\\n}\\n\\n.categories {\\n display: flex;\\n justify-content: space-around;\\n flex-wrap: wrap;\\n margin-top: 20px;\\n}\\n\\n.category-card-link {\\n text-decoration: none;\\n color: black !important;\\n}\\n\\n.category-card {\\n position: relative;\\n width: 400px;\\n height: 300px;\\n margin: 10px;\\n overflow: hidden;\\n border-radius: 10px;\\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\\n transition: transform 0.3s ease;\\n}\\n\\n.category-card:hover {\\n transform: translateY(-5px);\\n}\\n\\n.category-image {\\n width: 100%;\\n height: 60%;\\n object-fit: cover;\\n}\\n\\n.category-info {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: 10px;\\n text-decoration: none;\\n}\\n\\n.arrow {\\n font-size: 20px;\\n}\\n\\nh1 {\\n display: flex;\\n padding-left: 50px;\\n padding-top: 50px;\\n}\\n\\n.info-card {\\n background-color: #f6f6f6;\\n padding: 40px;\\n margin: 40px auto;\\n width: 80%;\\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\\n border-radius: 10px;\\n}\\n\\n.info-content {\\n text-align: left;\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n}\\n\\n.logo {\\n font-size: 48px;\\n color: #333;\\n}\\n\\n.info-details {\\n display: flex;\\n justify-content: space-between;\\n width: 100%;\\n margin-top: 20px;\\n}\\n\\n.info-item {\\n width: 30%;\\n text-align: center;\\n}\\n\\n.info-item h3 {\\n margin-bottom: 10px;\\n}\\n\\n.info-item p {\\n margin: 0;\\n}\\n\\n.info-button {\\n margin-top: 20px;\\n padding: 10px 20px;\\n background-color: #333;\\n color: #fff;\\n border: none;\\n border-radius: 5px;\\n cursor: pointer;\\n font-size: 16px;\\n}\\n\\n.info-button:hover {\\n background-color: #555;\\n}\\n\\n\\n\\nfooter {\\n background-color: #f8f9fa;\\n padding: 20px;\\n bottom: 0;\\n}\\n\\n.footer-content {\\n display: flex;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n\\n.footer-logo {\\n flex: 1 1 100%;\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.footer-logo img {\\n max-width: 150px;\\n}\\n\\n.footer-column {\\n flex: 1 1 20%;\\n margin-bottom: 20px;\\n}\\n\\n.footer-column h4 {\\n margin-bottom: 10px;\\n}\\n\\n.footer-column ul {\\n list-style: none;\\n padding: 0;\\n}\\n\\n.footer-column ul li {\\n margin-bottom: 5px;\\n}\\n\\n.footer-column ul li a {\\n text-decoration: none;\\n color: #000;\\n}\\n\\n.footer-column ul li a:hover {\\n text-decoration: underline;\\n}\\n\\n.footer-contact {\\n text-align: center;\\n margin-top: 20px;\\n}\\n\\n.footer-contact p {\\n margin: 5px 0;\\n}\\n\\n.footer-social {\\n margin-top: 10px;\\n}\\n\\n.footer-social a {\\n margin: 0 10px;\\n}\\n\\n.footer-social img {\\n width: 24px;\\n}\\n\\n.catalog {\\n width: 50%;\\n margin: 0 auto;\\n padding: 20px;\\n background-color: #f9f9f9;\\n border-radius: 8px;\\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\\n}\\n\\n.catalog h2 {\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.product-list {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 20px;\\n}\\n\\n.product-card {\\n display: flex;\\n flex: 1 1 calc(33.333% - 20px);\\n box-sizing: border-box;\\n padding: 20px;\\n background-color: #fff;\\n border-radius: 8px;\\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\\n text-align: center;\\n}\\n\\n.product-image {\\n width: 100%;\\n height: auto;\\n object-fit: cover;\\n border-radius: 8px;\\n margin-bottom: 10px;\\n}\\n\\n.product-card h3 {\\n margin: 0 0 10px;\\n}\\n\\n.product-card p {\\n margin: 0;\\n}\\n\\na {\\n color: black;\\n text-decoration: none;\\n}\\n\\n.favorites {\\n width: 80%;\\n margin: 0 auto;\\n padding: 20px;\\n background-color: #f9f9f9;\\n border-radius: 8px;\\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\\n}\\n\\n.favorites h2 {\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.favorite-list {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 20px;\\n}\\n\\n.favorite-card {\\n flex: 1 1 calc(33.333% - 20px);\\n box-sizing: border-box;\\n padding: 20px;\\n background-color: #fff;\\n border-radius: 8px;\\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\\n text-align: center;\\n}\\n\\n.favorite-image {\\n width: 100%;\\n height: auto;\\n object-fit: cover;\\n border-radius: 8px;\\n margin-bottom: 10px;\\n}\\n\\n.favorite-card h3 {\\n margin: 0 0 10px;\\n}\\n\\n.favorite-card p {\\n margin: 0;\\n}\\n\\n\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {};\nexport default ___CSS_LOADER_EXPORT___;\n","__webpack_require__.h = () => (\"f33bb71637407a201886\")"],"names":[],"sourceRoot":""}��`��main.f33bb71637407a201886.hot-update.js�main.f33bb71637407a201886.hot-update.js.map<"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css": /*!****************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css ***! \****************************************************************************************************************************************************************************************************************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__); // Imports var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default())); // Module ___CSS_LOADER_EXPORT___.push([module.id, `.header { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background-color: #fff; border-bottom: 1px solid #ccc; } .logo { display: flex; align-items: center; padding: 0; } .logo-text { font-size: 24px; font-weight: bold; color: #333; } .nav { display: flex; align-items: center; } .menu-button { margin-right: 20px; background: none; border: none; font-size: 18px; cursor: pointer; } .search input { padding: 5px 10px; margin-left: 200px; font-size: 16px; border: 1px solid #ccc; border-radius: 4px; } .user-actions { display: flex; align-items: center; } .icon-button { background: none; border: none; font-size: 24px; margin-left: 10px; cursor: pointer; } /* src/App.css */ .App { text-align: center; font-family: Arial, sans-serif; } .categories { display: flex; justify-content: space-around; flex-wrap: wrap; margin-top: 20px; } .category-card-link { text-decoration: none; color: black !important; } .category-card { position: relative; width: 400px; height: 300px; margin: 10px; overflow: hidden; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; } .category-card:hover { transform: translateY(-5px); } .category-image { width: 100%; height: 60%; object-fit: cover; } .category-info { display: flex; justify-content: space-between; align-items: center; padding: 10px; text-decoration: none; } .arrow { font-size: 20px; } h1 { display: flex; padding-left: 50px; padding-top: 50px; } .info-card { background-color: #f6f6f6; padding: 40px; margin: 40px auto; width: 80%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 10px; } .info-content { text-align: left; display: flex; flex-direction: column; align-items: center; } .logo { font-size: 48px; color: #333; } .info-details { display: flex; justify-content: space-between; width: 100%; margin-top: 20px; } .info-item { width: 30%; text-align: center; } .info-item h3 { margin-bottom: 10px; } .info-item p { margin: 0; } .info-button { margin-top: 20px; padding: 10px 20px; background-color: #333; color: #fff; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; } .info-button:hover { background-color: #555; } footer { background-color: #f8f9fa; padding: 20px; bottom: 0; } .footer-content { display: flex; justify-content: space-between; flex-wrap: wrap; } .footer-logo { flex: 1 1 100%; text-align: center; margin-bottom: 20px; } .footer-logo img { max-width: 150px; } .footer-column { flex: 1 1 20%; margin-bottom: 20px; } .footer-column h4 { margin-bottom: 10px; } .footer-column ul { list-style: none; padding: 0; } .footer-column ul li { margin-bottom: 5px; } .footer-column ul li a { text-decoration: none; color: #000; } .footer-column ul li a:hover { text-decoration: underline; } .footer-contact { text-align: center; margin-top: 20px; } .footer-contact p { margin: 5px 0; } .footer-social { margin-top: 10px; } .footer-social a { margin: 0 10px; } .footer-social img { width: 24px; } .catalog { width: 100%; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .catalog h2 { text-align: center; margin-bottom: 20px; } .product-list { display: flex; flex-wrap: wrap; gap: 20px; } .product-card { display: flex; flex-grow: 1; flex-shrink: 1; flex-basis: calc(33.333% - 20px); box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } .product-image { width: 100%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .product-card h3 { margin: 0 0 10px; } .product-card p { margin: 0; } a { color: black; text-decoration: none; } .favorites { width: 80%; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .favorites h2 { text-align: center; margin-bottom: 20px; } .favorite-list { display: flex; flex-wrap: wrap; gap: 20px; } .favorite-card { flex-grow: 1; flex-shrink: 1; flex-basis: calc(33.333% - 20px); box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } .favorite-image { width: 100%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .favorite-card h3 { margin: 0 0 10px; } .favorite-card p { margin: 0; } `, "",{"version":3,"sources":["webpack://./src/App.css"],"names":[],"mappings":"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","sourcesContent":[".header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 20px;\n background-color: #fff;\n border-bottom: 1px solid #ccc;\n}\n\n.logo {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.logo-text {\n font-size: 24px;\n font-weight: bold;\n color: #333;\n}\n\n.nav {\n display: flex;\n align-items: center;\n}\n\n.menu-button {\n margin-right: 20px;\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n}\n\n.search input {\n padding: 5px 10px;\n margin-left: 200px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n.user-actions {\n display: flex;\n align-items: center;\n}\n\n.icon-button {\n background: none;\n border: none;\n font-size: 24px;\n margin-left: 10px;\n cursor: pointer;\n}\n\n/* src/App.css */\n.App {\n text-align: center;\n font-family: Arial, sans-serif;\n}\n\n.categories {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n}\n\n.category-card-link {\n text-decoration: none;\n color: black !important;\n}\n\n.category-card {\n position: relative;\n width: 400px;\n height: 300px;\n margin: 10px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.category-card:hover {\n transform: translateY(-5px);\n}\n\n.category-image {\n width: 100%;\n height: 60%;\n object-fit: cover;\n}\n\n.category-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n text-decoration: none;\n}\n\n.arrow {\n font-size: 20px;\n}\n\nh1 {\n display: flex;\n padding-left: 50px;\n padding-top: 50px;\n}\n\n.info-card {\n background-color: #f6f6f6;\n padding: 40px;\n margin: 40px auto;\n width: 80%;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n}\n\n.info-content {\n text-align: left;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.logo {\n font-size: 48px;\n color: #333;\n}\n\n.info-details {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n}\n\n.info-item {\n width: 30%;\n text-align: center;\n}\n\n.info-item h3 {\n margin-bottom: 10px;\n}\n\n.info-item p {\n margin: 0;\n}\n\n.info-button {\n margin-top: 20px;\n padding: 10px 20px;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.info-button:hover {\n background-color: #555;\n}\n\n\n\nfooter {\n background-color: #f8f9fa;\n padding: 20px;\n bottom: 0;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.footer-logo {\n flex: 1 1 100%;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.footer-logo img {\n max-width: 150px;\n}\n\n.footer-column {\n flex: 1 1 20%;\n margin-bottom: 20px;\n}\n\n.footer-column h4 {\n margin-bottom: 10px;\n}\n\n.footer-column ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-column ul li {\n margin-bottom: 5px;\n}\n\n.footer-column ul li a {\n text-decoration: none;\n color: #000;\n}\n\n.footer-column ul li a:hover {\n text-decoration: underline;\n}\n\n.footer-contact {\n text-align: center;\n margin-top: 20px;\n}\n\n.footer-contact p {\n margin: 5px 0;\n}\n\n.footer-social {\n margin-top: 10px;\n}\n\n.footer-social a {\n margin: 0 10px;\n}\n\n.footer-social img {\n width: 24px;\n}\n\n.catalog {\n width: 100%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.catalog h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.product-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.product-card {\n display: flex;\n flex: 1 1 calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.product-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.product-card h3 {\n margin: 0 0 10px;\n}\n\n.product-card p {\n margin: 0;\n}\n\na {\n color: black;\n text-decoration: none;\n}\n\n.favorites {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.favorites h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.favorite-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.favorite-card {\n flex: 1 1 calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.favorite-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.favorite-card h3 {\n margin: 0 0 10px;\n}\n\n.favorite-card p {\n margin: 0;\n}\n\n\n"],"sourceRoot":""}]); // Exports ___CSS_LOADER_EXPORT___.locals = {}; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("c6515c20ea47203aa894") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.f33bb71637407a201886.hot-update.js.mapA>{"version":3,"file":"main.f33bb71637407a201886.hot-update.js","mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC/VA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/App.css","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 20px;\n background-color: #fff;\n border-bottom: 1px solid #ccc;\n}\n\n.logo {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.logo-text {\n font-size: 24px;\n font-weight: bold;\n color: #333;\n}\n\n.nav {\n display: flex;\n align-items: center;\n}\n\n.menu-button {\n margin-right: 20px;\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n}\n\n.search input {\n padding: 5px 10px;\n margin-left: 200px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n.user-actions {\n display: flex;\n align-items: center;\n}\n\n.icon-button {\n background: none;\n border: none;\n font-size: 24px;\n margin-left: 10px;\n cursor: pointer;\n}\n\n/* src/App.css */\n.App {\n text-align: center;\n font-family: Arial, sans-serif;\n}\n\n.categories {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n}\n\n.category-card-link {\n text-decoration: none;\n color: black !important;\n}\n\n.category-card {\n position: relative;\n width: 400px;\n height: 300px;\n margin: 10px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.category-card:hover {\n transform: translateY(-5px);\n}\n\n.category-image {\n width: 100%;\n height: 60%;\n object-fit: cover;\n}\n\n.category-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n text-decoration: none;\n}\n\n.arrow {\n font-size: 20px;\n}\n\nh1 {\n display: flex;\n padding-left: 50px;\n padding-top: 50px;\n}\n\n.info-card {\n background-color: #f6f6f6;\n padding: 40px;\n margin: 40px auto;\n width: 80%;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n}\n\n.info-content {\n text-align: left;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.logo {\n font-size: 48px;\n color: #333;\n}\n\n.info-details {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n}\n\n.info-item {\n width: 30%;\n text-align: center;\n}\n\n.info-item h3 {\n margin-bottom: 10px;\n}\n\n.info-item p {\n margin: 0;\n}\n\n.info-button {\n margin-top: 20px;\n padding: 10px 20px;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.info-button:hover {\n background-color: #555;\n}\n\n\n\nfooter {\n background-color: #f8f9fa;\n padding: 20px;\n bottom: 0;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.footer-logo {\n flex: 1 1 100%;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.footer-logo img {\n max-width: 150px;\n}\n\n.footer-column {\n flex: 1 1 20%;\n margin-bottom: 20px;\n}\n\n.footer-column h4 {\n margin-bottom: 10px;\n}\n\n.footer-column ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-column ul li {\n margin-bottom: 5px;\n}\n\n.footer-column ul li a {\n text-decoration: none;\n color: #000;\n}\n\n.footer-column ul li a:hover {\n text-decoration: underline;\n}\n\n.footer-contact {\n text-align: center;\n margin-top: 20px;\n}\n\n.footer-contact p {\n margin: 5px 0;\n}\n\n.footer-social {\n margin-top: 10px;\n}\n\n.footer-social a {\n margin: 0 10px;\n}\n\n.footer-social img {\n width: 24px;\n}\n\n.catalog {\n width: 100%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.catalog h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.product-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.product-card {\n display: flex;\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.product-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.product-card h3 {\n margin: 0 0 10px;\n}\n\n.product-card p {\n margin: 0;\n}\n\na {\n color: black;\n text-decoration: none;\n}\n\n.favorites {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.favorites h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.favorite-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.favorite-card {\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.favorite-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.favorite-card h3 {\n margin: 0 0 10px;\n}\n\n.favorite-card p {\n margin: 0;\n}\n\n\n`, \"\",{\"version\":3,\"sources\":[\"webpack://./src/App.css\"],\"names\":[],\"mappings\":\"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\",\"sourcesContent\":[\".header {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: 10px 20px;\\n background-color: #fff;\\n border-bottom: 1px solid #ccc;\\n}\\n\\n.logo {\\n display: flex;\\n align-items: center;\\n padding: 0;\\n}\\n\\n.logo-text {\\n font-size: 24px;\\n font-weight: bold;\\n color: #333;\\n}\\n\\n.nav {\\n display: flex;\\n align-items: center;\\n}\\n\\n.menu-button {\\n margin-right: 20px;\\n background: none;\\n border: none;\\n font-size: 18px;\\n cursor: pointer;\\n}\\n\\n.search input {\\n padding: 5px 10px;\\n margin-left: 200px;\\n font-size: 16px;\\n border: 1px solid #ccc;\\n border-radius: 4px;\\n}\\n\\n.user-actions {\\n display: flex;\\n align-items: center;\\n}\\n\\n.icon-button {\\n background: none;\\n border: none;\\n font-size: 24px;\\n margin-left: 10px;\\n cursor: pointer;\\n}\\n\\n/* src/App.css */\\n.App {\\n text-align: center;\\n font-family: Arial, sans-serif;\\n}\\n\\n.categories {\\n display: flex;\\n justify-content: space-around;\\n flex-wrap: wrap;\\n margin-top: 20px;\\n}\\n\\n.category-card-link {\\n text-decoration: none;\\n color: black !important;\\n}\\n\\n.category-card {\\n position: relative;\\n width: 400px;\\n height: 300px;\\n margin: 10px;\\n overflow: hidden;\\n border-radius: 10px;\\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\\n transition: transform 0.3s ease;\\n}\\n\\n.category-card:hover {\\n transform: translateY(-5px);\\n}\\n\\n.category-image {\\n width: 100%;\\n height: 60%;\\n object-fit: cover;\\n}\\n\\n.category-info {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: 10px;\\n text-decoration: none;\\n}\\n\\n.arrow {\\n font-size: 20px;\\n}\\n\\nh1 {\\n display: flex;\\n padding-left: 50px;\\n padding-top: 50px;\\n}\\n\\n.info-card {\\n background-color: #f6f6f6;\\n padding: 40px;\\n margin: 40px auto;\\n width: 80%;\\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\\n border-radius: 10px;\\n}\\n\\n.info-content {\\n text-align: left;\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n}\\n\\n.logo {\\n font-size: 48px;\\n color: #333;\\n}\\n\\n.info-details {\\n display: flex;\\n justify-content: space-between;\\n width: 100%;\\n margin-top: 20px;\\n}\\n\\n.info-item {\\n width: 30%;\\n text-align: center;\\n}\\n\\n.info-item h3 {\\n margin-bottom: 10px;\\n}\\n\\n.info-item p {\\n margin: 0;\\n}\\n\\n.info-button {\\n margin-top: 20px;\\n padding: 10px 20px;\\n background-color: #333;\\n color: #fff;\\n border: none;\\n border-radius: 5px;\\n cursor: pointer;\\n font-size: 16px;\\n}\\n\\n.info-button:hover {\\n background-color: #555;\\n}\\n\\n\\n\\nfooter {\\n background-color: #f8f9fa;\\n padding: 20px;\\n bottom: 0;\\n}\\n\\n.footer-content {\\n display: flex;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n\\n.footer-logo {\\n flex: 1 1 100%;\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.footer-logo img {\\n max-width: 150px;\\n}\\n\\n.footer-column {\\n flex: 1 1 20%;\\n margin-bottom: 20px;\\n}\\n\\n.footer-column h4 {\\n margin-bottom: 10px;\\n}\\n\\n.footer-column ul {\\n list-style: none;\\n padding: 0;\\n}\\n\\n.footer-column ul li {\\n margin-bottom: 5px;\\n}\\n\\n.footer-column ul li a {\\n text-decoration: none;\\n color: #000;\\n}\\n\\n.footer-column ul li a:hover {\\n text-decoration: underline;\\n}\\n\\n.footer-contact {\\n text-align: center;\\n margin-top: 20px;\\n}\\n\\n.footer-contact p {\\n margin: 5px 0;\\n}\\n\\n.footer-social {\\n margin-top: 10px;\\n}\\n\\n.footer-social a {\\n margin: 0 10px;\\n}\\n\\n.footer-social img {\\n width: 24px;\\n}\\n\\n.catalog {\\n width: 100%;\\n margin: 0 auto;\\n padding: 20px;\\n background-color: #f9f9f9;\\n border-radius: 8px;\\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\\n}\\n\\n.catalog h2 {\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.product-list {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 20px;\\n}\\n\\n.product-card {\\n display: flex;\\n flex: 1 1 calc(33.333% - 20px);\\n box-sizing: border-box;\\n padding: 20px;\\n background-color: #fff;\\n border-radius: 8px;\\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\\n text-align: center;\\n}\\n\\n.product-image {\\n width: 100%;\\n height: auto;\\n object-fit: cover;\\n border-radius: 8px;\\n margin-bottom: 10px;\\n}\\n\\n.product-card h3 {\\n margin: 0 0 10px;\\n}\\n\\n.product-card p {\\n margin: 0;\\n}\\n\\na {\\n color: black;\\n text-decoration: none;\\n}\\n\\n.favorites {\\n width: 80%;\\n margin: 0 auto;\\n padding: 20px;\\n background-color: #f9f9f9;\\n border-radius: 8px;\\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\\n}\\n\\n.favorites h2 {\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.favorite-list {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 20px;\\n}\\n\\n.favorite-card {\\n flex: 1 1 calc(33.333% - 20px);\\n box-sizing: border-box;\\n padding: 20px;\\n background-color: #fff;\\n border-radius: 8px;\\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\\n text-align: center;\\n}\\n\\n.favorite-image {\\n width: 100%;\\n height: auto;\\n object-fit: cover;\\n border-radius: 8px;\\n margin-bottom: 10px;\\n}\\n\\n.favorite-card h3 {\\n margin: 0 0 10px;\\n}\\n\\n.favorite-card p {\\n margin: 0;\\n}\\n\\n\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {};\nexport default ___CSS_LOADER_EXPORT___;\n","__webpack_require__.h = () => (\"c6515c20ea47203aa894\")"],"names":[],"sourceRoot":""}��`��main.c6515c20ea47203aa894.hot-update.js�main.c6515c20ea47203aa894.hot-update.js.map(<"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css": /*!****************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css ***! \****************************************************************************************************************************************************************************************************************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__); // Imports var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default())); // Module ___CSS_LOADER_EXPORT___.push([module.id, `.header { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background-color: #fff; border-bottom: 1px solid #ccc; } .logo { display: flex; align-items: center; padding: 0; } .logo-text { font-size: 24px; font-weight: bold; color: #333; } .nav { display: flex; align-items: center; } .menu-button { margin-right: 20px; background: none; border: none; font-size: 18px; cursor: pointer; } .search input { padding: 5px 10px; margin-left: 200px; font-size: 16px; border: 1px solid #ccc; border-radius: 4px; } .user-actions { display: flex; align-items: center; } .icon-button { background: none; border: none; font-size: 24px; margin-left: 10px; cursor: pointer; } /* src/App.css */ .App { text-align: center; font-family: Arial, sans-serif; } .categories { display: flex; justify-content: space-around; flex-wrap: wrap; margin-top: 20px; } .category-card-link { text-decoration: none; color: black !important; } .category-card { position: relative; width: 400px; height: 300px; margin: 10px; overflow: hidden; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; } .category-card:hover { transform: translateY(-5px); } .category-image { width: 100%; height: 60%; object-fit: cover; } .category-info { display: flex; justify-content: space-between; align-items: center; padding: 10px; text-decoration: none; } .arrow { font-size: 20px; } h1 { display: flex; padding-left: 50px; padding-top: 50px; } .info-card { background-color: #f6f6f6; padding: 40px; margin: 40px auto; width: 80%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 10px; } .info-content { text-align: left; display: flex; flex-direction: column; align-items: center; } .logo { font-size: 48px; color: #333; } .info-details { display: flex; justify-content: space-between; width: 100%; margin-top: 20px; } .info-item { width: 30%; text-align: center; } .info-item h3 { margin-bottom: 10px; } .info-item p { margin: 0; } .info-button { margin-top: 20px; padding: 10px 20px; background-color: #333; color: #fff; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; } .info-button:hover { background-color: #555; } footer { background-color: #f8f9fa; padding: 20px; bottom: 0; } .footer-content { display: flex; justify-content: space-between; flex-wrap: wrap; } .footer-logo { flex: 1 1 100%; text-align: center; margin-bottom: 20px; } .footer-logo img { max-width: 150px; } .footer-column { flex: 1 1 20%; margin-bottom: 20px; } .footer-column h4 { margin-bottom: 10px; } .footer-column ul { list-style: none; padding: 0; } .footer-column ul li { margin-bottom: 5px; } .footer-column ul li a { text-decoration: none; color: #000; } .footer-column ul li a:hover { text-decoration: underline; } .footer-contact { text-align: center; margin-top: 20px; } .footer-contact p { margin: 5px 0; } .footer-social { margin-top: 10px; } .footer-social a { margin: 0 10px; } .footer-social img { width: 24px; } .catalog { width: 100%; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .catalog h2 { text-align: center; margin-bottom: 20px; } .product-list { display: flex; flex-wrap: wrap; gap: 20px; } .product-card { display: flex; flex-grow: 1; flex-shrink: 1; flex-basis: calc(33.333% - 20px); box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; width: 50%; } .product-image { width: 100%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .product-card h3 { margin: 0 0 10px; } .product-card p { margin: 0; } a { color: black; text-decoration: none; } .favorites { width: 80%; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .favorites h2 { text-align: center; margin-bottom: 20px; } .favorite-list { display: flex; flex-wrap: wrap; gap: 20px; } .favorite-card { flex-grow: 1; flex-shrink: 1; flex-basis: calc(33.333% - 20px); box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } .favorite-image { width: 100%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .favorite-card h3 { margin: 0 0 10px; } .favorite-card p { margin: 0; } `, "",{"version":3,"sources":["webpack://./src/App.css"],"names":[],"mappings":"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","sourcesContent":[".header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 20px;\n background-color: #fff;\n border-bottom: 1px solid #ccc;\n}\n\n.logo {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.logo-text {\n font-size: 24px;\n font-weight: bold;\n color: #333;\n}\n\n.nav {\n display: flex;\n align-items: center;\n}\n\n.menu-button {\n margin-right: 20px;\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n}\n\n.search input {\n padding: 5px 10px;\n margin-left: 200px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n.user-actions {\n display: flex;\n align-items: center;\n}\n\n.icon-button {\n background: none;\n border: none;\n font-size: 24px;\n margin-left: 10px;\n cursor: pointer;\n}\n\n/* src/App.css */\n.App {\n text-align: center;\n font-family: Arial, sans-serif;\n}\n\n.categories {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n}\n\n.category-card-link {\n text-decoration: none;\n color: black !important;\n}\n\n.category-card {\n position: relative;\n width: 400px;\n height: 300px;\n margin: 10px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.category-card:hover {\n transform: translateY(-5px);\n}\n\n.category-image {\n width: 100%;\n height: 60%;\n object-fit: cover;\n}\n\n.category-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n text-decoration: none;\n}\n\n.arrow {\n font-size: 20px;\n}\n\nh1 {\n display: flex;\n padding-left: 50px;\n padding-top: 50px;\n}\n\n.info-card {\n background-color: #f6f6f6;\n padding: 40px;\n margin: 40px auto;\n width: 80%;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n}\n\n.info-content {\n text-align: left;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.logo {\n font-size: 48px;\n color: #333;\n}\n\n.info-details {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n}\n\n.info-item {\n width: 30%;\n text-align: center;\n}\n\n.info-item h3 {\n margin-bottom: 10px;\n}\n\n.info-item p {\n margin: 0;\n}\n\n.info-button {\n margin-top: 20px;\n padding: 10px 20px;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.info-button:hover {\n background-color: #555;\n}\n\n\n\nfooter {\n background-color: #f8f9fa;\n padding: 20px;\n bottom: 0;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.footer-logo {\n flex: 1 1 100%;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.footer-logo img {\n max-width: 150px;\n}\n\n.footer-column {\n flex: 1 1 20%;\n margin-bottom: 20px;\n}\n\n.footer-column h4 {\n margin-bottom: 10px;\n}\n\n.footer-column ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-column ul li {\n margin-bottom: 5px;\n}\n\n.footer-column ul li a {\n text-decoration: none;\n color: #000;\n}\n\n.footer-column ul li a:hover {\n text-decoration: underline;\n}\n\n.footer-contact {\n text-align: center;\n margin-top: 20px;\n}\n\n.footer-contact p {\n margin: 5px 0;\n}\n\n.footer-social {\n margin-top: 10px;\n}\n\n.footer-social a {\n margin: 0 10px;\n}\n\n.footer-social img {\n width: 24px;\n}\n\n.catalog {\n width: 100%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.catalog h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.product-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.product-card {\n display: flex;\n flex: 1 1 calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n width: 50%;\n}\n\n.product-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.product-card h3 {\n margin: 0 0 10px;\n}\n\n.product-card p {\n margin: 0;\n}\n\na {\n color: black;\n text-decoration: none;\n}\n\n.favorites {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.favorites h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.favorite-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.favorite-card {\n flex: 1 1 calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.favorite-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.favorite-card h3 {\n margin: 0 0 10px;\n}\n\n.favorite-card p {\n margin: 0;\n}\n\n\n"],"sourceRoot":""}]); // Exports ___CSS_LOADER_EXPORT___.locals = {}; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("b076acba8e64868a2ecf") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.c6515c20ea47203aa894.hot-update.js.mapo>{"version":3,"file":"main.c6515c20ea47203aa894.hot-update.js","mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AChWA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/App.css","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 20px;\n background-color: #fff;\n border-bottom: 1px solid #ccc;\n}\n\n.logo {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.logo-text {\n font-size: 24px;\n font-weight: bold;\n color: #333;\n}\n\n.nav {\n display: flex;\n align-items: center;\n}\n\n.menu-button {\n margin-right: 20px;\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n}\n\n.search input {\n padding: 5px 10px;\n margin-left: 200px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n.user-actions {\n display: flex;\n align-items: center;\n}\n\n.icon-button {\n background: none;\n border: none;\n font-size: 24px;\n margin-left: 10px;\n cursor: pointer;\n}\n\n/* src/App.css */\n.App {\n text-align: center;\n font-family: Arial, sans-serif;\n}\n\n.categories {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n}\n\n.category-card-link {\n text-decoration: none;\n color: black !important;\n}\n\n.category-card {\n position: relative;\n width: 400px;\n height: 300px;\n margin: 10px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.category-card:hover {\n transform: translateY(-5px);\n}\n\n.category-image {\n width: 100%;\n height: 60%;\n object-fit: cover;\n}\n\n.category-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n text-decoration: none;\n}\n\n.arrow {\n font-size: 20px;\n}\n\nh1 {\n display: flex;\n padding-left: 50px;\n padding-top: 50px;\n}\n\n.info-card {\n background-color: #f6f6f6;\n padding: 40px;\n margin: 40px auto;\n width: 80%;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n}\n\n.info-content {\n text-align: left;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.logo {\n font-size: 48px;\n color: #333;\n}\n\n.info-details {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n}\n\n.info-item {\n width: 30%;\n text-align: center;\n}\n\n.info-item h3 {\n margin-bottom: 10px;\n}\n\n.info-item p {\n margin: 0;\n}\n\n.info-button {\n margin-top: 20px;\n padding: 10px 20px;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.info-button:hover {\n background-color: #555;\n}\n\n\n\nfooter {\n background-color: #f8f9fa;\n padding: 20px;\n bottom: 0;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.footer-logo {\n flex: 1 1 100%;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.footer-logo img {\n max-width: 150px;\n}\n\n.footer-column {\n flex: 1 1 20%;\n margin-bottom: 20px;\n}\n\n.footer-column h4 {\n margin-bottom: 10px;\n}\n\n.footer-column ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-column ul li {\n margin-bottom: 5px;\n}\n\n.footer-column ul li a {\n text-decoration: none;\n color: #000;\n}\n\n.footer-column ul li a:hover {\n text-decoration: underline;\n}\n\n.footer-contact {\n text-align: center;\n margin-top: 20px;\n}\n\n.footer-contact p {\n margin: 5px 0;\n}\n\n.footer-social {\n margin-top: 10px;\n}\n\n.footer-social a {\n margin: 0 10px;\n}\n\n.footer-social img {\n width: 24px;\n}\n\n.catalog {\n width: 100%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.catalog h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.product-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.product-card {\n display: flex;\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n width: 50%;\n}\n\n.product-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.product-card h3 {\n margin: 0 0 10px;\n}\n\n.product-card p {\n margin: 0;\n}\n\na {\n color: black;\n text-decoration: none;\n}\n\n.favorites {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.favorites h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.favorite-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.favorite-card {\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.favorite-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.favorite-card h3 {\n margin: 0 0 10px;\n}\n\n.favorite-card p {\n margin: 0;\n}\n\n\n`, \"\",{\"version\":3,\"sources\":[\"webpack://./src/App.css\"],\"names\":[],\"mappings\":\"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\",\"sourcesContent\":[\".header {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: 10px 20px;\\n background-color: #fff;\\n border-bottom: 1px solid #ccc;\\n}\\n\\n.logo {\\n display: flex;\\n align-items: center;\\n padding: 0;\\n}\\n\\n.logo-text {\\n font-size: 24px;\\n font-weight: bold;\\n color: #333;\\n}\\n\\n.nav {\\n display: flex;\\n align-items: center;\\n}\\n\\n.menu-button {\\n margin-right: 20px;\\n background: none;\\n border: none;\\n font-size: 18px;\\n cursor: pointer;\\n}\\n\\n.search input {\\n padding: 5px 10px;\\n margin-left: 200px;\\n font-size: 16px;\\n border: 1px solid #ccc;\\n border-radius: 4px;\\n}\\n\\n.user-actions {\\n display: flex;\\n align-items: center;\\n}\\n\\n.icon-button {\\n background: none;\\n border: none;\\n font-size: 24px;\\n margin-left: 10px;\\n cursor: pointer;\\n}\\n\\n/* src/App.css */\\n.App {\\n text-align: center;\\n font-family: Arial, sans-serif;\\n}\\n\\n.categories {\\n display: flex;\\n justify-content: space-around;\\n flex-wrap: wrap;\\n margin-top: 20px;\\n}\\n\\n.category-card-link {\\n text-decoration: none;\\n color: black !important;\\n}\\n\\n.category-card {\\n position: relative;\\n width: 400px;\\n height: 300px;\\n margin: 10px;\\n overflow: hidden;\\n border-radius: 10px;\\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\\n transition: transform 0.3s ease;\\n}\\n\\n.category-card:hover {\\n transform: translateY(-5px);\\n}\\n\\n.category-image {\\n width: 100%;\\n height: 60%;\\n object-fit: cover;\\n}\\n\\n.category-info {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: 10px;\\n text-decoration: none;\\n}\\n\\n.arrow {\\n font-size: 20px;\\n}\\n\\nh1 {\\n display: flex;\\n padding-left: 50px;\\n padding-top: 50px;\\n}\\n\\n.info-card {\\n background-color: #f6f6f6;\\n padding: 40px;\\n margin: 40px auto;\\n width: 80%;\\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\\n border-radius: 10px;\\n}\\n\\n.info-content {\\n text-align: left;\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n}\\n\\n.logo {\\n font-size: 48px;\\n color: #333;\\n}\\n\\n.info-details {\\n display: flex;\\n justify-content: space-between;\\n width: 100%;\\n margin-top: 20px;\\n}\\n\\n.info-item {\\n width: 30%;\\n text-align: center;\\n}\\n\\n.info-item h3 {\\n margin-bottom: 10px;\\n}\\n\\n.info-item p {\\n margin: 0;\\n}\\n\\n.info-button {\\n margin-top: 20px;\\n padding: 10px 20px;\\n background-color: #333;\\n color: #fff;\\n border: none;\\n border-radius: 5px;\\n cursor: pointer;\\n font-size: 16px;\\n}\\n\\n.info-button:hover {\\n background-color: #555;\\n}\\n\\n\\n\\nfooter {\\n background-color: #f8f9fa;\\n padding: 20px;\\n bottom: 0;\\n}\\n\\n.footer-content {\\n display: flex;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n\\n.footer-logo {\\n flex: 1 1 100%;\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.footer-logo img {\\n max-width: 150px;\\n}\\n\\n.footer-column {\\n flex: 1 1 20%;\\n margin-bottom: 20px;\\n}\\n\\n.footer-column h4 {\\n margin-bottom: 10px;\\n}\\n\\n.footer-column ul {\\n list-style: none;\\n padding: 0;\\n}\\n\\n.footer-column ul li {\\n margin-bottom: 5px;\\n}\\n\\n.footer-column ul li a {\\n text-decoration: none;\\n color: #000;\\n}\\n\\n.footer-column ul li a:hover {\\n text-decoration: underline;\\n}\\n\\n.footer-contact {\\n text-align: center;\\n margin-top: 20px;\\n}\\n\\n.footer-contact p {\\n margin: 5px 0;\\n}\\n\\n.footer-social {\\n margin-top: 10px;\\n}\\n\\n.footer-social a {\\n margin: 0 10px;\\n}\\n\\n.footer-social img {\\n width: 24px;\\n}\\n\\n.catalog {\\n width: 100%;\\n margin: 0 auto;\\n padding: 20px;\\n background-color: #f9f9f9;\\n border-radius: 8px;\\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\\n}\\n\\n.catalog h2 {\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.product-list {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 20px;\\n}\\n\\n.product-card {\\n display: flex;\\n flex: 1 1 calc(33.333% - 20px);\\n box-sizing: border-box;\\n padding: 20px;\\n background-color: #fff;\\n border-radius: 8px;\\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\\n text-align: center;\\n width: 50%;\\n}\\n\\n.product-image {\\n width: 100%;\\n height: auto;\\n object-fit: cover;\\n border-radius: 8px;\\n margin-bottom: 10px;\\n}\\n\\n.product-card h3 {\\n margin: 0 0 10px;\\n}\\n\\n.product-card p {\\n margin: 0;\\n}\\n\\na {\\n color: black;\\n text-decoration: none;\\n}\\n\\n.favorites {\\n width: 80%;\\n margin: 0 auto;\\n padding: 20px;\\n background-color: #f9f9f9;\\n border-radius: 8px;\\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\\n}\\n\\n.favorites h2 {\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.favorite-list {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 20px;\\n}\\n\\n.favorite-card {\\n flex: 1 1 calc(33.333% - 20px);\\n box-sizing: border-box;\\n padding: 20px;\\n background-color: #fff;\\n border-radius: 8px;\\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\\n text-align: center;\\n}\\n\\n.favorite-image {\\n width: 100%;\\n height: auto;\\n object-fit: cover;\\n border-radius: 8px;\\n margin-bottom: 10px;\\n}\\n\\n.favorite-card h3 {\\n margin: 0 0 10px;\\n}\\n\\n.favorite-card p {\\n margin: 0;\\n}\\n\\n\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {};\nexport default ___CSS_LOADER_EXPORT___;\n","__webpack_require__.h = () => (\"b076acba8e64868a2ecf\")"],"names":[],"sourceRoot":""}��`��main.b076acba8e64868a2ecf.hot-update.js�main.b076acba8e64868a2ecf.hot-update.js.map(<"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css": /*!****************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css ***! \****************************************************************************************************************************************************************************************************************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__); // Imports var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default())); // Module ___CSS_LOADER_EXPORT___.push([module.id, `.header { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background-color: #fff; border-bottom: 1px solid #ccc; } .logo { display: flex; align-items: center; padding: 0; } .logo-text { font-size: 24px; font-weight: bold; color: #333; } .nav { display: flex; align-items: center; } .menu-button { margin-right: 20px; background: none; border: none; font-size: 18px; cursor: pointer; } .search input { padding: 5px 10px; margin-left: 200px; font-size: 16px; border: 1px solid #ccc; border-radius: 4px; } .user-actions { display: flex; align-items: center; } .icon-button { background: none; border: none; font-size: 24px; margin-left: 10px; cursor: pointer; } /* src/App.css */ .App { text-align: center; font-family: Arial, sans-serif; } .categories { display: flex; justify-content: space-around; flex-wrap: wrap; margin-top: 20px; } .category-card-link { text-decoration: none; color: black !important; } .category-card { position: relative; width: 400px; height: 300px; margin: 10px; overflow: hidden; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; } .category-card:hover { transform: translateY(-5px); } .category-image { width: 100%; height: 60%; object-fit: cover; } .category-info { display: flex; justify-content: space-between; align-items: center; padding: 10px; text-decoration: none; } .arrow { font-size: 20px; } h1 { display: flex; padding-left: 50px; padding-top: 50px; } .info-card { background-color: #f6f6f6; padding: 40px; margin: 40px auto; width: 80%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 10px; } .info-content { text-align: left; display: flex; flex-direction: column; align-items: center; } .logo { font-size: 48px; color: #333; } .info-details { display: flex; justify-content: space-between; width: 100%; margin-top: 20px; } .info-item { width: 30%; text-align: center; } .info-item h3 { margin-bottom: 10px; } .info-item p { margin: 0; } .info-button { margin-top: 20px; padding: 10px 20px; background-color: #333; color: #fff; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; } .info-button:hover { background-color: #555; } footer { background-color: #f8f9fa; padding: 20px; bottom: 0; } .footer-content { display: flex; justify-content: space-between; flex-wrap: wrap; } .footer-logo { flex: 1 1 100%; text-align: center; margin-bottom: 20px; } .footer-logo img { max-width: 150px; } .footer-column { flex: 1 1 20%; margin-bottom: 20px; } .footer-column h4 { margin-bottom: 10px; } .footer-column ul { list-style: none; padding: 0; } .footer-column ul li { margin-bottom: 5px; } .footer-column ul li a { text-decoration: none; color: #000; } .footer-column ul li a:hover { text-decoration: underline; } .footer-contact { text-align: center; margin-top: 20px; } .footer-contact p { margin: 5px 0; } .footer-social { margin-top: 10px; } .footer-social a { margin: 0 10px; } .footer-social img { width: 24px; } .catalog { width: 100%; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .catalog h2 { text-align: center; margin-bottom: 20px; } .product-list { display: flex; flex-wrap: wrap; gap: 20px; } .product-card { display: flex; flex-grow: 1; flex-shrink: 1; flex-basis: calc(33.333% - 20px); width: 50%; box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } .product-image { width: 100%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .product-card h3 { margin: 0 0 10px; } .product-card p { margin: 0; } a { color: black; text-decoration: none; } .favorites { width: 80%; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .favorites h2 { text-align: center; margin-bottom: 20px; } .favorite-list { display: flex; flex-wrap: wrap; gap: 20px; } .favorite-card { flex-grow: 1; flex-shrink: 1; flex-basis: calc(33.333% - 20px); box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } .favorite-image { width: 100%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .favorite-card h3 { margin: 0 0 10px; } .favorite-card p { margin: 0; } `, "",{"version":3,"sources":["webpack://./src/App.css"],"names":[],"mappings":"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","sourcesContent":[".header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 20px;\n background-color: #fff;\n border-bottom: 1px solid #ccc;\n}\n\n.logo {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.logo-text {\n font-size: 24px;\n font-weight: bold;\n color: #333;\n}\n\n.nav {\n display: flex;\n align-items: center;\n}\n\n.menu-button {\n margin-right: 20px;\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n}\n\n.search input {\n padding: 5px 10px;\n margin-left: 200px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n.user-actions {\n display: flex;\n align-items: center;\n}\n\n.icon-button {\n background: none;\n border: none;\n font-size: 24px;\n margin-left: 10px;\n cursor: pointer;\n}\n\n/* src/App.css */\n.App {\n text-align: center;\n font-family: Arial, sans-serif;\n}\n\n.categories {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n}\n\n.category-card-link {\n text-decoration: none;\n color: black !important;\n}\n\n.category-card {\n position: relative;\n width: 400px;\n height: 300px;\n margin: 10px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.category-card:hover {\n transform: translateY(-5px);\n}\n\n.category-image {\n width: 100%;\n height: 60%;\n object-fit: cover;\n}\n\n.category-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n text-decoration: none;\n}\n\n.arrow {\n font-size: 20px;\n}\n\nh1 {\n display: flex;\n padding-left: 50px;\n padding-top: 50px;\n}\n\n.info-card {\n background-color: #f6f6f6;\n padding: 40px;\n margin: 40px auto;\n width: 80%;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n}\n\n.info-content {\n text-align: left;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.logo {\n font-size: 48px;\n color: #333;\n}\n\n.info-details {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n}\n\n.info-item {\n width: 30%;\n text-align: center;\n}\n\n.info-item h3 {\n margin-bottom: 10px;\n}\n\n.info-item p {\n margin: 0;\n}\n\n.info-button {\n margin-top: 20px;\n padding: 10px 20px;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.info-button:hover {\n background-color: #555;\n}\n\n\n\nfooter {\n background-color: #f8f9fa;\n padding: 20px;\n bottom: 0;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.footer-logo {\n flex: 1 1 100%;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.footer-logo img {\n max-width: 150px;\n}\n\n.footer-column {\n flex: 1 1 20%;\n margin-bottom: 20px;\n}\n\n.footer-column h4 {\n margin-bottom: 10px;\n}\n\n.footer-column ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-column ul li {\n margin-bottom: 5px;\n}\n\n.footer-column ul li a {\n text-decoration: none;\n color: #000;\n}\n\n.footer-column ul li a:hover {\n text-decoration: underline;\n}\n\n.footer-contact {\n text-align: center;\n margin-top: 20px;\n}\n\n.footer-contact p {\n margin: 5px 0;\n}\n\n.footer-social {\n margin-top: 10px;\n}\n\n.footer-social a {\n margin: 0 10px;\n}\n\n.footer-social img {\n width: 24px;\n}\n\n.catalog {\n width: 100%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.catalog h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.product-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.product-card {\n display: flex;\n flex: 1 1 calc(33.333% - 20px);\n width: 50%;\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.product-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.product-card h3 {\n margin: 0 0 10px;\n}\n\n.product-card p {\n margin: 0;\n}\n\na {\n color: black;\n text-decoration: none;\n}\n\n.favorites {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.favorites h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.favorite-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.favorite-card {\n flex: 1 1 calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.favorite-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.favorite-card h3 {\n margin: 0 0 10px;\n}\n\n.favorite-card p {\n margin: 0;\n}\n\n\n"],"sourceRoot":""}]); // Exports ___CSS_LOADER_EXPORT___.locals = {}; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("33bc08dee868e5766feb") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.b076acba8e64868a2ecf.hot-update.js.mapo>{"version":3,"file":"main.b076acba8e64868a2ecf.hot-update.js","mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AChWA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/App.css","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 20px;\n background-color: #fff;\n border-bottom: 1px solid #ccc;\n}\n\n.logo {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.logo-text {\n font-size: 24px;\n font-weight: bold;\n color: #333;\n}\n\n.nav {\n display: flex;\n align-items: center;\n}\n\n.menu-button {\n margin-right: 20px;\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n}\n\n.search input {\n padding: 5px 10px;\n margin-left: 200px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n.user-actions {\n display: flex;\n align-items: center;\n}\n\n.icon-button {\n background: none;\n border: none;\n font-size: 24px;\n margin-left: 10px;\n cursor: pointer;\n}\n\n/* src/App.css */\n.App {\n text-align: center;\n font-family: Arial, sans-serif;\n}\n\n.categories {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n}\n\n.category-card-link {\n text-decoration: none;\n color: black !important;\n}\n\n.category-card {\n position: relative;\n width: 400px;\n height: 300px;\n margin: 10px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.category-card:hover {\n transform: translateY(-5px);\n}\n\n.category-image {\n width: 100%;\n height: 60%;\n object-fit: cover;\n}\n\n.category-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n text-decoration: none;\n}\n\n.arrow {\n font-size: 20px;\n}\n\nh1 {\n display: flex;\n padding-left: 50px;\n padding-top: 50px;\n}\n\n.info-card {\n background-color: #f6f6f6;\n padding: 40px;\n margin: 40px auto;\n width: 80%;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n}\n\n.info-content {\n text-align: left;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.logo {\n font-size: 48px;\n color: #333;\n}\n\n.info-details {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n}\n\n.info-item {\n width: 30%;\n text-align: center;\n}\n\n.info-item h3 {\n margin-bottom: 10px;\n}\n\n.info-item p {\n margin: 0;\n}\n\n.info-button {\n margin-top: 20px;\n padding: 10px 20px;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.info-button:hover {\n background-color: #555;\n}\n\n\n\nfooter {\n background-color: #f8f9fa;\n padding: 20px;\n bottom: 0;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.footer-logo {\n flex: 1 1 100%;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.footer-logo img {\n max-width: 150px;\n}\n\n.footer-column {\n flex: 1 1 20%;\n margin-bottom: 20px;\n}\n\n.footer-column h4 {\n margin-bottom: 10px;\n}\n\n.footer-column ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-column ul li {\n margin-bottom: 5px;\n}\n\n.footer-column ul li a {\n text-decoration: none;\n color: #000;\n}\n\n.footer-column ul li a:hover {\n text-decoration: underline;\n}\n\n.footer-contact {\n text-align: center;\n margin-top: 20px;\n}\n\n.footer-contact p {\n margin: 5px 0;\n}\n\n.footer-social {\n margin-top: 10px;\n}\n\n.footer-social a {\n margin: 0 10px;\n}\n\n.footer-social img {\n width: 24px;\n}\n\n.catalog {\n width: 100%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.catalog h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.product-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.product-card {\n display: flex;\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(33.333% - 20px);\n width: 50%;\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.product-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.product-card h3 {\n margin: 0 0 10px;\n}\n\n.product-card p {\n margin: 0;\n}\n\na {\n color: black;\n text-decoration: none;\n}\n\n.favorites {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.favorites h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.favorite-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.favorite-card {\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.favorite-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.favorite-card h3 {\n margin: 0 0 10px;\n}\n\n.favorite-card p {\n margin: 0;\n}\n\n\n`, \"\",{\"version\":3,\"sources\":[\"webpack://./src/App.css\"],\"names\":[],\"mappings\":\"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\",\"sourcesContent\":[\".header {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: 10px 20px;\\n background-color: #fff;\\n border-bottom: 1px solid #ccc;\\n}\\n\\n.logo {\\n display: flex;\\n align-items: center;\\n padding: 0;\\n}\\n\\n.logo-text {\\n font-size: 24px;\\n font-weight: bold;\\n color: #333;\\n}\\n\\n.nav {\\n display: flex;\\n align-items: center;\\n}\\n\\n.menu-button {\\n margin-right: 20px;\\n background: none;\\n border: none;\\n font-size: 18px;\\n cursor: pointer;\\n}\\n\\n.search input {\\n padding: 5px 10px;\\n margin-left: 200px;\\n font-size: 16px;\\n border: 1px solid #ccc;\\n border-radius: 4px;\\n}\\n\\n.user-actions {\\n display: flex;\\n align-items: center;\\n}\\n\\n.icon-button {\\n background: none;\\n border: none;\\n font-size: 24px;\\n margin-left: 10px;\\n cursor: pointer;\\n}\\n\\n/* src/App.css */\\n.App {\\n text-align: center;\\n font-family: Arial, sans-serif;\\n}\\n\\n.categories {\\n display: flex;\\n justify-content: space-around;\\n flex-wrap: wrap;\\n margin-top: 20px;\\n}\\n\\n.category-card-link {\\n text-decoration: none;\\n color: black !important;\\n}\\n\\n.category-card {\\n position: relative;\\n width: 400px;\\n height: 300px;\\n margin: 10px;\\n overflow: hidden;\\n border-radius: 10px;\\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\\n transition: transform 0.3s ease;\\n}\\n\\n.category-card:hover {\\n transform: translateY(-5px);\\n}\\n\\n.category-image {\\n width: 100%;\\n height: 60%;\\n object-fit: cover;\\n}\\n\\n.category-info {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: 10px;\\n text-decoration: none;\\n}\\n\\n.arrow {\\n font-size: 20px;\\n}\\n\\nh1 {\\n display: flex;\\n padding-left: 50px;\\n padding-top: 50px;\\n}\\n\\n.info-card {\\n background-color: #f6f6f6;\\n padding: 40px;\\n margin: 40px auto;\\n width: 80%;\\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\\n border-radius: 10px;\\n}\\n\\n.info-content {\\n text-align: left;\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n}\\n\\n.logo {\\n font-size: 48px;\\n color: #333;\\n}\\n\\n.info-details {\\n display: flex;\\n justify-content: space-between;\\n width: 100%;\\n margin-top: 20px;\\n}\\n\\n.info-item {\\n width: 30%;\\n text-align: center;\\n}\\n\\n.info-item h3 {\\n margin-bottom: 10px;\\n}\\n\\n.info-item p {\\n margin: 0;\\n}\\n\\n.info-button {\\n margin-top: 20px;\\n padding: 10px 20px;\\n background-color: #333;\\n color: #fff;\\n border: none;\\n border-radius: 5px;\\n cursor: pointer;\\n font-size: 16px;\\n}\\n\\n.info-button:hover {\\n background-color: #555;\\n}\\n\\n\\n\\nfooter {\\n background-color: #f8f9fa;\\n padding: 20px;\\n bottom: 0;\\n}\\n\\n.footer-content {\\n display: flex;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n\\n.footer-logo {\\n flex: 1 1 100%;\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.footer-logo img {\\n max-width: 150px;\\n}\\n\\n.footer-column {\\n flex: 1 1 20%;\\n margin-bottom: 20px;\\n}\\n\\n.footer-column h4 {\\n margin-bottom: 10px;\\n}\\n\\n.footer-column ul {\\n list-style: none;\\n padding: 0;\\n}\\n\\n.footer-column ul li {\\n margin-bottom: 5px;\\n}\\n\\n.footer-column ul li a {\\n text-decoration: none;\\n color: #000;\\n}\\n\\n.footer-column ul li a:hover {\\n text-decoration: underline;\\n}\\n\\n.footer-contact {\\n text-align: center;\\n margin-top: 20px;\\n}\\n\\n.footer-contact p {\\n margin: 5px 0;\\n}\\n\\n.footer-social {\\n margin-top: 10px;\\n}\\n\\n.footer-social a {\\n margin: 0 10px;\\n}\\n\\n.footer-social img {\\n width: 24px;\\n}\\n\\n.catalog {\\n width: 100%;\\n margin: 0 auto;\\n padding: 20px;\\n background-color: #f9f9f9;\\n border-radius: 8px;\\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\\n}\\n\\n.catalog h2 {\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.product-list {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 20px;\\n}\\n\\n.product-card {\\n display: flex;\\n flex: 1 1 calc(33.333% - 20px);\\n width: 50%;\\n box-sizing: border-box;\\n padding: 20px;\\n background-color: #fff;\\n border-radius: 8px;\\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\\n text-align: center;\\n}\\n\\n.product-image {\\n width: 100%;\\n height: auto;\\n object-fit: cover;\\n border-radius: 8px;\\n margin-bottom: 10px;\\n}\\n\\n.product-card h3 {\\n margin: 0 0 10px;\\n}\\n\\n.product-card p {\\n margin: 0;\\n}\\n\\na {\\n color: black;\\n text-decoration: none;\\n}\\n\\n.favorites {\\n width: 80%;\\n margin: 0 auto;\\n padding: 20px;\\n background-color: #f9f9f9;\\n border-radius: 8px;\\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\\n}\\n\\n.favorites h2 {\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.favorite-list {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 20px;\\n}\\n\\n.favorite-card {\\n flex: 1 1 calc(33.333% - 20px);\\n box-sizing: border-box;\\n padding: 20px;\\n background-color: #fff;\\n border-radius: 8px;\\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\\n text-align: center;\\n}\\n\\n.favorite-image {\\n width: 100%;\\n height: auto;\\n object-fit: cover;\\n border-radius: 8px;\\n margin-bottom: 10px;\\n}\\n\\n.favorite-card h3 {\\n margin: 0 0 10px;\\n}\\n\\n.favorite-card p {\\n margin: 0;\\n}\\n\\n\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {};\nexport default ___CSS_LOADER_EXPORT___;\n","__webpack_require__.h = () => (\"33bc08dee868e5766feb\")"],"names":[],"sourceRoot":""}��`��main.33bc08dee868e5766feb.hot-update.js�main.33bc08dee868e5766feb.hot-update.js.mapQ<"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css": /*!****************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css ***! \****************************************************************************************************************************************************************************************************************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__); // Imports var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default())); // Module ___CSS_LOADER_EXPORT___.push([module.id, `.header { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background-color: #fff; border-bottom: 1px solid #ccc; } .logo { display: flex; align-items: center; padding: 0; } .logo-text { font-size: 24px; font-weight: bold; color: #333; } .nav { display: flex; align-items: center; } .menu-button { margin-right: 20px; background: none; border: none; font-size: 18px; cursor: pointer; } .search input { padding: 5px 10px; margin-left: 200px; font-size: 16px; border: 1px solid #ccc; border-radius: 4px; } .user-actions { display: flex; align-items: center; } .icon-button { background: none; border: none; font-size: 24px; margin-left: 10px; cursor: pointer; } /* src/App.css */ .App { text-align: center; font-family: Arial, sans-serif; } .categories { display: flex; justify-content: space-around; flex-wrap: wrap; margin-top: 20px; } .category-card-link { text-decoration: none; color: black !important; } .category-card { position: relative; width: 400px; height: 300px; margin: 10px; overflow: hidden; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; } .category-card:hover { transform: translateY(-5px); } .category-image { width: 100%; height: 60%; object-fit: cover; } .category-info { display: flex; justify-content: space-between; align-items: center; padding: 10px; text-decoration: none; } .arrow { font-size: 20px; } h1 { display: flex; padding-left: 50px; padding-top: 50px; } .info-card { background-color: #f6f6f6; padding: 40px; margin: 40px auto; width: 80%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 10px; } .info-content { text-align: left; display: flex; flex-direction: column; align-items: center; } .logo { font-size: 48px; color: #333; } .info-details { display: flex; justify-content: space-between; width: 100%; margin-top: 20px; } .info-item { width: 30%; text-align: center; } .info-item h3 { margin-bottom: 10px; } .info-item p { margin: 0; } .info-button { margin-top: 20px; padding: 10px 20px; background-color: #333; color: #fff; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; } .info-button:hover { background-color: #555; } footer { background-color: #f8f9fa; padding: 20px; bottom: 0; } .footer-content { display: flex; justify-content: space-between; flex-wrap: wrap; } .footer-logo { flex: 1 1 100%; text-align: center; margin-bottom: 20px; } .footer-logo img { max-width: 150px; } .footer-column { flex: 1 1 20%; margin-bottom: 20px; } .footer-column h4 { margin-bottom: 10px; } .footer-column ul { list-style: none; padding: 0; } .footer-column ul li { margin-bottom: 5px; } .footer-column ul li a { text-decoration: none; color: #000; } .footer-column ul li a:hover { text-decoration: underline; } .footer-contact { text-align: center; margin-top: 20px; } .footer-contact p { margin: 5px 0; } .footer-social { margin-top: 10px; } .footer-social a { margin: 0 10px; } .footer-social img { width: 24px; } .catalog { width: 100%; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .catalog h2 { text-align: center; margin-bottom: 20px; } .product-list { display: flex; flex-wrap: wrap; gap: 20px; } .product-card { display: flex; flex-grow: 1; flex-shrink: 1; flex-basis: calc(33.333% - 20px); width: 50%; height: 50%; box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } .product-image { width: 100%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .product-card h3 { margin: 0 0 10px; } .product-card p { margin: 0; } a { color: black; text-decoration: none; } .favorites { width: 80%; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .favorites h2 { text-align: center; margin-bottom: 20px; } .favorite-list { display: flex; flex-wrap: wrap; gap: 20px; } .favorite-card { flex-grow: 1; flex-shrink: 1; flex-basis: calc(33.333% - 20px); box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } .favorite-image { width: 100%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .favorite-card h3 { margin: 0 0 10px; } .favorite-card p { margin: 0; } `, "",{"version":3,"sources":["webpack://./src/App.css"],"names":[],"mappings":"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","sourcesContent":[".header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 20px;\n background-color: #fff;\n border-bottom: 1px solid #ccc;\n}\n\n.logo {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.logo-text {\n font-size: 24px;\n font-weight: bold;\n color: #333;\n}\n\n.nav {\n display: flex;\n align-items: center;\n}\n\n.menu-button {\n margin-right: 20px;\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n}\n\n.search input {\n padding: 5px 10px;\n margin-left: 200px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n.user-actions {\n display: flex;\n align-items: center;\n}\n\n.icon-button {\n background: none;\n border: none;\n font-size: 24px;\n margin-left: 10px;\n cursor: pointer;\n}\n\n/* src/App.css */\n.App {\n text-align: center;\n font-family: Arial, sans-serif;\n}\n\n.categories {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n}\n\n.category-card-link {\n text-decoration: none;\n color: black !important;\n}\n\n.category-card {\n position: relative;\n width: 400px;\n height: 300px;\n margin: 10px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.category-card:hover {\n transform: translateY(-5px);\n}\n\n.category-image {\n width: 100%;\n height: 60%;\n object-fit: cover;\n}\n\n.category-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n text-decoration: none;\n}\n\n.arrow {\n font-size: 20px;\n}\n\nh1 {\n display: flex;\n padding-left: 50px;\n padding-top: 50px;\n}\n\n.info-card {\n background-color: #f6f6f6;\n padding: 40px;\n margin: 40px auto;\n width: 80%;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n}\n\n.info-content {\n text-align: left;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.logo {\n font-size: 48px;\n color: #333;\n}\n\n.info-details {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n}\n\n.info-item {\n width: 30%;\n text-align: center;\n}\n\n.info-item h3 {\n margin-bottom: 10px;\n}\n\n.info-item p {\n margin: 0;\n}\n\n.info-button {\n margin-top: 20px;\n padding: 10px 20px;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.info-button:hover {\n background-color: #555;\n}\n\n\n\nfooter {\n background-color: #f8f9fa;\n padding: 20px;\n bottom: 0;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.footer-logo {\n flex: 1 1 100%;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.footer-logo img {\n max-width: 150px;\n}\n\n.footer-column {\n flex: 1 1 20%;\n margin-bottom: 20px;\n}\n\n.footer-column h4 {\n margin-bottom: 10px;\n}\n\n.footer-column ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-column ul li {\n margin-bottom: 5px;\n}\n\n.footer-column ul li a {\n text-decoration: none;\n color: #000;\n}\n\n.footer-column ul li a:hover {\n text-decoration: underline;\n}\n\n.footer-contact {\n text-align: center;\n margin-top: 20px;\n}\n\n.footer-contact p {\n margin: 5px 0;\n}\n\n.footer-social {\n margin-top: 10px;\n}\n\n.footer-social a {\n margin: 0 10px;\n}\n\n.footer-social img {\n width: 24px;\n}\n\n.catalog {\n width: 100%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.catalog h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.product-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.product-card {\n display: flex;\n flex: 1 1 calc(33.333% - 20px);\n width: 50%;\n height: 50%;\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.product-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.product-card h3 {\n margin: 0 0 10px;\n}\n\n.product-card p {\n margin: 0;\n}\n\na {\n color: black;\n text-decoration: none;\n}\n\n.favorites {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.favorites h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.favorite-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.favorite-card {\n flex: 1 1 calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.favorite-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.favorite-card h3 {\n margin: 0 0 10px;\n}\n\n.favorite-card p {\n margin: 0;\n}\n\n\n"],"sourceRoot":""}]); // Exports ___CSS_LOADER_EXPORT___.locals = {}; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("371204ba5ad8dad60ce4") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.33bc08dee868e5766feb.hot-update.js.map�>{"version":3,"file":"main.33bc08dee868e5766feb.hot-update.js","mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACjWA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/App.css","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 20px;\n background-color: #fff;\n border-bottom: 1px solid #ccc;\n}\n\n.logo {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.logo-text {\n font-size: 24px;\n font-weight: bold;\n color: #333;\n}\n\n.nav {\n display: flex;\n align-items: center;\n}\n\n.menu-button {\n margin-right: 20px;\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n}\n\n.search input {\n padding: 5px 10px;\n margin-left: 200px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n.user-actions {\n display: flex;\n align-items: center;\n}\n\n.icon-button {\n background: none;\n border: none;\n font-size: 24px;\n margin-left: 10px;\n cursor: pointer;\n}\n\n/* src/App.css */\n.App {\n text-align: center;\n font-family: Arial, sans-serif;\n}\n\n.categories {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n}\n\n.category-card-link {\n text-decoration: none;\n color: black !important;\n}\n\n.category-card {\n position: relative;\n width: 400px;\n height: 300px;\n margin: 10px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.category-card:hover {\n transform: translateY(-5px);\n}\n\n.category-image {\n width: 100%;\n height: 60%;\n object-fit: cover;\n}\n\n.category-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n text-decoration: none;\n}\n\n.arrow {\n font-size: 20px;\n}\n\nh1 {\n display: flex;\n padding-left: 50px;\n padding-top: 50px;\n}\n\n.info-card {\n background-color: #f6f6f6;\n padding: 40px;\n margin: 40px auto;\n width: 80%;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n}\n\n.info-content {\n text-align: left;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.logo {\n font-size: 48px;\n color: #333;\n}\n\n.info-details {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n}\n\n.info-item {\n width: 30%;\n text-align: center;\n}\n\n.info-item h3 {\n margin-bottom: 10px;\n}\n\n.info-item p {\n margin: 0;\n}\n\n.info-button {\n margin-top: 20px;\n padding: 10px 20px;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.info-button:hover {\n background-color: #555;\n}\n\n\n\nfooter {\n background-color: #f8f9fa;\n padding: 20px;\n bottom: 0;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.footer-logo {\n flex: 1 1 100%;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.footer-logo img {\n max-width: 150px;\n}\n\n.footer-column {\n flex: 1 1 20%;\n margin-bottom: 20px;\n}\n\n.footer-column h4 {\n margin-bottom: 10px;\n}\n\n.footer-column ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-column ul li {\n margin-bottom: 5px;\n}\n\n.footer-column ul li a {\n text-decoration: none;\n color: #000;\n}\n\n.footer-column ul li a:hover {\n text-decoration: underline;\n}\n\n.footer-contact {\n text-align: center;\n margin-top: 20px;\n}\n\n.footer-contact p {\n margin: 5px 0;\n}\n\n.footer-social {\n margin-top: 10px;\n}\n\n.footer-social a {\n margin: 0 10px;\n}\n\n.footer-social img {\n width: 24px;\n}\n\n.catalog {\n width: 100%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.catalog h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.product-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.product-card {\n display: flex;\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(33.333% - 20px);\n width: 50%;\n height: 50%;\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.product-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.product-card h3 {\n margin: 0 0 10px;\n}\n\n.product-card p {\n margin: 0;\n}\n\na {\n color: black;\n text-decoration: none;\n}\n\n.favorites {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.favorites h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.favorite-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.favorite-card {\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.favorite-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.favorite-card h3 {\n margin: 0 0 10px;\n}\n\n.favorite-card p {\n margin: 0;\n}\n\n\n`, \"\",{\"version\":3,\"sources\":[\"webpack://./src/App.css\"],\"names\":[],\"mappings\":\"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\",\"sourcesContent\":[\".header {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: 10px 20px;\\n background-color: #fff;\\n border-bottom: 1px solid #ccc;\\n}\\n\\n.logo {\\n display: flex;\\n align-items: center;\\n padding: 0;\\n}\\n\\n.logo-text {\\n font-size: 24px;\\n font-weight: bold;\\n color: #333;\\n}\\n\\n.nav {\\n display: flex;\\n align-items: center;\\n}\\n\\n.menu-button {\\n margin-right: 20px;\\n background: none;\\n border: none;\\n font-size: 18px;\\n cursor: pointer;\\n}\\n\\n.search input {\\n padding: 5px 10px;\\n margin-left: 200px;\\n font-size: 16px;\\n border: 1px solid #ccc;\\n border-radius: 4px;\\n}\\n\\n.user-actions {\\n display: flex;\\n align-items: center;\\n}\\n\\n.icon-button {\\n background: none;\\n border: none;\\n font-size: 24px;\\n margin-left: 10px;\\n cursor: pointer;\\n}\\n\\n/* src/App.css */\\n.App {\\n text-align: center;\\n font-family: Arial, sans-serif;\\n}\\n\\n.categories {\\n display: flex;\\n justify-content: space-around;\\n flex-wrap: wrap;\\n margin-top: 20px;\\n}\\n\\n.category-card-link {\\n text-decoration: none;\\n color: black !important;\\n}\\n\\n.category-card {\\n position: relative;\\n width: 400px;\\n height: 300px;\\n margin: 10px;\\n overflow: hidden;\\n border-radius: 10px;\\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\\n transition: transform 0.3s ease;\\n}\\n\\n.category-card:hover {\\n transform: translateY(-5px);\\n}\\n\\n.category-image {\\n width: 100%;\\n height: 60%;\\n object-fit: cover;\\n}\\n\\n.category-info {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: 10px;\\n text-decoration: none;\\n}\\n\\n.arrow {\\n font-size: 20px;\\n}\\n\\nh1 {\\n display: flex;\\n padding-left: 50px;\\n padding-top: 50px;\\n}\\n\\n.info-card {\\n background-color: #f6f6f6;\\n padding: 40px;\\n margin: 40px auto;\\n width: 80%;\\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\\n border-radius: 10px;\\n}\\n\\n.info-content {\\n text-align: left;\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n}\\n\\n.logo {\\n font-size: 48px;\\n color: #333;\\n}\\n\\n.info-details {\\n display: flex;\\n justify-content: space-between;\\n width: 100%;\\n margin-top: 20px;\\n}\\n\\n.info-item {\\n width: 30%;\\n text-align: center;\\n}\\n\\n.info-item h3 {\\n margin-bottom: 10px;\\n}\\n\\n.info-item p {\\n margin: 0;\\n}\\n\\n.info-button {\\n margin-top: 20px;\\n padding: 10px 20px;\\n background-color: #333;\\n color: #fff;\\n border: none;\\n border-radius: 5px;\\n cursor: pointer;\\n font-size: 16px;\\n}\\n\\n.info-button:hover {\\n background-color: #555;\\n}\\n\\n\\n\\nfooter {\\n background-color: #f8f9fa;\\n padding: 20px;\\n bottom: 0;\\n}\\n\\n.footer-content {\\n display: flex;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n\\n.footer-logo {\\n flex: 1 1 100%;\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.footer-logo img {\\n max-width: 150px;\\n}\\n\\n.footer-column {\\n flex: 1 1 20%;\\n margin-bottom: 20px;\\n}\\n\\n.footer-column h4 {\\n margin-bottom: 10px;\\n}\\n\\n.footer-column ul {\\n list-style: none;\\n padding: 0;\\n}\\n\\n.footer-column ul li {\\n margin-bottom: 5px;\\n}\\n\\n.footer-column ul li a {\\n text-decoration: none;\\n color: #000;\\n}\\n\\n.footer-column ul li a:hover {\\n text-decoration: underline;\\n}\\n\\n.footer-contact {\\n text-align: center;\\n margin-top: 20px;\\n}\\n\\n.footer-contact p {\\n margin: 5px 0;\\n}\\n\\n.footer-social {\\n margin-top: 10px;\\n}\\n\\n.footer-social a {\\n margin: 0 10px;\\n}\\n\\n.footer-social img {\\n width: 24px;\\n}\\n\\n.catalog {\\n width: 100%;\\n margin: 0 auto;\\n padding: 20px;\\n background-color: #f9f9f9;\\n border-radius: 8px;\\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\\n}\\n\\n.catalog h2 {\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.product-list {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 20px;\\n}\\n\\n.product-card {\\n display: flex;\\n flex: 1 1 calc(33.333% - 20px);\\n width: 50%;\\n height: 50%;\\n box-sizing: border-box;\\n padding: 20px;\\n background-color: #fff;\\n border-radius: 8px;\\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\\n text-align: center;\\n}\\n\\n.product-image {\\n width: 100%;\\n height: auto;\\n object-fit: cover;\\n border-radius: 8px;\\n margin-bottom: 10px;\\n}\\n\\n.product-card h3 {\\n margin: 0 0 10px;\\n}\\n\\n.product-card p {\\n margin: 0;\\n}\\n\\na {\\n color: black;\\n text-decoration: none;\\n}\\n\\n.favorites {\\n width: 80%;\\n margin: 0 auto;\\n padding: 20px;\\n background-color: #f9f9f9;\\n border-radius: 8px;\\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\\n}\\n\\n.favorites h2 {\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.favorite-list {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 20px;\\n}\\n\\n.favorite-card {\\n flex: 1 1 calc(33.333% - 20px);\\n box-sizing: border-box;\\n padding: 20px;\\n background-color: #fff;\\n border-radius: 8px;\\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\\n text-align: center;\\n}\\n\\n.favorite-image {\\n width: 100%;\\n height: auto;\\n object-fit: cover;\\n border-radius: 8px;\\n margin-bottom: 10px;\\n}\\n\\n.favorite-card h3 {\\n margin: 0 0 10px;\\n}\\n\\n.favorite-card p {\\n margin: 0;\\n}\\n\\n\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {};\nexport default ___CSS_LOADER_EXPORT___;\n","__webpack_require__.h = () => (\"371204ba5ad8dad60ce4\")"],"names":[],"sourceRoot":""}��`��u��main.371204ba5ad8dad60ce4.hot-update.js�main.371204ba5ad8dad60ce4.hot-update.js.map(<"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css": /*!****************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css ***! \****************************************************************************************************************************************************************************************************************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__); // Imports var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default())); // Module ___CSS_LOADER_EXPORT___.push([module.id, `.header { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background-color: #fff; border-bottom: 1px solid #ccc; } .logo { display: flex; align-items: center; padding: 0; } .logo-text { font-size: 24px; font-weight: bold; color: #333; } .nav { display: flex; align-items: center; } .menu-button { margin-right: 20px; background: none; border: none; font-size: 18px; cursor: pointer; } .search input { padding: 5px 10px; margin-left: 200px; font-size: 16px; border: 1px solid #ccc; border-radius: 4px; } .user-actions { display: flex; align-items: center; } .icon-button { background: none; border: none; font-size: 24px; margin-left: 10px; cursor: pointer; } /* src/App.css */ .App { text-align: center; font-family: Arial, sans-serif; } .categories { display: flex; justify-content: space-around; flex-wrap: wrap; margin-top: 20px; } .category-card-link { text-decoration: none; color: black !important; } .category-card { position: relative; width: 400px; height: 300px; margin: 10px; overflow: hidden; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; } .category-card:hover { transform: translateY(-5px); } .category-image { width: 100%; height: 60%; object-fit: cover; } .category-info { display: flex; justify-content: space-between; align-items: center; padding: 10px; text-decoration: none; } .arrow { font-size: 20px; } h1 { display: flex; padding-left: 50px; padding-top: 50px; } .info-card { background-color: #f6f6f6; padding: 40px; margin: 40px auto; width: 80%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 10px; } .info-content { text-align: left; display: flex; flex-direction: column; align-items: center; } .logo { font-size: 48px; color: #333; } .info-details { display: flex; justify-content: space-between; width: 100%; margin-top: 20px; } .info-item { width: 30%; text-align: center; } .info-item h3 { margin-bottom: 10px; } .info-item p { margin: 0; } .info-button { margin-top: 20px; padding: 10px 20px; background-color: #333; color: #fff; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; } .info-button:hover { background-color: #555; } footer { background-color: #f8f9fa; padding: 20px; bottom: 0; } .footer-content { display: flex; justify-content: space-between; flex-wrap: wrap; } .footer-logo { flex: 1 1 100%; text-align: center; margin-bottom: 20px; } .footer-logo img { max-width: 150px; } .footer-column { flex: 1 1 20%; margin-bottom: 20px; } .footer-column h4 { margin-bottom: 10px; } .footer-column ul { list-style: none; padding: 0; } .footer-column ul li { margin-bottom: 5px; } .footer-column ul li a { text-decoration: none; color: #000; } .footer-column ul li a:hover { text-decoration: underline; } .footer-contact { text-align: center; margin-top: 20px; } .footer-contact p { margin: 5px 0; } .footer-social { margin-top: 10px; } .footer-social a { margin: 0 10px; } .footer-social img { width: 24px; } .catalog { width: 100%; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .catalog h2 { text-align: center; margin-bottom: 20px; } .product-list { display: flex; flex-wrap: wrap; gap: 20px; } .product-card { display: flex; flex-grow: 1; flex-shrink: 1; flex-basis: calc(33.333% - 20px); width: 50%; box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } .product-image { width: 100%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .product-card h3 { margin: 0 0 10px; } .product-card p { margin: 0; } a { color: black; text-decoration: none; } .favorites { width: 80%; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .favorites h2 { text-align: center; margin-bottom: 20px; } .favorite-list { display: flex; flex-wrap: wrap; gap: 20px; } .favorite-card { flex-grow: 1; flex-shrink: 1; flex-basis: calc(33.333% - 20px); box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } .favorite-image { width: 100%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .favorite-card h3 { margin: 0 0 10px; } .favorite-card p { margin: 0; } `, "",{"version":3,"sources":["webpack://./src/App.css"],"names":[],"mappings":"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","sourcesContent":[".header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 20px;\n background-color: #fff;\n border-bottom: 1px solid #ccc;\n}\n\n.logo {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.logo-text {\n font-size: 24px;\n font-weight: bold;\n color: #333;\n}\n\n.nav {\n display: flex;\n align-items: center;\n}\n\n.menu-button {\n margin-right: 20px;\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n}\n\n.search input {\n padding: 5px 10px;\n margin-left: 200px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n.user-actions {\n display: flex;\n align-items: center;\n}\n\n.icon-button {\n background: none;\n border: none;\n font-size: 24px;\n margin-left: 10px;\n cursor: pointer;\n}\n\n/* src/App.css */\n.App {\n text-align: center;\n font-family: Arial, sans-serif;\n}\n\n.categories {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n}\n\n.category-card-link {\n text-decoration: none;\n color: black !important;\n}\n\n.category-card {\n position: relative;\n width: 400px;\n height: 300px;\n margin: 10px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.category-card:hover {\n transform: translateY(-5px);\n}\n\n.category-image {\n width: 100%;\n height: 60%;\n object-fit: cover;\n}\n\n.category-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n text-decoration: none;\n}\n\n.arrow {\n font-size: 20px;\n}\n\nh1 {\n display: flex;\n padding-left: 50px;\n padding-top: 50px;\n}\n\n.info-card {\n background-color: #f6f6f6;\n padding: 40px;\n margin: 40px auto;\n width: 80%;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n}\n\n.info-content {\n text-align: left;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.logo {\n font-size: 48px;\n color: #333;\n}\n\n.info-details {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n}\n\n.info-item {\n width: 30%;\n text-align: center;\n}\n\n.info-item h3 {\n margin-bottom: 10px;\n}\n\n.info-item p {\n margin: 0;\n}\n\n.info-button {\n margin-top: 20px;\n padding: 10px 20px;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.info-button:hover {\n background-color: #555;\n}\n\n\n\nfooter {\n background-color: #f8f9fa;\n padding: 20px;\n bottom: 0;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.footer-logo {\n flex: 1 1 100%;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.footer-logo img {\n max-width: 150px;\n}\n\n.footer-column {\n flex: 1 1 20%;\n margin-bottom: 20px;\n}\n\n.footer-column h4 {\n margin-bottom: 10px;\n}\n\n.footer-column ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-column ul li {\n margin-bottom: 5px;\n}\n\n.footer-column ul li a {\n text-decoration: none;\n color: #000;\n}\n\n.footer-column ul li a:hover {\n text-decoration: underline;\n}\n\n.footer-contact {\n text-align: center;\n margin-top: 20px;\n}\n\n.footer-contact p {\n margin: 5px 0;\n}\n\n.footer-social {\n margin-top: 10px;\n}\n\n.footer-social a {\n margin: 0 10px;\n}\n\n.footer-social img {\n width: 24px;\n}\n\n.catalog {\n width: 100%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.catalog h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.product-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.product-card {\n display: flex;\n flex: 1 1 calc(33.333% - 20px);\n width: 50%;\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.product-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.product-card h3 {\n margin: 0 0 10px;\n}\n\n.product-card p {\n margin: 0;\n}\n\na {\n color: black;\n text-decoration: none;\n}\n\n.favorites {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.favorites h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.favorite-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.favorite-card {\n flex: 1 1 calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.favorite-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.favorite-card h3 {\n margin: 0 0 10px;\n}\n\n.favorite-card p {\n margin: 0;\n}\n\n\n"],"sourceRoot":""}]); // Exports ___CSS_LOADER_EXPORT___.locals = {}; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("2edc61529404a3dacfaa") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.371204ba5ad8dad60ce4.hot-update.js.mapo>{"version":3,"file":"main.371204ba5ad8dad60ce4.hot-update.js","mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AChWA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/App.css","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 20px;\n background-color: #fff;\n border-bottom: 1px solid #ccc;\n}\n\n.logo {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.logo-text {\n font-size: 24px;\n font-weight: bold;\n color: #333;\n}\n\n.nav {\n display: flex;\n align-items: center;\n}\n\n.menu-button {\n margin-right: 20px;\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n}\n\n.search input {\n padding: 5px 10px;\n margin-left: 200px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n.user-actions {\n display: flex;\n align-items: center;\n}\n\n.icon-button {\n background: none;\n border: none;\n font-size: 24px;\n margin-left: 10px;\n cursor: pointer;\n}\n\n/* src/App.css */\n.App {\n text-align: center;\n font-family: Arial, sans-serif;\n}\n\n.categories {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n}\n\n.category-card-link {\n text-decoration: none;\n color: black !important;\n}\n\n.category-card {\n position: relative;\n width: 400px;\n height: 300px;\n margin: 10px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.category-card:hover {\n transform: translateY(-5px);\n}\n\n.category-image {\n width: 100%;\n height: 60%;\n object-fit: cover;\n}\n\n.category-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n text-decoration: none;\n}\n\n.arrow {\n font-size: 20px;\n}\n\nh1 {\n display: flex;\n padding-left: 50px;\n padding-top: 50px;\n}\n\n.info-card {\n background-color: #f6f6f6;\n padding: 40px;\n margin: 40px auto;\n width: 80%;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n}\n\n.info-content {\n text-align: left;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.logo {\n font-size: 48px;\n color: #333;\n}\n\n.info-details {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n}\n\n.info-item {\n width: 30%;\n text-align: center;\n}\n\n.info-item h3 {\n margin-bottom: 10px;\n}\n\n.info-item p {\n margin: 0;\n}\n\n.info-button {\n margin-top: 20px;\n padding: 10px 20px;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.info-button:hover {\n background-color: #555;\n}\n\n\n\nfooter {\n background-color: #f8f9fa;\n padding: 20px;\n bottom: 0;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.footer-logo {\n flex: 1 1 100%;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.footer-logo img {\n max-width: 150px;\n}\n\n.footer-column {\n flex: 1 1 20%;\n margin-bottom: 20px;\n}\n\n.footer-column h4 {\n margin-bottom: 10px;\n}\n\n.footer-column ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-column ul li {\n margin-bottom: 5px;\n}\n\n.footer-column ul li a {\n text-decoration: none;\n color: #000;\n}\n\n.footer-column ul li a:hover {\n text-decoration: underline;\n}\n\n.footer-contact {\n text-align: center;\n margin-top: 20px;\n}\n\n.footer-contact p {\n margin: 5px 0;\n}\n\n.footer-social {\n margin-top: 10px;\n}\n\n.footer-social a {\n margin: 0 10px;\n}\n\n.footer-social img {\n width: 24px;\n}\n\n.catalog {\n width: 100%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.catalog h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.product-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.product-card {\n display: flex;\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(33.333% - 20px);\n width: 50%;\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.product-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.product-card h3 {\n margin: 0 0 10px;\n}\n\n.product-card p {\n margin: 0;\n}\n\na {\n color: black;\n text-decoration: none;\n}\n\n.favorites {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.favorites h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.favorite-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.favorite-card {\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.favorite-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.favorite-card h3 {\n margin: 0 0 10px;\n}\n\n.favorite-card p {\n margin: 0;\n}\n\n\n`, \"\",{\"version\":3,\"sources\":[\"webpack://./src/App.css\"],\"names\":[],\"mappings\":\"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\",\"sourcesContent\":[\".header {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: 10px 20px;\\n background-color: #fff;\\n border-bottom: 1px solid #ccc;\\n}\\n\\n.logo {\\n display: flex;\\n align-items: center;\\n padding: 0;\\n}\\n\\n.logo-text {\\n font-size: 24px;\\n font-weight: bold;\\n color: #333;\\n}\\n\\n.nav {\\n display: flex;\\n align-items: center;\\n}\\n\\n.menu-button {\\n margin-right: 20px;\\n background: none;\\n border: none;\\n font-size: 18px;\\n cursor: pointer;\\n}\\n\\n.search input {\\n padding: 5px 10px;\\n margin-left: 200px;\\n font-size: 16px;\\n border: 1px solid #ccc;\\n border-radius: 4px;\\n}\\n\\n.user-actions {\\n display: flex;\\n align-items: center;\\n}\\n\\n.icon-button {\\n background: none;\\n border: none;\\n font-size: 24px;\\n margin-left: 10px;\\n cursor: pointer;\\n}\\n\\n/* src/App.css */\\n.App {\\n text-align: center;\\n font-family: Arial, sans-serif;\\n}\\n\\n.categories {\\n display: flex;\\n justify-content: space-around;\\n flex-wrap: wrap;\\n margin-top: 20px;\\n}\\n\\n.category-card-link {\\n text-decoration: none;\\n color: black !important;\\n}\\n\\n.category-card {\\n position: relative;\\n width: 400px;\\n height: 300px;\\n margin: 10px;\\n overflow: hidden;\\n border-radius: 10px;\\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\\n transition: transform 0.3s ease;\\n}\\n\\n.category-card:hover {\\n transform: translateY(-5px);\\n}\\n\\n.category-image {\\n width: 100%;\\n height: 60%;\\n object-fit: cover;\\n}\\n\\n.category-info {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: 10px;\\n text-decoration: none;\\n}\\n\\n.arrow {\\n font-size: 20px;\\n}\\n\\nh1 {\\n display: flex;\\n padding-left: 50px;\\n padding-top: 50px;\\n}\\n\\n.info-card {\\n background-color: #f6f6f6;\\n padding: 40px;\\n margin: 40px auto;\\n width: 80%;\\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\\n border-radius: 10px;\\n}\\n\\n.info-content {\\n text-align: left;\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n}\\n\\n.logo {\\n font-size: 48px;\\n color: #333;\\n}\\n\\n.info-details {\\n display: flex;\\n justify-content: space-between;\\n width: 100%;\\n margin-top: 20px;\\n}\\n\\n.info-item {\\n width: 30%;\\n text-align: center;\\n}\\n\\n.info-item h3 {\\n margin-bottom: 10px;\\n}\\n\\n.info-item p {\\n margin: 0;\\n}\\n\\n.info-button {\\n margin-top: 20px;\\n padding: 10px 20px;\\n background-color: #333;\\n color: #fff;\\n border: none;\\n border-radius: 5px;\\n cursor: pointer;\\n font-size: 16px;\\n}\\n\\n.info-button:hover {\\n background-color: #555;\\n}\\n\\n\\n\\nfooter {\\n background-color: #f8f9fa;\\n padding: 20px;\\n bottom: 0;\\n}\\n\\n.footer-content {\\n display: flex;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n\\n.footer-logo {\\n flex: 1 1 100%;\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.footer-logo img {\\n max-width: 150px;\\n}\\n\\n.footer-column {\\n flex: 1 1 20%;\\n margin-bottom: 20px;\\n}\\n\\n.footer-column h4 {\\n margin-bottom: 10px;\\n}\\n\\n.footer-column ul {\\n list-style: none;\\n padding: 0;\\n}\\n\\n.footer-column ul li {\\n margin-bottom: 5px;\\n}\\n\\n.footer-column ul li a {\\n text-decoration: none;\\n color: #000;\\n}\\n\\n.footer-column ul li a:hover {\\n text-decoration: underline;\\n}\\n\\n.footer-contact {\\n text-align: center;\\n margin-top: 20px;\\n}\\n\\n.footer-contact p {\\n margin: 5px 0;\\n}\\n\\n.footer-social {\\n margin-top: 10px;\\n}\\n\\n.footer-social a {\\n margin: 0 10px;\\n}\\n\\n.footer-social img {\\n width: 24px;\\n}\\n\\n.catalog {\\n width: 100%;\\n margin: 0 auto;\\n padding: 20px;\\n background-color: #f9f9f9;\\n border-radius: 8px;\\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\\n}\\n\\n.catalog h2 {\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.product-list {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 20px;\\n}\\n\\n.product-card {\\n display: flex;\\n flex: 1 1 calc(33.333% - 20px);\\n width: 50%;\\n box-sizing: border-box;\\n padding: 20px;\\n background-color: #fff;\\n border-radius: 8px;\\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\\n text-align: center;\\n}\\n\\n.product-image {\\n width: 100%;\\n height: auto;\\n object-fit: cover;\\n border-radius: 8px;\\n margin-bottom: 10px;\\n}\\n\\n.product-card h3 {\\n margin: 0 0 10px;\\n}\\n\\n.product-card p {\\n margin: 0;\\n}\\n\\na {\\n color: black;\\n text-decoration: none;\\n}\\n\\n.favorites {\\n width: 80%;\\n margin: 0 auto;\\n padding: 20px;\\n background-color: #f9f9f9;\\n border-radius: 8px;\\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\\n}\\n\\n.favorites h2 {\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.favorite-list {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 20px;\\n}\\n\\n.favorite-card {\\n flex: 1 1 calc(33.333% - 20px);\\n box-sizing: border-box;\\n padding: 20px;\\n background-color: #fff;\\n border-radius: 8px;\\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\\n text-align: center;\\n}\\n\\n.favorite-image {\\n width: 100%;\\n height: auto;\\n object-fit: cover;\\n border-radius: 8px;\\n margin-bottom: 10px;\\n}\\n\\n.favorite-card h3 {\\n margin: 0 0 10px;\\n}\\n\\n.favorite-card p {\\n margin: 0;\\n}\\n\\n\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {};\nexport default ___CSS_LOADER_EXPORT___;\n","__webpack_require__.h = () => (\"2edc61529404a3dacfaa\")"],"names":[],"sourceRoot":""}��`v��w��x��e��main.2edc61529404a3dacfaa.hot-update.js�main.2edc61529404a3dacfaa.hot-update.js.map<"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css": /*!****************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css ***! \****************************************************************************************************************************************************************************************************************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__); // Imports var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default())); // Module ___CSS_LOADER_EXPORT___.push([module.id, `.header { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background-color: #fff; border-bottom: 1px solid #ccc; } .logo { display: flex; align-items: center; padding: 0; } .logo-text { font-size: 24px; font-weight: bold; color: #333; } .nav { display: flex; align-items: center; } .menu-button { margin-right: 20px; background: none; border: none; font-size: 18px; cursor: pointer; } .search input { padding: 5px 10px; margin-left: 200px; font-size: 16px; border: 1px solid #ccc; border-radius: 4px; } .user-actions { display: flex; align-items: center; } .icon-button { background: none; border: none; font-size: 24px; margin-left: 10px; cursor: pointer; } /* src/App.css */ .App { text-align: center; font-family: Arial, sans-serif; } .categories { display: flex; justify-content: space-around; flex-wrap: wrap; margin-top: 20px; } .category-card-link { text-decoration: none; color: black !important; } .category-card { position: relative; width: 400px; height: 300px; margin: 10px; overflow: hidden; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; } .category-card:hover { transform: translateY(-5px); } .category-image { width: 100%; height: 60%; object-fit: cover; } .category-info { display: flex; justify-content: space-between; align-items: center; padding: 10px; text-decoration: none; } .arrow { font-size: 20px; } h1 { display: flex; padding-left: 50px; padding-top: 50px; } .info-card { background-color: #f6f6f6; padding: 40px; margin: 40px auto; width: 80%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 10px; } .info-content { text-align: left; display: flex; flex-direction: column; align-items: center; } .logo { font-size: 48px; color: #333; } .info-details { display: flex; justify-content: space-between; width: 100%; margin-top: 20px; } .info-item { width: 30%; text-align: center; } .info-item h3 { margin-bottom: 10px; } .info-item p { margin: 0; } .info-button { margin-top: 20px; padding: 10px 20px; background-color: #333; color: #fff; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; } .info-button:hover { background-color: #555; } footer { background-color: #f8f9fa; padding: 20px; bottom: 0; } .footer-content { display: flex; justify-content: space-between; flex-wrap: wrap; } .footer-logo { flex: 1 1 100%; text-align: center; margin-bottom: 20px; } .footer-logo img { max-width: 150px; } .footer-column { flex: 1 1 20%; margin-bottom: 20px; } .footer-column h4 { margin-bottom: 10px; } .footer-column ul { list-style: none; padding: 0; } .footer-column ul li { margin-bottom: 5px; } .footer-column ul li a { text-decoration: none; color: #000; } .footer-column ul li a:hover { text-decoration: underline; } .footer-contact { text-align: center; margin-top: 20px; } .footer-contact p { margin: 5px 0; } .footer-social { margin-top: 10px; } .footer-social a { margin: 0 10px; } .footer-social img { width: 24px; } .catalog { width: 100%; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .catalog h2 { text-align: center; margin-bottom: 20px; } .product-list { display: flex; flex-wrap: wrap; gap: 20px; } .product-card { display: flex; flex-grow: 1; flex-shrink: 1; flex-basis: calc(33.333% - 20px); box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } .product-image { width: 100%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .product-card h3 { margin: 0 0 10px; } .product-card p { margin: 0; } a { color: black; text-decoration: none; } .favorites { width: 80%; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .favorites h2 { text-align: center; margin-bottom: 20px; } .favorite-list { display: flex; flex-wrap: wrap; gap: 20px; } .favorite-card { flex-grow: 1; flex-shrink: 1; flex-basis: calc(33.333% - 20px); box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } .favorite-image { width: 100%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .favorite-card h3 { margin: 0 0 10px; } .favorite-card p { margin: 0; } `, "",{"version":3,"sources":["webpack://./src/App.css"],"names":[],"mappings":"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","sourcesContent":[".header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 20px;\n background-color: #fff;\n border-bottom: 1px solid #ccc;\n}\n\n.logo {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.logo-text {\n font-size: 24px;\n font-weight: bold;\n color: #333;\n}\n\n.nav {\n display: flex;\n align-items: center;\n}\n\n.menu-button {\n margin-right: 20px;\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n}\n\n.search input {\n padding: 5px 10px;\n margin-left: 200px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n.user-actions {\n display: flex;\n align-items: center;\n}\n\n.icon-button {\n background: none;\n border: none;\n font-size: 24px;\n margin-left: 10px;\n cursor: pointer;\n}\n\n/* src/App.css */\n.App {\n text-align: center;\n font-family: Arial, sans-serif;\n}\n\n.categories {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n}\n\n.category-card-link {\n text-decoration: none;\n color: black !important;\n}\n\n.category-card {\n position: relative;\n width: 400px;\n height: 300px;\n margin: 10px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.category-card:hover {\n transform: translateY(-5px);\n}\n\n.category-image {\n width: 100%;\n height: 60%;\n object-fit: cover;\n}\n\n.category-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n text-decoration: none;\n}\n\n.arrow {\n font-size: 20px;\n}\n\nh1 {\n display: flex;\n padding-left: 50px;\n padding-top: 50px;\n}\n\n.info-card {\n background-color: #f6f6f6;\n padding: 40px;\n margin: 40px auto;\n width: 80%;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n}\n\n.info-content {\n text-align: left;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.logo {\n font-size: 48px;\n color: #333;\n}\n\n.info-details {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n}\n\n.info-item {\n width: 30%;\n text-align: center;\n}\n\n.info-item h3 {\n margin-bottom: 10px;\n}\n\n.info-item p {\n margin: 0;\n}\n\n.info-button {\n margin-top: 20px;\n padding: 10px 20px;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.info-button:hover {\n background-color: #555;\n}\n\n\n\nfooter {\n background-color: #f8f9fa;\n padding: 20px;\n bottom: 0;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.footer-logo {\n flex: 1 1 100%;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.footer-logo img {\n max-width: 150px;\n}\n\n.footer-column {\n flex: 1 1 20%;\n margin-bottom: 20px;\n}\n\n.footer-column h4 {\n margin-bottom: 10px;\n}\n\n.footer-column ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-column ul li {\n margin-bottom: 5px;\n}\n\n.footer-column ul li a {\n text-decoration: none;\n color: #000;\n}\n\n.footer-column ul li a:hover {\n text-decoration: underline;\n}\n\n.footer-contact {\n text-align: center;\n margin-top: 20px;\n}\n\n.footer-contact p {\n margin: 5px 0;\n}\n\n.footer-social {\n margin-top: 10px;\n}\n\n.footer-social a {\n margin: 0 10px;\n}\n\n.footer-social img {\n width: 24px;\n}\n\n.catalog {\n width: 100%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.catalog h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.product-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.product-card {\n display: flex;\n flex: 1 1 calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.product-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.product-card h3 {\n margin: 0 0 10px;\n}\n\n.product-card p {\n margin: 0;\n}\n\na {\n color: black;\n text-decoration: none;\n}\n\n.favorites {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.favorites h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.favorite-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.favorite-card {\n flex: 1 1 calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.favorite-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.favorite-card h3 {\n margin: 0 0 10px;\n}\n\n.favorite-card p {\n margin: 0;\n}\n\n\n"],"sourceRoot":""}]); // Exports ___CSS_LOADER_EXPORT___.locals = {}; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("152abccf6c2b9472130c") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.2edc61529404a3dacfaa.hot-update.js.mapA>{"version":3,"file":"main.2edc61529404a3dacfaa.hot-update.js","mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC/VA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/App.css","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 20px;\n background-color: #fff;\n border-bottom: 1px solid #ccc;\n}\n\n.logo {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.logo-text {\n font-size: 24px;\n font-weight: bold;\n color: #333;\n}\n\n.nav {\n display: flex;\n align-items: center;\n}\n\n.menu-button {\n margin-right: 20px;\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n}\n\n.search input {\n padding: 5px 10px;\n margin-left: 200px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n.user-actions {\n display: flex;\n align-items: center;\n}\n\n.icon-button {\n background: none;\n border: none;\n font-size: 24px;\n margin-left: 10px;\n cursor: pointer;\n}\n\n/* src/App.css */\n.App {\n text-align: center;\n font-family: Arial, sans-serif;\n}\n\n.categories {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n}\n\n.category-card-link {\n text-decoration: none;\n color: black !important;\n}\n\n.category-card {\n position: relative;\n width: 400px;\n height: 300px;\n margin: 10px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.category-card:hover {\n transform: translateY(-5px);\n}\n\n.category-image {\n width: 100%;\n height: 60%;\n object-fit: cover;\n}\n\n.category-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n text-decoration: none;\n}\n\n.arrow {\n font-size: 20px;\n}\n\nh1 {\n display: flex;\n padding-left: 50px;\n padding-top: 50px;\n}\n\n.info-card {\n background-color: #f6f6f6;\n padding: 40px;\n margin: 40px auto;\n width: 80%;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n}\n\n.info-content {\n text-align: left;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.logo {\n font-size: 48px;\n color: #333;\n}\n\n.info-details {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n}\n\n.info-item {\n width: 30%;\n text-align: center;\n}\n\n.info-item h3 {\n margin-bottom: 10px;\n}\n\n.info-item p {\n margin: 0;\n}\n\n.info-button {\n margin-top: 20px;\n padding: 10px 20px;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.info-button:hover {\n background-color: #555;\n}\n\n\n\nfooter {\n background-color: #f8f9fa;\n padding: 20px;\n bottom: 0;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.footer-logo {\n flex: 1 1 100%;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.footer-logo img {\n max-width: 150px;\n}\n\n.footer-column {\n flex: 1 1 20%;\n margin-bottom: 20px;\n}\n\n.footer-column h4 {\n margin-bottom: 10px;\n}\n\n.footer-column ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-column ul li {\n margin-bottom: 5px;\n}\n\n.footer-column ul li a {\n text-decoration: none;\n color: #000;\n}\n\n.footer-column ul li a:hover {\n text-decoration: underline;\n}\n\n.footer-contact {\n text-align: center;\n margin-top: 20px;\n}\n\n.footer-contact p {\n margin: 5px 0;\n}\n\n.footer-social {\n margin-top: 10px;\n}\n\n.footer-social a {\n margin: 0 10px;\n}\n\n.footer-social img {\n width: 24px;\n}\n\n.catalog {\n width: 100%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.catalog h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.product-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.product-card {\n display: flex;\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.product-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.product-card h3 {\n margin: 0 0 10px;\n}\n\n.product-card p {\n margin: 0;\n}\n\na {\n color: black;\n text-decoration: none;\n}\n\n.favorites {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.favorites h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.favorite-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.favorite-card {\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.favorite-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.favorite-card h3 {\n margin: 0 0 10px;\n}\n\n.favorite-card p {\n margin: 0;\n}\n\n\n`, \"\",{\"version\":3,\"sources\":[\"webpack://./src/App.css\"],\"names\":[],\"mappings\":\"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\",\"sourcesContent\":[\".header {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: 10px 20px;\\n background-color: #fff;\\n border-bottom: 1px solid #ccc;\\n}\\n\\n.logo {\\n display: flex;\\n align-items: center;\\n padding: 0;\\n}\\n\\n.logo-text {\\n font-size: 24px;\\n font-weight: bold;\\n color: #333;\\n}\\n\\n.nav {\\n display: flex;\\n align-items: center;\\n}\\n\\n.menu-button {\\n margin-right: 20px;\\n background: none;\\n border: none;\\n font-size: 18px;\\n cursor: pointer;\\n}\\n\\n.search input {\\n padding: 5px 10px;\\n margin-left: 200px;\\n font-size: 16px;\\n border: 1px solid #ccc;\\n border-radius: 4px;\\n}\\n\\n.user-actions {\\n display: flex;\\n align-items: center;\\n}\\n\\n.icon-button {\\n background: none;\\n border: none;\\n font-size: 24px;\\n margin-left: 10px;\\n cursor: pointer;\\n}\\n\\n/* src/App.css */\\n.App {\\n text-align: center;\\n font-family: Arial, sans-serif;\\n}\\n\\n.categories {\\n display: flex;\\n justify-content: space-around;\\n flex-wrap: wrap;\\n margin-top: 20px;\\n}\\n\\n.category-card-link {\\n text-decoration: none;\\n color: black !important;\\n}\\n\\n.category-card {\\n position: relative;\\n width: 400px;\\n height: 300px;\\n margin: 10px;\\n overflow: hidden;\\n border-radius: 10px;\\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\\n transition: transform 0.3s ease;\\n}\\n\\n.category-card:hover {\\n transform: translateY(-5px);\\n}\\n\\n.category-image {\\n width: 100%;\\n height: 60%;\\n object-fit: cover;\\n}\\n\\n.category-info {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: 10px;\\n text-decoration: none;\\n}\\n\\n.arrow {\\n font-size: 20px;\\n}\\n\\nh1 {\\n display: flex;\\n padding-left: 50px;\\n padding-top: 50px;\\n}\\n\\n.info-card {\\n background-color: #f6f6f6;\\n padding: 40px;\\n margin: 40px auto;\\n width: 80%;\\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\\n border-radius: 10px;\\n}\\n\\n.info-content {\\n text-align: left;\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n}\\n\\n.logo {\\n font-size: 48px;\\n color: #333;\\n}\\n\\n.info-details {\\n display: flex;\\n justify-content: space-between;\\n width: 100%;\\n margin-top: 20px;\\n}\\n\\n.info-item {\\n width: 30%;\\n text-align: center;\\n}\\n\\n.info-item h3 {\\n margin-bottom: 10px;\\n}\\n\\n.info-item p {\\n margin: 0;\\n}\\n\\n.info-button {\\n margin-top: 20px;\\n padding: 10px 20px;\\n background-color: #333;\\n color: #fff;\\n border: none;\\n border-radius: 5px;\\n cursor: pointer;\\n font-size: 16px;\\n}\\n\\n.info-button:hover {\\n background-color: #555;\\n}\\n\\n\\n\\nfooter {\\n background-color: #f8f9fa;\\n padding: 20px;\\n bottom: 0;\\n}\\n\\n.footer-content {\\n display: flex;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n\\n.footer-logo {\\n flex: 1 1 100%;\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.footer-logo img {\\n max-width: 150px;\\n}\\n\\n.footer-column {\\n flex: 1 1 20%;\\n margin-bottom: 20px;\\n}\\n\\n.footer-column h4 {\\n margin-bottom: 10px;\\n}\\n\\n.footer-column ul {\\n list-style: none;\\n padding: 0;\\n}\\n\\n.footer-column ul li {\\n margin-bottom: 5px;\\n}\\n\\n.footer-column ul li a {\\n text-decoration: none;\\n color: #000;\\n}\\n\\n.footer-column ul li a:hover {\\n text-decoration: underline;\\n}\\n\\n.footer-contact {\\n text-align: center;\\n margin-top: 20px;\\n}\\n\\n.footer-contact p {\\n margin: 5px 0;\\n}\\n\\n.footer-social {\\n margin-top: 10px;\\n}\\n\\n.footer-social a {\\n margin: 0 10px;\\n}\\n\\n.footer-social img {\\n width: 24px;\\n}\\n\\n.catalog {\\n width: 100%;\\n margin: 0 auto;\\n padding: 20px;\\n background-color: #f9f9f9;\\n border-radius: 8px;\\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\\n}\\n\\n.catalog h2 {\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.product-list {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 20px;\\n}\\n\\n.product-card {\\n display: flex;\\n flex: 1 1 calc(33.333% - 20px);\\n box-sizing: border-box;\\n padding: 20px;\\n background-color: #fff;\\n border-radius: 8px;\\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\\n text-align: center;\\n}\\n\\n.product-image {\\n width: 100%;\\n height: auto;\\n object-fit: cover;\\n border-radius: 8px;\\n margin-bottom: 10px;\\n}\\n\\n.product-card h3 {\\n margin: 0 0 10px;\\n}\\n\\n.product-card p {\\n margin: 0;\\n}\\n\\na {\\n color: black;\\n text-decoration: none;\\n}\\n\\n.favorites {\\n width: 80%;\\n margin: 0 auto;\\n padding: 20px;\\n background-color: #f9f9f9;\\n border-radius: 8px;\\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\\n}\\n\\n.favorites h2 {\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.favorite-list {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 20px;\\n}\\n\\n.favorite-card {\\n flex: 1 1 calc(33.333% - 20px);\\n box-sizing: border-box;\\n padding: 20px;\\n background-color: #fff;\\n border-radius: 8px;\\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\\n text-align: center;\\n}\\n\\n.favorite-image {\\n width: 100%;\\n height: auto;\\n object-fit: cover;\\n border-radius: 8px;\\n margin-bottom: 10px;\\n}\\n\\n.favorite-card h3 {\\n margin: 0 0 10px;\\n}\\n\\n.favorite-card p {\\n margin: 0;\\n}\\n\\n\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {};\nexport default ___CSS_LOADER_EXPORT___;\n","__webpack_require__.h = () => (\"152abccf6c2b9472130c\")"],"names":[],"sourceRoot":""}��`f��g��h��`�_ResolverCachePluginCacheMiss�context�path�request�query�fragment��directory2��internal�fullySpecified�descriptionFilePath�descriptionFileData�descriptionFileRoot�relativePath�__innerRequest_request�__innerRequest_relativePath�__innerRequest�issuer�issuerLayer�compilerjD:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src\App.js �� !��private�dependencies�scripts�eslintConfig�browserslist�json�0.1.0` �@testing-library/jest-dom�@testing-library/react�@testing-library/user-event�axios�bootstrap�concurrently�json-server��react-dom�react-hook-form�react-router-dom�react-scripts�web-vitals�^5.17.0�^13.4.0�^13.5.0�^1.7.2�^5.3.3�^8.2.2�^1.0.0-beta.0�^18.3.1��^7.51.5�^6.23.1�5.0.1�^2.1.4�dev�server�start�build�test�eject�concurrently "npm run server" "npm start"�json-server -w server/db.json -p 3001�react-scripts start�react-scripts build�react-scripts test�react-scripts eject�extends�react-app�react-app/jest�production��>0.2%�not dead�not op_mini all�last 1 chrome version�last 1 firefox version�last 1 safari version_D:\Vyacheslav\Study\Разработка программных модулей\practice 13\json�./src/CartContext.js��@� ��yBe��8��f��h��!�ᴼyB�ᴼyB� ��yB��ZD:\Vyacheslav\Study\Разработка программных модулей\practice 13ND:\Vyacheslav\Study\Разработка программных модулей�D:\Vyacheslav\Study�D:\Vyacheslav�D:\�!�Q�yB Q�yB��@��oD:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src\CartContextwD:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src\CartContext.web.mjssD:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src\CartContext.mjsvD:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src\CartContext.web.js ��qD:\Vyacheslav\Study\Разработка программных модулей\practice 13\json\src\pages\Cart.js G�� @� @��yBF�� main.152abccf6c2b9472130c.hot-update.js�main.152abccf6c2b9472130c.hot-update.js.map�;"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css": /*!****************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css ***! \****************************************************************************************************************************************************************************************************************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__); // Imports var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default())); // Module ___CSS_LOADER_EXPORT___.push([module.id, `.header { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background-color: #fff; border-bottom: 1px solid #ccc; } .logo { display: flex; align-items: center; padding: 0; } .logo-text { font-size: 24px; font-weight: bold; color: #333; } .nav { display: flex; align-items: center; } .menu-button { margin-right: 20px; background: none; border: none; font-size: 18px; cursor: pointer; } .search input { padding: 5px 10px; margin-left: 200px; font-size: 16px; border: 1px solid #ccc; border-radius: 4px; } .user-actions { display: flex; align-items: center; } .icon-button { background: none; border: none; font-size: 24px; margin-left: 10px; cursor: pointer; } /* src/App.css */ .App { text-align: center; font-family: Arial, sans-serif; } .categories { display: flex; justify-content: space-around; flex-wrap: wrap; margin-top: 20px; } .category-card-link { text-decoration: none; color: black !important; } .category-card { position: relative; width: 400px; height: 300px; margin: 10px; overflow: hidden; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; } .category-card:hover { transform: translateY(-5px); } .category-image { width: 100%; height: 60%; object-fit: cover; } .category-info { display: flex; justify-content: space-between; align-items: center; padding: 10px; text-decoration: none; } .arrow { font-size: 20px; } h1 { display: flex; padding-left: 50px; padding-top: 50px; } .info-card { background-color: #f6f6f6; padding: 40px; margin: 40px auto; width: 80%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 10px; } .info-content { text-align: left; display: flex; flex-direction: column; align-items: center; } .logo { font-size: 48px; color: #333; } .info-details { display: flex; justify-content: space-between; width: 100%; margin-top: 20px; } .info-item { width: 30%; text-align: center; } .info-item h3 { margin-bottom: 10px; } .info-item p { margin: 0; } .info-button { margin-top: 20px; padding: 10px 20px; background-color: #333; color: #fff; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; } .info-button:hover { background-color: #555; } footer { background-color: #f8f9fa; padding: 20px; bottom: 0; } .footer-content { display: flex; justify-content: space-between; flex-wrap: wrap; } .footer-logo { flex: 1 1 100%; text-align: center; margin-bottom: 20px; } .footer-logo img { max-width: 150px; } .footer-column { flex: 1 1 20%; margin-bottom: 20px; } .footer-column h4 { margin-bottom: 10px; } .footer-column ul { list-style: none; padding: 0; } .footer-column ul li { margin-bottom: 5px; } .footer-column ul li a { text-decoration: none; color: #000; } .footer-column ul li a:hover { text-decoration: underline; } .footer-contact { text-align: center; margin-top: 20px; } .footer-contact p { margin: 5px 0; } .footer-social { margin-top: 10px; } .footer-social a { margin: 0 10px; } .footer-social img { width: 24px; } .catalog { width: 100%; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .catalog h2 { text-align: center; margin-bottom: 20px; } .product-list { display: flex; flex-wrap: wrap; gap: 20px; } .product-card { display: flex; flex-grow: 1; flex-shrink: 1; flex-basis: calc(33.333% - 20px); box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } .product-image { width: 50%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .product-card h3 { margin: 0 0 10px; } .product-card p { margin: 0; } a { color: black; text-decoration: none; } .favorites { width: 80%; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .favorites h2 { text-align: center; margin-bottom: 20px; } .favorite-list { display: flex; flex-wrap: wrap; gap: 20px; } .favorite-card { flex-grow: 1; flex-shrink: 1; flex-basis: calc(33.333% - 20px); box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } .favorite-image { width: 100%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .favorite-card h3 { margin: 0 0 10px; } .favorite-card p { margin: 0; } `, "",{"version":3,"sources":["webpack://./src/App.css"],"names":[],"mappings":"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","sourcesContent":[".header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 20px;\n background-color: #fff;\n border-bottom: 1px solid #ccc;\n}\n\n.logo {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.logo-text {\n font-size: 24px;\n font-weight: bold;\n color: #333;\n}\n\n.nav {\n display: flex;\n align-items: center;\n}\n\n.menu-button {\n margin-right: 20px;\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n}\n\n.search input {\n padding: 5px 10px;\n margin-left: 200px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n.user-actions {\n display: flex;\n align-items: center;\n}\n\n.icon-button {\n background: none;\n border: none;\n font-size: 24px;\n margin-left: 10px;\n cursor: pointer;\n}\n\n/* src/App.css */\n.App {\n text-align: center;\n font-family: Arial, sans-serif;\n}\n\n.categories {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n}\n\n.category-card-link {\n text-decoration: none;\n color: black !important;\n}\n\n.category-card {\n position: relative;\n width: 400px;\n height: 300px;\n margin: 10px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.category-card:hover {\n transform: translateY(-5px);\n}\n\n.category-image {\n width: 100%;\n height: 60%;\n object-fit: cover;\n}\n\n.category-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n text-decoration: none;\n}\n\n.arrow {\n font-size: 20px;\n}\n\nh1 {\n display: flex;\n padding-left: 50px;\n padding-top: 50px;\n}\n\n.info-card {\n background-color: #f6f6f6;\n padding: 40px;\n margin: 40px auto;\n width: 80%;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n}\n\n.info-content {\n text-align: left;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.logo {\n font-size: 48px;\n color: #333;\n}\n\n.info-details {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n}\n\n.info-item {\n width: 30%;\n text-align: center;\n}\n\n.info-item h3 {\n margin-bottom: 10px;\n}\n\n.info-item p {\n margin: 0;\n}\n\n.info-button {\n margin-top: 20px;\n padding: 10px 20px;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.info-button:hover {\n background-color: #555;\n}\n\n\n\nfooter {\n background-color: #f8f9fa;\n padding: 20px;\n bottom: 0;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.footer-logo {\n flex: 1 1 100%;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.footer-logo img {\n max-width: 150px;\n}\n\n.footer-column {\n flex: 1 1 20%;\n margin-bottom: 20px;\n}\n\n.footer-column h4 {\n margin-bottom: 10px;\n}\n\n.footer-column ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-column ul li {\n margin-bottom: 5px;\n}\n\n.footer-column ul li a {\n text-decoration: none;\n color: #000;\n}\n\n.footer-column ul li a:hover {\n text-decoration: underline;\n}\n\n.footer-contact {\n text-align: center;\n margin-top: 20px;\n}\n\n.footer-contact p {\n margin: 5px 0;\n}\n\n.footer-social {\n margin-top: 10px;\n}\n\n.footer-social a {\n margin: 0 10px;\n}\n\n.footer-social img {\n width: 24px;\n}\n\n.catalog {\n width: 100%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.catalog h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.product-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.product-card {\n display: flex;\n flex: 1 1 calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.product-image {\n width: 50%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.product-card h3 {\n margin: 0 0 10px;\n}\n\n.product-card p {\n margin: 0;\n}\n\na {\n color: black;\n text-decoration: none;\n}\n\n.favorites {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.favorites h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.favorite-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.favorite-card {\n flex: 1 1 calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.favorite-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.favorite-card h3 {\n margin: 0 0 10px;\n}\n\n.favorite-card p {\n margin: 0;\n}\n\n\n"],"sourceRoot":""}]); // Exports ___CSS_LOADER_EXPORT___.locals = {}; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("186b9cab17e4cfc3c2bf") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.152abccf6c2b9472130c.hot-update.js.map?>{"version":3,"file":"main.152abccf6c2b9472130c.hot-update.js","mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC/VA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/App.css","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 20px;\n background-color: #fff;\n border-bottom: 1px solid #ccc;\n}\n\n.logo {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.logo-text {\n font-size: 24px;\n font-weight: bold;\n color: #333;\n}\n\n.nav {\n display: flex;\n align-items: center;\n}\n\n.menu-button {\n margin-right: 20px;\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n}\n\n.search input {\n padding: 5px 10px;\n margin-left: 200px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n.user-actions {\n display: flex;\n align-items: center;\n}\n\n.icon-button {\n background: none;\n border: none;\n font-size: 24px;\n margin-left: 10px;\n cursor: pointer;\n}\n\n/* src/App.css */\n.App {\n text-align: center;\n font-family: Arial, sans-serif;\n}\n\n.categories {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n}\n\n.category-card-link {\n text-decoration: none;\n color: black !important;\n}\n\n.category-card {\n position: relative;\n width: 400px;\n height: 300px;\n margin: 10px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.category-card:hover {\n transform: translateY(-5px);\n}\n\n.category-image {\n width: 100%;\n height: 60%;\n object-fit: cover;\n}\n\n.category-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n text-decoration: none;\n}\n\n.arrow {\n font-size: 20px;\n}\n\nh1 {\n display: flex;\n padding-left: 50px;\n padding-top: 50px;\n}\n\n.info-card {\n background-color: #f6f6f6;\n padding: 40px;\n margin: 40px auto;\n width: 80%;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n}\n\n.info-content {\n text-align: left;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.logo {\n font-size: 48px;\n color: #333;\n}\n\n.info-details {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n}\n\n.info-item {\n width: 30%;\n text-align: center;\n}\n\n.info-item h3 {\n margin-bottom: 10px;\n}\n\n.info-item p {\n margin: 0;\n}\n\n.info-button {\n margin-top: 20px;\n padding: 10px 20px;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.info-button:hover {\n background-color: #555;\n}\n\n\n\nfooter {\n background-color: #f8f9fa;\n padding: 20px;\n bottom: 0;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.footer-logo {\n flex: 1 1 100%;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.footer-logo img {\n max-width: 150px;\n}\n\n.footer-column {\n flex: 1 1 20%;\n margin-bottom: 20px;\n}\n\n.footer-column h4 {\n margin-bottom: 10px;\n}\n\n.footer-column ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-column ul li {\n margin-bottom: 5px;\n}\n\n.footer-column ul li a {\n text-decoration: none;\n color: #000;\n}\n\n.footer-column ul li a:hover {\n text-decoration: underline;\n}\n\n.footer-contact {\n text-align: center;\n margin-top: 20px;\n}\n\n.footer-contact p {\n margin: 5px 0;\n}\n\n.footer-social {\n margin-top: 10px;\n}\n\n.footer-social a {\n margin: 0 10px;\n}\n\n.footer-social img {\n width: 24px;\n}\n\n.catalog {\n width: 100%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.catalog h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.product-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.product-card {\n display: flex;\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.product-image {\n width: 50%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.product-card h3 {\n margin: 0 0 10px;\n}\n\n.product-card p {\n margin: 0;\n}\n\na {\n color: black;\n text-decoration: none;\n}\n\n.favorites {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.favorites h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.favorite-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.favorite-card {\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.favorite-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.favorite-card h3 {\n margin: 0 0 10px;\n}\n\n.favorite-card p {\n margin: 0;\n}\n\n\n`, \"\",{\"version\":3,\"sources\":[\"webpack://./src/App.css\"],\"names\":[],\"mappings\":\"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\",\"sourcesContent\":[\".header {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: 10px 20px;\\n background-color: #fff;\\n border-bottom: 1px solid #ccc;\\n}\\n\\n.logo {\\n display: flex;\\n align-items: center;\\n padding: 0;\\n}\\n\\n.logo-text {\\n font-size: 24px;\\n font-weight: bold;\\n color: #333;\\n}\\n\\n.nav {\\n display: flex;\\n align-items: center;\\n}\\n\\n.menu-button {\\n margin-right: 20px;\\n background: none;\\n border: none;\\n font-size: 18px;\\n cursor: pointer;\\n}\\n\\n.search input {\\n padding: 5px 10px;\\n margin-left: 200px;\\n font-size: 16px;\\n border: 1px solid #ccc;\\n border-radius: 4px;\\n}\\n\\n.user-actions {\\n display: flex;\\n align-items: center;\\n}\\n\\n.icon-button {\\n background: none;\\n border: none;\\n font-size: 24px;\\n margin-left: 10px;\\n cursor: pointer;\\n}\\n\\n/* src/App.css */\\n.App {\\n text-align: center;\\n font-family: Arial, sans-serif;\\n}\\n\\n.categories {\\n display: flex;\\n justify-content: space-around;\\n flex-wrap: wrap;\\n margin-top: 20px;\\n}\\n\\n.category-card-link {\\n text-decoration: none;\\n color: black !important;\\n}\\n\\n.category-card {\\n position: relative;\\n width: 400px;\\n height: 300px;\\n margin: 10px;\\n overflow: hidden;\\n border-radius: 10px;\\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\\n transition: transform 0.3s ease;\\n}\\n\\n.category-card:hover {\\n transform: translateY(-5px);\\n}\\n\\n.category-image {\\n width: 100%;\\n height: 60%;\\n object-fit: cover;\\n}\\n\\n.category-info {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: 10px;\\n text-decoration: none;\\n}\\n\\n.arrow {\\n font-size: 20px;\\n}\\n\\nh1 {\\n display: flex;\\n padding-left: 50px;\\n padding-top: 50px;\\n}\\n\\n.info-card {\\n background-color: #f6f6f6;\\n padding: 40px;\\n margin: 40px auto;\\n width: 80%;\\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\\n border-radius: 10px;\\n}\\n\\n.info-content {\\n text-align: left;\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n}\\n\\n.logo {\\n font-size: 48px;\\n color: #333;\\n}\\n\\n.info-details {\\n display: flex;\\n justify-content: space-between;\\n width: 100%;\\n margin-top: 20px;\\n}\\n\\n.info-item {\\n width: 30%;\\n text-align: center;\\n}\\n\\n.info-item h3 {\\n margin-bottom: 10px;\\n}\\n\\n.info-item p {\\n margin: 0;\\n}\\n\\n.info-button {\\n margin-top: 20px;\\n padding: 10px 20px;\\n background-color: #333;\\n color: #fff;\\n border: none;\\n border-radius: 5px;\\n cursor: pointer;\\n font-size: 16px;\\n}\\n\\n.info-button:hover {\\n background-color: #555;\\n}\\n\\n\\n\\nfooter {\\n background-color: #f8f9fa;\\n padding: 20px;\\n bottom: 0;\\n}\\n\\n.footer-content {\\n display: flex;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n\\n.footer-logo {\\n flex: 1 1 100%;\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.footer-logo img {\\n max-width: 150px;\\n}\\n\\n.footer-column {\\n flex: 1 1 20%;\\n margin-bottom: 20px;\\n}\\n\\n.footer-column h4 {\\n margin-bottom: 10px;\\n}\\n\\n.footer-column ul {\\n list-style: none;\\n padding: 0;\\n}\\n\\n.footer-column ul li {\\n margin-bottom: 5px;\\n}\\n\\n.footer-column ul li a {\\n text-decoration: none;\\n color: #000;\\n}\\n\\n.footer-column ul li a:hover {\\n text-decoration: underline;\\n}\\n\\n.footer-contact {\\n text-align: center;\\n margin-top: 20px;\\n}\\n\\n.footer-contact p {\\n margin: 5px 0;\\n}\\n\\n.footer-social {\\n margin-top: 10px;\\n}\\n\\n.footer-social a {\\n margin: 0 10px;\\n}\\n\\n.footer-social img {\\n width: 24px;\\n}\\n\\n.catalog {\\n width: 100%;\\n margin: 0 auto;\\n padding: 20px;\\n background-color: #f9f9f9;\\n border-radius: 8px;\\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\\n}\\n\\n.catalog h2 {\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.product-list {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 20px;\\n}\\n\\n.product-card {\\n display: flex;\\n flex: 1 1 calc(33.333% - 20px);\\n box-sizing: border-box;\\n padding: 20px;\\n background-color: #fff;\\n border-radius: 8px;\\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\\n text-align: center;\\n}\\n\\n.product-image {\\n width: 50%;\\n height: auto;\\n object-fit: cover;\\n border-radius: 8px;\\n margin-bottom: 10px;\\n}\\n\\n.product-card h3 {\\n margin: 0 0 10px;\\n}\\n\\n.product-card p {\\n margin: 0;\\n}\\n\\na {\\n color: black;\\n text-decoration: none;\\n}\\n\\n.favorites {\\n width: 80%;\\n margin: 0 auto;\\n padding: 20px;\\n background-color: #f9f9f9;\\n border-radius: 8px;\\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\\n}\\n\\n.favorites h2 {\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.favorite-list {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 20px;\\n}\\n\\n.favorite-card {\\n flex: 1 1 calc(33.333% - 20px);\\n box-sizing: border-box;\\n padding: 20px;\\n background-color: #fff;\\n border-radius: 8px;\\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\\n text-align: center;\\n}\\n\\n.favorite-image {\\n width: 100%;\\n height: auto;\\n object-fit: cover;\\n border-radius: 8px;\\n margin-bottom: 10px;\\n}\\n\\n.favorite-card h3 {\\n margin: 0 0 10px;\\n}\\n\\n.favorite-card p {\\n margin: 0;\\n}\\n\\n\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {};\nexport default ___CSS_LOADER_EXPORT___;\n","__webpack_require__.h = () => (\"186b9cab17e4cfc3c2bf\")"],"names":[],"sourceRoot":""}��`��main.186b9cab17e4cfc3c2bf.hot-update.js�main.186b9cab17e4cfc3c2bf.hot-update.js.map�;"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css": /*!****************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css ***! \****************************************************************************************************************************************************************************************************************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__); // Imports var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default())); // Module ___CSS_LOADER_EXPORT___.push([module.id, `.header { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background-color: #fff; border-bottom: 1px solid #ccc; } .logo { display: flex; align-items: center; padding: 0; } .logo-text { font-size: 24px; font-weight: bold; color: #333; } .nav { display: flex; align-items: center; } .menu-button { margin-right: 20px; background: none; border: none; font-size: 18px; cursor: pointer; } .search input { padding: 5px 10px; margin-left: 200px; font-size: 16px; border: 1px solid #ccc; border-radius: 4px; } .user-actions { display: flex; align-items: center; } .icon-button { background: none; border: none; font-size: 24px; margin-left: 10px; cursor: pointer; } /* src/App.css */ .App { text-align: center; font-family: Arial, sans-serif; } .categories { display: flex; justify-content: space-around; flex-wrap: wrap; margin-top: 20px; } .category-card-link { text-decoration: none; color: black !important; } .category-card { position: relative; width: 400px; height: 300px; margin: 10px; overflow: hidden; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; } .category-card:hover { transform: translateY(-5px); } .category-image { width: 100%; height: 60%; object-fit: cover; } .category-info { display: flex; justify-content: space-between; align-items: center; padding: 10px; text-decoration: none; } .arrow { font-size: 20px; } h1 { display: flex; padding-left: 50px; padding-top: 50px; } .info-card { background-color: #f6f6f6; padding: 40px; margin: 40px auto; width: 80%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 10px; } .info-content { text-align: left; display: flex; flex-direction: column; align-items: center; } .logo { font-size: 48px; color: #333; } .info-details { display: flex; justify-content: space-between; width: 100%; margin-top: 20px; } .info-item { width: 30%; text-align: center; } .info-item h3 { margin-bottom: 10px; } .info-item p { margin: 0; } .info-button { margin-top: 20px; padding: 10px 20px; background-color: #333; color: #fff; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; } .info-button:hover { background-color: #555; } footer { background-color: #f8f9fa; padding: 20px; bottom: 0; } .footer-content { display: flex; justify-content: space-between; flex-wrap: wrap; } .footer-logo { flex: 1 1 100%; text-align: center; margin-bottom: 20px; } .footer-logo img { max-width: 150px; } .footer-column { flex: 1 1 20%; margin-bottom: 20px; } .footer-column h4 { margin-bottom: 10px; } .footer-column ul { list-style: none; padding: 0; } .footer-column ul li { margin-bottom: 5px; } .footer-column ul li a { text-decoration: none; color: #000; } .footer-column ul li a:hover { text-decoration: underline; } .footer-contact { text-align: center; margin-top: 20px; } .footer-contact p { margin: 5px 0; } .footer-social { margin-top: 10px; } .footer-social a { margin: 0 10px; } .footer-social img { width: 24px; } .catalog { width: 100%; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .catalog h2 { text-align: center; margin-bottom: 20px; } .product-list { display: flex; flex-wrap: wrap; gap: 20px; } .product-card { display: flex; flex-grow: 1; flex-shrink: 1; flex-basis: calc(33.333% - 20px); box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } .product-image { width: 20%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .product-card h3 { margin: 0 0 10px; } .product-card p { margin: 0; } a { color: black; text-decoration: none; } .favorites { width: 80%; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .favorites h2 { text-align: center; margin-bottom: 20px; } .favorite-list { display: flex; flex-wrap: wrap; gap: 20px; } .favorite-card { flex-grow: 1; flex-shrink: 1; flex-basis: calc(33.333% - 20px); box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } .favorite-image { width: 100%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .favorite-card h3 { margin: 0 0 10px; } .favorite-card p { margin: 0; } `, "",{"version":3,"sources":["webpack://./src/App.css"],"names":[],"mappings":"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","sourcesContent":[".header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 20px;\n background-color: #fff;\n border-bottom: 1px solid #ccc;\n}\n\n.logo {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.logo-text {\n font-size: 24px;\n font-weight: bold;\n color: #333;\n}\n\n.nav {\n display: flex;\n align-items: center;\n}\n\n.menu-button {\n margin-right: 20px;\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n}\n\n.search input {\n padding: 5px 10px;\n margin-left: 200px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n.user-actions {\n display: flex;\n align-items: center;\n}\n\n.icon-button {\n background: none;\n border: none;\n font-size: 24px;\n margin-left: 10px;\n cursor: pointer;\n}\n\n/* src/App.css */\n.App {\n text-align: center;\n font-family: Arial, sans-serif;\n}\n\n.categories {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n}\n\n.category-card-link {\n text-decoration: none;\n color: black !important;\n}\n\n.category-card {\n position: relative;\n width: 400px;\n height: 300px;\n margin: 10px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.category-card:hover {\n transform: translateY(-5px);\n}\n\n.category-image {\n width: 100%;\n height: 60%;\n object-fit: cover;\n}\n\n.category-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n text-decoration: none;\n}\n\n.arrow {\n font-size: 20px;\n}\n\nh1 {\n display: flex;\n padding-left: 50px;\n padding-top: 50px;\n}\n\n.info-card {\n background-color: #f6f6f6;\n padding: 40px;\n margin: 40px auto;\n width: 80%;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n}\n\n.info-content {\n text-align: left;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.logo {\n font-size: 48px;\n color: #333;\n}\n\n.info-details {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n}\n\n.info-item {\n width: 30%;\n text-align: center;\n}\n\n.info-item h3 {\n margin-bottom: 10px;\n}\n\n.info-item p {\n margin: 0;\n}\n\n.info-button {\n margin-top: 20px;\n padding: 10px 20px;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.info-button:hover {\n background-color: #555;\n}\n\n\n\nfooter {\n background-color: #f8f9fa;\n padding: 20px;\n bottom: 0;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.footer-logo {\n flex: 1 1 100%;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.footer-logo img {\n max-width: 150px;\n}\n\n.footer-column {\n flex: 1 1 20%;\n margin-bottom: 20px;\n}\n\n.footer-column h4 {\n margin-bottom: 10px;\n}\n\n.footer-column ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-column ul li {\n margin-bottom: 5px;\n}\n\n.footer-column ul li a {\n text-decoration: none;\n color: #000;\n}\n\n.footer-column ul li a:hover {\n text-decoration: underline;\n}\n\n.footer-contact {\n text-align: center;\n margin-top: 20px;\n}\n\n.footer-contact p {\n margin: 5px 0;\n}\n\n.footer-social {\n margin-top: 10px;\n}\n\n.footer-social a {\n margin: 0 10px;\n}\n\n.footer-social img {\n width: 24px;\n}\n\n.catalog {\n width: 100%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.catalog h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.product-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.product-card {\n display: flex;\n flex: 1 1 calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.product-image {\n width: 20%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.product-card h3 {\n margin: 0 0 10px;\n}\n\n.product-card p {\n margin: 0;\n}\n\na {\n color: black;\n text-decoration: none;\n}\n\n.favorites {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.favorites h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.favorite-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.favorite-card {\n flex: 1 1 calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.favorite-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.favorite-card h3 {\n margin: 0 0 10px;\n}\n\n.favorite-card p {\n margin: 0;\n}\n\n\n"],"sourceRoot":""}]); // Exports ___CSS_LOADER_EXPORT___.locals = {}; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("6593386059125ab683a3") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.186b9cab17e4cfc3c2bf.hot-update.js.map?>{"version":3,"file":"main.186b9cab17e4cfc3c2bf.hot-update.js","mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC/VA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/App.css","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 20px;\n background-color: #fff;\n border-bottom: 1px solid #ccc;\n}\n\n.logo {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.logo-text {\n font-size: 24px;\n font-weight: bold;\n color: #333;\n}\n\n.nav {\n display: flex;\n align-items: center;\n}\n\n.menu-button {\n margin-right: 20px;\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n}\n\n.search input {\n padding: 5px 10px;\n margin-left: 200px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n.user-actions {\n display: flex;\n align-items: center;\n}\n\n.icon-button {\n background: none;\n border: none;\n font-size: 24px;\n margin-left: 10px;\n cursor: pointer;\n}\n\n/* src/App.css */\n.App {\n text-align: center;\n font-family: Arial, sans-serif;\n}\n\n.categories {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n}\n\n.category-card-link {\n text-decoration: none;\n color: black !important;\n}\n\n.category-card {\n position: relative;\n width: 400px;\n height: 300px;\n margin: 10px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.category-card:hover {\n transform: translateY(-5px);\n}\n\n.category-image {\n width: 100%;\n height: 60%;\n object-fit: cover;\n}\n\n.category-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n text-decoration: none;\n}\n\n.arrow {\n font-size: 20px;\n}\n\nh1 {\n display: flex;\n padding-left: 50px;\n padding-top: 50px;\n}\n\n.info-card {\n background-color: #f6f6f6;\n padding: 40px;\n margin: 40px auto;\n width: 80%;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n}\n\n.info-content {\n text-align: left;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.logo {\n font-size: 48px;\n color: #333;\n}\n\n.info-details {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n}\n\n.info-item {\n width: 30%;\n text-align: center;\n}\n\n.info-item h3 {\n margin-bottom: 10px;\n}\n\n.info-item p {\n margin: 0;\n}\n\n.info-button {\n margin-top: 20px;\n padding: 10px 20px;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.info-button:hover {\n background-color: #555;\n}\n\n\n\nfooter {\n background-color: #f8f9fa;\n padding: 20px;\n bottom: 0;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.footer-logo {\n flex: 1 1 100%;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.footer-logo img {\n max-width: 150px;\n}\n\n.footer-column {\n flex: 1 1 20%;\n margin-bottom: 20px;\n}\n\n.footer-column h4 {\n margin-bottom: 10px;\n}\n\n.footer-column ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-column ul li {\n margin-bottom: 5px;\n}\n\n.footer-column ul li a {\n text-decoration: none;\n color: #000;\n}\n\n.footer-column ul li a:hover {\n text-decoration: underline;\n}\n\n.footer-contact {\n text-align: center;\n margin-top: 20px;\n}\n\n.footer-contact p {\n margin: 5px 0;\n}\n\n.footer-social {\n margin-top: 10px;\n}\n\n.footer-social a {\n margin: 0 10px;\n}\n\n.footer-social img {\n width: 24px;\n}\n\n.catalog {\n width: 100%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.catalog h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.product-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.product-card {\n display: flex;\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.product-image {\n width: 20%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.product-card h3 {\n margin: 0 0 10px;\n}\n\n.product-card p {\n margin: 0;\n}\n\na {\n color: black;\n text-decoration: none;\n}\n\n.favorites {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.favorites h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.favorite-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.favorite-card {\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.favorite-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.favorite-card h3 {\n margin: 0 0 10px;\n}\n\n.favorite-card p {\n margin: 0;\n}\n\n\n`, \"\",{\"version\":3,\"sources\":[\"webpack://./src/App.css\"],\"names\":[],\"mappings\":\"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\",\"sourcesContent\":[\".header {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: 10px 20px;\\n background-color: #fff;\\n border-bottom: 1px solid #ccc;\\n}\\n\\n.logo {\\n display: flex;\\n align-items: center;\\n padding: 0;\\n}\\n\\n.logo-text {\\n font-size: 24px;\\n font-weight: bold;\\n color: #333;\\n}\\n\\n.nav {\\n display: flex;\\n align-items: center;\\n}\\n\\n.menu-button {\\n margin-right: 20px;\\n background: none;\\n border: none;\\n font-size: 18px;\\n cursor: pointer;\\n}\\n\\n.search input {\\n padding: 5px 10px;\\n margin-left: 200px;\\n font-size: 16px;\\n border: 1px solid #ccc;\\n border-radius: 4px;\\n}\\n\\n.user-actions {\\n display: flex;\\n align-items: center;\\n}\\n\\n.icon-button {\\n background: none;\\n border: none;\\n font-size: 24px;\\n margin-left: 10px;\\n cursor: pointer;\\n}\\n\\n/* src/App.css */\\n.App {\\n text-align: center;\\n font-family: Arial, sans-serif;\\n}\\n\\n.categories {\\n display: flex;\\n justify-content: space-around;\\n flex-wrap: wrap;\\n margin-top: 20px;\\n}\\n\\n.category-card-link {\\n text-decoration: none;\\n color: black !important;\\n}\\n\\n.category-card {\\n position: relative;\\n width: 400px;\\n height: 300px;\\n margin: 10px;\\n overflow: hidden;\\n border-radius: 10px;\\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\\n transition: transform 0.3s ease;\\n}\\n\\n.category-card:hover {\\n transform: translateY(-5px);\\n}\\n\\n.category-image {\\n width: 100%;\\n height: 60%;\\n object-fit: cover;\\n}\\n\\n.category-info {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: 10px;\\n text-decoration: none;\\n}\\n\\n.arrow {\\n font-size: 20px;\\n}\\n\\nh1 {\\n display: flex;\\n padding-left: 50px;\\n padding-top: 50px;\\n}\\n\\n.info-card {\\n background-color: #f6f6f6;\\n padding: 40px;\\n margin: 40px auto;\\n width: 80%;\\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\\n border-radius: 10px;\\n}\\n\\n.info-content {\\n text-align: left;\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n}\\n\\n.logo {\\n font-size: 48px;\\n color: #333;\\n}\\n\\n.info-details {\\n display: flex;\\n justify-content: space-between;\\n width: 100%;\\n margin-top: 20px;\\n}\\n\\n.info-item {\\n width: 30%;\\n text-align: center;\\n}\\n\\n.info-item h3 {\\n margin-bottom: 10px;\\n}\\n\\n.info-item p {\\n margin: 0;\\n}\\n\\n.info-button {\\n margin-top: 20px;\\n padding: 10px 20px;\\n background-color: #333;\\n color: #fff;\\n border: none;\\n border-radius: 5px;\\n cursor: pointer;\\n font-size: 16px;\\n}\\n\\n.info-button:hover {\\n background-color: #555;\\n}\\n\\n\\n\\nfooter {\\n background-color: #f8f9fa;\\n padding: 20px;\\n bottom: 0;\\n}\\n\\n.footer-content {\\n display: flex;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n\\n.footer-logo {\\n flex: 1 1 100%;\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.footer-logo img {\\n max-width: 150px;\\n}\\n\\n.footer-column {\\n flex: 1 1 20%;\\n margin-bottom: 20px;\\n}\\n\\n.footer-column h4 {\\n margin-bottom: 10px;\\n}\\n\\n.footer-column ul {\\n list-style: none;\\n padding: 0;\\n}\\n\\n.footer-column ul li {\\n margin-bottom: 5px;\\n}\\n\\n.footer-column ul li a {\\n text-decoration: none;\\n color: #000;\\n}\\n\\n.footer-column ul li a:hover {\\n text-decoration: underline;\\n}\\n\\n.footer-contact {\\n text-align: center;\\n margin-top: 20px;\\n}\\n\\n.footer-contact p {\\n margin: 5px 0;\\n}\\n\\n.footer-social {\\n margin-top: 10px;\\n}\\n\\n.footer-social a {\\n margin: 0 10px;\\n}\\n\\n.footer-social img {\\n width: 24px;\\n}\\n\\n.catalog {\\n width: 100%;\\n margin: 0 auto;\\n padding: 20px;\\n background-color: #f9f9f9;\\n border-radius: 8px;\\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\\n}\\n\\n.catalog h2 {\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.product-list {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 20px;\\n}\\n\\n.product-card {\\n display: flex;\\n flex: 1 1 calc(33.333% - 20px);\\n box-sizing: border-box;\\n padding: 20px;\\n background-color: #fff;\\n border-radius: 8px;\\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\\n text-align: center;\\n}\\n\\n.product-image {\\n width: 20%;\\n height: auto;\\n object-fit: cover;\\n border-radius: 8px;\\n margin-bottom: 10px;\\n}\\n\\n.product-card h3 {\\n margin: 0 0 10px;\\n}\\n\\n.product-card p {\\n margin: 0;\\n}\\n\\na {\\n color: black;\\n text-decoration: none;\\n}\\n\\n.favorites {\\n width: 80%;\\n margin: 0 auto;\\n padding: 20px;\\n background-color: #f9f9f9;\\n border-radius: 8px;\\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\\n}\\n\\n.favorites h2 {\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.favorite-list {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 20px;\\n}\\n\\n.favorite-card {\\n flex: 1 1 calc(33.333% - 20px);\\n box-sizing: border-box;\\n padding: 20px;\\n background-color: #fff;\\n border-radius: 8px;\\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\\n text-align: center;\\n}\\n\\n.favorite-image {\\n width: 100%;\\n height: auto;\\n object-fit: cover;\\n border-radius: 8px;\\n margin-bottom: 10px;\\n}\\n\\n.favorite-card h3 {\\n margin: 0 0 10px;\\n}\\n\\n.favorite-card p {\\n margin: 0;\\n}\\n\\n\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {};\nexport default ___CSS_LOADER_EXPORT___;\n","__webpack_require__.h = () => (\"6593386059125ab683a3\")"],"names":[],"sourceRoot":""}��`��main.6593386059125ab683a3.hot-update.js�main.6593386059125ab683a3.hot-update.js.map5<"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css": /*!****************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css ***! \****************************************************************************************************************************************************************************************************************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__); // Imports var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default())); // Module ___CSS_LOADER_EXPORT___.push([module.id, `.header { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background-color: #fff; border-bottom: 1px solid #ccc; } .logo { display: flex; align-items: center; padding: 0; } .logo-text { font-size: 24px; font-weight: bold; color: #333; } .nav { display: flex; align-items: center; } .menu-button { margin-right: 20px; background: none; border: none; font-size: 18px; cursor: pointer; } .search input { padding: 5px 10px; margin-left: 200px; font-size: 16px; border: 1px solid #ccc; border-radius: 4px; } .user-actions { display: flex; align-items: center; } .icon-button { background: none; border: none; font-size: 24px; margin-left: 10px; cursor: pointer; } /* src/App.css */ .App { text-align: center; font-family: Arial, sans-serif; } .categories { display: flex; justify-content: space-around; flex-wrap: wrap; margin-top: 20px; } .category-card-link { text-decoration: none; color: black !important; } .category-card { position: relative; width: 400px; height: 300px; margin: 10px; overflow: hidden; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; } .category-card:hover { transform: translateY(-5px); } .category-image { width: 100%; height: 60%; object-fit: cover; } .category-info { display: flex; justify-content: space-between; align-items: center; padding: 10px; text-decoration: none; } .arrow { font-size: 20px; } h1 { display: flex; padding-left: 50px; padding-top: 50px; } .info-card { background-color: #f6f6f6; padding: 40px; margin: 40px auto; width: 80%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 10px; } .info-content { text-align: left; display: flex; flex-direction: column; align-items: center; } .logo { font-size: 48px; color: #333; } .info-details { display: flex; justify-content: space-between; width: 100%; margin-top: 20px; } .info-item { width: 30%; text-align: center; } .info-item h3 { margin-bottom: 10px; } .info-item p { margin: 0; } .info-button { margin-top: 20px; padding: 10px 20px; background-color: #333; color: #fff; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; } .info-button:hover { background-color: #555; } footer { background-color: #f8f9fa; padding: 20px; bottom: 0; } .footer-content { display: flex; justify-content: space-between; flex-wrap: wrap; } .footer-logo { flex: 1 1 100%; text-align: center; margin-bottom: 20px; } .footer-logo img { max-width: 150px; } .footer-column { flex: 1 1 20%; margin-bottom: 20px; } .footer-column h4 { margin-bottom: 10px; } .footer-column ul { list-style: none; padding: 0; } .footer-column ul li { margin-bottom: 5px; } .footer-column ul li a { text-decoration: none; color: #000; } .footer-column ul li a:hover { text-decoration: underline; } .footer-contact { text-align: center; margin-top: 20px; } .footer-contact p { margin: 5px 0; } .footer-social { margin-top: 10px; } .footer-social a { margin: 0 10px; } .footer-social img { width: 24px; } .catalog { width: 100%; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .catalog h2 { text-align: center; margin-bottom: 20px; margin-top: 20px; } .product-list { display: flex; flex-wrap: wrap; gap: 20px; } .product-card { display: flex; flex-grow: 1; flex-shrink: 1; flex-basis: calc(33.333% - 20px); box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } .product-image { width: 20%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .product-card h3 { margin: 0 0 10px; } .product-card p { margin: 0; } a { color: black; text-decoration: none; } .favorites { width: 80%; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .favorites h2 { text-align: center; margin-bottom: 20px; } .favorite-list { display: flex; flex-wrap: wrap; gap: 20px; } .favorite-card { flex-grow: 1; flex-shrink: 1; flex-basis: calc(33.333% - 20px); box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } .favorite-image { width: 100%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .favorite-card h3 { margin: 0 0 10px; } .favorite-card p { margin: 0; } `, "",{"version":3,"sources":["webpack://./src/App.css"],"names":[],"mappings":"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","sourcesContent":[".header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 20px;\n background-color: #fff;\n border-bottom: 1px solid #ccc;\n}\n\n.logo {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.logo-text {\n font-size: 24px;\n font-weight: bold;\n color: #333;\n}\n\n.nav {\n display: flex;\n align-items: center;\n}\n\n.menu-button {\n margin-right: 20px;\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n}\n\n.search input {\n padding: 5px 10px;\n margin-left: 200px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n.user-actions {\n display: flex;\n align-items: center;\n}\n\n.icon-button {\n background: none;\n border: none;\n font-size: 24px;\n margin-left: 10px;\n cursor: pointer;\n}\n\n/* src/App.css */\n.App {\n text-align: center;\n font-family: Arial, sans-serif;\n}\n\n.categories {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n}\n\n.category-card-link {\n text-decoration: none;\n color: black !important;\n}\n\n.category-card {\n position: relative;\n width: 400px;\n height: 300px;\n margin: 10px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.category-card:hover {\n transform: translateY(-5px);\n}\n\n.category-image {\n width: 100%;\n height: 60%;\n object-fit: cover;\n}\n\n.category-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n text-decoration: none;\n}\n\n.arrow {\n font-size: 20px;\n}\n\nh1 {\n display: flex;\n padding-left: 50px;\n padding-top: 50px;\n}\n\n.info-card {\n background-color: #f6f6f6;\n padding: 40px;\n margin: 40px auto;\n width: 80%;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n}\n\n.info-content {\n text-align: left;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.logo {\n font-size: 48px;\n color: #333;\n}\n\n.info-details {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n}\n\n.info-item {\n width: 30%;\n text-align: center;\n}\n\n.info-item h3 {\n margin-bottom: 10px;\n}\n\n.info-item p {\n margin: 0;\n}\n\n.info-button {\n margin-top: 20px;\n padding: 10px 20px;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.info-button:hover {\n background-color: #555;\n}\n\n\n\nfooter {\n background-color: #f8f9fa;\n padding: 20px;\n bottom: 0;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.footer-logo {\n flex: 1 1 100%;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.footer-logo img {\n max-width: 150px;\n}\n\n.footer-column {\n flex: 1 1 20%;\n margin-bottom: 20px;\n}\n\n.footer-column h4 {\n margin-bottom: 10px;\n}\n\n.footer-column ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-column ul li {\n margin-bottom: 5px;\n}\n\n.footer-column ul li a {\n text-decoration: none;\n color: #000;\n}\n\n.footer-column ul li a:hover {\n text-decoration: underline;\n}\n\n.footer-contact {\n text-align: center;\n margin-top: 20px;\n}\n\n.footer-contact p {\n margin: 5px 0;\n}\n\n.footer-social {\n margin-top: 10px;\n}\n\n.footer-social a {\n margin: 0 10px;\n}\n\n.footer-social img {\n width: 24px;\n}\n\n.catalog {\n width: 100%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.catalog h2 {\n text-align: center;\n margin-bottom: 20px;\n margin-top: 20px;\n}\n\n.product-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.product-card {\n display: flex;\n flex: 1 1 calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.product-image {\n width: 20%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.product-card h3 {\n margin: 0 0 10px;\n}\n\n.product-card p {\n margin: 0;\n}\n\na {\n color: black;\n text-decoration: none;\n}\n\n.favorites {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.favorites h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.favorite-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.favorite-card {\n flex: 1 1 calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.favorite-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.favorite-card h3 {\n margin: 0 0 10px;\n}\n\n.favorite-card p {\n margin: 0;\n}\n\n\n"],"sourceRoot":""}]); // Exports ___CSS_LOADER_EXPORT___.locals = {}; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("ec4be77c8b47849343a5") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.6593386059125ab683a3.hot-update.js.map|>{"version":3,"file":"main.6593386059125ab683a3.hot-update.js","mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AChWA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/App.css","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 20px;\n background-color: #fff;\n border-bottom: 1px solid #ccc;\n}\n\n.logo {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.logo-text {\n font-size: 24px;\n font-weight: bold;\n color: #333;\n}\n\n.nav {\n display: flex;\n align-items: center;\n}\n\n.menu-button {\n margin-right: 20px;\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n}\n\n.search input {\n padding: 5px 10px;\n margin-left: 200px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n.user-actions {\n display: flex;\n align-items: center;\n}\n\n.icon-button {\n background: none;\n border: none;\n font-size: 24px;\n margin-left: 10px;\n cursor: pointer;\n}\n\n/* src/App.css */\n.App {\n text-align: center;\n font-family: Arial, sans-serif;\n}\n\n.categories {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n}\n\n.category-card-link {\n text-decoration: none;\n color: black !important;\n}\n\n.category-card {\n position: relative;\n width: 400px;\n height: 300px;\n margin: 10px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.category-card:hover {\n transform: translateY(-5px);\n}\n\n.category-image {\n width: 100%;\n height: 60%;\n object-fit: cover;\n}\n\n.category-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n text-decoration: none;\n}\n\n.arrow {\n font-size: 20px;\n}\n\nh1 {\n display: flex;\n padding-left: 50px;\n padding-top: 50px;\n}\n\n.info-card {\n background-color: #f6f6f6;\n padding: 40px;\n margin: 40px auto;\n width: 80%;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n}\n\n.info-content {\n text-align: left;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.logo {\n font-size: 48px;\n color: #333;\n}\n\n.info-details {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n}\n\n.info-item {\n width: 30%;\n text-align: center;\n}\n\n.info-item h3 {\n margin-bottom: 10px;\n}\n\n.info-item p {\n margin: 0;\n}\n\n.info-button {\n margin-top: 20px;\n padding: 10px 20px;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.info-button:hover {\n background-color: #555;\n}\n\n\n\nfooter {\n background-color: #f8f9fa;\n padding: 20px;\n bottom: 0;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.footer-logo {\n flex: 1 1 100%;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.footer-logo img {\n max-width: 150px;\n}\n\n.footer-column {\n flex: 1 1 20%;\n margin-bottom: 20px;\n}\n\n.footer-column h4 {\n margin-bottom: 10px;\n}\n\n.footer-column ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-column ul li {\n margin-bottom: 5px;\n}\n\n.footer-column ul li a {\n text-decoration: none;\n color: #000;\n}\n\n.footer-column ul li a:hover {\n text-decoration: underline;\n}\n\n.footer-contact {\n text-align: center;\n margin-top: 20px;\n}\n\n.footer-contact p {\n margin: 5px 0;\n}\n\n.footer-social {\n margin-top: 10px;\n}\n\n.footer-social a {\n margin: 0 10px;\n}\n\n.footer-social img {\n width: 24px;\n}\n\n.catalog {\n width: 100%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.catalog h2 {\n text-align: center;\n margin-bottom: 20px;\n margin-top: 20px;\n}\n\n.product-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.product-card {\n display: flex;\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.product-image {\n width: 20%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.product-card h3 {\n margin: 0 0 10px;\n}\n\n.product-card p {\n margin: 0;\n}\n\na {\n color: black;\n text-decoration: none;\n}\n\n.favorites {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.favorites h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.favorite-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.favorite-card {\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.favorite-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.favorite-card h3 {\n margin: 0 0 10px;\n}\n\n.favorite-card p {\n margin: 0;\n}\n\n\n`, \"\",{\"version\":3,\"sources\":[\"webpack://./src/App.css\"],\"names\":[],\"mappings\":\"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\",\"sourcesContent\":[\".header {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: 10px 20px;\\n background-color: #fff;\\n border-bottom: 1px solid #ccc;\\n}\\n\\n.logo {\\n display: flex;\\n align-items: center;\\n padding: 0;\\n}\\n\\n.logo-text {\\n font-size: 24px;\\n font-weight: bold;\\n color: #333;\\n}\\n\\n.nav {\\n display: flex;\\n align-items: center;\\n}\\n\\n.menu-button {\\n margin-right: 20px;\\n background: none;\\n border: none;\\n font-size: 18px;\\n cursor: pointer;\\n}\\n\\n.search input {\\n padding: 5px 10px;\\n margin-left: 200px;\\n font-size: 16px;\\n border: 1px solid #ccc;\\n border-radius: 4px;\\n}\\n\\n.user-actions {\\n display: flex;\\n align-items: center;\\n}\\n\\n.icon-button {\\n background: none;\\n border: none;\\n font-size: 24px;\\n margin-left: 10px;\\n cursor: pointer;\\n}\\n\\n/* src/App.css */\\n.App {\\n text-align: center;\\n font-family: Arial, sans-serif;\\n}\\n\\n.categories {\\n display: flex;\\n justify-content: space-around;\\n flex-wrap: wrap;\\n margin-top: 20px;\\n}\\n\\n.category-card-link {\\n text-decoration: none;\\n color: black !important;\\n}\\n\\n.category-card {\\n position: relative;\\n width: 400px;\\n height: 300px;\\n margin: 10px;\\n overflow: hidden;\\n border-radius: 10px;\\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\\n transition: transform 0.3s ease;\\n}\\n\\n.category-card:hover {\\n transform: translateY(-5px);\\n}\\n\\n.category-image {\\n width: 100%;\\n height: 60%;\\n object-fit: cover;\\n}\\n\\n.category-info {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: 10px;\\n text-decoration: none;\\n}\\n\\n.arrow {\\n font-size: 20px;\\n}\\n\\nh1 {\\n display: flex;\\n padding-left: 50px;\\n padding-top: 50px;\\n}\\n\\n.info-card {\\n background-color: #f6f6f6;\\n padding: 40px;\\n margin: 40px auto;\\n width: 80%;\\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\\n border-radius: 10px;\\n}\\n\\n.info-content {\\n text-align: left;\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n}\\n\\n.logo {\\n font-size: 48px;\\n color: #333;\\n}\\n\\n.info-details {\\n display: flex;\\n justify-content: space-between;\\n width: 100%;\\n margin-top: 20px;\\n}\\n\\n.info-item {\\n width: 30%;\\n text-align: center;\\n}\\n\\n.info-item h3 {\\n margin-bottom: 10px;\\n}\\n\\n.info-item p {\\n margin: 0;\\n}\\n\\n.info-button {\\n margin-top: 20px;\\n padding: 10px 20px;\\n background-color: #333;\\n color: #fff;\\n border: none;\\n border-radius: 5px;\\n cursor: pointer;\\n font-size: 16px;\\n}\\n\\n.info-button:hover {\\n background-color: #555;\\n}\\n\\n\\n\\nfooter {\\n background-color: #f8f9fa;\\n padding: 20px;\\n bottom: 0;\\n}\\n\\n.footer-content {\\n display: flex;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n\\n.footer-logo {\\n flex: 1 1 100%;\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.footer-logo img {\\n max-width: 150px;\\n}\\n\\n.footer-column {\\n flex: 1 1 20%;\\n margin-bottom: 20px;\\n}\\n\\n.footer-column h4 {\\n margin-bottom: 10px;\\n}\\n\\n.footer-column ul {\\n list-style: none;\\n padding: 0;\\n}\\n\\n.footer-column ul li {\\n margin-bottom: 5px;\\n}\\n\\n.footer-column ul li a {\\n text-decoration: none;\\n color: #000;\\n}\\n\\n.footer-column ul li a:hover {\\n text-decoration: underline;\\n}\\n\\n.footer-contact {\\n text-align: center;\\n margin-top: 20px;\\n}\\n\\n.footer-contact p {\\n margin: 5px 0;\\n}\\n\\n.footer-social {\\n margin-top: 10px;\\n}\\n\\n.footer-social a {\\n margin: 0 10px;\\n}\\n\\n.footer-social img {\\n width: 24px;\\n}\\n\\n.catalog {\\n width: 100%;\\n margin: 0 auto;\\n padding: 20px;\\n background-color: #f9f9f9;\\n border-radius: 8px;\\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\\n}\\n\\n.catalog h2 {\\n text-align: center;\\n margin-bottom: 20px;\\n margin-top: 20px;\\n}\\n\\n.product-list {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 20px;\\n}\\n\\n.product-card {\\n display: flex;\\n flex: 1 1 calc(33.333% - 20px);\\n box-sizing: border-box;\\n padding: 20px;\\n background-color: #fff;\\n border-radius: 8px;\\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\\n text-align: center;\\n}\\n\\n.product-image {\\n width: 20%;\\n height: auto;\\n object-fit: cover;\\n border-radius: 8px;\\n margin-bottom: 10px;\\n}\\n\\n.product-card h3 {\\n margin: 0 0 10px;\\n}\\n\\n.product-card p {\\n margin: 0;\\n}\\n\\na {\\n color: black;\\n text-decoration: none;\\n}\\n\\n.favorites {\\n width: 80%;\\n margin: 0 auto;\\n padding: 20px;\\n background-color: #f9f9f9;\\n border-radius: 8px;\\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\\n}\\n\\n.favorites h2 {\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.favorite-list {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 20px;\\n}\\n\\n.favorite-card {\\n flex: 1 1 calc(33.333% - 20px);\\n box-sizing: border-box;\\n padding: 20px;\\n background-color: #fff;\\n border-radius: 8px;\\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\\n text-align: center;\\n}\\n\\n.favorite-image {\\n width: 100%;\\n height: auto;\\n object-fit: cover;\\n border-radius: 8px;\\n margin-bottom: 10px;\\n}\\n\\n.favorite-card h3 {\\n margin: 0 0 10px;\\n}\\n\\n.favorite-card p {\\n margin: 0;\\n}\\n\\n\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {};\nexport default ___CSS_LOADER_EXPORT___;\n","__webpack_require__.h = () => (\"ec4be77c8b47849343a5\")"],"names":[],"sourceRoot":""}��`��main.ec4be77c8b47849343a5.hot-update.js�main.ec4be77c8b47849343a5.hot-update.js.map�<"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css": /*!****************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css ***! \****************************************************************************************************************************************************************************************************************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__); // Imports var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default())); // Module ___CSS_LOADER_EXPORT___.push([module.id, `.header { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background-color: #fff; border-bottom: 1px solid #ccc; } .logo { display: flex; align-items: center; padding: 0; } .logo-text { font-size: 24px; font-weight: bold; color: #333; } .nav { display: flex; align-items: center; } .menu-button { margin-right: 20px; background: none; border: none; font-size: 18px; cursor: pointer; } .search input { padding: 5px 10px; margin-left: 200px; font-size: 16px; border: 1px solid #ccc; border-radius: 4px; } .user-actions { display: flex; align-items: center; } .icon-button { background: none; border: none; font-size: 24px; margin-left: 10px; cursor: pointer; } /* src/App.css */ .App { text-align: center; font-family: Arial, sans-serif; } .categories { display: flex; justify-content: space-around; flex-wrap: wrap; margin-top: 20px; } .category-card-link { text-decoration: none; color: black !important; } .category-card { position: relative; width: 400px; height: 300px; margin: 10px; overflow: hidden; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; } .category-card:hover { transform: translateY(-5px); } .category-image { width: 100%; height: 60%; object-fit: cover; } .category-info { display: flex; justify-content: space-between; align-items: center; padding: 10px; text-decoration: none; } .arrow { font-size: 20px; } h1 { display: flex; padding-left: 50px; padding-top: 50px; } .info-card { background-color: #f6f6f6; padding: 40px; margin: 40px auto; width: 80%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 10px; } .info-content { text-align: left; display: flex; flex-direction: column; align-items: center; } .logo { font-size: 48px; color: #333; } .info-details { display: flex; justify-content: space-between; width: 100%; margin-top: 20px; } .info-item { width: 30%; text-align: center; } .info-item h3 { margin-bottom: 10px; } .info-item p { margin: 0; } .info-button { margin-top: 20px; padding: 10px 20px; background-color: #333; color: #fff; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; } .info-button:hover { background-color: #555; } footer { background-color: #f8f9fa; padding: 20px; bottom: 0; } .footer-content { display: flex; justify-content: space-between; flex-wrap: wrap; } .footer-logo { flex: 1 1 100%; text-align: center; margin-bottom: 20px; } .footer-logo img { max-width: 150px; } .footer-column { flex: 1 1 20%; margin-bottom: 20px; } .footer-column h4 { margin-bottom: 10px; } .footer-column ul { list-style: none; padding: 0; } .footer-column ul li { margin-bottom: 5px; } .footer-column ul li a { text-decoration: none; color: #000; } .footer-column ul li a:hover { text-decoration: underline; } .footer-contact { text-align: center; margin-top: 20px; } .footer-contact p { margin: 5px 0; } .footer-social { margin-top: 10px; } .footer-social a { margin: 0 10px; } .footer-social img { width: 24px; } .catalog { width: 100%; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .catalog h2 { text-align: center; margin-bottom: 20px; margin-top: 20px; } .product-list { display: flex; flex-wrap: wrap; gap: 20px; } .product-card { display: flex; flex-grow: 1; flex-shrink: 1; flex-basis: calc(33.333% - 20px); box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } .product-card h3 { padding: 5px; } .product-image { width: 20%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .product-card h3 { margin: 0 0 10px; } .product-card p { margin: 0; } a { color: black; text-decoration: none; } .favorites { width: 80%; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .favorites h2 { text-align: center; margin-bottom: 20px; } .favorite-list { display: flex; flex-wrap: wrap; gap: 20px; } .favorite-card { flex-grow: 1; flex-shrink: 1; flex-basis: calc(33.333% - 20px); box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } .favorite-image { width: 100%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .favorite-card h3 { margin: 0 0 10px; } .favorite-card p { margin: 0; } `, "",{"version":3,"sources":["webpack://./src/App.css"],"names":[],"mappings":"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","sourcesContent":[".header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 20px;\n background-color: #fff;\n border-bottom: 1px solid #ccc;\n}\n\n.logo {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.logo-text {\n font-size: 24px;\n font-weight: bold;\n color: #333;\n}\n\n.nav {\n display: flex;\n align-items: center;\n}\n\n.menu-button {\n margin-right: 20px;\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n}\n\n.search input {\n padding: 5px 10px;\n margin-left: 200px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n.user-actions {\n display: flex;\n align-items: center;\n}\n\n.icon-button {\n background: none;\n border: none;\n font-size: 24px;\n margin-left: 10px;\n cursor: pointer;\n}\n\n/* src/App.css */\n.App {\n text-align: center;\n font-family: Arial, sans-serif;\n}\n\n.categories {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n}\n\n.category-card-link {\n text-decoration: none;\n color: black !important;\n}\n\n.category-card {\n position: relative;\n width: 400px;\n height: 300px;\n margin: 10px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.category-card:hover {\n transform: translateY(-5px);\n}\n\n.category-image {\n width: 100%;\n height: 60%;\n object-fit: cover;\n}\n\n.category-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n text-decoration: none;\n}\n\n.arrow {\n font-size: 20px;\n}\n\nh1 {\n display: flex;\n padding-left: 50px;\n padding-top: 50px;\n}\n\n.info-card {\n background-color: #f6f6f6;\n padding: 40px;\n margin: 40px auto;\n width: 80%;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n}\n\n.info-content {\n text-align: left;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.logo {\n font-size: 48px;\n color: #333;\n}\n\n.info-details {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n}\n\n.info-item {\n width: 30%;\n text-align: center;\n}\n\n.info-item h3 {\n margin-bottom: 10px;\n}\n\n.info-item p {\n margin: 0;\n}\n\n.info-button {\n margin-top: 20px;\n padding: 10px 20px;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.info-button:hover {\n background-color: #555;\n}\n\n\n\nfooter {\n background-color: #f8f9fa;\n padding: 20px;\n bottom: 0;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.footer-logo {\n flex: 1 1 100%;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.footer-logo img {\n max-width: 150px;\n}\n\n.footer-column {\n flex: 1 1 20%;\n margin-bottom: 20px;\n}\n\n.footer-column h4 {\n margin-bottom: 10px;\n}\n\n.footer-column ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-column ul li {\n margin-bottom: 5px;\n}\n\n.footer-column ul li a {\n text-decoration: none;\n color: #000;\n}\n\n.footer-column ul li a:hover {\n text-decoration: underline;\n}\n\n.footer-contact {\n text-align: center;\n margin-top: 20px;\n}\n\n.footer-contact p {\n margin: 5px 0;\n}\n\n.footer-social {\n margin-top: 10px;\n}\n\n.footer-social a {\n margin: 0 10px;\n}\n\n.footer-social img {\n width: 24px;\n}\n\n.catalog {\n width: 100%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.catalog h2 {\n text-align: center;\n margin-bottom: 20px;\n margin-top: 20px;\n}\n\n.product-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.product-card {\n display: flex;\n flex: 1 1 calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.product-card h3 {\n padding: 5px;\n}\n\n.product-image {\n width: 20%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.product-card h3 {\n margin: 0 0 10px;\n}\n\n.product-card p {\n margin: 0;\n}\n\na {\n color: black;\n text-decoration: none;\n}\n\n.favorites {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.favorites h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.favorite-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.favorite-card {\n flex: 1 1 calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.favorite-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.favorite-card h3 {\n margin: 0 0 10px;\n}\n\n.favorite-card p {\n margin: 0;\n}\n\n\n"],"sourceRoot":""}]); // Exports ___CSS_LOADER_EXPORT___.locals = {}; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("a3ff4ec16fb915a62283") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.ec4be77c8b47849343a5.hot-update.js.map�>{"version":3,"file":"main.ec4be77c8b47849343a5.hot-update.js","mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACpWA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/App.css","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 20px;\n background-color: #fff;\n border-bottom: 1px solid #ccc;\n}\n\n.logo {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.logo-text {\n font-size: 24px;\n font-weight: bold;\n color: #333;\n}\n\n.nav {\n display: flex;\n align-items: center;\n}\n\n.menu-button {\n margin-right: 20px;\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n}\n\n.search input {\n padding: 5px 10px;\n margin-left: 200px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n.user-actions {\n display: flex;\n align-items: center;\n}\n\n.icon-button {\n background: none;\n border: none;\n font-size: 24px;\n margin-left: 10px;\n cursor: pointer;\n}\n\n/* src/App.css */\n.App {\n text-align: center;\n font-family: Arial, sans-serif;\n}\n\n.categories {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n}\n\n.category-card-link {\n text-decoration: none;\n color: black !important;\n}\n\n.category-card {\n position: relative;\n width: 400px;\n height: 300px;\n margin: 10px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.category-card:hover {\n transform: translateY(-5px);\n}\n\n.category-image {\n width: 100%;\n height: 60%;\n object-fit: cover;\n}\n\n.category-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n text-decoration: none;\n}\n\n.arrow {\n font-size: 20px;\n}\n\nh1 {\n display: flex;\n padding-left: 50px;\n padding-top: 50px;\n}\n\n.info-card {\n background-color: #f6f6f6;\n padding: 40px;\n margin: 40px auto;\n width: 80%;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n}\n\n.info-content {\n text-align: left;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.logo {\n font-size: 48px;\n color: #333;\n}\n\n.info-details {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n}\n\n.info-item {\n width: 30%;\n text-align: center;\n}\n\n.info-item h3 {\n margin-bottom: 10px;\n}\n\n.info-item p {\n margin: 0;\n}\n\n.info-button {\n margin-top: 20px;\n padding: 10px 20px;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.info-button:hover {\n background-color: #555;\n}\n\n\n\nfooter {\n background-color: #f8f9fa;\n padding: 20px;\n bottom: 0;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.footer-logo {\n flex: 1 1 100%;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.footer-logo img {\n max-width: 150px;\n}\n\n.footer-column {\n flex: 1 1 20%;\n margin-bottom: 20px;\n}\n\n.footer-column h4 {\n margin-bottom: 10px;\n}\n\n.footer-column ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-column ul li {\n margin-bottom: 5px;\n}\n\n.footer-column ul li a {\n text-decoration: none;\n color: #000;\n}\n\n.footer-column ul li a:hover {\n text-decoration: underline;\n}\n\n.footer-contact {\n text-align: center;\n margin-top: 20px;\n}\n\n.footer-contact p {\n margin: 5px 0;\n}\n\n.footer-social {\n margin-top: 10px;\n}\n\n.footer-social a {\n margin: 0 10px;\n}\n\n.footer-social img {\n width: 24px;\n}\n\n.catalog {\n width: 100%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.catalog h2 {\n text-align: center;\n margin-bottom: 20px;\n margin-top: 20px;\n}\n\n.product-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.product-card {\n display: flex;\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.product-card h3 {\n padding: 5px;\n}\n\n.product-image {\n width: 20%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.product-card h3 {\n margin: 0 0 10px;\n}\n\n.product-card p {\n margin: 0;\n}\n\na {\n color: black;\n text-decoration: none;\n}\n\n.favorites {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.favorites h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.favorite-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.favorite-card {\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.favorite-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.favorite-card h3 {\n margin: 0 0 10px;\n}\n\n.favorite-card p {\n margin: 0;\n}\n\n\n`, \"\",{\"version\":3,\"sources\":[\"webpack://./src/App.css\"],\"names\":[],\"mappings\":\"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\",\"sourcesContent\":[\".header {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: 10px 20px;\\n background-color: #fff;\\n border-bottom: 1px solid #ccc;\\n}\\n\\n.logo {\\n display: flex;\\n align-items: center;\\n padding: 0;\\n}\\n\\n.logo-text {\\n font-size: 24px;\\n font-weight: bold;\\n color: #333;\\n}\\n\\n.nav {\\n display: flex;\\n align-items: center;\\n}\\n\\n.menu-button {\\n margin-right: 20px;\\n background: none;\\n border: none;\\n font-size: 18px;\\n cursor: pointer;\\n}\\n\\n.search input {\\n padding: 5px 10px;\\n margin-left: 200px;\\n font-size: 16px;\\n border: 1px solid #ccc;\\n border-radius: 4px;\\n}\\n\\n.user-actions {\\n display: flex;\\n align-items: center;\\n}\\n\\n.icon-button {\\n background: none;\\n border: none;\\n font-size: 24px;\\n margin-left: 10px;\\n cursor: pointer;\\n}\\n\\n/* src/App.css */\\n.App {\\n text-align: center;\\n font-family: Arial, sans-serif;\\n}\\n\\n.categories {\\n display: flex;\\n justify-content: space-around;\\n flex-wrap: wrap;\\n margin-top: 20px;\\n}\\n\\n.category-card-link {\\n text-decoration: none;\\n color: black !important;\\n}\\n\\n.category-card {\\n position: relative;\\n width: 400px;\\n height: 300px;\\n margin: 10px;\\n overflow: hidden;\\n border-radius: 10px;\\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\\n transition: transform 0.3s ease;\\n}\\n\\n.category-card:hover {\\n transform: translateY(-5px);\\n}\\n\\n.category-image {\\n width: 100%;\\n height: 60%;\\n object-fit: cover;\\n}\\n\\n.category-info {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: 10px;\\n text-decoration: none;\\n}\\n\\n.arrow {\\n font-size: 20px;\\n}\\n\\nh1 {\\n display: flex;\\n padding-left: 50px;\\n padding-top: 50px;\\n}\\n\\n.info-card {\\n background-color: #f6f6f6;\\n padding: 40px;\\n margin: 40px auto;\\n width: 80%;\\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\\n border-radius: 10px;\\n}\\n\\n.info-content {\\n text-align: left;\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n}\\n\\n.logo {\\n font-size: 48px;\\n color: #333;\\n}\\n\\n.info-details {\\n display: flex;\\n justify-content: space-between;\\n width: 100%;\\n margin-top: 20px;\\n}\\n\\n.info-item {\\n width: 30%;\\n text-align: center;\\n}\\n\\n.info-item h3 {\\n margin-bottom: 10px;\\n}\\n\\n.info-item p {\\n margin: 0;\\n}\\n\\n.info-button {\\n margin-top: 20px;\\n padding: 10px 20px;\\n background-color: #333;\\n color: #fff;\\n border: none;\\n border-radius: 5px;\\n cursor: pointer;\\n font-size: 16px;\\n}\\n\\n.info-button:hover {\\n background-color: #555;\\n}\\n\\n\\n\\nfooter {\\n background-color: #f8f9fa;\\n padding: 20px;\\n bottom: 0;\\n}\\n\\n.footer-content {\\n display: flex;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n\\n.footer-logo {\\n flex: 1 1 100%;\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.footer-logo img {\\n max-width: 150px;\\n}\\n\\n.footer-column {\\n flex: 1 1 20%;\\n margin-bottom: 20px;\\n}\\n\\n.footer-column h4 {\\n margin-bottom: 10px;\\n}\\n\\n.footer-column ul {\\n list-style: none;\\n padding: 0;\\n}\\n\\n.footer-column ul li {\\n margin-bottom: 5px;\\n}\\n\\n.footer-column ul li a {\\n text-decoration: none;\\n color: #000;\\n}\\n\\n.footer-column ul li a:hover {\\n text-decoration: underline;\\n}\\n\\n.footer-contact {\\n text-align: center;\\n margin-top: 20px;\\n}\\n\\n.footer-contact p {\\n margin: 5px 0;\\n}\\n\\n.footer-social {\\n margin-top: 10px;\\n}\\n\\n.footer-social a {\\n margin: 0 10px;\\n}\\n\\n.footer-social img {\\n width: 24px;\\n}\\n\\n.catalog {\\n width: 100%;\\n margin: 0 auto;\\n padding: 20px;\\n background-color: #f9f9f9;\\n border-radius: 8px;\\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\\n}\\n\\n.catalog h2 {\\n text-align: center;\\n margin-bottom: 20px;\\n margin-top: 20px;\\n}\\n\\n.product-list {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 20px;\\n}\\n\\n.product-card {\\n display: flex;\\n flex: 1 1 calc(33.333% - 20px);\\n box-sizing: border-box;\\n padding: 20px;\\n background-color: #fff;\\n border-radius: 8px;\\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\\n text-align: center;\\n}\\n\\n.product-card h3 {\\n padding: 5px;\\n}\\n\\n.product-image {\\n width: 20%;\\n height: auto;\\n object-fit: cover;\\n border-radius: 8px;\\n margin-bottom: 10px;\\n}\\n\\n.product-card h3 {\\n margin: 0 0 10px;\\n}\\n\\n.product-card p {\\n margin: 0;\\n}\\n\\na {\\n color: black;\\n text-decoration: none;\\n}\\n\\n.favorites {\\n width: 80%;\\n margin: 0 auto;\\n padding: 20px;\\n background-color: #f9f9f9;\\n border-radius: 8px;\\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\\n}\\n\\n.favorites h2 {\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.favorite-list {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 20px;\\n}\\n\\n.favorite-card {\\n flex: 1 1 calc(33.333% - 20px);\\n box-sizing: border-box;\\n padding: 20px;\\n background-color: #fff;\\n border-radius: 8px;\\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\\n text-align: center;\\n}\\n\\n.favorite-image {\\n width: 100%;\\n height: auto;\\n object-fit: cover;\\n border-radius: 8px;\\n margin-bottom: 10px;\\n}\\n\\n.favorite-card h3 {\\n margin: 0 0 10px;\\n}\\n\\n.favorite-card p {\\n margin: 0;\\n}\\n\\n\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {};\nexport default ___CSS_LOADER_EXPORT___;\n","__webpack_require__.h = () => (\"a3ff4ec16fb915a62283\")"],"names":[],"sourceRoot":""}��`��main.a3ff4ec16fb915a62283.hot-update.js�main.a3ff4ec16fb915a62283.hot-update.js.map�<"use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css": /*!****************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css ***! \****************************************************************************************************************************************************************************************************************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__); // Imports var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default())); // Module ___CSS_LOADER_EXPORT___.push([module.id, `.header { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background-color: #fff; border-bottom: 1px solid #ccc; } .logo { display: flex; align-items: center; padding: 0; } .logo-text { font-size: 24px; font-weight: bold; color: #333; } .nav { display: flex; align-items: center; } .menu-button { margin-right: 20px; background: none; border: none; font-size: 18px; cursor: pointer; } .search input { padding: 5px 10px; margin-left: 200px; font-size: 16px; border: 1px solid #ccc; border-radius: 4px; } .user-actions { display: flex; align-items: center; } .icon-button { background: none; border: none; font-size: 24px; margin-left: 10px; cursor: pointer; } /* src/App.css */ .App { text-align: center; font-family: Arial, sans-serif; } .categories { display: flex; justify-content: space-around; flex-wrap: wrap; margin-top: 20px; } .category-card-link { text-decoration: none; color: black !important; } .category-card { position: relative; width: 400px; height: 300px; margin: 10px; overflow: hidden; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; } .category-card:hover { transform: translateY(-5px); } .category-image { width: 100%; height: 60%; object-fit: cover; } .category-info { display: flex; justify-content: space-between; align-items: center; padding: 10px; text-decoration: none; } .arrow { font-size: 20px; } h1 { display: flex; padding-left: 50px; padding-top: 50px; } .info-card { background-color: #f6f6f6; padding: 40px; margin: 40px auto; width: 80%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 10px; } .info-content { text-align: left; display: flex; flex-direction: column; align-items: center; } .logo { font-size: 48px; color: #333; } .info-details { display: flex; justify-content: space-between; width: 100%; margin-top: 20px; } .info-item { width: 30%; text-align: center; } .info-item h3 { margin-bottom: 10px; } .info-item p { margin: 0; } .info-button { margin-top: 20px; padding: 10px 20px; background-color: #333; color: #fff; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; } .info-button:hover { background-color: #555; } footer { background-color: #f8f9fa; padding: 20px; bottom: 0; } .footer-content { display: flex; justify-content: space-between; flex-wrap: wrap; } .footer-logo { flex: 1 1 100%; text-align: center; margin-bottom: 20px; } .footer-logo img { max-width: 150px; } .footer-column { flex: 1 1 20%; margin-bottom: 20px; } .footer-column h4 { margin-bottom: 10px; } .footer-column ul { list-style: none; padding: 0; } .footer-column ul li { margin-bottom: 5px; } .footer-column ul li a { text-decoration: none; color: #000; } .footer-column ul li a:hover { text-decoration: underline; } .footer-contact { text-align: center; margin-top: 20px; } .footer-contact p { margin: 5px 0; } .footer-social { margin-top: 10px; } .footer-social a { margin: 0 10px; } .footer-social img { width: 24px; } .catalog { width: 100%; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .catalog h2 { text-align: center; margin-bottom: 20px; margin-top: 20px; } .product-list { display: flex; flex-wrap: wrap; gap: 20px; } .product-card { display: flex; flex-grow: 1; flex-shrink: 1; flex-basis: calc(33.333% - 20px); box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } .product-card h3 { padding: 10px; } .product-image { width: 20%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .product-card h3 { margin: 0 0 10px; } .product-card p { margin: 0; } a { color: black; text-decoration: none; } .favorites { width: 80%; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .favorites h2 { text-align: center; margin-bottom: 20px; } .favorite-list { display: flex; flex-wrap: wrap; gap: 20px; } .favorite-card { flex-grow: 1; flex-shrink: 1; flex-basis: calc(33.333% - 20px); box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } .favorite-image { width: 100%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .favorite-card h3 { margin: 0 0 10px; } .favorite-card p { margin: 0; } `, "",{"version":3,"sources":["webpack://./src/App.css"],"names":[],"mappings":"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","sourcesContent":[".header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 20px;\n background-color: #fff;\n border-bottom: 1px solid #ccc;\n}\n\n.logo {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.logo-text {\n font-size: 24px;\n font-weight: bold;\n color: #333;\n}\n\n.nav {\n display: flex;\n align-items: center;\n}\n\n.menu-button {\n margin-right: 20px;\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n}\n\n.search input {\n padding: 5px 10px;\n margin-left: 200px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n.user-actions {\n display: flex;\n align-items: center;\n}\n\n.icon-button {\n background: none;\n border: none;\n font-size: 24px;\n margin-left: 10px;\n cursor: pointer;\n}\n\n/* src/App.css */\n.App {\n text-align: center;\n font-family: Arial, sans-serif;\n}\n\n.categories {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n}\n\n.category-card-link {\n text-decoration: none;\n color: black !important;\n}\n\n.category-card {\n position: relative;\n width: 400px;\n height: 300px;\n margin: 10px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.category-card:hover {\n transform: translateY(-5px);\n}\n\n.category-image {\n width: 100%;\n height: 60%;\n object-fit: cover;\n}\n\n.category-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n text-decoration: none;\n}\n\n.arrow {\n font-size: 20px;\n}\n\nh1 {\n display: flex;\n padding-left: 50px;\n padding-top: 50px;\n}\n\n.info-card {\n background-color: #f6f6f6;\n padding: 40px;\n margin: 40px auto;\n width: 80%;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n}\n\n.info-content {\n text-align: left;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.logo {\n font-size: 48px;\n color: #333;\n}\n\n.info-details {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n}\n\n.info-item {\n width: 30%;\n text-align: center;\n}\n\n.info-item h3 {\n margin-bottom: 10px;\n}\n\n.info-item p {\n margin: 0;\n}\n\n.info-button {\n margin-top: 20px;\n padding: 10px 20px;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.info-button:hover {\n background-color: #555;\n}\n\n\n\nfooter {\n background-color: #f8f9fa;\n padding: 20px;\n bottom: 0;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.footer-logo {\n flex: 1 1 100%;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.footer-logo img {\n max-width: 150px;\n}\n\n.footer-column {\n flex: 1 1 20%;\n margin-bottom: 20px;\n}\n\n.footer-column h4 {\n margin-bottom: 10px;\n}\n\n.footer-column ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-column ul li {\n margin-bottom: 5px;\n}\n\n.footer-column ul li a {\n text-decoration: none;\n color: #000;\n}\n\n.footer-column ul li a:hover {\n text-decoration: underline;\n}\n\n.footer-contact {\n text-align: center;\n margin-top: 20px;\n}\n\n.footer-contact p {\n margin: 5px 0;\n}\n\n.footer-social {\n margin-top: 10px;\n}\n\n.footer-social a {\n margin: 0 10px;\n}\n\n.footer-social img {\n width: 24px;\n}\n\n.catalog {\n width: 100%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.catalog h2 {\n text-align: center;\n margin-bottom: 20px;\n margin-top: 20px;\n}\n\n.product-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.product-card {\n display: flex;\n flex: 1 1 calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.product-card h3 {\n padding: 10px;\n}\n\n.product-image {\n width: 20%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.product-card h3 {\n margin: 0 0 10px;\n}\n\n.product-card p {\n margin: 0;\n}\n\na {\n color: black;\n text-decoration: none;\n}\n\n.favorites {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.favorites h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.favorite-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.favorite-card {\n flex: 1 1 calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.favorite-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.favorite-card h3 {\n margin: 0 0 10px;\n}\n\n.favorite-card p {\n margin: 0;\n}\n\n\n"],"sourceRoot":""}]); // Exports ___CSS_LOADER_EXPORT___.locals = {}; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("8bcb0d9cedf97b290ed1") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.a3ff4ec16fb915a62283.hot-update.js.map�>{"version":3,"file":"main.a3ff4ec16fb915a62283.hot-update.js","mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACpWA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/App.css","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 20px;\n background-color: #fff;\n border-bottom: 1px solid #ccc;\n}\n\n.logo {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.logo-text {\n font-size: 24px;\n font-weight: bold;\n color: #333;\n}\n\n.nav {\n display: flex;\n align-items: center;\n}\n\n.menu-button {\n margin-right: 20px;\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n}\n\n.search input {\n padding: 5px 10px;\n margin-left: 200px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n.user-actions {\n display: flex;\n align-items: center;\n}\n\n.icon-button {\n background: none;\n border: none;\n font-size: 24px;\n margin-left: 10px;\n cursor: pointer;\n}\n\n/* src/App.css */\n.App {\n text-align: center;\n font-family: Arial, sans-serif;\n}\n\n.categories {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n}\n\n.category-card-link {\n text-decoration: none;\n color: black !important;\n}\n\n.category-card {\n position: relative;\n width: 400px;\n height: 300px;\n margin: 10px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.category-card:hover {\n transform: translateY(-5px);\n}\n\n.category-image {\n width: 100%;\n height: 60%;\n object-fit: cover;\n}\n\n.category-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n text-decoration: none;\n}\n\n.arrow {\n font-size: 20px;\n}\n\nh1 {\n display: flex;\n padding-left: 50px;\n padding-top: 50px;\n}\n\n.info-card {\n background-color: #f6f6f6;\n padding: 40px;\n margin: 40px auto;\n width: 80%;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n}\n\n.info-content {\n text-align: left;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.logo {\n font-size: 48px;\n color: #333;\n}\n\n.info-details {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n}\n\n.info-item {\n width: 30%;\n text-align: center;\n}\n\n.info-item h3 {\n margin-bottom: 10px;\n}\n\n.info-item p {\n margin: 0;\n}\n\n.info-button {\n margin-top: 20px;\n padding: 10px 20px;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.info-button:hover {\n background-color: #555;\n}\n\n\n\nfooter {\n background-color: #f8f9fa;\n padding: 20px;\n bottom: 0;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.footer-logo {\n flex: 1 1 100%;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.footer-logo img {\n max-width: 150px;\n}\n\n.footer-column {\n flex: 1 1 20%;\n margin-bottom: 20px;\n}\n\n.footer-column h4 {\n margin-bottom: 10px;\n}\n\n.footer-column ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-column ul li {\n margin-bottom: 5px;\n}\n\n.footer-column ul li a {\n text-decoration: none;\n color: #000;\n}\n\n.footer-column ul li a:hover {\n text-decoration: underline;\n}\n\n.footer-contact {\n text-align: center;\n margin-top: 20px;\n}\n\n.footer-contact p {\n margin: 5px 0;\n}\n\n.footer-social {\n margin-top: 10px;\n}\n\n.footer-social a {\n margin: 0 10px;\n}\n\n.footer-social img {\n width: 24px;\n}\n\n.catalog {\n width: 100%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.catalog h2 {\n text-align: center;\n margin-bottom: 20px;\n margin-top: 20px;\n}\n\n.product-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.product-card {\n display: flex;\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.product-card h3 {\n padding: 10px;\n}\n\n.product-image {\n width: 20%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.product-card h3 {\n margin: 0 0 10px;\n}\n\n.product-card p {\n margin: 0;\n}\n\na {\n color: black;\n text-decoration: none;\n}\n\n.favorites {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.favorites h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.favorite-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.favorite-card {\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.favorite-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.favorite-card h3 {\n margin: 0 0 10px;\n}\n\n.favorite-card p {\n margin: 0;\n}\n\n\n`, \"\",{\"version\":3,\"sources\":[\"webpack://./src/App.css\"],\"names\":[],\"mappings\":\"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\",\"sourcesContent\":[\".header {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: 10px 20px;\\n background-color: #fff;\\n border-bottom: 1px solid #ccc;\\n}\\n\\n.logo {\\n display: flex;\\n align-items: center;\\n padding: 0;\\n}\\n\\n.logo-text {\\n font-size: 24px;\\n font-weight: bold;\\n color: #333;\\n}\\n\\n.nav {\\n display: flex;\\n align-items: center;\\n}\\n\\n.menu-button {\\n margin-right: 20px;\\n background: none;\\n border: none;\\n font-size: 18px;\\n cursor: pointer;\\n}\\n\\n.search input {\\n padding: 5px 10px;\\n margin-left: 200px;\\n font-size: 16px;\\n border: 1px solid #ccc;\\n border-radius: 4px;\\n}\\n\\n.user-actions {\\n display: flex;\\n align-items: center;\\n}\\n\\n.icon-button {\\n background: none;\\n border: none;\\n font-size: 24px;\\n margin-left: 10px;\\n cursor: pointer;\\n}\\n\\n/* src/App.css */\\n.App {\\n text-align: center;\\n font-family: Arial, sans-serif;\\n}\\n\\n.categories {\\n display: flex;\\n justify-content: space-around;\\n flex-wrap: wrap;\\n margin-top: 20px;\\n}\\n\\n.category-card-link {\\n text-decoration: none;\\n color: black !important;\\n}\\n\\n.category-card {\\n position: relative;\\n width: 400px;\\n height: 300px;\\n margin: 10px;\\n overflow: hidden;\\n border-radius: 10px;\\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\\n transition: transform 0.3s ease;\\n}\\n\\n.category-card:hover {\\n transform: translateY(-5px);\\n}\\n\\n.category-image {\\n width: 100%;\\n height: 60%;\\n object-fit: cover;\\n}\\n\\n.category-info {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: 10px;\\n text-decoration: none;\\n}\\n\\n.arrow {\\n font-size: 20px;\\n}\\n\\nh1 {\\n display: flex;\\n padding-left: 50px;\\n padding-top: 50px;\\n}\\n\\n.info-card {\\n background-color: #f6f6f6;\\n padding: 40px;\\n margin: 40px auto;\\n width: 80%;\\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\\n border-radius: 10px;\\n}\\n\\n.info-content {\\n text-align: left;\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n}\\n\\n.logo {\\n font-size: 48px;\\n color: #333;\\n}\\n\\n.info-details {\\n display: flex;\\n justify-content: space-between;\\n width: 100%;\\n margin-top: 20px;\\n}\\n\\n.info-item {\\n width: 30%;\\n text-align: center;\\n}\\n\\n.info-item h3 {\\n margin-bottom: 10px;\\n}\\n\\n.info-item p {\\n margin: 0;\\n}\\n\\n.info-button {\\n margin-top: 20px;\\n padding: 10px 20px;\\n background-color: #333;\\n color: #fff;\\n border: none;\\n border-radius: 5px;\\n cursor: pointer;\\n font-size: 16px;\\n}\\n\\n.info-button:hover {\\n background-color: #555;\\n}\\n\\n\\n\\nfooter {\\n background-color: #f8f9fa;\\n padding: 20px;\\n bottom: 0;\\n}\\n\\n.footer-content {\\n display: flex;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n\\n.footer-logo {\\n flex: 1 1 100%;\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.footer-logo img {\\n max-width: 150px;\\n}\\n\\n.footer-column {\\n flex: 1 1 20%;\\n margin-bottom: 20px;\\n}\\n\\n.footer-column h4 {\\n margin-bottom: 10px;\\n}\\n\\n.footer-column ul {\\n list-style: none;\\n padding: 0;\\n}\\n\\n.footer-column ul li {\\n margin-bottom: 5px;\\n}\\n\\n.footer-column ul li a {\\n text-decoration: none;\\n color: #000;\\n}\\n\\n.footer-column ul li a:hover {\\n text-decoration: underline;\\n}\\n\\n.footer-contact {\\n text-align: center;\\n margin-top: 20px;\\n}\\n\\n.footer-contact p {\\n margin: 5px 0;\\n}\\n\\n.footer-social {\\n margin-top: 10px;\\n}\\n\\n.footer-social a {\\n margin: 0 10px;\\n}\\n\\n.footer-social img {\\n width: 24px;\\n}\\n\\n.catalog {\\n width: 100%;\\n margin: 0 auto;\\n padding: 20px;\\n background-color: #f9f9f9;\\n border-radius: 8px;\\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\\n}\\n\\n.catalog h2 {\\n text-align: center;\\n margin-bottom: 20px;\\n margin-top: 20px;\\n}\\n\\n.product-list {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 20px;\\n}\\n\\n.product-card {\\n display: flex;\\n flex: 1 1 calc(33.333% - 20px);\\n box-sizing: border-box;\\n padding: 20px;\\n background-color: #fff;\\n border-radius: 8px;\\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\\n text-align: center;\\n}\\n\\n.product-card h3 {\\n padding: 10px;\\n}\\n\\n.product-image {\\n width: 20%;\\n height: auto;\\n object-fit: cover;\\n border-radius: 8px;\\n margin-bottom: 10px;\\n}\\n\\n.product-card h3 {\\n margin: 0 0 10px;\\n}\\n\\n.product-card p {\\n margin: 0;\\n}\\n\\na {\\n color: black;\\n text-decoration: none;\\n}\\n\\n.favorites {\\n width: 80%;\\n margin: 0 auto;\\n padding: 20px;\\n background-color: #f9f9f9;\\n border-radius: 8px;\\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\\n}\\n\\n.favorites h2 {\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.favorite-list {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 20px;\\n}\\n\\n.favorite-card {\\n flex: 1 1 calc(33.333% - 20px);\\n box-sizing: border-box;\\n padding: 20px;\\n background-color: #fff;\\n border-radius: 8px;\\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\\n text-align: center;\\n}\\n\\n.favorite-image {\\n width: 100%;\\n height: auto;\\n object-fit: cover;\\n border-radius: 8px;\\n margin-bottom: 10px;\\n}\\n\\n.favorite-card h3 {\\n margin: 0 0 10px;\\n}\\n\\n.favorite-card p {\\n margin: 0;\\n}\\n\\n\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {};\nexport default ___CSS_LOADER_EXPORT___;\n","__webpack_require__.h = () => (\"8bcb0d9cedf97b290ed1\")"],"names":[],"sourceRoot":""}��`��main.8bcb0d9cedf97b290ed1.hot-update.js�main.8bcb0d9cedf97b290ed1.hot-update.js.map="use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css": /*!****************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css ***! \****************************************************************************************************************************************************************************************************************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__); // Imports var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default())); // Module ___CSS_LOADER_EXPORT___.push([module.id, `.header { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background-color: #fff; border-bottom: 1px solid #ccc; } .logo { display: flex; align-items: center; padding: 0; } .logo-text { font-size: 24px; font-weight: bold; color: #333; } .nav { display: flex; align-items: center; } .menu-button { margin-right: 20px; background: none; border: none; font-size: 18px; cursor: pointer; } .search input { padding: 5px 10px; margin-left: 200px; font-size: 16px; border: 1px solid #ccc; border-radius: 4px; } .user-actions { display: flex; align-items: center; } .icon-button { background: none; border: none; font-size: 24px; margin-left: 10px; cursor: pointer; } /* src/App.css */ .App { text-align: center; font-family: Arial, sans-serif; } .categories { display: flex; justify-content: space-around; flex-wrap: wrap; margin-top: 20px; } .category-card-link { text-decoration: none; color: black !important; } .category-card { position: relative; width: 400px; height: 300px; margin: 10px; overflow: hidden; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; } .category-card:hover { transform: translateY(-5px); } .category-image { width: 100%; height: 60%; object-fit: cover; } .category-info { display: flex; justify-content: space-between; align-items: center; padding: 10px; text-decoration: none; } .arrow { font-size: 20px; } h1 { display: flex; padding-left: 50px; padding-top: 50px; } .info-card { background-color: #f6f6f6; padding: 40px; margin: 40px auto; width: 80%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 10px; } .info-content { text-align: left; display: flex; flex-direction: column; align-items: center; } .logo { font-size: 48px; color: #333; } .info-details { display: flex; justify-content: space-between; width: 100%; margin-top: 20px; } .info-item { width: 30%; text-align: center; } .info-item h3 { margin-bottom: 10px; } .info-item p { margin: 0; } .info-button { margin-top: 20px; padding: 10px 20px; background-color: #333; color: #fff; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; } .info-button:hover { background-color: #555; } footer { background-color: #f8f9fa; padding: 20px; bottom: 0; } .footer-content { display: flex; justify-content: space-between; flex-wrap: wrap; } .footer-logo { flex: 1 1 100%; text-align: center; margin-bottom: 20px; } .footer-logo img { max-width: 150px; } .footer-column { flex: 1 1 20%; margin-bottom: 20px; } .footer-column h4 { margin-bottom: 10px; } .footer-column ul { list-style: none; padding: 0; } .footer-column ul li { margin-bottom: 5px; } .footer-column ul li a { text-decoration: none; color: #000; } .footer-column ul li a:hover { text-decoration: underline; } .footer-contact { text-align: center; margin-top: 20px; } .footer-contact p { margin: 5px 0; } .footer-social { margin-top: 10px; } .footer-social a { margin: 0 10px; } .footer-social img { width: 24px; } .catalog { width: 100%; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .catalog h2 { text-align: center; margin-bottom: 20px; margin-top: 20px; } .product-list { display: flex; flex-wrap: wrap; gap: 20px; } .product-card { display: flex; flex-grow: 1; flex-shrink: 1; flex-basis: calc(33.333% - 20px); box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } .product-card h3 { padding: 10px; } .product-card p { padding: 10px; } .product-image { width: 20%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .product-card h3 { margin: 0 0 10px; } .product-card p { margin: 0; } a { color: black; text-decoration: none; } .favorites { width: 80%; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .favorites h2 { text-align: center; margin-bottom: 20px; } .favorite-list { display: flex; flex-wrap: wrap; gap: 20px; } .favorite-card { flex-grow: 1; flex-shrink: 1; flex-basis: calc(33.333% - 20px); box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } .favorite-image { width: 100%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .favorite-card h3 { margin: 0 0 10px; } .favorite-card p { margin: 0; } `, "",{"version":3,"sources":["webpack://./src/App.css"],"names":[],"mappings":"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","sourcesContent":[".header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 20px;\n background-color: #fff;\n border-bottom: 1px solid #ccc;\n}\n\n.logo {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.logo-text {\n font-size: 24px;\n font-weight: bold;\n color: #333;\n}\n\n.nav {\n display: flex;\n align-items: center;\n}\n\n.menu-button {\n margin-right: 20px;\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n}\n\n.search input {\n padding: 5px 10px;\n margin-left: 200px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n.user-actions {\n display: flex;\n align-items: center;\n}\n\n.icon-button {\n background: none;\n border: none;\n font-size: 24px;\n margin-left: 10px;\n cursor: pointer;\n}\n\n/* src/App.css */\n.App {\n text-align: center;\n font-family: Arial, sans-serif;\n}\n\n.categories {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n}\n\n.category-card-link {\n text-decoration: none;\n color: black !important;\n}\n\n.category-card {\n position: relative;\n width: 400px;\n height: 300px;\n margin: 10px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.category-card:hover {\n transform: translateY(-5px);\n}\n\n.category-image {\n width: 100%;\n height: 60%;\n object-fit: cover;\n}\n\n.category-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n text-decoration: none;\n}\n\n.arrow {\n font-size: 20px;\n}\n\nh1 {\n display: flex;\n padding-left: 50px;\n padding-top: 50px;\n}\n\n.info-card {\n background-color: #f6f6f6;\n padding: 40px;\n margin: 40px auto;\n width: 80%;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n}\n\n.info-content {\n text-align: left;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.logo {\n font-size: 48px;\n color: #333;\n}\n\n.info-details {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n}\n\n.info-item {\n width: 30%;\n text-align: center;\n}\n\n.info-item h3 {\n margin-bottom: 10px;\n}\n\n.info-item p {\n margin: 0;\n}\n\n.info-button {\n margin-top: 20px;\n padding: 10px 20px;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.info-button:hover {\n background-color: #555;\n}\n\n\n\nfooter {\n background-color: #f8f9fa;\n padding: 20px;\n bottom: 0;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.footer-logo {\n flex: 1 1 100%;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.footer-logo img {\n max-width: 150px;\n}\n\n.footer-column {\n flex: 1 1 20%;\n margin-bottom: 20px;\n}\n\n.footer-column h4 {\n margin-bottom: 10px;\n}\n\n.footer-column ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-column ul li {\n margin-bottom: 5px;\n}\n\n.footer-column ul li a {\n text-decoration: none;\n color: #000;\n}\n\n.footer-column ul li a:hover {\n text-decoration: underline;\n}\n\n.footer-contact {\n text-align: center;\n margin-top: 20px;\n}\n\n.footer-contact p {\n margin: 5px 0;\n}\n\n.footer-social {\n margin-top: 10px;\n}\n\n.footer-social a {\n margin: 0 10px;\n}\n\n.footer-social img {\n width: 24px;\n}\n\n.catalog {\n width: 100%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.catalog h2 {\n text-align: center;\n margin-bottom: 20px;\n margin-top: 20px;\n}\n\n.product-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.product-card {\n display: flex;\n flex: 1 1 calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.product-card h3 {\n padding: 10px;\n}\n\n.product-card p {\n padding: 10px;\n}\n\n.product-image {\n width: 20%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.product-card h3 {\n margin: 0 0 10px;\n}\n\n.product-card p {\n margin: 0;\n}\n\na {\n color: black;\n text-decoration: none;\n}\n\n.favorites {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.favorites h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.favorite-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.favorite-card {\n flex: 1 1 calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.favorite-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.favorite-card h3 {\n margin: 0 0 10px;\n}\n\n.favorite-card p {\n margin: 0;\n}\n\n\n"],"sourceRoot":""}]); // Exports ___CSS_LOADER_EXPORT___.locals = {}; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("da36dc3b1467a7e60a8f") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.8bcb0d9cedf97b290ed1.hot-update.js.map�?{"version":3,"file":"main.8bcb0d9cedf97b290ed1.hot-update.js","mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACxWA","sources":["D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/src/App.css","D:/Vyacheslav/Study/Разработка программных модулей/practice 13/json/webpack/runtime/getFullHash"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 20px;\n background-color: #fff;\n border-bottom: 1px solid #ccc;\n}\n\n.logo {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.logo-text {\n font-size: 24px;\n font-weight: bold;\n color: #333;\n}\n\n.nav {\n display: flex;\n align-items: center;\n}\n\n.menu-button {\n margin-right: 20px;\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n}\n\n.search input {\n padding: 5px 10px;\n margin-left: 200px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n.user-actions {\n display: flex;\n align-items: center;\n}\n\n.icon-button {\n background: none;\n border: none;\n font-size: 24px;\n margin-left: 10px;\n cursor: pointer;\n}\n\n/* src/App.css */\n.App {\n text-align: center;\n font-family: Arial, sans-serif;\n}\n\n.categories {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n}\n\n.category-card-link {\n text-decoration: none;\n color: black !important;\n}\n\n.category-card {\n position: relative;\n width: 400px;\n height: 300px;\n margin: 10px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.category-card:hover {\n transform: translateY(-5px);\n}\n\n.category-image {\n width: 100%;\n height: 60%;\n object-fit: cover;\n}\n\n.category-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n text-decoration: none;\n}\n\n.arrow {\n font-size: 20px;\n}\n\nh1 {\n display: flex;\n padding-left: 50px;\n padding-top: 50px;\n}\n\n.info-card {\n background-color: #f6f6f6;\n padding: 40px;\n margin: 40px auto;\n width: 80%;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n}\n\n.info-content {\n text-align: left;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.logo {\n font-size: 48px;\n color: #333;\n}\n\n.info-details {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n}\n\n.info-item {\n width: 30%;\n text-align: center;\n}\n\n.info-item h3 {\n margin-bottom: 10px;\n}\n\n.info-item p {\n margin: 0;\n}\n\n.info-button {\n margin-top: 20px;\n padding: 10px 20px;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.info-button:hover {\n background-color: #555;\n}\n\n\n\nfooter {\n background-color: #f8f9fa;\n padding: 20px;\n bottom: 0;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.footer-logo {\n flex: 1 1 100%;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.footer-logo img {\n max-width: 150px;\n}\n\n.footer-column {\n flex: 1 1 20%;\n margin-bottom: 20px;\n}\n\n.footer-column h4 {\n margin-bottom: 10px;\n}\n\n.footer-column ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-column ul li {\n margin-bottom: 5px;\n}\n\n.footer-column ul li a {\n text-decoration: none;\n color: #000;\n}\n\n.footer-column ul li a:hover {\n text-decoration: underline;\n}\n\n.footer-contact {\n text-align: center;\n margin-top: 20px;\n}\n\n.footer-contact p {\n margin: 5px 0;\n}\n\n.footer-social {\n margin-top: 10px;\n}\n\n.footer-social a {\n margin: 0 10px;\n}\n\n.footer-social img {\n width: 24px;\n}\n\n.catalog {\n width: 100%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.catalog h2 {\n text-align: center;\n margin-bottom: 20px;\n margin-top: 20px;\n}\n\n.product-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.product-card {\n display: flex;\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.product-card h3 {\n padding: 10px;\n}\n\n.product-card p {\n padding: 10px;\n}\n\n.product-image {\n width: 20%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.product-card h3 {\n margin: 0 0 10px;\n}\n\n.product-card p {\n margin: 0;\n}\n\na {\n color: black;\n text-decoration: none;\n}\n\n.favorites {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.favorites h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.favorite-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.favorite-card {\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.favorite-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.favorite-card h3 {\n margin: 0 0 10px;\n}\n\n.favorite-card p {\n margin: 0;\n}\n\n\n`, \"\",{\"version\":3,\"sources\":[\"webpack://./src/App.css\"],\"names\":[],\"mappings\":\"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\",\"sourcesContent\":[\".header {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: 10px 20px;\\n background-color: #fff;\\n border-bottom: 1px solid #ccc;\\n}\\n\\n.logo {\\n display: flex;\\n align-items: center;\\n padding: 0;\\n}\\n\\n.logo-text {\\n font-size: 24px;\\n font-weight: bold;\\n color: #333;\\n}\\n\\n.nav {\\n display: flex;\\n align-items: center;\\n}\\n\\n.menu-button {\\n margin-right: 20px;\\n background: none;\\n border: none;\\n font-size: 18px;\\n cursor: pointer;\\n}\\n\\n.search input {\\n padding: 5px 10px;\\n margin-left: 200px;\\n font-size: 16px;\\n border: 1px solid #ccc;\\n border-radius: 4px;\\n}\\n\\n.user-actions {\\n display: flex;\\n align-items: center;\\n}\\n\\n.icon-button {\\n background: none;\\n border: none;\\n font-size: 24px;\\n margin-left: 10px;\\n cursor: pointer;\\n}\\n\\n/* src/App.css */\\n.App {\\n text-align: center;\\n font-family: Arial, sans-serif;\\n}\\n\\n.categories {\\n display: flex;\\n justify-content: space-around;\\n flex-wrap: wrap;\\n margin-top: 20px;\\n}\\n\\n.category-card-link {\\n text-decoration: none;\\n color: black !important;\\n}\\n\\n.category-card {\\n position: relative;\\n width: 400px;\\n height: 300px;\\n margin: 10px;\\n overflow: hidden;\\n border-radius: 10px;\\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\\n transition: transform 0.3s ease;\\n}\\n\\n.category-card:hover {\\n transform: translateY(-5px);\\n}\\n\\n.category-image {\\n width: 100%;\\n height: 60%;\\n object-fit: cover;\\n}\\n\\n.category-info {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: 10px;\\n text-decoration: none;\\n}\\n\\n.arrow {\\n font-size: 20px;\\n}\\n\\nh1 {\\n display: flex;\\n padding-left: 50px;\\n padding-top: 50px;\\n}\\n\\n.info-card {\\n background-color: #f6f6f6;\\n padding: 40px;\\n margin: 40px auto;\\n width: 80%;\\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\\n border-radius: 10px;\\n}\\n\\n.info-content {\\n text-align: left;\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n}\\n\\n.logo {\\n font-size: 48px;\\n color: #333;\\n}\\n\\n.info-details {\\n display: flex;\\n justify-content: space-between;\\n width: 100%;\\n margin-top: 20px;\\n}\\n\\n.info-item {\\n width: 30%;\\n text-align: center;\\n}\\n\\n.info-item h3 {\\n margin-bottom: 10px;\\n}\\n\\n.info-item p {\\n margin: 0;\\n}\\n\\n.info-button {\\n margin-top: 20px;\\n padding: 10px 20px;\\n background-color: #333;\\n color: #fff;\\n border: none;\\n border-radius: 5px;\\n cursor: pointer;\\n font-size: 16px;\\n}\\n\\n.info-button:hover {\\n background-color: #555;\\n}\\n\\n\\n\\nfooter {\\n background-color: #f8f9fa;\\n padding: 20px;\\n bottom: 0;\\n}\\n\\n.footer-content {\\n display: flex;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n\\n.footer-logo {\\n flex: 1 1 100%;\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.footer-logo img {\\n max-width: 150px;\\n}\\n\\n.footer-column {\\n flex: 1 1 20%;\\n margin-bottom: 20px;\\n}\\n\\n.footer-column h4 {\\n margin-bottom: 10px;\\n}\\n\\n.footer-column ul {\\n list-style: none;\\n padding: 0;\\n}\\n\\n.footer-column ul li {\\n margin-bottom: 5px;\\n}\\n\\n.footer-column ul li a {\\n text-decoration: none;\\n color: #000;\\n}\\n\\n.footer-column ul li a:hover {\\n text-decoration: underline;\\n}\\n\\n.footer-contact {\\n text-align: center;\\n margin-top: 20px;\\n}\\n\\n.footer-contact p {\\n margin: 5px 0;\\n}\\n\\n.footer-social {\\n margin-top: 10px;\\n}\\n\\n.footer-social a {\\n margin: 0 10px;\\n}\\n\\n.footer-social img {\\n width: 24px;\\n}\\n\\n.catalog {\\n width: 100%;\\n margin: 0 auto;\\n padding: 20px;\\n background-color: #f9f9f9;\\n border-radius: 8px;\\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\\n}\\n\\n.catalog h2 {\\n text-align: center;\\n margin-bottom: 20px;\\n margin-top: 20px;\\n}\\n\\n.product-list {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 20px;\\n}\\n\\n.product-card {\\n display: flex;\\n flex: 1 1 calc(33.333% - 20px);\\n box-sizing: border-box;\\n padding: 20px;\\n background-color: #fff;\\n border-radius: 8px;\\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\\n text-align: center;\\n}\\n\\n.product-card h3 {\\n padding: 10px;\\n}\\n\\n.product-card p {\\n padding: 10px;\\n}\\n\\n.product-image {\\n width: 20%;\\n height: auto;\\n object-fit: cover;\\n border-radius: 8px;\\n margin-bottom: 10px;\\n}\\n\\n.product-card h3 {\\n margin: 0 0 10px;\\n}\\n\\n.product-card p {\\n margin: 0;\\n}\\n\\na {\\n color: black;\\n text-decoration: none;\\n}\\n\\n.favorites {\\n width: 80%;\\n margin: 0 auto;\\n padding: 20px;\\n background-color: #f9f9f9;\\n border-radius: 8px;\\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\\n}\\n\\n.favorites h2 {\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.favorite-list {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 20px;\\n}\\n\\n.favorite-card {\\n flex: 1 1 calc(33.333% - 20px);\\n box-sizing: border-box;\\n padding: 20px;\\n background-color: #fff;\\n border-radius: 8px;\\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\\n text-align: center;\\n}\\n\\n.favorite-image {\\n width: 100%;\\n height: auto;\\n object-fit: cover;\\n border-radius: 8px;\\n margin-bottom: 10px;\\n}\\n\\n.favorite-card h3 {\\n margin: 0 0 10px;\\n}\\n\\n.favorite-card p {\\n margin: 0;\\n}\\n\\n\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {};\nexport default ___CSS_LOADER_EXPORT___;\n","__webpack_require__.h = () => (\"da36dc3b1467a7e60a8f\")"],"names":[],"sourceRoot":""}��`��v��main.da36dc3b1467a7e60a8f.hot-update.js�main.da36dc3b1467a7e60a8f.hot-update.js.map="use strict"; globalThis["webpackHotUpdatejson"]("main",{ /***/ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css": /*!****************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css ***! \****************************************************************************************************************************************************************************************************************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js"); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__); // Imports var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default())); // Module ___CSS_LOADER_EXPORT___.push([module.id, `.header { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background-color: #fff; border-bottom: 1px solid #ccc; } .logo { display: flex; align-items: center; padding: 0; } .logo-text { font-size: 24px; font-weight: bold; color: #333; } .nav { display: flex; align-items: center; } .menu-button { margin-right: 20px; background: none; border: none; font-size: 18px; cursor: pointer; } .search input { padding: 5px 10px; margin-left: 200px; font-size: 16px; border: 1px solid #ccc; border-radius: 4px; } .user-actions { display: flex; align-items: center; } .icon-button { background: none; border: none; font-size: 24px; margin-left: 10px; cursor: pointer; } /* src/App.css */ .App { text-align: center; font-family: Arial, sans-serif; } .categories { display: flex; justify-content: space-around; flex-wrap: wrap; margin-top: 20px; } .category-card-link { text-decoration: none; color: black !important; } .category-card { position: relative; width: 400px; height: 300px; margin: 10px; overflow: hidden; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; } .category-card:hover { transform: translateY(-5px); } .category-image { width: 100%; height: 60%; object-fit: cover; } .category-info { display: flex; justify-content: space-between; align-items: center; padding: 10px; text-decoration: none; } .arrow { font-size: 20px; } h1 { display: flex; padding-left: 50px; padding-top: 50px; } .info-card { background-color: #f6f6f6; padding: 40px; margin: 40px auto; width: 80%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 10px; } .info-content { text-align: left; display: flex; flex-direction: column; align-items: center; } .logo { font-size: 48px; color: #333; } .info-details { display: flex; justify-content: space-between; width: 100%; margin-top: 20px; } .info-item { width: 30%; text-align: center; } .info-item h3 { margin-bottom: 10px; } .info-item p { margin: 0; } .info-button { margin-top: 20px; padding: 10px 20px; background-color: #333; color: #fff; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; } .info-button:hover { background-color: #555; } footer { background-color: #f8f9fa; padding: 20px; bottom: 0; } .footer-content { display: flex; justify-content: space-between; flex-wrap: wrap; } .footer-logo { flex: 1 1 100%; text-align: center; margin-bottom: 20px; } .footer-logo img { max-width: 150px; } .footer-column { flex: 1 1 20%; margin-bottom: 20px; } .footer-column h4 { margin-bottom: 10px; } .footer-column ul { list-style: none; padding: 0; } .footer-column ul li { margin-bottom: 5px; } .footer-column ul li a { text-decoration: none; color: #000; } .footer-column ul li a:hover { text-decoration: underline; } .footer-contact { text-align: center; margin-top: 20px; } .footer-contact p { margin: 5px 0; } .footer-social { margin-top: 10px; } .footer-social a { margin: 0 10px; } .footer-social img { width: 24px; } .catalog { width: 100%; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .catalog h2 { text-align: center; margin-bottom: 20px; margin-top: 20px; } .product-list { display: flex; flex-wrap: wrap; gap: 20px; } .product-card { display: flex; flex-grow: 1; flex-shrink: 1; flex-basis: calc(33.333% - 20px); box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } .product-card h3 { padding: 10px; } .product-card p { padding: 15px; } .product-image { width: 20%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .product-card h3 { margin: 0 0 10px; } .product-card p { margin: 0; } a { color: black; text-decoration: none; } .favorites { width: 80%; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .favorites h2 { text-align: center; margin-bottom: 20px; } .favorite-list { display: flex; flex-wrap: wrap; gap: 20px; } .favorite-card { flex-grow: 1; flex-shrink: 1; flex-basis: calc(33.333% - 20px); box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } .favorite-image { width: 100%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .favorite-card h3 { margin: 0 0 10px; } .favorite-card p { margin: 0; } `, "",{"version":3,"sources":["webpack://./src/App.css"],"names":[],"mappings":"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","sourcesContent":[".header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 20px;\n background-color: #fff;\n border-bottom: 1px solid #ccc;\n}\n\n.logo {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.logo-text {\n font-size: 24px;\n font-weight: bold;\n color: #333;\n}\n\n.nav {\n display: flex;\n align-items: center;\n}\n\n.menu-button {\n margin-right: 20px;\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n}\n\n.search input {\n padding: 5px 10px;\n margin-left: 200px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n.user-actions {\n display: flex;\n align-items: center;\n}\n\n.icon-button {\n background: none;\n border: none;\n font-size: 24px;\n margin-left: 10px;\n cursor: pointer;\n}\n\n/* src/App.css */\n.App {\n text-align: center;\n font-family: Arial, sans-serif;\n}\n\n.categories {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n}\n\n.category-card-link {\n text-decoration: none;\n color: black !important;\n}\n\n.category-card {\n position: relative;\n width: 400px;\n height: 300px;\n margin: 10px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.category-card:hover {\n transform: translateY(-5px);\n}\n\n.category-image {\n width: 100%;\n height: 60%;\n object-fit: cover;\n}\n\n.category-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n text-decoration: none;\n}\n\n.arrow {\n font-size: 20px;\n}\n\nh1 {\n display: flex;\n padding-left: 50px;\n padding-top: 50px;\n}\n\n.info-card {\n background-color: #f6f6f6;\n padding: 40px;\n margin: 40px auto;\n width: 80%;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n}\n\n.info-content {\n text-align: left;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.logo {\n font-size: 48px;\n color: #333;\n}\n\n.info-details {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n}\n\n.info-item {\n width: 30%;\n text-align: center;\n}\n\n.info-item h3 {\n margin-bottom: 10px;\n}\n\n.info-item p {\n margin: 0;\n}\n\n.info-button {\n margin-top: 20px;\n padding: 10px 20px;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.info-button:hover {\n background-color: #555;\n}\n\n\n\nfooter {\n background-color: #f8f9fa;\n padding: 20px;\n bottom: 0;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.footer-logo {\n flex: 1 1 100%;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.footer-logo img {\n max-width: 150px;\n}\n\n.footer-column {\n flex: 1 1 20%;\n margin-bottom: 20px;\n}\n\n.footer-column h4 {\n margin-bottom: 10px;\n}\n\n.footer-column ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-column ul li {\n margin-bottom: 5px;\n}\n\n.footer-column ul li a {\n text-decoration: none;\n color: #000;\n}\n\n.footer-column ul li a:hover {\n text-decoration: underline;\n}\n\n.footer-contact {\n text-align: center;\n margin-top: 20px;\n}\n\n.footer-contact p {\n margin: 5px 0;\n}\n\n.footer-social {\n margin-top: 10px;\n}\n\n.footer-social a {\n margin: 0 10px;\n}\n\n.footer-social img {\n width: 24px;\n}\n\n.catalog {\n width: 100%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.catalog h2 {\n text-align: center;\n margin-bottom: 20px;\n margin-top: 20px;\n}\n\n.product-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.product-card {\n display: flex;\n flex: 1 1 calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.product-card h3 {\n padding: 10px;\n}\n\n.product-card p {\n padding: 15px;\n}\n\n.product-image {\n width: 20%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.product-card h3 {\n margin: 0 0 10px;\n}\n\n.product-card p {\n margin: 0;\n}\n\na {\n color: black;\n text-decoration: none;\n}\n\n.favorites {\n width: 80%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.favorites h2 {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.favorite-list {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.favorite-card {\n flex: 1 1 calc(33.333% - 20px);\n box-sizing: border-box;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.favorite-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n}\n\n.favorite-card h3 {\n margin: 0 0 10px;\n}\n\n.favorite-card p {\n margin: 0;\n}\n\n\n"],"sourceRoot":""}]); // Exports ___CSS_LOADER_EXPORT___.locals = {}; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ /* webpack/runtime/getFullHash */ /******/ (() => { /******/ __webpack_require__.h = () => ("6422fee51f47bc3aa19c") /******/ })(); /******/ /******/ } );A //# sourceMappingURL=main.da36dc3b1467a7e60a8f.hot-update.js.map�?{"version":3,"file":"main.da36dc3b1467a7e60a8f.hot-update.js","mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAC

Каталог товаров

{media.name}

Каталог товаров

{media.name}

Каталог товаров

{media.name}

Форма добавления медиа

Форма добавления медиа

Избранное

{favorite.name}

Избранное

{favorite.name}

Избранное

{favorite.name}

Избранное

{favorite.name}

Избранное

{favorite.name}

Избранное

{favorite.name}

Форма добавления медиа

Форма добавления медиа

Форма добавления медиа

Форма добавления медиа

Компьютеры

Ноутбуки

Мониторы

Периферия

{item.name}

Корзина

Общая стоимость: ${getTotalPrice()}

Компьютеры

Ноутбуки

Мониторы

Периферия

Компьютеры

Ноутбуки

Мониторы

Периферия

Компьютеры

Ноутбуки

Мониторы

Периферия

Каталог товаров

{product.name}

Каталог товаров

{product.name}

Каталог товаров

{product.name}

Каталог товаров

{product.name}

Корзина

{item.name}

Корзина

{item.name}

Компьютеры

Ноутбуки

Мониторы

Периферия

Каталог товаров

{product.name}

Каталог товаров

{product.name}

Каталог товаров

{product.name}

Каталог товаров

{product.name}

Корзина

{item.name}

Корзина

{item.name}

Каталог товаров

{media.name}

Каталог товаров

{media.name}

{media.name}