(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