\n )\n}\n\nexport default Login\n","import React from 'react'\nimport \"../Styles/Info.scss\"\nconst Info = () => {\n return (\n
\n
\n Simple & Secure\n
\n
\n
Order
\n
⇊
\n
\n
\n
Pay
\n
⇊
\n
\n
\n
Delivery in Zimbabwe
\n
\n
\n Ts & Cs apply\n
\n
\n )\n}\n\nexport default Info\n","import React, {useContext} from 'react'\nimport {Link} from \"react-router-dom\"\nimport {ReactComponent as PenyesaLogo} from \"../Images/PenyesaLogoWhite.svg\"\nimport {ReactComponent as PaypalLogo} from \"../Images/PaypalLogo.svg\"\nimport {ReactComponent as PayfastLogo} from \"../Images/PayfastLogo.svg\"\nimport {ReactComponent as VisaLogo} from \"../Images/VisaLogo.svg\"\nimport {ReactComponent as MastercardLogo} from \"../Images/MastercardLogo.svg\"\nimport {AuthContext} from \"../../Context/Auth.Context\"\nimport CartImage from \"../Images/trolleyBig.png\"\nimport Login from \"../../auth/Components/Login\"\nimport Flag from \"../Images/zimFlag.png\"\nimport \"../Styles/TopView.scss\"\n\nimport Info from \"./Info\"\n\nconst TopView = () => {\n const {currentAuthState} = useContext(AuthContext);\n return (\n
\n )\n}\n\nexport default NewsLetter\n","import React from 'react'\nimport \"../Styles/Footer.scss\"\nimport {ReactComponent as Logo} from \"../Images/FooterLogo.svg\"\nimport {ReactComponent as Facebook} from \"../Images/facebook.svg\"\nimport {ReactComponent as Pinterest} from \"../Images/pinterest.svg\"\nimport {ReactComponent as Instagram } from \"../Images/Instagram.svg\"\nimport NewsLetter from \"./NewsLetter\"\n// import Particles from \"react-particles-js\"\n\nconst Footer = () => {\n return (\n
\n );\n};\n\nexport default SearchBar;\n","import React, {useContext, useState, useEffect} from 'react'\nimport \"../Styles/Category.scss\"\nimport Card from \"../../Shared/Components/Card\"\nimport {ReactComponent as CategoryLogo} from \"../Images/PenyesaLogoWhite.svg\"\nimport { Link, useParams} from \"react-router-dom\"\nimport {ProductsContext} from \"../../Context/Products.Context\"\nimport Footer from '../../Shared/Components/Footer'\nimport CartButton from '../../Shared/Components/CartButton'\nimport Pagination from \"./Pagination\"\nimport ChristmasIcon from \"../Images/christmasBell.gif\"\nimport {Helmet} from \"react-helmet\"\nimport SearchBar from './SearchBar';\n\n\n\nconst MetaData = {\n Baskets : {\n title : \"Penyesa Pantry Baskets | Quality Grocery hampers\",\n description : \"Penyesa Baskets are carefully packed, to offer essential grocery hampers at great value.Packed from a wide range of every-day products\"\n },\n Food :{\n title : \"Penyesa Food Pantry | Buy Groceries Online\",\n description : \"Penyesa Food Pantry has a wide selection of your favourite daily items. Buy cooking ingredients,baking essentials,snacks and much more all online... \"\n },\n Health :{\n title : \"Penyesa Health & Beauty | Shop Online\",\n description : \"You deserve to shine!Shop online for quality and great value Health & Beauty Products.Deliver to Zimbabwe\"\n },\n Household : {\n title : \"Penyesa Household | Household Products Online\",\n description : \"Buy household essentials from quality brands from our online Pantry. Buy and send top quality household items to Zimbabwe.\"\n },\n Gifts : {\n title : \"Penyesa Gifts | Shop for treats and gourmet hampers \",\n description : \"Surprise your loved ones with treats and gourmet hampers.Buy and send gifts for special occassions.Shop for non alcoholic cocktails, chocolates \"\n }\n}\n\nfunction Category() {\n const {title} = useParams();\n const {products, isLoading} = useContext(ProductsContext);\n\n //Set Up pagination\n const [currentPage, setCurrentPage] = useState(1);\n const [itemsPerPage, setItemsPerPage] = useState(16);\n const [initialCategoryProducts, setInitialCategoryProducts] = useState([])\n const [categoryProducts, setCategoryProducts] = useState([])\n\n const handleFilter = (searchTerm) => {\n if (!searchTerm) setCategoryProducts(initialCategoryProducts);\n const filteredProducts = initialCategoryProducts.filter(\n (product) =>\n product?.brand?.toLowerCase().includes(searchTerm.toLowerCase()) ||\n product?.title?.toLowerCase().includes(searchTerm.toLowerCase()) ||\n product?.description\n ?.toLowerCase()\n .includes(searchTerm.toLowerCase())\n );\n\n setCategoryProducts(filteredProducts);\n };\n\n\n const categories = {\n baskets : (\n setCurrentPage(1)} to=\"/category/Baskets\">\n
\n \n \n \n );\n}\n\nexport default Category\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"style\", null, \".cls-face-d{fill:#5b4e03;}\"));\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Layer_2\",\n \"data-name\": \"Layer 2\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Layer_70\",\n \"data-name\": \"Layer 70\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n id: \"FB_Icon\",\n \"data-name\": \"FB Icon\",\n className: \"cls-face-d\",\n d: \"M6.85,2.67H8.39V.12A20.59,20.59,0,0,0,6.18,0,3.46,3.46,0,0,0,2.49,3.79V5.88H0V8.75H2.47v7.36h3V8.76H7.9l.37-2.88H5.43V4.07C5.43,3.24,5.66,2.67,6.85,2.67Z\"\n})));\n\nvar SvgFacebookDark = function SvgFacebookDark(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 8.39 16.12\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgFacebookDark, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/Facebook-dark.76a9b4c5.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"style\", null, \".cls-inst-d{fill:#5b4e03;}\"));\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Layer_2\",\n \"data-name\": \"Layer 2\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Layer_70\",\n \"data-name\": \"Layer 70\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Insta_Icon\",\n \"data-name\": \"Insta Icon\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-inst-d\",\n d: \"M15.21,3.2a2.82,2.82,0,0,0-.68-1,2.64,2.64,0,0,0-1-.69,4.75,4.75,0,0,0-1.63-.3c-.92-.06-1.22-.06-3.53-.06H4.81a4.73,4.73,0,0,0-1.6.34A2.91,2.91,0,0,0,1.5,3.16a5,5,0,0,0-.3,1.63c-.05.9-.05,1.2-.05,3.53a33.13,33.13,0,0,0,.08,3.51,4.89,4.89,0,0,0,.31,1.66,2.92,2.92,0,0,0,1.67,1.67,4.78,4.78,0,0,0,1.62.37c.9.05,1.2.05,3.53.05s2.61,0,3.45-.05h.08a4.76,4.76,0,0,0,1.63-.31,2.6,2.6,0,0,0,1-.67,2.83,2.83,0,0,0,.69-1,4.89,4.89,0,0,0,.3-1.61c.05-.91.05-1.21.05-3.55s0-2.6-.05-3.52A5.06,5.06,0,0,0,15.21,3.2ZM8.36,12.8a4.48,4.48,0,1,1,4.47-4.48A4.49,4.49,0,0,1,8.36,12.8ZM13,4.55a.88.88,0,0,1-.88-.88.87.87,0,0,1,.26-.62A.85.85,0,0,1,13,2.79a.88.88,0,1,1,0,1.76Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-inst-d\",\n d: \"M8.36,5.38a2.95,2.95,0,1,0,3,3A2.95,2.95,0,0,0,8.36,5.38Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-inst-d\",\n d: \"M16.67,4.74a6.17,6.17,0,0,0-.39-2A4.07,4.07,0,0,0,14,.45a6,6,0,0,0-2-.38C11,0,10.7,0,8.36,0S5.71,0,4.78.05a6.22,6.22,0,0,0-2,.38,4,4,0,0,0-2.3,2.3,6.17,6.17,0,0,0-.39,2A31.8,31.8,0,0,0,0,8.32C0,10.66,0,11,.05,11.9a6.12,6.12,0,0,0,.39,2,4,4,0,0,0,2.33,2.34,6.44,6.44,0,0,0,2,.38c.92,0,1.23.05,3.58.05s2.66,0,3.58-.05a6.5,6.5,0,0,0,2-.38,4,4,0,0,0,1.44-.92,3.83,3.83,0,0,0,.92-1.42,6.12,6.12,0,0,0,.39-2c0-.92,0-1.23,0-3.58S16.71,5.67,16.67,4.74Zm-.4,7.2a5.76,5.76,0,0,1-.34,1.86,3.65,3.65,0,0,1-.86,1.29,3.38,3.38,0,0,1-1.28.85,5.56,5.56,0,0,1-1.89.36c-.91,0-1.26.05-3.54.05s-2.66,0-3.57-.05a5.79,5.79,0,0,1-1.87-.43,3.66,3.66,0,0,1-2.1-2.12,5.46,5.46,0,0,1-.36-1.88A33.73,33.73,0,0,1,.38,8.32c0-2.34,0-2.65,0-3.56A5.78,5.78,0,0,1,.78,2.89,3.65,3.65,0,0,1,2.94.77,5.83,5.83,0,0,1,4.8.38H8.36c2.28,0,2.63,0,3.56.06a5.73,5.73,0,0,1,1.87.35,3.55,3.55,0,0,1,1.29.87,3.59,3.59,0,0,1,.85,1.27,6.08,6.08,0,0,1,.35,1.89c0,.91,0,1.23,0,3.54S16.33,11,16.27,11.94Z\"\n}))));\n\nvar SvgInstagramDark = function SvgInstagramDark(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 16.71 16.66\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgInstagramDark, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/Instagram-dark.c142b652.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"style\", null, \".cls-pint-d{fill:#5b4e03;}\"));\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Layer_2\",\n \"data-name\": \"Layer 2\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Layer_70\",\n \"data-name\": \"Layer 70\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n id: \"Pinterest_Icon\",\n \"data-name\": \"Pinterest Icon\",\n className: \"cls-pint-d\",\n d: \"M6.63,0C2.3,0,0,2.91,0,6.08,0,7.55.77,9.39,2,10c.19.09.29,0,.33-.13s.2-.82.28-1.15a.29.29,0,0,0-.07-.28,4,4,0,0,1-.77-2.3A4.34,4.34,0,0,1,6.13,1.75h.21A4,4,0,0,1,10.51,5.5v.38c0,2.72-1.37,4.61-3.16,4.61A1.46,1.46,0,0,1,5.82,9.1a1.58,1.58,0,0,1,0-.43A20.13,20.13,0,0,0,6.7,5.33a1.26,1.26,0,0,0-1-1.44.82.82,0,0,0-.22,0c-1,0-1.81,1-1.81,2.44a3.49,3.49,0,0,0,.3,1.49l-1.18,5a12.46,12.46,0,0,0,.16,3.28l.09,0a14.33,14.33,0,0,0,1.65-2.83l.62-2.39a2.7,2.7,0,0,0,2.31,1.15c3,0,5.2-2.79,5.2-6.25A5.87,5.87,0,0,0,6.63,0Z\"\n})));\n\nvar SvgPinterestDark = function SvgPinterestDark(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 12.77 16.12\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgPinterestDark, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/Pinterest-dark.f651c216.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"style\", null, \".cls-Mobile-Nav-2{fill:#5b4e03;}\"));\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Layer_2\",\n \"data-name\": \"Layer 2\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Layer_70\",\n \"data-name\": \"Layer 70\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Centre_Footer_Group\",\n \"data-name\": \"Centre Footer Group\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Phone_Icon\",\n \"data-name\": \"Phone & Icon\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-Mobile-Nav-2\",\n d: \"M9,10.39a4,4,0,0,0,1.06-1c1-1.45.77-1.83.77-1.83A13.71,13.71,0,0,0,9,3.6,13.58,13.58,0,0,0,6.23.32,2.84,2.84,0,0,0,3.45.41h0a5.54,5.54,0,0,0-.53.38Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-Mobile-Nav-2\",\n d: \"M22.45,25.7a13.47,13.47,0,0,0-1.82-3.94,13.32,13.32,0,0,0-2.81-3.31s-.25-.37-2-.07a3.84,3.84,0,0,0-1.34.55l6.14,9.59q.29-.15.57-.33h0A2.84,2.84,0,0,0,22.45,25.7Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-Mobile-Nav-2\",\n d: \"M13.4,19.87a1.32,1.32,0,0,1-1.21.23,8.25,8.25,0,0,1-4-3.16c-.94-1.42-2.06-5.26-.48-6L8,10.89,2,1.55a6,6,0,0,0-1.8,2.9s-1.6,6.31,4,15c5.28,8.27,11.3,9.79,11.92,9.92h.08A6.15,6.15,0,0,0,19.56,29l-6-9.32Z\"\n})))));\n\nvar SvgMobile = function SvgMobile(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 22.45 29.49\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgMobile, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/Mobile.ced1d789.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"style\", null, \".cls-Email-Nav{fill:#5b4e03;}\"));\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Layer_2\",\n \"data-name\": \"Layer 2\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Layer_70\",\n \"data-name\": \"Layer 70\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Centre_Footer_Group\",\n \"data-name\": \"Centre Footer Group\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Email_Icon\",\n \"data-name\": \"Email & Icon\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Email\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-Email-Nav\",\n d: \"M16.13,16.13l-4-3.5L.73,22.42A2.3,2.3,0,0,0,2.3,23H30a2.31,2.31,0,0,0,1.54-.62L20.12,12.63Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-Email-Nav\",\n d: \"M31.53.62A2.31,2.31,0,0,0,30,0H2.3A2.29,2.29,0,0,0,.77.63l15.36,13.2Z\"\n}), /*#__PURE__*/React.createElement(\"polygon\", {\n className: \"cls-Email-Nav\",\n points: \"0 2.02 0 21.17 11.14 11.71 0 2.02\"\n}), /*#__PURE__*/React.createElement(\"polygon\", {\n className: \"cls-Email-Nav\",\n points: \"21.12 11.71 32.26 21.17 32.26 2.02 21.12 11.71\"\n}))))));\n\nvar SvgEmail = function SvgEmail(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 32.26 23.04\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgEmail, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/Email.07c6697e.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"style\", null, \".cls-cartIc,.cls-cartIc-2{fill:#5b4e03;}.cls-cartIc{fill-rule:evenodd;}\"));\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Layer_2\",\n \"data-name\": \"Layer 2\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Layer_70\",\n \"data-name\": \"Layer 70\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-cartIc\",\n d: \"M16.17,22a3,3,0,1,1-3,3A3,3,0,0,1,16.17,22Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-cartIc\",\n d: \"M27,21.88A3.09,3.09,0,1,1,23.88,25,3.09,3.09,0,0,1,27,21.88Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-cartIc-2\",\n d: \"M33,2.27a2.15,2.15,0,0,0-2.7,1.42S28.13,9.11,27,13a2.84,2.84,0,0,1-3.19,2.22H19.27A3.18,3.18,0,0,1,16.08,13c-2-3.88-5.26-10.9-5.26-10.9A3.5,3.5,0,0,0,7.88,0H2.16a2.17,2.17,0,0,0,0,4.34H7l6,12c1.27,2.14,2.47,3.22,4.49,3.22h8.29c2.63,0,4-.94,4.69-3.22L34.4,5A2.18,2.18,0,0,0,33,2.27Z\"\n})));\n\nvar SvgCart = function SvgCart(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 34.49 28.06\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgCart, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/Cart.d2728ff7.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0,172v-172h172v172z\",\n fill: \"none\"\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#5b4e03\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M86.1075,6.7725c-43.61533,0 -79.12,35.50467 -79.12,79.12c0,43.61533 35.50467,79.12 79.12,79.12c23.3781,0 44.43061,-10.21499 58.89656,-26.3711c1.72575,-1.81717 2.32705,-4.42892 1.56965,-6.81778c-0.7574,-2.38887 -2.7537,-4.17703 -5.21122,-4.66789c-2.45752,-0.49085 -4.98757,0.39324 -6.60453,2.30786c-11.97388,13.37286 -29.26937,21.7889 -48.65047,21.7889c-36.17891,0 -65.36,-29.18109 -65.36,-65.36c0,-36.17891 29.18109,-65.36 65.36,-65.36c19.37733,0 36.67279,8.41529 48.65047,21.7889c1.61696,1.91462 4.14701,2.7987 6.60452,2.30785c2.45751,-0.49086 4.45382,-2.27902 5.21121,-4.66788c0.7574,-2.38886 0.1561,-5.0006 -1.56964,-6.81778c-14.46904,-16.15534 -35.52158,-26.37109 -58.89656,-26.37109zM133.9786,54.86531c-2.79841,0.00347 -5.31595,1.7014 -6.36771,4.29465c-1.05175,2.59324 -0.42817,5.56514 1.57724,7.51691l12.33562,12.33563h-62.51125c-2.48118,-0.03509 -4.78904,1.2685 -6.03987,3.41161c-1.25083,2.1431 -1.25083,4.79369 0,6.93679c1.25083,2.1431 3.55869,3.4467 6.03987,3.41161h62.51125l-12.33562,12.33563c-1.79734,1.72562 -2.52135,4.28808 -1.89282,6.69912c0.62853,2.41104 2.5114,4.29391 4.92245,4.92245c2.41104,0.62853 4.9735,-0.09548 6.69912,-1.89282l23.4686,-23.46859c1.71744,-1.30466 2.72377,-3.33912 2.71849,-5.49591c-0.00528,-2.15678 -1.02155,-4.1863 -2.74536,-5.48253l-23.44172,-23.44172c-1.29693,-1.33318 -3.07834,-2.08452 -4.93828,-2.08281z\"\n}));\n\nvar SvgSignout = function SvgSignout(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n x: \"0px\",\n y: \"0px\",\n width: 17,\n height: 15,\n viewBox: \"0 0 172 172\",\n style: {\n fill: \"#000000\"\n },\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"nonzero\",\n stroke: \"none\",\n strokeWidth: 1,\n strokeLinecap: \"butt\",\n strokeLinejoin: \"miter\",\n strokeMiterlimit: 10,\n strokeDasharray: \"\",\n strokeDashoffset: 0,\n fontFamily: \"none\",\n fontWeight: 700,\n fontSize: \"none\",\n textAnchor: \"none\",\n style: {\n mixBlendMode: \"normal\"\n }\n }, _ref2, _ref3));\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgSignout, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/Signout.7cf54ec6.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0,172v-172h172v172z\",\n fill: \"none\"\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#5b4e03\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M86,14.33333c-19.72655,0 -35.83333,16.1068 -35.83333,35.83333c0,19.72653 16.10679,35.83333 35.83333,35.83333c19.72655,0 35.83333,-16.1068 35.83333,-35.83333c0,-19.72653 -16.10679,-35.83333 -35.83333,-35.83333zM86,25.08333c13.91682,0 25.08333,11.16652 25.08333,25.08333c0,13.91681 -11.16651,25.08333 -25.08333,25.08333c-13.91682,0 -25.08333,-11.16652 -25.08333,-25.08333c0,-13.91681 11.16651,-25.08333 25.08333,-25.08333zM44.79167,100.33333c-8.84188,0 -16.125,7.28312 -16.125,16.125v4.2972c0,10.53809 6.68189,19.99054 16.87386,26.49007c10.19197,6.49953 24.13682,10.42106 40.45947,10.42106c16.32265,0 30.2675,-3.92153 40.45947,-10.42106c10.19197,-6.49953 16.87386,-15.95198 16.87386,-26.49007v-4.2972c0,-8.84188 -7.28312,-16.125 -16.125,-16.125zM44.79167,111.08333h82.41667c3.03329,0 5.375,2.34171 5.375,5.375v4.2972c0,5.96674 -3.84326,12.28583 -11.90479,17.42676c-8.06153,5.14093 -20.09853,8.73438 -34.67855,8.73438c-14.58001,0 -26.61702,-3.59345 -34.67855,-8.73437c-8.06153,-5.14093 -11.90479,-11.46002 -11.90479,-17.42676v-4.2972c0,-3.03329 2.34171,-5.375 5.375,-5.375z\"\n}));\n\nvar SvgProfile = function SvgProfile(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n x: \"0px\",\n y: \"0px\",\n width: 17,\n height: 17,\n viewBox: \"0 0 172 172\",\n style: {\n fill: \"#000000\"\n },\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"nonzero\",\n stroke: \"none\",\n strokeWidth: 1,\n strokeLinecap: \"butt\",\n strokeLinejoin: \"miter\",\n strokeMiterlimit: 10,\n strokeDasharray: \"\",\n strokeDashoffset: 0,\n fontFamily: \"none\",\n fontWeight: \"none\",\n fontSize: \"none\",\n textAnchor: \"none\",\n style: {\n mixBlendMode: \"normal\"\n }\n }, _ref2, _ref3));\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgProfile, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/Profile.6843876e.svg\";\nexport { ForwardRef as ReactComponent };","import React, {useContext} from 'react'\nimport {AuthContext} from \"../../Context/Auth.Context\"\nimport \"../Styles/AuthMessage.scss\"\n\nconst AuthMessage = () => {\n const {message} = useContext(AuthContext)\n return (\n
\n {message}\n
\n )\n}\n\nexport default AuthMessage\n","import React, {useContext,useState} from 'react'\nimport {ReactComponent as Facebook} from \"../Images/Facebook-dark.svg\"\nimport {ReactComponent as Instagram} from \"../Images/Instagram-dark.svg\"\nimport {ReactComponent as Pinterest} from \"../Images/Pinterest-dark.svg\"\nimport {ReactComponent as Mobile} from \"../Images/Mobile.svg\"\nimport {ReactComponent as Email} from \"../Images/Email.svg\"\nimport {ReactComponent as CartIcon} from \"../Images/Cart.svg\"\nimport {ReactComponent as SignoutIcon} from '../Images/Signout.svg' \nimport {ReactComponent as ProfileIcon} from '../Images/Profile.svg' \nimport {NavLink} from \"react-router-dom\"\nimport {ControlContext} from \"../../Context/Control.Context\"\nimport {AuthContext} from \"../../Context/Auth.Context\"\nimport \"../Styles/Navbar.scss\"\nimport AuthMessage from './AuthMessage'\n\n\n\nconst Navbar = () => {\n const {controlDispatch} = useContext(ControlContext)\n const {userInfo,status, currentAuthState,handleSignOut} = useContext(AuthContext)\n const [accountState, setAccountState] = useState(false)\n const handleCartControl = () => {\n controlDispatch({type : \"CART\"});\n }\n const signOut = () => {\n handleSignOut();\n setAccountState(false);\n }\n return (\n
\n 
\n\n\n 
\n \n 
\n ![](\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAACH0lEQVRoge2Zv0scQRiGn5MgXBcvNgpCTGds8xdICiWoYGKhMQoWYmWRQMRCsYilYpm0ChamuiKk00qLkCbp9Q9Iogj+gNN4m2LfvTtOd3b39oRxMw9ste+83/fuzM4Od/Af0QJMAbvAEVACDoGPwNMm1ukFPsm7pFo7wKR6SEUL8BnwQq4rYBHIpaiRA5bkFVZnm5RhZmX0BxgDCkAr0AOs1RT/kKLGCtWHsirvVtUaV20PmElRg32ZvAm5PwBcAmXgdQP+Exp7Ka/bmFQPew34VziWSZtBMy3NOfA4gXcXcKqxswZdQZqjBN43CII8jNAF71ExgXeR6vo30SbdcQLvG3yXSV+ErhM4kXYwhu+QtCdAR4T2ubTfYviGsiCTL0TvTHPSHgB5gy6Pv8V6GmMiB3yVdj5Gv6G0A79ltBShfQD8lHbdoFuX5ofGmFiW9hfwKEa/Rl4Af2W4hXkpPMP/mJWBkVvuv9S9krRhdKqWp9r9ibsOYRg4k/EFsAG8wt+l6pfRu5oG3uO/rAX8pRE8kLd1Y/JANzAKbKqGp5pDzQoR0IV/hLgm/AvcrKuMv5s9idtc8AJ7jeezglzqw5gt1O8aaQ5/UJ3ZKJ+4urj10h+PbcEFsQ0XxDYyE8R9EG0nOOvc9fim18nMjLggtuGC2IYLYhsuiG24ILbhgtiGC2IbLohtuCC24YLYRmaC1P8/cd9+qKv0n5kZyQz/AH1rn163HWE5AAAAAElFTkSuQmCC\"/)
\n Gifts\n 
*/}\n 
\n