@bonlineza/luxity-lib 2.32.3 → 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.
@@ -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
+ })));
@@ -109,7 +109,7 @@
109
109
 
110
110
  var getBrands = function getBrands() {
111
111
  return {
112
- query: "{\n latest_arrivals: luxity_brands(has_products: true, limit: 1000, page: 1) {data {id name slug}}\n bags: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: BAGS) {data {id name slug}}\n shoes: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: SHOES) {data {id name slug}}\n apparel: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: APPAREL) {data {id name slug}}\n accessories: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: ACCESSORIES) {data {id name slug}}\n watches: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: WATCHES) {data {id name slug}}\n accessories_categories: luxity_accessories_categories_list { id name slug }\n apparel_styles: luxity_apparel_styles_list { name slug }\n } "
112
+ query: "{\n latest_arrivals: luxity_brands(has_products: true, limit: 1000, page: 1, sort_by: \"name|asc\") {data {id name slug}}\n bags: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: BAGS, sort_by: \"name|asc\") {data {id name slug}}\n shoes: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: SHOES, sort_by: \"name|asc\") {data {id name slug}}\n apparel: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: APPAREL, sort_by: \"name|asc\") {data {id name slug}}\n accessories: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: ACCESSORIES, sort_by: \"name|asc\") {data {id name slug}}\n watches: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: WATCHES, sort_by: \"name|asc\") {data {id name slug}}\n accessories_categories: luxity_accessories_categories_list { id name slug }\n apparel_styles: luxity_apparel_styles_list { name slug }\n } "
113
113
  };
114
114
  };
115
115
  var searchProducts = function searchProducts(search, limit) {
@@ -161,7 +161,7 @@
161
161
  }, /*#__PURE__*/React__default.createElement("div", {
162
162
  className: "dropdown__title"
163
163
  }, "Brands"), /*#__PURE__*/React__default.createElement("div", {
164
- className: "dropdown__elements dropdown__elements--row"
164
+ className: "dropdown__elements"
165
165
  }, /*#__PURE__*/React__default.createElement("a", {
166
166
  href: "".concat(productsUrl, "/").concat(categorySlug),
167
167
  className: "dropdown__element"
@@ -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"
@@ -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,
@@ -207,7 +382,7 @@
207
382
 
208
383
  var getBrands = function getBrands() {
209
384
  return {
210
- query: "{\n latest_arrivals: luxity_brands(has_products: true, limit: 1000, page: 1) {data {id name slug}}\n bags: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: BAGS) {data {id name slug}}\n shoes: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: SHOES) {data {id name slug}}\n apparel: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: APPAREL) {data {id name slug}}\n accessories: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: ACCESSORIES) {data {id name slug}}\n watches: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: WATCHES) {data {id name slug}}\n accessories_categories: luxity_accessories_categories_list { id name slug }\n apparel_styles: luxity_apparel_styles_list { name slug }\n } "
385
+ query: "{\n latest_arrivals: luxity_brands(has_products: true, limit: 1000, page: 1, sort_by: \"name|asc\") {data {id name slug}}\n bags: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: BAGS, sort_by: \"name|asc\") {data {id name slug}}\n shoes: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: SHOES, sort_by: \"name|asc\") {data {id name slug}}\n apparel: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: APPAREL, sort_by: \"name|asc\") {data {id name slug}}\n accessories: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: ACCESSORIES, sort_by: \"name|asc\") {data {id name slug}}\n watches: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: WATCHES, sort_by: \"name|asc\") {data {id name slug}}\n accessories_categories: luxity_accessories_categories_list { id name slug }\n apparel_styles: luxity_apparel_styles_list { name slug }\n } "
211
386
  };
212
387
  };
213
388
  var searchProducts = function searchProducts(search, limit) {
@@ -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/LuxitySideNav.js CHANGED
@@ -207,7 +207,7 @@
207
207
 
208
208
  var getBrands = function getBrands() {
209
209
  return {
210
- query: "{\n latest_arrivals: luxity_brands(has_products: true, limit: 1000, page: 1) {data {id name slug}}\n bags: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: BAGS) {data {id name slug}}\n shoes: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: SHOES) {data {id name slug}}\n apparel: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: APPAREL) {data {id name slug}}\n accessories: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: ACCESSORIES) {data {id name slug}}\n watches: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: WATCHES) {data {id name slug}}\n accessories_categories: luxity_accessories_categories_list { id name slug }\n apparel_styles: luxity_apparel_styles_list { name slug }\n } "
210
+ query: "{\n latest_arrivals: luxity_brands(has_products: true, limit: 1000, page: 1, sort_by: \"name|asc\") {data {id name slug}}\n bags: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: BAGS, sort_by: \"name|asc\") {data {id name slug}}\n shoes: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: SHOES, sort_by: \"name|asc\") {data {id name slug}}\n apparel: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: APPAREL, sort_by: \"name|asc\") {data {id name slug}}\n accessories: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: ACCESSORIES, sort_by: \"name|asc\") {data {id name slug}}\n watches: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: WATCHES, sort_by: \"name|asc\") {data {id name slug}}\n accessories_categories: luxity_accessories_categories_list { id name slug }\n apparel_styles: luxity_apparel_styles_list { name slug }\n } "
211
211
  };
212
212
  };
213
213
 
@@ -0,0 +1,3 @@
1
+ bundle.css
2
+ bundle.js
3
+ constants.js
File without changes
package/build/bundle.css CHANGED
@@ -1 +1 @@
1
- .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}.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%}.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}}.stores-dropdown{align-items:flex-start;display:flex;font-family:Martel Sans;gap:20px;margin-left:auto;margin-right:auto;max-width:1280px;overflow-x:auto;padding:20px 15px}.stores-dropdown__image{height:200px;-o-object-fit:cover;object-fit:cover;width:100%}.stores-dropdown__store-details{flex-basis:20%}.stores-dropdown__title{font-family:El Messiri}.stores-dropdown__main-title,.stores-dropdown__title{font-size:16px;font-weight:400;letter-spacing:3px;margin-top:20px}.stores-dropdown__main-title{font-weight:700;margin-bottom:10px}.stores-dropdown__open-days{font-size:12px;font-weight:700;line-height:20px}.stores-dropdown__open-hours{font-size:12px;font-weight:400;line-height:20px}.stores-dropdown__queries-title{font-family:El Messiri;font-size:16px;font-weight:400;letter-spacing:3px}.stores-dropdown__contact-details{font-size:16px;font-weight:700}.stores-dropdown__view-more{cursor:pointer;font-size:14px;font-weight:400;margin-top:10px;text-transform:capitalize}.dropdown{display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:1280px;min-height:500px;overflow-x:auto;padding:20px 0}.dropdown__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center;min-height:300px}.dropdown__column{flex:1;padding-left:12px}.dropdown__column:nth-child(2){flex:2}.dropdown__title{font-family:El Messiri;font-size:16px;font-weight:700;letter-spacing:3px;line-height:1;margin-bottom:20px;text-transform:uppercase}.dropdown__elements{display:flex}.dropdown__elements--column{flex-direction:column}.dropdown__elements--row{flex-flow:row wrap;justify-content:flex-start}.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
@@ -14402,7 +14402,7 @@
14402
14402
 
14403
14403
  var getBrands = function getBrands() {
14404
14404
  return {
14405
- query: "{\n latest_arrivals: luxity_brands(has_products: true, limit: 1000, page: 1) {data {id name slug}}\n bags: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: BAGS) {data {id name slug}}\n shoes: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: SHOES) {data {id name slug}}\n apparel: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: APPAREL) {data {id name slug}}\n accessories: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: ACCESSORIES) {data {id name slug}}\n watches: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: WATCHES) {data {id name slug}}\n accessories_categories: luxity_accessories_categories_list { id name slug }\n apparel_styles: luxity_apparel_styles_list { name slug }\n } "
14405
+ query: "{\n latest_arrivals: luxity_brands(has_products: true, limit: 1000, page: 1, sort_by: \"name|asc\") {data {id name slug}}\n bags: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: BAGS, sort_by: \"name|asc\") {data {id name slug}}\n shoes: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: SHOES, sort_by: \"name|asc\") {data {id name slug}}\n apparel: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: APPAREL, sort_by: \"name|asc\") {data {id name slug}}\n accessories: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: ACCESSORIES, sort_by: \"name|asc\") {data {id name slug}}\n watches: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: WATCHES, sort_by: \"name|asc\") {data {id name slug}}\n accessories_categories: luxity_accessories_categories_list { id name slug }\n apparel_styles: luxity_apparel_styles_list { name slug }\n } "
14406
14406
  };
14407
14407
  };
14408
14408
  var searchProducts = function searchProducts(search, limit) {
@@ -14454,7 +14454,7 @@
14454
14454
  }, /*#__PURE__*/React__default.createElement("div", {
14455
14455
  className: "dropdown__title"
14456
14456
  }, "Brands"), /*#__PURE__*/React__default.createElement("div", {
14457
- className: "dropdown__elements dropdown__elements--row"
14457
+ className: "dropdown__elements"
14458
14458
  }, /*#__PURE__*/React__default.createElement("a", {
14459
14459
  href: "".concat(productsUrl, "/").concat(categorySlug),
14460
14460
  className: "dropdown__element"
@@ -14628,7 +14628,9 @@
14628
14628
  onLogoClick = _ref.onLogoClick,
14629
14629
  endpoint = _ref.endpoint,
14630
14630
  onSearchSubmit = _ref.onSearchSubmit,
14631
- onProductIdsReceived = _ref.onProductIdsReceived;
14631
+ onProductIdsReceived = _ref.onProductIdsReceived,
14632
+ shop = _ref.shop,
14633
+ app = _ref.app;
14632
14634
 
14633
14635
  var _useState = React.useState(''),
14634
14636
  _useState2 = _slicedToArray(_useState, 2),
@@ -14777,7 +14779,8 @@
14777
14779
  placeholder: "Search for items and designs",
14778
14780
  value: searchValue,
14779
14781
  onChange: handleChange,
14780
- onKeyDown: handleKeyDown
14782
+ onKeyDown: handleKeyDown,
14783
+ onClick: onSearch
14781
14784
  })), /*#__PURE__*/React__default.createElement(SearchResults, {
14782
14785
  searchValue: searchValue,
14783
14786
  searchLoading: searchLoading,
@@ -14909,12 +14912,12 @@
14909
14912
  className: "navbar__icons"
14910
14913
  }, /*#__PURE__*/React__default.createElement("button", {
14911
14914
  type: "button",
14912
- className: "navbar__icon",
14915
+ className: "".concat(app ? 'navbar__icon--app' : 'navbar__icon'),
14913
14916
  onClick: onInterestClick
14914
14917
  }, /*#__PURE__*/React__default.createElement("img", {
14915
14918
  src: interestIcon,
14916
14919
  alt: "interest-icon"
14917
- })), /*#__PURE__*/React__default.createElement("button", {
14920
+ })), shop && /*#__PURE__*/React__default.createElement("button", {
14918
14921
  type: "button",
14919
14922
  className: "navbar__icon",
14920
14923
  onClick: onAccountClick
@@ -14923,12 +14926,12 @@
14923
14926
  alt: "account-icon"
14924
14927
  })), /*#__PURE__*/React__default.createElement("button", {
14925
14928
  type: "button",
14926
- className: "navbar__cart-icon navbar__icon",
14929
+ className: "navbar__cart-icon ".concat(app ? 'navbar__icon--app' : 'navbar__icon'),
14927
14930
  onClick: onCartClick
14928
14931
  }, /*#__PURE__*/React__default.createElement("img", {
14929
14932
  src: cartIcon,
14930
14933
  alt: "cart-icon"
14931
- }), /*#__PURE__*/React__default.createElement("div", {
14934
+ }), shop && /*#__PURE__*/React__default.createElement("div", {
14932
14935
  className: "navbar__cart-count"
14933
14936
  }, cartCount))), /*#__PURE__*/React__default.createElement("nav", {
14934
14937
  className: "navbar__nav-links"
@@ -15382,6 +15385,181 @@
15382
15385
  })));
15383
15386
  };
15384
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
+
15385
15563
  var LuxityMobileHeader = function LuxityMobileHeader(_ref) {
15386
15564
  var logoSrc = _ref.logoSrc,
15387
15565
  menuIcon = _ref.menuIcon,
@@ -15391,20 +15569,37 @@
15391
15569
  cartIcon = _ref.cartIcon,
15392
15570
  cartCount = _ref.cartCount,
15393
15571
  closeIcon = _ref.closeIcon,
15572
+ accountIcon = _ref.accountIcon,
15573
+ saleIcon = _ref.saleIcon,
15574
+ orderIcon = _ref.orderIcon,
15394
15575
  accordionIcon = _ref.accordionIcon,
15395
15576
  backIcon = _ref.backIcon,
15396
15577
  productsUrl = _ref.productsUrl,
15397
15578
  stores = _ref.stores,
15398
15579
  categoryElements = _ref.categoryElements,
15399
15580
  onAccountClick = _ref.onAccountClick,
15581
+ onDashboardClick = _ref.onDashboardClick,
15400
15582
  contactUsLink = _ref.contactUsLink,
15401
15583
  ourStoryLink = _ref.ourStoryLink,
15402
15584
  blogLink = _ref.blogLink,
15585
+ bugReportLink = _ref.bugReportLink,
15403
15586
  onSellToUsClick = _ref.onSellToUsClick,
15404
15587
  onLogoClick = _ref.onLogoClick,
15588
+ onLuxityShopClick = _ref.onLuxityShopClick,
15405
15589
  endpoint = _ref.endpoint,
15406
15590
  onSearchSubmit = _ref.onSearchSubmit,
15407
- 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;
15408
15603
 
15409
15604
  var _useState = React.useState(''),
15410
15605
  _useState2 = _slicedToArray(_useState, 2),
@@ -15489,6 +15684,56 @@
15489
15684
  setShowSideNav(false);
15490
15685
  };
15491
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
+
15492
15737
  return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
15493
15738
  className: "navbar navbar__mobile-wrapper"
15494
15739
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -15514,7 +15759,7 @@
15514
15759
  className: "navbar__icons-wrapper"
15515
15760
  }, /*#__PURE__*/React__default.createElement("div", {
15516
15761
  className: "navbar__icons"
15517
- }, /*#__PURE__*/React__default.createElement("button", {
15762
+ }, shop && /*#__PURE__*/React__default.createElement("button", {
15518
15763
  type: "button",
15519
15764
  className: "navbar__icon",
15520
15765
  onClick: onSearchClick
@@ -15529,7 +15774,7 @@
15529
15774
  }, /*#__PURE__*/React__default.createElement("img", {
15530
15775
  src: cartIcon,
15531
15776
  alt: "cart-icon"
15532
- }), /*#__PURE__*/React__default.createElement("div", {
15777
+ }), shop && /*#__PURE__*/React__default.createElement("div", {
15533
15778
  className: "navbar__cart-count"
15534
15779
  }, cartCount))))), showSearchBar && /*#__PURE__*/React__default.createElement("div", {
15535
15780
  className: "navbar__product-search-wrapper"
@@ -15559,7 +15804,7 @@
15559
15804
  },
15560
15805
  onSearchSubmit: onSearchSubmit,
15561
15806
  setSearchValue: setSearchValue
15562
- }), /*#__PURE__*/React__default.createElement(LuxitySideNav, {
15807
+ }), shop && /*#__PURE__*/React__default.createElement(LuxitySideNav, {
15563
15808
  accordionIcon: accordionIcon,
15564
15809
  logoSrc: logoSrc,
15565
15810
  closeIcon: closeIcon,
@@ -15576,6 +15821,28 @@
15576
15821
  showSideNav: showSideNav,
15577
15822
  onMenuClick: onMenuClick,
15578
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
15579
15846
  }));
15580
15847
  };
15581
15848
 
@@ -15589,6 +15856,7 @@
15589
15856
  exports.InterestItem = InterestItem$1;
15590
15857
  exports.Interests = Interests;
15591
15858
  exports.InvertedTextButton = InvertedTextButton$1;
15859
+ exports.LuxityAppSideNav = LuxityAppSideNav;
15592
15860
  exports.LuxityDesktopHeader = LuxityDesktopHeader;
15593
15861
  exports.LuxityFooter = index$6;
15594
15862
  exports.LuxityMobileHeader = LuxityMobileHeader;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonlineza/luxity-lib",
3
- "version": "2.32.3",
3
+ "version": "2.32.5",
4
4
  "scripts": {
5
5
  "start": "start-storybook -p 9001 -c .storybook -s ./public",
6
6
  "clean": "rimraf ./build/*.*",
@@ -0,0 +1,6 @@
1
+ module.exports = {
2
+ plugins: {
3
+ tailwindcss: {},
4
+ autoprefixer: {},
5
+ },
6
+ };