@bonlineza/luxity-lib 2.39.5 → 2.39.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (96) hide show
  1. package/Accordion.js +342 -352
  2. package/AddInterest.js +3136 -3142
  3. package/AddProductInterest.js +999 -7572
  4. package/BrandSelector.js +854 -861
  5. package/Checkbox.js +240 -250
  6. package/CheckboxButton.js +229 -236
  7. package/CommunicationPreferenceOptionsRenderer.js +560 -568
  8. package/CommunicationPreferenceSection.js +651 -659
  9. package/CommunicationPreferences.js +2394 -2402
  10. package/ConditionSelector.js +852 -859
  11. package/CountryCodeSelect.js +79 -6650
  12. package/CurrencyInputFormatter.js +86 -96
  13. package/CurrencySelect.js +219 -227
  14. package/DropdownSelector.js +212 -6821
  15. package/GALink.js +43 -51
  16. package/GenderSelector.js +355 -362
  17. package/GraphQLDropdownSelector.js +5308 -11879
  18. package/GraphQLMultiSelector.js +593 -601
  19. package/IconHeader.js +118 -126
  20. package/IconWrapper.js +17 -25
  21. package/InterestCatSelector.js +424 -432
  22. package/InterestItem.js +462 -470
  23. package/Interests.js +4718 -11289
  24. package/InterestsSubheading.js +33 -41
  25. package/InvertedTextButton.js +167 -175
  26. package/LuxityAppSideNav.js +181 -189
  27. package/LuxityDesktopHeader.js +1355 -1363
  28. package/LuxityFooter.js +2228 -2236
  29. package/LuxityGraphQLDropdownSelector.js +5393 -11964
  30. package/LuxityGraphQLMultiselector.js +778 -785
  31. package/LuxityMobileHeader.js +1786 -1794
  32. package/LuxityPageReady.js +199 -209
  33. package/LuxityProductInterestItem.js +359 -367
  34. package/LuxitySideNav.js +665 -673
  35. package/MaterialSelector.js +5428 -11999
  36. package/ModelSelector.js +5428 -11999
  37. package/NotificationDropDown.js +459 -7030
  38. package/Notify.js +20 -32
  39. package/OutlinePrimaryButton.js +134 -142
  40. package/PriceRangeSelector.js +1264 -1270
  41. package/PrimaryButton.js +129 -137
  42. package/RadioButtons.js +308 -318
  43. package/RangeSlider.js +1033 -1039
  44. package/RareStepFooter.js +257 -264
  45. package/RareStepHeader.js +801 -808
  46. package/ReactSelectWrapper.js +33 -6604
  47. package/SecondaryButton.js +144 -152
  48. package/ShoeSizeRangeSelector.js +1147 -1153
  49. package/ShoeSizeSelector.js +1146 -1154
  50. package/SimpleErrorBoundary.js +130 -138
  51. package/StyleSelector.js +854 -861
  52. package/TestComponent.js +15 -0
  53. package/TextButton.js +135 -143
  54. package/Tooltip.js +176 -184
  55. package/Tracking.js +15 -25
  56. package/WrapperButton.js +50 -58
  57. package/build/CountryCodeSelect/index.js +18 -0
  58. package/build/ReactSelectWrapper/index.js +34 -0
  59. package/build/bundle.css +1 -1
  60. package/build/bundle.js +10634 -17239
  61. package/build/constants.js +32 -45
  62. package/package.json +2 -2
  63. package/postcss.config.js +6 -0
  64. package/svg/Accessories.js +34 -42
  65. package/svg/Account.js +30 -38
  66. package/svg/Add.js +31 -39
  67. package/svg/ArrowRight.js +28 -36
  68. package/svg/Bags.js +40 -48
  69. package/svg/BurgerMenu.js +24 -32
  70. package/svg/Calendar.js +98 -106
  71. package/svg/CalendarCircled.js +100 -108
  72. package/svg/CheckCircled.js +32 -40
  73. package/svg/Close.js +29 -37
  74. package/svg/Clothing.js +36 -44
  75. package/svg/Dot.js +32 -40
  76. package/svg/Edit.js +27 -35
  77. package/svg/Eye.js +28 -36
  78. package/svg/FileAttach.js +28 -36
  79. package/svg/FileAttachCircled.js +30 -38
  80. package/svg/Jewellery.js +49 -57
  81. package/svg/LightBulb.js +58 -66
  82. package/svg/Logo.js +132 -140
  83. package/svg/LuxityMenu.js +28 -36
  84. package/svg/Minus.js +29 -37
  85. package/svg/MobileAvatar.js +28 -36
  86. package/svg/MyOrder.js +36 -44
  87. package/svg/MyPayment.js +36 -44
  88. package/svg/MyProfile.js +44 -52
  89. package/svg/MySale.js +31 -39
  90. package/svg/Notification.js +30 -38
  91. package/svg/PointerDown.js +28 -36
  92. package/svg/Search.js +27 -35
  93. package/svg/Shoes.js +37 -45
  94. package/svg/SvgWrapper.js +13 -21
  95. package/svg/Trash.js +32 -40
  96. package/svg/Watches.js +47 -55
package/LuxityAppSideNav.js CHANGED
@@ -1,195 +1,187 @@
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';
1
+ import React from 'react';
6
2
 
7
- React = React && Object.prototype.hasOwnProperty.call(React, 'default') ? React['default'] : React;
3
+ var LuxityAppSideNav = function LuxityAppSideNav(_ref) {
4
+ var closeIcon = _ref.closeIcon,
5
+ accountIcon = _ref.accountIcon,
6
+ orderIcon = _ref.orderIcon,
7
+ saleIcon = _ref.saleIcon,
8
+ onDashboardClick = _ref.onDashboardClick,
9
+ onLogoutClick = _ref.onLogoutClick,
10
+ bugReportLink = _ref.bugReportLink,
11
+ onLuxityShopClick = _ref.onLuxityShopClick,
12
+ onInterestClick = _ref.onInterestClick,
13
+ onAddressClick = _ref.onAddressClick,
14
+ onCouponsClick = _ref.onCouponsClick,
15
+ onEditProfileClick = _ref.onEditProfileClick,
16
+ onCurrentOrdersClick = _ref.onCurrentOrdersClick,
17
+ onPastOrdersClick = _ref.onPastOrdersClick,
18
+ onSubmissionsClick = _ref.onSubmissionsClick,
19
+ onPastSalesClick = _ref.onPastSalesClick,
20
+ onPaidOutClick = _ref.onPaidOutClick,
21
+ showSideNav = _ref.showSideNav,
22
+ onMenuClick = _ref.onMenuClick;
8
23
 
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
- onSubmissionsClick = _ref.onSubmissionsClick,
25
- onPastSalesClick = _ref.onPastSalesClick,
26
- onPaidOutClick = _ref.onPaidOutClick,
27
- showSideNav = _ref.showSideNav,
28
- onMenuClick = _ref.onMenuClick;
24
+ var onCloseSideNav = function onCloseSideNav(e) {
25
+ onMenuClick();
29
26
 
30
- var onCloseSideNav = function onCloseSideNav(e) {
31
- onMenuClick();
32
-
33
- if (e.key === 'Enter') {
34
- e.preventDefault();
35
- }
36
- };
37
-
38
- return /*#__PURE__*/React.createElement("div", {
39
- className: "side-nav"
40
- }, /*#__PURE__*/React.createElement("div", {
41
- role: "button",
42
- tabIndex: 0,
43
- className: "side-nav__overlay ".concat(showSideNav ? 'side-nav__overlay--visible' : 'side-nav__overlay--hidden', " "),
44
- onClick: onCloseSideNav,
45
- onKeyDown: onCloseSideNav
46
- }), /*#__PURE__*/React.createElement("div", {
47
- className: "side-nav__content ".concat(showSideNav ? 'side-nav__content--open' : 'side-nav__content--closed')
48
- }, /*#__PURE__*/React.createElement("button", {
49
- type: "button",
50
- onClick: onMenuClick,
51
- className: "side-nav__icon-container"
52
- }, /*#__PURE__*/React.createElement("img", {
53
- src: closeIcon,
54
- alt: "close-icon",
55
- className: "side-nav__close-icon"
56
- })), /*#__PURE__*/React.createElement("div", {
57
- className: "side-nav__menu-items-wrapper"
58
- }, /*#__PURE__*/React.createElement("div", {
59
- className: "side-nav__menu-item"
60
- }, /*#__PURE__*/React.createElement("button", {
61
- type: "button",
62
- className: "side-nav__menu-title-wrapper"
63
- }, /*#__PURE__*/React.createElement("span", {
64
- className: "side-nav__menu-title"
65
- }, /*#__PURE__*/React.createElement("img", {
66
- src: accountIcon,
67
- alt: "close-icon",
68
- className: "side-nav__menu-icon"
69
- }), "Account"))), onInterestClick && /*#__PURE__*/React.createElement("div", {
70
- className: "side-nav__menu-item"
71
- }, /*#__PURE__*/React.createElement("button", {
72
- type: "button",
73
- className: "side-nav__menu-title-wrapper",
74
- onClick: onInterestClick
75
- }, /*#__PURE__*/React.createElement("span", {
76
- className: "side-nav__menu-title"
77
- }, "Interests"))), /*#__PURE__*/React.createElement("div", {
78
- className: "side-nav__menu-item"
79
- }, /*#__PURE__*/React.createElement("button", {
80
- type: "button",
81
- className: "side-nav__menu-title-wrapper",
82
- onClick: onAddressClick
83
- }, /*#__PURE__*/React.createElement("span", {
84
- className: "side-nav__menu-title"
85
- }, "Addresses"))), /*#__PURE__*/React.createElement("div", {
86
- className: "side-nav__menu-item"
87
- }, /*#__PURE__*/React.createElement("button", {
88
- type: "button",
89
- className: "side-nav__menu-title-wrapper",
90
- onClick: onCouponsClick
91
- }, /*#__PURE__*/React.createElement("span", {
92
- className: "side-nav__menu-title"
93
- }, "Coupons"))), /*#__PURE__*/React.createElement("div", {
94
- className: "side-nav__menu-item"
95
- }, /*#__PURE__*/React.createElement("button", {
96
- type: "button",
97
- className: "side-nav__menu-title-wrapper",
98
- onClick: onEditProfileClick
99
- }, /*#__PURE__*/React.createElement("span", {
100
- className: "side-nav__menu-title"
101
- }, "Edit Profile"))), /*#__PURE__*/React.createElement("div", {
102
- className: "side-nav__menu-divider"
103
- }, " "), /*#__PURE__*/React.createElement("div", {
104
- className: "side-nav__menu-item"
105
- }, /*#__PURE__*/React.createElement("button", {
106
- type: "button",
107
- className: "side-nav__menu-title-wrapper"
108
- }, /*#__PURE__*/React.createElement("span", {
109
- className: "side-nav__menu-title"
110
- }, /*#__PURE__*/React.createElement("img", {
111
- src: orderIcon,
112
- alt: "close-icon",
113
- className: "side-nav__menu-icon"
114
- }), "Orders"))), /*#__PURE__*/React.createElement("div", {
115
- className: "side-nav__menu-item"
116
- }, /*#__PURE__*/React.createElement("button", {
117
- type: "button",
118
- className: "side-nav__menu-title-wrapper",
119
- onClick: onCurrentOrdersClick
120
- }, /*#__PURE__*/React.createElement("span", {
121
- className: "side-nav__menu-title"
122
- }, "Current Orders"))), /*#__PURE__*/React.createElement("div", {
123
- className: "side-nav__menu-item"
124
- }, /*#__PURE__*/React.createElement("button", {
125
- type: "button",
126
- className: "side-nav__menu-title-wrapper",
127
- onClick: onPastOrdersClick
128
- }, /*#__PURE__*/React.createElement("span", {
129
- className: "side-nav__menu-title"
130
- }, "Past Orders"))), /*#__PURE__*/React.createElement("div", {
131
- className: "side-nav__menu-divider"
132
- }, " "), /*#__PURE__*/React.createElement("div", {
133
- className: "side-nav__menu-item"
134
- }, /*#__PURE__*/React.createElement("button", {
135
- type: "button",
136
- className: "side-nav__menu-title-wrapper"
137
- }, /*#__PURE__*/React.createElement("span", {
138
- className: "side-nav__menu-title"
139
- }, /*#__PURE__*/React.createElement("img", {
140
- src: saleIcon,
141
- alt: "close-icon",
142
- className: "side-nav__menu-icon"
143
- }), "Sales"))), /*#__PURE__*/React.createElement("div", {
144
- className: "side-nav__menu-item"
145
- }, /*#__PURE__*/React.createElement("button", {
146
- type: "button",
147
- className: "side-nav__menu-title-wrapper",
148
- onClick: onSubmissionsClick
149
- }, /*#__PURE__*/React.createElement("span", {
150
- className: "side-nav__menu-title"
151
- }, "Submissions"))), /*#__PURE__*/React.createElement("div", {
152
- className: "side-nav__menu-item"
153
- }, /*#__PURE__*/React.createElement("button", {
154
- type: "button",
155
- className: "side-nav__menu-title-wrapper",
156
- onClick: onPastSalesClick
157
- }, /*#__PURE__*/React.createElement("span", {
158
- className: "side-nav__menu-title"
159
- }, "Sales & Consignments"))), /*#__PURE__*/React.createElement("div", {
160
- className: "side-nav__menu-item"
161
- }, /*#__PURE__*/React.createElement("button", {
162
- type: "button",
163
- className: "side-nav__menu-title-wrapper",
164
- onClick: onPaidOutClick
165
- }, /*#__PURE__*/React.createElement("span", {
166
- className: "side-nav__menu-title"
167
- }, "Paid Out"))), /*#__PURE__*/React.createElement("div", {
168
- className: "side-nav__menu-item"
169
- }, /*#__PURE__*/React.createElement("button", {
170
- type: "button",
171
- className: "side-nav__block-button",
172
- onClick: onLuxityShopClick
173
- }, "LUXITY SHOP")), /*#__PURE__*/React.createElement("div", {
174
- className: "side-nav__menu-item"
175
- }, /*#__PURE__*/React.createElement("button", {
176
- type: "button",
177
- className: "side-nav__sub-link",
178
- onClick: onDashboardClick
179
- }, "Dashboard")), /*#__PURE__*/React.createElement("div", {
180
- className: "side-nav__menu-item"
181
- }, /*#__PURE__*/React.createElement("a", {
182
- href: bugReportLink,
183
- className: "side-nav__sub-link"
184
- }, "Help")), /*#__PURE__*/React.createElement("div", {
185
- className: "side-nav__menu-item"
186
- }, /*#__PURE__*/React.createElement("button", {
187
- type: "button",
188
- className: "side-nav__sub-link",
189
- onClick: onLogoutClick
190
- }, "Logout")))));
27
+ if (e.key === 'Enter') {
28
+ e.preventDefault();
29
+ }
191
30
  };
192
31
 
193
- return LuxityAppSideNav;
32
+ return /*#__PURE__*/React.createElement("div", {
33
+ className: "side-nav"
34
+ }, /*#__PURE__*/React.createElement("div", {
35
+ role: "button",
36
+ tabIndex: 0,
37
+ className: "side-nav__overlay ".concat(showSideNav ? 'side-nav__overlay--visible' : 'side-nav__overlay--hidden', " "),
38
+ onClick: onCloseSideNav,
39
+ onKeyDown: onCloseSideNav
40
+ }), /*#__PURE__*/React.createElement("div", {
41
+ className: "side-nav__content ".concat(showSideNav ? 'side-nav__content--open' : 'side-nav__content--closed')
42
+ }, /*#__PURE__*/React.createElement("button", {
43
+ type: "button",
44
+ onClick: onMenuClick,
45
+ className: "side-nav__icon-container"
46
+ }, /*#__PURE__*/React.createElement("img", {
47
+ src: closeIcon,
48
+ alt: "close-icon",
49
+ className: "side-nav__close-icon"
50
+ })), /*#__PURE__*/React.createElement("div", {
51
+ className: "side-nav__menu-items-wrapper"
52
+ }, /*#__PURE__*/React.createElement("div", {
53
+ className: "side-nav__menu-item"
54
+ }, /*#__PURE__*/React.createElement("button", {
55
+ type: "button",
56
+ className: "side-nav__menu-title-wrapper"
57
+ }, /*#__PURE__*/React.createElement("span", {
58
+ className: "side-nav__menu-title"
59
+ }, /*#__PURE__*/React.createElement("img", {
60
+ src: accountIcon,
61
+ alt: "close-icon",
62
+ className: "side-nav__menu-icon"
63
+ }), "Account"))), onInterestClick && /*#__PURE__*/React.createElement("div", {
64
+ className: "side-nav__menu-item"
65
+ }, /*#__PURE__*/React.createElement("button", {
66
+ type: "button",
67
+ className: "side-nav__menu-title-wrapper",
68
+ onClick: onInterestClick
69
+ }, /*#__PURE__*/React.createElement("span", {
70
+ className: "side-nav__menu-title"
71
+ }, "Interests"))), /*#__PURE__*/React.createElement("div", {
72
+ className: "side-nav__menu-item"
73
+ }, /*#__PURE__*/React.createElement("button", {
74
+ type: "button",
75
+ className: "side-nav__menu-title-wrapper",
76
+ onClick: onAddressClick
77
+ }, /*#__PURE__*/React.createElement("span", {
78
+ className: "side-nav__menu-title"
79
+ }, "Addresses"))), /*#__PURE__*/React.createElement("div", {
80
+ className: "side-nav__menu-item"
81
+ }, /*#__PURE__*/React.createElement("button", {
82
+ type: "button",
83
+ className: "side-nav__menu-title-wrapper",
84
+ onClick: onCouponsClick
85
+ }, /*#__PURE__*/React.createElement("span", {
86
+ className: "side-nav__menu-title"
87
+ }, "Coupons"))), /*#__PURE__*/React.createElement("div", {
88
+ className: "side-nav__menu-item"
89
+ }, /*#__PURE__*/React.createElement("button", {
90
+ type: "button",
91
+ className: "side-nav__menu-title-wrapper",
92
+ onClick: onEditProfileClick
93
+ }, /*#__PURE__*/React.createElement("span", {
94
+ className: "side-nav__menu-title"
95
+ }, "Edit Profile"))), /*#__PURE__*/React.createElement("div", {
96
+ className: "side-nav__menu-divider"
97
+ }, " "), /*#__PURE__*/React.createElement("div", {
98
+ className: "side-nav__menu-item"
99
+ }, /*#__PURE__*/React.createElement("button", {
100
+ type: "button",
101
+ className: "side-nav__menu-title-wrapper"
102
+ }, /*#__PURE__*/React.createElement("span", {
103
+ className: "side-nav__menu-title"
104
+ }, /*#__PURE__*/React.createElement("img", {
105
+ src: orderIcon,
106
+ alt: "close-icon",
107
+ className: "side-nav__menu-icon"
108
+ }), "Orders"))), /*#__PURE__*/React.createElement("div", {
109
+ className: "side-nav__menu-item"
110
+ }, /*#__PURE__*/React.createElement("button", {
111
+ type: "button",
112
+ className: "side-nav__menu-title-wrapper",
113
+ onClick: onCurrentOrdersClick
114
+ }, /*#__PURE__*/React.createElement("span", {
115
+ className: "side-nav__menu-title"
116
+ }, "Current Orders"))), /*#__PURE__*/React.createElement("div", {
117
+ className: "side-nav__menu-item"
118
+ }, /*#__PURE__*/React.createElement("button", {
119
+ type: "button",
120
+ className: "side-nav__menu-title-wrapper",
121
+ onClick: onPastOrdersClick
122
+ }, /*#__PURE__*/React.createElement("span", {
123
+ className: "side-nav__menu-title"
124
+ }, "Past Orders"))), /*#__PURE__*/React.createElement("div", {
125
+ className: "side-nav__menu-divider"
126
+ }, " "), /*#__PURE__*/React.createElement("div", {
127
+ className: "side-nav__menu-item"
128
+ }, /*#__PURE__*/React.createElement("button", {
129
+ type: "button",
130
+ className: "side-nav__menu-title-wrapper"
131
+ }, /*#__PURE__*/React.createElement("span", {
132
+ className: "side-nav__menu-title"
133
+ }, /*#__PURE__*/React.createElement("img", {
134
+ src: saleIcon,
135
+ alt: "close-icon",
136
+ className: "side-nav__menu-icon"
137
+ }), "Sales"))), /*#__PURE__*/React.createElement("div", {
138
+ className: "side-nav__menu-item"
139
+ }, /*#__PURE__*/React.createElement("button", {
140
+ type: "button",
141
+ className: "side-nav__menu-title-wrapper",
142
+ onClick: onSubmissionsClick
143
+ }, /*#__PURE__*/React.createElement("span", {
144
+ className: "side-nav__menu-title"
145
+ }, "Submissions"))), /*#__PURE__*/React.createElement("div", {
146
+ className: "side-nav__menu-item"
147
+ }, /*#__PURE__*/React.createElement("button", {
148
+ type: "button",
149
+ className: "side-nav__menu-title-wrapper",
150
+ onClick: onPastSalesClick
151
+ }, /*#__PURE__*/React.createElement("span", {
152
+ className: "side-nav__menu-title"
153
+ }, "Sales & Consignments"))), /*#__PURE__*/React.createElement("div", {
154
+ className: "side-nav__menu-item"
155
+ }, /*#__PURE__*/React.createElement("button", {
156
+ type: "button",
157
+ className: "side-nav__menu-title-wrapper",
158
+ onClick: onPaidOutClick
159
+ }, /*#__PURE__*/React.createElement("span", {
160
+ className: "side-nav__menu-title"
161
+ }, "Paid Out"))), /*#__PURE__*/React.createElement("div", {
162
+ className: "side-nav__menu-item"
163
+ }, /*#__PURE__*/React.createElement("button", {
164
+ type: "button",
165
+ className: "side-nav__block-button",
166
+ onClick: onLuxityShopClick
167
+ }, "LUXITY SHOP")), /*#__PURE__*/React.createElement("div", {
168
+ className: "side-nav__menu-item"
169
+ }, /*#__PURE__*/React.createElement("button", {
170
+ type: "button",
171
+ className: "side-nav__sub-link",
172
+ onClick: onDashboardClick
173
+ }, "Dashboard")), /*#__PURE__*/React.createElement("div", {
174
+ className: "side-nav__menu-item"
175
+ }, /*#__PURE__*/React.createElement("a", {
176
+ href: bugReportLink,
177
+ className: "side-nav__sub-link"
178
+ }, "Help")), /*#__PURE__*/React.createElement("div", {
179
+ className: "side-nav__menu-item"
180
+ }, /*#__PURE__*/React.createElement("button", {
181
+ type: "button",
182
+ className: "side-nav__sub-link",
183
+ onClick: onLogoutClick
184
+ }, "Logout")))));
185
+ };
194
186
 
195
- })));
187
+ export default LuxityAppSideNav;