@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.
@@ -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
+ })));
@@ -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("button", {
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'), /*#__PURE__*/React__default.createElement("div", null, renderLinks(sellLinks, 'Sell'), /*#__PURE__*/React__default.createElement("div", {
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
- alt: "visa",
2016
- src: masterCardSrc
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: "button"
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("div", {
2025
- className: "footer__section-row"
2026
- }, renderLinks(quickiesLinks, 'Quickies'), renderLinks(socialLinks, 'Follow us')), /*#__PURE__*/React__default.createElement("div", {
2027
- className: "footer__section-row"
2028
- }, /*#__PURE__*/React__default.createElement("div", {
2029
- className: "footer__link-container"
2030
- }, /*#__PURE__*/React__default.createElement("div", {
2031
- className: "footer__link-title"
2032
- }, "We love..."), /*#__PURE__*/React__default.createElement("div", {
2033
- className: "footer__links"
2034
- }, /*#__PURE__*/React__default.createElement("div", {
2035
- className: "footer__text"
2036
- }, "Visa"), /*#__PURE__*/React__default.createElement("div", {
2037
- className: "footer__text"
2038
- }, "Mastercard"), /*#__PURE__*/React__default.createElement("div", {
2039
- className: "footer__text"
2040
- }, "EFT"))), renderLinks(helpLinks, 'Legal Stuff')), /*#__PURE__*/React__default.createElement("p", {
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
  };
@@ -422,7 +422,7 @@
422
422
  var backIcon = _ref.backIcon,
423
423
  onBackClick = _ref.onBackClick,
424
424
  stores = _ref.stores,
425
- contactUsLink = _ref.contactUsLink;
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("a", {
456
- href: "".concat(contactUsLink, "/#").concat(store.slug),
457
- className: "stores-dropdown__view-more"
458
- }, ' ', "View More"));
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
- contactUsLink = _ref.contactUsLink,
577
- ourStoryLink = _ref.ourStoryLink,
578
- blogLink = _ref.blogLink,
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("a", {
802
- href: ourStoryLink,
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("a", {
807
- href: blogLink,
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("a", {
812
- href: contactUsLink,
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
- contactUsLink: contactUsLink
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
- contactUsLink = _ref.contactUsLink,
1002
- ourStoryLink = _ref.ourStoryLink,
1003
- blogLink = _ref.blogLink,
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: onAccountClick,
1282
+ onAccountClick: handleAccountClick,
1263
1283
  onCartClick: handleCartClick,
1264
- contactUsLink: contactUsLink,
1265
- ourStoryLink: ourStoryLink,
1266
- blogLink: blogLink,
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
- contactUsLink = _ref.contactUsLink;
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("a", {
145
- href: "".concat(contactUsLink, "/#").concat(store.slug),
146
- className: "stores-dropdown__view-more"
147
- }, ' ', "View More"));
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
- contactUsLink = _ref.contactUsLink,
266
- ourStoryLink = _ref.ourStoryLink,
267
- blogLink = _ref.blogLink,
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("a", {
491
- href: ourStoryLink,
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("a", {
496
- href: blogLink,
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("a", {
501
- href: contactUsLink,
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
- contactUsLink: contactUsLink
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'), /*#__PURE__*/React__default.createElement("div", null, renderLinks(sellLinks, 'Sell'), /*#__PURE__*/React__default.createElement("div", {
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
- alt: "visa",
14370
- src: masterCardSrc
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: "button"
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("div", {
14379
- className: "footer__section-row"
14380
- }, renderLinks(quickiesLinks, 'Quickies'), renderLinks(socialLinks, 'Follow us')), /*#__PURE__*/React__default.createElement("div", {
14381
- className: "footer__section-row"
14382
- }, /*#__PURE__*/React__default.createElement("div", {
14383
- className: "footer__link-container"
14384
- }, /*#__PURE__*/React__default.createElement("div", {
14385
- className: "footer__link-title"
14386
- }, "We love..."), /*#__PURE__*/React__default.createElement("div", {
14387
- className: "footer__links"
14388
- }, /*#__PURE__*/React__default.createElement("div", {
14389
- className: "footer__text"
14390
- }, "Visa"), /*#__PURE__*/React__default.createElement("div", {
14391
- className: "footer__text"
14392
- }, "Mastercard"), /*#__PURE__*/React__default.createElement("div", {
14393
- className: "footer__text"
14394
- }, "EFT"))), renderLinks(helpLinks, 'Legal Stuff')), /*#__PURE__*/React__default.createElement("p", {
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("button", {
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
- contactUsLink = _ref.contactUsLink;
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("a", {
15140
- href: "".concat(contactUsLink, "/#").concat(store.slug),
15141
- className: "stores-dropdown__view-more"
15142
- }, ' ', "View More"));
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
- contactUsLink = _ref.contactUsLink,
15230
- ourStoryLink = _ref.ourStoryLink,
15231
- blogLink = _ref.blogLink,
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("a", {
15455
- href: ourStoryLink,
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("a", {
15460
- href: blogLink,
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("a", {
15465
- href: contactUsLink,
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
- contactUsLink: contactUsLink
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
- contactUsLink = _ref.contactUsLink,
15776
- ourStoryLink = _ref.ourStoryLink,
15777
- blogLink = _ref.blogLink,
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: onAccountClick,
16153
+ onAccountClick: handleAccountClick,
16037
16154
  onCartClick: handleCartClick,
16038
- contactUsLink: contactUsLink,
16039
- ourStoryLink: ourStoryLink,
16040
- blogLink: blogLink,
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;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonlineza/luxity-lib",
3
- "version": "2.33.7",
3
+ "version": "2.33.9",
4
4
  "scripts": {
5
5
  "start": "start-storybook -p 9001 -c .storybook -s ./public",
6
6
  "clean": "rimraf ./build/*.*",