268 lines
13 KiB
JavaScript
268 lines
13 KiB
JavaScript
(self["webpackChunkdropship_store"] = self["webpackChunkdropship_store"] || []).push([["DesktopHeader-backup-stories"],{
|
|
|
|
/***/ "./components/DesktopHeader.backup.stories.tsx"
|
|
/*!*****************************************************!*\
|
|
!*** ./components/DesktopHeader.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 _DesktopHeader_backup__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./DesktopHeader.backup */ "./components/DesktopHeader.backup.tsx");
|
|
|
|
var meta = {
|
|
component: _DesktopHeader_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/DesktopHeader.backup.tsx"
|
|
/*!*********************************************!*\
|
|
!*** ./components/DesktopHeader.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 */ Header)
|
|
/* 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__);
|
|
"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; }
|
|
|
|
|
|
|
|
|
|
var MERCH_ICONS = ["/icons/merchicon1.png", "/icons/merchicon2.png", "/icons/merchicon3.png", "/icons/merchicon4.png"];
|
|
function Header(_ref) {
|
|
var _ref$forceScrolled = _ref.forceScrolled,
|
|
forceScrolled = _ref$forceScrolled === void 0 ? false : _ref$forceScrolled;
|
|
var _CATEGORIES = _slicedToArray(_categories__WEBPACK_IMPORTED_MODULE_2__.CATEGORIES, 8),
|
|
interior = _CATEGORIES[0],
|
|
exterior = _CATEGORIES[1],
|
|
lighting = _CATEGORIES[2],
|
|
audio = _CATEGORIES[3],
|
|
tools = _CATEGORIES[4],
|
|
suspension = _CATEGORIES[5],
|
|
performance = _CATEGORIES[6],
|
|
drivetrain = _CATEGORIES[7];
|
|
var left = [interior, tools, exterior, drivetrain];
|
|
var right = [lighting, suspension, audio, performance];
|
|
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0),
|
|
_useState2 = _slicedToArray(_useState, 2),
|
|
merchIndex = _useState2[0],
|
|
setMerchIndex = _useState2[1];
|
|
var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(forceScrolled),
|
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
isScrolled = _useState4[0],
|
|
setIsScrolled = _useState4[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";
|
|
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
var t = setInterval(function () {
|
|
return setMerchIndex(function (i) {
|
|
return (i + 1) % MERCH_ICONS.length;
|
|
});
|
|
}, 3000);
|
|
return function () {
|
|
return clearInterval(t);
|
|
};
|
|
}, []);
|
|
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
if (forceScrolled) {
|
|
setIsScrolled(true);
|
|
return;
|
|
}
|
|
var onScroll = function onScroll() {
|
|
return setIsScrolled(window.scrollY > 120);
|
|
};
|
|
onScroll();
|
|
window.addEventListener("scroll", onScroll, {
|
|
passive: true
|
|
});
|
|
return function () {
|
|
return window.removeEventListener("scroll", onScroll);
|
|
};
|
|
}, [forceScrolled]);
|
|
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
document.body.classList.toggle("so-header-scrolled", isScrolled);
|
|
return function () {
|
|
return document.body.classList.remove("so-header-scrolled");
|
|
};
|
|
}, [isScrolled]);
|
|
return /*#__PURE__*/React.createElement("header", {
|
|
className: "so-header".concat(isScrolled ? " so-header--scrolled" : "")
|
|
}, /*#__PURE__*/React.createElement("div", {
|
|
className: "container"
|
|
}, /*#__PURE__*/React.createElement("div", {
|
|
className: "so-header__top"
|
|
}, /*#__PURE__*/React.createElement("div", {
|
|
className: "so-header__left"
|
|
}, /*#__PURE__*/React.createElement((next_link__WEBPACK_IMPORTED_MODULE_0___default()), {
|
|
href: "/",
|
|
className: "so-home",
|
|
"aria-label": "Home"
|
|
}, /*#__PURE__*/React.createElement("span", {
|
|
className: "so-home__icon"
|
|
})), /*#__PURE__*/React.createElement((next_link__WEBPACK_IMPORTED_MODULE_0___default()), {
|
|
href: "/merch",
|
|
className: "so-merch",
|
|
"aria-label": "Merch"
|
|
}, MERCH_ICONS.map(function (src, i) {
|
|
return /*#__PURE__*/React.createElement("img", {
|
|
key: src,
|
|
src: src,
|
|
className: "so-merch__icon" + (i === merchIndex ? " so-merch__icon--active" : ""),
|
|
alt: ""
|
|
});
|
|
}))), /*#__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__right"
|
|
}, /*#__PURE__*/React.createElement((next_link__WEBPACK_IMPORTED_MODULE_0___default()), {
|
|
href: "/rewards",
|
|
className: "so-rewards"
|
|
}, /*#__PURE__*/React.createElement("span", {
|
|
className: "so-rewards__icon"
|
|
})), /*#__PURE__*/React.createElement((next_link__WEBPACK_IMPORTED_MODULE_0___default()), {
|
|
href: "/cart",
|
|
className: "so-cart"
|
|
}, /*#__PURE__*/React.createElement("span", {
|
|
className: "so-cart__icon"
|
|
})))), /*#__PURE__*/React.createElement("div", {
|
|
className: "so-header__categories"
|
|
}, /*#__PURE__*/React.createElement("nav", {
|
|
className: "so-header__nav so-header__nav--left"
|
|
}, left.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"
|
|
}, c);
|
|
})), /*#__PURE__*/React.createElement("nav", {
|
|
className: "so-header__nav so-header__nav--right"
|
|
}, right.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"
|
|
}, c);
|
|
})))));
|
|
}
|
|
;
|
|
Header.__docgenInfo = {
|
|
"description": "",
|
|
"methods": [],
|
|
"displayName": "Header",
|
|
"props": {
|
|
"forceScrolled": {
|
|
"required": false,
|
|
"tsType": {
|
|
"name": "boolean"
|
|
},
|
|
"description": "",
|
|
"defaultValue": {
|
|
"value": "false",
|
|
"computed": false
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
/***/ },
|
|
|
|
/***/ "./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=DesktopHeader-backup-stories.iframe.bundle.js.map
|