@bonlineza/luxity-lib 2.15.0 → 2.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/build/bundle.js CHANGED
@@ -11946,7 +11946,7 @@
11946
11946
  defaultShoeSizeType: shoeSizeTypes.eu.value
11947
11947
  };
11948
11948
 
11949
- var _templateObject$O, _templateObject2$a, _templateObject3$5, _templateObject4$4, _templateObject5$2, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29;
11949
+ var _templateObject$O, _templateObject2$a, _templateObject3$5, _templateObject4$4, _templateObject5$2, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30;
11950
11950
  var HeaderWrapper = styled__default.div(_templateObject$O || (_templateObject$O = _taggedTemplateLiteral(["\n {\n display: inline-block;\n background-color: ", ";\n position: relative;\n width: 100%;\n\n .header__search-container,\n .header__search-input {\n background-color: ", ";\n }\n\n .header__search-container {\n max-width: ", ";\n margin: 0 auto;\n padding: ", " 5%;\n }\n }\n"])), function (props) {
11951
11951
  return props.theme.rareStepColors.ntrlMin;
11952
11952
  }, function (props) {
@@ -11965,9 +11965,9 @@
11965
11965
  return props.theme.rareStepPageSizes.container;
11966
11966
  });
11967
11967
  var LogoFigure = styled__default.div(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n"])));
11968
- var LogoImage = styled__default.img(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\n }\n"])));
11968
+ var LogoImage = styled__default.img(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\n cursor: pointer;\n }\n"])));
11969
11969
  var CurrencyFlagIcon = styled__default.img(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n {\n width: 25px;\n height: 15px;\n margin-top: 9px;\n margin-right: 10px;\n }\n"])));
11970
- var SellToUsLink = styled__default.a(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n font-size: ", ";\n padding-top: 10px;\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n }\n }\n"])), function (props) {
11970
+ var SellToUsLink = styled__default.a(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n font-size: ", ";\n padding-top: 10px;\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n text-decoration: none;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n }\n }\n"])), function (props) {
11971
11971
  return props.theme.rareStepColors.secondary;
11972
11972
  }, function (props) {
11973
11973
  return props.theme.rareStepFontWeights.bold;
@@ -12053,12 +12053,10 @@
12053
12053
  }, function (props) {
12054
12054
  return props.theme.rareStepColors.secondary;
12055
12055
  });
12056
- var SearchContainer = styled__default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n {\n display: flex;\n padding: ", " 0;\n align-items: center;\n border-top: 1px solid ", ";\n }\n"])), function (props) {
12056
+ var SearchContainer = styled__default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n {\n display: flex;\n padding: ", " 0;\n align-items: center;\n }\n"])), function (props) {
12057
12057
  return props.theme.marginPaddings[1];
12058
- }, function (props) {
12059
- return props.theme.rareStepColors.ntrl40;
12060
12058
  });
12061
- var SearchInput = styled__default.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n {\n width: 50%;\n font-size: ", ";\n padding-bottom: ", ";\n color: ", ";\n border: none;\n margin-left: ", ";\n\n &:active,\n &:focus,\n &:focus-visible {\n outline: none;\n border: none;\n }\n\n &::placeholder {\n color: ", ";\n }\n }\n"])), function (props) {
12059
+ var SearchInput = styled__default.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n {\n width: 100%;\n font-size: ", ";\n padding-bottom: ", ";\n color: ", ";\n border: none;\n margin-left: ", ";\n\n &:active,\n &:focus,\n &:focus-visible {\n outline: none;\n border: none;\n }\n\n &::placeholder {\n color: ", ";\n }\n }\n"])), function (props) {
12062
12060
  return props.theme.rareStepFontSize.footerTitle;
12063
12061
  }, function (props) {
12064
12062
  return props.theme.marginPaddings[0];
@@ -12070,8 +12068,13 @@
12070
12068
  return props.theme.rareStepColors.ntrl40;
12071
12069
  });
12072
12070
  var SearchIcon = styled__default.img(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-bottom: 7px;\n }\n"])));
12073
- var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-left: auto;\n cursor: pointer;\n }\n"])));
12071
+ var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n }\n"])));
12074
12072
  var CurrencyContainer = styled__default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
12073
+ var DropdownSearchContainer = styled__default.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n border-top: 1px solid ", ";\n }\n"])), function (props) {
12074
+ return props.theme.rareStepColors.primary;
12075
+ }, function (props) {
12076
+ return props.theme.rareStepColors.ntrl40;
12077
+ });
12075
12078
 
12076
12079
  var Search$1 = function Search(_ref) {
12077
12080
  var closeIconUrl = _ref.closeIconUrl,
@@ -12149,20 +12152,9 @@
12149
12152
  }))));
12150
12153
  };
12151
12154
 
12152
- function Currency(_ref) {
12153
- var currencyFlagIconUrl = _ref.currencyFlagIconUrl,
12154
- className = _ref.className;
12155
- return /*#__PURE__*/React__default.createElement(CurrencyContainer, {
12156
- className: className
12157
- }, /*#__PURE__*/React__default.createElement(CurrencyFlagIcon, {
12158
- src: currencyFlagIconUrl
12159
- }), /*#__PURE__*/React__default.createElement(NavigationLink, null, "South African (ZAR, R)"));
12160
- }
12161
-
12162
12155
  function Navigation(_ref) {
12163
12156
  var dropdownClosedIconUrl = _ref.dropdownClosedIconUrl,
12164
12157
  dropdownOpenIconUrl = _ref.dropdownOpenIconUrl,
12165
- currencyFlagIconUrl = _ref.currencyFlagIconUrl,
12166
12158
  handleShowDropdown = _ref.handleShowDropdown,
12167
12159
  handleHideDropdown = _ref.handleHideDropdown,
12168
12160
  showDropdown = _ref.showDropdown,
@@ -12185,8 +12177,6 @@
12185
12177
  href: link.url,
12186
12178
  key: index
12187
12179
  }, link.name);
12188
- }), /*#__PURE__*/React__default.createElement(Currency, {
12189
- currencyFlagIconUrl: currencyFlagIconUrl
12190
12180
  })))));
12191
12181
  }
12192
12182
 
@@ -12203,7 +12193,8 @@
12203
12193
  navigationSearchIconUrl = _ref.navigationSearchIconUrl,
12204
12194
  wordpressSiteUrl = _ref.wordpressSiteUrl,
12205
12195
  desktopHeaderLinks = _ref.desktopHeaderLinks,
12206
- handleOnAccountClick = _ref.handleOnAccountClick;
12196
+ handleOnAccountClick = _ref.handleOnAccountClick,
12197
+ handleOnCartClick = _ref.handleOnCartClick;
12207
12198
 
12208
12199
  var _useState = React.useState(false),
12209
12200
  _useState2 = _slicedToArray(_useState, 2),
@@ -12233,17 +12224,23 @@
12233
12224
  };
12234
12225
 
12235
12226
  return /*#__PURE__*/React__default.createElement(HeaderWrapper, null, /*#__PURE__*/React__default.createElement(HeaderContainer, null, /*#__PURE__*/React__default.createElement(LogoFigure, null, /*#__PURE__*/React__default.createElement(LogoImage, {
12236
- src: headerLogoImgUrl
12237
- })), /*#__PURE__*/React__default.createElement(HeaderIconsContainer, null, /*#__PURE__*/React__default.createElement(SellToUsHR, null), /*#__PURE__*/React__default.createElement(SellToUsLink, null, "Sell to us"), /*#__PURE__*/React__default.createElement(HeaderIcon, {
12227
+ src: headerLogoImgUrl,
12228
+ onClick: function onClick() {
12229
+ window.location.href = wordpressSiteUrl;
12230
+ }
12231
+ })), /*#__PURE__*/React__default.createElement(HeaderIconsContainer, null, /*#__PURE__*/React__default.createElement(SellToUsHR, null), /*#__PURE__*/React__default.createElement(SellToUsLink, {
12232
+ href: desktopHeaderLinks.button.url
12233
+ }, desktopHeaderLinks.button.name), /*#__PURE__*/React__default.createElement(HeaderIcon, {
12238
12234
  src: searchIconUrl,
12239
12235
  onClick: toggleSearch
12240
- }), /*#__PURE__*/React__default.createElement(HeaderIcon, {
12236
+ }), interestIconUrl && /*#__PURE__*/React__default.createElement(HeaderIcon, {
12241
12237
  src: interestIconUrl
12242
12238
  }), /*#__PURE__*/React__default.createElement(HeaderIcon, {
12243
12239
  src: userIconUrl,
12244
12240
  onClick: handleOnAccountClick
12245
12241
  }), /*#__PURE__*/React__default.createElement(HeaderIcon, {
12246
- src: cartIconUrl
12242
+ src: cartIconUrl,
12243
+ onClick: handleOnCartClick
12247
12244
  }))), /*#__PURE__*/React__default.createElement(Navigation, {
12248
12245
  dropdownClosedIconUrl: dropdownClosedIconUrl,
12249
12246
  dropdownOpenIconUrl: dropdownOpenIconUrl,
@@ -12252,12 +12249,12 @@
12252
12249
  handleHideDropdown: handleHideDropdown,
12253
12250
  showDropdown: showDropdown,
12254
12251
  desktopHeaderLinks: desktopHeaderLinks
12255
- }), showSearch && /*#__PURE__*/React__default.createElement(Search$1, {
12252
+ }), showSearch && /*#__PURE__*/React__default.createElement(DropdownSearchContainer, null, /*#__PURE__*/React__default.createElement(Search$1, {
12256
12253
  closeIconUrl: closeIconUrl,
12257
12254
  navigationSearchIconUrl: navigationSearchIconUrl,
12258
12255
  wordpressSiteUrl: wordpressSiteUrl,
12259
12256
  toggleSearch: toggleSearch
12260
- }), showDropdown && /*#__PURE__*/React__default.createElement(HeaderDropdown, {
12257
+ })), showDropdown && /*#__PURE__*/React__default.createElement(HeaderDropdown, {
12261
12258
  headerDropdownProductObject: desktopHeaderLinks.headerDropdownProductObject,
12262
12259
  handleShowDropdown: handleShowDropdown,
12263
12260
  handleHideDropdown: handleHideDropdown
@@ -12267,14 +12264,14 @@
12267
12264
  var RareStepDesktopHeader$1 = themed(RareStepDesktopHeader);
12268
12265
 
12269
12266
  var _templateObject$P, _templateObject2$b, _templateObject3$6, _templateObject4$5, _templateObject5$3, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1;
12270
- var HeaderWrapper$1 = styled__default.div(_templateObject$P || (_templateObject$P = _taggedTemplateLiteral(["\n {\n display: flex;\n background-color: ", ";\n position: relative;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n padding: ", " 0;\n }\n"])), function (props) {
12267
+ var HeaderWrapper$1 = styled__default.div(_templateObject$P || (_templateObject$P = _taggedTemplateLiteral(["\n {\n display: flex;\n background-color: ", ";\n position: relative;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n padding: ", " 5%;\n }\n"])), function (props) {
12271
12268
  return props.theme.rareStepColors.ntrlMin;
12272
12269
  }, function (props) {
12273
12270
  return props.theme.marginPaddings[3];
12274
12271
  });
12275
12272
  var Icon = styled__default.img(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
12276
- var Logo = styled__default.img(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\n margin-left: 20px;\n }\n"])));
12277
- var IconWrapper$1 = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n\n & > img {\n margin-left: 10px;\n }\n }\n"])));
12273
+ var Logo = styled__default.img(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n width: 140px;\n height: auto;\n margin-left: 30px;\n cursor: pointer;\n }\n"])));
12274
+ var IconWrapper$1 = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n width: auto;\n height: 25px;\n\n .search-icon,\n .cart-icon {\n width: 100%;\n height: 100%;\n }\n\n .cart-icon {\n margin-left: 10px;\n }\n }\n"])));
12278
12275
  var SideNavWrapper = styled__default.div(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteral(["\n {\n position: relative;\n overflow: hidden;\n\n .side-nav-link--bottom {\n font-size: ", ";\n }\n }\n"])), function (props) {
12279
12276
  return props.theme.rareStepFontSize.h6;
12280
12277
  });
@@ -12313,16 +12310,16 @@
12313
12310
  var Hr = styled__default.hr(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
12314
12311
  return props.theme.rareStepColors.ntrlMax;
12315
12312
  });
12316
- var MobileSearchContainer = styled__default.div(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n .header {\n &__icon {\n width: 30px;\n height: 30px;\n }\n\n &__search-container {\n background-color: ", ";\n border-top: 1px solid ", ";\n }\n\n &__search-input {\n width: 100%;\n color: ", ";\n background-color: ", ";\n\n &::placeholder {\n color: ", ";\n }\n }\n }\n }\n"])), function (props) {
12317
- return props.theme.rareStepColors.ntrlMin;
12313
+ var MobileSearchContainer = styled__default.div(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n\n .header {\n &__icon {\n width: 20px;\n height: 20px;\n }\n\n &__search-container {\n border-top: 1px solid ", ";\n padding-left: 5%;\n padding-right: 5%;\n }\n\n &__search-input {\n width: 100%;\n color: ", ";\n background-color: ", ";\n\n &::placeholder {\n color: ", ";\n }\n }\n }\n }\n"])), function (props) {
12314
+ return props.theme.rareStepColors.primary;
12318
12315
  }, function (props) {
12319
12316
  return props.theme.rareStepColors.ntrl50;
12320
- }, function (props) {
12321
- return props.theme.rareStepColors.ntrlMax;
12322
12317
  }, function (props) {
12323
12318
  return props.theme.rareStepColors.ntrlMin;
12324
12319
  }, function (props) {
12325
- return props.theme.rareStepColors.ntrlMax;
12320
+ return props.theme.rareStepColors.primary;
12321
+ }, function (props) {
12322
+ return props.theme.rareStepColors.ntrlMin;
12326
12323
  });
12327
12324
  var BackButton = styled__default.button(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteral(["\n {\n background-color: transparent;\n border: none;\n color: ", ";\n margin: 30px 0;\n position: relative;\n\n &:hover {\n cursor: pointer;\n background-color: transparent;\n color: ", ";\n text-decoration: underline;\n }\n }\n"])), function (props) {
12328
12325
  return props.theme.rareStepColors.ntrlMin;
@@ -12387,8 +12384,7 @@
12387
12384
  function SideNavLinks(_ref) {
12388
12385
  var rightArrowIconUrl = _ref.rightArrowIconUrl,
12389
12386
  links = _ref.links,
12390
- setShowSideNavSubMenu = _ref.setShowSideNavSubMenu,
12391
- currencyFlagIconUrl = _ref.currencyFlagIconUrl;
12387
+ setShowSideNavSubMenu = _ref.setShowSideNavSubMenu;
12392
12388
  return /*#__PURE__*/React__default.createElement(React.Fragment, null, links.top.map(function (link, index) {
12393
12389
  return link !== null && link !== void 0 && link.isSubMenu ? /*#__PURE__*/React__default.createElement(SubMenuLinkContainer, {
12394
12390
  key: index
@@ -12412,9 +12408,6 @@
12412
12408
  className: "side-nav-link--bottom",
12413
12409
  onClick: link !== null && link !== void 0 && link.isButton ? link.onClick : null
12414
12410
  }, link.name);
12415
- }), /*#__PURE__*/React__default.createElement(Currency, {
12416
- className: "side-nav__currency",
12417
- currencyFlagIconUrl: currencyFlagIconUrl
12418
12411
  }));
12419
12412
  }
12420
12413
 
@@ -12438,9 +12431,9 @@
12438
12431
  rightArrowIconUrl = _ref.rightArrowIconUrl,
12439
12432
  navigationSearchIconUrl = _ref.navigationSearchIconUrl,
12440
12433
  wordpressSiteUrl = _ref.wordpressSiteUrl,
12441
- mobileCloseIconUrl = _ref.mobileCloseIconUrl,
12442
12434
  backIconUrl = _ref.backIconUrl,
12443
- currencyFlagIconUrl = _ref.currencyFlagIconUrl;
12435
+ currencyFlagIconUrl = _ref.currencyFlagIconUrl,
12436
+ handleOnCartClick = _ref.handleOnCartClick;
12444
12437
 
12445
12438
  var _useState = React.useState(false),
12446
12439
  _useState2 = _slicedToArray(_useState, 2),
@@ -12468,14 +12461,20 @@
12468
12461
  },
12469
12462
  src: menuIconUrl
12470
12463
  }), /*#__PURE__*/React__default.createElement(Logo, {
12471
- src: headerLogoImgUrl
12464
+ src: headerLogoImgUrl,
12465
+ onClick: function onClick() {
12466
+ window.location.href = wordpressSiteUrl;
12467
+ }
12472
12468
  }), /*#__PURE__*/React__default.createElement(IconWrapper$1, null, /*#__PURE__*/React__default.createElement(Icon, {
12469
+ className: "search-icon",
12473
12470
  src: searchIconUrl,
12474
12471
  onClick: toggleSearch
12475
12472
  }), /*#__PURE__*/React__default.createElement(Icon, {
12476
- src: cartIconUrl
12473
+ className: "cart-icon",
12474
+ src: cartIconUrl,
12475
+ onClick: handleOnCartClick
12477
12476
  }))), showSearch && /*#__PURE__*/React__default.createElement(MobileSearchContainer, null, /*#__PURE__*/React__default.createElement(Search$1, {
12478
- closeIconUrl: mobileCloseIconUrl,
12477
+ closeIconUrl: closeIconUrl,
12479
12478
  navigationSearchIconUrl: navigationSearchIconUrl,
12480
12479
  wordpressSiteUrl: wordpressSiteUrl,
12481
12480
  toggleSearch: toggleSearch
@@ -12523,7 +12522,8 @@
12523
12522
  mobileHeaderLinks = _ref.mobileHeaderLinks,
12524
12523
  mobileCloseIconUrl = _ref.mobileCloseIconUrl,
12525
12524
  handleOnAccountClick = _ref.handleOnAccountClick,
12526
- backIconUrl = _ref.backIconUrl;
12525
+ backIconUrl = _ref.backIconUrl,
12526
+ handleOnCartClick = _ref.handleOnCartClick;
12527
12527
  return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
12528
12528
  className: desktopHeaderWrapperClass
12529
12529
  }, /*#__PURE__*/React__default.createElement(RareStepDesktopHeader$1, {
@@ -12539,7 +12539,8 @@
12539
12539
  navigationSearchIconUrl: navigationSearchIconUrl,
12540
12540
  wordpressSiteUrl: wordpressSiteUrl,
12541
12541
  desktopHeaderLinks: desktopHeaderLinks,
12542
- handleOnAccountClick: handleOnAccountClick
12542
+ handleOnAccountClick: handleOnAccountClick,
12543
+ handleOnCartClick: handleOnCartClick
12543
12544
  })), /*#__PURE__*/React__default.createElement("div", {
12544
12545
  className: mobileHeaderWrapperClass
12545
12546
  }, /*#__PURE__*/React__default.createElement(RareStepMobileHeader, {
@@ -12550,11 +12551,12 @@
12550
12551
  closeIconUrl: closeIconUrl,
12551
12552
  rightArrowIconUrl: rightArrowIconUrl,
12552
12553
  mobileHeaderLinks: mobileHeaderLinks,
12553
- navigationSearchIconUrl: searchIconUrl,
12554
+ navigationSearchIconUrl: navigationSearchIconUrl,
12554
12555
  mobileCloseIconUrl: mobileCloseIconUrl,
12555
12556
  wordpressSiteUrl: wordpressSiteUrl,
12556
12557
  backIconUrl: backIconUrl,
12557
- currencyFlagIconUrl: currencyFlagIconUrl
12558
+ currencyFlagIconUrl: currencyFlagIconUrl,
12559
+ handleOnCartClick: handleOnCartClick
12558
12560
  })));
12559
12561
  };
12560
12562
 
@@ -12603,7 +12605,7 @@
12603
12605
  var FooterImageWrapper = styled__default.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral(["\n {\n flex-basis: 30%;\n padding-bottom: ", ";\n }\n"])), function (props) {
12604
12606
  return props.theme.marginPaddings[4];
12605
12607
  });
12606
- var FooterLogo = styled__default.img(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral(["\n {\n width: 120px;\n height: 50px;\n margin-top: ", ";\n }\n"])), function (props) {
12608
+ var FooterLogo = styled__default.img(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral(["\n {\n width: 120px;\n height: 50px;\n margin-top: ", ";\n cursor: pointer;\n }\n"])), function (props) {
12607
12609
  return props.theme.marginPaddings[5];
12608
12610
  });
12609
12611
  var SocialIconWrapper = styled__default.div(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
@@ -12650,12 +12652,16 @@
12650
12652
  facebookIconUrl = _ref.facebookIconUrl,
12651
12653
  instagramUrl = _ref.instagramUrl,
12652
12654
  instagramImageUrl = _ref.instagramImageUrl,
12653
- className = _ref.className;
12655
+ className = _ref.className,
12656
+ wordpressSiteUrl = _ref.wordpressSiteUrl;
12654
12657
  return /*#__PURE__*/React__default.createElement(FooterConnectContainer, {
12655
12658
  className: className
12656
12659
  }, /*#__PURE__*/React__default.createElement(FooterLogo, {
12657
12660
  className: "footer__logo",
12658
- src: footerLogoImageUrl
12661
+ src: footerLogoImageUrl,
12662
+ onClick: function onClick() {
12663
+ window.location.href = wordpressSiteUrl;
12664
+ }
12659
12665
  }), /*#__PURE__*/React__default.createElement(FooterTitleLink, {
12660
12666
  className: "footer__link"
12661
12667
  }, "Connect"), /*#__PURE__*/React__default.createElement(SocialIconWrapper, null, /*#__PURE__*/React__default.createElement(FooterLink, {
@@ -12677,7 +12683,8 @@
12677
12683
  instagramUrl = _ref.instagramUrl,
12678
12684
  instagramImageUrl = _ref.instagramImageUrl,
12679
12685
  paymentImage = _ref.paymentImage,
12680
- footerLinks = _ref.footerLinks;
12686
+ footerLinks = _ref.footerLinks,
12687
+ wordpressSiteUrl = _ref.wordpressSiteUrl;
12681
12688
  return /*#__PURE__*/React__default.createElement(FooterWrapper, null, /*#__PURE__*/React__default.createElement(PageContainer$1, {
12682
12689
  className: "footer__page-container"
12683
12690
  }, /*#__PURE__*/React__default.createElement(FooterLinksWrapper, {
@@ -12701,7 +12708,8 @@
12701
12708
  facebookUrl: facebookUrl,
12702
12709
  facebookIconUrl: facebookIconUrl,
12703
12710
  instagramUrl: instagramUrl,
12704
- instagramImageUrl: instagramImageUrl
12711
+ instagramImageUrl: instagramImageUrl,
12712
+ wordpressSiteUrl: wordpressSiteUrl
12705
12713
  }));
12706
12714
  })), /*#__PURE__*/React__default.createElement(FooterConnect, {
12707
12715
  className: "footer__connect-mobile",
@@ -12709,7 +12717,8 @@
12709
12717
  facebookUrl: facebookUrl,
12710
12718
  facebookIconUrl: facebookIconUrl,
12711
12719
  instagramUrl: instagramUrl,
12712
- instagramImageUrl: instagramImageUrl
12720
+ instagramImageUrl: instagramImageUrl,
12721
+ wordpressSiteUrl: wordpressSiteUrl
12713
12722
  }), /*#__PURE__*/React__default.createElement(FooterImageWrapper, {
12714
12723
  className: "footer__figure"
12715
12724
  }, /*#__PURE__*/React__default.createElement(FooterImage, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonlineza/luxity-lib",
3
- "version": "2.15.0",
3
+ "version": "2.16.0",
4
4
  "scripts": {
5
5
  "start": "start-storybook -p 9001 -c .storybook -s ./public",
6
6
  "clean": "rimraf ./build/*.*",