@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.
@@ -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(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
9824
+ }, /*#__PURE__*/React__default.createElement("div", {
9828
9825
  className: "notification-settings"
9829
- }, canReceiveWhatsAppNotifications && /*#__PURE__*/React__default.createElement("div", {
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, _templateObject2$g;
12253
- var OptionsRow = styled__default.div(_templateObject$V || (_templateObject$V = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n"])));
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$Z;
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$Z || (_templateObject$Z = _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) {
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(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
7645
+ }, /*#__PURE__*/React__default.createElement("div", {
7649
7646
  className: "notification-settings"
7650
- }, canReceiveWhatsAppNotifications && /*#__PURE__*/React__default.createElement("div", {
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(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
9824
+ }, /*#__PURE__*/React__default.createElement("div", {
9828
9825
  className: "notification-settings"
9829
- }, canReceiveWhatsAppNotifications && /*#__PURE__*/React__default.createElement("div", {
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, _templateObject2$g;
12253
- var OptionsRow = styled__default.div(_templateObject$V || (_templateObject$V = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n"])));
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$Z;
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$Z || (_templateObject$Z = _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) {
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;
@@ -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(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
9824
+ }, /*#__PURE__*/React__default.createElement("div", {
9828
9825
  className: "notification-settings"
9829
- }, canReceiveWhatsAppNotifications && /*#__PURE__*/React__default.createElement("div", {
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, _templateObject2$g;
12253
- var OptionsRow = styled__default.div(_templateObject$V || (_templateObject$V = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n"])));
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$Z;
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$Z || (_templateObject$Z = _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) {
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(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
9824
+ }, /*#__PURE__*/React__default.createElement("div", {
9828
9825
  className: "notification-settings"
9829
- }, canReceiveWhatsAppNotifications && /*#__PURE__*/React__default.createElement("div", {
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, _templateObject2$g;
12253
- var OptionsRow = styled__default.div(_templateObject$V || (_templateObject$V = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n"])));
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$Z;
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$Z || (_templateObject$Z = _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) {
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;
@@ -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(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
7051
+ }, /*#__PURE__*/React__default.createElement("div", {
7055
7052
  className: "notification-settings"
7056
- }, canReceiveWhatsAppNotifications && /*#__PURE__*/React__default.createElement("div", {
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(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
10258
+ }, /*#__PURE__*/React__default.createElement("div", {
10262
10259
  className: "notification-settings"
10263
- }, canReceiveWhatsAppNotifications && /*#__PURE__*/React__default.createElement("div", {
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 _excluded$9 = ["ref"];
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$6 = themed(LuxityFooter);
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$6;
17496
+ exports.LuxityFooter = index$5;
17955
17497
  exports.LuxityMobileHeader = LuxityMobileHeader;
17956
17498
  exports.LuxityPageReady = LuxityPageReady;
17957
17499
  exports.LuxitySideNav = LuxitySideNav;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonlineza/luxity-lib",
3
- "version": "2.40.0",
3
+ "version": "2.40.2",
4
4
  "packageManager": "yarn@1.22.22",
5
5
  "scripts": {
6
6
  "start": "start-storybook -p 9001 -c .storybook -s ./public",