@bonlineza/luxity-lib 2.32.4 → 2.32.5
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/LuxityAppSideNav.js +186 -0
- package/LuxityDesktopHeader.js +9 -6
- package/LuxityMobileHeader.js +268 -4
- package/build/bundle.css +1 -1
- package/build/bundle.js +278 -11
- package/package.json +1 -1
- package/postcss.config.js +6 -0
|
@@ -0,0 +1,186 @@
|
|
|
1
|
+
(function (global, factory) {
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define(['react'], factory) :
|
|
4
|
+
(global = global || self, global.LuxityAppSideNav = factory(global.React));
|
|
5
|
+
}(this, (function (React) { 'use strict';
|
|
6
|
+
|
|
7
|
+
React = React && Object.prototype.hasOwnProperty.call(React, 'default') ? React['default'] : React;
|
|
8
|
+
|
|
9
|
+
var LuxityAppSideNav = function LuxityAppSideNav(_ref) {
|
|
10
|
+
var closeIcon = _ref.closeIcon,
|
|
11
|
+
accountIcon = _ref.accountIcon,
|
|
12
|
+
orderIcon = _ref.orderIcon,
|
|
13
|
+
saleIcon = _ref.saleIcon,
|
|
14
|
+
onDashboardClick = _ref.onDashboardClick,
|
|
15
|
+
onLogoutClick = _ref.onLogoutClick,
|
|
16
|
+
bugReportLink = _ref.bugReportLink,
|
|
17
|
+
onLuxityShopClick = _ref.onLuxityShopClick,
|
|
18
|
+
onInterestClick = _ref.onInterestClick,
|
|
19
|
+
onAddressClick = _ref.onAddressClick,
|
|
20
|
+
onCouponsClick = _ref.onCouponsClick,
|
|
21
|
+
onEditProfileClick = _ref.onEditProfileClick,
|
|
22
|
+
onCurrentOrdersClick = _ref.onCurrentOrdersClick,
|
|
23
|
+
onPastOrdersClick = _ref.onPastOrdersClick,
|
|
24
|
+
onPastSalesClick = _ref.onPastSalesClick,
|
|
25
|
+
onPaidOutClick = _ref.onPaidOutClick,
|
|
26
|
+
showSideNav = _ref.showSideNav,
|
|
27
|
+
onMenuClick = _ref.onMenuClick;
|
|
28
|
+
|
|
29
|
+
var onCloseSideNav = function onCloseSideNav(e) {
|
|
30
|
+
onMenuClick();
|
|
31
|
+
|
|
32
|
+
if (e.key === 'Enter') {
|
|
33
|
+
e.preventDefault();
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
38
|
+
className: "side-nav"
|
|
39
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
40
|
+
role: "button",
|
|
41
|
+
tabIndex: 0,
|
|
42
|
+
className: "side-nav__overlay ".concat(showSideNav ? 'side-nav__overlay--visible' : 'side-nav__overlay--hidden', " "),
|
|
43
|
+
onClick: onCloseSideNav,
|
|
44
|
+
onKeyDown: onCloseSideNav
|
|
45
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
46
|
+
className: "side-nav__content ".concat(showSideNav ? 'side-nav__content--open' : 'side-nav__content--closed')
|
|
47
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
48
|
+
type: "button",
|
|
49
|
+
onClick: onMenuClick,
|
|
50
|
+
className: "side-nav__icon-container"
|
|
51
|
+
}, /*#__PURE__*/React.createElement("img", {
|
|
52
|
+
src: closeIcon,
|
|
53
|
+
alt: "close-icon",
|
|
54
|
+
className: "side-nav__close-icon"
|
|
55
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
56
|
+
className: "side-nav__menu-items-wrapper"
|
|
57
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
58
|
+
className: "side-nav__menu-item"
|
|
59
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
60
|
+
type: "button",
|
|
61
|
+
className: "side-nav__menu-title-wrapper"
|
|
62
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
63
|
+
className: "side-nav__menu-title"
|
|
64
|
+
}, /*#__PURE__*/React.createElement("img", {
|
|
65
|
+
src: accountIcon,
|
|
66
|
+
alt: "close-icon",
|
|
67
|
+
className: "side-nav__menu-icon"
|
|
68
|
+
}), "My Account"))), /*#__PURE__*/React.createElement("div", {
|
|
69
|
+
className: "side-nav__menu-item"
|
|
70
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
71
|
+
type: "button",
|
|
72
|
+
className: "side-nav__menu-title-wrapper",
|
|
73
|
+
onClick: onInterestClick
|
|
74
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
75
|
+
className: "side-nav__menu-title"
|
|
76
|
+
}, "Interests"))), /*#__PURE__*/React.createElement("div", {
|
|
77
|
+
className: "side-nav__menu-item"
|
|
78
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
79
|
+
type: "button",
|
|
80
|
+
className: "side-nav__menu-title-wrapper",
|
|
81
|
+
onClick: onAddressClick
|
|
82
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
83
|
+
className: "side-nav__menu-title"
|
|
84
|
+
}, "Addresses"))), /*#__PURE__*/React.createElement("div", {
|
|
85
|
+
className: "side-nav__menu-item"
|
|
86
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
87
|
+
type: "button",
|
|
88
|
+
className: "side-nav__menu-title-wrapper",
|
|
89
|
+
onClick: onCouponsClick
|
|
90
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
91
|
+
className: "side-nav__menu-title"
|
|
92
|
+
}, "Coupons"))), /*#__PURE__*/React.createElement("div", {
|
|
93
|
+
className: "side-nav__menu-item"
|
|
94
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
95
|
+
type: "button",
|
|
96
|
+
className: "side-nav__menu-title-wrapper",
|
|
97
|
+
onClick: onEditProfileClick
|
|
98
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
99
|
+
className: "side-nav__menu-title"
|
|
100
|
+
}, "Edit Profile"))), /*#__PURE__*/React.createElement("div", {
|
|
101
|
+
className: "side-nav__menu-divider"
|
|
102
|
+
}, " "), /*#__PURE__*/React.createElement("div", {
|
|
103
|
+
className: "side-nav__menu-item"
|
|
104
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
105
|
+
type: "button",
|
|
106
|
+
className: "side-nav__menu-title-wrapper"
|
|
107
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
108
|
+
className: "side-nav__menu-title"
|
|
109
|
+
}, /*#__PURE__*/React.createElement("img", {
|
|
110
|
+
src: orderIcon,
|
|
111
|
+
alt: "close-icon",
|
|
112
|
+
className: "side-nav__menu-icon"
|
|
113
|
+
}), "My Orders"))), /*#__PURE__*/React.createElement("div", {
|
|
114
|
+
className: "side-nav__menu-item"
|
|
115
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
116
|
+
type: "button",
|
|
117
|
+
className: "side-nav__menu-title-wrapper",
|
|
118
|
+
onClick: onCurrentOrdersClick
|
|
119
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
120
|
+
className: "side-nav__menu-title"
|
|
121
|
+
}, "Current Orders"))), /*#__PURE__*/React.createElement("div", {
|
|
122
|
+
className: "side-nav__menu-item"
|
|
123
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
124
|
+
type: "button",
|
|
125
|
+
className: "side-nav__menu-title-wrapper",
|
|
126
|
+
onClick: onPastOrdersClick
|
|
127
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
128
|
+
className: "side-nav__menu-title"
|
|
129
|
+
}, "Past Orders"))), /*#__PURE__*/React.createElement("div", {
|
|
130
|
+
className: "side-nav__menu-divider"
|
|
131
|
+
}, " "), /*#__PURE__*/React.createElement("div", {
|
|
132
|
+
className: "side-nav__menu-item"
|
|
133
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
134
|
+
type: "button",
|
|
135
|
+
className: "side-nav__menu-title-wrapper"
|
|
136
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
137
|
+
className: "side-nav__menu-title"
|
|
138
|
+
}, /*#__PURE__*/React.createElement("img", {
|
|
139
|
+
src: saleIcon,
|
|
140
|
+
alt: "close-icon",
|
|
141
|
+
className: "side-nav__menu-icon"
|
|
142
|
+
}), "My Sales"))), /*#__PURE__*/React.createElement("div", {
|
|
143
|
+
className: "side-nav__menu-item"
|
|
144
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
145
|
+
type: "button",
|
|
146
|
+
className: "side-nav__menu-title-wrapper",
|
|
147
|
+
onClick: onPastSalesClick
|
|
148
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
149
|
+
className: "side-nav__menu-title"
|
|
150
|
+
}, "Sales & Consignments"))), /*#__PURE__*/React.createElement("div", {
|
|
151
|
+
className: "side-nav__menu-item"
|
|
152
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
153
|
+
type: "button",
|
|
154
|
+
className: "side-nav__menu-title-wrapper",
|
|
155
|
+
onClick: onPaidOutClick
|
|
156
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
157
|
+
className: "side-nav__menu-title"
|
|
158
|
+
}, "Paid Out"))), /*#__PURE__*/React.createElement("div", {
|
|
159
|
+
className: "side-nav__menu-item"
|
|
160
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
161
|
+
type: "button",
|
|
162
|
+
className: "side-nav__block-button",
|
|
163
|
+
onClick: onLuxityShopClick
|
|
164
|
+
}, "LUXITY SHOP")), /*#__PURE__*/React.createElement("div", {
|
|
165
|
+
className: "side-nav__menu-item"
|
|
166
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
167
|
+
type: "button",
|
|
168
|
+
className: "side-nav__sub-link",
|
|
169
|
+
onClick: onDashboardClick
|
|
170
|
+
}, "Dashboard")), /*#__PURE__*/React.createElement("div", {
|
|
171
|
+
className: "side-nav__menu-item"
|
|
172
|
+
}, /*#__PURE__*/React.createElement("a", {
|
|
173
|
+
href: bugReportLink,
|
|
174
|
+
className: "side-nav__sub-link"
|
|
175
|
+
}, "Help")), /*#__PURE__*/React.createElement("div", {
|
|
176
|
+
className: "side-nav__menu-item"
|
|
177
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
178
|
+
type: "button",
|
|
179
|
+
className: "side-nav__sub-link",
|
|
180
|
+
onClick: onLogoutClick
|
|
181
|
+
}, "Logout")))));
|
|
182
|
+
};
|
|
183
|
+
|
|
184
|
+
return LuxityAppSideNav;
|
|
185
|
+
|
|
186
|
+
})));
|
package/LuxityDesktopHeader.js
CHANGED
|
@@ -335,7 +335,9 @@
|
|
|
335
335
|
onLogoClick = _ref.onLogoClick,
|
|
336
336
|
endpoint = _ref.endpoint,
|
|
337
337
|
onSearchSubmit = _ref.onSearchSubmit,
|
|
338
|
-
onProductIdsReceived = _ref.onProductIdsReceived
|
|
338
|
+
onProductIdsReceived = _ref.onProductIdsReceived,
|
|
339
|
+
shop = _ref.shop,
|
|
340
|
+
app = _ref.app;
|
|
339
341
|
|
|
340
342
|
var _useState = React.useState(''),
|
|
341
343
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -484,7 +486,8 @@
|
|
|
484
486
|
placeholder: "Search for items and designs",
|
|
485
487
|
value: searchValue,
|
|
486
488
|
onChange: handleChange,
|
|
487
|
-
onKeyDown: handleKeyDown
|
|
489
|
+
onKeyDown: handleKeyDown,
|
|
490
|
+
onClick: onSearch
|
|
488
491
|
})), /*#__PURE__*/React__default.createElement(SearchResults, {
|
|
489
492
|
searchValue: searchValue,
|
|
490
493
|
searchLoading: searchLoading,
|
|
@@ -616,12 +619,12 @@
|
|
|
616
619
|
className: "navbar__icons"
|
|
617
620
|
}, /*#__PURE__*/React__default.createElement("button", {
|
|
618
621
|
type: "button",
|
|
619
|
-
className: "navbar__icon
|
|
622
|
+
className: "".concat(app ? 'navbar__icon--app' : 'navbar__icon'),
|
|
620
623
|
onClick: onInterestClick
|
|
621
624
|
}, /*#__PURE__*/React__default.createElement("img", {
|
|
622
625
|
src: interestIcon,
|
|
623
626
|
alt: "interest-icon"
|
|
624
|
-
})), /*#__PURE__*/React__default.createElement("button", {
|
|
627
|
+
})), shop && /*#__PURE__*/React__default.createElement("button", {
|
|
625
628
|
type: "button",
|
|
626
629
|
className: "navbar__icon",
|
|
627
630
|
onClick: onAccountClick
|
|
@@ -630,12 +633,12 @@
|
|
|
630
633
|
alt: "account-icon"
|
|
631
634
|
})), /*#__PURE__*/React__default.createElement("button", {
|
|
632
635
|
type: "button",
|
|
633
|
-
className: "navbar__cart-icon navbar__icon
|
|
636
|
+
className: "navbar__cart-icon ".concat(app ? 'navbar__icon--app' : 'navbar__icon'),
|
|
634
637
|
onClick: onCartClick
|
|
635
638
|
}, /*#__PURE__*/React__default.createElement("img", {
|
|
636
639
|
src: cartIcon,
|
|
637
640
|
alt: "cart-icon"
|
|
638
|
-
}), /*#__PURE__*/React__default.createElement("div", {
|
|
641
|
+
}), shop && /*#__PURE__*/React__default.createElement("div", {
|
|
639
642
|
className: "navbar__cart-count"
|
|
640
643
|
}, cartCount))), /*#__PURE__*/React__default.createElement("nav", {
|
|
641
644
|
className: "navbar__nav-links"
|
package/LuxityMobileHeader.js
CHANGED
|
@@ -107,6 +107,181 @@
|
|
|
107
107
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
108
108
|
}
|
|
109
109
|
|
|
110
|
+
var LuxityAppSideNav = function LuxityAppSideNav(_ref) {
|
|
111
|
+
var closeIcon = _ref.closeIcon,
|
|
112
|
+
accountIcon = _ref.accountIcon,
|
|
113
|
+
orderIcon = _ref.orderIcon,
|
|
114
|
+
saleIcon = _ref.saleIcon,
|
|
115
|
+
onDashboardClick = _ref.onDashboardClick,
|
|
116
|
+
onLogoutClick = _ref.onLogoutClick,
|
|
117
|
+
bugReportLink = _ref.bugReportLink,
|
|
118
|
+
onLuxityShopClick = _ref.onLuxityShopClick,
|
|
119
|
+
onInterestClick = _ref.onInterestClick,
|
|
120
|
+
onAddressClick = _ref.onAddressClick,
|
|
121
|
+
onCouponsClick = _ref.onCouponsClick,
|
|
122
|
+
onEditProfileClick = _ref.onEditProfileClick,
|
|
123
|
+
onCurrentOrdersClick = _ref.onCurrentOrdersClick,
|
|
124
|
+
onPastOrdersClick = _ref.onPastOrdersClick,
|
|
125
|
+
onPastSalesClick = _ref.onPastSalesClick,
|
|
126
|
+
onPaidOutClick = _ref.onPaidOutClick,
|
|
127
|
+
showSideNav = _ref.showSideNav,
|
|
128
|
+
onMenuClick = _ref.onMenuClick;
|
|
129
|
+
|
|
130
|
+
var onCloseSideNav = function onCloseSideNav(e) {
|
|
131
|
+
onMenuClick();
|
|
132
|
+
|
|
133
|
+
if (e.key === 'Enter') {
|
|
134
|
+
e.preventDefault();
|
|
135
|
+
}
|
|
136
|
+
};
|
|
137
|
+
|
|
138
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
139
|
+
className: "side-nav"
|
|
140
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
141
|
+
role: "button",
|
|
142
|
+
tabIndex: 0,
|
|
143
|
+
className: "side-nav__overlay ".concat(showSideNav ? 'side-nav__overlay--visible' : 'side-nav__overlay--hidden', " "),
|
|
144
|
+
onClick: onCloseSideNav,
|
|
145
|
+
onKeyDown: onCloseSideNav
|
|
146
|
+
}), /*#__PURE__*/React__default.createElement("div", {
|
|
147
|
+
className: "side-nav__content ".concat(showSideNav ? 'side-nav__content--open' : 'side-nav__content--closed')
|
|
148
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
149
|
+
type: "button",
|
|
150
|
+
onClick: onMenuClick,
|
|
151
|
+
className: "side-nav__icon-container"
|
|
152
|
+
}, /*#__PURE__*/React__default.createElement("img", {
|
|
153
|
+
src: closeIcon,
|
|
154
|
+
alt: "close-icon",
|
|
155
|
+
className: "side-nav__close-icon"
|
|
156
|
+
})), /*#__PURE__*/React__default.createElement("div", {
|
|
157
|
+
className: "side-nav__menu-items-wrapper"
|
|
158
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
159
|
+
className: "side-nav__menu-item"
|
|
160
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
161
|
+
type: "button",
|
|
162
|
+
className: "side-nav__menu-title-wrapper"
|
|
163
|
+
}, /*#__PURE__*/React__default.createElement("span", {
|
|
164
|
+
className: "side-nav__menu-title"
|
|
165
|
+
}, /*#__PURE__*/React__default.createElement("img", {
|
|
166
|
+
src: accountIcon,
|
|
167
|
+
alt: "close-icon",
|
|
168
|
+
className: "side-nav__menu-icon"
|
|
169
|
+
}), "My Account"))), /*#__PURE__*/React__default.createElement("div", {
|
|
170
|
+
className: "side-nav__menu-item"
|
|
171
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
172
|
+
type: "button",
|
|
173
|
+
className: "side-nav__menu-title-wrapper",
|
|
174
|
+
onClick: onInterestClick
|
|
175
|
+
}, /*#__PURE__*/React__default.createElement("span", {
|
|
176
|
+
className: "side-nav__menu-title"
|
|
177
|
+
}, "Interests"))), /*#__PURE__*/React__default.createElement("div", {
|
|
178
|
+
className: "side-nav__menu-item"
|
|
179
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
180
|
+
type: "button",
|
|
181
|
+
className: "side-nav__menu-title-wrapper",
|
|
182
|
+
onClick: onAddressClick
|
|
183
|
+
}, /*#__PURE__*/React__default.createElement("span", {
|
|
184
|
+
className: "side-nav__menu-title"
|
|
185
|
+
}, "Addresses"))), /*#__PURE__*/React__default.createElement("div", {
|
|
186
|
+
className: "side-nav__menu-item"
|
|
187
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
188
|
+
type: "button",
|
|
189
|
+
className: "side-nav__menu-title-wrapper",
|
|
190
|
+
onClick: onCouponsClick
|
|
191
|
+
}, /*#__PURE__*/React__default.createElement("span", {
|
|
192
|
+
className: "side-nav__menu-title"
|
|
193
|
+
}, "Coupons"))), /*#__PURE__*/React__default.createElement("div", {
|
|
194
|
+
className: "side-nav__menu-item"
|
|
195
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
196
|
+
type: "button",
|
|
197
|
+
className: "side-nav__menu-title-wrapper",
|
|
198
|
+
onClick: onEditProfileClick
|
|
199
|
+
}, /*#__PURE__*/React__default.createElement("span", {
|
|
200
|
+
className: "side-nav__menu-title"
|
|
201
|
+
}, "Edit Profile"))), /*#__PURE__*/React__default.createElement("div", {
|
|
202
|
+
className: "side-nav__menu-divider"
|
|
203
|
+
}, " "), /*#__PURE__*/React__default.createElement("div", {
|
|
204
|
+
className: "side-nav__menu-item"
|
|
205
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
206
|
+
type: "button",
|
|
207
|
+
className: "side-nav__menu-title-wrapper"
|
|
208
|
+
}, /*#__PURE__*/React__default.createElement("span", {
|
|
209
|
+
className: "side-nav__menu-title"
|
|
210
|
+
}, /*#__PURE__*/React__default.createElement("img", {
|
|
211
|
+
src: orderIcon,
|
|
212
|
+
alt: "close-icon",
|
|
213
|
+
className: "side-nav__menu-icon"
|
|
214
|
+
}), "My Orders"))), /*#__PURE__*/React__default.createElement("div", {
|
|
215
|
+
className: "side-nav__menu-item"
|
|
216
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
217
|
+
type: "button",
|
|
218
|
+
className: "side-nav__menu-title-wrapper",
|
|
219
|
+
onClick: onCurrentOrdersClick
|
|
220
|
+
}, /*#__PURE__*/React__default.createElement("span", {
|
|
221
|
+
className: "side-nav__menu-title"
|
|
222
|
+
}, "Current Orders"))), /*#__PURE__*/React__default.createElement("div", {
|
|
223
|
+
className: "side-nav__menu-item"
|
|
224
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
225
|
+
type: "button",
|
|
226
|
+
className: "side-nav__menu-title-wrapper",
|
|
227
|
+
onClick: onPastOrdersClick
|
|
228
|
+
}, /*#__PURE__*/React__default.createElement("span", {
|
|
229
|
+
className: "side-nav__menu-title"
|
|
230
|
+
}, "Past Orders"))), /*#__PURE__*/React__default.createElement("div", {
|
|
231
|
+
className: "side-nav__menu-divider"
|
|
232
|
+
}, " "), /*#__PURE__*/React__default.createElement("div", {
|
|
233
|
+
className: "side-nav__menu-item"
|
|
234
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
235
|
+
type: "button",
|
|
236
|
+
className: "side-nav__menu-title-wrapper"
|
|
237
|
+
}, /*#__PURE__*/React__default.createElement("span", {
|
|
238
|
+
className: "side-nav__menu-title"
|
|
239
|
+
}, /*#__PURE__*/React__default.createElement("img", {
|
|
240
|
+
src: saleIcon,
|
|
241
|
+
alt: "close-icon",
|
|
242
|
+
className: "side-nav__menu-icon"
|
|
243
|
+
}), "My Sales"))), /*#__PURE__*/React__default.createElement("div", {
|
|
244
|
+
className: "side-nav__menu-item"
|
|
245
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
246
|
+
type: "button",
|
|
247
|
+
className: "side-nav__menu-title-wrapper",
|
|
248
|
+
onClick: onPastSalesClick
|
|
249
|
+
}, /*#__PURE__*/React__default.createElement("span", {
|
|
250
|
+
className: "side-nav__menu-title"
|
|
251
|
+
}, "Sales & Consignments"))), /*#__PURE__*/React__default.createElement("div", {
|
|
252
|
+
className: "side-nav__menu-item"
|
|
253
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
254
|
+
type: "button",
|
|
255
|
+
className: "side-nav__menu-title-wrapper",
|
|
256
|
+
onClick: onPaidOutClick
|
|
257
|
+
}, /*#__PURE__*/React__default.createElement("span", {
|
|
258
|
+
className: "side-nav__menu-title"
|
|
259
|
+
}, "Paid Out"))), /*#__PURE__*/React__default.createElement("div", {
|
|
260
|
+
className: "side-nav__menu-item"
|
|
261
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
262
|
+
type: "button",
|
|
263
|
+
className: "side-nav__block-button",
|
|
264
|
+
onClick: onLuxityShopClick
|
|
265
|
+
}, "LUXITY SHOP")), /*#__PURE__*/React__default.createElement("div", {
|
|
266
|
+
className: "side-nav__menu-item"
|
|
267
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
268
|
+
type: "button",
|
|
269
|
+
className: "side-nav__sub-link",
|
|
270
|
+
onClick: onDashboardClick
|
|
271
|
+
}, "Dashboard")), /*#__PURE__*/React__default.createElement("div", {
|
|
272
|
+
className: "side-nav__menu-item"
|
|
273
|
+
}, /*#__PURE__*/React__default.createElement("a", {
|
|
274
|
+
href: bugReportLink,
|
|
275
|
+
className: "side-nav__sub-link"
|
|
276
|
+
}, "Help")), /*#__PURE__*/React__default.createElement("div", {
|
|
277
|
+
className: "side-nav__menu-item"
|
|
278
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
279
|
+
type: "button",
|
|
280
|
+
className: "side-nav__sub-link",
|
|
281
|
+
onClick: onLogoutClick
|
|
282
|
+
}, "Logout")))));
|
|
283
|
+
};
|
|
284
|
+
|
|
110
285
|
var StoresDropdown = function StoresDropdown(_ref) {
|
|
111
286
|
var backIcon = _ref.backIcon,
|
|
112
287
|
onBackClick = _ref.onBackClick,
|
|
@@ -619,20 +794,37 @@
|
|
|
619
794
|
cartIcon = _ref.cartIcon,
|
|
620
795
|
cartCount = _ref.cartCount,
|
|
621
796
|
closeIcon = _ref.closeIcon,
|
|
797
|
+
accountIcon = _ref.accountIcon,
|
|
798
|
+
saleIcon = _ref.saleIcon,
|
|
799
|
+
orderIcon = _ref.orderIcon,
|
|
622
800
|
accordionIcon = _ref.accordionIcon,
|
|
623
801
|
backIcon = _ref.backIcon,
|
|
624
802
|
productsUrl = _ref.productsUrl,
|
|
625
803
|
stores = _ref.stores,
|
|
626
804
|
categoryElements = _ref.categoryElements,
|
|
627
805
|
onAccountClick = _ref.onAccountClick,
|
|
806
|
+
onDashboardClick = _ref.onDashboardClick,
|
|
628
807
|
contactUsLink = _ref.contactUsLink,
|
|
629
808
|
ourStoryLink = _ref.ourStoryLink,
|
|
630
809
|
blogLink = _ref.blogLink,
|
|
810
|
+
bugReportLink = _ref.bugReportLink,
|
|
631
811
|
onSellToUsClick = _ref.onSellToUsClick,
|
|
632
812
|
onLogoClick = _ref.onLogoClick,
|
|
813
|
+
onLuxityShopClick = _ref.onLuxityShopClick,
|
|
633
814
|
endpoint = _ref.endpoint,
|
|
634
815
|
onSearchSubmit = _ref.onSearchSubmit,
|
|
635
|
-
onProductIdsReceived = _ref.onProductIdsReceived
|
|
816
|
+
onProductIdsReceived = _ref.onProductIdsReceived,
|
|
817
|
+
onLogoutClick = _ref.onLogoutClick,
|
|
818
|
+
onInterestClick = _ref.onInterestClick,
|
|
819
|
+
onAddressClick = _ref.onAddressClick,
|
|
820
|
+
onCouponsClick = _ref.onCouponsClick,
|
|
821
|
+
onEditProfileClick = _ref.onEditProfileClick,
|
|
822
|
+
onCurrentOrdersClick = _ref.onCurrentOrdersClick,
|
|
823
|
+
onPastOrdersClick = _ref.onPastOrdersClick,
|
|
824
|
+
onPastSalesClick = _ref.onPastSalesClick,
|
|
825
|
+
onPaidOutClick = _ref.onPaidOutClick,
|
|
826
|
+
shop = _ref.shop,
|
|
827
|
+
app = _ref.app;
|
|
636
828
|
|
|
637
829
|
var _useState = React.useState(''),
|
|
638
830
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -717,6 +909,56 @@
|
|
|
717
909
|
setShowSideNav(false);
|
|
718
910
|
};
|
|
719
911
|
|
|
912
|
+
var handleLuxityShopClick = function handleLuxityShopClick() {
|
|
913
|
+
onLuxityShopClick();
|
|
914
|
+
setShowSideNav(false);
|
|
915
|
+
};
|
|
916
|
+
|
|
917
|
+
var handleLogoutClick = function handleLogoutClick() {
|
|
918
|
+
onLogoutClick();
|
|
919
|
+
setShowSideNav(false);
|
|
920
|
+
};
|
|
921
|
+
|
|
922
|
+
var handleInterestClick = function handleInterestClick() {
|
|
923
|
+
onInterestClick();
|
|
924
|
+
setShowSideNav(false);
|
|
925
|
+
};
|
|
926
|
+
|
|
927
|
+
var handleAddressClick = function handleAddressClick() {
|
|
928
|
+
onAddressClick();
|
|
929
|
+
setShowSideNav(false);
|
|
930
|
+
};
|
|
931
|
+
|
|
932
|
+
var handleCouponsClick = function handleCouponsClick() {
|
|
933
|
+
onCouponsClick();
|
|
934
|
+
setShowSideNav(false);
|
|
935
|
+
};
|
|
936
|
+
|
|
937
|
+
var handleEditProfileClick = function handleEditProfileClick() {
|
|
938
|
+
onEditProfileClick();
|
|
939
|
+
setShowSideNav(false);
|
|
940
|
+
};
|
|
941
|
+
|
|
942
|
+
var handleCurrentOrdersClick = function handleCurrentOrdersClick() {
|
|
943
|
+
onCurrentOrdersClick();
|
|
944
|
+
setShowSideNav(false);
|
|
945
|
+
};
|
|
946
|
+
|
|
947
|
+
var handlePastOrdersClick = function handlePastOrdersClick() {
|
|
948
|
+
onPastOrdersClick();
|
|
949
|
+
setShowSideNav(false);
|
|
950
|
+
};
|
|
951
|
+
|
|
952
|
+
var handlePastSalesClick = function handlePastSalesClick() {
|
|
953
|
+
onPastSalesClick();
|
|
954
|
+
setShowSideNav(false);
|
|
955
|
+
};
|
|
956
|
+
|
|
957
|
+
var handlePaidOutClick = function handlePaidOutClick() {
|
|
958
|
+
onPaidOutClick();
|
|
959
|
+
setShowSideNav(false);
|
|
960
|
+
};
|
|
961
|
+
|
|
720
962
|
return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
721
963
|
className: "navbar navbar__mobile-wrapper"
|
|
722
964
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -742,7 +984,7 @@
|
|
|
742
984
|
className: "navbar__icons-wrapper"
|
|
743
985
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
744
986
|
className: "navbar__icons"
|
|
745
|
-
}, /*#__PURE__*/React__default.createElement("button", {
|
|
987
|
+
}, shop && /*#__PURE__*/React__default.createElement("button", {
|
|
746
988
|
type: "button",
|
|
747
989
|
className: "navbar__icon",
|
|
748
990
|
onClick: onSearchClick
|
|
@@ -757,7 +999,7 @@
|
|
|
757
999
|
}, /*#__PURE__*/React__default.createElement("img", {
|
|
758
1000
|
src: cartIcon,
|
|
759
1001
|
alt: "cart-icon"
|
|
760
|
-
}), /*#__PURE__*/React__default.createElement("div", {
|
|
1002
|
+
}), shop && /*#__PURE__*/React__default.createElement("div", {
|
|
761
1003
|
className: "navbar__cart-count"
|
|
762
1004
|
}, cartCount))))), showSearchBar && /*#__PURE__*/React__default.createElement("div", {
|
|
763
1005
|
className: "navbar__product-search-wrapper"
|
|
@@ -787,7 +1029,7 @@
|
|
|
787
1029
|
},
|
|
788
1030
|
onSearchSubmit: onSearchSubmit,
|
|
789
1031
|
setSearchValue: setSearchValue
|
|
790
|
-
}), /*#__PURE__*/React__default.createElement(LuxitySideNav, {
|
|
1032
|
+
}), shop && /*#__PURE__*/React__default.createElement(LuxitySideNav, {
|
|
791
1033
|
accordionIcon: accordionIcon,
|
|
792
1034
|
logoSrc: logoSrc,
|
|
793
1035
|
closeIcon: closeIcon,
|
|
@@ -804,6 +1046,28 @@
|
|
|
804
1046
|
showSideNav: showSideNav,
|
|
805
1047
|
onMenuClick: onMenuClick,
|
|
806
1048
|
endpoint: endpoint
|
|
1049
|
+
}), app && /*#__PURE__*/React__default.createElement(LuxityAppSideNav, {
|
|
1050
|
+
accordionIcon: accordionIcon,
|
|
1051
|
+
closeIcon: closeIcon,
|
|
1052
|
+
accountIcon: accountIcon,
|
|
1053
|
+
orderIcon: orderIcon,
|
|
1054
|
+
saleIcon: saleIcon,
|
|
1055
|
+
onDashboardClick: onDashboardClick,
|
|
1056
|
+
onLogoutClick: handleLogoutClick,
|
|
1057
|
+
bugReportLink: bugReportLink,
|
|
1058
|
+
ourStoryLink: ourStoryLink,
|
|
1059
|
+
blogLink: blogLink,
|
|
1060
|
+
onLuxityShopClick: handleLuxityShopClick,
|
|
1061
|
+
showSideNav: showSideNav,
|
|
1062
|
+
onMenuClick: onMenuClick,
|
|
1063
|
+
onInterestClick: handleInterestClick,
|
|
1064
|
+
onAddressClick: handleAddressClick,
|
|
1065
|
+
onCouponsClick: handleCouponsClick,
|
|
1066
|
+
onEditProfileClick: handleEditProfileClick,
|
|
1067
|
+
onCurrentOrdersClick: handleCurrentOrdersClick,
|
|
1068
|
+
onPastOrdersClick: handlePastOrdersClick,
|
|
1069
|
+
onPastSalesClick: handlePastSalesClick,
|
|
1070
|
+
onPaidOutClick: handlePaidOutClick
|
|
807
1071
|
}));
|
|
808
1072
|
};
|
|
809
1073
|
|
package/build/bundle.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.footer__newsletter-section{align-items:center;background-color:#000;color:#fff;display:flex;justify-content:space-between;padding:2.265rem 0}@media only screen and (max-width:879px){.footer__newsletter-section{flex-direction:column}}.footer__newsletter-wrapper{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px;padding-left:32px;padding-right:32px;width:100%}@media only screen and (max-width:879px){.footer__newsletter-wrapper{flex-direction:column}.footer__link-container{flex-basis:50%}}.footer__newsletter-icon{height:30px;position:absolute;right:0;top:0;width:32px}.footer__newsletter-form{flex-basis:50%;max-width:250px;position:relative}@media only screen and (max-width:879px){.footer__newsletter-form{display:block;margin-top:20px;max-width:100%;width:100%}}.footer__newsletter-title{font-family:Martel Sans,sans-serif;font-size:14px;font-weight:700;letter-spacing:3px;margin-bottom:1.125rem;text-transform:uppercase}.footer__newsletter-text{font-size:14px}.footer__form-input{background-color:#000;border:none;border-bottom:1px solid #fff;color:#fff;height:30px;outline:none;width:100%}.footer__form-input::-moz-placeholder{color:#fff;font-weight:400}.footer__form-input::placeholder{color:#fff;font-weight:400}.footer__form-errors{color:#fff;margin-top:5px}.footer__main-section{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:50px;margin-top:80px}.footer__link-title{font-family:El Messiri;font-size:16px;font-weight:700;margin-bottom:20px;text-transform:uppercase}@media only screen and (max-width:879px){.footer__link-title{margin-bottom:10px}}.footer__link-child{margin-top:25px}.footer__links{display:flex;flex-direction:column}.footer__link{color:#939393;cursor:pointer;font-family:Martel Sans;font-size:14px;line-height:20px;margin-bottom:15px;text-align:left;text-decoration:none}.footer__link:hover{color:#000;text-decoration:underline}@media only screen and (max-width:879px){.footer__link{margin-bottom:10px}}.footer__link-wrapper{align-items:center;display:flex;gap:5px}.footer__link-icon{height:13px;margin-bottom:18px}.footer__text{color:#939393;font-family:Martel Sans;font-size:14px;line-height:20px;margin-bottom:15px;text-align:left;text-decoration:none}.footer__store-hours{margin-top:35px}.footer__copyrights-section{border-top:1px solid;display:flex;justify-content:space-between;padding-bottom:20px;padding-top:20px}.footer__logo{height:30px;width:135px}.footer__payment-icons{align-items:center;display:flex}.footer__wrapper{margin:0 auto;max-width:1280px;padding-left:32px;padding-right:32px;width:100%}@media only screen and (max-width:879px){.footer__wrapper{padding:32px 0 0 24px}}.footer__wrapper--desktop{display:block}@media only screen and (max-width:879px){.footer__wrapper--desktop{display:none}}.footer__wrapper--mobile{display:none}@media only screen and (max-width:879px){.footer__wrapper--mobile{display:block;padding-top:30px}}.footer__copyright{font-size:10px;line-height:22px}.footer__copyright--mobile{display:none}@media only screen and (max-width:879px){.footer__copyright--mobile{display:block;padding:30px 10px 30px 0;text-align:center}}.footer__section-row{display:flex;gap:50%}@media only screen and (max-width:879px){.footer__section-row{gap:unset}}.side-nav{font-family:Martel Sans}.side-nav__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center}.side-nav__overlay{background-color:rgba(78,73,73,.51);height:100%;opacity:0;position:fixed;top:0;transition:opacity .5s ease-out 0s,visibility .5s ease-out 0s;width:100%;z-index:99999}.side-nav__overlay--visible{opacity:1;visibility:visible}.side-nav__overlay--hidden{opacity:1;visibility:hidden}.side-nav__content{background-color:#fff;bottom:0;overflow-y:scroll;padding:1.5rem;position:fixed;top:0;transition:left .5s ease-in-out;width:80%;z-index:99999}.side-nav__content--hidden{display:none}.side-nav__content--open{left:0}.side-nav__content--closed{left:-100%}.side-nav__menu-title-wrapper{align-items:center;background-color:transparent;border:none;display:flex;justify-content:space-between;outline:none;width:100%}.side-nav__icon-container{float:right;margin-bottom:10px}.side-nav__menu-title{font-size:14px;font-weight:700;line-height:20px;text-transform:uppercase}.side-nav__accordion-icon{height:auto;width:15px}.side-nav__menu-item{margin-bottom:25px}.side-nav__close-icon{height:20px;margin-left:auto;width:20px}.side-nav__back-button-wrapper{align-items:center;display:flex;margin-bottom:25px}.side-nav__back-icon{height:20px;width:20px}.side-nav__back-button,.side-nav__sub-menu-title{font-weight:700;text-transform:uppercase}.side-nav__sub-menu-title{font-size:14px;margin-bottom:10px}.side-nav__elements{display:flex;flex-direction:column}.side-nav__element{color:#555;cursor:pointer;line-height:20px;margin-bottom:10px}.side-nav__element,.side-nav__sub-link{font-size:14px;font-weight:400;text-transform:capitalize}.side-nav__block-button{background-color:#000;color:#fff;font-weight:700;padding:10px 0;width:100%}.navbar{box-shadow:2px 2px 10px #dfdede;display:flex;padding-bottom:10px;padding-top:20px;position:relative}.navbar__link-item--desktop{align-items:center;display:flex;height:35px;margin:auto 0;padding-top:5px}.navbar__mobile-wrapper{align-items:center;display:flex;flex-direction:column;padding-bottom:20px;padding-left:32px;padding-right:32px}.navbar__container{display:flex;margin:0 auto;max-width:1280px;padding-left:12px;padding-right:12px;width:100%}.navbar__body{flex-basis:60%}.navbar__wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.navbar__product-search-wrapper{align-items:center;display:flex;justify-content:center;padding:0 20%;width:100%}@media only screen and (max-width:879px){.navbar__product-search-wrapper{padding:0}}.navbar__input-close-icon{height:auto;margin-bottom:10px;margin-left:10px;width:20px}@media only screen and (max-width:879px){.navbar__input-close-icon{margin-bottom:0;margin-left:0;width:15px}}.navbar__menu-icon{width:30px}.navbar__product-search{align-items:center;display:flex;max-width:545px;width:100%}.navbar__logo-wrapper{margin-right:18px;width:200px}.navbar__logo{width:200px}@media only screen and (max-width:879px){.navbar__logo{margin-left:10px;margin-top:5px;width:125px}}.navbar__form-input{align-items:center;background:transparent;border:none;display:flex;font-size:13px;outline:none;padding:8px;width:100%}.navbar__product-search{border:1px solid #dfdede;margin-bottom:10px}@media only screen and (max-width:879px){.navbar__product-search{border:none;border-bottom:1px solid #dfdede;margin-bottom:0;margin-right:10px;margin-top:10px}}.navbar__section{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;width:100%}.navbar__link{display:inline-block;font-family:Martel Sans;font-size:14px;font-weight:700;margin-right:10px;overflow:hidden;text-transform:uppercase;transition:.3s ease-in-out}.navbar__link:after{background-color:#000;content:"";display:block;height:2px;transition:width .25s ease-out;width:0}.navbar__link:hover:after{width:100%}.navbar__link:hover .navbar__dropdown{animation:fadeInDropdown .3s ease-in-out;display:block}.navbar__dropdown{background-color:#fff;box-shadow:5px 5px 5px #dfdede;display:none;left:0;position:absolute;width:100%;z-index:999}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navbar__company-link{font-size:13px;font-weight:400;list-style:none;margin-left:18px;text-decoration:none}.navbar__company-block{align-items:center;background-color:#000;color:#fff;display:flex;font-weight:700;height:33px;justify-content:center;margin-right:0;padding:0 18px;text-transform:uppercase}.navbar__input-search-icon{height:auto;margin-left:1.125rem;margin-right:.375rem;width:15px}.navbar__nav-links{align-items:center;display:flex}.navbar__nav-links--wrap{flex-wrap:wrap}.navbar__icons{align-items:center;display:flex;height:40px;justify-content:flex-end;margin-bottom:10px}@media only screen and (max-width:879px){.navbar__icons{display:block;height:20px;margin-bottom:0}}.navbar__icon{cursor:pointer;height:auto;margin-right:18px;width:20px}@media only screen and (max-width:879px){.navbar__icon{margin-right:0}}.navbar__cart-icon{position:relative}.navbar__cart-count{align-items:center;background-color:#000;border-radius:50%;bottom:50%;color:#fff;display:flex;font-size:13px;height:20px;justify-content:center;left:100%;position:absolute;width:20px}.stores-dropdown{align-items:flex-start;display:flex;font-family:Martel Sans;gap:20px;margin-left:auto;margin-right:auto;max-width:1280px;overflow-x:auto;padding:20px 15px}.stores-dropdown__image{height:200px;-o-object-fit:cover;object-fit:cover;width:100%}.stores-dropdown__store-details{flex-basis:20%}.stores-dropdown__title{font-family:El Messiri}.stores-dropdown__main-title,.stores-dropdown__title{font-size:16px;font-weight:400;letter-spacing:3px;margin-top:20px}.stores-dropdown__main-title{font-weight:700;margin-bottom:10px}.stores-dropdown__open-days{font-size:12px;font-weight:700;line-height:20px}.stores-dropdown__open-hours{font-size:12px;font-weight:400;line-height:20px}.stores-dropdown__queries-title{font-family:El Messiri;font-size:16px;font-weight:400;letter-spacing:3px}.stores-dropdown__contact-details{font-size:16px;font-weight:700}.stores-dropdown__view-more{cursor:pointer;font-size:14px;font-weight:400;margin-top:10px;text-transform:capitalize}.dropdown{display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:1280px;min-height:500px;overflow-x:auto;padding:20px 0}.dropdown__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center;min-height:300px}.dropdown__column{flex:1;padding-left:12px}.dropdown__column:nth-child(2){flex:2}.dropdown__title{font-family:El Messiri;font-size:16px;font-weight:700;letter-spacing:3px;line-height:1;margin-bottom:20px;text-transform:uppercase}.dropdown .dropdown__elements{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:800px;overflow-y:auto}.dropdown__element{flex-basis:33.33%;font-family:Martel Sans;font-size:14px;font-weight:400;margin-bottom:10px;text-transform:capitalize}.cover-spinner{align-items:center;background-color:hsla(0,0%,100%,.7);display:flex;height:100%;justify-content:center;min-height:400px;position:relative;top:50%;width:100%;z-index:9999}.cover-spinner:after{animation:spin 1.5s linear infinite;border:4px dotted #000;border-radius:50%;border-top-color:transparent;content:"";display:block;height:40px;position:absolute;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
|
|
1
|
+
.footer__newsletter-section{align-items:center;background-color:#000;color:#fff;display:flex;justify-content:space-between;padding:2.265rem 0}@media only screen and (max-width:879px){.footer__newsletter-section{flex-direction:column}}.footer__newsletter-wrapper{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px;padding-left:32px;padding-right:32px;width:100%}@media only screen and (max-width:879px){.footer__newsletter-wrapper{flex-direction:column}.footer__link-container{flex-basis:50%}}.footer__newsletter-icon{height:30px;position:absolute;right:0;top:0;width:32px}.footer__newsletter-form{flex-basis:50%;max-width:250px;position:relative}@media only screen and (max-width:879px){.footer__newsletter-form{display:block;margin-top:20px;max-width:100%;width:100%}}.footer__newsletter-title{font-family:Martel Sans,sans-serif;font-size:14px;font-weight:700;letter-spacing:3px;margin-bottom:1.125rem;text-transform:uppercase}.footer__newsletter-text{font-size:14px}.footer__form-input{background-color:#000;border:none;border-bottom:1px solid #fff;color:#fff;height:30px;outline:none;width:100%}.footer__form-input::-moz-placeholder{color:#fff;font-weight:400}.footer__form-input::placeholder{color:#fff;font-weight:400}.footer__form-errors{color:#fff;margin-top:5px}.footer__main-section{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:50px;margin-top:80px}.footer__link-title{font-family:El Messiri;font-size:16px;font-weight:700;margin-bottom:20px;text-transform:uppercase}@media only screen and (max-width:879px){.footer__link-title{margin-bottom:10px}}.footer__link-child{margin-top:25px}.footer__links{display:flex;flex-direction:column}.footer__link{color:#939393;cursor:pointer;font-family:Martel Sans;font-size:14px;line-height:20px;margin-bottom:15px;text-align:left;text-decoration:none}.footer__link:hover{color:#000;text-decoration:underline}@media only screen and (max-width:879px){.footer__link{margin-bottom:10px}}.footer__link-wrapper{align-items:center;display:flex;gap:5px}.footer__link-icon{height:13px;margin-bottom:18px}.footer__text{color:#939393;font-family:Martel Sans;font-size:14px;line-height:20px;margin-bottom:15px;text-align:left;text-decoration:none}.footer__store-hours{margin-top:35px}.footer__copyrights-section{border-top:1px solid;display:flex;justify-content:space-between;padding-bottom:20px;padding-top:20px}.footer__logo{height:30px;width:135px}.footer__payment-icons{align-items:center;display:flex}.footer__wrapper{margin:0 auto;max-width:1280px;padding-left:32px;padding-right:32px;width:100%}@media only screen and (max-width:879px){.footer__wrapper{padding:32px 0 0 24px}}.footer__wrapper--desktop{display:block}@media only screen and (max-width:879px){.footer__wrapper--desktop{display:none}}.footer__wrapper--mobile{display:none}@media only screen and (max-width:879px){.footer__wrapper--mobile{display:block;padding-top:30px}}.footer__copyright{font-size:10px;line-height:22px}.footer__copyright--mobile{display:none}@media only screen and (max-width:879px){.footer__copyright--mobile{display:block;padding:30px 10px 30px 0;text-align:center}}.footer__section-row{display:flex;gap:50%}@media only screen and (max-width:879px){.footer__section-row{gap:unset}}.side-nav{font-family:Martel Sans}.side-nav__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center}.side-nav__overlay{background-color:rgba(78,73,73,.51);height:100%;opacity:0;position:fixed;top:0;transition:opacity .5s ease-out 0s,visibility .5s ease-out 0s;width:100%;z-index:99999}.side-nav__overlay--visible{opacity:1;visibility:visible}.side-nav__overlay--hidden{opacity:1;visibility:hidden}.side-nav__content{background-color:#fff;bottom:0;overflow-y:scroll;padding:1.5rem;position:fixed;top:0;transition:left .5s ease-in-out;width:80%;z-index:99999}.side-nav__content--hidden{display:none}.side-nav__content--open{left:0}.side-nav__content--closed{left:-100%}.side-nav__menu-title-wrapper{align-items:center;background-color:transparent;border:none;display:flex;justify-content:space-between;outline:none;width:100%}.side-nav__icon-container{float:right;margin-bottom:10px}.side-nav__menu-title{font-size:14px;font-weight:700;line-height:20px;text-transform:uppercase}.side-nav__accordion-icon{height:auto;width:15px}.side-nav__menu-item{margin-bottom:25px}.side-nav__close-icon{height:20px;margin-left:auto;width:20px}.side-nav__back-button-wrapper{align-items:center;display:flex;margin-bottom:25px}.side-nav__back-icon{height:20px;width:20px}.side-nav__back-button,.side-nav__sub-menu-title{font-weight:700;text-transform:uppercase}.side-nav__sub-menu-title{font-size:14px;margin-bottom:10px}.side-nav__elements{display:flex;flex-direction:column}.side-nav__element{color:#555;cursor:pointer;line-height:20px;margin-bottom:10px}.side-nav__element,.side-nav__sub-link{font-size:14px;font-weight:400;text-transform:capitalize}.side-nav__block-button{background-color:#000;color:#fff;font-weight:700;padding:10px 0;width:100%}.navbar{box-shadow:2px 2px 10px #dfdede;display:flex;padding-bottom:10px;padding-top:20px;position:relative}.navbar__link-item--desktop{align-items:center;display:flex;height:35px;margin:auto 0;padding-top:5px}.navbar__mobile-wrapper{align-items:center;display:flex;flex-direction:column;padding-bottom:20px;padding-left:32px;padding-right:32px}.navbar__container{display:flex;margin:0 auto;max-width:1280px;padding-left:12px;padding-right:12px;width:100%}.navbar__body{flex-basis:60%}.navbar__wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.navbar__product-search-wrapper{align-items:center;display:flex;justify-content:center;padding:0 20%;width:100%}@media only screen and (max-width:879px){.navbar__product-search-wrapper{padding:0}}.navbar__input-close-icon{height:auto;margin-bottom:10px;margin-left:10px;width:20px}@media only screen and (max-width:879px){.navbar__input-close-icon{margin-bottom:0;margin-left:0;width:15px}}.navbar__menu-icon{width:30px}.navbar__product-search{align-items:center;display:flex;max-width:545px;width:100%}.navbar__logo-wrapper{margin-right:18px;width:200px}.navbar__logo{width:200px}@media only screen and (max-width:879px){.navbar__logo{margin-left:10px;margin-top:5px;width:125px}}.navbar__form-input{align-items:center;background:transparent;border:none;display:flex;font-size:13px;outline:none;padding:8px;width:100%}.navbar__product-search{border:1px solid #dfdede;margin-bottom:10px}@media only screen and (max-width:879px){.navbar__product-search{border:none;border-bottom:1px solid #dfdede;margin-bottom:0;margin-right:10px;margin-top:10px}}.navbar__section{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;width:100%}.navbar__link{display:inline-block;font-family:Martel Sans;font-size:14px;font-weight:700;margin-right:10px;overflow:hidden;text-transform:uppercase;transition:.3s ease-in-out}.navbar__link:after{background-color:#000;content:"";display:block;height:2px;transition:width .25s ease-out;width:0}.navbar__link:hover:after{width:100%}.navbar__link:hover .navbar__dropdown{animation:fadeInDropdown .3s ease-in-out;display:block}.navbar__dropdown{background-color:#fff;box-shadow:5px 5px 5px #dfdede;display:none;left:0;position:absolute;width:100%;z-index:999}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navbar__company-link{font-size:13px;font-weight:400;list-style:none;margin-left:18px;text-decoration:none}.navbar__company-block{align-items:center;background-color:#000;color:#fff;display:flex;font-weight:700;height:33px;justify-content:center;margin-right:0;padding:0 18px;text-transform:uppercase}.navbar__input-search-icon{height:auto;margin-left:1.125rem;margin-right:.375rem;width:15px}.navbar__nav-links{align-items:center;display:flex}.navbar__nav-links--wrap{flex-wrap:wrap}.navbar__icons{align-items:center;display:flex;height:40px;justify-content:flex-end;margin-bottom:10px}@media only screen and (max-width:879px){.navbar__icons{display:block;height:20px;margin-bottom:0}}.navbar__icon{cursor:pointer;height:auto;margin-right:18px;width:20px}@media only screen and (max-width:879px){.navbar__icon{margin-right:0}}.navbar__icon--app{cursor:pointer;height:auto;margin-left:12px;width:20px}@media only screen and (max-width:879px){.navbar__icon--app{margin-right:0}}.navbar__cart-icon{position:relative}.navbar__cart-count{align-items:center;background-color:#000;border-radius:50%;bottom:50%;color:#fff;display:flex;font-size:13px;height:20px;justify-content:center;left:100%;position:absolute;width:20px}.side-nav{font-family:Martel Sans}.side-nav__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center}.side-nav__overlay{background-color:rgba(78,73,73,.51);height:100%;opacity:0;position:fixed;top:0;transition:opacity .5s ease-out 0s,visibility .5s ease-out 0s;width:100%;z-index:99999}.side-nav__overlay--visible{opacity:1;visibility:visible}.side-nav__overlay--hidden{opacity:1;visibility:hidden}.side-nav__content{background-color:#fff;bottom:0;overflow-y:scroll;padding:1.5rem;position:fixed;top:0;transition:left .5s ease-in-out;width:80%;z-index:99999}.side-nav__content--hidden{display:none}.side-nav__content--open{left:0}.side-nav__content--closed{left:-100%}.side-nav__menu-title-wrapper{align-items:center;background-color:transparent;border:none;display:flex;outline:none;width:100%}.side-nav__icon-container{float:right;margin-bottom:10px}.side-nav__menu-title{align-items:center;display:flex;font-size:14px;font-weight:700;justify-content:center;line-height:20px;text-transform:uppercase}.side-nav__menu-icon{display:flex;height:25px;margin-right:10px;width:25px}.side-nav__menu-divider{margin-bottom:40px}.side-nav__accordion-icon{height:auto;width:15px}.side-nav__menu-item{margin-bottom:25px}.side-nav__close-icon{height:20px;margin-left:auto;width:20px}.side-nav__back-button-wrapper{align-items:center;display:flex;margin-bottom:25px}.side-nav__back-icon{height:20px;width:20px}.side-nav__back-button,.side-nav__sub-menu-title{font-weight:700;text-transform:uppercase}.side-nav__sub-menu-title{font-size:14px;margin-bottom:10px}.side-nav__elements{display:flex;flex-direction:column}.side-nav__element{color:#555;cursor:pointer;line-height:20px;margin-bottom:10px}.side-nav__element,.side-nav__sub-link{font-size:14px;font-weight:400;text-transform:capitalize}.side-nav__block-button{background-color:#000;color:#fff;font-weight:700;padding:10px 0;width:100%}.dropdown{display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:1280px;min-height:500px;overflow-x:auto;padding:20px 0}.dropdown__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center;min-height:300px}.dropdown__column{flex:1;padding-left:12px}.dropdown__column:nth-child(2){flex:2}.dropdown__title{font-family:El Messiri;font-size:16px;font-weight:700;letter-spacing:3px;line-height:1;margin-bottom:20px;text-transform:uppercase}.dropdown .dropdown__elements{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:800px;overflow-y:auto}.dropdown__element{flex-basis:33.33%;font-family:Martel Sans;font-size:14px;font-weight:400;margin-bottom:10px;text-transform:capitalize}.cover-spinner{align-items:center;background-color:hsla(0,0%,100%,.7);display:flex;height:100%;justify-content:center;min-height:400px;position:relative;top:50%;width:100%;z-index:9999}.cover-spinner:after{animation:spin 1.5s linear infinite;border:4px dotted #000;border-radius:50%;border-top-color:transparent;content:"";display:block;height:40px;position:absolute;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stores-dropdown{align-items:flex-start;display:flex;font-family:Martel Sans;gap:20px;margin-left:auto;margin-right:auto;max-width:1280px;overflow-x:auto;padding:20px 15px}.stores-dropdown__image{height:200px;-o-object-fit:cover;object-fit:cover;width:100%}.stores-dropdown__store-details{flex-basis:20%}.stores-dropdown__title{font-family:El Messiri}.stores-dropdown__main-title,.stores-dropdown__title{font-size:16px;font-weight:400;letter-spacing:3px;margin-top:20px}.stores-dropdown__main-title{font-weight:700;margin-bottom:10px}.stores-dropdown__open-days{font-size:12px;font-weight:700;line-height:20px}.stores-dropdown__open-hours{font-size:12px;font-weight:400;line-height:20px}.stores-dropdown__queries-title{font-family:El Messiri;font-size:16px;font-weight:400;letter-spacing:3px}.stores-dropdown__contact-details{font-size:16px;font-weight:700}.stores-dropdown__view-more{cursor:pointer;font-size:14px;font-weight:400;margin-top:10px;text-transform:capitalize}
|
package/build/bundle.js
CHANGED
|
@@ -14002,7 +14002,6 @@
|
|
|
14002
14002
|
_formControl.current.formState = getProxyFormState(formState, control);
|
|
14003
14003
|
return _formControl.current;
|
|
14004
14004
|
}
|
|
14005
|
-
//# sourceMappingURL=index.esm.mjs.map
|
|
14006
14005
|
|
|
14007
14006
|
var _excluded$8 = ["ref"];
|
|
14008
14007
|
|
|
@@ -14629,7 +14628,9 @@
|
|
|
14629
14628
|
onLogoClick = _ref.onLogoClick,
|
|
14630
14629
|
endpoint = _ref.endpoint,
|
|
14631
14630
|
onSearchSubmit = _ref.onSearchSubmit,
|
|
14632
|
-
onProductIdsReceived = _ref.onProductIdsReceived
|
|
14631
|
+
onProductIdsReceived = _ref.onProductIdsReceived,
|
|
14632
|
+
shop = _ref.shop,
|
|
14633
|
+
app = _ref.app;
|
|
14633
14634
|
|
|
14634
14635
|
var _useState = React.useState(''),
|
|
14635
14636
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -14778,7 +14779,8 @@
|
|
|
14778
14779
|
placeholder: "Search for items and designs",
|
|
14779
14780
|
value: searchValue,
|
|
14780
14781
|
onChange: handleChange,
|
|
14781
|
-
onKeyDown: handleKeyDown
|
|
14782
|
+
onKeyDown: handleKeyDown,
|
|
14783
|
+
onClick: onSearch
|
|
14782
14784
|
})), /*#__PURE__*/React__default.createElement(SearchResults, {
|
|
14783
14785
|
searchValue: searchValue,
|
|
14784
14786
|
searchLoading: searchLoading,
|
|
@@ -14910,12 +14912,12 @@
|
|
|
14910
14912
|
className: "navbar__icons"
|
|
14911
14913
|
}, /*#__PURE__*/React__default.createElement("button", {
|
|
14912
14914
|
type: "button",
|
|
14913
|
-
className: "navbar__icon
|
|
14915
|
+
className: "".concat(app ? 'navbar__icon--app' : 'navbar__icon'),
|
|
14914
14916
|
onClick: onInterestClick
|
|
14915
14917
|
}, /*#__PURE__*/React__default.createElement("img", {
|
|
14916
14918
|
src: interestIcon,
|
|
14917
14919
|
alt: "interest-icon"
|
|
14918
|
-
})), /*#__PURE__*/React__default.createElement("button", {
|
|
14920
|
+
})), shop && /*#__PURE__*/React__default.createElement("button", {
|
|
14919
14921
|
type: "button",
|
|
14920
14922
|
className: "navbar__icon",
|
|
14921
14923
|
onClick: onAccountClick
|
|
@@ -14924,12 +14926,12 @@
|
|
|
14924
14926
|
alt: "account-icon"
|
|
14925
14927
|
})), /*#__PURE__*/React__default.createElement("button", {
|
|
14926
14928
|
type: "button",
|
|
14927
|
-
className: "navbar__cart-icon navbar__icon
|
|
14929
|
+
className: "navbar__cart-icon ".concat(app ? 'navbar__icon--app' : 'navbar__icon'),
|
|
14928
14930
|
onClick: onCartClick
|
|
14929
14931
|
}, /*#__PURE__*/React__default.createElement("img", {
|
|
14930
14932
|
src: cartIcon,
|
|
14931
14933
|
alt: "cart-icon"
|
|
14932
|
-
}), /*#__PURE__*/React__default.createElement("div", {
|
|
14934
|
+
}), shop && /*#__PURE__*/React__default.createElement("div", {
|
|
14933
14935
|
className: "navbar__cart-count"
|
|
14934
14936
|
}, cartCount))), /*#__PURE__*/React__default.createElement("nav", {
|
|
14935
14937
|
className: "navbar__nav-links"
|
|
@@ -15383,6 +15385,181 @@
|
|
|
15383
15385
|
})));
|
|
15384
15386
|
};
|
|
15385
15387
|
|
|
15388
|
+
var LuxityAppSideNav = function LuxityAppSideNav(_ref) {
|
|
15389
|
+
var closeIcon = _ref.closeIcon,
|
|
15390
|
+
accountIcon = _ref.accountIcon,
|
|
15391
|
+
orderIcon = _ref.orderIcon,
|
|
15392
|
+
saleIcon = _ref.saleIcon,
|
|
15393
|
+
onDashboardClick = _ref.onDashboardClick,
|
|
15394
|
+
onLogoutClick = _ref.onLogoutClick,
|
|
15395
|
+
bugReportLink = _ref.bugReportLink,
|
|
15396
|
+
onLuxityShopClick = _ref.onLuxityShopClick,
|
|
15397
|
+
onInterestClick = _ref.onInterestClick,
|
|
15398
|
+
onAddressClick = _ref.onAddressClick,
|
|
15399
|
+
onCouponsClick = _ref.onCouponsClick,
|
|
15400
|
+
onEditProfileClick = _ref.onEditProfileClick,
|
|
15401
|
+
onCurrentOrdersClick = _ref.onCurrentOrdersClick,
|
|
15402
|
+
onPastOrdersClick = _ref.onPastOrdersClick,
|
|
15403
|
+
onPastSalesClick = _ref.onPastSalesClick,
|
|
15404
|
+
onPaidOutClick = _ref.onPaidOutClick,
|
|
15405
|
+
showSideNav = _ref.showSideNav,
|
|
15406
|
+
onMenuClick = _ref.onMenuClick;
|
|
15407
|
+
|
|
15408
|
+
var onCloseSideNav = function onCloseSideNav(e) {
|
|
15409
|
+
onMenuClick();
|
|
15410
|
+
|
|
15411
|
+
if (e.key === 'Enter') {
|
|
15412
|
+
e.preventDefault();
|
|
15413
|
+
}
|
|
15414
|
+
};
|
|
15415
|
+
|
|
15416
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
15417
|
+
className: "side-nav"
|
|
15418
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
15419
|
+
role: "button",
|
|
15420
|
+
tabIndex: 0,
|
|
15421
|
+
className: "side-nav__overlay ".concat(showSideNav ? 'side-nav__overlay--visible' : 'side-nav__overlay--hidden', " "),
|
|
15422
|
+
onClick: onCloseSideNav,
|
|
15423
|
+
onKeyDown: onCloseSideNav
|
|
15424
|
+
}), /*#__PURE__*/React__default.createElement("div", {
|
|
15425
|
+
className: "side-nav__content ".concat(showSideNav ? 'side-nav__content--open' : 'side-nav__content--closed')
|
|
15426
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
15427
|
+
type: "button",
|
|
15428
|
+
onClick: onMenuClick,
|
|
15429
|
+
className: "side-nav__icon-container"
|
|
15430
|
+
}, /*#__PURE__*/React__default.createElement("img", {
|
|
15431
|
+
src: closeIcon,
|
|
15432
|
+
alt: "close-icon",
|
|
15433
|
+
className: "side-nav__close-icon"
|
|
15434
|
+
})), /*#__PURE__*/React__default.createElement("div", {
|
|
15435
|
+
className: "side-nav__menu-items-wrapper"
|
|
15436
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
15437
|
+
className: "side-nav__menu-item"
|
|
15438
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
15439
|
+
type: "button",
|
|
15440
|
+
className: "side-nav__menu-title-wrapper"
|
|
15441
|
+
}, /*#__PURE__*/React__default.createElement("span", {
|
|
15442
|
+
className: "side-nav__menu-title"
|
|
15443
|
+
}, /*#__PURE__*/React__default.createElement("img", {
|
|
15444
|
+
src: accountIcon,
|
|
15445
|
+
alt: "close-icon",
|
|
15446
|
+
className: "side-nav__menu-icon"
|
|
15447
|
+
}), "My Account"))), /*#__PURE__*/React__default.createElement("div", {
|
|
15448
|
+
className: "side-nav__menu-item"
|
|
15449
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
15450
|
+
type: "button",
|
|
15451
|
+
className: "side-nav__menu-title-wrapper",
|
|
15452
|
+
onClick: onInterestClick
|
|
15453
|
+
}, /*#__PURE__*/React__default.createElement("span", {
|
|
15454
|
+
className: "side-nav__menu-title"
|
|
15455
|
+
}, "Interests"))), /*#__PURE__*/React__default.createElement("div", {
|
|
15456
|
+
className: "side-nav__menu-item"
|
|
15457
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
15458
|
+
type: "button",
|
|
15459
|
+
className: "side-nav__menu-title-wrapper",
|
|
15460
|
+
onClick: onAddressClick
|
|
15461
|
+
}, /*#__PURE__*/React__default.createElement("span", {
|
|
15462
|
+
className: "side-nav__menu-title"
|
|
15463
|
+
}, "Addresses"))), /*#__PURE__*/React__default.createElement("div", {
|
|
15464
|
+
className: "side-nav__menu-item"
|
|
15465
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
15466
|
+
type: "button",
|
|
15467
|
+
className: "side-nav__menu-title-wrapper",
|
|
15468
|
+
onClick: onCouponsClick
|
|
15469
|
+
}, /*#__PURE__*/React__default.createElement("span", {
|
|
15470
|
+
className: "side-nav__menu-title"
|
|
15471
|
+
}, "Coupons"))), /*#__PURE__*/React__default.createElement("div", {
|
|
15472
|
+
className: "side-nav__menu-item"
|
|
15473
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
15474
|
+
type: "button",
|
|
15475
|
+
className: "side-nav__menu-title-wrapper",
|
|
15476
|
+
onClick: onEditProfileClick
|
|
15477
|
+
}, /*#__PURE__*/React__default.createElement("span", {
|
|
15478
|
+
className: "side-nav__menu-title"
|
|
15479
|
+
}, "Edit Profile"))), /*#__PURE__*/React__default.createElement("div", {
|
|
15480
|
+
className: "side-nav__menu-divider"
|
|
15481
|
+
}, " "), /*#__PURE__*/React__default.createElement("div", {
|
|
15482
|
+
className: "side-nav__menu-item"
|
|
15483
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
15484
|
+
type: "button",
|
|
15485
|
+
className: "side-nav__menu-title-wrapper"
|
|
15486
|
+
}, /*#__PURE__*/React__default.createElement("span", {
|
|
15487
|
+
className: "side-nav__menu-title"
|
|
15488
|
+
}, /*#__PURE__*/React__default.createElement("img", {
|
|
15489
|
+
src: orderIcon,
|
|
15490
|
+
alt: "close-icon",
|
|
15491
|
+
className: "side-nav__menu-icon"
|
|
15492
|
+
}), "My Orders"))), /*#__PURE__*/React__default.createElement("div", {
|
|
15493
|
+
className: "side-nav__menu-item"
|
|
15494
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
15495
|
+
type: "button",
|
|
15496
|
+
className: "side-nav__menu-title-wrapper",
|
|
15497
|
+
onClick: onCurrentOrdersClick
|
|
15498
|
+
}, /*#__PURE__*/React__default.createElement("span", {
|
|
15499
|
+
className: "side-nav__menu-title"
|
|
15500
|
+
}, "Current Orders"))), /*#__PURE__*/React__default.createElement("div", {
|
|
15501
|
+
className: "side-nav__menu-item"
|
|
15502
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
15503
|
+
type: "button",
|
|
15504
|
+
className: "side-nav__menu-title-wrapper",
|
|
15505
|
+
onClick: onPastOrdersClick
|
|
15506
|
+
}, /*#__PURE__*/React__default.createElement("span", {
|
|
15507
|
+
className: "side-nav__menu-title"
|
|
15508
|
+
}, "Past Orders"))), /*#__PURE__*/React__default.createElement("div", {
|
|
15509
|
+
className: "side-nav__menu-divider"
|
|
15510
|
+
}, " "), /*#__PURE__*/React__default.createElement("div", {
|
|
15511
|
+
className: "side-nav__menu-item"
|
|
15512
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
15513
|
+
type: "button",
|
|
15514
|
+
className: "side-nav__menu-title-wrapper"
|
|
15515
|
+
}, /*#__PURE__*/React__default.createElement("span", {
|
|
15516
|
+
className: "side-nav__menu-title"
|
|
15517
|
+
}, /*#__PURE__*/React__default.createElement("img", {
|
|
15518
|
+
src: saleIcon,
|
|
15519
|
+
alt: "close-icon",
|
|
15520
|
+
className: "side-nav__menu-icon"
|
|
15521
|
+
}), "My Sales"))), /*#__PURE__*/React__default.createElement("div", {
|
|
15522
|
+
className: "side-nav__menu-item"
|
|
15523
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
15524
|
+
type: "button",
|
|
15525
|
+
className: "side-nav__menu-title-wrapper",
|
|
15526
|
+
onClick: onPastSalesClick
|
|
15527
|
+
}, /*#__PURE__*/React__default.createElement("span", {
|
|
15528
|
+
className: "side-nav__menu-title"
|
|
15529
|
+
}, "Sales & Consignments"))), /*#__PURE__*/React__default.createElement("div", {
|
|
15530
|
+
className: "side-nav__menu-item"
|
|
15531
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
15532
|
+
type: "button",
|
|
15533
|
+
className: "side-nav__menu-title-wrapper",
|
|
15534
|
+
onClick: onPaidOutClick
|
|
15535
|
+
}, /*#__PURE__*/React__default.createElement("span", {
|
|
15536
|
+
className: "side-nav__menu-title"
|
|
15537
|
+
}, "Paid Out"))), /*#__PURE__*/React__default.createElement("div", {
|
|
15538
|
+
className: "side-nav__menu-item"
|
|
15539
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
15540
|
+
type: "button",
|
|
15541
|
+
className: "side-nav__block-button",
|
|
15542
|
+
onClick: onLuxityShopClick
|
|
15543
|
+
}, "LUXITY SHOP")), /*#__PURE__*/React__default.createElement("div", {
|
|
15544
|
+
className: "side-nav__menu-item"
|
|
15545
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
15546
|
+
type: "button",
|
|
15547
|
+
className: "side-nav__sub-link",
|
|
15548
|
+
onClick: onDashboardClick
|
|
15549
|
+
}, "Dashboard")), /*#__PURE__*/React__default.createElement("div", {
|
|
15550
|
+
className: "side-nav__menu-item"
|
|
15551
|
+
}, /*#__PURE__*/React__default.createElement("a", {
|
|
15552
|
+
href: bugReportLink,
|
|
15553
|
+
className: "side-nav__sub-link"
|
|
15554
|
+
}, "Help")), /*#__PURE__*/React__default.createElement("div", {
|
|
15555
|
+
className: "side-nav__menu-item"
|
|
15556
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
15557
|
+
type: "button",
|
|
15558
|
+
className: "side-nav__sub-link",
|
|
15559
|
+
onClick: onLogoutClick
|
|
15560
|
+
}, "Logout")))));
|
|
15561
|
+
};
|
|
15562
|
+
|
|
15386
15563
|
var LuxityMobileHeader = function LuxityMobileHeader(_ref) {
|
|
15387
15564
|
var logoSrc = _ref.logoSrc,
|
|
15388
15565
|
menuIcon = _ref.menuIcon,
|
|
@@ -15392,20 +15569,37 @@
|
|
|
15392
15569
|
cartIcon = _ref.cartIcon,
|
|
15393
15570
|
cartCount = _ref.cartCount,
|
|
15394
15571
|
closeIcon = _ref.closeIcon,
|
|
15572
|
+
accountIcon = _ref.accountIcon,
|
|
15573
|
+
saleIcon = _ref.saleIcon,
|
|
15574
|
+
orderIcon = _ref.orderIcon,
|
|
15395
15575
|
accordionIcon = _ref.accordionIcon,
|
|
15396
15576
|
backIcon = _ref.backIcon,
|
|
15397
15577
|
productsUrl = _ref.productsUrl,
|
|
15398
15578
|
stores = _ref.stores,
|
|
15399
15579
|
categoryElements = _ref.categoryElements,
|
|
15400
15580
|
onAccountClick = _ref.onAccountClick,
|
|
15581
|
+
onDashboardClick = _ref.onDashboardClick,
|
|
15401
15582
|
contactUsLink = _ref.contactUsLink,
|
|
15402
15583
|
ourStoryLink = _ref.ourStoryLink,
|
|
15403
15584
|
blogLink = _ref.blogLink,
|
|
15585
|
+
bugReportLink = _ref.bugReportLink,
|
|
15404
15586
|
onSellToUsClick = _ref.onSellToUsClick,
|
|
15405
15587
|
onLogoClick = _ref.onLogoClick,
|
|
15588
|
+
onLuxityShopClick = _ref.onLuxityShopClick,
|
|
15406
15589
|
endpoint = _ref.endpoint,
|
|
15407
15590
|
onSearchSubmit = _ref.onSearchSubmit,
|
|
15408
|
-
onProductIdsReceived = _ref.onProductIdsReceived
|
|
15591
|
+
onProductIdsReceived = _ref.onProductIdsReceived,
|
|
15592
|
+
onLogoutClick = _ref.onLogoutClick,
|
|
15593
|
+
onInterestClick = _ref.onInterestClick,
|
|
15594
|
+
onAddressClick = _ref.onAddressClick,
|
|
15595
|
+
onCouponsClick = _ref.onCouponsClick,
|
|
15596
|
+
onEditProfileClick = _ref.onEditProfileClick,
|
|
15597
|
+
onCurrentOrdersClick = _ref.onCurrentOrdersClick,
|
|
15598
|
+
onPastOrdersClick = _ref.onPastOrdersClick,
|
|
15599
|
+
onPastSalesClick = _ref.onPastSalesClick,
|
|
15600
|
+
onPaidOutClick = _ref.onPaidOutClick,
|
|
15601
|
+
shop = _ref.shop,
|
|
15602
|
+
app = _ref.app;
|
|
15409
15603
|
|
|
15410
15604
|
var _useState = React.useState(''),
|
|
15411
15605
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -15490,6 +15684,56 @@
|
|
|
15490
15684
|
setShowSideNav(false);
|
|
15491
15685
|
};
|
|
15492
15686
|
|
|
15687
|
+
var handleLuxityShopClick = function handleLuxityShopClick() {
|
|
15688
|
+
onLuxityShopClick();
|
|
15689
|
+
setShowSideNav(false);
|
|
15690
|
+
};
|
|
15691
|
+
|
|
15692
|
+
var handleLogoutClick = function handleLogoutClick() {
|
|
15693
|
+
onLogoutClick();
|
|
15694
|
+
setShowSideNav(false);
|
|
15695
|
+
};
|
|
15696
|
+
|
|
15697
|
+
var handleInterestClick = function handleInterestClick() {
|
|
15698
|
+
onInterestClick();
|
|
15699
|
+
setShowSideNav(false);
|
|
15700
|
+
};
|
|
15701
|
+
|
|
15702
|
+
var handleAddressClick = function handleAddressClick() {
|
|
15703
|
+
onAddressClick();
|
|
15704
|
+
setShowSideNav(false);
|
|
15705
|
+
};
|
|
15706
|
+
|
|
15707
|
+
var handleCouponsClick = function handleCouponsClick() {
|
|
15708
|
+
onCouponsClick();
|
|
15709
|
+
setShowSideNav(false);
|
|
15710
|
+
};
|
|
15711
|
+
|
|
15712
|
+
var handleEditProfileClick = function handleEditProfileClick() {
|
|
15713
|
+
onEditProfileClick();
|
|
15714
|
+
setShowSideNav(false);
|
|
15715
|
+
};
|
|
15716
|
+
|
|
15717
|
+
var handleCurrentOrdersClick = function handleCurrentOrdersClick() {
|
|
15718
|
+
onCurrentOrdersClick();
|
|
15719
|
+
setShowSideNav(false);
|
|
15720
|
+
};
|
|
15721
|
+
|
|
15722
|
+
var handlePastOrdersClick = function handlePastOrdersClick() {
|
|
15723
|
+
onPastOrdersClick();
|
|
15724
|
+
setShowSideNav(false);
|
|
15725
|
+
};
|
|
15726
|
+
|
|
15727
|
+
var handlePastSalesClick = function handlePastSalesClick() {
|
|
15728
|
+
onPastSalesClick();
|
|
15729
|
+
setShowSideNav(false);
|
|
15730
|
+
};
|
|
15731
|
+
|
|
15732
|
+
var handlePaidOutClick = function handlePaidOutClick() {
|
|
15733
|
+
onPaidOutClick();
|
|
15734
|
+
setShowSideNav(false);
|
|
15735
|
+
};
|
|
15736
|
+
|
|
15493
15737
|
return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
15494
15738
|
className: "navbar navbar__mobile-wrapper"
|
|
15495
15739
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -15515,7 +15759,7 @@
|
|
|
15515
15759
|
className: "navbar__icons-wrapper"
|
|
15516
15760
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
15517
15761
|
className: "navbar__icons"
|
|
15518
|
-
}, /*#__PURE__*/React__default.createElement("button", {
|
|
15762
|
+
}, shop && /*#__PURE__*/React__default.createElement("button", {
|
|
15519
15763
|
type: "button",
|
|
15520
15764
|
className: "navbar__icon",
|
|
15521
15765
|
onClick: onSearchClick
|
|
@@ -15530,7 +15774,7 @@
|
|
|
15530
15774
|
}, /*#__PURE__*/React__default.createElement("img", {
|
|
15531
15775
|
src: cartIcon,
|
|
15532
15776
|
alt: "cart-icon"
|
|
15533
|
-
}), /*#__PURE__*/React__default.createElement("div", {
|
|
15777
|
+
}), shop && /*#__PURE__*/React__default.createElement("div", {
|
|
15534
15778
|
className: "navbar__cart-count"
|
|
15535
15779
|
}, cartCount))))), showSearchBar && /*#__PURE__*/React__default.createElement("div", {
|
|
15536
15780
|
className: "navbar__product-search-wrapper"
|
|
@@ -15560,7 +15804,7 @@
|
|
|
15560
15804
|
},
|
|
15561
15805
|
onSearchSubmit: onSearchSubmit,
|
|
15562
15806
|
setSearchValue: setSearchValue
|
|
15563
|
-
}), /*#__PURE__*/React__default.createElement(LuxitySideNav, {
|
|
15807
|
+
}), shop && /*#__PURE__*/React__default.createElement(LuxitySideNav, {
|
|
15564
15808
|
accordionIcon: accordionIcon,
|
|
15565
15809
|
logoSrc: logoSrc,
|
|
15566
15810
|
closeIcon: closeIcon,
|
|
@@ -15577,6 +15821,28 @@
|
|
|
15577
15821
|
showSideNav: showSideNav,
|
|
15578
15822
|
onMenuClick: onMenuClick,
|
|
15579
15823
|
endpoint: endpoint
|
|
15824
|
+
}), app && /*#__PURE__*/React__default.createElement(LuxityAppSideNav, {
|
|
15825
|
+
accordionIcon: accordionIcon,
|
|
15826
|
+
closeIcon: closeIcon,
|
|
15827
|
+
accountIcon: accountIcon,
|
|
15828
|
+
orderIcon: orderIcon,
|
|
15829
|
+
saleIcon: saleIcon,
|
|
15830
|
+
onDashboardClick: onDashboardClick,
|
|
15831
|
+
onLogoutClick: handleLogoutClick,
|
|
15832
|
+
bugReportLink: bugReportLink,
|
|
15833
|
+
ourStoryLink: ourStoryLink,
|
|
15834
|
+
blogLink: blogLink,
|
|
15835
|
+
onLuxityShopClick: handleLuxityShopClick,
|
|
15836
|
+
showSideNav: showSideNav,
|
|
15837
|
+
onMenuClick: onMenuClick,
|
|
15838
|
+
onInterestClick: handleInterestClick,
|
|
15839
|
+
onAddressClick: handleAddressClick,
|
|
15840
|
+
onCouponsClick: handleCouponsClick,
|
|
15841
|
+
onEditProfileClick: handleEditProfileClick,
|
|
15842
|
+
onCurrentOrdersClick: handleCurrentOrdersClick,
|
|
15843
|
+
onPastOrdersClick: handlePastOrdersClick,
|
|
15844
|
+
onPastSalesClick: handlePastSalesClick,
|
|
15845
|
+
onPaidOutClick: handlePaidOutClick
|
|
15580
15846
|
}));
|
|
15581
15847
|
};
|
|
15582
15848
|
|
|
@@ -15590,6 +15856,7 @@
|
|
|
15590
15856
|
exports.InterestItem = InterestItem$1;
|
|
15591
15857
|
exports.Interests = Interests;
|
|
15592
15858
|
exports.InvertedTextButton = InvertedTextButton$1;
|
|
15859
|
+
exports.LuxityAppSideNav = LuxityAppSideNav;
|
|
15593
15860
|
exports.LuxityDesktopHeader = LuxityDesktopHeader;
|
|
15594
15861
|
exports.LuxityFooter = index$6;
|
|
15595
15862
|
exports.LuxityMobileHeader = LuxityMobileHeader;
|
package/package.json
CHANGED