@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/AddInterest.js +20 -17
- package/BrandSelector.js +20 -17
- package/GraphQLDropdownSelector.js +20 -17
- package/Interests.js +20 -17
- package/LuxityGraphQLDropdownSelector.js +20 -17
- package/MaterialSelector.js +20 -17
- package/ModelSelector.js +20 -17
- package/RareStepFooter.js +13 -6
- package/RareStepHeader.js +52 -50
- package/build/bundle.js +65 -56
- package/package.json +1 -1
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
|
|
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:
|
|
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
|
|
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
|
-
|
|
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: ", "
|
|
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:
|
|
12277
|
-
var IconWrapper$1 = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n {\n display: flex;\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:
|
|
12317
|
-
return props.theme.rareStepColors.
|
|
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.
|
|
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
|
-
|
|
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:
|
|
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:
|
|
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, {
|