306 lines
15 KiB
JavaScript
306 lines
15 KiB
JavaScript
(self["webpackChunkdropship_store"] = self["webpackChunkdropship_store"] || []).push([["MobileHeader-backup-stories"],{
|
|
|
|
/***/ "./components/MobileHeader.backup.stories.tsx"
|
|
/*!****************************************************!*\
|
|
!*** ./components/MobileHeader.backup.stories.tsx ***!
|
|
\****************************************************/
|
|
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ Default: () => (/* binding */ Default),
|
|
/* harmony export */ __namedExportsOrder: () => (/* binding */ __namedExportsOrder),
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _MobileHeader_backup__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MobileHeader.backup */ "./components/MobileHeader.backup.tsx");
|
|
|
|
var meta = {
|
|
component: _MobileHeader_backup__WEBPACK_IMPORTED_MODULE_0__["default"]
|
|
};
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (meta);
|
|
var Default = {};
|
|
;
|
|
const __namedExportsOrder = ["Default"];
|
|
Default.parameters = {
|
|
...Default.parameters,
|
|
docs: {
|
|
...Default.parameters?.docs,
|
|
source: {
|
|
originalSource: "{}",
|
|
...Default.parameters?.docs?.source
|
|
}
|
|
}
|
|
};
|
|
|
|
/***/ },
|
|
|
|
/***/ "./.storybook/mocks/next-link.js"
|
|
/*!***************************************!*\
|
|
!*** ./.storybook/mocks/next-link.js ***!
|
|
\***************************************/
|
|
(module, __unused_webpack_exports, __webpack_require__) {
|
|
|
|
var _excluded = ["href", "children"];
|
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
var React = __webpack_require__(/*! react */ "./node_modules/react/index.js");
|
|
function Link(_ref) {
|
|
var href = _ref.href,
|
|
children = _ref.children,
|
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
var resolvedHref = typeof href === "string" ? href : href && _typeof(href) === "object" ? href.pathname || "#" : "#";
|
|
return React.createElement("a", _objectSpread({
|
|
href: resolvedHref
|
|
}, props), children);
|
|
}
|
|
module.exports = Link;
|
|
;
|
|
Link.__docgenInfo = {
|
|
"description": "",
|
|
"methods": [],
|
|
"displayName": "Link"
|
|
};
|
|
|
|
/***/ },
|
|
|
|
/***/ "./components/MobileHeader.backup.tsx"
|
|
/*!********************************************!*\
|
|
!*** ./components/MobileHeader.backup.tsx ***!
|
|
\********************************************/
|
|
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ MobileHeader)
|
|
/* harmony export */ });
|
|
/* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! next/link */ "./.storybook/mocks/next-link.js");
|
|
/* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(next_link__WEBPACK_IMPORTED_MODULE_0__);
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
/* harmony import */ var _categories__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./categories */ "./components/categories.ts");
|
|
/* harmony import */ var next_auth_react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! next-auth/react */ "./node_modules/next-auth/react/index.js");
|
|
/* harmony import */ var next_auth_react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(next_auth_react__WEBPACK_IMPORTED_MODULE_3__);
|
|
/* harmony import */ var _MobileHeaderShrunk__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./MobileHeaderShrunk */ "./components/MobileHeaderShrunk.tsx");
|
|
"use client";
|
|
|
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
|
|
|
|
|
|
|
|
|
|
function MobileHeader(_ref) {
|
|
var _ref$forceScrolled = _ref.forceScrolled,
|
|
forceScrolled = _ref$forceScrolled === void 0 ? false : _ref$forceScrolled;
|
|
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(forceScrolled),
|
|
_useState2 = _slicedToArray(_useState, 2),
|
|
isShrunk = _useState2[0],
|
|
setIsShrunk = _useState2[1];
|
|
var _useSession = (0,next_auth_react__WEBPACK_IMPORTED_MODULE_3__.useSession)(),
|
|
session = _useSession.data,
|
|
status = _useSession.status;
|
|
var authLabel = status === "authenticated" ? session.user.name || session.user.email || "Account" : "Sign In / Sign Up";
|
|
var categoryIcons = {
|
|
Interior: "/categories/cat-interior.png",
|
|
Tools: "/categories/cat-tools.png",
|
|
Exterior: "/categories/cat-exterior.png",
|
|
Drivetrain: "/categories/cat-drivetrain.png",
|
|
Lighting: "/categories/cat-lighting.png",
|
|
Suspension: "/categories/cat-suspension.png",
|
|
Audio: "/categories/cat-audio.png",
|
|
Performance: "/categories/cat-performance.png"
|
|
};
|
|
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
if (forceScrolled) {
|
|
setIsShrunk(true);
|
|
return;
|
|
}
|
|
var onScroll = function onScroll() {
|
|
return setIsShrunk(window.scrollY > 120);
|
|
};
|
|
onScroll();
|
|
window.addEventListener("scroll", onScroll, {
|
|
passive: true
|
|
});
|
|
return function () {
|
|
return window.removeEventListener("scroll", onScroll);
|
|
};
|
|
}, [forceScrolled]);
|
|
if (isShrunk) {
|
|
return /*#__PURE__*/React.createElement(_MobileHeaderShrunk__WEBPACK_IMPORTED_MODULE_4__["default"], null);
|
|
}
|
|
return /*#__PURE__*/React.createElement("header", {
|
|
className: "so-header so-header--mobile"
|
|
}, /*#__PURE__*/React.createElement("div", {
|
|
className: "container so-header__mobile"
|
|
}, /*#__PURE__*/React.createElement("div", {
|
|
className: "so-header__top"
|
|
}, /*#__PURE__*/React.createElement((next_link__WEBPACK_IMPORTED_MODULE_0___default()), {
|
|
href: "/",
|
|
className: "so-header__logo-wrap"
|
|
}, /*#__PURE__*/React.createElement("img", {
|
|
src: "/icons/logo.png",
|
|
className: "so-header__logo",
|
|
alt: "Shifted Offroad"
|
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
className: "so-header__categories"
|
|
}, /*#__PURE__*/React.createElement("nav", {
|
|
className: "so-header__nav so-header__nav--mobile"
|
|
}, _categories__WEBPACK_IMPORTED_MODULE_2__.CATEGORIES.map(function (c) {
|
|
return /*#__PURE__*/React.createElement((next_link__WEBPACK_IMPORTED_MODULE_0___default()), {
|
|
key: c,
|
|
href: "/category/".concat((0,_categories__WEBPACK_IMPORTED_MODULE_2__.slugifyCategory)(c)),
|
|
className: "so-navitem",
|
|
style: {
|
|
backgroundImage: "url(".concat(categoryIcons[c] || "", ")")
|
|
}
|
|
}, /*#__PURE__*/React.createElement("span", {
|
|
className: "so-navitem__label"
|
|
}, c));
|
|
})), /*#__PURE__*/React.createElement("div", {
|
|
className: "so-header__mobile-tools"
|
|
}, /*#__PURE__*/React.createElement("input", {
|
|
className: "so-header__search",
|
|
type: "search",
|
|
placeholder: "Search",
|
|
"aria-label": "Search"
|
|
}), /*#__PURE__*/React.createElement((next_link__WEBPACK_IMPORTED_MODULE_0___default()), {
|
|
href: "/login",
|
|
className: "so-auth-icon",
|
|
"aria-label": "Sign in"
|
|
}, /*#__PURE__*/React.createElement("span", {
|
|
className: "so-auth-icon__glyph",
|
|
"aria-hidden": "true"
|
|
}))))));
|
|
}
|
|
;
|
|
MobileHeader.__docgenInfo = {
|
|
"description": "",
|
|
"methods": [],
|
|
"displayName": "MobileHeader",
|
|
"props": {
|
|
"forceScrolled": {
|
|
"required": false,
|
|
"tsType": {
|
|
"name": "boolean"
|
|
},
|
|
"description": "",
|
|
"defaultValue": {
|
|
"value": "false",
|
|
"computed": false
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
/***/ },
|
|
|
|
/***/ "./components/MobileHeaderShrunk.tsx"
|
|
/*!*******************************************!*\
|
|
!*** ./components/MobileHeaderShrunk.tsx ***!
|
|
\*******************************************/
|
|
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ MobileHeaderShrunk)
|
|
/* harmony export */ });
|
|
/* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! next/link */ "./.storybook/mocks/next-link.js");
|
|
/* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(next_link__WEBPACK_IMPORTED_MODULE_0__);
|
|
/* harmony import */ var _categories__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./categories */ "./components/categories.ts");
|
|
"use client";
|
|
|
|
|
|
|
|
var categoryIcons = {
|
|
Interior: "/categories/cat-interior.png",
|
|
Tools: "/categories/cat-tools.png",
|
|
Exterior: "/categories/cat-exterior.png",
|
|
Drivetrain: "/categories/cat-drivetrain.png",
|
|
Lighting: "/categories/cat-lighting.png",
|
|
Suspension: "/categories/cat-suspension.png",
|
|
Audio: "/categories/cat-audio.png",
|
|
Performance: "/categories/cat-performance.png"
|
|
};
|
|
function MobileHeaderShrunk() {
|
|
return /*#__PURE__*/React.createElement("header", {
|
|
className: "so-header so-header--mobile so-header--shrunk"
|
|
}, /*#__PURE__*/React.createElement("div", {
|
|
className: "container so-header__mobile"
|
|
}, /*#__PURE__*/React.createElement("div", {
|
|
className: "so-header__top"
|
|
}), /*#__PURE__*/React.createElement("div", {
|
|
className: "so-header__categories"
|
|
}, /*#__PURE__*/React.createElement("nav", {
|
|
className: "so-header__nav so-header__nav--mobile"
|
|
}, _categories__WEBPACK_IMPORTED_MODULE_1__.CATEGORIES.map(function (c) {
|
|
return /*#__PURE__*/React.createElement((next_link__WEBPACK_IMPORTED_MODULE_0___default()), {
|
|
key: c,
|
|
href: "/category/".concat((0,_categories__WEBPACK_IMPORTED_MODULE_1__.slugifyCategory)(c)),
|
|
className: "so-navitem",
|
|
style: {
|
|
backgroundImage: "url(".concat(categoryIcons[c] || "", ")")
|
|
}
|
|
}, /*#__PURE__*/React.createElement("span", {
|
|
className: "so-navitem__label"
|
|
}, c));
|
|
})), /*#__PURE__*/React.createElement("div", {
|
|
className: "so-header__mobile-tools"
|
|
}, /*#__PURE__*/React.createElement("input", {
|
|
className: "so-header__search",
|
|
type: "search",
|
|
placeholder: "Search",
|
|
"aria-label": "Search"
|
|
}), /*#__PURE__*/React.createElement((next_link__WEBPACK_IMPORTED_MODULE_0___default()), {
|
|
href: "/login",
|
|
className: "so-auth-icon",
|
|
"aria-label": "Sign in"
|
|
}, /*#__PURE__*/React.createElement("span", {
|
|
className: "so-auth-icon__glyph",
|
|
"aria-hidden": "true"
|
|
}))))));
|
|
}
|
|
;
|
|
MobileHeaderShrunk.__docgenInfo = {
|
|
"description": "",
|
|
"methods": [],
|
|
"displayName": "MobileHeaderShrunk"
|
|
};
|
|
|
|
/***/ },
|
|
|
|
/***/ "./components/categories.ts"
|
|
/*!**********************************!*\
|
|
!*** ./components/categories.ts ***!
|
|
\**********************************/
|
|
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ CATEGORIES: () => (/* binding */ CATEGORIES),
|
|
/* harmony export */ slugifyCategory: () => (/* binding */ slugifyCategory)
|
|
/* harmony export */ });
|
|
var CATEGORIES = ["Interior", "Exterior", "Lighting", "Audio", "Tools", "Suspension", "Performance", "Drivetrain"];
|
|
function slugifyCategory(c) {
|
|
return c.toLowerCase();
|
|
}
|
|
|
|
/***/ }
|
|
|
|
}]);
|
|
//# sourceMappingURL=MobileHeader-backup-stories.iframe.bundle.js.map
|