@bonlineza/luxity-lib 2.40.0 → 2.40.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/GraphQLDropdownSelector.js +8 -27
- package/Interests.js +4 -8
- package/LuxityGraphQLDropdownSelector.js +8 -27
- package/MaterialSelector.js +8 -27
- package/ModelSelector.js +8 -27
- package/NotificationDropDown.js +4 -8
- package/build/bundle.css +1 -1
- package/build/bundle.js +8 -466
- package/package.json +1 -1
|
@@ -9797,12 +9797,10 @@
|
|
|
9797
9797
|
|
|
9798
9798
|
var _data$data$user = data.data.user,
|
|
9799
9799
|
email_interest_send_schedule = _data$data$user.email_interest_send_schedule,
|
|
9800
|
-
whatsapp_interest_send_schedule = _data$data$user.whatsapp_interest_send_schedule
|
|
9801
|
-
can_receive_whatsapp_interest_notifications = _data$data$user.can_receive_whatsapp_interest_notifications;
|
|
9800
|
+
whatsapp_interest_send_schedule = _data$data$user.whatsapp_interest_send_schedule;
|
|
9802
9801
|
|
|
9803
9802
|
_this.setState({
|
|
9804
9803
|
options: options,
|
|
9805
|
-
canReceiveWhatsAppNotifications: !!can_receive_whatsapp_interest_notifications,
|
|
9806
9804
|
emailSelectedOption: options.find(function (item) {
|
|
9807
9805
|
return item.value === email_interest_send_schedule;
|
|
9808
9806
|
}),
|
|
@@ -9817,16 +9815,15 @@
|
|
|
9817
9815
|
options = _this$state.options,
|
|
9818
9816
|
emailSelectedOption = _this$state.emailSelectedOption,
|
|
9819
9817
|
whatsappSelectedOption = _this$state.whatsappSelectedOption,
|
|
9820
|
-
canReceiveWhatsAppNotifications = _this$state.canReceiveWhatsAppNotifications,
|
|
9821
9818
|
updating = _this$state.request.fetching;
|
|
9822
9819
|
return /*#__PURE__*/React__default.createElement(NotifyContainer, null, /*#__PURE__*/React__default.createElement(LuxityNotifications, null), /*#__PURE__*/React__default.createElement(LuxityPageReady, {
|
|
9823
9820
|
getRequestPromise: _this.props.getSchedule,
|
|
9824
9821
|
onData: function onData(data) {
|
|
9825
9822
|
return _this.onData(data);
|
|
9826
9823
|
}
|
|
9827
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
9824
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
9828
9825
|
className: "notification-settings"
|
|
9829
|
-
},
|
|
9826
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
9830
9827
|
className: "notification-row-wrapper"
|
|
9831
9828
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
9832
9829
|
className: "notification-dropdown-label"
|
|
@@ -9864,14 +9861,13 @@
|
|
|
9864
9861
|
return _this.postUpdate(option, 'EMAIL');
|
|
9865
9862
|
},
|
|
9866
9863
|
value: emailSelectedOption
|
|
9867
|
-
})))))
|
|
9864
|
+
})))));
|
|
9868
9865
|
});
|
|
9869
9866
|
|
|
9870
9867
|
_this.state = {
|
|
9871
9868
|
options: [],
|
|
9872
9869
|
emailSelectedOption: null,
|
|
9873
9870
|
whatsappSelectedOption: null,
|
|
9874
|
-
canReceiveWhatsAppNotifications: false,
|
|
9875
9871
|
request: _objectSpread2({}, request)
|
|
9876
9872
|
};
|
|
9877
9873
|
return _this;
|
|
@@ -12249,32 +12245,17 @@
|
|
|
12249
12245
|
var FooterPaymentImage = styled__default.img(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
|
|
12250
12246
|
var FooterConnectContainer = styled__default.div(_templateObject16$2 || (_templateObject16$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
|
|
12251
12247
|
|
|
12252
|
-
var _templateObject$V
|
|
12253
|
-
var
|
|
12254
|
-
var Options = styled__default.div(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n flex-basis: 60%;\n"])));
|
|
12255
|
-
|
|
12256
|
-
var _templateObject$W, _templateObject2$h;
|
|
12257
|
-
var SectionContainer = styled__default.div(_templateObject$W || (_templateObject$W = _taggedTemplateLiteral(["\n border-top: flex 1px solid ", ";\n border-top-width: calc(100% - 50px);\n padding: 5px 10px;\n"])), function (props) {
|
|
12258
|
-
return props.theme.colors.primary;
|
|
12259
|
-
});
|
|
12260
|
-
var SectionHeading = styled__default.div(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteral(["\n padding: 5px 10px;\n"])));
|
|
12261
|
-
|
|
12262
|
-
var _templateObject$X, _templateObject2$i, _templateObject3$9;
|
|
12263
|
-
var CommunicationPreferenceContainer = styled__default.div(_templateObject$X || (_templateObject$X = _taggedTemplateLiteral(["\n border: solid 1px #d1d5dbff;\n margin-bottom: 40px;\n"])));
|
|
12264
|
-
var EditButtonRow = styled__default.div(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteral(["\n display: flex;\n justify-content: end;\n padding: 10px 5px;\n margin-right: 16px;\n"])));
|
|
12265
|
-
var SubmitButton = styled__default.input(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n flex-basis: 15%;\n margin-right: 5px;\n"])));
|
|
12266
|
-
|
|
12267
|
-
var _templateObject$Y;
|
|
12268
|
-
var FooterWrapper$1 = styled__default.div(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n }\n"])), function (props) {
|
|
12248
|
+
var _templateObject$V;
|
|
12249
|
+
var FooterWrapper$1 = styled__default.div(_templateObject$V || (_templateObject$V = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n }\n"])), function (props) {
|
|
12269
12250
|
return props.theme.colors.gray;
|
|
12270
12251
|
});
|
|
12271
12252
|
|
|
12272
|
-
var _templateObject$
|
|
12253
|
+
var _templateObject$W;
|
|
12273
12254
|
var ALL_ITEM$1 = {
|
|
12274
12255
|
label: 'ALL',
|
|
12275
12256
|
value: 'ALL'
|
|
12276
12257
|
};
|
|
12277
|
-
var StyledMultiselector$1 = styled__default.div(_templateObject$
|
|
12258
|
+
var StyledMultiselector$1 = styled__default.div(_templateObject$W || (_templateObject$W = _taggedTemplateLiteral(["\n .multiselector__selected-items,\n .multiselector__selectable-items {\n display: flex;\n flex-flow: no-wrap;\n margin-bottom: 40px;\n .dropdown-select-container {\n width: 100%;\n .dropdown-select {\n &__control {\n border-color: ", ";\n border-radius: 0px;\n background-color: ", ";\n color: ", ";\n }\n &__multi-value {\n background-color: ", ";\n }\n &__multi-value__label {\n color: ", ";\n font-size: 100%;\n }\n &__multi-value__remove {\n svg {\n fill: ", ";\n }\n }\n }\n }\n }\n"])), function (props) {
|
|
12278
12259
|
return props.theme.colors.primary;
|
|
12279
12260
|
}, function (props) {
|
|
12280
12261
|
return props.theme.colors.ntrlMin;
|
package/Interests.js
CHANGED
|
@@ -7618,12 +7618,10 @@
|
|
|
7618
7618
|
|
|
7619
7619
|
var _data$data$user = data.data.user,
|
|
7620
7620
|
email_interest_send_schedule = _data$data$user.email_interest_send_schedule,
|
|
7621
|
-
whatsapp_interest_send_schedule = _data$data$user.whatsapp_interest_send_schedule
|
|
7622
|
-
can_receive_whatsapp_interest_notifications = _data$data$user.can_receive_whatsapp_interest_notifications;
|
|
7621
|
+
whatsapp_interest_send_schedule = _data$data$user.whatsapp_interest_send_schedule;
|
|
7623
7622
|
|
|
7624
7623
|
_this.setState({
|
|
7625
7624
|
options: options,
|
|
7626
|
-
canReceiveWhatsAppNotifications: !!can_receive_whatsapp_interest_notifications,
|
|
7627
7625
|
emailSelectedOption: options.find(function (item) {
|
|
7628
7626
|
return item.value === email_interest_send_schedule;
|
|
7629
7627
|
}),
|
|
@@ -7638,16 +7636,15 @@
|
|
|
7638
7636
|
options = _this$state.options,
|
|
7639
7637
|
emailSelectedOption = _this$state.emailSelectedOption,
|
|
7640
7638
|
whatsappSelectedOption = _this$state.whatsappSelectedOption,
|
|
7641
|
-
canReceiveWhatsAppNotifications = _this$state.canReceiveWhatsAppNotifications,
|
|
7642
7639
|
updating = _this$state.request.fetching;
|
|
7643
7640
|
return /*#__PURE__*/React__default.createElement(NotifyContainer, null, /*#__PURE__*/React__default.createElement(LuxityNotifications, null), /*#__PURE__*/React__default.createElement(LuxityPageReady, {
|
|
7644
7641
|
getRequestPromise: _this.props.getSchedule,
|
|
7645
7642
|
onData: function onData(data) {
|
|
7646
7643
|
return _this.onData(data);
|
|
7647
7644
|
}
|
|
7648
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
7645
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
7649
7646
|
className: "notification-settings"
|
|
7650
|
-
},
|
|
7647
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
7651
7648
|
className: "notification-row-wrapper"
|
|
7652
7649
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
7653
7650
|
className: "notification-dropdown-label"
|
|
@@ -7685,14 +7682,13 @@
|
|
|
7685
7682
|
return _this.postUpdate(option, 'EMAIL');
|
|
7686
7683
|
},
|
|
7687
7684
|
value: emailSelectedOption
|
|
7688
|
-
})))))
|
|
7685
|
+
})))));
|
|
7689
7686
|
});
|
|
7690
7687
|
|
|
7691
7688
|
_this.state = {
|
|
7692
7689
|
options: [],
|
|
7693
7690
|
emailSelectedOption: null,
|
|
7694
7691
|
whatsappSelectedOption: null,
|
|
7695
|
-
canReceiveWhatsAppNotifications: false,
|
|
7696
7692
|
request: _objectSpread2({}, request)
|
|
7697
7693
|
};
|
|
7698
7694
|
return _this;
|
|
@@ -9797,12 +9797,10 @@
|
|
|
9797
9797
|
|
|
9798
9798
|
var _data$data$user = data.data.user,
|
|
9799
9799
|
email_interest_send_schedule = _data$data$user.email_interest_send_schedule,
|
|
9800
|
-
whatsapp_interest_send_schedule = _data$data$user.whatsapp_interest_send_schedule
|
|
9801
|
-
can_receive_whatsapp_interest_notifications = _data$data$user.can_receive_whatsapp_interest_notifications;
|
|
9800
|
+
whatsapp_interest_send_schedule = _data$data$user.whatsapp_interest_send_schedule;
|
|
9802
9801
|
|
|
9803
9802
|
_this.setState({
|
|
9804
9803
|
options: options,
|
|
9805
|
-
canReceiveWhatsAppNotifications: !!can_receive_whatsapp_interest_notifications,
|
|
9806
9804
|
emailSelectedOption: options.find(function (item) {
|
|
9807
9805
|
return item.value === email_interest_send_schedule;
|
|
9808
9806
|
}),
|
|
@@ -9817,16 +9815,15 @@
|
|
|
9817
9815
|
options = _this$state.options,
|
|
9818
9816
|
emailSelectedOption = _this$state.emailSelectedOption,
|
|
9819
9817
|
whatsappSelectedOption = _this$state.whatsappSelectedOption,
|
|
9820
|
-
canReceiveWhatsAppNotifications = _this$state.canReceiveWhatsAppNotifications,
|
|
9821
9818
|
updating = _this$state.request.fetching;
|
|
9822
9819
|
return /*#__PURE__*/React__default.createElement(NotifyContainer, null, /*#__PURE__*/React__default.createElement(LuxityNotifications, null), /*#__PURE__*/React__default.createElement(LuxityPageReady, {
|
|
9823
9820
|
getRequestPromise: _this.props.getSchedule,
|
|
9824
9821
|
onData: function onData(data) {
|
|
9825
9822
|
return _this.onData(data);
|
|
9826
9823
|
}
|
|
9827
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
9824
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
9828
9825
|
className: "notification-settings"
|
|
9829
|
-
},
|
|
9826
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
9830
9827
|
className: "notification-row-wrapper"
|
|
9831
9828
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
9832
9829
|
className: "notification-dropdown-label"
|
|
@@ -9864,14 +9861,13 @@
|
|
|
9864
9861
|
return _this.postUpdate(option, 'EMAIL');
|
|
9865
9862
|
},
|
|
9866
9863
|
value: emailSelectedOption
|
|
9867
|
-
})))))
|
|
9864
|
+
})))));
|
|
9868
9865
|
});
|
|
9869
9866
|
|
|
9870
9867
|
_this.state = {
|
|
9871
9868
|
options: [],
|
|
9872
9869
|
emailSelectedOption: null,
|
|
9873
9870
|
whatsappSelectedOption: null,
|
|
9874
|
-
canReceiveWhatsAppNotifications: false,
|
|
9875
9871
|
request: _objectSpread2({}, request)
|
|
9876
9872
|
};
|
|
9877
9873
|
return _this;
|
|
@@ -12249,32 +12245,17 @@
|
|
|
12249
12245
|
var FooterPaymentImage = styled__default.img(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
|
|
12250
12246
|
var FooterConnectContainer = styled__default.div(_templateObject16$2 || (_templateObject16$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
|
|
12251
12247
|
|
|
12252
|
-
var _templateObject$V
|
|
12253
|
-
var
|
|
12254
|
-
var Options = styled__default.div(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n flex-basis: 60%;\n"])));
|
|
12255
|
-
|
|
12256
|
-
var _templateObject$W, _templateObject2$h;
|
|
12257
|
-
var SectionContainer = styled__default.div(_templateObject$W || (_templateObject$W = _taggedTemplateLiteral(["\n border-top: flex 1px solid ", ";\n border-top-width: calc(100% - 50px);\n padding: 5px 10px;\n"])), function (props) {
|
|
12258
|
-
return props.theme.colors.primary;
|
|
12259
|
-
});
|
|
12260
|
-
var SectionHeading = styled__default.div(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteral(["\n padding: 5px 10px;\n"])));
|
|
12261
|
-
|
|
12262
|
-
var _templateObject$X, _templateObject2$i, _templateObject3$9;
|
|
12263
|
-
var CommunicationPreferenceContainer = styled__default.div(_templateObject$X || (_templateObject$X = _taggedTemplateLiteral(["\n border: solid 1px #d1d5dbff;\n margin-bottom: 40px;\n"])));
|
|
12264
|
-
var EditButtonRow = styled__default.div(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteral(["\n display: flex;\n justify-content: end;\n padding: 10px 5px;\n margin-right: 16px;\n"])));
|
|
12265
|
-
var SubmitButton = styled__default.input(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n flex-basis: 15%;\n margin-right: 5px;\n"])));
|
|
12266
|
-
|
|
12267
|
-
var _templateObject$Y;
|
|
12268
|
-
var FooterWrapper$1 = styled__default.div(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n }\n"])), function (props) {
|
|
12248
|
+
var _templateObject$V;
|
|
12249
|
+
var FooterWrapper$1 = styled__default.div(_templateObject$V || (_templateObject$V = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n }\n"])), function (props) {
|
|
12269
12250
|
return props.theme.colors.gray;
|
|
12270
12251
|
});
|
|
12271
12252
|
|
|
12272
|
-
var _templateObject$
|
|
12253
|
+
var _templateObject$W;
|
|
12273
12254
|
var ALL_ITEM$1 = {
|
|
12274
12255
|
label: 'ALL',
|
|
12275
12256
|
value: 'ALL'
|
|
12276
12257
|
};
|
|
12277
|
-
var StyledMultiselector$1 = styled__default.div(_templateObject$
|
|
12258
|
+
var StyledMultiselector$1 = styled__default.div(_templateObject$W || (_templateObject$W = _taggedTemplateLiteral(["\n .multiselector__selected-items,\n .multiselector__selectable-items {\n display: flex;\n flex-flow: no-wrap;\n margin-bottom: 40px;\n .dropdown-select-container {\n width: 100%;\n .dropdown-select {\n &__control {\n border-color: ", ";\n border-radius: 0px;\n background-color: ", ";\n color: ", ";\n }\n &__multi-value {\n background-color: ", ";\n }\n &__multi-value__label {\n color: ", ";\n font-size: 100%;\n }\n &__multi-value__remove {\n svg {\n fill: ", ";\n }\n }\n }\n }\n }\n"])), function (props) {
|
|
12278
12259
|
return props.theme.colors.primary;
|
|
12279
12260
|
}, function (props) {
|
|
12280
12261
|
return props.theme.colors.ntrlMin;
|
package/MaterialSelector.js
CHANGED
|
@@ -9797,12 +9797,10 @@
|
|
|
9797
9797
|
|
|
9798
9798
|
var _data$data$user = data.data.user,
|
|
9799
9799
|
email_interest_send_schedule = _data$data$user.email_interest_send_schedule,
|
|
9800
|
-
whatsapp_interest_send_schedule = _data$data$user.whatsapp_interest_send_schedule
|
|
9801
|
-
can_receive_whatsapp_interest_notifications = _data$data$user.can_receive_whatsapp_interest_notifications;
|
|
9800
|
+
whatsapp_interest_send_schedule = _data$data$user.whatsapp_interest_send_schedule;
|
|
9802
9801
|
|
|
9803
9802
|
_this.setState({
|
|
9804
9803
|
options: options,
|
|
9805
|
-
canReceiveWhatsAppNotifications: !!can_receive_whatsapp_interest_notifications,
|
|
9806
9804
|
emailSelectedOption: options.find(function (item) {
|
|
9807
9805
|
return item.value === email_interest_send_schedule;
|
|
9808
9806
|
}),
|
|
@@ -9817,16 +9815,15 @@
|
|
|
9817
9815
|
options = _this$state.options,
|
|
9818
9816
|
emailSelectedOption = _this$state.emailSelectedOption,
|
|
9819
9817
|
whatsappSelectedOption = _this$state.whatsappSelectedOption,
|
|
9820
|
-
canReceiveWhatsAppNotifications = _this$state.canReceiveWhatsAppNotifications,
|
|
9821
9818
|
updating = _this$state.request.fetching;
|
|
9822
9819
|
return /*#__PURE__*/React__default.createElement(NotifyContainer, null, /*#__PURE__*/React__default.createElement(LuxityNotifications, null), /*#__PURE__*/React__default.createElement(LuxityPageReady, {
|
|
9823
9820
|
getRequestPromise: _this.props.getSchedule,
|
|
9824
9821
|
onData: function onData(data) {
|
|
9825
9822
|
return _this.onData(data);
|
|
9826
9823
|
}
|
|
9827
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
9824
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
9828
9825
|
className: "notification-settings"
|
|
9829
|
-
},
|
|
9826
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
9830
9827
|
className: "notification-row-wrapper"
|
|
9831
9828
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
9832
9829
|
className: "notification-dropdown-label"
|
|
@@ -9864,14 +9861,13 @@
|
|
|
9864
9861
|
return _this.postUpdate(option, 'EMAIL');
|
|
9865
9862
|
},
|
|
9866
9863
|
value: emailSelectedOption
|
|
9867
|
-
})))))
|
|
9864
|
+
})))));
|
|
9868
9865
|
});
|
|
9869
9866
|
|
|
9870
9867
|
_this.state = {
|
|
9871
9868
|
options: [],
|
|
9872
9869
|
emailSelectedOption: null,
|
|
9873
9870
|
whatsappSelectedOption: null,
|
|
9874
|
-
canReceiveWhatsAppNotifications: false,
|
|
9875
9871
|
request: _objectSpread2({}, request)
|
|
9876
9872
|
};
|
|
9877
9873
|
return _this;
|
|
@@ -12249,32 +12245,17 @@
|
|
|
12249
12245
|
var FooterPaymentImage = styled__default.img(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
|
|
12250
12246
|
var FooterConnectContainer = styled__default.div(_templateObject16$2 || (_templateObject16$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
|
|
12251
12247
|
|
|
12252
|
-
var _templateObject$V
|
|
12253
|
-
var
|
|
12254
|
-
var Options = styled__default.div(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n flex-basis: 60%;\n"])));
|
|
12255
|
-
|
|
12256
|
-
var _templateObject$W, _templateObject2$h;
|
|
12257
|
-
var SectionContainer = styled__default.div(_templateObject$W || (_templateObject$W = _taggedTemplateLiteral(["\n border-top: flex 1px solid ", ";\n border-top-width: calc(100% - 50px);\n padding: 5px 10px;\n"])), function (props) {
|
|
12258
|
-
return props.theme.colors.primary;
|
|
12259
|
-
});
|
|
12260
|
-
var SectionHeading = styled__default.div(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteral(["\n padding: 5px 10px;\n"])));
|
|
12261
|
-
|
|
12262
|
-
var _templateObject$X, _templateObject2$i, _templateObject3$9;
|
|
12263
|
-
var CommunicationPreferenceContainer = styled__default.div(_templateObject$X || (_templateObject$X = _taggedTemplateLiteral(["\n border: solid 1px #d1d5dbff;\n margin-bottom: 40px;\n"])));
|
|
12264
|
-
var EditButtonRow = styled__default.div(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteral(["\n display: flex;\n justify-content: end;\n padding: 10px 5px;\n margin-right: 16px;\n"])));
|
|
12265
|
-
var SubmitButton = styled__default.input(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n flex-basis: 15%;\n margin-right: 5px;\n"])));
|
|
12266
|
-
|
|
12267
|
-
var _templateObject$Y;
|
|
12268
|
-
var FooterWrapper$1 = styled__default.div(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n }\n"])), function (props) {
|
|
12248
|
+
var _templateObject$V;
|
|
12249
|
+
var FooterWrapper$1 = styled__default.div(_templateObject$V || (_templateObject$V = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n }\n"])), function (props) {
|
|
12269
12250
|
return props.theme.colors.gray;
|
|
12270
12251
|
});
|
|
12271
12252
|
|
|
12272
|
-
var _templateObject$
|
|
12253
|
+
var _templateObject$W;
|
|
12273
12254
|
var ALL_ITEM$1 = {
|
|
12274
12255
|
label: 'ALL',
|
|
12275
12256
|
value: 'ALL'
|
|
12276
12257
|
};
|
|
12277
|
-
var StyledMultiselector$1 = styled__default.div(_templateObject$
|
|
12258
|
+
var StyledMultiselector$1 = styled__default.div(_templateObject$W || (_templateObject$W = _taggedTemplateLiteral(["\n .multiselector__selected-items,\n .multiselector__selectable-items {\n display: flex;\n flex-flow: no-wrap;\n margin-bottom: 40px;\n .dropdown-select-container {\n width: 100%;\n .dropdown-select {\n &__control {\n border-color: ", ";\n border-radius: 0px;\n background-color: ", ";\n color: ", ";\n }\n &__multi-value {\n background-color: ", ";\n }\n &__multi-value__label {\n color: ", ";\n font-size: 100%;\n }\n &__multi-value__remove {\n svg {\n fill: ", ";\n }\n }\n }\n }\n }\n"])), function (props) {
|
|
12278
12259
|
return props.theme.colors.primary;
|
|
12279
12260
|
}, function (props) {
|
|
12280
12261
|
return props.theme.colors.ntrlMin;
|
package/ModelSelector.js
CHANGED
|
@@ -9797,12 +9797,10 @@
|
|
|
9797
9797
|
|
|
9798
9798
|
var _data$data$user = data.data.user,
|
|
9799
9799
|
email_interest_send_schedule = _data$data$user.email_interest_send_schedule,
|
|
9800
|
-
whatsapp_interest_send_schedule = _data$data$user.whatsapp_interest_send_schedule
|
|
9801
|
-
can_receive_whatsapp_interest_notifications = _data$data$user.can_receive_whatsapp_interest_notifications;
|
|
9800
|
+
whatsapp_interest_send_schedule = _data$data$user.whatsapp_interest_send_schedule;
|
|
9802
9801
|
|
|
9803
9802
|
_this.setState({
|
|
9804
9803
|
options: options,
|
|
9805
|
-
canReceiveWhatsAppNotifications: !!can_receive_whatsapp_interest_notifications,
|
|
9806
9804
|
emailSelectedOption: options.find(function (item) {
|
|
9807
9805
|
return item.value === email_interest_send_schedule;
|
|
9808
9806
|
}),
|
|
@@ -9817,16 +9815,15 @@
|
|
|
9817
9815
|
options = _this$state.options,
|
|
9818
9816
|
emailSelectedOption = _this$state.emailSelectedOption,
|
|
9819
9817
|
whatsappSelectedOption = _this$state.whatsappSelectedOption,
|
|
9820
|
-
canReceiveWhatsAppNotifications = _this$state.canReceiveWhatsAppNotifications,
|
|
9821
9818
|
updating = _this$state.request.fetching;
|
|
9822
9819
|
return /*#__PURE__*/React__default.createElement(NotifyContainer, null, /*#__PURE__*/React__default.createElement(LuxityNotifications, null), /*#__PURE__*/React__default.createElement(LuxityPageReady, {
|
|
9823
9820
|
getRequestPromise: _this.props.getSchedule,
|
|
9824
9821
|
onData: function onData(data) {
|
|
9825
9822
|
return _this.onData(data);
|
|
9826
9823
|
}
|
|
9827
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
9824
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
9828
9825
|
className: "notification-settings"
|
|
9829
|
-
},
|
|
9826
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
9830
9827
|
className: "notification-row-wrapper"
|
|
9831
9828
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
9832
9829
|
className: "notification-dropdown-label"
|
|
@@ -9864,14 +9861,13 @@
|
|
|
9864
9861
|
return _this.postUpdate(option, 'EMAIL');
|
|
9865
9862
|
},
|
|
9866
9863
|
value: emailSelectedOption
|
|
9867
|
-
})))))
|
|
9864
|
+
})))));
|
|
9868
9865
|
});
|
|
9869
9866
|
|
|
9870
9867
|
_this.state = {
|
|
9871
9868
|
options: [],
|
|
9872
9869
|
emailSelectedOption: null,
|
|
9873
9870
|
whatsappSelectedOption: null,
|
|
9874
|
-
canReceiveWhatsAppNotifications: false,
|
|
9875
9871
|
request: _objectSpread2({}, request)
|
|
9876
9872
|
};
|
|
9877
9873
|
return _this;
|
|
@@ -12249,32 +12245,17 @@
|
|
|
12249
12245
|
var FooterPaymentImage = styled__default.img(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
|
|
12250
12246
|
var FooterConnectContainer = styled__default.div(_templateObject16$2 || (_templateObject16$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
|
|
12251
12247
|
|
|
12252
|
-
var _templateObject$V
|
|
12253
|
-
var
|
|
12254
|
-
var Options = styled__default.div(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n flex-basis: 60%;\n"])));
|
|
12255
|
-
|
|
12256
|
-
var _templateObject$W, _templateObject2$h;
|
|
12257
|
-
var SectionContainer = styled__default.div(_templateObject$W || (_templateObject$W = _taggedTemplateLiteral(["\n border-top: flex 1px solid ", ";\n border-top-width: calc(100% - 50px);\n padding: 5px 10px;\n"])), function (props) {
|
|
12258
|
-
return props.theme.colors.primary;
|
|
12259
|
-
});
|
|
12260
|
-
var SectionHeading = styled__default.div(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteral(["\n padding: 5px 10px;\n"])));
|
|
12261
|
-
|
|
12262
|
-
var _templateObject$X, _templateObject2$i, _templateObject3$9;
|
|
12263
|
-
var CommunicationPreferenceContainer = styled__default.div(_templateObject$X || (_templateObject$X = _taggedTemplateLiteral(["\n border: solid 1px #d1d5dbff;\n margin-bottom: 40px;\n"])));
|
|
12264
|
-
var EditButtonRow = styled__default.div(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteral(["\n display: flex;\n justify-content: end;\n padding: 10px 5px;\n margin-right: 16px;\n"])));
|
|
12265
|
-
var SubmitButton = styled__default.input(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n flex-basis: 15%;\n margin-right: 5px;\n"])));
|
|
12266
|
-
|
|
12267
|
-
var _templateObject$Y;
|
|
12268
|
-
var FooterWrapper$1 = styled__default.div(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n }\n"])), function (props) {
|
|
12248
|
+
var _templateObject$V;
|
|
12249
|
+
var FooterWrapper$1 = styled__default.div(_templateObject$V || (_templateObject$V = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n }\n"])), function (props) {
|
|
12269
12250
|
return props.theme.colors.gray;
|
|
12270
12251
|
});
|
|
12271
12252
|
|
|
12272
|
-
var _templateObject$
|
|
12253
|
+
var _templateObject$W;
|
|
12273
12254
|
var ALL_ITEM$1 = {
|
|
12274
12255
|
label: 'ALL',
|
|
12275
12256
|
value: 'ALL'
|
|
12276
12257
|
};
|
|
12277
|
-
var StyledMultiselector$1 = styled__default.div(_templateObject$
|
|
12258
|
+
var StyledMultiselector$1 = styled__default.div(_templateObject$W || (_templateObject$W = _taggedTemplateLiteral(["\n .multiselector__selected-items,\n .multiselector__selectable-items {\n display: flex;\n flex-flow: no-wrap;\n margin-bottom: 40px;\n .dropdown-select-container {\n width: 100%;\n .dropdown-select {\n &__control {\n border-color: ", ";\n border-radius: 0px;\n background-color: ", ";\n color: ", ";\n }\n &__multi-value {\n background-color: ", ";\n }\n &__multi-value__label {\n color: ", ";\n font-size: 100%;\n }\n &__multi-value__remove {\n svg {\n fill: ", ";\n }\n }\n }\n }\n }\n"])), function (props) {
|
|
12278
12259
|
return props.theme.colors.primary;
|
|
12279
12260
|
}, function (props) {
|
|
12280
12261
|
return props.theme.colors.ntrlMin;
|
package/NotificationDropDown.js
CHANGED
|
@@ -7024,12 +7024,10 @@
|
|
|
7024
7024
|
|
|
7025
7025
|
var _data$data$user = data.data.user,
|
|
7026
7026
|
email_interest_send_schedule = _data$data$user.email_interest_send_schedule,
|
|
7027
|
-
whatsapp_interest_send_schedule = _data$data$user.whatsapp_interest_send_schedule
|
|
7028
|
-
can_receive_whatsapp_interest_notifications = _data$data$user.can_receive_whatsapp_interest_notifications;
|
|
7027
|
+
whatsapp_interest_send_schedule = _data$data$user.whatsapp_interest_send_schedule;
|
|
7029
7028
|
|
|
7030
7029
|
_this.setState({
|
|
7031
7030
|
options: options,
|
|
7032
|
-
canReceiveWhatsAppNotifications: !!can_receive_whatsapp_interest_notifications,
|
|
7033
7031
|
emailSelectedOption: options.find(function (item) {
|
|
7034
7032
|
return item.value === email_interest_send_schedule;
|
|
7035
7033
|
}),
|
|
@@ -7044,16 +7042,15 @@
|
|
|
7044
7042
|
options = _this$state.options,
|
|
7045
7043
|
emailSelectedOption = _this$state.emailSelectedOption,
|
|
7046
7044
|
whatsappSelectedOption = _this$state.whatsappSelectedOption,
|
|
7047
|
-
canReceiveWhatsAppNotifications = _this$state.canReceiveWhatsAppNotifications,
|
|
7048
7045
|
updating = _this$state.request.fetching;
|
|
7049
7046
|
return /*#__PURE__*/React__default.createElement(NotifyContainer, null, /*#__PURE__*/React__default.createElement(LuxityNotifications, null), /*#__PURE__*/React__default.createElement(LuxityPageReady, {
|
|
7050
7047
|
getRequestPromise: _this.props.getSchedule,
|
|
7051
7048
|
onData: function onData(data) {
|
|
7052
7049
|
return _this.onData(data);
|
|
7053
7050
|
}
|
|
7054
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
7051
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
7055
7052
|
className: "notification-settings"
|
|
7056
|
-
},
|
|
7053
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
7057
7054
|
className: "notification-row-wrapper"
|
|
7058
7055
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
7059
7056
|
className: "notification-dropdown-label"
|
|
@@ -7091,14 +7088,13 @@
|
|
|
7091
7088
|
return _this.postUpdate(option, 'EMAIL');
|
|
7092
7089
|
},
|
|
7093
7090
|
value: emailSelectedOption
|
|
7094
|
-
})))))
|
|
7091
|
+
})))));
|
|
7095
7092
|
});
|
|
7096
7093
|
|
|
7097
7094
|
_this.state = {
|
|
7098
7095
|
options: [],
|
|
7099
7096
|
emailSelectedOption: null,
|
|
7100
7097
|
whatsappSelectedOption: null,
|
|
7101
|
-
canReceiveWhatsAppNotifications: false,
|
|
7102
7098
|
request: _objectSpread2({}, request)
|
|
7103
7099
|
};
|
|
7104
7100
|
return _this;
|
package/build/bundle.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.interests__add-button{display:flex;flex-direction:row;gap:10px;width:100%}@media only screen and (max-width:879px){.interests__add-button{flex-direction:column}}.interests__section-wrapper{display:flex;flex-direction:column;width:100%}.interests__select-option{display:flex;flex-direction:column;margin-bottom:15px}.interests__title{font-family:El Messiri;font-size:16px;margin-bottom:10px}.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:7px;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:30px;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;gap:8px}.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;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%}.navbar{box-shadow:2px 2px 10px #dfdede;display:flex;padding-bottom:10px;padding-top:20px;position:relative}@media only screen and (max-width:879px){.navbar{padding-top:12px}}.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-left:16px;padding-right:16px}.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;gap:10px;justify-content:flex-start;width:100%}@media only screen and (max-width:879px){.navbar__wrapper .navbar__menu-icon-wrapper{margin-right:10px}.navbar__wrapper .navbar__logo{margin-left:0;margin-right:auto}.navbar__wrapper .navbar__icons-wrapper{align-items:center;display:flex;gap:20px;margin-left:auto}.navbar__wrapper .navbar__icons{align-items:center;display:flex;gap:20px;margin:0}.navbar__wrapper .navbar__icon{margin:0}}.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__search-container{width:100%}.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:20px}.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:150px}}.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}.navbar__icon.navbar__cart-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__loyalty-icon{height:18px;position:absolute;right:-14px;top:-6px;width:18px}.navbar__cart-icon{position:relative}.navbar__cart-count{bottom:50%;font-size:13px;height:20px;left:60%;position:absolute;width:20px}.navbar__account-initials,.navbar__cart-count{align-items:center;background-color:#f2eeeb;border-radius:50%;color:#000;display:flex;justify-content:center}.navbar__account-initials{font-size:11px;font-weight:500;height:24px;text-transform:uppercase;width:24px}@keyframes navbar-heart-glisten{0%{transform:translateX(-160%) skewX(-20deg)}55%,to{transform:translateX(260%) skewX(-20deg)}}.navbar__interest-heart{background-color:#010101;display:inline-block;height:20px;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:relative;width:20px}.navbar__interest-heart:after{animation:navbar-heart-glisten 2.4s ease-in-out infinite;background:linear-gradient(115deg,transparent,hsla(0,0%,100%,.95) 50%,transparent);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;transform:translateX(-160%) skewX(-20deg);width:55%}@media (prefers-reduced-motion:reduce){.navbar__interest-heart:after{animation:none}}@charset "UTF-8";.currency-select-container{align-items:center;display:flex;margin-right:18px;position:relative}.currency-select-container .currency-flag{margin-right:5px}.currency-select-container .currency-flag img{height:15px;-o-object-fit:cover;object-fit:cover;width:20px}.currency-select-container .currency-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;border:none;color:#000;cursor:pointer;font-family:inherit;font-size:14px;margin:0;outline:none;padding:5px 15px 5px 5px}.currency-select-container .currency-select::-ms-expand{display:none}.currency-select-container .currency-select:focus{box-shadow:none;outline:none}.currency-select-container .currency-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.currency-select-container:after{color:#000;content:"▼";font-size:10px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}@media only screen and (max-width:879px){.currency-select-container .currency-select{appearance:menulist;-webkit-appearance:menulist;-moz-appearance:menulist;padding-right:0}.currency-select-container:after{display:none}}.currency-select-container.disabled{cursor:not-allowed;opacity:.7}.currency-select-container.disabled .currency-select{pointer-events:none}.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}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.shimmer{animation:shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#f4f4f4 0,#dfdede 20%,#f4f4f4 40%,#f4f4f4);background-size:800px 104px}@media only screen and (max-width:1052px){.shimmer{background-size:600px 104px}}.search-results{background:#fff;border:1px solid #dfdede;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;position:absolute;width:770px;z-index:50}@media only screen and (max-width:1052px){.search-results{border:none;box-shadow:none;flex-direction:column;left:0;right:0;top:100%;width:100%}}.search-results__section:first-child{border-right:1px solid #dfdede;flex:1;min-width:240px}.search-results__section:last-child{display:flex;flex:2;flex-direction:column}.search-results__section-header{align-items:center;display:flex;justify-content:space-between}.search-results__header{color:#000;font-family:Martel Sans;font-size:14px;font-weight:600;margin-bottom:0;padding:16px 20px;text-transform:uppercase}@media only screen and (max-width:1052px){.search-results__header{font-size:13px;padding:12px 16px}}.search-results__view-all-link{display:none}@media only screen and (max-width:879px){.search-results__view-all-link{color:#000;display:block;font-family:Martel Sans;font-size:14px;margin-right:20px}}.search-results__list{display:flex;flex-direction:column}.search-results__item{color:grey;font-family:Martel Sans;font-size:14px;padding:8px 20px;text-decoration:none}.search-results__product-list{display:flex;flex-direction:column;overflow-y:auto}.product-card{color:inherit;display:flex;padding:12px 20px;text-decoration:none;transition:background-color .15s ease}.product-card:hover{background-color:#f4f4f4}.product-card__image-container{border-radius:2px;flex-shrink:0;height:90px;margin-right:16px;overflow:hidden;width:90px}.product-card__image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.product-card__details{display:flex;flex:1;flex-direction:column}.product-card__name{color:#000;font-family:Martel Sans;font-size:14px;line-height:1.4;margin-bottom:24px}.product-card__brand-name{font-weight:600}.product-card__info-row{align-items:flex-end;display:flex;justify-content:space-between}@media only screen and (max-width:879px){.product-card__info-row{align-items:flex-start;flex-direction:column}}.product-card__price-group{display:flex;flex-direction:column;gap:4px}.product-card__price{font-family:Martel Sans;font-size:14px;font-weight:600;line-height:1}.product-card__price--promotion{color:#000}.product-card__price--original{color:#939393;font-weight:400;text-decoration:line-through}.product-card__price-with-promotion{display:flex;flex-direction:column;gap:2px}.product-card__retail-price{color:#939393;font-family:Martel Sans;font-size:14px;text-decoration:line-through}.product-card__condition{color:#000;font-family:Martel Sans;font-size:13px;margin-right:20px;text-align:right}.product-card__condition-label{color:#939393;margin-right:4px}.search-results__view-all-button{background-color:#f2eeeb!important;border:none;color:#000;cursor:pointer;font-family:Martel Sans;font-size:13px;font-weight:400;padding:16px;text-align:center}@media only screen and (max-width:879px){.search-results__view-all-button{display:none}}.search-results__no-results{display:flex;flex-direction:column;width:100%}.search-results__no-results-content{align-items:flex-start;display:flex;gap:20px;padding:20px}@media only screen and (max-width:879px){.search-results__no-results-content{gap:16px;padding:16px}}@media only screen and (max-width:1052px){.search-results__no-results-content{align-items:flex-start;gap:12px;padding:16px 12px}}.search-results__no-results-image{border-radius:4px;flex-shrink:0;height:180px;overflow:hidden;width:180px}@media only screen and (max-width:879px){.search-results__no-results-image{height:120px;width:120px}}@media only screen and (max-width:1052px){.search-results__no-results-image{height:100px;width:100px}}.search-results__no-results-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.search-results__no-results-text{display:flex;flex:1;flex-direction:column;gap:12px;text-align:left}@media only screen and (max-width:1052px){.search-results__no-results-text{gap:8px}}.search-results__no-results-title{color:#000;font-family:Martel Sans;font-size:16px;font-weight:600;line-height:1.4;margin:0}@media only screen and (max-width:879px){.search-results__no-results-title{font-size:14px}}@media only screen and (max-width:1052px){.search-results__no-results-title{font-size:14px;line-height:1.3}}.search-results__no-results-description{color:#939393;font-family:Martel Sans;font-size:14px;line-height:1.5;margin:0}@media only screen and (max-width:879px){.search-results__no-results-description{font-size:13px}}@media only screen and (max-width:1052px){.search-results__no-results-description{font-size:12px;line-height:1.4}}.search-results__create-interest-button{background-color:#f2eeeb!important;border:none;color:#000;cursor:pointer;font-family:Martel Sans;font-size:13px;font-weight:400;padding:16px;text-align:center;width:100%}@media only screen and (max-width:879px){.search-results__create-interest-button{display:block}}@media only screen and (max-width:1052px){.search-results__create-interest-button{font-size:13px;margin-top:8px;padding:14px 16px}}.brand-skeleton{display:flex;flex-direction:column;width:100%}.brand-skeleton__item{background-color:#f4f4f4;border-radius:4px;height:32px;margin:8px 20px}.brand-skeleton__item:first-child{margin-top:0}@media only screen and (max-width:1052px){.brand-skeleton__item{height:28px;margin:6px 16px}}.product-skeleton{display:flex;gap:16px;padding:12px 20px}@media only screen and (max-width:1052px){.product-skeleton{gap:12px;padding:10px 16px}}.product-skeleton__image{background-color:#f4f4f4;border-radius:2px;flex-shrink:0;height:90px;width:90px}@media only screen and (max-width:1052px){.product-skeleton__image{height:70px;width:70px}}.product-skeleton__content{display:flex;flex:1;flex-direction:column;gap:12px}@media only screen and (max-width:1052px){.product-skeleton__content{gap:8px}}.product-skeleton__title{background-color:#f4f4f4;border-radius:4px;height:16px;width:100%}@media only screen and (max-width:1052px){.product-skeleton__title{height:14px}}.product-skeleton__subtitle{background-color:#f4f4f4;border-radius:4px;height:14px;width:80%}@media only screen and (max-width:1052px){.product-skeleton__subtitle{height:12px;width:70%}}.product-skeleton__price{background-color:#f4f4f4;border-radius:4px;height:14px;margin-top:auto;width:60%}@media only screen and (max-width:1052px){.product-skeleton__price{height:12px;width:50%}}.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:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:800px;overflow-y:auto}.dropdown__brand-elements{-moz-column-count:3;column-count:3;max-height:800px}.dropdown__brand-element{cursor:pointer;margin-bottom:10px}.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
|
+
.interests__add-button{display:flex;flex-direction:row;gap:10px;width:100%}@media only screen and (max-width:879px){.interests__add-button{flex-direction:column}}.interests__section-wrapper{display:flex;flex-direction:column;width:100%}.interests__select-option{display:flex;flex-direction:column;margin-bottom:15px}.interests__title{font-family:El Messiri;font-size:16px;margin-bottom:10px}.navbar{box-shadow:2px 2px 10px #dfdede;display:flex;padding-bottom:10px;padding-top:20px;position:relative}@media only screen and (max-width:879px){.navbar{padding-top:12px}}.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-left:16px;padding-right:16px}.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;gap:10px;justify-content:flex-start;width:100%}@media only screen and (max-width:879px){.navbar__wrapper .navbar__menu-icon-wrapper{margin-right:10px}.navbar__wrapper .navbar__logo{margin-left:0;margin-right:auto}.navbar__wrapper .navbar__icons-wrapper{align-items:center;display:flex;gap:20px;margin-left:auto}.navbar__wrapper .navbar__icons{align-items:center;display:flex;gap:20px;margin:0}.navbar__wrapper .navbar__icon{margin:0}}.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__search-container{width:100%}.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:20px}.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:150px}}.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}.navbar__icon.navbar__cart-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__loyalty-icon{height:18px;position:absolute;right:-14px;top:-6px;width:18px}.navbar__cart-icon{position:relative}.navbar__cart-count{bottom:50%;font-size:13px;height:20px;left:60%;position:absolute;width:20px}.navbar__account-initials,.navbar__cart-count{align-items:center;background-color:#f2eeeb;border-radius:50%;color:#000;display:flex;justify-content:center}.navbar__account-initials{font-size:11px;font-weight:500;height:24px;text-transform:uppercase;width:24px}@keyframes navbar-heart-glisten{0%{transform:translateX(-160%) skewX(-20deg)}55%,to{transform:translateX(260%) skewX(-20deg)}}.navbar__interest-heart{background-color:#010101;display:inline-block;height:20px;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:relative;width:20px}.navbar__interest-heart:after{animation:navbar-heart-glisten 2.4s ease-in-out infinite;background:linear-gradient(115deg,transparent,hsla(0,0%,100%,.95) 50%,transparent);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;transform:translateX(-160%) skewX(-20deg);width:55%}@media (prefers-reduced-motion:reduce){.navbar__interest-heart:after{animation:none}}.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:7px;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:30px;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;gap:8px}.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;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%}@charset "UTF-8";.currency-select-container{align-items:center;display:flex;margin-right:18px;position:relative}.currency-select-container .currency-flag{margin-right:5px}.currency-select-container .currency-flag img{height:15px;-o-object-fit:cover;object-fit:cover;width:20px}.currency-select-container .currency-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;border:none;color:#000;cursor:pointer;font-family:inherit;font-size:14px;margin:0;outline:none;padding:5px 15px 5px 5px}.currency-select-container .currency-select::-ms-expand{display:none}.currency-select-container .currency-select:focus{box-shadow:none;outline:none}.currency-select-container .currency-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.currency-select-container:after{color:#000;content:"▼";font-size:10px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}@media only screen and (max-width:879px){.currency-select-container .currency-select{appearance:menulist;-webkit-appearance:menulist;-moz-appearance:menulist;padding-right:0}.currency-select-container:after{display:none}}.currency-select-container.disabled{cursor:not-allowed;opacity:.7}.currency-select-container.disabled .currency-select{pointer-events:none}.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%}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.shimmer{animation:shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#f4f4f4 0,#dfdede 20%,#f4f4f4 40%,#f4f4f4);background-size:800px 104px}@media only screen and (max-width:1052px){.shimmer{background-size:600px 104px}}.search-results{background:#fff;border:1px solid #dfdede;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;position:absolute;width:770px;z-index:50}@media only screen and (max-width:1052px){.search-results{border:none;box-shadow:none;flex-direction:column;left:0;right:0;top:100%;width:100%}}.search-results__section:first-child{border-right:1px solid #dfdede;flex:1;min-width:240px}.search-results__section:last-child{display:flex;flex:2;flex-direction:column}.search-results__section-header{align-items:center;display:flex;justify-content:space-between}.search-results__header{color:#000;font-family:Martel Sans;font-size:14px;font-weight:600;margin-bottom:0;padding:16px 20px;text-transform:uppercase}@media only screen and (max-width:1052px){.search-results__header{font-size:13px;padding:12px 16px}}.search-results__view-all-link{display:none}@media only screen and (max-width:879px){.search-results__view-all-link{color:#000;display:block;font-family:Martel Sans;font-size:14px;margin-right:20px}}.search-results__list{display:flex;flex-direction:column}.search-results__item{color:grey;font-family:Martel Sans;font-size:14px;padding:8px 20px;text-decoration:none}.search-results__product-list{display:flex;flex-direction:column;overflow-y:auto}.product-card{color:inherit;display:flex;padding:12px 20px;text-decoration:none;transition:background-color .15s ease}.product-card:hover{background-color:#f4f4f4}.product-card__image-container{border-radius:2px;flex-shrink:0;height:90px;margin-right:16px;overflow:hidden;width:90px}.product-card__image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.product-card__details{display:flex;flex:1;flex-direction:column}.product-card__name{color:#000;font-family:Martel Sans;font-size:14px;line-height:1.4;margin-bottom:24px}.product-card__brand-name{font-weight:600}.product-card__info-row{align-items:flex-end;display:flex;justify-content:space-between}@media only screen and (max-width:879px){.product-card__info-row{align-items:flex-start;flex-direction:column}}.product-card__price-group{display:flex;flex-direction:column;gap:4px}.product-card__price{font-family:Martel Sans;font-size:14px;font-weight:600;line-height:1}.product-card__price--promotion{color:#000}.product-card__price--original{color:#939393;font-weight:400;text-decoration:line-through}.product-card__price-with-promotion{display:flex;flex-direction:column;gap:2px}.product-card__retail-price{color:#939393;font-family:Martel Sans;font-size:14px;text-decoration:line-through}.product-card__condition{color:#000;font-family:Martel Sans;font-size:13px;margin-right:20px;text-align:right}.product-card__condition-label{color:#939393;margin-right:4px}.search-results__view-all-button{background-color:#f2eeeb!important;border:none;color:#000;cursor:pointer;font-family:Martel Sans;font-size:13px;font-weight:400;padding:16px;text-align:center}@media only screen and (max-width:879px){.search-results__view-all-button{display:none}}.search-results__no-results{display:flex;flex-direction:column;width:100%}.search-results__no-results-content{align-items:flex-start;display:flex;gap:20px;padding:20px}@media only screen and (max-width:879px){.search-results__no-results-content{gap:16px;padding:16px}}@media only screen and (max-width:1052px){.search-results__no-results-content{align-items:flex-start;gap:12px;padding:16px 12px}}.search-results__no-results-image{border-radius:4px;flex-shrink:0;height:180px;overflow:hidden;width:180px}@media only screen and (max-width:879px){.search-results__no-results-image{height:120px;width:120px}}@media only screen and (max-width:1052px){.search-results__no-results-image{height:100px;width:100px}}.search-results__no-results-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.search-results__no-results-text{display:flex;flex:1;flex-direction:column;gap:12px;text-align:left}@media only screen and (max-width:1052px){.search-results__no-results-text{gap:8px}}.search-results__no-results-title{color:#000;font-family:Martel Sans;font-size:16px;font-weight:600;line-height:1.4;margin:0}@media only screen and (max-width:879px){.search-results__no-results-title{font-size:14px}}@media only screen and (max-width:1052px){.search-results__no-results-title{font-size:14px;line-height:1.3}}.search-results__no-results-description{color:#939393;font-family:Martel Sans;font-size:14px;line-height:1.5;margin:0}@media only screen and (max-width:879px){.search-results__no-results-description{font-size:13px}}@media only screen and (max-width:1052px){.search-results__no-results-description{font-size:12px;line-height:1.4}}.search-results__create-interest-button{background-color:#f2eeeb!important;border:none;color:#000;cursor:pointer;font-family:Martel Sans;font-size:13px;font-weight:400;padding:16px;text-align:center;width:100%}@media only screen and (max-width:879px){.search-results__create-interest-button{display:block}}@media only screen and (max-width:1052px){.search-results__create-interest-button{font-size:13px;margin-top:8px;padding:14px 16px}}.brand-skeleton{display:flex;flex-direction:column;width:100%}.brand-skeleton__item{background-color:#f4f4f4;border-radius:4px;height:32px;margin:8px 20px}.brand-skeleton__item:first-child{margin-top:0}@media only screen and (max-width:1052px){.brand-skeleton__item{height:28px;margin:6px 16px}}.product-skeleton{display:flex;gap:16px;padding:12px 20px}@media only screen and (max-width:1052px){.product-skeleton{gap:12px;padding:10px 16px}}.product-skeleton__image{background-color:#f4f4f4;border-radius:2px;flex-shrink:0;height:90px;width:90px}@media only screen and (max-width:1052px){.product-skeleton__image{height:70px;width:70px}}.product-skeleton__content{display:flex;flex:1;flex-direction:column;gap:12px}@media only screen and (max-width:1052px){.product-skeleton__content{gap:8px}}.product-skeleton__title{background-color:#f4f4f4;border-radius:4px;height:16px;width:100%}@media only screen and (max-width:1052px){.product-skeleton__title{height:14px}}.product-skeleton__subtitle{background-color:#f4f4f4;border-radius:4px;height:14px;width:80%}@media only screen and (max-width:1052px){.product-skeleton__subtitle{height:12px;width:70%}}.product-skeleton__price{background-color:#f4f4f4;border-radius:4px;height:14px;margin-top:auto;width:60%}@media only screen and (max-width:1052px){.product-skeleton__price{height:12px;width:50%}}.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:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:800px;overflow-y:auto}.dropdown__brand-elements{-moz-column-count:3;column-count:3;max-height:800px}.dropdown__brand-element{cursor:pointer;margin-bottom:10px}.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)}}
|
package/build/bundle.js
CHANGED
|
@@ -10231,12 +10231,10 @@
|
|
|
10231
10231
|
|
|
10232
10232
|
var _data$data$user = data.data.user,
|
|
10233
10233
|
email_interest_send_schedule = _data$data$user.email_interest_send_schedule,
|
|
10234
|
-
whatsapp_interest_send_schedule = _data$data$user.whatsapp_interest_send_schedule
|
|
10235
|
-
can_receive_whatsapp_interest_notifications = _data$data$user.can_receive_whatsapp_interest_notifications;
|
|
10234
|
+
whatsapp_interest_send_schedule = _data$data$user.whatsapp_interest_send_schedule;
|
|
10236
10235
|
|
|
10237
10236
|
_this.setState({
|
|
10238
10237
|
options: options,
|
|
10239
|
-
canReceiveWhatsAppNotifications: !!can_receive_whatsapp_interest_notifications,
|
|
10240
10238
|
emailSelectedOption: options.find(function (item) {
|
|
10241
10239
|
return item.value === email_interest_send_schedule;
|
|
10242
10240
|
}),
|
|
@@ -10251,16 +10249,15 @@
|
|
|
10251
10249
|
options = _this$state.options,
|
|
10252
10250
|
emailSelectedOption = _this$state.emailSelectedOption,
|
|
10253
10251
|
whatsappSelectedOption = _this$state.whatsappSelectedOption,
|
|
10254
|
-
canReceiveWhatsAppNotifications = _this$state.canReceiveWhatsAppNotifications,
|
|
10255
10252
|
updating = _this$state.request.fetching;
|
|
10256
10253
|
return /*#__PURE__*/React__default.createElement(NotifyContainer, null, /*#__PURE__*/React__default.createElement(LuxityNotifications, null), /*#__PURE__*/React__default.createElement(LuxityPageReady, {
|
|
10257
10254
|
getRequestPromise: _this.props.getSchedule,
|
|
10258
10255
|
onData: function onData(data) {
|
|
10259
10256
|
return _this.onData(data);
|
|
10260
10257
|
}
|
|
10261
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
10258
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
10262
10259
|
className: "notification-settings"
|
|
10263
|
-
},
|
|
10260
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
10264
10261
|
className: "notification-row-wrapper"
|
|
10265
10262
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
10266
10263
|
className: "notification-dropdown-label"
|
|
@@ -10298,14 +10295,13 @@
|
|
|
10298
10295
|
return _this.postUpdate(option, 'EMAIL');
|
|
10299
10296
|
},
|
|
10300
10297
|
value: emailSelectedOption
|
|
10301
|
-
})))))
|
|
10298
|
+
})))));
|
|
10302
10299
|
});
|
|
10303
10300
|
|
|
10304
10301
|
_this.state = {
|
|
10305
10302
|
options: [],
|
|
10306
10303
|
emailSelectedOption: null,
|
|
10307
10304
|
whatsappSelectedOption: null,
|
|
10308
|
-
canReceiveWhatsAppNotifications: false,
|
|
10309
10305
|
request: _objectSpread2({}, request)
|
|
10310
10306
|
};
|
|
10311
10307
|
return _this;
|
|
@@ -13386,37 +13382,6 @@
|
|
|
13386
13382
|
};
|
|
13387
13383
|
|
|
13388
13384
|
const HookFormContext = React__default.createContext(null);
|
|
13389
|
-
/**
|
|
13390
|
-
* This custom hook allows you to access the form context. useFormContext is intended to be used in deeply nested structures, where it would become inconvenient to pass the context as a prop. To be used with {@link FormProvider}.
|
|
13391
|
-
*
|
|
13392
|
-
* @remarks
|
|
13393
|
-
* [API](https://react-hook-form.com/docs/useformcontext) • [Demo](https://codesandbox.io/s/react-hook-form-v7-form-context-ytudi)
|
|
13394
|
-
*
|
|
13395
|
-
* @returns return all useForm methods
|
|
13396
|
-
*
|
|
13397
|
-
* @example
|
|
13398
|
-
* ```tsx
|
|
13399
|
-
* function App() {
|
|
13400
|
-
* const methods = useForm();
|
|
13401
|
-
* const onSubmit = data => console.log(data);
|
|
13402
|
-
*
|
|
13403
|
-
* return (
|
|
13404
|
-
* <FormProvider {...methods} >
|
|
13405
|
-
* <form onSubmit={methods.handleSubmit(onSubmit)}>
|
|
13406
|
-
* <NestedInput />
|
|
13407
|
-
* <input type="submit" />
|
|
13408
|
-
* </form>
|
|
13409
|
-
* </FormProvider>
|
|
13410
|
-
* );
|
|
13411
|
-
* }
|
|
13412
|
-
*
|
|
13413
|
-
* function NestedInput() {
|
|
13414
|
-
* const { register } = useFormContext(); // retrieve all hook methods
|
|
13415
|
-
* return <input {...register("test")} />;
|
|
13416
|
-
* }
|
|
13417
|
-
* ```
|
|
13418
|
-
*/
|
|
13419
|
-
const useFormContext = () => React__default.useContext(HookFormContext);
|
|
13420
13385
|
|
|
13421
13386
|
var getProxyFormState = (formState, control, localProxyFormState, isRoot = true) => {
|
|
13422
13387
|
const result = {
|
|
@@ -13450,17 +13415,6 @@
|
|
|
13450
13415
|
|
|
13451
13416
|
var convertToArrayPayload = (value) => (Array.isArray(value) ? value : [value]);
|
|
13452
13417
|
|
|
13453
|
-
var shouldSubscribeByName = (name, signalName, exact) => exact && signalName
|
|
13454
|
-
? name === signalName ||
|
|
13455
|
-
(Array.isArray(name) &&
|
|
13456
|
-
name.some((currentName) => currentName && exact && currentName === signalName))
|
|
13457
|
-
: !name ||
|
|
13458
|
-
!signalName ||
|
|
13459
|
-
name === signalName ||
|
|
13460
|
-
convertToArrayPayload(name).some((currentName) => currentName &&
|
|
13461
|
-
(currentName.startsWith(signalName) ||
|
|
13462
|
-
signalName.startsWith(currentName)));
|
|
13463
|
-
|
|
13464
13418
|
function useSubscribe(props) {
|
|
13465
13419
|
const _props = React__default.useRef(props);
|
|
13466
13420
|
_props.current = props;
|
|
@@ -13476,73 +13430,6 @@
|
|
|
13476
13430
|
}, [props.disabled]);
|
|
13477
13431
|
}
|
|
13478
13432
|
|
|
13479
|
-
/**
|
|
13480
|
-
* This custom hook allows you to subscribe to each form state, and isolate the re-render at the custom hook level. It has its scope in terms of form state subscription, so it would not affect other useFormState and useForm. Using this hook can reduce the re-render impact on large and complex form application.
|
|
13481
|
-
*
|
|
13482
|
-
* @remarks
|
|
13483
|
-
* [API](https://react-hook-form.com/docs/useformstate) • [Demo](https://codesandbox.io/s/useformstate-75xly)
|
|
13484
|
-
*
|
|
13485
|
-
* @param props - include options on specify fields to subscribe. {@link UseFormStateReturn}
|
|
13486
|
-
*
|
|
13487
|
-
* @example
|
|
13488
|
-
* ```tsx
|
|
13489
|
-
* function App() {
|
|
13490
|
-
* const { register, handleSubmit, control } = useForm({
|
|
13491
|
-
* defaultValues: {
|
|
13492
|
-
* firstName: "firstName"
|
|
13493
|
-
* }});
|
|
13494
|
-
* const { dirtyFields } = useFormState({
|
|
13495
|
-
* control
|
|
13496
|
-
* });
|
|
13497
|
-
* const onSubmit = (data) => console.log(data);
|
|
13498
|
-
*
|
|
13499
|
-
* return (
|
|
13500
|
-
* <form onSubmit={handleSubmit(onSubmit)}>
|
|
13501
|
-
* <input {...register("firstName")} placeholder="First Name" />
|
|
13502
|
-
* {dirtyFields.firstName && <p>Field is dirty.</p>}
|
|
13503
|
-
* <input type="submit" />
|
|
13504
|
-
* </form>
|
|
13505
|
-
* );
|
|
13506
|
-
* }
|
|
13507
|
-
* ```
|
|
13508
|
-
*/
|
|
13509
|
-
function useFormState(props) {
|
|
13510
|
-
const methods = useFormContext();
|
|
13511
|
-
const { control = methods.control, disabled, name, exact } = props || {};
|
|
13512
|
-
const [formState, updateFormState] = React__default.useState(control._formState);
|
|
13513
|
-
const _mounted = React__default.useRef(true);
|
|
13514
|
-
const _localProxyFormState = React__default.useRef({
|
|
13515
|
-
isDirty: false,
|
|
13516
|
-
isLoading: false,
|
|
13517
|
-
dirtyFields: false,
|
|
13518
|
-
touchedFields: false,
|
|
13519
|
-
isValidating: false,
|
|
13520
|
-
isValid: false,
|
|
13521
|
-
errors: false,
|
|
13522
|
-
});
|
|
13523
|
-
const _name = React__default.useRef(name);
|
|
13524
|
-
_name.current = name;
|
|
13525
|
-
useSubscribe({
|
|
13526
|
-
disabled,
|
|
13527
|
-
next: (value) => _mounted.current &&
|
|
13528
|
-
shouldSubscribeByName(_name.current, value.name, exact) &&
|
|
13529
|
-
shouldRenderFormState(value, _localProxyFormState.current, control._updateFormState) &&
|
|
13530
|
-
updateFormState({
|
|
13531
|
-
...control._formState,
|
|
13532
|
-
...value,
|
|
13533
|
-
}),
|
|
13534
|
-
subject: control._subjects.state,
|
|
13535
|
-
});
|
|
13536
|
-
React__default.useEffect(() => {
|
|
13537
|
-
_mounted.current = true;
|
|
13538
|
-
_localProxyFormState.current.isValid && control._updateValid(true);
|
|
13539
|
-
return () => {
|
|
13540
|
-
_mounted.current = false;
|
|
13541
|
-
};
|
|
13542
|
-
}, [control]);
|
|
13543
|
-
return getProxyFormState(formState, control, _localProxyFormState.current, false);
|
|
13544
|
-
}
|
|
13545
|
-
|
|
13546
13433
|
var isString = (value) => typeof value === 'string';
|
|
13547
13434
|
|
|
13548
13435
|
var generateWatchOutput = (names, _names, formValues, isGlobal, defaultValue) => {
|
|
@@ -13557,41 +13444,6 @@
|
|
|
13557
13444
|
return formValues;
|
|
13558
13445
|
};
|
|
13559
13446
|
|
|
13560
|
-
/**
|
|
13561
|
-
* Custom hook to subscribe to field change and isolate re-rendering at the component level.
|
|
13562
|
-
*
|
|
13563
|
-
* @remarks
|
|
13564
|
-
*
|
|
13565
|
-
* [API](https://react-hook-form.com/docs/usewatch) • [Demo](https://codesandbox.io/s/react-hook-form-v7-ts-usewatch-h9i5e)
|
|
13566
|
-
*
|
|
13567
|
-
* @example
|
|
13568
|
-
* ```tsx
|
|
13569
|
-
* const { watch } = useForm();
|
|
13570
|
-
* const values = useWatch({
|
|
13571
|
-
* name: "fieldName"
|
|
13572
|
-
* control,
|
|
13573
|
-
* })
|
|
13574
|
-
* ```
|
|
13575
|
-
*/
|
|
13576
|
-
function useWatch(props) {
|
|
13577
|
-
const methods = useFormContext();
|
|
13578
|
-
const { control = methods.control, name, defaultValue, disabled, exact, } = props || {};
|
|
13579
|
-
const _name = React__default.useRef(name);
|
|
13580
|
-
_name.current = name;
|
|
13581
|
-
useSubscribe({
|
|
13582
|
-
disabled,
|
|
13583
|
-
subject: control._subjects.values,
|
|
13584
|
-
next: (formState) => {
|
|
13585
|
-
if (shouldSubscribeByName(_name.current, formState.name, exact)) {
|
|
13586
|
-
updateValue(cloneObject(generateWatchOutput(_name.current, control._names, formState.values || control._formValues, false, defaultValue)));
|
|
13587
|
-
}
|
|
13588
|
-
},
|
|
13589
|
-
});
|
|
13590
|
-
const [value, updateValue] = React__default.useState(control._getWatch(name, defaultValue));
|
|
13591
|
-
React__default.useEffect(() => control._removeUnmounted());
|
|
13592
|
-
return value;
|
|
13593
|
-
}
|
|
13594
|
-
|
|
13595
13447
|
var isKey = (value) => /^\w*$/.test(value);
|
|
13596
13448
|
|
|
13597
13449
|
var stringToPath = (input) => compact(input.replace(/["|']|\]/g, '').split(/\.|\[/));
|
|
@@ -13619,133 +13471,6 @@
|
|
|
13619
13471
|
return object;
|
|
13620
13472
|
}
|
|
13621
13473
|
|
|
13622
|
-
/**
|
|
13623
|
-
* Custom hook to work with controlled component, this function provide you with both form and field level state. Re-render is isolated at the hook level.
|
|
13624
|
-
*
|
|
13625
|
-
* @remarks
|
|
13626
|
-
* [API](https://react-hook-form.com/docs/usecontroller) • [Demo](https://codesandbox.io/s/usecontroller-0o8px)
|
|
13627
|
-
*
|
|
13628
|
-
* @param props - the path name to the form field value, and validation rules.
|
|
13629
|
-
*
|
|
13630
|
-
* @returns field properties, field and form state. {@link UseControllerReturn}
|
|
13631
|
-
*
|
|
13632
|
-
* @example
|
|
13633
|
-
* ```tsx
|
|
13634
|
-
* function Input(props) {
|
|
13635
|
-
* const { field, fieldState, formState } = useController(props);
|
|
13636
|
-
* return (
|
|
13637
|
-
* <div>
|
|
13638
|
-
* <input {...field} placeholder={props.name} />
|
|
13639
|
-
* <p>{fieldState.isTouched && "Touched"}</p>
|
|
13640
|
-
* <p>{formState.isSubmitted ? "submitted" : ""}</p>
|
|
13641
|
-
* </div>
|
|
13642
|
-
* );
|
|
13643
|
-
* }
|
|
13644
|
-
* ```
|
|
13645
|
-
*/
|
|
13646
|
-
function useController(props) {
|
|
13647
|
-
const methods = useFormContext();
|
|
13648
|
-
const { name, disabled, control = methods.control, shouldUnregister } = props;
|
|
13649
|
-
const isArrayField = isNameInFieldArray(control._names.array, name);
|
|
13650
|
-
const value = useWatch({
|
|
13651
|
-
control,
|
|
13652
|
-
name,
|
|
13653
|
-
defaultValue: get(control._formValues, name, get(control._defaultValues, name, props.defaultValue)),
|
|
13654
|
-
exact: true,
|
|
13655
|
-
});
|
|
13656
|
-
const formState = useFormState({
|
|
13657
|
-
control,
|
|
13658
|
-
name,
|
|
13659
|
-
});
|
|
13660
|
-
const _registerProps = React__default.useRef(control.register(name, {
|
|
13661
|
-
...props.rules,
|
|
13662
|
-
value,
|
|
13663
|
-
}));
|
|
13664
|
-
_registerProps.current = control.register(name, props.rules);
|
|
13665
|
-
React__default.useEffect(() => {
|
|
13666
|
-
const _shouldUnregisterField = control._options.shouldUnregister || shouldUnregister;
|
|
13667
|
-
const updateMounted = (name, value) => {
|
|
13668
|
-
const field = get(control._fields, name);
|
|
13669
|
-
if (field) {
|
|
13670
|
-
field._f.mount = value;
|
|
13671
|
-
}
|
|
13672
|
-
};
|
|
13673
|
-
updateMounted(name, true);
|
|
13674
|
-
if (_shouldUnregisterField) {
|
|
13675
|
-
const value = cloneObject(get(control._options.defaultValues, name));
|
|
13676
|
-
set(control._defaultValues, name, value);
|
|
13677
|
-
if (isUndefined(get(control._formValues, name))) {
|
|
13678
|
-
set(control._formValues, name, value);
|
|
13679
|
-
}
|
|
13680
|
-
}
|
|
13681
|
-
return () => {
|
|
13682
|
-
(isArrayField
|
|
13683
|
-
? _shouldUnregisterField && !control._state.action
|
|
13684
|
-
: _shouldUnregisterField)
|
|
13685
|
-
? control.unregister(name)
|
|
13686
|
-
: updateMounted(name, false);
|
|
13687
|
-
};
|
|
13688
|
-
}, [name, control, isArrayField, shouldUnregister]);
|
|
13689
|
-
React__default.useEffect(() => {
|
|
13690
|
-
control._updateDisabledField({
|
|
13691
|
-
disabled,
|
|
13692
|
-
fields: control._fields,
|
|
13693
|
-
name,
|
|
13694
|
-
});
|
|
13695
|
-
}, [disabled, name, control]);
|
|
13696
|
-
return {
|
|
13697
|
-
field: {
|
|
13698
|
-
name,
|
|
13699
|
-
value,
|
|
13700
|
-
disabled,
|
|
13701
|
-
onChange: React__default.useCallback((event) => _registerProps.current.onChange({
|
|
13702
|
-
target: {
|
|
13703
|
-
value: getEventValue(event),
|
|
13704
|
-
name: name,
|
|
13705
|
-
},
|
|
13706
|
-
type: EVENTS.CHANGE,
|
|
13707
|
-
}), [name]),
|
|
13708
|
-
onBlur: React__default.useCallback(() => _registerProps.current.onBlur({
|
|
13709
|
-
target: {
|
|
13710
|
-
value: get(control._formValues, name),
|
|
13711
|
-
name: name,
|
|
13712
|
-
},
|
|
13713
|
-
type: EVENTS.BLUR,
|
|
13714
|
-
}), [name, control]),
|
|
13715
|
-
ref: (elm) => {
|
|
13716
|
-
const field = get(control._fields, name);
|
|
13717
|
-
if (field && elm) {
|
|
13718
|
-
field._f.ref = {
|
|
13719
|
-
focus: () => elm.focus(),
|
|
13720
|
-
select: () => elm.select(),
|
|
13721
|
-
setCustomValidity: (message) => elm.setCustomValidity(message),
|
|
13722
|
-
reportValidity: () => elm.reportValidity(),
|
|
13723
|
-
};
|
|
13724
|
-
}
|
|
13725
|
-
},
|
|
13726
|
-
},
|
|
13727
|
-
formState,
|
|
13728
|
-
fieldState: Object.defineProperties({}, {
|
|
13729
|
-
invalid: {
|
|
13730
|
-
enumerable: true,
|
|
13731
|
-
get: () => !!get(formState.errors, name),
|
|
13732
|
-
},
|
|
13733
|
-
isDirty: {
|
|
13734
|
-
enumerable: true,
|
|
13735
|
-
get: () => !!get(formState.dirtyFields, name),
|
|
13736
|
-
},
|
|
13737
|
-
isTouched: {
|
|
13738
|
-
enumerable: true,
|
|
13739
|
-
get: () => !!get(formState.touchedFields, name),
|
|
13740
|
-
},
|
|
13741
|
-
error: {
|
|
13742
|
-
enumerable: true,
|
|
13743
|
-
get: () => get(formState.errors, name),
|
|
13744
|
-
},
|
|
13745
|
-
}),
|
|
13746
|
-
};
|
|
13747
|
-
}
|
|
13748
|
-
|
|
13749
13474
|
var appendErrors = (name, validateAllFieldCriteria, errors, type, message) => validateAllFieldCriteria
|
|
13750
13475
|
? {
|
|
13751
13476
|
...errors[name],
|
|
@@ -15287,190 +15012,8 @@
|
|
|
15287
15012
|
return _formControl.current;
|
|
15288
15013
|
}
|
|
15289
15014
|
|
|
15290
|
-
var
|
|
15291
|
-
|
|
15292
|
-
var _templateObject$V, _templateObject2$g;
|
|
15293
|
-
var OptionsRow = styled__default.div(_templateObject$V || (_templateObject$V = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n"])));
|
|
15294
|
-
var Options = styled__default.div(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n flex-basis: 60%;\n"])));
|
|
15295
|
-
|
|
15296
|
-
var CommunicationPreferenceOptionsRenderer = function CommunicationPreferenceOptionsRenderer(_ref) {
|
|
15297
|
-
var control = _ref.control,
|
|
15298
|
-
name = _ref.name,
|
|
15299
|
-
isDisabled = _ref.isDisabled,
|
|
15300
|
-
options = _ref.options,
|
|
15301
|
-
defaultValue = _ref.defaultValue,
|
|
15302
|
-
setValue = _ref.setValue;
|
|
15303
|
-
|
|
15304
|
-
var _useController = useController({
|
|
15305
|
-
name: name,
|
|
15306
|
-
control: control,
|
|
15307
|
-
defaultValue: defaultValue
|
|
15308
|
-
}),
|
|
15309
|
-
_useController$field = _useController.field,
|
|
15310
|
-
ref = _useController$field.ref,
|
|
15311
|
-
inputProps = _objectWithoutProperties(_useController$field, _excluded$9),
|
|
15312
|
-
_useController$fieldS = _useController.fieldState,
|
|
15313
|
-
invalid = _useController$fieldS.invalid,
|
|
15314
|
-
error = _useController$fieldS.error;
|
|
15315
|
-
|
|
15316
|
-
React.useEffect(function () {
|
|
15317
|
-
if (defaultValue) {
|
|
15318
|
-
setValue(name, defaultValue);
|
|
15319
|
-
}
|
|
15320
|
-
}, [defaultValue, name, setValue]);
|
|
15321
|
-
return /*#__PURE__*/React__default.createElement(OptionsRow, null, /*#__PURE__*/React__default.createElement(Options, null, options.map(function (option) {
|
|
15322
|
-
return /*#__PURE__*/React__default.createElement(RadioButtonLabel, {
|
|
15323
|
-
key: option.value,
|
|
15324
|
-
htmlFor: option.value
|
|
15325
|
-
}, /*#__PURE__*/React__default.createElement(RadioButtonInput, _extends({
|
|
15326
|
-
id: option.value,
|
|
15327
|
-
ref: ref,
|
|
15328
|
-
type: "radio",
|
|
15329
|
-
name: name,
|
|
15330
|
-
defaultChecked: inputProps.value === option.value.toString()
|
|
15331
|
-
}, inputProps, {
|
|
15332
|
-
disabled: isDisabled,
|
|
15333
|
-
value: option.value
|
|
15334
|
-
})), /*#__PURE__*/React__default.createElement(RadioButtonCircle, null, /*#__PURE__*/React__default.createElement(RadioButtonCircleInner, null)), /*#__PURE__*/React__default.createElement(RadioButtonText, null, option.label));
|
|
15335
|
-
})), invalid && /*#__PURE__*/React__default.createElement("span", {
|
|
15336
|
-
className: "form__error"
|
|
15337
|
-
}, error === null || error === void 0 ? void 0 : error.message));
|
|
15338
|
-
};
|
|
15339
|
-
|
|
15340
|
-
var _templateObject$W, _templateObject2$h;
|
|
15341
|
-
var SectionContainer = styled__default.div(_templateObject$W || (_templateObject$W = _taggedTemplateLiteral(["\n border-top: flex 1px solid ", ";\n border-top-width: calc(100% - 50px);\n padding: 5px 10px;\n"])), function (props) {
|
|
15342
|
-
return props.theme.colors.primary;
|
|
15343
|
-
});
|
|
15344
|
-
var SectionHeading = styled__default.div(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteral(["\n padding: 5px 10px;\n"])));
|
|
15345
|
-
|
|
15346
|
-
var CommunicationPreferenceSection = function CommunicationPreferenceSection(_ref) {
|
|
15347
|
-
var section_heading = _ref.section_heading,
|
|
15348
|
-
description = _ref.description,
|
|
15349
|
-
control = _ref.control,
|
|
15350
|
-
name = _ref.name,
|
|
15351
|
-
isDisabled = _ref.isDisabled,
|
|
15352
|
-
options = _ref.options,
|
|
15353
|
-
defaultValue = _ref.defaultValue,
|
|
15354
|
-
setValue = _ref.setValue;
|
|
15355
|
-
return /*#__PURE__*/React__default.createElement(SectionContainer, null, /*#__PURE__*/React__default.createElement(SectionHeading, null, section_heading), /*#__PURE__*/React__default.createElement(CommunicationPreferenceOptionsRenderer, {
|
|
15356
|
-
description: description,
|
|
15357
|
-
control: control,
|
|
15358
|
-
name: name,
|
|
15359
|
-
isDisabled: isDisabled,
|
|
15360
|
-
options: options,
|
|
15361
|
-
defaultValue: defaultValue,
|
|
15362
|
-
setValue: setValue
|
|
15363
|
-
}));
|
|
15364
|
-
};
|
|
15365
|
-
|
|
15366
|
-
var CommunicationPreferenceSection$1 = themed(CommunicationPreferenceSection);
|
|
15367
|
-
|
|
15368
|
-
var _templateObject$X, _templateObject2$i, _templateObject3$9;
|
|
15369
|
-
var CommunicationPreferenceContainer = styled__default.div(_templateObject$X || (_templateObject$X = _taggedTemplateLiteral(["\n border: solid 1px #d1d5dbff;\n margin-bottom: 40px;\n"])));
|
|
15370
|
-
var EditButtonRow = styled__default.div(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteral(["\n display: flex;\n justify-content: end;\n padding: 10px 5px;\n margin-right: 16px;\n"])));
|
|
15371
|
-
var SubmitButton = styled__default.input(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n flex-basis: 15%;\n margin-right: 5px;\n"])));
|
|
15372
|
-
var BaseRequest = {
|
|
15373
|
-
loading: false,
|
|
15374
|
-
success: false,
|
|
15375
|
-
failed: false
|
|
15376
|
-
};
|
|
15377
|
-
|
|
15378
|
-
var CommunicationPreferences = function CommunicationPreferences(_ref) {
|
|
15379
|
-
var header = _ref.header,
|
|
15380
|
-
requestInstance = _ref.requestInstance,
|
|
15381
|
-
updateNotificationsApi = _ref.updateNotificationsApi,
|
|
15382
|
-
preferenceData = _ref.preferenceData,
|
|
15383
|
-
btnClassName = _ref.btnClassName;
|
|
15384
|
-
|
|
15385
|
-
var _useForm = useForm(),
|
|
15386
|
-
handleSubmit = _useForm.handleSubmit,
|
|
15387
|
-
control = _useForm.control,
|
|
15388
|
-
setValue = _useForm.setValue;
|
|
15389
|
-
|
|
15390
|
-
var _useState = React.useState(_objectSpread2({}, BaseRequest)),
|
|
15391
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
15392
|
-
requestState = _useState2[0],
|
|
15393
|
-
setRequestState = _useState2[1];
|
|
15394
|
-
|
|
15395
|
-
var _useState3 = React.useState(false),
|
|
15396
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
15397
|
-
isEditing = _useState4[0],
|
|
15398
|
-
setIsEditing = _useState4[1]; //
|
|
15399
|
-
|
|
15400
|
-
|
|
15401
|
-
var communicationOptions = [{
|
|
15402
|
-
label: 'WhatsApp',
|
|
15403
|
-
value: 'WHATSAPP'
|
|
15404
|
-
}, {
|
|
15405
|
-
label: 'Email',
|
|
15406
|
-
value: 'EMAIL'
|
|
15407
|
-
}];
|
|
15408
|
-
|
|
15409
|
-
var updateRequestState = function updateRequestState(obj) {
|
|
15410
|
-
setRequestState(_objectSpread2(_objectSpread2({}, BaseRequest), obj));
|
|
15411
|
-
};
|
|
15412
|
-
|
|
15413
|
-
var onSubmit = function onSubmit(form_data) {
|
|
15414
|
-
updateRequestState({
|
|
15415
|
-
loading: true
|
|
15416
|
-
});
|
|
15417
|
-
simpleRequest(requestInstance, updateNotificationsApi, method.POST, form_data, function () {
|
|
15418
|
-
updateRequestState({
|
|
15419
|
-
success: true,
|
|
15420
|
-
loading: false
|
|
15421
|
-
});
|
|
15422
|
-
success('Communication Preferences Updated.');
|
|
15423
|
-
setTimeout(function () {
|
|
15424
|
-
window.location.reload();
|
|
15425
|
-
}, 2000);
|
|
15426
|
-
}, function (data) {
|
|
15427
|
-
updateRequestState({
|
|
15428
|
-
failed: true,
|
|
15429
|
-
loading: false
|
|
15430
|
-
});
|
|
15431
|
-
var errorMessages = Object.keys(data).map(function (key) {
|
|
15432
|
-
return data[key];
|
|
15433
|
-
}).flat();
|
|
15434
|
-
error(errorMessages.map(function (message, key) {
|
|
15435
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
15436
|
-
key: "error-".concat(key)
|
|
15437
|
-
}, message);
|
|
15438
|
-
}));
|
|
15439
|
-
});
|
|
15440
|
-
};
|
|
15441
|
-
|
|
15442
|
-
return /*#__PURE__*/React__default.createElement(React.Fragment, null, requestState.loading && /*#__PURE__*/React__default.createElement(EllipsisLoader, null), header, /*#__PURE__*/React__default.createElement(CommunicationPreferenceContainer, null, /*#__PURE__*/React__default.createElement("form", {
|
|
15443
|
-
onSubmit: handleSubmit(onSubmit)
|
|
15444
|
-
}, /*#__PURE__*/React__default.createElement(CommunicationPreferenceSection$1, {
|
|
15445
|
-
control: control,
|
|
15446
|
-
name: "default_communication",
|
|
15447
|
-
options: communicationOptions,
|
|
15448
|
-
isDisabled: !isEditing,
|
|
15449
|
-
defaultValue: preferenceData.default_communication,
|
|
15450
|
-
setValue: setValue
|
|
15451
|
-
}), isEditing ? /*#__PURE__*/React__default.createElement(EditButtonRow, null, /*#__PURE__*/React__default.createElement(SubmitButton, {
|
|
15452
|
-
type: "submit",
|
|
15453
|
-
value: "Save",
|
|
15454
|
-
className: "".concat(btnClassName !== null && btnClassName !== void 0 ? btnClassName : 'btn--luxity')
|
|
15455
|
-
}), /*#__PURE__*/React__default.createElement("button", {
|
|
15456
|
-
type: "button",
|
|
15457
|
-
className: "".concat(btnClassName !== null && btnClassName !== void 0 ? btnClassName : 'btn--luxity'),
|
|
15458
|
-
onClick: function onClick() {
|
|
15459
|
-
setIsEditing(!isEditing);
|
|
15460
|
-
}
|
|
15461
|
-
}, "Cancel")) : /*#__PURE__*/React__default.createElement(EditButtonRow, null, /*#__PURE__*/React__default.createElement("button", {
|
|
15462
|
-
type: "button",
|
|
15463
|
-
className: "".concat(btnClassName !== null && btnClassName !== void 0 ? btnClassName : 'btn--luxity'),
|
|
15464
|
-
onClick: function onClick() {
|
|
15465
|
-
setIsEditing(!isEditing);
|
|
15466
|
-
}
|
|
15467
|
-
}, "Edit")))));
|
|
15468
|
-
};
|
|
15469
|
-
|
|
15470
|
-
var index$5 = themed(CommunicationPreferences);
|
|
15471
|
-
|
|
15472
|
-
var _templateObject$Y;
|
|
15473
|
-
var FooterWrapper$1 = styled__default.div(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n }\n"])), function (props) {
|
|
15015
|
+
var _templateObject$V;
|
|
15016
|
+
var FooterWrapper$1 = styled__default.div(_templateObject$V || (_templateObject$V = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n }\n"])), function (props) {
|
|
15474
15017
|
return props.theme.colors.gray;
|
|
15475
15018
|
});
|
|
15476
15019
|
|
|
@@ -15791,7 +15334,7 @@
|
|
|
15791
15334
|
}, "Copyright ", currentYear, " | Luxity (Pty) LTD | All Rights Reserved")));
|
|
15792
15335
|
};
|
|
15793
15336
|
|
|
15794
|
-
var index$
|
|
15337
|
+
var index$5 = themed(LuxityFooter);
|
|
15795
15338
|
|
|
15796
15339
|
var Dropdown$1 = function Dropdown(_ref) {
|
|
15797
15340
|
var title = _ref.title,
|
|
@@ -17941,7 +17484,6 @@
|
|
|
17941
17484
|
exports.Accordion = index;
|
|
17942
17485
|
exports.Checkbox = LuxityCheckbox;
|
|
17943
17486
|
exports.CheckboxFormWrapper = FormWrapper;
|
|
17944
|
-
exports.CommunicationPreferences = index$5;
|
|
17945
17487
|
exports.CountryCodeSelect = CountryCodeSelect;
|
|
17946
17488
|
exports.CurrencyInputFormatter = CurrencyInputFormatter;
|
|
17947
17489
|
exports.CurrencySelect = CurrencySelect;
|
|
@@ -17951,7 +17493,7 @@
|
|
|
17951
17493
|
exports.InvertedTextButton = InvertedTextButton$1;
|
|
17952
17494
|
exports.LuxityAppSideNav = LuxityAppSideNav;
|
|
17953
17495
|
exports.LuxityDesktopHeader = LuxityDesktopHeader;
|
|
17954
|
-
exports.LuxityFooter = index$
|
|
17496
|
+
exports.LuxityFooter = index$5;
|
|
17955
17497
|
exports.LuxityMobileHeader = LuxityMobileHeader;
|
|
17956
17498
|
exports.LuxityPageReady = LuxityPageReady;
|
|
17957
17499
|
exports.LuxitySideNav = LuxitySideNav;
|