npm - ordering-ui-external - Versions diffs - 10.10.2 → 10.10.4 - Mend

ordering-ui-external 10.10.2 → 10.10.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2122) hide show

package/_modules/themes/callcenterOriginal/src/components/Shared/RangeCalendar/index.js CHANGED Viewed

@@ -25,7 +25,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var RangeCalendar = function RangeCalendar(props) {
+var RangeCalendar = exports.RangeCalendar = function RangeCalendar(props) {
   var _state$language, _state$language2;
   var handleChangeDate = props.handleChangeDate,
     defaultValue = props.defaultValue,
@@ -135,5 +135,4 @@ var RangeCalendar = function RangeCalendar(props) {
     startDatePlaceholder: t('EARLY', 'Early'),
     endDatePlaceholder: t('CONTINUOUS', 'Continuous')
   })));
-};
-exports.RangeCalendar = RangeCalendar;
+};

package/_modules/themes/callcenterOriginal/src/components/Shared/RangeCalendar/styles.js CHANGED Viewed

@@ -10,11 +10,10 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n\n  > button {\n    height: 44px;\n    svg {\n      font-size: 16px;\n      margin-right: 12px;\n      ", "\n    }\n  }\n"])), function (props) {
+var Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n\n  > button {\n    height: 44px;\n    svg {\n      font-size: 16px;\n      margin-right: 12px;\n      ", "\n    }\n  }\n"])), function (props) {
   return props.theme.rtl && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        margin-left: 12px;\n        margin-right: 0;\n      "])));
 });
-exports.Container = Container;
-var CalendarWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  background: ", ";\n  border: 1px solid ", ";\n  box-sizing: border-box;\n  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n  border-radius: 7.6px;\n  z-index: 100;\n  position: absolute;\n  margin-top: 18px;\n  overflow: hidden;\n  width: fit-content;\n\n  ", "\n  ", "\n  .rdrDateRangeWrapper {\n    .rdrDateDisplayWrapper {\n      background-color: transparent;\n    }\n    .rdrDateDisplayItem {\n      border: 1px solid ", ";\n      box-shadow: none;\n    }\n    button {\n      .rdrStartEdge,\n      .rdrEndEdge,\n      .rdrInRange {\n        color: ", " !important;\n      }\n    }\n    .rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span, .rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span, .rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span, .rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span {\n      color: ", ";\n    }\n  }  \n"])), function (props) {
+var CalendarWrapper = exports.CalendarWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  background: ", ";\n  border: 1px solid ", ";\n  box-sizing: border-box;\n  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n  border-radius: 7.6px;\n  z-index: 100;\n  position: absolute;\n  margin-top: 18px;\n  overflow: hidden;\n  width: fit-content;\n\n  ", "\n  ", "\n  .rdrDateRangeWrapper {\n    .rdrDateDisplayWrapper {\n      background-color: transparent;\n    }\n    .rdrDateDisplayItem {\n      border: 1px solid ", ";\n      box-shadow: none;\n    }\n    button {\n      .rdrStartEdge,\n      .rdrEndEdge,\n      .rdrInRange {\n        color: ", " !important;\n      }\n    }\n    .rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span, .rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span, .rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span, .rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span {\n      color: ", ";\n    }\n  }  \n"])), function (props) {
   var _props$theme$colors;
   return ((_props$theme$colors = props.theme.colors) === null || _props$theme$colors === void 0 ? void 0 : _props$theme$colors.backgroundPage) || '#FFF';
 }, function (props) {
@@ -34,5 +33,4 @@ var CalendarWrapper = _styledComponents.default.div(_templateObject3 || (_templa
   return props.theme.colors.lightPrimary;
 }, function (props) {
   return props.theme.colors.headingColor;
-});
-exports.CalendarWrapper = CalendarWrapper;
+});

package/_modules/themes/callcenterOriginal/src/components/Shared/Schedule/index.js CHANGED Viewed

@@ -268,10 +268,9 @@ var ScheduleUI = function ScheduleUI(props) {
     closeOnBackdrop: false
   }));
 };
-var Schedule = function Schedule(props) {
+var Schedule = exports.Schedule = function Schedule(props) {
   var scheduleProps = _objectSpread(_objectSpread({}, props), {}, {
     UIComponent: ScheduleUI
   });
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.Schedule, scheduleProps);
-};
-exports.Schedule = Schedule;
+};

package/_modules/themes/callcenterOriginal/src/components/Shared/Schedule/styles.js CHANGED Viewed

@@ -10,9 +10,8 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var ScheduleContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  min-width: 320px;\n"])));
-exports.ScheduleContainer = ScheduleContainer;
-var TimeScheduleItemContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 0;\n  border-bottom: 1px solid ", ";\n\n  > div {\n    display: flex;\n    align-items: center;\n    h4 {\n      font-size: 13px;\n      font-weight: 600;\n      margin: 0px;\n      padding: 0 10px;\n    }\n\n    &:first-child {\n      min-width: 95px;\n    }\n\n    &:nth-child(2) {\n      flex-direction: column;\n      flex: 1;\n      ", "\n      > div {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        &:not(:last-child) {\n          margin-bottom: 10px;\n        }\n  \n        svg {\n          font-size: 18px;\n          cursor: pointer;\n        }\n      }\n      > p {\n        margin: 6px 0;\n        font-size: 13px;\n      }\n    }\n\n    &:nth-child(3) {\n      > span {\n        svg {\n          cursor: pointer;\n          font-size: 18px;\n          color: ", ";\n          ", "\n        }\n      }\n    }\n  }\n\n  @media (min-width: 450px) {\n    > div {\n      h4 {\n        font-size: 14px;\n        padding: 0 12px;\n      }\n      &:nth-child(2) {\n        p {\n          font-size: 14px;\n        }\n        svg {\n          font-size: 20px;\n        }\n      }\n      &:nth-child(3) {\n        > span {\n          svg {\n            font-size: 20px;\n          }\n        }\n      }\n    }\n  }\n"])), function (props) {
+var ScheduleContainer = exports.ScheduleContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  min-width: 320px;\n"])));
+var TimeScheduleItemContainer = exports.TimeScheduleItemContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 0;\n  border-bottom: 1px solid ", ";\n\n  > div {\n    display: flex;\n    align-items: center;\n    h4 {\n      font-size: 13px;\n      font-weight: 600;\n      margin: 0px;\n      padding: 0 10px;\n    }\n\n    &:first-child {\n      min-width: 95px;\n    }\n\n    &:nth-child(2) {\n      flex-direction: column;\n      flex: 1;\n      ", "\n      > div {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        &:not(:last-child) {\n          margin-bottom: 10px;\n        }\n  \n        svg {\n          font-size: 18px;\n          cursor: pointer;\n        }\n      }\n      > p {\n        margin: 6px 0;\n        font-size: 13px;\n      }\n    }\n\n    &:nth-child(3) {\n      > span {\n        svg {\n          cursor: pointer;\n          font-size: 18px;\n          color: ", ";\n          ", "\n        }\n      }\n    }\n  }\n\n  @media (min-width: 450px) {\n    > div {\n      h4 {\n        font-size: 14px;\n        padding: 0 12px;\n      }\n      &:nth-child(2) {\n        p {\n          font-size: 14px;\n        }\n        svg {\n          font-size: 20px;\n        }\n      }\n      &:nth-child(3) {\n        > span {\n          svg {\n            font-size: 20px;\n          }\n        }\n      }\n    }\n  }\n"])), function (props) {
   return props.theme.colors.borderColor;
 }, function (props) {
   var _props$theme;
@@ -23,28 +22,22 @@ var TimeScheduleItemContainer = _styledComponents.default.div(_templateObject2 |
   var _props$theme2;
   return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n            margin-left: 10px;\n          "]))) : (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n            margin-right: 10px;\n          "])));
 });
-exports.TimeScheduleItemContainer = TimeScheduleItemContainer;
-var SelectWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  border: 1px solid ", ";\n  border-radius: 8px;\n  width: 70px;\n  display: flex;\n  justify-content: center;\n  .select {\n    border: none;\n    svg {\n      display: none;\n    }\n    > div {\n      padding-left: 13px;\n      padding-right: 13px;\n      font-size: 13px;\n      > div:last-child {\n        margin: 0px;\n      }\n    }\n  }\n  .list {\n    .options {\n      > div {\n        > div {\n          min-width: initial;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 450px) {\n    width: 95px;\n    .select {\n      > div {\n        font-size: 16px;\n      }\n    }\n  }\n"])), function (props) {
+var SelectWrapper = exports.SelectWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  border: 1px solid ", ";\n  border-radius: 8px;\n  width: 70px;\n  display: flex;\n  justify-content: center;\n  .select {\n    border: none;\n    svg {\n      display: none;\n    }\n    > div {\n      padding-left: 13px;\n      padding-right: 13px;\n      font-size: 13px;\n      > div:last-child {\n        margin: 0px;\n      }\n    }\n  }\n  .list {\n    .options {\n      > div {\n        > div {\n          min-width: initial;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 450px) {\n    width: 95px;\n    .select {\n      > div {\n        font-size: 16px;\n      }\n    }\n  }\n"])), function (props) {
   return props.theme.colors.borderColor;
 });
-exports.SelectWrapper = SelectWrapper;
-var Option = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  white-space: nowrap;\n  font-size: 15px;\n"])));
-exports.Option = Option;
-var SplitLine = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  height: 1px;\n  width: 8px;\n  margin: 0 8px;\n  background-color: ", ";\n"])), function (props) {
+var Option = exports.Option = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  white-space: nowrap;\n  font-size: 15px;\n"])));
+var SplitLine = exports.SplitLine = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  height: 1px;\n  width: 8px;\n  margin: 0 8px;\n  background-color: ", ";\n"])), function (props) {
   return props.theme.colors.disabled;
 });
-exports.SplitLine = SplitLine;
-var IconWrapper = _styledComponents.default.span(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
+var IconWrapper = exports.IconWrapper = _styledComponents.default.span(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
   var isHide = _ref.isHide;
   return isHide ? (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    opacity: 0;\n    pointer-events: none;\n  "]))) : (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    opacity: 1;\n  "])));
 });
-exports.IconWrapper = IconWrapper;
-var TrashIconWrapper = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  width: 50px;\n  ", "\n  @media (min-width: 450px) {\n    width: 56px;\n  }\n"])), function (_ref2) {
+var TrashIconWrapper = exports.TrashIconWrapper = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  width: 50px;\n  ", "\n  @media (min-width: 450px) {\n    width: 56px;\n  }\n"])), function (_ref2) {
   var isHide = _ref2.isHide;
   return isHide ? (0, _styledComponents.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    opacity: 0;\n    pointer-events: none;\n  "]))) : (0, _styledComponents.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n    opacity: 1;\n  "])));
 });
-exports.TrashIconWrapper = TrashIconWrapper;
-var AddScheduleIconWrapper = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  width: 50px;\n  > svg {\n    color: ", ";\n    ", "\n    &:last-child {\n      color: ", ";\n    }\n  }\n\n  @media (min-width: 450px) {\n    width: 56px;\n  }\n"])), function (props) {
+var AddScheduleIconWrapper = exports.AddScheduleIconWrapper = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  width: 50px;\n  > svg {\n    color: ", ";\n    ", "\n    &:last-child {\n      color: ", ";\n    }\n  }\n\n  @media (min-width: 450px) {\n    width: 56px;\n  }\n"])), function (props) {
   return props.theme.colors.primary;
 }, function (props) {
   var _props$theme3;
@@ -52,6 +45,4 @@ var AddScheduleIconWrapper = _styledComponents.default.div(_templateObject16 ||
 }, function (props) {
   return props.theme.colors.lightGray;
 });
-exports.AddScheduleIconWrapper = AddScheduleIconWrapper;
-var DateWrapper = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n\n  h4 {\n    &.date {\n      font-weight: normal;\n    }\n  }\n"])));
-exports.DateWrapper = DateWrapper;
+var DateWrapper = exports.DateWrapper = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n\n  h4 {\n    &.date {\n      font-weight: normal;\n    }\n  }\n"])));

package/_modules/themes/callcenterOriginal/src/components/Shared/ScheduleCopyTimes/index.js CHANGED Viewed

@@ -21,7 +21,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var ScheduleCopyTimes = function ScheduleCopyTimes(props) {
+var ScheduleCopyTimes = exports.ScheduleCopyTimes = function ScheduleCopyTimes(props) {
   var disabled = props.disabled,
     open = props.open,
     daysOfWeekIndex = props.daysOfWeekIndex,
@@ -111,5 +111,4 @@ var ScheduleCopyTimes = function ScheduleCopyTimes(props) {
       props.onClose && props.onClose();
     }
   }, t('APPLY', 'Apply'))));
-};
-exports.ScheduleCopyTimes = ScheduleCopyTimes;
+};

package/_modules/themes/callcenterOriginal/src/components/Shared/ScheduleCopyTimes/styles.js CHANGED Viewed

@@ -10,7 +10,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var HeaderItem = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  ", "\n  cursor: pointer;\n  svg {\n    color: ", ";\n    font-size: 20px;\n  }\n  ", "\n"])), function (props) {
+var HeaderItem = exports.HeaderItem = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  ", "\n  cursor: pointer;\n  svg {\n    color: ", ";\n    font-size: 20px;\n  }\n  ", "\n"])), function (props) {
   var _props$theme;
   return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    text-align: left;\n    "]))) : (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    text-align: right;\n  "])));
 }, function (props) {
@@ -20,22 +20,18 @@ var HeaderItem = _styledComponents.default.div(_templateObject || (_templateObje
   var disabled = _ref.disabled;
   return disabled && (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    pointer-events: none;\n    opacity: 0.6;\n  "])));
 });
-exports.HeaderItem = HeaderItem;
-var PopoverBody = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: absolute;\n  background: ", ";\n  padding: 15px 0px;\n  border-radius: 10px;\n  max-width: 250px;\n  z-index: 1001;\n  border: 1px solid #E9ECEF;\n  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n  border-radius: 6px;\n\n  ", "\n\n  > button {\n    width: calc(100% - 20px);\n    margin: 5px 10px 0 10px;\n  }\n"])), function (props) {
+var PopoverBody = exports.PopoverBody = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: absolute;\n  background: ", ";\n  padding: 15px 0px;\n  border-radius: 10px;\n  max-width: 250px;\n  z-index: 1001;\n  border: 1px solid #E9ECEF;\n  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n  border-radius: 6px;\n\n  ", "\n\n  > button {\n    width: calc(100% - 20px);\n    margin: 5px 10px 0 10px;\n  }\n"])), function (props) {
   var _props$theme$colors2;
   return ((_props$theme$colors2 = props.theme.colors) === null || _props$theme$colors2 === void 0 ? void 0 : _props$theme$colors2.backgroundPage) || '#FFF';
 }, function (props) {
   var _props$theme2;
   return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    left: 0px;\n  "]))) : (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    right: 0px;\n  "])));
 });
-exports.PopoverBody = PopoverBody;
-var Title = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: 14px;\n  padding: 0 10px;\n"])), function (props) {
+var Title = exports.Title = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: 14px;\n  padding: 0 10px;\n"])), function (props) {
   return props.theme.colors.headingColor;
 });
-exports.Title = Title;
-var PopoverList = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n"])));
-exports.PopoverList = PopoverList;
-var CopyItem = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 7px 10px;\n  cursor: pointer;\n\n  svg {\n    font-size: 24px;\n    color: ", ";\n  }\n  span {\n    color: ", ";\n    white-space: nowrap;\n    font-size: 14px;\n    font-weight: 400;\n    ", "\n  }\n\n  ", "\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  ", "\n"])), function (props) {
+var PopoverList = exports.PopoverList = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n"])));
+var CopyItem = exports.CopyItem = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 7px 10px;\n  cursor: pointer;\n\n  svg {\n    font-size: 24px;\n    color: ", ";\n  }\n  span {\n    color: ", ";\n    white-space: nowrap;\n    font-size: 14px;\n    font-weight: 400;\n    ", "\n  }\n\n  ", "\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  ", "\n"])), function (props) {
   var _props$theme$colors3;
   return (_props$theme$colors3 = props.theme.colors) === null || _props$theme$colors3 === void 0 ? void 0 : _props$theme$colors3.headingColor;
 }, function (props) {
@@ -58,5 +54,4 @@ var CopyItem = _styledComponents.default.div(_templateObject10 || (_templateObje
     var _props$theme$colors6;
     return (_props$theme$colors6 = props.theme.colors) === null || _props$theme$colors6 === void 0 ? void 0 : _props$theme$colors6.primary;
   });
-});
-exports.CopyItem = CopyItem;
+});

package/_modules/themes/callcenterOriginal/src/components/Shared/SearchBar/index.js CHANGED Viewed

@@ -10,7 +10,7 @@ var _styles = require("./styles");
 var _reactBootstrapIcons = require("react-bootstrap-icons");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var SearchBar = function SearchBar(props) {
+var SearchBar = exports.SearchBar = function SearchBar(props) {
   var _el$current;
   var onSearch = props.onSearch,
     search = props.search,
@@ -61,5 +61,4 @@ var SearchBar = function SearchBar(props) {
     className: "close",
     onClick: handleClear
   }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Search, null));
-};
-exports.SearchBar = SearchBar;
+};

package/_modules/themes/callcenterOriginal/src/components/Shared/SearchBar/styles.js CHANGED Viewed

@@ -10,7 +10,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var SearchContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  align-items: center;\n\n  > input {\n    width: 100%;\n    border: 1px solid ", " !important;\n    background: ", ";\n    outline: none;\n    padding: 10px 15px;\n    border-radius: 8px;\n    ", "\n    font-size: 14px;\n    color: ", ";\n\n    &::placeholder {\n      color: #909BA9;\n    }\n  }\n\n  svg {\n    position: absolute;\n    ", "\n    font-size: 16px;\n    color: ", ";\n\n    &.close {\n      cursor: pointer;\n    }\n  }\n\n  @media (max-width: 1200px) {\n    flex: 1;\n\n    input {\n      width: 100%;\n      box-sizing: border-box;\n    }\n  }\n"])), function (props) {
+var SearchContainer = exports.SearchContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  align-items: center;\n\n  > input {\n    width: 100%;\n    border: 1px solid ", " !important;\n    background: ", ";\n    outline: none;\n    padding: 10px 15px;\n    border-radius: 8px;\n    ", "\n    font-size: 14px;\n    color: ", ";\n\n    &::placeholder {\n      color: #909BA9;\n    }\n  }\n\n  svg {\n    position: absolute;\n    ", "\n    font-size: 16px;\n    color: ", ";\n\n    &.close {\n      cursor: pointer;\n    }\n  }\n\n  @media (max-width: 1200px) {\n    flex: 1;\n\n    input {\n      width: 100%;\n      box-sizing: border-box;\n    }\n  }\n"])), function (props) {
   return props.theme.colors.borderColor;
 }, function (props) {
   var _props$theme$colors;
@@ -25,5 +25,4 @@ var SearchContainer = _styledComponents.default.div(_templateObject || (_templat
   return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      left: 15px;\n    "]))) : (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      right: 15px;\n    "])));
 }, function (props) {
   return props.theme.colors.lightGray;
-});
-exports.SearchContainer = SearchContainer;
+});

package/_modules/themes/callcenterOriginal/src/components/Shared/SelectBusinessCategories/index.js CHANGED Viewed

@@ -142,7 +142,7 @@ var SelectBusinessCategoriesUI = function SelectBusinessCategoriesUI(props) {
     });
   }));
 };
-var SelectBusinessCategories = function SelectBusinessCategories(props) {
+var SelectBusinessCategories = exports.SelectBusinessCategories = function SelectBusinessCategories(props) {
   var _useApi = (0, _orderingComponentsExternal.useApi)(),
     _useApi2 = _slicedToArray(_useApi, 1),
     ordering = _useApi2[0];
@@ -162,5 +162,4 @@ var SelectBusinessCategories = function SelectBusinessCategories(props) {
     }
   });
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.BusinessProductsListing, businessProductslistingProps);
-};
-exports.SelectBusinessCategories = SelectBusinessCategories;
+};

package/_modules/themes/callcenterOriginal/src/components/Shared/SelectBusinessCategories/styles.js CHANGED Viewed

@@ -13,22 +13,19 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n"])));
-exports.Container = Container;
-var AccordionSection = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n"])));
-exports.AccordionSection = AccordionSection;
+var Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n"])));
+var AccordionSection = exports.AccordionSection = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n"])));
 var AccordionStyled = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  transition: background-color 0.6s ease;\n\n  .rotate {\n    transform: rotate(180deg);\n  }\n\n  .accordion__icon {\n    transition: transform 0.6s ease;\n    ", "\n  }\n\n  @media (min-width: 411px){\n    flex-direction: row;\n  }\n"])), function (props) {
   var _props$theme;
   return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      margin-left: 14px;\n    "]))) : (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      margin-right: 14px;\n    "])));
 });
-var Accordion = function Accordion(props) {
+var Accordion = exports.Accordion = function Accordion(props) {
   var style = {};
   return /*#__PURE__*/_react.default.createElement(AccordionStyled, _extends({}, props, {
     style: style
   }), props.children);
 };
-exports.Accordion = Accordion;
-var AccordionItem = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 6px 0;\n\n  > div {\n    display: flex;\n    align-items: center;\n\n    span {\n      font-size: 14px;\n      font-weight: 600;\n      margin: 0 12px;\n    }\n  }\n\n  ", "\n\n  ", "\n"])), function (_ref) {
+var AccordionItem = exports.AccordionItem = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 6px 0;\n\n  > div {\n    display: flex;\n    align-items: center;\n\n    span {\n      font-size: 14px;\n      font-weight: 600;\n      margin: 0 12px;\n    }\n  }\n\n  ", "\n\n  ", "\n"])), function (_ref) {
   var isProduct = _ref.isProduct;
   return isProduct && (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    > div {\n      span {\n        font-weight: 400;\n      }\n    }\n  "])));
 }, function (props) {
@@ -41,8 +38,5 @@ var AccordionItem = _styledComponents.default.div(_templateObject6 || (_template
     return "".concat(margin, "px") || '0px';
   });
 });
-exports.AccordionItem = AccordionItem;
-var AccordionContent = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  overflow: hidden;\n  transition: max-height 0.6s ease;\n  width: 100%;\n"])));
-exports.AccordionContent = AccordionContent;
-var SkeletonWrapper = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin-bottom: 16px;\n\n  > * {\n    &:not(:first-child) {\n      margin: 0 5px;\n    }\n  }\n"])));
-exports.SkeletonWrapper = SkeletonWrapper;
+var AccordionContent = exports.AccordionContent = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  overflow: hidden;\n  transition: max-height 0.6s ease;\n  width: 100%;\n"])));
+var SkeletonWrapper = exports.SkeletonWrapper = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin-bottom: 16px;\n\n  > * {\n    &:not(:first-child) {\n      margin: 0 5px;\n    }\n  }\n"])));

package/_modules/themes/callcenterOriginal/src/components/Shared/SelectBusinessProducts/index.js CHANGED Viewed

@@ -241,7 +241,7 @@ var SelectBusinessProductsUI = function SelectBusinessProductsUI(props) {
     });
   }));
 };
-var SelectBusinessProducts = function SelectBusinessProducts(props) {
+var SelectBusinessProducts = exports.SelectBusinessProducts = function SelectBusinessProducts(props) {
   var _useApi = (0, _orderingComponentsExternal.useApi)(),
     _useApi2 = _slicedToArray(_useApi, 1),
     ordering = _useApi2[0];
@@ -261,5 +261,4 @@ var SelectBusinessProducts = function SelectBusinessProducts(props) {
     }
   });
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.BusinessProductsListing, businessProductslistingProps);
-};
-exports.SelectBusinessProducts = SelectBusinessProducts;
+};

package/_modules/themes/callcenterOriginal/src/components/Shared/SelectBusinessProducts/styles.js CHANGED Viewed

@@ -13,22 +13,19 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n"])));
-exports.Container = Container;
-var AccordionSection = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n"])));
-exports.AccordionSection = AccordionSection;
+var Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n"])));
+var AccordionSection = exports.AccordionSection = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n"])));
 var AccordionStyled = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  transition: background-color 0.6s ease;\n\n  .rotate {\n    transform: rotate(180deg);\n  }\n\n  .accordion__icon {\n    transition: transform 0.6s ease;\n    ", "\n  }\n\n  @media (min-width: 411px){\n    flex-direction: row;\n  }\n"])), function (props) {
   var _props$theme;
   return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      margin-left: 14px;\n    "]))) : (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      margin-right: 14px;\n    "])));
 });
-var Accordion = function Accordion(props) {
+var Accordion = exports.Accordion = function Accordion(props) {
   var style = {};
   return /*#__PURE__*/_react.default.createElement(AccordionStyled, _extends({}, props, {
     style: style
   }), props.children);
 };
-exports.Accordion = Accordion;
-var AccordionItem = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 6px 0;\n\n  > div {\n    display: flex;\n    align-items: center;\n\n    span {\n      font-size: 14px;\n      font-weight: 600;\n      margin: 0 12px;\n    }\n  }\n\n  ", "\n\n  ", "\n"])), function (_ref) {
+var AccordionItem = exports.AccordionItem = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 6px 0;\n\n  > div {\n    display: flex;\n    align-items: center;\n\n    span {\n      font-size: 14px;\n      font-weight: 600;\n      margin: 0 12px;\n    }\n  }\n\n  ", "\n\n  ", "\n"])), function (_ref) {
   var isProduct = _ref.isProduct;
   return isProduct && (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    > div {\n      span {\n        font-weight: 400;\n      }\n    }\n  "])));
 }, function (props) {
@@ -41,19 +38,14 @@ var AccordionItem = _styledComponents.default.div(_templateObject6 || (_template
     return "".concat(margin, "px") || '0px';
   });
 });
-exports.AccordionItem = AccordionItem;
-var AccordionContent = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  overflow: hidden;\n  transition: max-height 0.6s ease;\n  width: 100%;\n"])));
-exports.AccordionContent = AccordionContent;
-var WrapperImage = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  max-width: 38px;\n  max-height: 38px;\n  height: 38px;\n  width: 38px;\n  border-radius: 8px;\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);\n  margin: 0 10px;\n"])));
-exports.WrapperImage = WrapperImage;
+var AccordionContent = exports.AccordionContent = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  overflow: hidden;\n  transition: max-height 0.6s ease;\n  width: 100%;\n"])));
+var WrapperImage = exports.WrapperImage = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  max-width: 38px;\n  max-height: 38px;\n  height: 38px;\n  width: 38px;\n  border-radius: 8px;\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);\n  margin: 0 10px;\n"])));
 var ImageStyled = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  position: relative;\n  background-repeat: no-repeat, repeat;\n  background-size: cover;\n  object-fit: cover;\n  background-position: center;\n  border-radius: 8px;\n"])));
-var Image = function Image(props) {
+var Image = exports.Image = function Image(props) {
   return /*#__PURE__*/_react.default.createElement(ImageStyled, _extends({}, props, {
     style: {
       backgroundImage: "url(".concat(props.bgimage, ")")
     }
   }), props.children);
 };
-exports.Image = Image;
-var SkeletonWrapper = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin-bottom: 16px;\n\n  > * {\n    &:not(:first-child) {\n      margin: 0 5px;\n    }\n  }\n"])));
-exports.SkeletonWrapper = SkeletonWrapper;
+var SkeletonWrapper = exports.SkeletonWrapper = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin-bottom: 16px;\n\n  > * {\n    &:not(:first-child) {\n      margin: 0 5px;\n    }\n  }\n"])));

package/_modules/themes/callcenterOriginal/src/components/Shared/SelectBusinesses/index.js CHANGED Viewed

@@ -25,7 +25,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var SelectBusinesses = function SelectBusinesses(props) {
+var SelectBusinesses = exports.SelectBusinesses = function SelectBusinesses(props) {
   var isSkeleton = props.isSkeleton,
     isAddMode = props.isAddMode,
     isDisabled = props.isDisabled,
@@ -114,5 +114,4 @@ var SelectBusinesses = function SelectBusinesses(props) {
       isAddMode ? handleAddClick() : handleUpdateClick();
     }
   }, isAddMode ? t('ADD', 'Add') : t('SAVE', 'Save')));
-};
-exports.SelectBusinesses = SelectBusinesses;
+};

package/_modules/themes/callcenterOriginal/src/components/Shared/SelectBusinesses/styles.js CHANGED Viewed

@@ -13,34 +13,27 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-top: 27px;\n  height: calc(100% - 130px);\n\n  > button {\n    position: sticky;\n    top: 100%;\n    height: 44px;\n  }\n"])));
-exports.Container = Container;
-var SearchBarWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-bottom: 15px;\n"])));
-exports.SearchBarWrapper = SearchBarWrapper;
-var ButtonGroup = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding-bottom: 17px;\n  border-bottom: 1px solid ", ";\n  button:first-child {\n    ", "\n  }\n"])), function (props) {
+var Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-top: 27px;\n  height: calc(100% - 130px);\n\n  > button {\n    position: sticky;\n    top: 100%;\n    height: 44px;\n  }\n"])));
+var SearchBarWrapper = exports.SearchBarWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-bottom: 15px;\n"])));
+var ButtonGroup = exports.ButtonGroup = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding-bottom: 17px;\n  border-bottom: 1px solid ", ";\n  button:first-child {\n    ", "\n  }\n"])), function (props) {
   return props.theme.colors.borderColor;
 }, function (props) {
   var _props$theme;
   return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      margin-left: 16px;\n    "]))) : (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      margin-right: 16px;\n    "])));
 });
-exports.ButtonGroup = ButtonGroup;
-var BusinessesContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  height: calc(100% - 180px);\n  overflow: auto;\n"])));
-exports.BusinessesContainer = BusinessesContainer;
-var BusinessWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 15px 0;\n  border-bottom: 1px solid ", ";\n\n  p {\n    margin: 0px;\n    font-size: 12px;\n  }\n"])), function (props) {
+var BusinessesContainer = exports.BusinessesContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  height: calc(100% - 180px);\n  overflow: auto;\n"])));
+var BusinessWrapper = exports.BusinessWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 15px 0;\n  border-bottom: 1px solid ", ";\n\n  p {\n    margin: 0px;\n    font-size: 12px;\n  }\n"])), function (props) {
   return props.theme.colors.borderColor;
 });
-exports.BusinessWrapper = BusinessWrapper;
-var WrapperImage = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  max-width: 40px;\n  max-height: 40px;\n  height: 40px;\n  width: 40px;\n  ", "\n  border-radius: 8px;\n\n  svg {\n    width: 100%;\n    height: 100%;\n    padding: 7px;\n    box-sizing: border-box;\n    border-radius: 50%;\n  }\n\n  margin: 0 10px;\n"])), function (_ref) {
+var WrapperImage = exports.WrapperImage = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  max-width: 40px;\n  max-height: 40px;\n  height: 40px;\n  width: 40px;\n  ", "\n  border-radius: 8px;\n\n  svg {\n    width: 100%;\n    height: 100%;\n    padding: 7px;\n    box-sizing: border-box;\n    border-radius: 50%;\n  }\n\n  margin: 0 10px;\n"])), function (_ref) {
   var isSkeleton = _ref.isSkeleton;
   return !isSkeleton && (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    border: 1px solid #E3E3E3;\n  "])));
 });
-exports.WrapperImage = WrapperImage;
 var ImageStyled = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  position: relative;\n  background-repeat: no-repeat, repeat;\n  background-size: cover;\n  object-fit: cover;\n  background-position: center;\n  border-radius: 8px;\n"])));
-var Image = function Image(props) {
+var Image = exports.Image = function Image(props) {
   return /*#__PURE__*/_react.default.createElement(ImageStyled, _extends({}, props, {
     style: {
       backgroundImage: "url(".concat(props.bgimage, ")")
     }
   }), props.children);
-};
-exports.Image = Image;
+};

package/_modules/themes/callcenterOriginal/src/components/Shared/SelectLoyaltyLevels/index.js CHANGED Viewed

@@ -112,10 +112,9 @@ var SelectLoyaltyLevelsUI = function SelectLoyaltyLevelsUI(props) {
     }
   }, isAddMode ? t('ADD', 'Add') : t('SAVE', 'Save')));
 };
-var SelectLoyaltyLevels = function SelectLoyaltyLevels(props) {
+var SelectLoyaltyLevels = exports.SelectLoyaltyLevels = function SelectLoyaltyLevels(props) {
   var levelsProps = _objectSpread(_objectSpread({}, props), {}, {
     UIComponent: SelectLoyaltyLevelsUI
   });
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.PointsWalletLevels, levelsProps);
-};
-exports.SelectLoyaltyLevels = SelectLoyaltyLevels;
+};

package/_modules/themes/callcenterOriginal/src/components/Shared/SelectLoyaltyLevels/styles.js CHANGED Viewed

@@ -10,21 +10,17 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-top: 27px;\n\n  > button {\n    height: 44px;\n    margin-top: 20px;\n  }\n"])));
-exports.Container = Container;
-var SearchBarWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-bottom: 15px;\n"])));
-exports.SearchBarWrapper = SearchBarWrapper;
-var ButtonGroup = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding-bottom: 17px;\n  border-bottom: 1px solid ", ";\n  button:first-child {\n    ", "\n  }\n"])), function (props) {
+var Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-top: 27px;\n\n  > button {\n    height: 44px;\n    margin-top: 20px;\n  }\n"])));
+var SearchBarWrapper = exports.SearchBarWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-bottom: 15px;\n"])));
+var ButtonGroup = exports.ButtonGroup = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding-bottom: 17px;\n  border-bottom: 1px solid ", ";\n  button:first-child {\n    ", "\n  }\n"])), function (props) {
   return props.theme.colors.borderColor;
 }, function (props) {
   var _props$theme;
   return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      margin-left: 16px;\n    "]))) : (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      margin-right: 16px;\n    "])));
 });
-exports.ButtonGroup = ButtonGroup;
-var LevelItem = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  border-bottom: 1px solid ", ";\n  padding: 15px 0;\n\n  span {\n    font-size: 14px;\n    ", "\n  }\n"])), function (props) {
+var LevelItem = exports.LevelItem = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  border-bottom: 1px solid ", ";\n  padding: 15px 0;\n\n  span {\n    font-size: 14px;\n    ", "\n  }\n"])), function (props) {
   return props.theme.colors.borderColor;
 }, function (props) {
   var _props$theme2;
   return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      margin-right: 14px;\n    "]))) : (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      margin-left: 14px;\n    "])));
-});
-exports.LevelItem = LevelItem;
+});

package/_modules/themes/callcenterOriginal/src/components/Shared/SelectSites/index.js CHANGED Viewed

@@ -22,7 +22,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var SelectSites = function SelectSites(props) {
+var SelectSites = exports.SelectSites = function SelectSites(props) {
   var isAddMode = props.isAddMode,
     isDisabled = props.isDisabled,
     selectedSitesIds = props.selectedSitesIds,
@@ -89,5 +89,4 @@ var SelectSites = function SelectSites(props) {
       isAddMode ? handleAddClick() : handleUpdateClick();
     }
   }, isAddMode ? t('ADD', 'Add') : t('SAVE', 'Save')));
-};
-exports.SelectSites = SelectSites;
+};

package/_modules/themes/callcenterOriginal/src/components/Shared/SelectSites/styles.js CHANGED Viewed

@@ -10,21 +10,17 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var ChannelsContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-top: 27px;\n  height: calc(100% - 130px);\n  overflow: auto;\n\n  > button {\n    position: sticky;\n    top: 100%;\n    height: 44px;\n  }\n"])));
-exports.ChannelsContainer = ChannelsContainer;
-var SearchBarWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-bottom: 15px;\n"])));
-exports.SearchBarWrapper = SearchBarWrapper;
-var ButtonGroup = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding-bottom: 17px;\n  border-bottom: 1px solid ", ";\n  button:first-child {\n    ", "\n  }\n"])), function (props) {
+var ChannelsContainer = exports.ChannelsContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-top: 27px;\n  height: calc(100% - 130px);\n  overflow: auto;\n\n  > button {\n    position: sticky;\n    top: 100%;\n    height: 44px;\n  }\n"])));
+var SearchBarWrapper = exports.SearchBarWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-bottom: 15px;\n"])));
+var ButtonGroup = exports.ButtonGroup = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding-bottom: 17px;\n  border-bottom: 1px solid ", ";\n  button:first-child {\n    ", "\n  }\n"])), function (props) {
   return props.theme.colors.borderColor;
 }, function (props) {
   var _props$theme;
   return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      margin-left: 16px;\n    "]))) : (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      margin-right: 16px;\n    "])));
 });
-exports.ButtonGroup = ButtonGroup;
-var ChannelItem = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  padding: 15px 0;\n  border-bottom: 1px solid ", ";\n  display: flex;\n  align-items: center;\n\n  span {\n    font-size: 14px;\n    ", "\n  }\n"])), function (props) {
+var ChannelItem = exports.ChannelItem = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  padding: 15px 0;\n  border-bottom: 1px solid ", ";\n  display: flex;\n  align-items: center;\n\n  span {\n    font-size: 14px;\n    ", "\n  }\n"])), function (props) {
   return props.theme.colors.borderColor;
 }, function (props) {
   var _props$theme2;
   return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      margin-right: 14px;\n    "]))) : (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      margin-left: 14px;\n    "])));
-});
-exports.ChannelItem = ChannelItem;
+});

package/_modules/themes/callcenterOriginal/src/components/Shared/SelectUsers/index.js CHANGED Viewed

@@ -122,7 +122,7 @@ var SelectUsersUI = function SelectUsersUI(props) {
     }
   }, isAddMode ? t('ADD', 'Add') : t('SAVE', 'Save')));
 };
-var SelectUsers = function SelectUsers(props) {
+var SelectUsers = exports.SelectUsers = function SelectUsers(props) {
   var usersProps = _objectSpread(_objectSpread({}, props), {}, {
     defaultUserTypesSelected: [3],
     UIComponent: SelectUsersUI,
@@ -131,5 +131,4 @@ var SelectUsers = function SelectUsers(props) {
     isSearchByUserName: true
   });
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.UsersList, usersProps);
-};
-exports.SelectUsers = SelectUsers;
+};

package/_modules/themes/callcenterOriginal/src/components/Shared/SelectUsers/styles.js CHANGED Viewed

@@ -10,16 +10,12 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var UsersContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-top: 27px;\n\n  > button {\n    height: 44px;\n    margin-top: 20px;\n  }\n"])));
-exports.UsersContainer = UsersContainer;
-var SearchBarWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-bottom: 15px;\n"])));
-exports.SearchBarWrapper = SearchBarWrapper;
-var UserItem = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: 15px 0;\n  border-bottom: 1px solid ", ";\n  display: flex;\n  align-items: center;\n\n  span.name {\n    font-size: 14px;\n    ", "\n  }\n"])), function (props) {
+var UsersContainer = exports.UsersContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-top: 27px;\n\n  > button {\n    height: 44px;\n    margin-top: 20px;\n  }\n"])));
+var SearchBarWrapper = exports.SearchBarWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-bottom: 15px;\n"])));
+var UserItem = exports.UserItem = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: 15px 0;\n  border-bottom: 1px solid ", ";\n  display: flex;\n  align-items: center;\n\n  span.name {\n    font-size: 14px;\n    ", "\n  }\n"])), function (props) {
   return props.theme.colors.borderColor;
 }, function (props) {
   var _props$theme;
   return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      margin-right: 14px;\n    "]))) : (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      margin-left: 14px;\n    "])));
 });
-exports.UserItem = UserItem;
-var WrapperPagination = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: flex-end;\n  margin-top: 15px;\n"])));
-exports.WrapperPagination = WrapperPagination;
+var WrapperPagination = exports.WrapperPagination = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: flex-end;\n  margin-top: 15px;\n"])));