(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