@bonlineza/luxity-lib 2.14.0 → 2.15.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.
Files changed (11) hide show
  1. package/AddInterest.js +32 -12
  2. package/BrandSelector.js +32 -12
  3. package/GraphQLDropdownSelector.js +32 -12
  4. package/Interests.js +32 -12
  5. package/LuxityGraphQLDropdownSelector.js +32 -12
  6. package/MaterialSelector.js +32 -12
  7. package/ModelSelector.js +32 -12
  8. package/RareStepFooter.js +40 -40
  9. package/RareStepHeader.js +240 -162
  10. package/build/bundle.js +283 -205
  11. 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;
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;
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) {
@@ -12071,16 +12071,17 @@
12071
12071
  });
12072
12072
  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
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"])));
12074
+ var CurrencyContainer = styled__default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
12074
12075
 
12075
12076
  var Search$1 = function Search(_ref) {
12076
- var close_icon_url = _ref.close_icon_url,
12077
- navigation_search_icon_url = _ref.navigation_search_icon_url,
12078
- wordpress_site_url = _ref.wordpress_site_url,
12077
+ var closeIconUrl = _ref.closeIconUrl,
12078
+ navigationSearchIconUrl = _ref.navigationSearchIconUrl,
12079
+ wordpressSiteUrl = _ref.wordpressSiteUrl,
12079
12080
  toggleSearch = _ref.toggleSearch;
12080
12081
  var searchInputRef = React.useRef(null);
12081
12082
 
12082
12083
  var handleOnSearch = function handleOnSearch() {
12083
- window.location.replace("".concat(wordpress_site_url, "/?post_type=product&s=").concat(searchInputRef.current.value));
12084
+ window.location.replace("".concat(wordpressSiteUrl, "/?post_type=product&s=").concat(searchInputRef.current.value));
12084
12085
  };
12085
12086
 
12086
12087
  var handleKeyDown = function handleKeyDown(e) {
@@ -12093,7 +12094,7 @@
12093
12094
  className: "header__search-container"
12094
12095
  }, /*#__PURE__*/React__default.createElement(SearchIcon, {
12095
12096
  className: "header__icon",
12096
- src: navigation_search_icon_url,
12097
+ src: navigationSearchIconUrl,
12097
12098
  onClick: handleOnSearch
12098
12099
  }), /*#__PURE__*/React__default.createElement(SearchInput, {
12099
12100
  className: "header__search-input",
@@ -12102,15 +12103,15 @@
12102
12103
  onKeyDown: handleKeyDown
12103
12104
  }), /*#__PURE__*/React__default.createElement(CloseIcon, {
12104
12105
  className: "header__icon",
12105
- src: close_icon_url,
12106
+ src: closeIconUrl,
12106
12107
  onClick: toggleSearch
12107
12108
  }));
12108
12109
  };
12109
12110
 
12110
12111
  var HeaderDropdown = function HeaderDropdown(_ref) {
12111
- var _header_dropdown_prod;
12112
+ var _headerDropdownProduc;
12112
12113
 
12113
- var header_dropdown_product_object = _ref.header_dropdown_product_object,
12114
+ var headerDropdownProductObject = _ref.headerDropdownProductObject,
12114
12115
  handleShowDropdown = _ref.handleShowDropdown,
12115
12116
  handleHideDropdown = _ref.handleHideDropdown;
12116
12117
 
@@ -12132,65 +12133,76 @@
12132
12133
  return /*#__PURE__*/React__default.createElement(Dropdown, {
12133
12134
  onMouseOver: handleShowDropdown,
12134
12135
  onMouseOut: handleHideDropdown
12135
- }, /*#__PURE__*/React__default.createElement(PageContainer, null, /*#__PURE__*/React__default.createElement(DropdownBrands, null, header_dropdown_product_object === null || header_dropdown_product_object === void 0 ? void 0 : (_header_dropdown_prod = header_dropdown_product_object.brands) === null || _header_dropdown_prod === void 0 ? void 0 : _header_dropdown_prod.map(function (brand, index) {
12136
+ }, /*#__PURE__*/React__default.createElement(PageContainer, null, /*#__PURE__*/React__default.createElement(DropdownBrands, null, headerDropdownProductObject === null || headerDropdownProductObject === void 0 ? void 0 : (_headerDropdownProduc = headerDropdownProductObject.brands) === null || _headerDropdownProduc === void 0 ? void 0 : _headerDropdownProduc.map(function (brand, index) {
12136
12137
  return /*#__PURE__*/React__default.createElement(DropdownBrandLinkContainer, {
12137
12138
  key: index,
12138
12139
  onMouseOver: function onMouseOver() {
12139
12140
  return handleBrandHover(brand);
12140
12141
  }
12141
- }, /*#__PURE__*/React__default.createElement(DropdownBrandLinkHR, null), /*#__PURE__*/React__default.createElement(DropdownBrandLink, null, brand.brand_name));
12142
+ }, /*#__PURE__*/React__default.createElement(DropdownBrandLinkHR, null), /*#__PURE__*/React__default.createElement(DropdownBrandLink, null, brand.brandName));
12142
12143
  })), /*#__PURE__*/React__default.createElement(DropdownModels, null, currentModels === null || currentModels === void 0 ? void 0 : currentModels.map(function (model, index) {
12143
12144
  return /*#__PURE__*/React__default.createElement(DropdownModelsList, null, /*#__PURE__*/React__default.createElement(DropdownLink, {
12144
12145
  key: index
12145
- }, model.model_name));
12146
- })), /*#__PURE__*/React__default.createElement(DropdownFigure, null, (currentBrand === null || currentBrand === void 0 ? void 0 : currentBrand.brand_image_url) && /*#__PURE__*/React__default.createElement(DropdownImage, {
12147
- src: currentBrand === null || currentBrand === void 0 ? void 0 : currentBrand.brand_image_url
12146
+ }, model.modelName));
12147
+ })), /*#__PURE__*/React__default.createElement(DropdownFigure, null, (currentBrand === null || currentBrand === void 0 ? void 0 : currentBrand.brandImageUrl) && /*#__PURE__*/React__default.createElement(DropdownImage, {
12148
+ src: currentBrand === null || currentBrand === void 0 ? void 0 : currentBrand.brandImageUrl
12148
12149
  }))));
12149
12150
  };
12150
12151
 
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
+
12151
12162
  function Navigation(_ref) {
12152
- var dropdown_closed_icon_url = _ref.dropdown_closed_icon_url,
12153
- dropdown_open_icon_url = _ref.dropdown_open_icon_url,
12154
- currency_flag_icon_url = _ref.currency_flag_icon_url,
12163
+ var dropdownClosedIconUrl = _ref.dropdownClosedIconUrl,
12164
+ dropdownOpenIconUrl = _ref.dropdownOpenIconUrl,
12165
+ currencyFlagIconUrl = _ref.currencyFlagIconUrl,
12155
12166
  handleShowDropdown = _ref.handleShowDropdown,
12156
12167
  handleHideDropdown = _ref.handleHideDropdown,
12157
12168
  showDropdown = _ref.showDropdown,
12158
- desktop_header_links = _ref.desktop_header_links;
12159
- return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(NavigationContainer, null, /*#__PURE__*/React__default.createElement(PageContainer, null, /*#__PURE__*/React__default.createElement(NavigationLinks, null, desktop_header_links.left.map(function (link, index) {
12160
- return link !== null && link !== void 0 && link.is_dropdown ? /*#__PURE__*/React__default.createElement(NavigationLink, {
12169
+ desktopHeaderLinks = _ref.desktopHeaderLinks;
12170
+ return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(NavigationContainer, null, /*#__PURE__*/React__default.createElement(PageContainer, null, /*#__PURE__*/React__default.createElement(NavigationLinks, null, desktopHeaderLinks.left.map(function (link, index) {
12171
+ return link !== null && link !== void 0 && link.isDropdown ? /*#__PURE__*/React__default.createElement(NavigationLink, {
12172
+ key: index,
12161
12173
  onMouseOver: handleShowDropdown,
12162
12174
  onMouseOut: handleHideDropdown
12163
12175
  }, link.name, showDropdown ? /*#__PURE__*/React__default.createElement(DropdownNavigatorIcon, {
12164
- src: dropdown_closed_icon_url
12176
+ src: dropdownClosedIconUrl
12165
12177
  }) : /*#__PURE__*/React__default.createElement(DropdownNavigatorIcon, {
12166
- src: dropdown_open_icon_url
12178
+ src: dropdownOpenIconUrl
12167
12179
  })) : /*#__PURE__*/React__default.createElement(NavigationLink, {
12168
12180
  href: link.url,
12169
12181
  key: index
12170
12182
  }, link.name);
12171
- })), /*#__PURE__*/React__default.createElement(NavigationLinks, null, desktop_header_links.right.map(function (link, index) {
12183
+ })), /*#__PURE__*/React__default.createElement(NavigationLinks, null, desktopHeaderLinks.right.map(function (link, index) {
12172
12184
  return /*#__PURE__*/React__default.createElement(NavigationLink, {
12173
12185
  href: link.url,
12174
12186
  key: index
12175
12187
  }, link.name);
12176
- }), /*#__PURE__*/React__default.createElement(CurrencyFlagIcon, {
12177
- src: currency_flag_icon_url
12178
- }), /*#__PURE__*/React__default.createElement(NavigationLink, null, "South African (ZAR, R)")))));
12188
+ }), /*#__PURE__*/React__default.createElement(Currency, {
12189
+ currencyFlagIconUrl: currencyFlagIconUrl
12190
+ })))));
12179
12191
  }
12180
12192
 
12181
12193
  var RareStepDesktopHeader = function RareStepDesktopHeader(_ref) {
12182
- var header_logo_img_url = _ref.header_logo_img_url,
12183
- search_icon_url = _ref.search_icon_url,
12184
- cart_icon_url = _ref.cart_icon_url,
12185
- user_icon_url = _ref.user_icon_url,
12186
- interest_icon_url = _ref.interest_icon_url,
12187
- dropdown_closed_icon_url = _ref.dropdown_closed_icon_url,
12188
- dropdown_open_icon_url = _ref.dropdown_open_icon_url,
12189
- currency_flag_icon_url = _ref.currency_flag_icon_url,
12190
- close_icon_url = _ref.close_icon_url,
12191
- navigation_search_icon_url = _ref.navigation_search_icon_url,
12192
- wordpress_site_url = _ref.wordpress_site_url,
12193
- desktop_header_links = _ref.desktop_header_links,
12194
+ var headerLogoImgUrl = _ref.headerLogoImgUrl,
12195
+ searchIconUrl = _ref.searchIconUrl,
12196
+ cartIconUrl = _ref.cartIconUrl,
12197
+ userIconUrl = _ref.userIconUrl,
12198
+ interestIconUrl = _ref.interestIconUrl,
12199
+ dropdownClosedIconUrl = _ref.dropdownClosedIconUrl,
12200
+ dropdownOpenIconUrl = _ref.dropdownOpenIconUrl,
12201
+ currencyFlagIconUrl = _ref.currencyFlagIconUrl,
12202
+ closeIconUrl = _ref.closeIconUrl,
12203
+ navigationSearchIconUrl = _ref.navigationSearchIconUrl,
12204
+ wordpressSiteUrl = _ref.wordpressSiteUrl,
12205
+ desktopHeaderLinks = _ref.desktopHeaderLinks,
12194
12206
  handleOnAccountClick = _ref.handleOnAccountClick;
12195
12207
 
12196
12208
  var _useState = React.useState(false),
@@ -12221,32 +12233,32 @@
12221
12233
  };
12222
12234
 
12223
12235
  return /*#__PURE__*/React__default.createElement(HeaderWrapper, null, /*#__PURE__*/React__default.createElement(HeaderContainer, null, /*#__PURE__*/React__default.createElement(LogoFigure, null, /*#__PURE__*/React__default.createElement(LogoImage, {
12224
- src: header_logo_img_url
12236
+ src: headerLogoImgUrl
12225
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, {
12226
- src: search_icon_url,
12238
+ src: searchIconUrl,
12227
12239
  onClick: toggleSearch
12228
12240
  }), /*#__PURE__*/React__default.createElement(HeaderIcon, {
12229
- src: interest_icon_url
12241
+ src: interestIconUrl
12230
12242
  }), /*#__PURE__*/React__default.createElement(HeaderIcon, {
12231
- src: user_icon_url,
12243
+ src: userIconUrl,
12232
12244
  onClick: handleOnAccountClick
12233
12245
  }), /*#__PURE__*/React__default.createElement(HeaderIcon, {
12234
- src: cart_icon_url
12246
+ src: cartIconUrl
12235
12247
  }))), /*#__PURE__*/React__default.createElement(Navigation, {
12236
- dropdown_closed_icon_url: dropdown_closed_icon_url,
12237
- dropdown_open_icon_url: dropdown_open_icon_url,
12238
- currency_flag_icon_url: currency_flag_icon_url,
12248
+ dropdownClosedIconUrl: dropdownClosedIconUrl,
12249
+ dropdownOpenIconUrl: dropdownOpenIconUrl,
12250
+ currencyFlagIconUrl: currencyFlagIconUrl,
12239
12251
  handleShowDropdown: handleShowDropdown,
12240
12252
  handleHideDropdown: handleHideDropdown,
12241
12253
  showDropdown: showDropdown,
12242
- desktop_header_links: desktop_header_links
12254
+ desktopHeaderLinks: desktopHeaderLinks
12243
12255
  }), showSearch && /*#__PURE__*/React__default.createElement(Search$1, {
12244
- close_icon_url: close_icon_url,
12245
- navigation_search_icon_url: navigation_search_icon_url,
12246
- wordpress_site_url: wordpress_site_url,
12256
+ closeIconUrl: closeIconUrl,
12257
+ navigationSearchIconUrl: navigationSearchIconUrl,
12258
+ wordpressSiteUrl: wordpressSiteUrl,
12247
12259
  toggleSearch: toggleSearch
12248
12260
  }), showDropdown && /*#__PURE__*/React__default.createElement(HeaderDropdown, {
12249
- header_dropdown_product_object: desktop_header_links.header_dropdown_product_object,
12261
+ headerDropdownProductObject: desktopHeaderLinks.headerDropdownProductObject,
12250
12262
  handleShowDropdown: handleShowDropdown,
12251
12263
  handleHideDropdown: handleHideDropdown
12252
12264
  }));
@@ -12254,34 +12266,36 @@
12254
12266
 
12255
12267
  var RareStepDesktopHeader$1 = themed(RareStepDesktopHeader);
12256
12268
 
12257
- 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;
12269
+ 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;
12258
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) {
12259
12271
  return props.theme.rareStepColors.ntrlMin;
12260
12272
  }, function (props) {
12261
12273
  return props.theme.marginPaddings[3];
12262
12274
  });
12263
- var Icon = styled__default.img(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n {\n width: 40px;\n height: 40px;\n cursor: pointer;\n }\n"])));
12275
+ var Icon = styled__default.img(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
12264
12276
  var Logo = styled__default.img(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\n margin-left: 20px;\n }\n"])));
12265
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"])));
12266
- var SidenavWrapper = styled__default.div(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteral(["\n {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n z-index: 9;\n overflow-x: hidden;\n }\n"])));
12267
- var Sidenav = styled__default.div(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral(["\n {\n width: 80%;\n height: 100%;\n background-color: ", ";\n color: ", ";\n padding: ", ";\n }\n"])), function (props) {
12278
+ 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
+ return props.theme.rareStepFontSize.h6;
12280
+ });
12281
+ var SideNav = styled__default.div(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral(["\n {\n position: fixed;\n top: 0;\n left: -100%;\n width: 80%;\n height: 100%;\n background-color: ", ";\n color: ", ";\n padding: ", ";\n z-index: 9;\n }\n"])), function (props) {
12268
12282
  return props.theme.rareStepColors.primary;
12269
12283
  }, function (props) {
12270
12284
  return props.theme.rareStepColors.ntrlMin;
12271
12285
  }, function (props) {
12272
12286
  return props.theme.marginPaddings[1];
12273
12287
  });
12274
- var Overlay = styled__default.div(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral(["\n {\n width: 20%;\n height: 100%;\n background-color: ", ";\n opacity: 0.5;\n }\n"])), function (props) {
12288
+ var Overlay = styled__default.div(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral(["\n {\n position: fixed;\n top: 0;\n right: 200%;\n width: 20%;\n height: 100%;\n background-color: ", ";\n opacity: 0.5;\n }\n"])), function (props) {
12275
12289
  return props.theme.rareStepColors.ntrl40;
12276
12290
  });
12277
12291
  var CloseIcon$1 = styled__default.img(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
12278
- var SidenavLink = styled__default.a(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteral(["\n {\n padding: ", ";\n color: ", ";\n text-decoration: none;\n text-align: left;\n display: block;\n width: 100%;\n cursor: pointer;\n }\n"])), function (props) {
12292
+ var SideNavLink = styled__default.a(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteral(["\n {\n padding: ", ";\n color: ", ";\n text-decoration: none;\n text-align: left;\n display: block;\n width: 100%;\n cursor: pointer;\n }\n"])), function (props) {
12279
12293
  return props.theme.marginPaddings[1];
12280
12294
  }, function (props) {
12281
12295
  return props.theme.rareStepColors.ntrlMin;
12282
12296
  });
12283
12297
  var CloseIconWrapper = styled__default.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n margin: 30px 0;\n }\n"])));
12284
- var SellToUsLink$1 = styled__default.a(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n color: ", ";\n border: 1px solid ", ";\n background-color: transparent;\n text-transform: uppercase;\n font-weight: ", ";\n display: block;\n width: calc(100% - ", ");\n padding: ", ";\n margin-left: ", ";\n text-align: center;\n text-decoration: none;\n border-radius: 5px;\n }\n"])), function (props) {
12298
+ var SellToUsLink$1 = styled__default.a(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n color: ", ";\n border: 1px solid ", ";\n background-color: transparent;\n text-transform: uppercase;\n font-weight: ", ";\n display: block;\n width: calc(100% - ", ");\n padding: ", ";\n margin: ", ";\n text-align: center;\n text-decoration: none;\n border-radius: 5px;\n letter-spacing: 1px;\n font-style: italic;\n }\n"])), function (props) {
12285
12299
  return props.theme.rareStepColors.secondary;
12286
12300
  }, function (props) {
12287
12301
  return props.theme.rareStepColors.secondary;
@@ -12294,8 +12308,8 @@
12294
12308
  }, function (props) {
12295
12309
  return props.theme.marginPaddings[1];
12296
12310
  });
12297
- var SubmenuLinkContainer = styled__default.div(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n"])));
12298
- var SubmenuRightIcon = styled__default.img(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n }\n"])));
12311
+ var SubMenuLinkContainer = styled__default.div(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n"])));
12312
+ var SubMenuRightIcon = styled__default.img(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n }\n"])));
12299
12313
  var Hr = styled__default.hr(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
12300
12314
  return props.theme.rareStepColors.ntrlMax;
12301
12315
  });
@@ -12310,56 +12324,104 @@
12310
12324
  }, function (props) {
12311
12325
  return props.theme.rareStepColors.ntrlMax;
12312
12326
  });
12327
+ 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
+ return props.theme.rareStepColors.ntrlMin;
12329
+ }, function (props) {
12330
+ return props.theme.rareStepColors.ntrlMin;
12331
+ });
12332
+ var BackIcon = styled__default.img(_templateObject17$1 || (_templateObject17$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-right: 10px;\n position: absolute;\n top: 0;\n left: 10px;\n }\n"])));
12333
+ var BackButtonContent = styled__default.div(_templateObject18$1 || (_templateObject18$1 = _taggedTemplateLiteral(["\n {\n font-size: ", ";\n text-transform: uppercase;\n color: ", ";\n margin-left: 35px;\n display: inline-block;\n }\n"])), function (props) {
12334
+ return props.theme.rareStepFontSize.h5;
12335
+ }, function (props) {
12336
+ return props.theme.rareStepColors.ntrlMin;
12337
+ });
12338
+ var SideNavLinksContainer = styled__default.div(_templateObject19$1 || (_templateObject19$1 = _taggedTemplateLiteral(["\n {\n overflow-y: scroll;\n overflow-x: hidden;\n height: 90%;\n padding-bottom: 50px;\n }\n"])));
12339
+ var MenuSideNavWrapper = styled__default.div(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteral(["\n {\n .side-nav {\n transition: left 1s ease-in-out;\n\n &--open {\n left: 0;\n }\n\n &--close {\n left: -100%;\n }\n\n &__currency {\n margin: ", " 0 0\n ", ";\n }\n }\n\n .overlay {\n transition: right 1s ease-in-out;\n\n &--open {\n right: 0;\n }\n\n &--close {\n right: 200%;\n }\n }\n }\n"])), function (props) {
12340
+ return props.theme.marginPaddings[4];
12341
+ }, function (props) {
12342
+ return props.theme.marginPaddings[1];
12343
+ });
12344
+
12345
+ var enableBodyScroll = function enableBodyScroll() {
12346
+ var _document = document,
12347
+ body = _document.body;
12348
+ body.style.overflow = '';
12349
+ };
12350
+ var disableBodyScroll = function disableBodyScroll() {
12351
+ var _document2 = document,
12352
+ body = _document2.body;
12353
+ body.style.overflow = 'hidden';
12354
+ };
12313
12355
 
12314
- function MenuSidenav(_ref) {
12315
- var close_icon_url = _ref.close_icon_url,
12356
+ function MenuSideNav(_ref) {
12357
+ var closeIconUrl = _ref.closeIconUrl,
12316
12358
  children = _ref.children,
12317
- setshowSidenav = _ref.setshowSidenav;
12318
- return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(SidenavWrapper, null, /*#__PURE__*/React__default.createElement(Sidenav, null, /*#__PURE__*/React__default.createElement(CloseIconWrapper, null, /*#__PURE__*/React__default.createElement(CloseIcon$1, {
12319
- onClick: function onClick() {
12320
- return setshowSidenav(false);
12321
- },
12322
- src: close_icon_url
12323
- })), children), /*#__PURE__*/React__default.createElement(Overlay, {
12359
+ setShowSideNav = _ref.setShowSideNav,
12360
+ isSubMenu = _ref.isSubMenu,
12361
+ backIconUrl = _ref.backIconUrl,
12362
+ sideNavClassName = _ref.sideNavClassName,
12363
+ overlayClassName = _ref.overlayClassName;
12364
+
12365
+ var handleSideNavClose = function handleSideNavClose() {
12366
+ setShowSideNav(false);
12367
+ enableBodyScroll();
12368
+ };
12369
+
12370
+ return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(SideNavWrapper, null, /*#__PURE__*/React__default.createElement(SideNav, {
12371
+ className: sideNavClassName
12372
+ }, isSubMenu ? /*#__PURE__*/React__default.createElement(BackButton, {
12324
12373
  onClick: function onClick() {
12325
- return setshowSidenav(false);
12326
- }
12374
+ return setShowSideNav(false);
12375
+ }
12376
+ }, /*#__PURE__*/React__default.createElement(BackIcon, {
12377
+ src: backIconUrl
12378
+ }), /*#__PURE__*/React__default.createElement(BackButtonContent, null, "Back to menu")) : /*#__PURE__*/React__default.createElement(CloseIconWrapper, null, /*#__PURE__*/React__default.createElement(CloseIcon$1, {
12379
+ onClick: handleSideNavClose,
12380
+ src: closeIconUrl
12381
+ })), /*#__PURE__*/React__default.createElement(SideNavLinksContainer, null, children)), /*#__PURE__*/React__default.createElement(Overlay, {
12382
+ onClick: handleSideNavClose,
12383
+ className: overlayClassName
12327
12384
  })));
12328
12385
  }
12329
12386
 
12330
- function SidenavLinks(_ref) {
12331
- var right_arrow_icon_url = _ref.right_arrow_icon_url,
12387
+ function SideNavLinks(_ref) {
12388
+ var rightArrowIconUrl = _ref.rightArrowIconUrl,
12332
12389
  links = _ref.links,
12333
- setshowSidenavSubmenu = _ref.setshowSidenavSubmenu;
12390
+ setShowSideNavSubMenu = _ref.setShowSideNavSubMenu,
12391
+ currencyFlagIconUrl = _ref.currencyFlagIconUrl;
12334
12392
  return /*#__PURE__*/React__default.createElement(React.Fragment, null, links.top.map(function (link, index) {
12335
- return link !== null && link !== void 0 && link.is_submenu ? /*#__PURE__*/React__default.createElement(SubmenuLinkContainer, {
12393
+ return link !== null && link !== void 0 && link.isSubMenu ? /*#__PURE__*/React__default.createElement(SubMenuLinkContainer, {
12336
12394
  key: index
12337
- }, /*#__PURE__*/React__default.createElement(SidenavLink, {
12338
- href: "/"
12339
- }, "Sneakers"), /*#__PURE__*/React__default.createElement(SubmenuRightIcon, {
12340
- src: right_arrow_icon_url,
12395
+ }, /*#__PURE__*/React__default.createElement(SideNavLink, {
12396
+ href: link.url
12397
+ }, link.name), /*#__PURE__*/React__default.createElement(SubMenuRightIcon, {
12398
+ src: rightArrowIconUrl,
12341
12399
  onClick: function onClick() {
12342
- return setshowSidenavSubmenu(true);
12400
+ return setShowSideNavSubMenu(true);
12343
12401
  }
12344
- })) : /*#__PURE__*/React__default.createElement(SidenavLink, {
12402
+ })) : /*#__PURE__*/React__default.createElement(SideNavLink, {
12345
12403
  key: index,
12346
12404
  href: link.url
12347
12405
  }, link.name);
12348
12406
  }), /*#__PURE__*/React__default.createElement(SellToUsLink$1, {
12349
12407
  href: links.button.url
12350
12408
  }, links.button.name), links.bottom.map(function (link, index) {
12351
- return /*#__PURE__*/React__default.createElement(SidenavLink, {
12409
+ return /*#__PURE__*/React__default.createElement(SideNavLink, {
12352
12410
  key: index,
12353
12411
  href: link.url,
12354
- onClick: link !== null && link !== void 0 && link.is_button ? link.onClick : null
12412
+ className: "side-nav-link--bottom",
12413
+ onClick: link !== null && link !== void 0 && link.isButton ? link.onClick : null
12355
12414
  }, link.name);
12415
+ }), /*#__PURE__*/React__default.createElement(Currency, {
12416
+ className: "side-nav__currency",
12417
+ currencyFlagIconUrl: currencyFlagIconUrl
12356
12418
  }));
12357
12419
  }
12358
12420
 
12359
- function SidenavSubmenuLinks(_ref) {
12421
+ function SideNavSubMenuLinks(_ref) {
12360
12422
  var links = _ref.links;
12361
- return /*#__PURE__*/React__default.createElement(React.Fragment, null, links.submenu_links.map(function (link, index) {
12362
- return /*#__PURE__*/React__default.createElement(SidenavLink, {
12423
+ return /*#__PURE__*/React__default.createElement(React.Fragment, null, links.subMenuLinks.map(function (link, index) {
12424
+ return /*#__PURE__*/React__default.createElement(SideNavLink, {
12363
12425
  key: index,
12364
12426
  href: link.url
12365
12427
  }, link.name);
@@ -12367,26 +12429,28 @@
12367
12429
  }
12368
12430
 
12369
12431
  function RareStepMobileHeader(_ref) {
12370
- var header_logo_img_url = _ref.header_logo_img_url,
12371
- search_icon_url = _ref.search_icon_url,
12372
- menu_icon_url = _ref.menu_icon_url,
12373
- cart_icon_url = _ref.cart_icon_url,
12374
- close_icon_url = _ref.close_icon_url,
12375
- mobile_header_links = _ref.mobile_header_links,
12376
- right_arrow_icon_url = _ref.right_arrow_icon_url,
12377
- navigation_search_icon_url = _ref.navigation_search_icon_url,
12378
- wordpress_site_url = _ref.wordpress_site_url,
12379
- mobile_close_icon_url = _ref.mobile_close_icon_url;
12432
+ var headerLogoImgUrl = _ref.headerLogoImgUrl,
12433
+ searchIconUrl = _ref.searchIconUrl,
12434
+ menuIconUrl = _ref.menuIconUrl,
12435
+ cartIconUrl = _ref.cartIconUrl,
12436
+ closeIconUrl = _ref.closeIconUrl,
12437
+ mobileHeaderLinks = _ref.mobileHeaderLinks,
12438
+ rightArrowIconUrl = _ref.rightArrowIconUrl,
12439
+ navigationSearchIconUrl = _ref.navigationSearchIconUrl,
12440
+ wordpressSiteUrl = _ref.wordpressSiteUrl,
12441
+ mobileCloseIconUrl = _ref.mobileCloseIconUrl,
12442
+ backIconUrl = _ref.backIconUrl,
12443
+ currencyFlagIconUrl = _ref.currencyFlagIconUrl;
12380
12444
 
12381
12445
  var _useState = React.useState(false),
12382
12446
  _useState2 = _slicedToArray(_useState, 2),
12383
- showSidenav = _useState2[0],
12384
- setshowSidenav = _useState2[1];
12447
+ showSideNav = _useState2[0],
12448
+ setShowSideNav = _useState2[1];
12385
12449
 
12386
12450
  var _useState3 = React.useState(false),
12387
12451
  _useState4 = _slicedToArray(_useState3, 2),
12388
- showSidenavSubmenu = _useState4[0],
12389
- setshowSidenavSubmenu = _useState4[1];
12452
+ showSideNavSubMenu = _useState4[0],
12453
+ setShowSideNavSubMenu = _useState4[1];
12390
12454
 
12391
12455
  var _useState5 = React.useState(false),
12392
12456
  _useState6 = _slicedToArray(_useState5, 2),
@@ -12399,90 +12463,104 @@
12399
12463
 
12400
12464
  return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(HeaderWrapper$1, null, /*#__PURE__*/React__default.createElement(Icon, {
12401
12465
  onClick: function onClick() {
12402
- return setshowSidenav(true);
12466
+ disableBodyScroll();
12467
+ setShowSideNav(true);
12403
12468
  },
12404
- src: menu_icon_url
12469
+ src: menuIconUrl
12405
12470
  }), /*#__PURE__*/React__default.createElement(Logo, {
12406
- src: header_logo_img_url
12471
+ src: headerLogoImgUrl
12407
12472
  }), /*#__PURE__*/React__default.createElement(IconWrapper$1, null, /*#__PURE__*/React__default.createElement(Icon, {
12408
- src: search_icon_url,
12473
+ src: searchIconUrl,
12409
12474
  onClick: toggleSearch
12410
12475
  }), /*#__PURE__*/React__default.createElement(Icon, {
12411
- src: cart_icon_url
12476
+ src: cartIconUrl
12412
12477
  }))), showSearch && /*#__PURE__*/React__default.createElement(MobileSearchContainer, null, /*#__PURE__*/React__default.createElement(Search$1, {
12413
- close_icon_url: mobile_close_icon_url,
12414
- navigation_search_icon_url: navigation_search_icon_url,
12415
- wordpress_site_url: wordpress_site_url,
12478
+ closeIconUrl: mobileCloseIconUrl,
12479
+ navigationSearchIconUrl: navigationSearchIconUrl,
12480
+ wordpressSiteUrl: wordpressSiteUrl,
12416
12481
  toggleSearch: toggleSearch
12417
- })), /*#__PURE__*/React__default.createElement(Hr, null), showSidenav && /*#__PURE__*/React__default.createElement(MenuSidenav, {
12418
- close_icon_url: close_icon_url,
12419
- setshowSidenav: setshowSidenav
12420
- }, /*#__PURE__*/React__default.createElement(SidenavLinks, {
12421
- right_arrow_icon_url: right_arrow_icon_url,
12422
- links: mobile_header_links,
12423
- setshowSidenavSubmenu: setshowSidenavSubmenu
12424
- })), showSidenavSubmenu && /*#__PURE__*/React__default.createElement(MenuSidenav, {
12425
- close_icon_url: close_icon_url,
12426
- setshowSidenav: setshowSidenavSubmenu
12427
- }, /*#__PURE__*/React__default.createElement(SidenavSubmenuLinks, {
12428
- links: mobile_header_links
12429
- })));
12482
+ })), /*#__PURE__*/React__default.createElement(Hr, null), /*#__PURE__*/React__default.createElement(MenuSideNavWrapper, null, /*#__PURE__*/React__default.createElement(MenuSideNav, {
12483
+ sideNavClassName: "side-nav side-nav--".concat(showSideNav ? 'open' : 'close'),
12484
+ overlayClassName: "overlay overlay--".concat(showSideNav ? 'open' : 'close'),
12485
+ closeIconUrl: closeIconUrl,
12486
+ backIconUrl: backIconUrl,
12487
+ isSubMenu: false,
12488
+ setShowSideNav: setShowSideNav
12489
+ }, /*#__PURE__*/React__default.createElement(SideNavLinks, {
12490
+ rightArrowIconUrl: rightArrowIconUrl,
12491
+ links: mobileHeaderLinks,
12492
+ setShowSideNavSubMenu: setShowSideNavSubMenu,
12493
+ currencyFlagIconUrl: currencyFlagIconUrl
12494
+ }))), /*#__PURE__*/React__default.createElement(MenuSideNavWrapper, null, /*#__PURE__*/React__default.createElement(MenuSideNav, {
12495
+ sideNavClassName: "side-nav side-nav--".concat(showSideNavSubMenu ? 'open' : 'close'),
12496
+ overlayClassName: "overlay overlay--".concat(showSideNavSubMenu ? 'open' : 'close'),
12497
+ closeIconUrl: closeIconUrl,
12498
+ backIconUrl: backIconUrl,
12499
+ isSubMenu: true,
12500
+ setShowSideNav: setShowSideNavSubMenu
12501
+ }, /*#__PURE__*/React__default.createElement(SideNavSubMenuLinks, {
12502
+ links: mobileHeaderLinks
12503
+ }))));
12430
12504
  }
12431
12505
 
12432
12506
  var RareStepHeader = function RareStepHeader(_ref) {
12433
- var header_logo_img_url = _ref.header_logo_img_url,
12434
- search_icon_url = _ref.search_icon_url,
12435
- cart_icon_url = _ref.cart_icon_url,
12436
- user_icon_url = _ref.user_icon_url,
12437
- interest_icon_url = _ref.interest_icon_url,
12438
- dropdown_closed_icon_url = _ref.dropdown_closed_icon_url,
12439
- dropdown_open_icon_url = _ref.dropdown_open_icon_url,
12440
- currency_flag_icon_url = _ref.currency_flag_icon_url,
12441
- close_icon_url = _ref.close_icon_url,
12442
- navigation_search_icon_url = _ref.navigation_search_icon_url,
12443
- wordpress_site_url = _ref.wordpress_site_url,
12444
- desktop_header_wrapper_class = _ref.desktop_header_wrapper_class,
12445
- menu_icon_url = _ref.menu_icon_url,
12446
- mobile_header_wrapper_class = _ref.mobile_header_wrapper_class,
12447
- right_arrow_icon_url = _ref.right_arrow_icon_url,
12448
- desktop_header_links = _ref.desktop_header_links,
12449
- mobile_header_links = _ref.mobile_header_links,
12450
- mobile_close_icon_url = _ref.mobile_close_icon_url,
12451
- handleOnAccountClick = _ref.handleOnAccountClick;
12507
+ var headerLogoImgUrl = _ref.headerLogoImgUrl,
12508
+ searchIconUrl = _ref.searchIconUrl,
12509
+ cartIconUrl = _ref.cartIconUrl,
12510
+ userIconUrl = _ref.userIconUrl,
12511
+ interestIconUrl = _ref.interestIconUrl,
12512
+ dropdownClosedIconUrl = _ref.dropdownClosedIconUrl,
12513
+ dropdownOpenIconUrl = _ref.dropdownOpenIconUrl,
12514
+ currencyFlagIconUrl = _ref.currencyFlagIconUrl,
12515
+ closeIconUrl = _ref.closeIconUrl,
12516
+ navigationSearchIconUrl = _ref.navigationSearchIconUrl,
12517
+ wordpressSiteUrl = _ref.wordpressSiteUrl,
12518
+ desktopHeaderWrapperClass = _ref.desktopHeaderWrapperClass,
12519
+ menuIconUrl = _ref.menuIconUrl,
12520
+ mobileHeaderWrapperClass = _ref.mobileHeaderWrapperClass,
12521
+ rightArrowIconUrl = _ref.rightArrowIconUrl,
12522
+ desktopHeaderLinks = _ref.desktopHeaderLinks,
12523
+ mobileHeaderLinks = _ref.mobileHeaderLinks,
12524
+ mobileCloseIconUrl = _ref.mobileCloseIconUrl,
12525
+ handleOnAccountClick = _ref.handleOnAccountClick,
12526
+ backIconUrl = _ref.backIconUrl;
12452
12527
  return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
12453
- className: desktop_header_wrapper_class
12528
+ className: desktopHeaderWrapperClass
12454
12529
  }, /*#__PURE__*/React__default.createElement(RareStepDesktopHeader$1, {
12455
- header_logo_img_url: header_logo_img_url,
12456
- search_icon_url: search_icon_url,
12457
- cart_icon_url: cart_icon_url,
12458
- user_icon_url: user_icon_url,
12459
- interest_icon_url: interest_icon_url,
12460
- dropdown_closed_icon_url: dropdown_closed_icon_url,
12461
- dropdown_open_icon_url: dropdown_open_icon_url,
12462
- currency_flag_icon_url: currency_flag_icon_url,
12463
- close_icon_url: close_icon_url,
12464
- navigation_search_icon_url: navigation_search_icon_url,
12465
- wordpress_site_url: wordpress_site_url,
12466
- desktop_header_links: desktop_header_links,
12530
+ headerLogoImgUrl: headerLogoImgUrl,
12531
+ searchIconUrl: searchIconUrl,
12532
+ cartIconUrl: cartIconUrl,
12533
+ userIconUrl: userIconUrl,
12534
+ interestIconUrl: interestIconUrl,
12535
+ dropdownClosedIconUrl: dropdownClosedIconUrl,
12536
+ dropdownOpenIconUrl: dropdownOpenIconUrl,
12537
+ currencyFlagIconUrl: currencyFlagIconUrl,
12538
+ closeIconUrl: closeIconUrl,
12539
+ navigationSearchIconUrl: navigationSearchIconUrl,
12540
+ wordpressSiteUrl: wordpressSiteUrl,
12541
+ desktopHeaderLinks: desktopHeaderLinks,
12467
12542
  handleOnAccountClick: handleOnAccountClick
12468
12543
  })), /*#__PURE__*/React__default.createElement("div", {
12469
- className: mobile_header_wrapper_class
12544
+ className: mobileHeaderWrapperClass
12470
12545
  }, /*#__PURE__*/React__default.createElement(RareStepMobileHeader, {
12471
- menu_icon_url: menu_icon_url,
12472
- header_logo_img_url: header_logo_img_url,
12473
- search_icon_url: search_icon_url,
12474
- cart_icon_url: cart_icon_url,
12475
- close_icon_url: close_icon_url,
12476
- right_arrow_icon_url: right_arrow_icon_url,
12477
- mobile_header_links: mobile_header_links,
12478
- navigation_search_icon_url: search_icon_url,
12479
- mobile_close_icon_url: mobile_close_icon_url
12546
+ menuIconUrl: menuIconUrl,
12547
+ headerLogoImgUrl: headerLogoImgUrl,
12548
+ searchIconUrl: searchIconUrl,
12549
+ cartIconUrl: cartIconUrl,
12550
+ closeIconUrl: closeIconUrl,
12551
+ rightArrowIconUrl: rightArrowIconUrl,
12552
+ mobileHeaderLinks: mobileHeaderLinks,
12553
+ navigationSearchIconUrl: searchIconUrl,
12554
+ mobileCloseIconUrl: mobileCloseIconUrl,
12555
+ wordpressSiteUrl: wordpressSiteUrl,
12556
+ backIconUrl: backIconUrl,
12557
+ currencyFlagIconUrl: currencyFlagIconUrl
12480
12558
  })));
12481
12559
  };
12482
12560
 
12483
12561
  var index$3 = themed(RareStepHeader);
12484
12562
 
12485
- var _templateObject$Q, _templateObject2$c, _templateObject3$7, _templateObject4$6, _templateObject5$4, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$2, _templateObject12$2, _templateObject13$2, _templateObject14$2, _templateObject15$2, _templateObject16$1;
12563
+ var _templateObject$Q, _templateObject2$c, _templateObject3$7, _templateObject4$6, _templateObject5$4, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$2, _templateObject12$2, _templateObject13$2, _templateObject14$2, _templateObject15$2, _templateObject16$2;
12486
12564
  var FooterWrapper = styled__default.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n font-weight: ", ";\n padding-top: ", ";\n font-size: ", ";\n }\n"])), function (props) {
12487
12565
  return props.theme.rareStepColors.ntrlMax;
12488
12566
  }, function (props) {
@@ -12544,10 +12622,10 @@
12544
12622
  });
12545
12623
  var FooterPayments = styled__default.div(_templateObject14$2 || (_templateObject14$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n }\n"])));
12546
12624
  var FooterPaymentImage = styled__default.img(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
12547
- var FooterConnectContainer = styled__default.div(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
12625
+ var FooterConnectContainer = styled__default.div(_templateObject16$2 || (_templateObject16$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
12548
12626
 
12549
12627
  var FooterCopyright = function FooterCopyright(_ref) {
12550
- var payment_image = _ref.payment_image;
12628
+ var paymentImage = _ref.paymentImage;
12551
12629
  return /*#__PURE__*/React__default.createElement(FooterCopyrightContainer, null, /*#__PURE__*/React__default.createElement(PageContainer$1, {
12552
12630
  className: "footer__copyright-container"
12553
12631
  }, /*#__PURE__*/React__default.createElement(FooterCopyrightText, {
@@ -12562,82 +12640,82 @@
12562
12640
  className: "footer__payment-options"
12563
12641
  }, /*#__PURE__*/React__default.createElement(FooterPaymentImage, {
12564
12642
  className: "footer__payment-image",
12565
- src: payment_image
12643
+ src: paymentImage
12566
12644
  }))));
12567
12645
  };
12568
12646
 
12569
12647
  function FooterConnect(_ref) {
12570
- var footer_logo_image_url = _ref.footer_logo_image_url,
12571
- facebook_url = _ref.facebook_url,
12572
- facebook_icon_url = _ref.facebook_icon_url,
12573
- instagram_url = _ref.instagram_url,
12574
- instagram_image_url = _ref.instagram_image_url,
12575
- class_name = _ref.class_name;
12648
+ var footerLogoImageUrl = _ref.footerLogoImageUrl,
12649
+ facebookUrl = _ref.facebookUrl,
12650
+ facebookIconUrl = _ref.facebookIconUrl,
12651
+ instagramUrl = _ref.instagramUrl,
12652
+ instagramImageUrl = _ref.instagramImageUrl,
12653
+ className = _ref.className;
12576
12654
  return /*#__PURE__*/React__default.createElement(FooterConnectContainer, {
12577
- className: class_name
12655
+ className: className
12578
12656
  }, /*#__PURE__*/React__default.createElement(FooterLogo, {
12579
12657
  className: "footer__logo",
12580
- src: footer_logo_image_url
12658
+ src: footerLogoImageUrl
12581
12659
  }), /*#__PURE__*/React__default.createElement(FooterTitleLink, {
12582
12660
  className: "footer__link"
12583
12661
  }, "Connect"), /*#__PURE__*/React__default.createElement(SocialIconWrapper, null, /*#__PURE__*/React__default.createElement(FooterLink, {
12584
- href: facebook_url
12662
+ href: facebookUrl
12585
12663
  }, /*#__PURE__*/React__default.createElement(SocialIcon, {
12586
- src: facebook_icon_url
12664
+ src: facebookIconUrl
12587
12665
  })), /*#__PURE__*/React__default.createElement(FooterLink, {
12588
- href: instagram_url
12666
+ href: instagramUrl
12589
12667
  }, /*#__PURE__*/React__default.createElement(SocialIcon, {
12590
- src: instagram_image_url
12668
+ src: instagramImageUrl
12591
12669
  }))));
12592
12670
  }
12593
12671
 
12594
12672
  var RareStepFooter = function RareStepFooter(_ref) {
12595
- var footer_image_url = _ref.footer_image_url,
12596
- footer_logo_image_url = _ref.footer_logo_image_url,
12597
- facebook_url = _ref.facebook_url,
12598
- facebook_icon_url = _ref.facebook_icon_url,
12599
- instagram_url = _ref.instagram_url,
12600
- instagram_image_url = _ref.instagram_image_url,
12601
- payment_image = _ref.payment_image,
12602
- footer_links = _ref.footer_links;
12673
+ var footerImageUrl = _ref.footerImageUrl,
12674
+ footerLogoImageUrl = _ref.footerLogoImageUrl,
12675
+ facebookUrl = _ref.facebookUrl,
12676
+ facebookIconUrl = _ref.facebookIconUrl,
12677
+ instagramUrl = _ref.instagramUrl,
12678
+ instagramImageUrl = _ref.instagramImageUrl,
12679
+ paymentImage = _ref.paymentImage,
12680
+ footerLinks = _ref.footerLinks;
12603
12681
  return /*#__PURE__*/React__default.createElement(FooterWrapper, null, /*#__PURE__*/React__default.createElement(PageContainer$1, {
12604
12682
  className: "footer__page-container"
12605
12683
  }, /*#__PURE__*/React__default.createElement(FooterLinksWrapper, {
12606
12684
  className: "footer__links-wrapper"
12607
- }, footer_links.map(function (footer_link, index) {
12685
+ }, footerLinks.map(function (footerLink, index) {
12608
12686
  return /*#__PURE__*/React__default.createElement(FooterLinksContainer, {
12609
12687
  className: "footer__links",
12610
12688
  key: index
12611
12689
  }, /*#__PURE__*/React__default.createElement(FooterTitleLink, {
12612
12690
  className: "footer__link",
12613
- href: footer_link.url
12614
- }, footer_link.title), footer_link.links.map(function (link, link_index) {
12691
+ href: footerLink.url
12692
+ }, footerLink.title), footerLink.links.map(function (link, linkIndex) {
12615
12693
  return /*#__PURE__*/React__default.createElement(FooterLink, {
12616
12694
  className: "footer__link",
12617
12695
  href: link.url,
12618
- key: link_index
12696
+ key: linkIndex
12619
12697
  }, link.name);
12620
12698
  }), index === 0 && /*#__PURE__*/React__default.createElement(FooterConnect, {
12621
- class_name: "footer__connect-desktop",
12622
- footer_logo_image_url: footer_logo_image_url,
12623
- facebook_url: facebook_url,
12624
- facebook_icon_url: facebook_icon_url,
12625
- instagram_url: instagram_url,
12626
- instagram_image_url: instagram_image_url
12699
+ className: "footer__connect-desktop",
12700
+ footerLogoImageUrl: footerLogoImageUrl,
12701
+ facebookUrl: facebookUrl,
12702
+ facebookIconUrl: facebookIconUrl,
12703
+ instagramUrl: instagramUrl,
12704
+ instagramImageUrl: instagramImageUrl
12627
12705
  }));
12628
12706
  })), /*#__PURE__*/React__default.createElement(FooterConnect, {
12629
- class_name: "footer__connect-mobile",
12630
- footer_logo_image_url: footer_logo_image_url,
12631
- facebook_url: facebook_url,
12632
- facebook_icon_url: facebook_icon_url,
12633
- instagram_url: instagram_url,
12634
- instagram_image_url: instagram_image_url
12707
+ className: "footer__connect-mobile",
12708
+ footerLogoImageUrl: footerLogoImageUrl,
12709
+ facebookUrl: facebookUrl,
12710
+ facebookIconUrl: facebookIconUrl,
12711
+ instagramUrl: instagramUrl,
12712
+ instagramImageUrl: instagramImageUrl
12635
12713
  }), /*#__PURE__*/React__default.createElement(FooterImageWrapper, {
12636
12714
  className: "footer__figure"
12637
12715
  }, /*#__PURE__*/React__default.createElement(FooterImage, {
12638
- src: footer_image_url
12716
+ src: footerImageUrl
12639
12717
  }))), /*#__PURE__*/React__default.createElement(FooterCopyright, {
12640
- payment_image: payment_image
12718
+ paymentImage: paymentImage
12641
12719
  }));
12642
12720
  };
12643
12721