385 lines
17 KiB
JavaScript
385 lines
17 KiB
JavaScript
"use strict";
|
|
(self["webpackChunkdropship_store"] = self["webpackChunkdropship_store"] || []).push([["rewards-page-stories"],{
|
|
|
|
/***/ "./app/rewards/page.stories.tsx"
|
|
/*!**************************************!*\
|
|
!*** ./app/rewards/page.stories.tsx ***!
|
|
\**************************************/
|
|
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
__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 _page__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./page */ "./app/rewards/page.tsx");
|
|
|
|
var meta = {
|
|
title: "Pages/rewards",
|
|
component: _page__WEBPACK_IMPORTED_MODULE_0__["default"]
|
|
};
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (meta);
|
|
var Default = {
|
|
render: function render() {
|
|
return /*#__PURE__*/React.createElement(_page__WEBPACK_IMPORTED_MODULE_0__["default"], null);
|
|
}
|
|
};
|
|
;
|
|
const __namedExportsOrder = ["Default"];
|
|
Default.parameters = {
|
|
...Default.parameters,
|
|
docs: {
|
|
...Default.parameters?.docs,
|
|
source: {
|
|
originalSource: "{\n render: () => <Page />\n}",
|
|
...Default.parameters?.docs?.source
|
|
}
|
|
}
|
|
};
|
|
|
|
/***/ },
|
|
|
|
/***/ "./app/rewards/page.tsx"
|
|
/*!******************************!*\
|
|
!*** ./app/rewards/page.tsx ***!
|
|
\******************************/
|
|
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ RewardsPage)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _components_DesktopHeader__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../components/DesktopHeader */ "./components/DesktopHeader.tsx");
|
|
/* harmony import */ var _components_MobileHeader__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/MobileHeader */ "./components/MobileHeader.tsx");
|
|
/* harmony import */ var _components_Footer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/Footer */ "./components/Footer.tsx");
|
|
/* harmony import */ var _components_FilterCard__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/FilterCard */ "./components/FilterCard.tsx");
|
|
|
|
|
|
|
|
|
|
function RewardsPage() {
|
|
return /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(_components_DesktopHeader__WEBPACK_IMPORTED_MODULE_0__["default"], null), /*#__PURE__*/React.createElement(_components_MobileHeader__WEBPACK_IMPORTED_MODULE_1__["default"], null), /*#__PURE__*/React.createElement("section", {
|
|
className: "section"
|
|
}, /*#__PURE__*/React.createElement("div", {
|
|
className: "container layout-2col"
|
|
}, /*#__PURE__*/React.createElement("aside", null, /*#__PURE__*/React.createElement(_components_FilterCard__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
|
title: "Filter Rewards"
|
|
})), /*#__PURE__*/React.createElement("div", {
|
|
className: "content-empty"
|
|
}, /*#__PURE__*/React.createElement("h1", {
|
|
className: "page-title"
|
|
}, "Rewards"), /*#__PURE__*/React.createElement("p", null, "Your rewards dashboard will appear here.")))), /*#__PURE__*/React.createElement(_components_Footer__WEBPACK_IMPORTED_MODULE_2__["default"], null));
|
|
}
|
|
;
|
|
RewardsPage.__docgenInfo = {
|
|
"description": "",
|
|
"methods": [],
|
|
"displayName": "RewardsPage"
|
|
};
|
|
|
|
/***/ },
|
|
|
|
/***/ "./components/DesktopHeader.tsx"
|
|
/*!**************************************!*\
|
|
!*** ./components/DesktopHeader.tsx ***!
|
|
\**************************************/
|
|
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
__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 SHRINK_AT = 140;
|
|
var EXPAND_AT = 80;
|
|
var onScroll = function onScroll() {
|
|
if (window.innerWidth < 981) {
|
|
setIsScrolled(false);
|
|
return;
|
|
}
|
|
var y = window.scrollY;
|
|
setIsScrolled(function (prev) {
|
|
return prev ? y > EXPAND_AT : y > SHRINK_AT;
|
|
});
|
|
};
|
|
onScroll();
|
|
window.addEventListener("scroll", onScroll, {
|
|
passive: true
|
|
});
|
|
return function () {
|
|
return window.removeEventListener("scroll", onScroll);
|
|
};
|
|
}, [forceScrolled]);
|
|
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
if (typeof window !== "undefined" && window.innerWidth >= 981) {
|
|
document.body.classList.toggle("so-header-scrolled", isScrolled);
|
|
return function () {
|
|
return document.body.classList.remove("so-header-scrolled");
|
|
};
|
|
}
|
|
return undefined;
|
|
}, [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/Footer.tsx"
|
|
/*!*******************************!*\
|
|
!*** ./components/Footer.tsx ***!
|
|
\*******************************/
|
|
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ Footer)
|
|
/* 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");
|
|
|
|
|
|
function Footer() {
|
|
return /*#__PURE__*/React.createElement("footer", {
|
|
className: "footer"
|
|
}, /*#__PURE__*/React.createElement("div", {
|
|
className: "container footer__inner"
|
|
}, /*#__PURE__*/React.createElement("div", {
|
|
className: "footer__brand"
|
|
}, /*#__PURE__*/React.createElement("img", {
|
|
src: "/icons/logo.png",
|
|
alt: "Shifted Offroad",
|
|
style: {
|
|
height: 54,
|
|
width: "auto",
|
|
display: "block",
|
|
marginBottom: 10
|
|
},
|
|
decoding: "async",
|
|
loading: "lazy"
|
|
}), /*#__PURE__*/React.createElement("div", {
|
|
style: {
|
|
opacity: 0.9,
|
|
fontSize: 13,
|
|
lineHeight: 1.65
|
|
}
|
|
}, "Shifted Offroad (Kelowna, BC) is an offroad parts and accessories company built around real fitment, honest advice, and clean installs. We focus on parts that work as advertised, pair well with common builds, and hold up to the conditions that actually get trucks and SUVs used the way they should be."), /*#__PURE__*/React.createElement("div", {
|
|
style: {
|
|
opacity: 0.9,
|
|
fontSize: 13,
|
|
lineHeight: 1.65,
|
|
marginTop: 10
|
|
}
|
|
}, "Our catalog blends trail-ready essentials with smart upgrades that improve capability without compromising daily drivability. Whether you are dialing in stance, lighting, recovery, or cargo utility, we help you choose components that fit your vehicle and your goals."), /*#__PURE__*/React.createElement("div", {
|
|
style: {
|
|
opacity: 0.9,
|
|
fontSize: 13,
|
|
lineHeight: 1.65,
|
|
marginTop: 10
|
|
}
|
|
}, "We are easy to reach, fast to respond, and focused on getting it right the first time. The goal is a simple, confident purchase and a setup you are proud to run.")), /*#__PURE__*/React.createElement("div", {
|
|
className: "footer__col footer__col--categories"
|
|
}, /*#__PURE__*/React.createElement("h4", null, "Categories"), _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))
|
|
}, c);
|
|
})), /*#__PURE__*/React.createElement("div", {
|
|
className: "footer__col footer__col--support"
|
|
}, /*#__PURE__*/React.createElement("h4", null, "Support"), /*#__PURE__*/React.createElement((next_link__WEBPACK_IMPORTED_MODULE_0___default()), {
|
|
href: "/contact"
|
|
}, "Contact"), /*#__PURE__*/React.createElement((next_link__WEBPACK_IMPORTED_MODULE_0___default()), {
|
|
href: "/legal/faq"
|
|
}, "FAQ"), /*#__PURE__*/React.createElement((next_link__WEBPACK_IMPORTED_MODULE_0___default()), {
|
|
href: "/legal/warranty"
|
|
}, "Warranty")), /*#__PURE__*/React.createElement("div", {
|
|
className: "footer__col footer__col--legal"
|
|
}, /*#__PURE__*/React.createElement("h4", null, "Legal"), /*#__PURE__*/React.createElement((next_link__WEBPACK_IMPORTED_MODULE_0___default()), {
|
|
href: "/legal/privacy-policy"
|
|
}, "Privacy Policy"), /*#__PURE__*/React.createElement((next_link__WEBPACK_IMPORTED_MODULE_0___default()), {
|
|
href: "/legal/terms-of-service"
|
|
}, "Terms of Service"), /*#__PURE__*/React.createElement((next_link__WEBPACK_IMPORTED_MODULE_0___default()), {
|
|
href: "/legal/refund-policy"
|
|
}, "Refund Policy"), /*#__PURE__*/React.createElement((next_link__WEBPACK_IMPORTED_MODULE_0___default()), {
|
|
href: "/legal/cookies"
|
|
}, "Cookies"))), /*#__PURE__*/React.createElement("div", {
|
|
className: "footer__payments"
|
|
}, /*#__PURE__*/React.createElement("div", {
|
|
className: "container footer__payments-inner"
|
|
}, /*#__PURE__*/React.createElement("div", null, "Secure checkout powered by trusted processors."), /*#__PURE__*/React.createElement("div", {
|
|
className: "footer__payment-logos"
|
|
}, /*#__PURE__*/React.createElement("img", {
|
|
src: "/assets/payments/visa.svg",
|
|
alt: "Visa",
|
|
loading: "lazy",
|
|
decoding: "async"
|
|
}), /*#__PURE__*/React.createElement("img", {
|
|
src: "/assets/payments/visa-alt.svg",
|
|
alt: "Visa",
|
|
loading: "lazy",
|
|
decoding: "async"
|
|
}), /*#__PURE__*/React.createElement("img", {
|
|
src: "/assets/payments/stripe.svg",
|
|
alt: "Stripe",
|
|
loading: "lazy",
|
|
decoding: "async"
|
|
}), /*#__PURE__*/React.createElement("img", {
|
|
src: "/assets/payments/paypal.svg",
|
|
alt: "PayPal",
|
|
loading: "lazy",
|
|
decoding: "async"
|
|
})))));
|
|
}
|
|
;
|
|
Footer.__docgenInfo = {
|
|
"description": "",
|
|
"methods": [],
|
|
"displayName": "Footer"
|
|
};
|
|
|
|
/***/ }
|
|
|
|
}]);
|
|
//# sourceMappingURL=rewards-page-stories.iframe.bundle.js.map
|