@bonlineza/luxity-lib 2.33.7 → 2.33.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CurrencySelect.js +38 -0
- package/LuxityDesktopHeader.js +36 -1
- package/LuxityFooter.js +201 -53
- package/LuxityMobileHeader.js +45 -27
- package/LuxitySideNav.js +22 -18
- package/build/bundle.css +1 -1
- package/build/bundle.js +197 -81
- package/package.json +1 -1
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
(function (global, factory) {
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define(['react'], factory) :
|
|
4
|
+
(global = global || self, global.CurrencySelect = factory(global.React));
|
|
5
|
+
}(this, (function (React) { 'use strict';
|
|
6
|
+
|
|
7
|
+
React = React && Object.prototype.hasOwnProperty.call(React, 'default') ? React['default'] : React;
|
|
8
|
+
|
|
9
|
+
var CurrencySelect = function CurrencySelect(_ref) {
|
|
10
|
+
var currency = _ref.currency,
|
|
11
|
+
currencyOptions = _ref.currencyOptions,
|
|
12
|
+
onCurrencyChange = _ref.onCurrencyChange;
|
|
13
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
14
|
+
className: "currency-select-container"
|
|
15
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
16
|
+
className: "currency-flag"
|
|
17
|
+
}, /*#__PURE__*/React.createElement("img", {
|
|
18
|
+
src: currencyOptions.find(function (opt) {
|
|
19
|
+
return opt.value === currency;
|
|
20
|
+
}).flagSrc,
|
|
21
|
+
alt: "".concat(currency, " flag")
|
|
22
|
+
})), /*#__PURE__*/React.createElement("select", {
|
|
23
|
+
value: currency,
|
|
24
|
+
onChange: function onChange(e) {
|
|
25
|
+
return onCurrencyChange(e.target.value);
|
|
26
|
+
},
|
|
27
|
+
className: "currency-select"
|
|
28
|
+
}, currencyOptions.map(function (option) {
|
|
29
|
+
return /*#__PURE__*/React.createElement("option", {
|
|
30
|
+
key: option.value,
|
|
31
|
+
value: option.value
|
|
32
|
+
}, option.value, " (", option.symbol, ")");
|
|
33
|
+
})));
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
return CurrencySelect;
|
|
37
|
+
|
|
38
|
+
})));
|
package/LuxityDesktopHeader.js
CHANGED
|
@@ -432,6 +432,33 @@
|
|
|
432
432
|
return null;
|
|
433
433
|
};
|
|
434
434
|
|
|
435
|
+
var CurrencySelect = function CurrencySelect(_ref) {
|
|
436
|
+
var currency = _ref.currency,
|
|
437
|
+
currencyOptions = _ref.currencyOptions,
|
|
438
|
+
onCurrencyChange = _ref.onCurrencyChange;
|
|
439
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
440
|
+
className: "currency-select-container"
|
|
441
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
442
|
+
className: "currency-flag"
|
|
443
|
+
}, /*#__PURE__*/React__default.createElement("img", {
|
|
444
|
+
src: currencyOptions.find(function (opt) {
|
|
445
|
+
return opt.value === currency;
|
|
446
|
+
}).flagSrc,
|
|
447
|
+
alt: "".concat(currency, " flag")
|
|
448
|
+
})), /*#__PURE__*/React__default.createElement("select", {
|
|
449
|
+
value: currency,
|
|
450
|
+
onChange: function onChange(e) {
|
|
451
|
+
return onCurrencyChange(e.target.value);
|
|
452
|
+
},
|
|
453
|
+
className: "currency-select"
|
|
454
|
+
}, currencyOptions.map(function (option) {
|
|
455
|
+
return /*#__PURE__*/React__default.createElement("option", {
|
|
456
|
+
key: option.value,
|
|
457
|
+
value: option.value
|
|
458
|
+
}, option.value, " (", option.symbol, ")");
|
|
459
|
+
})));
|
|
460
|
+
};
|
|
461
|
+
|
|
435
462
|
var LuxityDesktopHeader = function LuxityDesktopHeader(_ref) {
|
|
436
463
|
var accountIcon = _ref.accountIcon,
|
|
437
464
|
cartIcon = _ref.cartIcon,
|
|
@@ -461,6 +488,10 @@
|
|
|
461
488
|
menuData = _ref.menuData,
|
|
462
489
|
onSearchSubmit = _ref.onSearchSubmit,
|
|
463
490
|
onProductIdsReceived = _ref.onProductIdsReceived,
|
|
491
|
+
currency = _ref.currency,
|
|
492
|
+
currencyOptions = _ref.currencyOptions,
|
|
493
|
+
onCurrencyChange = _ref.onCurrencyChange,
|
|
494
|
+
hideCurrencySelect = _ref.hideCurrencySelect,
|
|
464
495
|
shop = _ref.shop,
|
|
465
496
|
app = _ref.app;
|
|
466
497
|
|
|
@@ -767,7 +798,11 @@
|
|
|
767
798
|
className: "navbar__icons-wrapper"
|
|
768
799
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
769
800
|
className: "navbar__icons"
|
|
770
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
801
|
+
}, !hideCurrencySelect && /*#__PURE__*/React__default.createElement(CurrencySelect, {
|
|
802
|
+
currency: currency,
|
|
803
|
+
currencyOptions: currencyOptions,
|
|
804
|
+
onCurrencyChange: onCurrencyChange
|
|
805
|
+
}), /*#__PURE__*/React__default.createElement("button", {
|
|
771
806
|
type: "button",
|
|
772
807
|
className: "".concat(app ? 'navbar__icon--app' : 'navbar__icon'),
|
|
773
808
|
onClick: onInterestClick
|
package/LuxityFooter.js
CHANGED
|
@@ -36,6 +36,65 @@
|
|
|
36
36
|
}));
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
+
function _slicedToArray(arr, i) {
|
|
40
|
+
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
function _arrayWithHoles(arr) {
|
|
44
|
+
if (Array.isArray(arr)) return arr;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
function _iterableToArrayLimit(arr, i) {
|
|
48
|
+
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
49
|
+
|
|
50
|
+
if (_i == null) return;
|
|
51
|
+
var _arr = [];
|
|
52
|
+
var _n = true;
|
|
53
|
+
var _d = false;
|
|
54
|
+
|
|
55
|
+
var _s, _e;
|
|
56
|
+
|
|
57
|
+
try {
|
|
58
|
+
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
|
|
59
|
+
_arr.push(_s.value);
|
|
60
|
+
|
|
61
|
+
if (i && _arr.length === i) break;
|
|
62
|
+
}
|
|
63
|
+
} catch (err) {
|
|
64
|
+
_d = true;
|
|
65
|
+
_e = err;
|
|
66
|
+
} finally {
|
|
67
|
+
try {
|
|
68
|
+
if (!_n && _i["return"] != null) _i["return"]();
|
|
69
|
+
} finally {
|
|
70
|
+
if (_d) throw _e;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
return _arr;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
function _unsupportedIterableToArray(o, minLen) {
|
|
78
|
+
if (!o) return;
|
|
79
|
+
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
|
|
80
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
81
|
+
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
82
|
+
if (n === "Map" || n === "Set") return Array.from(o);
|
|
83
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
function _arrayLikeToArray(arr, len) {
|
|
87
|
+
if (len == null || len > arr.length) len = arr.length;
|
|
88
|
+
|
|
89
|
+
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
90
|
+
|
|
91
|
+
return arr2;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
function _nonIterableRest() {
|
|
95
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
96
|
+
}
|
|
97
|
+
|
|
39
98
|
var isCheckBoxInput = (element) => element.type === 'checkbox';
|
|
40
99
|
|
|
41
100
|
var isDateObject = (value) => value instanceof Date;
|
|
@@ -1866,6 +1925,33 @@
|
|
|
1866
1925
|
}), props.children);
|
|
1867
1926
|
};
|
|
1868
1927
|
|
|
1928
|
+
var CurrencySelect = function CurrencySelect(_ref) {
|
|
1929
|
+
var currency = _ref.currency,
|
|
1930
|
+
currencyOptions = _ref.currencyOptions,
|
|
1931
|
+
onCurrencyChange = _ref.onCurrencyChange;
|
|
1932
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
1933
|
+
className: "currency-select-container"
|
|
1934
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
1935
|
+
className: "currency-flag"
|
|
1936
|
+
}, /*#__PURE__*/React__default.createElement("img", {
|
|
1937
|
+
src: currencyOptions.find(function (opt) {
|
|
1938
|
+
return opt.value === currency;
|
|
1939
|
+
}).flagSrc,
|
|
1940
|
+
alt: "".concat(currency, " flag")
|
|
1941
|
+
})), /*#__PURE__*/React__default.createElement("select", {
|
|
1942
|
+
value: currency,
|
|
1943
|
+
onChange: function onChange(e) {
|
|
1944
|
+
return onCurrencyChange(e.target.value);
|
|
1945
|
+
},
|
|
1946
|
+
className: "currency-select"
|
|
1947
|
+
}, currencyOptions.map(function (option) {
|
|
1948
|
+
return /*#__PURE__*/React__default.createElement("option", {
|
|
1949
|
+
key: option.value,
|
|
1950
|
+
value: option.value
|
|
1951
|
+
}, option.value, " (", option.symbol, ")");
|
|
1952
|
+
})));
|
|
1953
|
+
};
|
|
1954
|
+
|
|
1869
1955
|
var LuxityFooter = function LuxityFooter(_ref) {
|
|
1870
1956
|
var _ref$showNewsletter = _ref.showNewsletter,
|
|
1871
1957
|
showNewsletter = _ref$showNewsletter === void 0 ? true : _ref$showNewsletter,
|
|
@@ -1873,21 +1959,26 @@
|
|
|
1873
1959
|
buyLinks = _ref$buyLinks === void 0 ? [] : _ref$buyLinks,
|
|
1874
1960
|
_ref$sellLinks = _ref.sellLinks,
|
|
1875
1961
|
sellLinks = _ref$sellLinks === void 0 ? [] : _ref$sellLinks,
|
|
1876
|
-
_ref$helpLinks = _ref.helpLinks,
|
|
1877
|
-
helpLinks = _ref$helpLinks === void 0 ? [] : _ref$helpLinks,
|
|
1878
1962
|
_ref$companyLinks = _ref.companyLinks,
|
|
1879
1963
|
companyLinks = _ref$companyLinks === void 0 ? [] : _ref$companyLinks,
|
|
1964
|
+
_ref$storeLinks = _ref.storeLinks,
|
|
1965
|
+
storeLinks = _ref$storeLinks === void 0 ? [] : _ref$storeLinks,
|
|
1966
|
+
_ref$popularLinks = _ref.popularLinks,
|
|
1967
|
+
popularLinks = _ref$popularLinks === void 0 ? [] : _ref$popularLinks,
|
|
1880
1968
|
_ref$socialLinks = _ref.socialLinks,
|
|
1881
1969
|
socialLinks = _ref$socialLinks === void 0 ? [] : _ref$socialLinks,
|
|
1882
1970
|
_ref$contactLinks = _ref.contactLinks,
|
|
1883
1971
|
contactLinks = _ref$contactLinks === void 0 ? [] : _ref$contactLinks,
|
|
1884
|
-
_ref$quickiesLinks = _ref.quickiesLinks,
|
|
1885
|
-
quickiesLinks = _ref$quickiesLinks === void 0 ? [] : _ref$quickiesLinks,
|
|
1886
1972
|
visaImgSrc = _ref.visaImgSrc,
|
|
1887
1973
|
masterCardSrc = _ref.masterCardSrc,
|
|
1974
|
+
paypalImgSrc = _ref.paypalImgSrc,
|
|
1888
1975
|
logoSrc = _ref.logoSrc,
|
|
1889
1976
|
formIconSrc = _ref.formIconSrc,
|
|
1890
|
-
onSubmit = _ref.onSubmit
|
|
1977
|
+
onSubmit = _ref.onSubmit,
|
|
1978
|
+
currency = _ref.currency,
|
|
1979
|
+
currencyOptions = _ref.currencyOptions,
|
|
1980
|
+
onCurrencyChange = _ref.onCurrencyChange,
|
|
1981
|
+
hideCurrencySelect = _ref.hideCurrencySelect;
|
|
1891
1982
|
var currentYear = new Date().getFullYear();
|
|
1892
1983
|
|
|
1893
1984
|
var _useForm = useForm(),
|
|
@@ -1926,6 +2017,76 @@
|
|
|
1926
2017
|
})));
|
|
1927
2018
|
};
|
|
1928
2019
|
|
|
2020
|
+
var renderSocialLinks = function renderSocialLinks(links) {
|
|
2021
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
2022
|
+
className: "footer__link-container"
|
|
2023
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
2024
|
+
className: "flex gap-2 mb-5"
|
|
2025
|
+
}, links.map(function (link) {
|
|
2026
|
+
return /*#__PURE__*/React__default.createElement("a", {
|
|
2027
|
+
key: link.label,
|
|
2028
|
+
href: link.href,
|
|
2029
|
+
target: "_blank",
|
|
2030
|
+
rel: "noopener noreferrer",
|
|
2031
|
+
className: ""
|
|
2032
|
+
}, link.icon && /*#__PURE__*/React__default.createElement("img", {
|
|
2033
|
+
className: "footer__link-icon",
|
|
2034
|
+
src: link.icon,
|
|
2035
|
+
alt: link.label
|
|
2036
|
+
}));
|
|
2037
|
+
})), /*#__PURE__*/React__default.createElement("div", {
|
|
2038
|
+
className: "footer__links"
|
|
2039
|
+
}, !!contactLinks.map && contactLinks.map(function (link) {
|
|
2040
|
+
return !link.isContact ? /*#__PURE__*/React__default.createElement(GALink, {
|
|
2041
|
+
key: link.label,
|
|
2042
|
+
instance: link.instance,
|
|
2043
|
+
href: link.href,
|
|
2044
|
+
label: link.label,
|
|
2045
|
+
className: "footer__link",
|
|
2046
|
+
rel: "noopener noreferrer",
|
|
2047
|
+
track: link === null || link === void 0 ? void 0 : link.track,
|
|
2048
|
+
target: link.target
|
|
2049
|
+
}, link.label) : /*#__PURE__*/React__default.createElement("div", {
|
|
2050
|
+
className: "footer__text"
|
|
2051
|
+
}, link.label);
|
|
2052
|
+
})));
|
|
2053
|
+
};
|
|
2054
|
+
|
|
2055
|
+
var AccordionSection = function AccordionSection(_ref2) {
|
|
2056
|
+
var title = _ref2.title,
|
|
2057
|
+
links = _ref2.links;
|
|
2058
|
+
|
|
2059
|
+
var _useState = React.useState(false),
|
|
2060
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
2061
|
+
isOpen = _useState2[0],
|
|
2062
|
+
setIsOpen = _useState2[1];
|
|
2063
|
+
|
|
2064
|
+
var contentRef = React.useRef(null);
|
|
2065
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
2066
|
+
className: "border-b border-gray-200"
|
|
2067
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
2068
|
+
type: "button",
|
|
2069
|
+
className: "w-full py-3 px-3 flex justify-between items-center",
|
|
2070
|
+
onClick: function onClick() {
|
|
2071
|
+
return setIsOpen(!isOpen);
|
|
2072
|
+
}
|
|
2073
|
+
}, /*#__PURE__*/React__default.createElement("span", {
|
|
2074
|
+
className: "footer__link-title"
|
|
2075
|
+
}, title), /*#__PURE__*/React__default.createElement("span", null, isOpen ? '-' : '+')), /*#__PURE__*/React__default.createElement("div", {
|
|
2076
|
+
ref: contentRef,
|
|
2077
|
+
className: "px-3 overflow-hidden transition-all duration-500 ease-in-out",
|
|
2078
|
+
style: {
|
|
2079
|
+
maxHeight: isOpen ? "".concat(contentRef.current.scrollHeight, "px") : '0'
|
|
2080
|
+
}
|
|
2081
|
+
}, links.map(function (link) {
|
|
2082
|
+
return /*#__PURE__*/React__default.createElement("a", {
|
|
2083
|
+
key: link.label,
|
|
2084
|
+
href: link.href,
|
|
2085
|
+
className: "footer__link block"
|
|
2086
|
+
}, link.label);
|
|
2087
|
+
})));
|
|
2088
|
+
};
|
|
2089
|
+
|
|
1929
2090
|
var submitForm = function submitForm(data) {
|
|
1930
2091
|
onSubmit(data).then(function (res) {
|
|
1931
2092
|
if (res.success) {
|
|
@@ -1980,64 +2141,51 @@
|
|
|
1980
2141
|
className: "footer__logo",
|
|
1981
2142
|
src: logoSrc,
|
|
1982
2143
|
alt: "luxity-logo"
|
|
1983
|
-
})), renderLinks(buyLinks, 'Buy'),
|
|
1984
|
-
className: "footer__link-child"
|
|
1985
|
-
}, renderLinks(companyLinks, 'Company'))), renderLinks(helpLinks, 'Help'), renderLinks(socialLinks, 'Follow us'), /*#__PURE__*/React__default.createElement("div", {
|
|
1986
|
-
className: "footer__link-container"
|
|
1987
|
-
}, /*#__PURE__*/React__default.createElement("div", {
|
|
1988
|
-
className: "footer__link-title"
|
|
1989
|
-
}, "Contact"), /*#__PURE__*/React__default.createElement("div", {
|
|
1990
|
-
className: "footer__links"
|
|
1991
|
-
}, !!contactLinks.map && contactLinks.map(function (link) {
|
|
1992
|
-
return !link.isContact ? /*#__PURE__*/React__default.createElement(GALink, {
|
|
1993
|
-
key: link.label,
|
|
1994
|
-
instance: link.instance,
|
|
1995
|
-
href: link.href,
|
|
1996
|
-
label: link.label,
|
|
1997
|
-
className: "footer__link",
|
|
1998
|
-
rel: "noopener noreferrer",
|
|
1999
|
-
track: link === null || link === void 0 ? void 0 : link.track,
|
|
2000
|
-
target: link.target
|
|
2001
|
-
}, link.label) : /*#__PURE__*/React__default.createElement("div", {
|
|
2002
|
-
className: "footer__text"
|
|
2003
|
-
}, link.label);
|
|
2004
|
-
})), /*#__PURE__*/React__default.createElement("div", {
|
|
2005
|
-
className: "footer__store-hours"
|
|
2006
|
-
}, /*#__PURE__*/React__default.createElement("div", {
|
|
2007
|
-
className: "footer__text"
|
|
2008
|
-
}, "Monday - Friday"), /*#__PURE__*/React__default.createElement("div", {
|
|
2009
|
-
className: "footer__text"
|
|
2010
|
-
}, "8:30am - 5pm")))), /*#__PURE__*/React__default.createElement("div", {
|
|
2144
|
+
})), renderLinks(buyLinks, 'Buy'), renderLinks(popularLinks, 'Popular'), renderLinks(sellLinks, 'Sell'), renderLinks(companyLinks, 'Company'), renderLinks(storeLinks, 'Connect'), renderSocialLinks(socialLinks)), /*#__PURE__*/React__default.createElement("div", {
|
|
2011
2145
|
className: "footer__copyrights-section"
|
|
2012
2146
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
2013
2147
|
className: "footer__payment-icons"
|
|
2014
2148
|
}, /*#__PURE__*/React__default.createElement("img", {
|
|
2015
|
-
|
|
2016
|
-
|
|
2149
|
+
src: masterCardSrc,
|
|
2150
|
+
alt: "mastercard",
|
|
2151
|
+
width: 100,
|
|
2152
|
+
height: 100
|
|
2017
2153
|
}), /*#__PURE__*/React__default.createElement("img", {
|
|
2018
2154
|
src: visaImgSrc,
|
|
2019
|
-
alt: "
|
|
2155
|
+
alt: "visa",
|
|
2156
|
+
width: 70,
|
|
2157
|
+
height: 70
|
|
2158
|
+
}), /*#__PURE__*/React__default.createElement("img", {
|
|
2159
|
+
src: paypalImgSrc,
|
|
2160
|
+
alt: "paypal",
|
|
2161
|
+
width: 100,
|
|
2162
|
+
height: 100
|
|
2020
2163
|
})), /*#__PURE__*/React__default.createElement("p", {
|
|
2021
2164
|
className: "footer__copyright"
|
|
2022
2165
|
}, "Copyright ", currentYear, " | Luxity (Pty) LTD | All Rights Reserved | Website Developed by B Online"))), /*#__PURE__*/React__default.createElement("div", {
|
|
2023
2166
|
className: "footer__wrapper footer__wrapper--mobile"
|
|
2024
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
2025
|
-
|
|
2026
|
-
|
|
2027
|
-
|
|
2028
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
2029
|
-
|
|
2030
|
-
|
|
2031
|
-
|
|
2032
|
-
|
|
2033
|
-
|
|
2034
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
2035
|
-
|
|
2036
|
-
|
|
2037
|
-
|
|
2038
|
-
|
|
2039
|
-
|
|
2040
|
-
}
|
|
2167
|
+
}, !hideCurrencySelect && /*#__PURE__*/React__default.createElement(CurrencySelect, {
|
|
2168
|
+
currency: currency,
|
|
2169
|
+
currencyOptions: currencyOptions,
|
|
2170
|
+
onCurrencyChange: onCurrencyChange
|
|
2171
|
+
}), /*#__PURE__*/React__default.createElement(AccordionSection, {
|
|
2172
|
+
title: "BUY",
|
|
2173
|
+
links: buyLinks
|
|
2174
|
+
}), /*#__PURE__*/React__default.createElement(AccordionSection, {
|
|
2175
|
+
title: "POPULAR",
|
|
2176
|
+
links: popularLinks
|
|
2177
|
+
}), /*#__PURE__*/React__default.createElement(AccordionSection, {
|
|
2178
|
+
title: "SELL",
|
|
2179
|
+
links: sellLinks
|
|
2180
|
+
}), /*#__PURE__*/React__default.createElement(AccordionSection, {
|
|
2181
|
+
title: "COMPANY",
|
|
2182
|
+
links: companyLinks
|
|
2183
|
+
}), /*#__PURE__*/React__default.createElement(AccordionSection, {
|
|
2184
|
+
title: "CONNECT",
|
|
2185
|
+
links: storeLinks
|
|
2186
|
+
}), /*#__PURE__*/React__default.createElement("div", {
|
|
2187
|
+
className: "mt-5"
|
|
2188
|
+
}, renderSocialLinks(socialLinks)), /*#__PURE__*/React__default.createElement("p", {
|
|
2041
2189
|
className: "footer__copyright footer__copyright--mobile"
|
|
2042
2190
|
}, "Copyright ", currentYear, " | Luxity (Pty) LTD | All Rights Reserved | Website Developed by B Online")));
|
|
2043
2191
|
};
|
package/LuxityMobileHeader.js
CHANGED
|
@@ -422,7 +422,7 @@
|
|
|
422
422
|
var backIcon = _ref.backIcon,
|
|
423
423
|
onBackClick = _ref.onBackClick,
|
|
424
424
|
stores = _ref.stores,
|
|
425
|
-
|
|
425
|
+
onContactUsClick = _ref.onContactUsClick;
|
|
426
426
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
427
427
|
className: "side-nav__sub-menu"
|
|
428
428
|
}, /*#__PURE__*/React__default.createElement("button", {
|
|
@@ -452,10 +452,11 @@
|
|
|
452
452
|
className: "stores-dropdown__open-days"
|
|
453
453
|
}, store.weekendOpenDays), /*#__PURE__*/React__default.createElement("div", {
|
|
454
454
|
className: "stores-dropdown__open-hours"
|
|
455
|
-
}, store.weekendOpenHours), /*#__PURE__*/React__default.createElement("
|
|
456
|
-
|
|
457
|
-
className: "stores-dropdown__view-more"
|
|
458
|
-
|
|
455
|
+
}, store.weekendOpenHours), /*#__PURE__*/React__default.createElement("button", {
|
|
456
|
+
type: "button",
|
|
457
|
+
className: "stores-dropdown__view-more",
|
|
458
|
+
onClick: onContactUsClick
|
|
459
|
+
}, "View More"));
|
|
459
460
|
})));
|
|
460
461
|
};
|
|
461
462
|
|
|
@@ -573,9 +574,9 @@
|
|
|
573
574
|
productUrl = _ref.productUrl,
|
|
574
575
|
onAccountClick = _ref.onAccountClick,
|
|
575
576
|
onCartClick = _ref.onCartClick,
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
577
|
+
onContactUsClick = _ref.onContactUsClick,
|
|
578
|
+
onOurStoryClick = _ref.onOurStoryClick,
|
|
579
|
+
onBlogClick = _ref.onBlogClick,
|
|
579
580
|
onSellToUsClick = _ref.onSellToUsClick,
|
|
580
581
|
stores = _ref.stores,
|
|
581
582
|
categoryElements = _ref.categoryElements,
|
|
@@ -798,19 +799,22 @@
|
|
|
798
799
|
onClick: onSellToUsClick
|
|
799
800
|
}, "Sell To Us")), /*#__PURE__*/React__default.createElement("div", {
|
|
800
801
|
className: "side-nav__menu-item"
|
|
801
|
-
}, /*#__PURE__*/React__default.createElement("
|
|
802
|
-
|
|
803
|
-
className: "side-nav__sub-link"
|
|
802
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
803
|
+
type: "button",
|
|
804
|
+
className: "side-nav__sub-link",
|
|
805
|
+
onClick: onOurStoryClick
|
|
804
806
|
}, "Our Story")), /*#__PURE__*/React__default.createElement("div", {
|
|
805
807
|
className: "side-nav__menu-item"
|
|
806
|
-
}, /*#__PURE__*/React__default.createElement("
|
|
807
|
-
|
|
808
|
-
className: "side-nav__sub-link"
|
|
808
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
809
|
+
type: "button",
|
|
810
|
+
className: "side-nav__sub-link",
|
|
811
|
+
onClick: onBlogClick
|
|
809
812
|
}, "Blog")), /*#__PURE__*/React__default.createElement("div", {
|
|
810
813
|
className: "side-nav__menu-item"
|
|
811
|
-
}, /*#__PURE__*/React__default.createElement("
|
|
812
|
-
|
|
813
|
-
className: "side-nav__sub-link"
|
|
814
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
815
|
+
type: "button",
|
|
816
|
+
className: "side-nav__sub-link",
|
|
817
|
+
onClick: onContactUsClick
|
|
814
818
|
}, "Contact Us")), /*#__PURE__*/React__default.createElement("div", {
|
|
815
819
|
className: "side-nav__menu-item"
|
|
816
820
|
}, /*#__PURE__*/React__default.createElement("button", {
|
|
@@ -913,7 +917,7 @@
|
|
|
913
917
|
backIcon: backIcon,
|
|
914
918
|
onBackClick: onBackClick,
|
|
915
919
|
stores: stores,
|
|
916
|
-
|
|
920
|
+
onContactUsClick: onContactUsClick
|
|
917
921
|
})));
|
|
918
922
|
};
|
|
919
923
|
|
|
@@ -998,9 +1002,9 @@
|
|
|
998
1002
|
categoryElements = _ref.categoryElements,
|
|
999
1003
|
onAccountClick = _ref.onAccountClick,
|
|
1000
1004
|
onDashboardClick = _ref.onDashboardClick,
|
|
1001
|
-
|
|
1002
|
-
|
|
1003
|
-
|
|
1005
|
+
onContactUsClick = _ref.onContactUsClick,
|
|
1006
|
+
onOurStoryClick = _ref.onOurStoryClick,
|
|
1007
|
+
onBlogClick = _ref.onBlogClick,
|
|
1004
1008
|
bugReportLink = _ref.bugReportLink,
|
|
1005
1009
|
onSellToUsClick = _ref.onSellToUsClick,
|
|
1006
1010
|
onLogoClick = _ref.onLogoClick,
|
|
@@ -1177,6 +1181,22 @@
|
|
|
1177
1181
|
return handleClick(onSubmissionsClick);
|
|
1178
1182
|
};
|
|
1179
1183
|
|
|
1184
|
+
var handleAccountClick = function handleAccountClick() {
|
|
1185
|
+
return handleClick(onAccountClick);
|
|
1186
|
+
};
|
|
1187
|
+
|
|
1188
|
+
var handleContactUsClick = function handleContactUsClick() {
|
|
1189
|
+
return handleClick(onContactUsClick);
|
|
1190
|
+
};
|
|
1191
|
+
|
|
1192
|
+
var handleOurStoryClick = function handleOurStoryClick() {
|
|
1193
|
+
return handleClick(onOurStoryClick);
|
|
1194
|
+
};
|
|
1195
|
+
|
|
1196
|
+
var handleBlogClick = function handleBlogClick() {
|
|
1197
|
+
return handleClick(onBlogClick);
|
|
1198
|
+
};
|
|
1199
|
+
|
|
1180
1200
|
return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
1181
1201
|
className: "navbar navbar__mobile-wrapper"
|
|
1182
1202
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -1259,11 +1279,11 @@
|
|
|
1259
1279
|
closeIcon: closeIcon,
|
|
1260
1280
|
backIcon: backIcon,
|
|
1261
1281
|
productUrl: productsUrl,
|
|
1262
|
-
onAccountClick:
|
|
1282
|
+
onAccountClick: handleAccountClick,
|
|
1263
1283
|
onCartClick: handleCartClick,
|
|
1264
|
-
|
|
1265
|
-
|
|
1266
|
-
|
|
1284
|
+
onContactUsClick: handleContactUsClick,
|
|
1285
|
+
onOurStoryClick: handleOurStoryClick,
|
|
1286
|
+
onBlogClick: handleBlogClick,
|
|
1267
1287
|
onSellToUsClick: handleSellToUsClick,
|
|
1268
1288
|
stores: stores,
|
|
1269
1289
|
categoryElements: categoryElements,
|
|
@@ -1281,8 +1301,6 @@
|
|
|
1281
1301
|
onDashboardClick: handleDashboardClick,
|
|
1282
1302
|
onLogoutClick: handleLogoutClick,
|
|
1283
1303
|
bugReportLink: bugReportLink,
|
|
1284
|
-
ourStoryLink: ourStoryLink,
|
|
1285
|
-
blogLink: blogLink,
|
|
1286
1304
|
onLuxityShopClick: handleLuxityShopClick,
|
|
1287
1305
|
showSideNav: showSideNav,
|
|
1288
1306
|
onMenuClick: onMenuClick,
|
package/LuxitySideNav.js
CHANGED
|
@@ -111,7 +111,7 @@
|
|
|
111
111
|
var backIcon = _ref.backIcon,
|
|
112
112
|
onBackClick = _ref.onBackClick,
|
|
113
113
|
stores = _ref.stores,
|
|
114
|
-
|
|
114
|
+
onContactUsClick = _ref.onContactUsClick;
|
|
115
115
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
116
116
|
className: "side-nav__sub-menu"
|
|
117
117
|
}, /*#__PURE__*/React__default.createElement("button", {
|
|
@@ -141,10 +141,11 @@
|
|
|
141
141
|
className: "stores-dropdown__open-days"
|
|
142
142
|
}, store.weekendOpenDays), /*#__PURE__*/React__default.createElement("div", {
|
|
143
143
|
className: "stores-dropdown__open-hours"
|
|
144
|
-
}, store.weekendOpenHours), /*#__PURE__*/React__default.createElement("
|
|
145
|
-
|
|
146
|
-
className: "stores-dropdown__view-more"
|
|
147
|
-
|
|
144
|
+
}, store.weekendOpenHours), /*#__PURE__*/React__default.createElement("button", {
|
|
145
|
+
type: "button",
|
|
146
|
+
className: "stores-dropdown__view-more",
|
|
147
|
+
onClick: onContactUsClick
|
|
148
|
+
}, "View More"));
|
|
148
149
|
})));
|
|
149
150
|
};
|
|
150
151
|
|
|
@@ -262,9 +263,9 @@
|
|
|
262
263
|
productUrl = _ref.productUrl,
|
|
263
264
|
onAccountClick = _ref.onAccountClick,
|
|
264
265
|
onCartClick = _ref.onCartClick,
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
266
|
+
onContactUsClick = _ref.onContactUsClick,
|
|
267
|
+
onOurStoryClick = _ref.onOurStoryClick,
|
|
268
|
+
onBlogClick = _ref.onBlogClick,
|
|
268
269
|
onSellToUsClick = _ref.onSellToUsClick,
|
|
269
270
|
stores = _ref.stores,
|
|
270
271
|
categoryElements = _ref.categoryElements,
|
|
@@ -487,19 +488,22 @@
|
|
|
487
488
|
onClick: onSellToUsClick
|
|
488
489
|
}, "Sell To Us")), /*#__PURE__*/React__default.createElement("div", {
|
|
489
490
|
className: "side-nav__menu-item"
|
|
490
|
-
}, /*#__PURE__*/React__default.createElement("
|
|
491
|
-
|
|
492
|
-
className: "side-nav__sub-link"
|
|
491
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
492
|
+
type: "button",
|
|
493
|
+
className: "side-nav__sub-link",
|
|
494
|
+
onClick: onOurStoryClick
|
|
493
495
|
}, "Our Story")), /*#__PURE__*/React__default.createElement("div", {
|
|
494
496
|
className: "side-nav__menu-item"
|
|
495
|
-
}, /*#__PURE__*/React__default.createElement("
|
|
496
|
-
|
|
497
|
-
className: "side-nav__sub-link"
|
|
497
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
498
|
+
type: "button",
|
|
499
|
+
className: "side-nav__sub-link",
|
|
500
|
+
onClick: onBlogClick
|
|
498
501
|
}, "Blog")), /*#__PURE__*/React__default.createElement("div", {
|
|
499
502
|
className: "side-nav__menu-item"
|
|
500
|
-
}, /*#__PURE__*/React__default.createElement("
|
|
501
|
-
|
|
502
|
-
className: "side-nav__sub-link"
|
|
503
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
504
|
+
type: "button",
|
|
505
|
+
className: "side-nav__sub-link",
|
|
506
|
+
onClick: onContactUsClick
|
|
503
507
|
}, "Contact Us")), /*#__PURE__*/React__default.createElement("div", {
|
|
504
508
|
className: "side-nav__menu-item"
|
|
505
509
|
}, /*#__PURE__*/React__default.createElement("button", {
|
|
@@ -602,7 +606,7 @@
|
|
|
602
606
|
backIcon: backIcon,
|
|
603
607
|
onBackClick: onBackClick,
|
|
604
608
|
stores: stores,
|
|
605
|
-
|
|
609
|
+
onContactUsClick: onContactUsClick
|
|
606
610
|
})));
|
|
607
611
|
};
|
|
608
612
|
|
package/build/bundle.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.navbar{box-shadow:2px 2px 10px #dfdede;display:flex;padding-bottom:10px;padding-top:20px;position:relative}.navbar__link-item--desktop{align-items:center;display:flex;height:35px;margin:auto 0;padding-top:5px}.navbar__mobile-wrapper{align-items:center;display:flex;flex-direction:column;padding-bottom:20px;padding-left:32px;padding-right:32px}.navbar__container{display:flex;margin:0 auto;max-width:1280px;padding-left:12px;padding-right:12px;width:100%}.navbar__body{flex-basis:60%}.navbar__wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.navbar__product-search-wrapper{align-items:center;display:flex;justify-content:center;padding:0 20%;width:100%}@media only screen and (max-width:879px){.navbar__product-search-wrapper{padding:0}}.navbar__input-close-icon{height:auto;margin-bottom:10px;margin-left:10px;width:20px}@media only screen and (max-width:879px){.navbar__input-close-icon{margin-bottom:0;margin-left:0;width:15px}}.navbar__menu-icon{width:30px}.navbar__product-search{align-items:center;display:flex;max-width:545px;width:100%}.navbar__logo-wrapper{margin-right:18px;width:200px}.navbar__logo{width:200px}@media only screen and (max-width:879px){.navbar__logo{margin-left:10px;margin-top:5px;width:125px}}.navbar__form-input{align-items:center;background:transparent;border:none;display:flex;font-size:13px;outline:none;padding:8px;width:100%}.navbar__product-search{border:1px solid #dfdede;margin-bottom:10px}@media only screen and (max-width:879px){.navbar__product-search{border:none;border-bottom:1px solid #dfdede;margin-bottom:0;margin-right:10px;margin-top:10px}}.navbar__section{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;width:100%}.navbar__link{display:inline-block;font-family:Martel Sans;font-size:14px;font-weight:700;margin-right:10px;overflow:hidden;text-transform:uppercase;transition:.3s ease-in-out}.navbar__link:after{background-color:#000;content:"";display:block;height:2px;transition:width .25s ease-out;width:0}.navbar__link:hover:after{width:100%}.navbar__link:hover .navbar__dropdown{animation:fadeInDropdown .3s ease-in-out;display:block}.navbar__dropdown{background-color:#fff;box-shadow:5px 5px 5px #dfdede;display:none;left:0;position:absolute;width:100%;z-index:999}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navbar__company-link{font-size:13px;font-weight:400;list-style:none;margin-left:18px;text-decoration:none}.navbar__company-block{align-items:center;background-color:#000;color:#fff;display:flex;font-weight:700;height:33px;justify-content:center;margin-right:0;padding:0 18px;text-transform:uppercase}.navbar__input-search-icon{height:auto;margin-left:1.125rem;margin-right:.375rem;width:15px}.navbar__nav-links{align-items:center;display:flex}.navbar__nav-links--wrap{flex-wrap:wrap}.navbar__icons{align-items:center;display:flex;height:40px;justify-content:flex-end;margin-bottom:10px}@media only screen and (max-width:879px){.navbar__icons{display:block;height:20px;margin-bottom:0}}.navbar__icon{cursor:pointer;height:auto;margin-right:18px;width:20px}@media only screen and (max-width:879px){.navbar__icon{margin-right:0}}.navbar__icon--app{cursor:pointer;height:auto;margin-left:12px;width:20px}@media only screen and (max-width:879px){.navbar__icon--app{margin-right:0}}.navbar__cart-icon{position:relative}.navbar__cart-count{align-items:center;background-color:#000;border-radius:50%;bottom:50%;color:#fff;display:flex;font-size:13px;height:20px;justify-content:center;left:100%;position:absolute;width:20px}.footer__newsletter-section{align-items:center;background-color:#000;color:#fff;display:flex;justify-content:space-between;padding:2.265rem 0}@media only screen and (max-width:879px){.footer__newsletter-section{flex-direction:column}}.footer__newsletter-wrapper{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px;padding-left:32px;padding-right:32px;width:100%}@media only screen and (max-width:879px){.footer__newsletter-wrapper{flex-direction:column}.footer__link-container{flex-basis:50%}}.footer__newsletter-icon{height:30px;position:absolute;right:0;top:0;width:32px}.footer__newsletter-form{flex-basis:50%;max-width:250px;position:relative}@media only screen and (max-width:879px){.footer__newsletter-form{display:block;margin-top:20px;max-width:100%;width:100%}}.footer__newsletter-title{font-family:Martel Sans,sans-serif;font-size:14px;font-weight:700;letter-spacing:3px;margin-bottom:1.125rem;text-transform:uppercase}.footer__newsletter-text{font-size:14px}.footer__form-input{background-color:#000;border:none;border-bottom:1px solid #fff;color:#fff;height:30px;outline:none;width:100%}.footer__form-input::-moz-placeholder{color:#fff;font-weight:400}.footer__form-input::placeholder{color:#fff;font-weight:400}.footer__form-errors{color:#fff;margin-top:5px}.footer__main-section{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:50px;margin-top:80px}.footer__link-title{font-family:El Messiri;font-size:16px;font-weight:700;margin-bottom:20px;text-transform:uppercase}@media only screen and (max-width:879px){.footer__link-title{margin-bottom:10px}}.footer__link-child{margin-top:25px}.footer__links{display:flex;flex-direction:column}.footer__link{color:#939393;cursor:pointer;font-family:Martel Sans;font-size:14px;line-height:20px;margin-bottom:15px;text-align:left;text-decoration:none}.footer__link:hover{color:#000;text-decoration:underline}@media only screen and (max-width:879px){.footer__link{margin-bottom:10px}}.footer__link-wrapper{align-items:center;display:flex;gap:5px}.footer__link-icon{height:13px;margin-bottom:18px}.footer__text{color:#939393;font-family:Martel Sans;font-size:14px;line-height:20px;margin-bottom:15px;text-align:left;text-decoration:none}.footer__store-hours{margin-top:35px}.footer__copyrights-section{border-top:1px solid;display:flex;justify-content:space-between;padding-bottom:20px;padding-top:20px}.footer__logo{height:30px;width:135px}.footer__payment-icons{align-items:center;display:flex}.footer__wrapper{margin:0 auto;max-width:1280px;padding-left:32px;padding-right:32px;width:100%}@media only screen and (max-width:879px){.footer__wrapper{padding:32px 0 0 24px}}.footer__wrapper--desktop{display:block}@media only screen and (max-width:879px){.footer__wrapper--desktop{display:none}}.footer__wrapper--mobile{display:none}@media only screen and (max-width:879px){.footer__wrapper--mobile{display:block;padding-top:30px}}.footer__copyright{font-size:10px;line-height:22px}.footer__copyright--mobile{display:none}@media only screen and (max-width:879px){.footer__copyright--mobile{display:block;padding:30px 10px 30px 0;text-align:center}}.footer__section-row{display:flex;gap:50%}@media only screen and (max-width:879px){.footer__section-row{gap:unset}}.side-nav{font-family:Martel Sans}.side-nav__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center}.side-nav__overlay{background-color:rgba(78,73,73,.51);height:100%;opacity:0;position:fixed;top:0;transition:opacity .5s ease-out 0s,visibility .5s ease-out 0s;width:100%;z-index:99999}.side-nav__overlay--visible{opacity:1;visibility:visible}.side-nav__overlay--hidden{opacity:1;visibility:hidden}.side-nav__content{background-color:#fff;bottom:0;overflow-y:scroll;padding:1.5rem;position:fixed;top:0;transition:left .5s ease-in-out;width:80%;z-index:99999}.side-nav__content--hidden{display:none}.side-nav__content--open{left:0}.side-nav__content--closed{left:-100%}.side-nav__menu-title-wrapper{align-items:center;background-color:transparent;border:none;display:flex;outline:none;width:100%}.side-nav__icon-container{float:right;margin-bottom:10px}.side-nav__menu-title{align-items:center;display:flex;font-size:14px;font-weight:700;justify-content:center;line-height:20px;text-transform:uppercase}.side-nav__menu-icon{display:flex;height:25px;margin-right:10px;width:25px}.side-nav__menu-divider{margin-bottom:40px}.side-nav__accordion-icon{height:auto;width:15px}.side-nav__menu-item{margin-bottom:25px}.side-nav__close-icon{height:20px;margin-left:auto;width:20px}.side-nav__back-button-wrapper{align-items:center;display:flex;margin-bottom:25px}.side-nav__back-icon{height:20px;width:20px}.side-nav__back-button,.side-nav__sub-menu-title{font-weight:700;text-transform:uppercase}.side-nav__sub-menu-title{font-size:14px;margin-bottom:10px}.side-nav__elements{display:flex;flex-direction:column}.side-nav__element{color:#555;cursor:pointer;line-height:20px;margin-bottom:10px}.side-nav__element,.side-nav__sub-link{font-size:14px;font-weight:400;text-transform:capitalize}.side-nav__block-button{background-color:#000;color:#fff;font-weight:700;padding:10px 0;width:100%}.side-nav{font-family:Martel Sans}.side-nav__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center}.side-nav__overlay{background-color:rgba(78,73,73,.51);height:100%;opacity:0;position:fixed;top:0;transition:opacity .5s ease-out 0s,visibility .5s ease-out 0s;width:100%;z-index:99999}.side-nav__overlay--visible{opacity:1;visibility:visible}.side-nav__overlay--hidden{opacity:1;visibility:hidden}.side-nav__content{background-color:#fff;bottom:0;overflow-y:scroll;padding:1.5rem;position:fixed;top:0;transition:left .5s ease-in-out;width:80%;z-index:99999}.side-nav__content--hidden{display:none}.side-nav__content--open{left:0}.side-nav__content--closed{left:-100%}.side-nav__menu-title-wrapper{align-items:center;background-color:transparent;border:none;display:flex;justify-content:space-between;outline:none;width:100%}.side-nav__icon-container{float:right;margin-bottom:10px}.side-nav__menu-title{font-size:14px;font-weight:700;line-height:20px;text-transform:uppercase}.side-nav__accordion-icon{height:auto;width:15px}.side-nav__menu-item{margin-bottom:25px}.side-nav__close-icon{height:20px;margin-left:auto;width:20px}.side-nav__back-button-wrapper{align-items:center;display:flex;margin-bottom:25px}.side-nav__back-icon{height:20px;width:20px}.side-nav__back-button,.side-nav__sub-menu-title{font-weight:700;text-transform:uppercase}.side-nav__sub-menu-title{font-size:14px;margin-bottom:10px}.side-nav__elements{display:flex;flex-direction:column}.side-nav__element{color:#555;cursor:pointer;line-height:20px;margin-bottom:10px}.side-nav__element,.side-nav__sub-link{font-size:14px;font-weight:400;text-transform:capitalize}.side-nav__block-button{background-color:#000;color:#fff;font-weight:700;padding:10px 0;width:100%}.dropdown{display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:1280px;min-height:500px;overflow-x:auto;padding:20px 0}.dropdown__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center;min-height:300px}.dropdown__column{flex:1;padding-left:12px}.dropdown__column:nth-child(2){flex:2}.dropdown__title{font-family:El Messiri;font-size:16px;font-weight:700;letter-spacing:3px;line-height:1;margin-bottom:20px;text-transform:uppercase}.dropdown__elements{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:800px;overflow-y:auto}.dropdown__brand-elements{-moz-column-count:3;column-count:3;max-height:800px}.dropdown__brand-element{cursor:pointer;margin-bottom:10px}.dropdown__element{flex-basis:33.33%;font-family:Martel Sans;font-size:14px;font-weight:400;margin-bottom:10px;text-transform:capitalize}.cover-spinner{align-items:center;background-color:hsla(0,0%,100%,.7);display:flex;height:100%;justify-content:center;min-height:400px;position:relative;top:50%;width:100%;z-index:9999}.cover-spinner:after{animation:spin 1.5s linear infinite;border:4px dotted #000;border-radius:50%;border-top-color:transparent;content:"";display:block;height:40px;position:absolute;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stores-dropdown{align-items:flex-start;display:flex;font-family:Martel Sans;gap:20px;margin-left:auto;margin-right:auto;max-width:1280px;overflow-x:auto;padding:20px 15px}.stores-dropdown__image{height:200px;-o-object-fit:cover;object-fit:cover;width:100%}.stores-dropdown__store-details{flex-basis:20%}.stores-dropdown__title{font-family:El Messiri}.stores-dropdown__main-title,.stores-dropdown__title{font-size:16px;font-weight:400;letter-spacing:3px;margin-top:20px}.stores-dropdown__main-title{font-weight:700;margin-bottom:10px}.stores-dropdown__open-days{font-size:12px;font-weight:700;line-height:20px}.stores-dropdown__open-hours{font-size:12px;font-weight:400;line-height:20px}.stores-dropdown__queries-title{font-family:El Messiri;font-size:16px;font-weight:400;letter-spacing:3px}.stores-dropdown__contact-details{font-size:16px;font-weight:700}.stores-dropdown__view-more{cursor:pointer;font-size:14px;font-weight:400;margin-top:10px;text-transform:capitalize}
|
|
1
|
+
.footer__newsletter-section{align-items:center;background-color:#000;color:#fff;display:flex;justify-content:space-between;padding:2.265rem 0}@media only screen and (max-width:879px){.footer__newsletter-section{flex-direction:column}}.footer__newsletter-wrapper{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px;padding-left:32px;padding-right:32px;width:100%}@media only screen and (max-width:879px){.footer__newsletter-wrapper{flex-direction:column}.footer__link-container{flex-basis:50%}}.footer__newsletter-icon{height:30px;position:absolute;right:0;top:0;width:32px}.footer__newsletter-form{flex-basis:50%;max-width:250px;position:relative}@media only screen and (max-width:879px){.footer__newsletter-form{display:block;margin-top:20px;max-width:100%;width:100%}}.footer__newsletter-title{font-family:Martel Sans,sans-serif;font-size:14px;font-weight:700;letter-spacing:3px;margin-bottom:1.125rem;text-transform:uppercase}.footer__newsletter-text{font-size:14px}.footer__form-input{background-color:#000;border:none;border-bottom:1px solid #fff;color:#fff;height:30px;outline:none;width:100%}.footer__form-input::-moz-placeholder{color:#fff;font-weight:400}.footer__form-input::placeholder{color:#fff;font-weight:400}.footer__form-errors{color:#fff;margin-top:5px}.footer__main-section{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:50px;margin-top:80px}.footer__link-title{font-family:El Messiri;font-size:16px;font-weight:700;margin-bottom:20px;text-transform:uppercase}@media only screen and (max-width:879px){.footer__link-title{margin-bottom:10px}}.footer__link-child{margin-top:25px}.footer__links{display:flex;flex-direction:column}.footer__link{color:#939393;cursor:pointer;font-family:Martel Sans;font-size:14px;line-height:20px;margin-bottom:7px;text-align:left;text-decoration:none}.footer__link:hover{color:#000;text-decoration:underline}@media only screen and (max-width:879px){.footer__link{margin-bottom:10px}}.footer__link-wrapper{align-items:center;display:flex;gap:5px}.footer__link-icon{height:30px;margin-bottom:18px}.footer__text{color:#939393;font-family:Martel Sans;font-size:14px;line-height:20px;margin-bottom:15px;text-align:left;text-decoration:none}.footer__store-hours{margin-top:35px}.footer__copyrights-section{border-top:1px solid;display:flex;justify-content:space-between;padding-bottom:20px;padding-top:20px}.footer__logo{height:30px;width:135px}.footer__payment-icons{align-items:center;display:flex;gap:8px}.footer__wrapper{margin:0 auto;max-width:1280px;padding-left:32px;padding-right:32px;width:100%}@media only screen and (max-width:879px){.footer__wrapper{padding:32px 0 0 24px}}.footer__wrapper--desktop{display:block}@media only screen and (max-width:879px){.footer__wrapper--desktop{display:none}}.footer__wrapper--mobile{display:none}@media only screen and (max-width:879px){.footer__wrapper--mobile{display:block;padding-top:30px}}.footer__copyright{font-size:10px;line-height:22px}.footer__copyright--mobile{display:none}@media only screen and (max-width:879px){.footer__copyright--mobile{display:block;padding:30px 10px 30px 0;text-align:center}}.footer__section-row{display:flex;gap:50%}@media only screen and (max-width:879px){.footer__section-row{gap:unset}}.navbar{box-shadow:2px 2px 10px #dfdede;display:flex;padding-bottom:10px;padding-top:20px;position:relative}.navbar__link-item--desktop{align-items:center;display:flex;height:35px;margin:auto 0;padding-top:5px}.navbar__mobile-wrapper{align-items:center;display:flex;flex-direction:column;padding-bottom:20px;padding-left:32px;padding-right:32px}.navbar__container{display:flex;margin:0 auto;max-width:1280px;padding-left:12px;padding-right:12px;width:100%}.navbar__body{flex-basis:60%}.navbar__wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.navbar__product-search-wrapper{align-items:center;display:flex;justify-content:center;padding:0 20%;width:100%}@media only screen and (max-width:879px){.navbar__product-search-wrapper{padding:0}}.navbar__input-close-icon{height:auto;margin-bottom:10px;margin-left:10px;width:20px}@media only screen and (max-width:879px){.navbar__input-close-icon{margin-bottom:0;margin-left:0;width:15px}}.navbar__menu-icon{width:30px}.navbar__product-search{align-items:center;display:flex;max-width:545px;width:100%}.navbar__logo-wrapper{margin-right:18px;width:200px}.navbar__logo{width:200px}@media only screen and (max-width:879px){.navbar__logo{margin-left:10px;margin-top:5px;width:125px}}.navbar__form-input{align-items:center;background:transparent;border:none;display:flex;font-size:13px;outline:none;padding:8px;width:100%}.navbar__product-search{border:1px solid #dfdede;margin-bottom:10px}@media only screen and (max-width:879px){.navbar__product-search{border:none;border-bottom:1px solid #dfdede;margin-bottom:0;margin-right:10px;margin-top:10px}}.navbar__section{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;width:100%}.navbar__link{display:inline-block;font-family:Martel Sans;font-size:14px;font-weight:700;margin-right:10px;overflow:hidden;text-transform:uppercase;transition:.3s ease-in-out}.navbar__link:after{background-color:#000;content:"";display:block;height:2px;transition:width .25s ease-out;width:0}.navbar__link:hover:after{width:100%}.navbar__link:hover .navbar__dropdown{animation:fadeInDropdown .3s ease-in-out;display:block}.navbar__dropdown{background-color:#fff;box-shadow:5px 5px 5px #dfdede;display:none;left:0;position:absolute;width:100%;z-index:999}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navbar__company-link{font-size:13px;font-weight:400;list-style:none;margin-left:18px;text-decoration:none}.navbar__company-block{align-items:center;background-color:#000;color:#fff;display:flex;font-weight:700;height:33px;justify-content:center;margin-right:0;padding:0 18px;text-transform:uppercase}.navbar__input-search-icon{height:auto;margin-left:1.125rem;margin-right:.375rem;width:15px}.navbar__nav-links{align-items:center;display:flex}.navbar__nav-links--wrap{flex-wrap:wrap}.navbar__icons{align-items:center;display:flex;height:40px;justify-content:flex-end;margin-bottom:10px}@media only screen and (max-width:879px){.navbar__icons{display:block;height:20px;margin-bottom:0}}.navbar__icon{cursor:pointer;height:auto;margin-right:18px;width:20px}@media only screen and (max-width:879px){.navbar__icon{margin-right:0}}.navbar__icon--app{cursor:pointer;height:auto;margin-left:12px;width:20px}@media only screen and (max-width:879px){.navbar__icon--app{margin-right:0}}.navbar__cart-icon{position:relative}.navbar__cart-count{align-items:center;background-color:#000;border-radius:50%;bottom:50%;color:#fff;display:flex;font-size:13px;height:20px;justify-content:center;left:100%;position:absolute;width:20px}@charset "UTF-8";.currency-select-container{align-items:center;display:flex;margin-right:18px;position:relative}.currency-select-container .currency-flag{margin-right:5px}.currency-select-container .currency-flag img{height:15px;-o-object-fit:cover;object-fit:cover;width:20px}.currency-select-container .currency-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;border:none;color:#000;cursor:pointer;font-family:inherit;font-size:14px;margin:0;outline:none;padding:5px 15px 5px 5px}.currency-select-container .currency-select::-ms-expand{display:none}.currency-select-container .currency-select:focus{box-shadow:none;outline:none}.currency-select-container .currency-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.currency-select-container:after{color:#000;content:"▼";font-size:10px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}@media only screen and (max-width:879px){.currency-select-container .currency-select{appearance:menulist;-webkit-appearance:menulist;-moz-appearance:menulist;padding-right:0}.currency-select-container:after{display:none}}.side-nav{font-family:Martel Sans}.side-nav__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center}.side-nav__overlay{background-color:rgba(78,73,73,.51);height:100%;opacity:0;position:fixed;top:0;transition:opacity .5s ease-out 0s,visibility .5s ease-out 0s;width:100%;z-index:99999}.side-nav__overlay--visible{opacity:1;visibility:visible}.side-nav__overlay--hidden{opacity:1;visibility:hidden}.side-nav__content{background-color:#fff;bottom:0;overflow-y:scroll;padding:1.5rem;position:fixed;top:0;transition:left .5s ease-in-out;width:80%;z-index:99999}.side-nav__content--hidden{display:none}.side-nav__content--open{left:0}.side-nav__content--closed{left:-100%}.side-nav__menu-title-wrapper{align-items:center;background-color:transparent;border:none;display:flex;outline:none;width:100%}.side-nav__icon-container{float:right;margin-bottom:10px}.side-nav__menu-title{align-items:center;display:flex;font-size:14px;font-weight:700;justify-content:center;line-height:20px;text-transform:uppercase}.side-nav__menu-icon{display:flex;height:25px;margin-right:10px;width:25px}.side-nav__menu-divider{margin-bottom:40px}.side-nav__accordion-icon{height:auto;width:15px}.side-nav__menu-item{margin-bottom:25px}.side-nav__close-icon{height:20px;margin-left:auto;width:20px}.side-nav__back-button-wrapper{align-items:center;display:flex;margin-bottom:25px}.side-nav__back-icon{height:20px;width:20px}.side-nav__back-button,.side-nav__sub-menu-title{font-weight:700;text-transform:uppercase}.side-nav__sub-menu-title{font-size:14px;margin-bottom:10px}.side-nav__elements{display:flex;flex-direction:column}.side-nav__element{color:#555;cursor:pointer;line-height:20px;margin-bottom:10px}.side-nav__element,.side-nav__sub-link{font-size:14px;font-weight:400;text-transform:capitalize}.side-nav__block-button{background-color:#000;color:#fff;font-weight:700;padding:10px 0;width:100%}.side-nav{font-family:Martel Sans}.side-nav__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center}.side-nav__overlay{background-color:rgba(78,73,73,.51);height:100%;opacity:0;position:fixed;top:0;transition:opacity .5s ease-out 0s,visibility .5s ease-out 0s;width:100%;z-index:99999}.side-nav__overlay--visible{opacity:1;visibility:visible}.side-nav__overlay--hidden{opacity:1;visibility:hidden}.side-nav__content{background-color:#fff;bottom:0;overflow-y:scroll;padding:1.5rem;position:fixed;top:0;transition:left .5s ease-in-out;width:80%;z-index:99999}.side-nav__content--hidden{display:none}.side-nav__content--open{left:0}.side-nav__content--closed{left:-100%}.side-nav__menu-title-wrapper{align-items:center;background-color:transparent;border:none;display:flex;justify-content:space-between;outline:none;width:100%}.side-nav__icon-container{float:right;margin-bottom:10px}.side-nav__menu-title{font-size:14px;font-weight:700;line-height:20px;text-transform:uppercase}.side-nav__accordion-icon{height:auto;width:15px}.side-nav__menu-item{margin-bottom:25px}.side-nav__close-icon{height:20px;margin-left:auto;width:20px}.side-nav__back-button-wrapper{align-items:center;display:flex;margin-bottom:25px}.side-nav__back-icon{height:20px;width:20px}.side-nav__back-button,.side-nav__sub-menu-title{font-weight:700;text-transform:uppercase}.side-nav__sub-menu-title{font-size:14px;margin-bottom:10px}.side-nav__elements{display:flex;flex-direction:column}.side-nav__element{color:#555;cursor:pointer;line-height:20px;margin-bottom:10px}.side-nav__element,.side-nav__sub-link{font-size:14px;font-weight:400;text-transform:capitalize}.side-nav__block-button{background-color:#000;color:#fff;font-weight:700;padding:10px 0;width:100%}.dropdown{display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:1280px;min-height:500px;overflow-x:auto;padding:20px 0}.dropdown__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center;min-height:300px}.dropdown__column{flex:1;padding-left:12px}.dropdown__column:nth-child(2){flex:2}.dropdown__title{font-family:El Messiri;font-size:16px;font-weight:700;letter-spacing:3px;line-height:1;margin-bottom:20px;text-transform:uppercase}.dropdown__elements{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:800px;overflow-y:auto}.dropdown__brand-elements{-moz-column-count:3;column-count:3;max-height:800px}.dropdown__brand-element{cursor:pointer;margin-bottom:10px}.dropdown__element{flex-basis:33.33%;font-family:Martel Sans;font-size:14px;font-weight:400;margin-bottom:10px;text-transform:capitalize}.cover-spinner{align-items:center;background-color:hsla(0,0%,100%,.7);display:flex;height:100%;justify-content:center;min-height:400px;position:relative;top:50%;width:100%;z-index:9999}.cover-spinner:after{animation:spin 1.5s linear infinite;border:4px dotted #000;border-radius:50%;border-top-color:transparent;content:"";display:block;height:40px;position:absolute;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stores-dropdown{align-items:flex-start;display:flex;font-family:Martel Sans;gap:20px;margin-left:auto;margin-right:auto;max-width:1280px;overflow-x:auto;padding:20px 15px}.stores-dropdown__image{height:200px;-o-object-fit:cover;object-fit:cover;width:100%}.stores-dropdown__store-details{flex-basis:20%}.stores-dropdown__title{font-family:El Messiri}.stores-dropdown__main-title,.stores-dropdown__title{font-size:16px;font-weight:400;letter-spacing:3px;margin-top:20px}.stores-dropdown__main-title{font-weight:700;margin-bottom:10px}.stores-dropdown__open-days{font-size:12px;font-weight:700;line-height:20px}.stores-dropdown__open-hours{font-size:12px;font-weight:400;line-height:20px}.stores-dropdown__queries-title{font-family:El Messiri;font-size:16px;font-weight:400;letter-spacing:3px}.stores-dropdown__contact-details{font-size:16px;font-weight:700}.stores-dropdown__view-more{cursor:pointer;font-size:14px;font-weight:400;margin-top:10px;text-transform:capitalize}
|
package/build/bundle.js
CHANGED
|
@@ -14220,6 +14220,33 @@
|
|
|
14220
14220
|
}), props.children);
|
|
14221
14221
|
};
|
|
14222
14222
|
|
|
14223
|
+
var CurrencySelect = function CurrencySelect(_ref) {
|
|
14224
|
+
var currency = _ref.currency,
|
|
14225
|
+
currencyOptions = _ref.currencyOptions,
|
|
14226
|
+
onCurrencyChange = _ref.onCurrencyChange;
|
|
14227
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
14228
|
+
className: "currency-select-container"
|
|
14229
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14230
|
+
className: "currency-flag"
|
|
14231
|
+
}, /*#__PURE__*/React__default.createElement("img", {
|
|
14232
|
+
src: currencyOptions.find(function (opt) {
|
|
14233
|
+
return opt.value === currency;
|
|
14234
|
+
}).flagSrc,
|
|
14235
|
+
alt: "".concat(currency, " flag")
|
|
14236
|
+
})), /*#__PURE__*/React__default.createElement("select", {
|
|
14237
|
+
value: currency,
|
|
14238
|
+
onChange: function onChange(e) {
|
|
14239
|
+
return onCurrencyChange(e.target.value);
|
|
14240
|
+
},
|
|
14241
|
+
className: "currency-select"
|
|
14242
|
+
}, currencyOptions.map(function (option) {
|
|
14243
|
+
return /*#__PURE__*/React__default.createElement("option", {
|
|
14244
|
+
key: option.value,
|
|
14245
|
+
value: option.value
|
|
14246
|
+
}, option.value, " (", option.symbol, ")");
|
|
14247
|
+
})));
|
|
14248
|
+
};
|
|
14249
|
+
|
|
14223
14250
|
var LuxityFooter = function LuxityFooter(_ref) {
|
|
14224
14251
|
var _ref$showNewsletter = _ref.showNewsletter,
|
|
14225
14252
|
showNewsletter = _ref$showNewsletter === void 0 ? true : _ref$showNewsletter,
|
|
@@ -14227,21 +14254,26 @@
|
|
|
14227
14254
|
buyLinks = _ref$buyLinks === void 0 ? [] : _ref$buyLinks,
|
|
14228
14255
|
_ref$sellLinks = _ref.sellLinks,
|
|
14229
14256
|
sellLinks = _ref$sellLinks === void 0 ? [] : _ref$sellLinks,
|
|
14230
|
-
_ref$helpLinks = _ref.helpLinks,
|
|
14231
|
-
helpLinks = _ref$helpLinks === void 0 ? [] : _ref$helpLinks,
|
|
14232
14257
|
_ref$companyLinks = _ref.companyLinks,
|
|
14233
14258
|
companyLinks = _ref$companyLinks === void 0 ? [] : _ref$companyLinks,
|
|
14259
|
+
_ref$storeLinks = _ref.storeLinks,
|
|
14260
|
+
storeLinks = _ref$storeLinks === void 0 ? [] : _ref$storeLinks,
|
|
14261
|
+
_ref$popularLinks = _ref.popularLinks,
|
|
14262
|
+
popularLinks = _ref$popularLinks === void 0 ? [] : _ref$popularLinks,
|
|
14234
14263
|
_ref$socialLinks = _ref.socialLinks,
|
|
14235
14264
|
socialLinks = _ref$socialLinks === void 0 ? [] : _ref$socialLinks,
|
|
14236
14265
|
_ref$contactLinks = _ref.contactLinks,
|
|
14237
14266
|
contactLinks = _ref$contactLinks === void 0 ? [] : _ref$contactLinks,
|
|
14238
|
-
_ref$quickiesLinks = _ref.quickiesLinks,
|
|
14239
|
-
quickiesLinks = _ref$quickiesLinks === void 0 ? [] : _ref$quickiesLinks,
|
|
14240
14267
|
visaImgSrc = _ref.visaImgSrc,
|
|
14241
14268
|
masterCardSrc = _ref.masterCardSrc,
|
|
14269
|
+
paypalImgSrc = _ref.paypalImgSrc,
|
|
14242
14270
|
logoSrc = _ref.logoSrc,
|
|
14243
14271
|
formIconSrc = _ref.formIconSrc,
|
|
14244
|
-
onSubmit = _ref.onSubmit
|
|
14272
|
+
onSubmit = _ref.onSubmit,
|
|
14273
|
+
currency = _ref.currency,
|
|
14274
|
+
currencyOptions = _ref.currencyOptions,
|
|
14275
|
+
onCurrencyChange = _ref.onCurrencyChange,
|
|
14276
|
+
hideCurrencySelect = _ref.hideCurrencySelect;
|
|
14245
14277
|
var currentYear = new Date().getFullYear();
|
|
14246
14278
|
|
|
14247
14279
|
var _useForm = useForm(),
|
|
@@ -14280,6 +14312,76 @@
|
|
|
14280
14312
|
})));
|
|
14281
14313
|
};
|
|
14282
14314
|
|
|
14315
|
+
var renderSocialLinks = function renderSocialLinks(links) {
|
|
14316
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
14317
|
+
className: "footer__link-container"
|
|
14318
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14319
|
+
className: "flex gap-2 mb-5"
|
|
14320
|
+
}, links.map(function (link) {
|
|
14321
|
+
return /*#__PURE__*/React__default.createElement("a", {
|
|
14322
|
+
key: link.label,
|
|
14323
|
+
href: link.href,
|
|
14324
|
+
target: "_blank",
|
|
14325
|
+
rel: "noopener noreferrer",
|
|
14326
|
+
className: ""
|
|
14327
|
+
}, link.icon && /*#__PURE__*/React__default.createElement("img", {
|
|
14328
|
+
className: "footer__link-icon",
|
|
14329
|
+
src: link.icon,
|
|
14330
|
+
alt: link.label
|
|
14331
|
+
}));
|
|
14332
|
+
})), /*#__PURE__*/React__default.createElement("div", {
|
|
14333
|
+
className: "footer__links"
|
|
14334
|
+
}, !!contactLinks.map && contactLinks.map(function (link) {
|
|
14335
|
+
return !link.isContact ? /*#__PURE__*/React__default.createElement(GALink, {
|
|
14336
|
+
key: link.label,
|
|
14337
|
+
instance: link.instance,
|
|
14338
|
+
href: link.href,
|
|
14339
|
+
label: link.label,
|
|
14340
|
+
className: "footer__link",
|
|
14341
|
+
rel: "noopener noreferrer",
|
|
14342
|
+
track: link === null || link === void 0 ? void 0 : link.track,
|
|
14343
|
+
target: link.target
|
|
14344
|
+
}, link.label) : /*#__PURE__*/React__default.createElement("div", {
|
|
14345
|
+
className: "footer__text"
|
|
14346
|
+
}, link.label);
|
|
14347
|
+
})));
|
|
14348
|
+
};
|
|
14349
|
+
|
|
14350
|
+
var AccordionSection = function AccordionSection(_ref2) {
|
|
14351
|
+
var title = _ref2.title,
|
|
14352
|
+
links = _ref2.links;
|
|
14353
|
+
|
|
14354
|
+
var _useState = React.useState(false),
|
|
14355
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
14356
|
+
isOpen = _useState2[0],
|
|
14357
|
+
setIsOpen = _useState2[1];
|
|
14358
|
+
|
|
14359
|
+
var contentRef = React.useRef(null);
|
|
14360
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
14361
|
+
className: "border-b border-gray-200"
|
|
14362
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
14363
|
+
type: "button",
|
|
14364
|
+
className: "w-full py-3 px-3 flex justify-between items-center",
|
|
14365
|
+
onClick: function onClick() {
|
|
14366
|
+
return setIsOpen(!isOpen);
|
|
14367
|
+
}
|
|
14368
|
+
}, /*#__PURE__*/React__default.createElement("span", {
|
|
14369
|
+
className: "footer__link-title"
|
|
14370
|
+
}, title), /*#__PURE__*/React__default.createElement("span", null, isOpen ? '-' : '+')), /*#__PURE__*/React__default.createElement("div", {
|
|
14371
|
+
ref: contentRef,
|
|
14372
|
+
className: "px-3 overflow-hidden transition-all duration-500 ease-in-out",
|
|
14373
|
+
style: {
|
|
14374
|
+
maxHeight: isOpen ? "".concat(contentRef.current.scrollHeight, "px") : '0'
|
|
14375
|
+
}
|
|
14376
|
+
}, links.map(function (link) {
|
|
14377
|
+
return /*#__PURE__*/React__default.createElement("a", {
|
|
14378
|
+
key: link.label,
|
|
14379
|
+
href: link.href,
|
|
14380
|
+
className: "footer__link block"
|
|
14381
|
+
}, link.label);
|
|
14382
|
+
})));
|
|
14383
|
+
};
|
|
14384
|
+
|
|
14283
14385
|
var submitForm = function submitForm(data) {
|
|
14284
14386
|
onSubmit(data).then(function (res) {
|
|
14285
14387
|
if (res.success) {
|
|
@@ -14334,64 +14436,51 @@
|
|
|
14334
14436
|
className: "footer__logo",
|
|
14335
14437
|
src: logoSrc,
|
|
14336
14438
|
alt: "luxity-logo"
|
|
14337
|
-
})), renderLinks(buyLinks, 'Buy'),
|
|
14338
|
-
className: "footer__link-child"
|
|
14339
|
-
}, renderLinks(companyLinks, 'Company'))), renderLinks(helpLinks, 'Help'), renderLinks(socialLinks, 'Follow us'), /*#__PURE__*/React__default.createElement("div", {
|
|
14340
|
-
className: "footer__link-container"
|
|
14341
|
-
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14342
|
-
className: "footer__link-title"
|
|
14343
|
-
}, "Contact"), /*#__PURE__*/React__default.createElement("div", {
|
|
14344
|
-
className: "footer__links"
|
|
14345
|
-
}, !!contactLinks.map && contactLinks.map(function (link) {
|
|
14346
|
-
return !link.isContact ? /*#__PURE__*/React__default.createElement(GALink, {
|
|
14347
|
-
key: link.label,
|
|
14348
|
-
instance: link.instance,
|
|
14349
|
-
href: link.href,
|
|
14350
|
-
label: link.label,
|
|
14351
|
-
className: "footer__link",
|
|
14352
|
-
rel: "noopener noreferrer",
|
|
14353
|
-
track: link === null || link === void 0 ? void 0 : link.track,
|
|
14354
|
-
target: link.target
|
|
14355
|
-
}, link.label) : /*#__PURE__*/React__default.createElement("div", {
|
|
14356
|
-
className: "footer__text"
|
|
14357
|
-
}, link.label);
|
|
14358
|
-
})), /*#__PURE__*/React__default.createElement("div", {
|
|
14359
|
-
className: "footer__store-hours"
|
|
14360
|
-
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14361
|
-
className: "footer__text"
|
|
14362
|
-
}, "Monday - Friday"), /*#__PURE__*/React__default.createElement("div", {
|
|
14363
|
-
className: "footer__text"
|
|
14364
|
-
}, "8:30am - 5pm")))), /*#__PURE__*/React__default.createElement("div", {
|
|
14439
|
+
})), renderLinks(buyLinks, 'Buy'), renderLinks(popularLinks, 'Popular'), renderLinks(sellLinks, 'Sell'), renderLinks(companyLinks, 'Company'), renderLinks(storeLinks, 'Connect'), renderSocialLinks(socialLinks)), /*#__PURE__*/React__default.createElement("div", {
|
|
14365
14440
|
className: "footer__copyrights-section"
|
|
14366
14441
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14367
14442
|
className: "footer__payment-icons"
|
|
14368
14443
|
}, /*#__PURE__*/React__default.createElement("img", {
|
|
14369
|
-
|
|
14370
|
-
|
|
14444
|
+
src: masterCardSrc,
|
|
14445
|
+
alt: "mastercard",
|
|
14446
|
+
width: 100,
|
|
14447
|
+
height: 100
|
|
14371
14448
|
}), /*#__PURE__*/React__default.createElement("img", {
|
|
14372
14449
|
src: visaImgSrc,
|
|
14373
|
-
alt: "
|
|
14450
|
+
alt: "visa",
|
|
14451
|
+
width: 70,
|
|
14452
|
+
height: 70
|
|
14453
|
+
}), /*#__PURE__*/React__default.createElement("img", {
|
|
14454
|
+
src: paypalImgSrc,
|
|
14455
|
+
alt: "paypal",
|
|
14456
|
+
width: 100,
|
|
14457
|
+
height: 100
|
|
14374
14458
|
})), /*#__PURE__*/React__default.createElement("p", {
|
|
14375
14459
|
className: "footer__copyright"
|
|
14376
14460
|
}, "Copyright ", currentYear, " | Luxity (Pty) LTD | All Rights Reserved | Website Developed by B Online"))), /*#__PURE__*/React__default.createElement("div", {
|
|
14377
14461
|
className: "footer__wrapper footer__wrapper--mobile"
|
|
14378
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
14379
|
-
|
|
14380
|
-
|
|
14381
|
-
|
|
14382
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
14383
|
-
|
|
14384
|
-
|
|
14385
|
-
|
|
14386
|
-
|
|
14387
|
-
|
|
14388
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
14389
|
-
|
|
14390
|
-
|
|
14391
|
-
|
|
14392
|
-
|
|
14393
|
-
|
|
14394
|
-
}
|
|
14462
|
+
}, !hideCurrencySelect && /*#__PURE__*/React__default.createElement(CurrencySelect, {
|
|
14463
|
+
currency: currency,
|
|
14464
|
+
currencyOptions: currencyOptions,
|
|
14465
|
+
onCurrencyChange: onCurrencyChange
|
|
14466
|
+
}), /*#__PURE__*/React__default.createElement(AccordionSection, {
|
|
14467
|
+
title: "BUY",
|
|
14468
|
+
links: buyLinks
|
|
14469
|
+
}), /*#__PURE__*/React__default.createElement(AccordionSection, {
|
|
14470
|
+
title: "POPULAR",
|
|
14471
|
+
links: popularLinks
|
|
14472
|
+
}), /*#__PURE__*/React__default.createElement(AccordionSection, {
|
|
14473
|
+
title: "SELL",
|
|
14474
|
+
links: sellLinks
|
|
14475
|
+
}), /*#__PURE__*/React__default.createElement(AccordionSection, {
|
|
14476
|
+
title: "COMPANY",
|
|
14477
|
+
links: companyLinks
|
|
14478
|
+
}), /*#__PURE__*/React__default.createElement(AccordionSection, {
|
|
14479
|
+
title: "CONNECT",
|
|
14480
|
+
links: storeLinks
|
|
14481
|
+
}), /*#__PURE__*/React__default.createElement("div", {
|
|
14482
|
+
className: "mt-5"
|
|
14483
|
+
}, renderSocialLinks(socialLinks)), /*#__PURE__*/React__default.createElement("p", {
|
|
14395
14484
|
className: "footer__copyright footer__copyright--mobile"
|
|
14396
14485
|
}, "Copyright ", currentYear, " | Luxity (Pty) LTD | All Rights Reserved | Website Developed by B Online")));
|
|
14397
14486
|
};
|
|
@@ -14752,6 +14841,10 @@
|
|
|
14752
14841
|
menuData = _ref.menuData,
|
|
14753
14842
|
onSearchSubmit = _ref.onSearchSubmit,
|
|
14754
14843
|
onProductIdsReceived = _ref.onProductIdsReceived,
|
|
14844
|
+
currency = _ref.currency,
|
|
14845
|
+
currencyOptions = _ref.currencyOptions,
|
|
14846
|
+
onCurrencyChange = _ref.onCurrencyChange,
|
|
14847
|
+
hideCurrencySelect = _ref.hideCurrencySelect,
|
|
14755
14848
|
shop = _ref.shop,
|
|
14756
14849
|
app = _ref.app;
|
|
14757
14850
|
|
|
@@ -15058,7 +15151,11 @@
|
|
|
15058
15151
|
className: "navbar__icons-wrapper"
|
|
15059
15152
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
15060
15153
|
className: "navbar__icons"
|
|
15061
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
15154
|
+
}, !hideCurrencySelect && /*#__PURE__*/React__default.createElement(CurrencySelect, {
|
|
15155
|
+
currency: currency,
|
|
15156
|
+
currencyOptions: currencyOptions,
|
|
15157
|
+
onCurrencyChange: onCurrencyChange
|
|
15158
|
+
}), /*#__PURE__*/React__default.createElement("button", {
|
|
15062
15159
|
type: "button",
|
|
15063
15160
|
className: "".concat(app ? 'navbar__icon--app' : 'navbar__icon'),
|
|
15064
15161
|
onClick: onInterestClick
|
|
@@ -15106,7 +15203,7 @@
|
|
|
15106
15203
|
var backIcon = _ref.backIcon,
|
|
15107
15204
|
onBackClick = _ref.onBackClick,
|
|
15108
15205
|
stores = _ref.stores,
|
|
15109
|
-
|
|
15206
|
+
onContactUsClick = _ref.onContactUsClick;
|
|
15110
15207
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
15111
15208
|
className: "side-nav__sub-menu"
|
|
15112
15209
|
}, /*#__PURE__*/React__default.createElement("button", {
|
|
@@ -15136,10 +15233,11 @@
|
|
|
15136
15233
|
className: "stores-dropdown__open-days"
|
|
15137
15234
|
}, store.weekendOpenDays), /*#__PURE__*/React__default.createElement("div", {
|
|
15138
15235
|
className: "stores-dropdown__open-hours"
|
|
15139
|
-
}, store.weekendOpenHours), /*#__PURE__*/React__default.createElement("
|
|
15140
|
-
|
|
15141
|
-
className: "stores-dropdown__view-more"
|
|
15142
|
-
|
|
15236
|
+
}, store.weekendOpenHours), /*#__PURE__*/React__default.createElement("button", {
|
|
15237
|
+
type: "button",
|
|
15238
|
+
className: "stores-dropdown__view-more",
|
|
15239
|
+
onClick: onContactUsClick
|
|
15240
|
+
}, "View More"));
|
|
15143
15241
|
})));
|
|
15144
15242
|
};
|
|
15145
15243
|
|
|
@@ -15226,9 +15324,9 @@
|
|
|
15226
15324
|
productUrl = _ref.productUrl,
|
|
15227
15325
|
onAccountClick = _ref.onAccountClick,
|
|
15228
15326
|
onCartClick = _ref.onCartClick,
|
|
15229
|
-
|
|
15230
|
-
|
|
15231
|
-
|
|
15327
|
+
onContactUsClick = _ref.onContactUsClick,
|
|
15328
|
+
onOurStoryClick = _ref.onOurStoryClick,
|
|
15329
|
+
onBlogClick = _ref.onBlogClick,
|
|
15232
15330
|
onSellToUsClick = _ref.onSellToUsClick,
|
|
15233
15331
|
stores = _ref.stores,
|
|
15234
15332
|
categoryElements = _ref.categoryElements,
|
|
@@ -15451,19 +15549,22 @@
|
|
|
15451
15549
|
onClick: onSellToUsClick
|
|
15452
15550
|
}, "Sell To Us")), /*#__PURE__*/React__default.createElement("div", {
|
|
15453
15551
|
className: "side-nav__menu-item"
|
|
15454
|
-
}, /*#__PURE__*/React__default.createElement("
|
|
15455
|
-
|
|
15456
|
-
className: "side-nav__sub-link"
|
|
15552
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
15553
|
+
type: "button",
|
|
15554
|
+
className: "side-nav__sub-link",
|
|
15555
|
+
onClick: onOurStoryClick
|
|
15457
15556
|
}, "Our Story")), /*#__PURE__*/React__default.createElement("div", {
|
|
15458
15557
|
className: "side-nav__menu-item"
|
|
15459
|
-
}, /*#__PURE__*/React__default.createElement("
|
|
15460
|
-
|
|
15461
|
-
className: "side-nav__sub-link"
|
|
15558
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
15559
|
+
type: "button",
|
|
15560
|
+
className: "side-nav__sub-link",
|
|
15561
|
+
onClick: onBlogClick
|
|
15462
15562
|
}, "Blog")), /*#__PURE__*/React__default.createElement("div", {
|
|
15463
15563
|
className: "side-nav__menu-item"
|
|
15464
|
-
}, /*#__PURE__*/React__default.createElement("
|
|
15465
|
-
|
|
15466
|
-
className: "side-nav__sub-link"
|
|
15564
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
15565
|
+
type: "button",
|
|
15566
|
+
className: "side-nav__sub-link",
|
|
15567
|
+
onClick: onContactUsClick
|
|
15467
15568
|
}, "Contact Us")), /*#__PURE__*/React__default.createElement("div", {
|
|
15468
15569
|
className: "side-nav__menu-item"
|
|
15469
15570
|
}, /*#__PURE__*/React__default.createElement("button", {
|
|
@@ -15566,7 +15667,7 @@
|
|
|
15566
15667
|
backIcon: backIcon,
|
|
15567
15668
|
onBackClick: onBackClick,
|
|
15568
15669
|
stores: stores,
|
|
15569
|
-
|
|
15670
|
+
onContactUsClick: onContactUsClick
|
|
15570
15671
|
})));
|
|
15571
15672
|
};
|
|
15572
15673
|
|
|
@@ -15772,9 +15873,9 @@
|
|
|
15772
15873
|
categoryElements = _ref.categoryElements,
|
|
15773
15874
|
onAccountClick = _ref.onAccountClick,
|
|
15774
15875
|
onDashboardClick = _ref.onDashboardClick,
|
|
15775
|
-
|
|
15776
|
-
|
|
15777
|
-
|
|
15876
|
+
onContactUsClick = _ref.onContactUsClick,
|
|
15877
|
+
onOurStoryClick = _ref.onOurStoryClick,
|
|
15878
|
+
onBlogClick = _ref.onBlogClick,
|
|
15778
15879
|
bugReportLink = _ref.bugReportLink,
|
|
15779
15880
|
onSellToUsClick = _ref.onSellToUsClick,
|
|
15780
15881
|
onLogoClick = _ref.onLogoClick,
|
|
@@ -15951,6 +16052,22 @@
|
|
|
15951
16052
|
return handleClick(onSubmissionsClick);
|
|
15952
16053
|
};
|
|
15953
16054
|
|
|
16055
|
+
var handleAccountClick = function handleAccountClick() {
|
|
16056
|
+
return handleClick(onAccountClick);
|
|
16057
|
+
};
|
|
16058
|
+
|
|
16059
|
+
var handleContactUsClick = function handleContactUsClick() {
|
|
16060
|
+
return handleClick(onContactUsClick);
|
|
16061
|
+
};
|
|
16062
|
+
|
|
16063
|
+
var handleOurStoryClick = function handleOurStoryClick() {
|
|
16064
|
+
return handleClick(onOurStoryClick);
|
|
16065
|
+
};
|
|
16066
|
+
|
|
16067
|
+
var handleBlogClick = function handleBlogClick() {
|
|
16068
|
+
return handleClick(onBlogClick);
|
|
16069
|
+
};
|
|
16070
|
+
|
|
15954
16071
|
return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
15955
16072
|
className: "navbar navbar__mobile-wrapper"
|
|
15956
16073
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -16033,11 +16150,11 @@
|
|
|
16033
16150
|
closeIcon: closeIcon,
|
|
16034
16151
|
backIcon: backIcon,
|
|
16035
16152
|
productUrl: productsUrl,
|
|
16036
|
-
onAccountClick:
|
|
16153
|
+
onAccountClick: handleAccountClick,
|
|
16037
16154
|
onCartClick: handleCartClick,
|
|
16038
|
-
|
|
16039
|
-
|
|
16040
|
-
|
|
16155
|
+
onContactUsClick: handleContactUsClick,
|
|
16156
|
+
onOurStoryClick: handleOurStoryClick,
|
|
16157
|
+
onBlogClick: handleBlogClick,
|
|
16041
16158
|
onSellToUsClick: handleSellToUsClick,
|
|
16042
16159
|
stores: stores,
|
|
16043
16160
|
categoryElements: categoryElements,
|
|
@@ -16055,8 +16172,6 @@
|
|
|
16055
16172
|
onDashboardClick: handleDashboardClick,
|
|
16056
16173
|
onLogoutClick: handleLogoutClick,
|
|
16057
16174
|
bugReportLink: bugReportLink,
|
|
16058
|
-
ourStoryLink: ourStoryLink,
|
|
16059
|
-
blogLink: blogLink,
|
|
16060
16175
|
onLuxityShopClick: handleLuxityShopClick,
|
|
16061
16176
|
showSideNav: showSideNav,
|
|
16062
16177
|
onMenuClick: onMenuClick,
|
|
@@ -16078,6 +16193,7 @@
|
|
|
16078
16193
|
exports.CommunicationPreferences = index$5;
|
|
16079
16194
|
exports.CountryCodeSelect = CountryCodeSelect;
|
|
16080
16195
|
exports.CurrencyInputFormatter = CurrencyInputFormatter;
|
|
16196
|
+
exports.CurrencySelect = CurrencySelect;
|
|
16081
16197
|
exports.InterestCatSelector = CategoryInterestSelector;
|
|
16082
16198
|
exports.InterestItem = InterestItem$1;
|
|
16083
16199
|
exports.Interests = Interests;
|