@bonlineza/luxity-lib 2.33.8 → 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.
Files changed (6) hide show
  1. package/CurrencySelect.js +38 -0
  2. package/LuxityDesktopHeader.js +36 -1
  3. package/LuxityFooter.js +50 -5
  4. package/build/bundle.css +1 -1
  5. package/build/bundle.js +60 -6
  6. package/package.json +1 -1
package/CurrencySelect.js ADDED
@@ -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("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
@@ -1925,6 +1925,33 @@
1925
1925
  }), props.children);
1926
1926
  };
1927
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
+
1928
1955
  var LuxityFooter = function LuxityFooter(_ref) {
1929
1956
  var _ref$showNewsletter = _ref.showNewsletter,
1930
1957
  showNewsletter = _ref$showNewsletter === void 0 ? true : _ref$showNewsletter,
@@ -1944,9 +1971,14 @@
1944
1971
  contactLinks = _ref$contactLinks === void 0 ? [] : _ref$contactLinks,
1945
1972
  visaImgSrc = _ref.visaImgSrc,
1946
1973
  masterCardSrc = _ref.masterCardSrc,
1974
+ paypalImgSrc = _ref.paypalImgSrc,
1947
1975
  logoSrc = _ref.logoSrc,
1948
1976
  formIconSrc = _ref.formIconSrc,
1949
- onSubmit = _ref.onSubmit;
1977
+ onSubmit = _ref.onSubmit,
1978
+ currency = _ref.currency,
1979
+ currencyOptions = _ref.currencyOptions,
1980
+ onCurrencyChange = _ref.onCurrencyChange,
1981
+ hideCurrencySelect = _ref.hideCurrencySelect;
1950
1982
  var currentYear = new Date().getFullYear();
1951
1983
 
1952
1984
  var _useForm = useForm(),
@@ -2114,16 +2146,29 @@
2114
2146
  }, /*#__PURE__*/React__default.createElement("div", {
2115
2147
  className: "footer__payment-icons"
2116
2148
  }, /*#__PURE__*/React__default.createElement("img", {
2117
- alt: "visa",
2118
- src: masterCardSrc
2149
+ src: masterCardSrc,
2150
+ alt: "mastercard",
2151
+ width: 100,
2152
+ height: 100
2119
2153
  }), /*#__PURE__*/React__default.createElement("img", {
2120
2154
  src: visaImgSrc,
2121
- 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
2122
2163
  })), /*#__PURE__*/React__default.createElement("p", {
2123
2164
  className: "footer__copyright"
2124
2165
  }, "Copyright ", currentYear, " | Luxity (Pty) LTD | All Rights Reserved | Website Developed by B Online"))), /*#__PURE__*/React__default.createElement("div", {
2125
2166
  className: "footer__wrapper footer__wrapper--mobile"
2126
- }, /*#__PURE__*/React__default.createElement(AccordionSection, {
2167
+ }, !hideCurrencySelect && /*#__PURE__*/React__default.createElement(CurrencySelect, {
2168
+ currency: currency,
2169
+ currencyOptions: currencyOptions,
2170
+ onCurrencyChange: onCurrencyChange
2171
+ }), /*#__PURE__*/React__default.createElement(AccordionSection, {
2127
2172
  title: "BUY",
2128
2173
  links: buyLinks
2129
2174
  }), /*#__PURE__*/React__default.createElement(AccordionSection, {
package/build/bundle.css CHANGED
@@ -1 +1 @@
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}.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}.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%}.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%}.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}.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)}}
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,
@@ -14239,9 +14266,14 @@
14239
14266
  contactLinks = _ref$contactLinks === void 0 ? [] : _ref$contactLinks,
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(),
@@ -14409,16 +14441,29 @@
14409
14441
  }, /*#__PURE__*/React__default.createElement("div", {
14410
14442
  className: "footer__payment-icons"
14411
14443
  }, /*#__PURE__*/React__default.createElement("img", {
14412
- alt: "visa",
14413
- src: masterCardSrc
14444
+ src: masterCardSrc,
14445
+ alt: "mastercard",
14446
+ width: 100,
14447
+ height: 100
14414
14448
  }), /*#__PURE__*/React__default.createElement("img", {
14415
14449
  src: visaImgSrc,
14416
- 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
14417
14458
  })), /*#__PURE__*/React__default.createElement("p", {
14418
14459
  className: "footer__copyright"
14419
14460
  }, "Copyright ", currentYear, " | Luxity (Pty) LTD | All Rights Reserved | Website Developed by B Online"))), /*#__PURE__*/React__default.createElement("div", {
14420
14461
  className: "footer__wrapper footer__wrapper--mobile"
14421
- }, /*#__PURE__*/React__default.createElement(AccordionSection, {
14462
+ }, !hideCurrencySelect && /*#__PURE__*/React__default.createElement(CurrencySelect, {
14463
+ currency: currency,
14464
+ currencyOptions: currencyOptions,
14465
+ onCurrencyChange: onCurrencyChange
14466
+ }), /*#__PURE__*/React__default.createElement(AccordionSection, {
14422
14467
  title: "BUY",
14423
14468
  links: buyLinks
14424
14469
  }), /*#__PURE__*/React__default.createElement(AccordionSection, {
@@ -14796,6 +14841,10 @@
14796
14841
  menuData = _ref.menuData,
14797
14842
  onSearchSubmit = _ref.onSearchSubmit,
14798
14843
  onProductIdsReceived = _ref.onProductIdsReceived,
14844
+ currency = _ref.currency,
14845
+ currencyOptions = _ref.currencyOptions,
14846
+ onCurrencyChange = _ref.onCurrencyChange,
14847
+ hideCurrencySelect = _ref.hideCurrencySelect,
14799
14848
  shop = _ref.shop,
14800
14849
  app = _ref.app;
14801
14850
 
@@ -15102,7 +15151,11 @@
15102
15151
  className: "navbar__icons-wrapper"
15103
15152
  }, /*#__PURE__*/React__default.createElement("div", {
15104
15153
  className: "navbar__icons"
15105
- }, /*#__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", {
15106
15159
  type: "button",
15107
15160
  className: "".concat(app ? 'navbar__icon--app' : 'navbar__icon'),
15108
15161
  onClick: onInterestClick
@@ -16140,6 +16193,7 @@
16140
16193
  exports.CommunicationPreferences = index$5;
16141
16194
  exports.CountryCodeSelect = CountryCodeSelect;
16142
16195
  exports.CurrencyInputFormatter = CurrencyInputFormatter;
16196
+ exports.CurrencySelect = CurrencySelect;
16143
16197
  exports.InterestCatSelector = CategoryInterestSelector;
16144
16198
  exports.InterestItem = InterestItem$1;
16145
16199
  exports.Interests = Interests;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonlineza/luxity-lib",
3
- "version": "2.33.8",
3
+ "version": "2.33.9",
4
4
  "scripts": {
5
5
  "start": "start-storybook -p 9001 -c .storybook -s ./public",
6
6
  "clean": "rimraf ./build/*.*",