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/five/src/components/ServiceForm/styles.js CHANGED Viewed

@@ -13,49 +13,36 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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 _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  max-height: 100vh;\n  position: relative;\n  @media (min-width: 1200px) {\n    max-height: calc(70vh - 20px);\n  }\n"])));
-exports.Container = Container;
-var ImageWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-top: 50px;\n  width: 100%;\n  position: relative;\n"])));
-exports.ImageWrapper = ImageWrapper;
-var SwiperWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: relative;\n  width: 100%;\n\n  .mySwiper2 {\n    height: 250px;\n    width: 100%;\n\n    .swiper-slide-active {\n      border-radius: 0px;\n      img {\n        border-radius: 0px;\n      }\n    }\n\n    @media (min-width: 576px) {\n      height: 320px;\n    }\n  }\n\n  .swiper {\n    width: 100%;\n    height: 500px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .swiper-slide {\n    background-size: cover;\n    background-position: center;\n  }\n  .swiper-slide img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n"])));
-exports.SwiperWrapper = SwiperWrapper;
-var ArrowButtonWrapper = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: absolute;\n  z-index: 10;\n  top: calc(50% - 12px);\n  > svg {\n    width: 24px;\n    height: 24px;\n    color: ", ";\n  }\n  &.button-prev {\n    left: 30px;\n  }\n  &.button-next {\n    right: 30px;\n  }\n  &.swiper-button-disabled {\n    display: none;\n  }\n"])), function (props) {
+var Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  max-height: 100vh;\n  position: relative;\n  @media (min-width: 1200px) {\n    max-height: calc(70vh - 20px);\n  }\n"])));
+var ImageWrapper = exports.ImageWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-top: 50px;\n  width: 100%;\n  position: relative;\n"])));
+var SwiperWrapper = exports.SwiperWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: relative;\n  width: 100%;\n\n  .mySwiper2 {\n    height: 250px;\n    width: 100%;\n\n    .swiper-slide-active {\n      border-radius: 0px;\n      img {\n        border-radius: 0px;\n      }\n    }\n\n    @media (min-width: 576px) {\n      height: 320px;\n    }\n  }\n\n  .swiper {\n    width: 100%;\n    height: 500px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .swiper-slide {\n    background-size: cover;\n    background-position: center;\n  }\n  .swiper-slide img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n"])));
+var ArrowButtonWrapper = exports.ArrowButtonWrapper = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: absolute;\n  z-index: 10;\n  top: calc(50% - 12px);\n  > svg {\n    width: 24px;\n    height: 24px;\n    color: ", ";\n  }\n  &.button-prev {\n    left: 30px;\n  }\n  &.button-next {\n    right: 30px;\n  }\n  &.swiper-button-disabled {\n    display: none;\n  }\n"])), function (props) {
   return props.theme.colors.backgroundPage;
 });
-exports.ArrowButtonWrapper = ArrowButtonWrapper;
-var HeaderInfoWrapper = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  padding: 28px 20px 16px 20px;\n  h2 {\n    margin-top: 0px;\n    margin-bottom: 5px;\n    font-weight: 600;\n    font-size: 28px;\n    line-height: 42px;\n  }\n  p {\n    font-weight: 400;\n    font-size: 16px;\n    margin: 0px;\n    color: ", ";\n    white-space: pre-wrap;\n  }\n"])), function (props) {
+var HeaderInfoWrapper = exports.HeaderInfoWrapper = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  padding: 28px 20px 16px 20px;\n  h2 {\n    margin-top: 0px;\n    margin-bottom: 5px;\n    font-weight: 600;\n    font-size: 28px;\n    line-height: 42px;\n  }\n  p {\n    font-weight: 400;\n    font-size: 16px;\n    margin: 0px;\n    color: ", ";\n    white-space: pre-wrap;\n  }\n"])), function (props) {
   return props.theme.colors.darkGray;
 });
-exports.HeaderInfoWrapper = HeaderInfoWrapper;
-var PriceAndDuration = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin-bottom: 5px;\n  span {\n    font-weight: 400;\n    font-size: 18px;\n    line-height: 27px;\n    &.dot {\n      margin: 0px 5px;\n    }\n  }\n"])));
-exports.PriceAndDuration = PriceAndDuration;
-var Divider = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 8px;\n  background: ", ";\n"])), function (props) {
+var PriceAndDuration = exports.PriceAndDuration = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin-bottom: 5px;\n  span {\n    font-weight: 400;\n    font-size: 18px;\n    line-height: 27px;\n    &.dot {\n      margin: 0px 5px;\n    }\n  }\n"])));
+var Divider = exports.Divider = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 8px;\n  background: ", ";\n"])), function (props) {
   return props.theme.colors.grayDividerColor;
 });
-exports.Divider = Divider;
-var ProfessionalInfoWrapper = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  margin-top: 18px;\n  padding: 0px 20px;\n"])));
-exports.ProfessionalInfoWrapper = ProfessionalInfoWrapper;
-var SectionHeader = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 20px;\n\n  > h2 {\n    font-weight: 600;\n    font-size: 20px;\n    line-height: 30px;\n    margin: 0px;\n  }\n  span {\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 24px;\n    color: ", ";\n  }\n"])), function (props) {
+var ProfessionalInfoWrapper = exports.ProfessionalInfoWrapper = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  margin-top: 18px;\n  padding: 0px 20px;\n"])));
+var SectionHeader = exports.SectionHeader = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 20px;\n\n  > h2 {\n    font-weight: 600;\n    font-size: 20px;\n    line-height: 30px;\n    margin: 0px;\n  }\n  span {\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 24px;\n    color: ", ";\n  }\n"])), function (props) {
   return props.theme.colors.danger500;
 });
-exports.SectionHeader = SectionHeader;
-var ScheduleWrapper = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  padding: 0px 20px;\n  margin-top: 35px;\n  margin-bottom: 15px;\n  > div:last-child {\n    padding: 0px;\n  }\n"])));
-exports.ScheduleWrapper = ScheduleWrapper;
-var ButtonWrapper = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  position: sticky;\n  background: ", ";\n  padding: 11px 20px 30px 20px;\n  border-top: ", ";\n  bottom: 0px;\n  z-index: 11;\n\n  span {\n    font-weight: 500;\n    font-size: 16px;\n    line-height: 24px;\n  }\n\n  button {\n    height: 44px;\n    width: 100%;\n    max-width: 300px;\n    &.soldout {\n      pointer-events: none;\n      background-color: hsl(0, 0%, 72%);\n    }\n  }\n"])), function (props) {
+var ScheduleWrapper = exports.ScheduleWrapper = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  padding: 0px 20px;\n  margin-top: 35px;\n  margin-bottom: 15px;\n  > div:last-child {\n    padding: 0px;\n  }\n"])));
+var ButtonWrapper = exports.ButtonWrapper = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  position: sticky;\n  background: ", ";\n  padding: 11px 20px 30px 20px;\n  border-top: ", ";\n  bottom: 0px;\n  z-index: 11;\n\n  span {\n    font-weight: 500;\n    font-size: 16px;\n    line-height: 24px;\n  }\n\n  button {\n    height: 44px;\n    width: 100%;\n    max-width: 300px;\n    &.soldout {\n      pointer-events: none;\n      background-color: hsl(0, 0%, 72%);\n    }\n  }\n"])), function (props) {
   return props.theme.colors.backgroundPage;
 }, function (props) {
   return props.theme.colors.gray200;
 });
-exports.ButtonWrapper = ButtonWrapper;
-var ProfessionalSelectWrapper = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  position: relative;\n"])));
-exports.ProfessionalSelectWrapper = ProfessionalSelectWrapper;
-var DropDownWrapper = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  position: absolute;\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);\n  border-radius: 7.6px;\n  top: 100%;\n  margin-top: 5px;\n  border: 1px solid ", ";\n  background-color: ", ";\n  padding: 18px 16px;\n  width: 100%;\n  z-index: 10;\n  box-sizing: border-box;\n  max-height: 263px;\n  overflow: auto;\n"])), function (props) {
+var ProfessionalSelectWrapper = exports.ProfessionalSelectWrapper = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  position: relative;\n"])));
+var DropDownWrapper = exports.DropDownWrapper = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  position: absolute;\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);\n  border-radius: 7.6px;\n  top: 100%;\n  margin-top: 5px;\n  border: 1px solid ", ";\n  background-color: ", ";\n  padding: 18px 16px;\n  width: 100%;\n  z-index: 10;\n  box-sizing: border-box;\n  max-height: 263px;\n  overflow: auto;\n"])), function (props) {
   return props.theme.colors.gray200;
 }, function (props) {
   return props.theme.colors.backgroundPage;
 });
-exports.DropDownWrapper = DropDownWrapper;
-var SelectedItem = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 12px 16px;\n  justify-content: space-between;\n\n  border: 1px solid ", ";\n  border-radius: 7.6px;\n  cursor: pointer;\n  transition: all 0.3s linear;\n\n  > p {\n    margin: 0px;\n    line-height: 42px;\n  }\n\n  ", "\n\n  ", "\n"])), function (props) {
+var SelectedItem = exports.SelectedItem = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 12px 16px;\n  justify-content: space-between;\n\n  border: 1px solid ", ";\n  border-radius: 7.6px;\n  cursor: pointer;\n  transition: all 0.3s linear;\n\n  > p {\n    margin: 0px;\n    line-height: 42px;\n  }\n\n  ", "\n\n  ", "\n"])), function (props) {
   return props.theme.colors.gray200;
 }, function (_ref) {
   var isDropDown = _ref.isDropDown;
@@ -70,11 +57,9 @@ var SelectedItem = _styledComponents.default.div(_templateObject14 || (_template
     return props.theme.colors.gray200;
   });
 });
-exports.SelectedItem = SelectedItem;
-var InfoWrapper = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  flex: 1;\n\n  svg {\n    width: 42px;\n    height: 42px;\n  }\n"])));
-exports.InfoWrapper = InfoWrapper;
+var InfoWrapper = exports.InfoWrapper = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  flex: 1;\n\n  svg {\n    width: 42px;\n    height: 42px;\n  }\n"])));
 var ProfessionalPhotoStyled = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  position: relative;\n  background-repeat: no-repeat, repeat;\n  background-size: cover;\n  background-position: center;\n  object-fit: cover;\n  height: 42px;\n  width: 42px;\n  min-width: 42px;\n  border-radius: 7.6px;\n"])));
-var ProfessionalPhoto = function ProfessionalPhoto(props) {
+var ProfessionalPhoto = exports.ProfessionalPhoto = function ProfessionalPhoto(props) {
   var style = {};
   if (props.bgimage) {
     style.backgroundImage = "url(".concat(props.bgimage, ")");
@@ -83,12 +68,10 @@ var ProfessionalPhoto = function ProfessionalPhoto(props) {
     style: style
   }), props.children);
 };
-exports.ProfessionalPhoto = ProfessionalPhoto;
-var NameWrapper = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  margin-left: 25px;\n  flex: 1;\n  ", "\n  p {\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 24px;\n    margin: 0px;\n  }\n"])), function (props) {
+var NameWrapper = exports.NameWrapper = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  margin-left: 25px;\n  flex: 1;\n  ", "\n  p {\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 24px;\n    margin: 0px;\n  }\n"])), function (props) {
   return props.theme.rtl && (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n    margin-right: 25px;\n    margin-left: 0px;\n  "])));
 });
-exports.NameWrapper = NameWrapper;
-var StatusInfo = _styledComponents.default.div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  span {\n    font-weight: 400;\n    font-size: 12px;\n    line-height: 18px;\n    &.status {\n      color: ", ";\n    }\n  }\n\n  ", "\n"])), function (props) {
+var StatusInfo = exports.StatusInfo = _styledComponents.default.div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  span {\n    font-weight: 400;\n    font-size: 12px;\n    line-height: 18px;\n    &.status {\n      color: ", ";\n    }\n  }\n\n  ", "\n"])), function (props) {
   return props.theme.colors.danger500;
 }, function (_ref3) {
   var available = _ref3.available;
@@ -96,27 +79,20 @@ var StatusInfo = _styledComponents.default.div(_templateObject21 || (_templateOb
     return props.theme.colors.success500;
   });
 });
-exports.StatusInfo = StatusInfo;
-var EmptyProfessional = _styledComponents.default.div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n  min-height: 100px;\n  margin-bottom: 100px;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
-exports.EmptyProfessional = EmptyProfessional;
-var SkeletonBlock = _styledComponents.default.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  width: ", ";\n  border-radius: 16px;\n  margin: 50px auto 20px auto;\n\n  span {\n    margin-bottom: 10px;\n  }\n"])), function (_ref4) {
+var EmptyProfessional = exports.EmptyProfessional = _styledComponents.default.div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n  min-height: 100px;\n  margin-bottom: 100px;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
+var SkeletonBlock = exports.SkeletonBlock = _styledComponents.default.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  width: ", ";\n  border-radius: 16px;\n  margin: 50px auto 20px auto;\n\n  span {\n    margin-bottom: 10px;\n  }\n"])), function (_ref4) {
   var width = _ref4.width;
   return width && "".concat(width, "%");
 });
-exports.SkeletonBlock = SkeletonBlock;
-var OrderTimeWrapper = _styledComponents.default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral([""])));
-exports.OrderTimeWrapper = OrderTimeWrapper;
-var DateWrapper = _styledComponents.default.div(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral([""])));
-exports.DateWrapper = DateWrapper;
-var MonthYearLayer = _styledComponents.default.div(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n  margin-top: 0px;\n  margin-bottom: 13px;\n\n  span {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"])));
-exports.MonthYearLayer = MonthYearLayer;
-var DaysSwiper = _styledComponents.default.div(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n  width: 100%;\n  position: relative;\n  border-top: 1px solid  ", ";\n  border-bottom: 1px solid  ", ";\n\n  .swiper-datelist {\n    padding: 0 20px;\n    .swiper-button-prev {\n      background-image: url(\"data:image/svg+xml,%3Csvg stroke='currentColor' fill='currentColor' stroke-width='0' viewBox='0 0 16 16' height='1em' width='1em' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.86 8.753l5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 00-1.659-.753l-5.48 4.796a1 1 0 000 1.506z'%3E%3C/path%3E%3C/svg%3E\");\n      background-repeat: no-repeat;\n      background-size: 100% auto;\n      background-position: center;\n      width: 20px;\n    }\n\n    .swiper-button-prev::after {\n      display: none;\n    }\n    .swiper-button-next {\n      background-image: url(\"data:image/svg+xml,%3Csvg stroke='currentColor' fill='currentColor' stroke-width='0' viewBox='0 0 16 16' height='1em' width='1em' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.14 8.753l-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 011.659-.753l5.48 4.796a1 1 0 010 1.506z'%3E%3C/path%3E%3C/svg%3E\");\n      background-repeat: no-repeat;\n      background-size: 100% auto;\n      background-position: center;\n      width: 18px;\n    }\n\n    .swiper-button-next::after {\n      display: none;\n    }\n\n    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {\n      right: 0px;\n      left: auto;\n    }\n    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {\n      left: 0px;\n      right: auto;\n    }\n  }\n"])), function (props) {
+var OrderTimeWrapper = exports.OrderTimeWrapper = _styledComponents.default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral([""])));
+var DateWrapper = exports.DateWrapper = _styledComponents.default.div(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral([""])));
+var MonthYearLayer = exports.MonthYearLayer = _styledComponents.default.div(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n  margin-top: 0px;\n  margin-bottom: 13px;\n\n  span {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"])));
+var DaysSwiper = exports.DaysSwiper = _styledComponents.default.div(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n  width: 100%;\n  position: relative;\n  border-top: 1px solid  ", ";\n  border-bottom: 1px solid  ", ";\n\n  .swiper-datelist {\n    padding: 0 20px;\n    .swiper-button-prev {\n      background-image: url(\"data:image/svg+xml,%3Csvg stroke='currentColor' fill='currentColor' stroke-width='0' viewBox='0 0 16 16' height='1em' width='1em' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.86 8.753l5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 00-1.659-.753l-5.48 4.796a1 1 0 000 1.506z'%3E%3C/path%3E%3C/svg%3E\");\n      background-repeat: no-repeat;\n      background-size: 100% auto;\n      background-position: center;\n      width: 20px;\n    }\n\n    .swiper-button-prev::after {\n      display: none;\n    }\n    .swiper-button-next {\n      background-image: url(\"data:image/svg+xml,%3Csvg stroke='currentColor' fill='currentColor' stroke-width='0' viewBox='0 0 16 16' height='1em' width='1em' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.14 8.753l-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 011.659-.753l5.48 4.796a1 1 0 010 1.506z'%3E%3C/path%3E%3C/svg%3E\");\n      background-repeat: no-repeat;\n      background-size: 100% auto;\n      background-position: center;\n      width: 18px;\n    }\n\n    .swiper-button-next::after {\n      display: none;\n    }\n\n    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {\n      right: 0px;\n      left: auto;\n    }\n    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {\n      left: 0px;\n      right: auto;\n    }\n  }\n"])), function (props) {
   return props.theme.colors.gray200;
 }, function (props) {
   return props.theme.colors.gray200;
 });
-exports.DaysSwiper = DaysSwiper;
-var Day = _styledComponents.default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-grow: 1;\n  color: ", ";\n  cursor: pointer;\n  padding: 14px 0 13px 0;\n  flex-direction: column;\n  align-items: center;\n  transition: background-color .16s ease -0.01s;\n\n  ", "\n\n  :hover {\n    background-color: ", ";\n  }\n"])), function (props) {
+var Day = exports.Day = _styledComponents.default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-grow: 1;\n  color: ", ";\n  cursor: pointer;\n  padding: 14px 0 13px 0;\n  flex-direction: column;\n  align-items: center;\n  transition: background-color .16s ease -0.01s;\n\n  ", "\n\n  :hover {\n    background-color: ", ";\n  }\n"])), function (props) {
   return props.theme.colors.lightGray;
 }, function (_ref5) {
   var selected = _ref5.selected;
@@ -126,14 +102,10 @@ var Day = _styledComponents.default.div(_templateObject29 || (_templateObject29
 }, function (props) {
   return props.theme.colors.gray200;
 });
-exports.Day = Day;
-var DayName = _styledComponents.default.div(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n  display: flex;\n  font-size: 14px;\n  line-height: 24px;\n  margin-bottom: 10px;\n  &:first-letter {\n    text-transform: uppercase;\n  }\n"])));
-exports.DayName = DayName;
-var DayNumber = _styledComponents.default.div(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n  display: flex;\n  font-weight: 500;\n  font-size: 20px;\n  line-height: 30px;\n"])));
-exports.DayNumber = DayNumber;
-var TimeListWrapper = _styledComponents.default.div(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  margin-left: -12px;\n  width: calc(100% + 24px);\n  margin-top: 30px;\n  max-height: 250px;\n  overflow: auto;\n"])));
-exports.TimeListWrapper = TimeListWrapper;
-var TimeItem = _styledComponents.default.div(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: ", ";\n  border: 1px solid transparent;\n  color: ", ";\n  border-radius: 7.6px;\n  padding: 5px 15px;\n  margin: 12px;\n  width: calc(50% - 24px);\n  min-width: calc(50% - 24px);\n  box-sizing: border-box;\n  user-select: none;\n\n  ", "\n\n  ", "\n\n  span {\n    font-size: 14px;\n    white-space: nowrap;\n  }\n\n  @media (min-width: 400px) {\n    width: calc(33.33% - 24px);\n    min-width: calc(33.33% - 24px);\n  }\n\n  @media (min-width: 576px) {\n    width: calc(25% - 24px);\n    min-width: calc(25% - 24px);\n  }\n\n  @media (min-width: 769px) {\n    width: calc(16.66% - 24px);\n    min-width: calc(16.66% - 24px);\n  }\n"])), function (props) {
+var DayName = exports.DayName = _styledComponents.default.div(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n  display: flex;\n  font-size: 14px;\n  line-height: 24px;\n  margin-bottom: 10px;\n  &:first-letter {\n    text-transform: uppercase;\n  }\n"])));
+var DayNumber = exports.DayNumber = _styledComponents.default.div(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n  display: flex;\n  font-weight: 500;\n  font-size: 20px;\n  line-height: 30px;\n"])));
+var TimeListWrapper = exports.TimeListWrapper = _styledComponents.default.div(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  margin-left: -12px;\n  width: calc(100% + 24px);\n  margin-top: 30px;\n  max-height: 250px;\n  overflow: auto;\n"])));
+var TimeItem = exports.TimeItem = _styledComponents.default.div(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: ", ";\n  border: 1px solid transparent;\n  color: ", ";\n  border-radius: 7.6px;\n  padding: 5px 15px;\n  margin: 12px;\n  width: calc(50% - 24px);\n  min-width: calc(50% - 24px);\n  box-sizing: border-box;\n  user-select: none;\n\n  ", "\n\n  ", "\n\n  span {\n    font-size: 14px;\n    white-space: nowrap;\n  }\n\n  @media (min-width: 400px) {\n    width: calc(33.33% - 24px);\n    min-width: calc(33.33% - 24px);\n  }\n\n  @media (min-width: 576px) {\n    width: calc(25% - 24px);\n    min-width: calc(25% - 24px);\n  }\n\n  @media (min-width: 769px) {\n    width: calc(16.66% - 24px);\n    min-width: calc(16.66% - 24px);\n  }\n"])), function (props) {
   return props.theme.colors.primaryContrast;
 }, function (props) {
   return props.theme.colors.primary;
@@ -154,12 +126,9 @@ var TimeItem = _styledComponents.default.div(_templateObject34 || (_templateObje
     return props.theme.colors.lightGray;
   });
 });
-exports.TimeItem = TimeItem;
-var ClosedBusinessMsg = _styledComponents.default.div(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n  text-align: center;\n  font-size: 16px;\n  width: 100%;\n"])));
-exports.ClosedBusinessMsg = ClosedBusinessMsg;
-var GuestUserLink = _styledComponents.default.div(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["\n  font-size: 14px;\n  color: ", ";\n  cursor: pointer;\n  margin: 15px 0;\n  white-space: nowrap;\n  &:hover {\n    text-decoration: underline;\n  }\n  margin-left: 10px;\n  ", "\n"])), function (props) {
+var ClosedBusinessMsg = exports.ClosedBusinessMsg = _styledComponents.default.div(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n  text-align: center;\n  font-size: 16px;\n  width: 100%;\n"])));
+var GuestUserLink = exports.GuestUserLink = _styledComponents.default.div(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["\n  font-size: 14px;\n  color: ", ";\n  cursor: pointer;\n  margin: 15px 0;\n  white-space: nowrap;\n  &:hover {\n    text-decoration: underline;\n  }\n  margin-left: 10px;\n  ", "\n"])), function (props) {
   return props.theme.colors.primary;
 }, function (props) {
   return props.theme.rtl && (0, _styledComponents.css)(_templateObject39 || (_templateObject39 = _taggedTemplateLiteral(["\n    margin-left: 0;\n    margin-right: 10px;\n  "])));
-});
-exports.GuestUserLink = GuestUserLink;
+});

package/_modules/themes/five/src/components/SessionsList/index.js CHANGED Viewed

@@ -165,10 +165,9 @@ var SessionsListUI = function SessionsListUI(props) {
     closeOnBackdrop: false
   }));
 };
-var SessionsList = function SessionsList(props) {
+var SessionsList = exports.SessionsList = function SessionsList(props) {
   var sessionsProps = _objectSpread(_objectSpread({}, props), {}, {
     UIComponent: SessionsListUI
   });
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.Sessions, sessionsProps);
-};
-exports.SessionsList = SessionsList;
+};

package/_modules/themes/five/src/components/SessionsList/styles.js CHANGED Viewed

@@ -8,29 +8,20 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var SessionsListContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 30px 15px 15px 15px;\n  box-sizing: border-box;\n  min-height: calc(100vh - 280px);\n\n  @media (min-width: 769px) {\n    width: 70%;\n  }\n"])));
-exports.SessionsListContainer = SessionsListContainer;
-var Title = _styledComponents.default.h1(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-size: 32px;\n  font-weight: 600;\n  margin-top: 0;\n  margin-bottom: 40px;\n  \n  @media (min-width: 768px) {\n    padding: 0 15px;\n  }\n"])));
-exports.Title = Title;
-var SessionItem = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 15px 0px;\n  border-bottom: 1px solid ", ";\n  \n  > p.current {\n    flex: 1;\n    font-weight: 700;\n    font-size: 14px;\n    margin: 0 15px;\n  }\n\n  @media (min-width: 768px) {\n    padding: 15px;\n  }\n"])), function (props) {
+var SessionsListContainer = exports.SessionsListContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 30px 15px 15px 15px;\n  box-sizing: border-box;\n  min-height: calc(100vh - 280px);\n\n  @media (min-width: 769px) {\n    width: 70%;\n  }\n"])));
+var Title = exports.Title = _styledComponents.default.h1(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-size: 32px;\n  font-weight: 600;\n  margin-top: 0;\n  margin-bottom: 40px;\n  \n  @media (min-width: 768px) {\n    padding: 0 15px;\n  }\n"])));
+var SessionItem = exports.SessionItem = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 15px 0px;\n  border-bottom: 1px solid ", ";\n  \n  > p.current {\n    flex: 1;\n    font-weight: 700;\n    font-size: 14px;\n    margin: 0 15px;\n  }\n\n  @media (min-width: 768px) {\n    padding: 15px;\n  }\n"])), function (props) {
   return props.theme.colors.gray200;
 });
-exports.SessionItem = SessionItem;
-var DurationWrapper = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  p {\n    margin: 0;\n    font-size: 14px;\n  }\n  > span {\n    display: none;\n    margin: 0 10px;\n  }\n\n  @media (min-width: 768px) {\n    flex-direction: row;\n    align-items: center;\n    > span {\n      display: block;\n    }\n  }\n"])));
-exports.DurationWrapper = DurationWrapper;
-var SeessionDelete = _styledComponents.default.span(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  cursor: pointer;\n  border-radius: 8px;\n  padding: 3px;\n  svg {\n    font-size: 20px;\n    color: ", ";\n  }\n  &:hover {\n    background-color: ", ";\n    svg {\n      color: ", ";\n    }\n  }\n"])), function (props) {
+var DurationWrapper = exports.DurationWrapper = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  p {\n    margin: 0;\n    font-size: 14px;\n  }\n  > span {\n    display: none;\n    margin: 0 10px;\n  }\n\n  @media (min-width: 768px) {\n    flex-direction: row;\n    align-items: center;\n    > span {\n      display: block;\n    }\n  }\n"])));
+var SeessionDelete = exports.SeessionDelete = _styledComponents.default.span(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  cursor: pointer;\n  border-radius: 8px;\n  padding: 3px;\n  svg {\n    font-size: 20px;\n    color: ", ";\n  }\n  &:hover {\n    background-color: ", ";\n    svg {\n      color: ", ";\n    }\n  }\n"])), function (props) {
   return props.theme.colors.lightGray;
 }, function (props) {
   return props.theme.colors.grayDividerColor;
 }, function (props) {
   return props.theme.colors.darkGray;
 });
-exports.SeessionDelete = SeessionDelete;
-var NoMessage = _styledComponents.default.p(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n"])));
-exports.NoMessage = NoMessage;
-var SessionsWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
-exports.SessionsWrapper = SessionsWrapper;
-var NoSessionsContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  > button {\n    height: 44px;\n    margin-top: 50px;\n  }\n"])));
-exports.NoSessionsContainer = NoSessionsContainer;
-var ButtonsGroup = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  margin-top: 30px;\n\n  > button {\n    height: 44px;\n    margin: 10px 0;\n  }\n\n  @media (min-width: 768px) {\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-around;\n  }\n"])));
-exports.ButtonsGroup = ButtonsGroup;
+var NoMessage = exports.NoMessage = _styledComponents.default.p(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n"])));
+var SessionsWrapper = exports.SessionsWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
+var NoSessionsContainer = exports.NoSessionsContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  > button {\n    height: 44px;\n    margin-top: 50px;\n  }\n"])));
+var ButtonsGroup = exports.ButtonsGroup = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  margin-top: 30px;\n\n  > button {\n    height: 44px;\n    margin: 10px 0;\n  }\n\n  @media (min-width: 768px) {\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-around;\n  }\n"])));

package/_modules/themes/five/src/components/SidebarMenu/index.js CHANGED Viewed

@@ -40,7 +40,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 SidebarMenu = function SidebarMenu(props) {
+var SidebarMenu = exports.SidebarMenu = function SidebarMenu(props) {
   var _configs$cash_wallet, _configs$wallet_enabl, _configs$wallet_cash_, _configs$wallet_credi, _configs$advanced_off, _configs$advanced_off2, _theme$bar_menu, _theme$bar_menu2, _theme$bar_menu3, _theme$bar_menu4, _theme$bar_menu5, _theme$bar_menu6, _theme$bar_menu7, _theme$bar_menu8, _theme$bar_menu9, _props$beforeElements, _props$beforeComponen, _options$address2, _options$address3, _theme$defaultLanguag, _theme$defaultLanguag2, _theme$defaultLanguag3, _theme$defaultLanguag4, _props$afterComponent, _props$afterElements;
   var auth = props.auth,
     isHideSignup = props.isHideSignup,
@@ -347,5 +347,4 @@ var SidebarMenu = function SidebarMenu(props) {
       key: i
     }, AfterElement);
   }));
-};
-exports.SidebarMenu = SidebarMenu;
+};

package/_modules/themes/five/src/components/SidebarMenu/styles.js CHANGED Viewed

@@ -10,54 +10,46 @@ 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  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  ", "\n\n  ", "\n"])), function (_ref) {
+var Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  ", "\n\n  ", "\n"])), function (_ref) {
   var auth = _ref.auth;
   return auth && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    @media (min-width: 769px) {\n      display: none;\n    }\n  "])));
 }, function (_ref2) {
   var auth = _ref2.auth;
   return !auth && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    @media (min-width: 921px) {\n      display: none;\n    }\n  "])));
 });
-exports.Container = Container;
-var IconContent = _styledComponents.default.button(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: relative;\n  max-width: 100%;\n  margin: 0px;\n  display: inline-flex;\n  min-height: 35px;\n  border-radius: 40px;\n  border: none;\n  cursor: pointer;\n  transition: background-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;\n  user-select: none;\n  text-decoration: none;\n  text-align: center;\n  background-color: rgb(247, 247, 247);\n  box-shadow: transparent 0px 0px 0px 1px inset;\n  width: 35px;\n  height: 35px;\n  padding: 0px;\n  align-items: center;\n  justify-content: center;\n\n  &:hover {\n    box-shadow: transparent 0px 0px 0px 1px inset;\n  }\n\n  svg {\n    flex-shrink: 0;\n    font-size: 30px;\n    color: ", ";\n  }\n"])), function (_ref3) {
+var IconContent = exports.IconContent = _styledComponents.default.button(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: relative;\n  max-width: 100%;\n  margin: 0px;\n  display: inline-flex;\n  min-height: 35px;\n  border-radius: 40px;\n  border: none;\n  cursor: pointer;\n  transition: background-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;\n  user-select: none;\n  text-decoration: none;\n  text-align: center;\n  background-color: rgb(247, 247, 247);\n  box-shadow: transparent 0px 0px 0px 1px inset;\n  width: 35px;\n  height: 35px;\n  padding: 0px;\n  align-items: center;\n  justify-content: center;\n\n  &:hover {\n    box-shadow: transparent 0px 0px 0px 1px inset;\n  }\n\n  svg {\n    flex-shrink: 0;\n    font-size: 30px;\n    color: ", ";\n  }\n"])), function (_ref3) {
   var isHome = _ref3.isHome;
   return isHome ? 'rgb(255, 255, 255)' : '#333';
 });
-exports.IconContent = IconContent;
-var SidebarContent = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  height: 100%;\n  width: 0;\n  position: fixed;\n  z-index: 2050;\n  top: 0;\n  background-color: ", ";\n  overflow-x: hidden;\n  transition: 0.5s;\n  padding-top: 60px;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 24px;\n\n  ", "\n\n  @media (max-height: 450px) {\n    padding-top: 15px;\n  }\n"])), function (_ref4) {
+var SidebarContent = exports.SidebarContent = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  height: 100%;\n  width: 0;\n  position: fixed;\n  z-index: 2050;\n  top: 0;\n  background-color: ", ";\n  overflow-x: hidden;\n  transition: 0.5s;\n  padding-top: 60px;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 24px;\n\n  ", "\n\n  @media (max-height: 450px) {\n    padding-top: 15px;\n  }\n"])), function (_ref4) {
   var theme = _ref4.theme;
   return theme.colors.backgroundPage;
 }, function (props) {
   var _props$theme;
   return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      right: 0;\n  "]))) : (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      left: 0;\n  "])));
 });
-exports.SidebarContent = SidebarContent;
-var MenuClose = _styledComponents.default.button(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 7px;\n  max-width: 100%;\n  margin: 10px;\n  display: inline-flex;\n  min-height: 35px;\n  border-radius: 40px;\n  border: none;\n  cursor: pointer;\n  transition: background-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;\n  user-select: none;\n  text-decoration: none;\n  text-align: center;\n  background-color: rgb(247, 247, 247);\n  box-shadow: transparent 0px 0px 0px 1px inset;\n  width: 35px;\n  height: 35px;\n  padding: 0px;\n  align-items: center;\n  justify-content: center;\n\n  &:hover {\n    background-color: ", ";\n    box-shadow: transparent 0px 0px 0px 1px inset;\n  }\n\n  svg {\n    flex-shrink: 0;\n    font-size: 30px;\n    color: ", ";\n  }\n"])), function (_ref5) {
+var MenuClose = exports.MenuClose = _styledComponents.default.button(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 7px;\n  max-width: 100%;\n  margin: 10px;\n  display: inline-flex;\n  min-height: 35px;\n  border-radius: 40px;\n  border: none;\n  cursor: pointer;\n  transition: background-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;\n  user-select: none;\n  text-decoration: none;\n  text-align: center;\n  background-color: rgb(247, 247, 247);\n  box-shadow: transparent 0px 0px 0px 1px inset;\n  width: 35px;\n  height: 35px;\n  padding: 0px;\n  align-items: center;\n  justify-content: center;\n\n  &:hover {\n    background-color: ", ";\n    box-shadow: transparent 0px 0px 0px 1px inset;\n  }\n\n  svg {\n    flex-shrink: 0;\n    font-size: 30px;\n    color: ", ";\n  }\n"])), function (_ref5) {
   var isHome = _ref5.isHome;
   return isHome ? 'rgba(255,255,255,0.1)' : 'rgb(255, 255, 255)';
 }, function (_ref6) {
   var isHome = _ref6.isHome;
   return isHome ? 'rgb(255, 255, 255)' : '#333';
 });
-exports.MenuClose = MenuClose;
-var MenuLink = _styledComponents.default.a(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  position: relative;\n  cursor: pointer;\n  overflow: hidden;\n  text-decoration: none;\n  appearance: none;\n  border: none;\n  padding: 0px;\n  margin: 0px;\n  text-align: inherit;\n  display: block;\n  width: 100%;\n  background: ", ";\n  outline: none !important;\n\n  &:hover {\n    color: #f1f1f1;\n  }\n\n  ", ";\n\n  @media (max-height: 450px) {\n    font-size: 18px;\n  }\n"])), function (_ref7) {
+var MenuLink = exports.MenuLink = _styledComponents.default.a(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  position: relative;\n  cursor: pointer;\n  overflow: hidden;\n  text-decoration: none;\n  appearance: none;\n  border: none;\n  padding: 0px;\n  margin: 0px;\n  text-align: inherit;\n  display: block;\n  width: 100%;\n  background: ", ";\n  outline: none !important;\n\n  &:hover {\n    color: #f1f1f1;\n  }\n\n  ", ";\n\n  @media (max-height: 450px) {\n    font-size: 18px;\n  }\n"])), function (_ref7) {
   var theme = _ref7.theme;
   return theme.colors.backgroundPage;
 }, function (_ref8) {
   var isCustomer = _ref8.isCustomer;
   return isCustomer && (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    border-bottom: 1px solid black;\n\n    @media (min-width: 451px) {\n      display: none;\n    }\n  "])));
 });
-exports.MenuLink = MenuLink;
-var WrappContent = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  max-width: 100%;\n  width: 100%;\n  display: grid;\n  grid-template-rows: auto auto auto;\n  grid-template-columns: auto 1fr;\n  column-gap: 20px;\n  padding: 16px;\n"])));
-exports.WrappContent = WrappContent;
-var MenuLinkIcon = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  grid-area: 2 / 1 / auto / auto;\n  flex-shrink: 0;\n  line-height: 0;\n  display: flex;\n  align-items: center;\n  margin: 0px;\n\n  svg {\n    flex-shrink: 0;\n    color: #000;\n    width: 24px;\n    height: 24px;\n    color: ", "\n  }\n"])), function (_ref9) {
+var WrappContent = exports.WrappContent = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  max-width: 100%;\n  width: 100%;\n  display: grid;\n  grid-template-rows: auto auto auto;\n  grid-template-columns: auto 1fr;\n  column-gap: 20px;\n  padding: 16px;\n"])));
+var MenuLinkIcon = exports.MenuLinkIcon = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  grid-area: 2 / 1 / auto / auto;\n  flex-shrink: 0;\n  line-height: 0;\n  display: flex;\n  align-items: center;\n  margin: 0px;\n\n  svg {\n    flex-shrink: 0;\n    color: #000;\n    width: 24px;\n    height: 24px;\n    color: ", "\n  }\n"])), function (_ref9) {
   var active = _ref9.active,
     theme = _ref9.theme;
   return active ? theme.colors.primary : '#000';
 });
-exports.MenuLinkIcon = MenuLinkIcon;
-var MenuLinkText = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  max-width: 100%;\n  flex-grow: 1;\n  overflow: hidden;\n  flex-basis: 100%;\n  grid-area: 2 / 2 / auto / auto;\n"])));
-exports.MenuLinkText = MenuLinkText;
-var TextInfo = _styledComponents.default.span(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  font-size: 18px;\n  font-weight: 500;\n  line-height: 24px;\n  letter-spacing: -0.04ch;\n  text-transform: capitalize;\n  text-align: left;\n  margin: 0px;\n  padding: 0px;\n  display: block;\n  font-variant-ligatures: no-common-ligatures;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: ", "\n\n  ", "\n"])), function (_ref10) {
+var MenuLinkText = exports.MenuLinkText = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  max-width: 100%;\n  flex-grow: 1;\n  overflow: hidden;\n  flex-basis: 100%;\n  grid-area: 2 / 2 / auto / auto;\n"])));
+var TextInfo = exports.TextInfo = _styledComponents.default.span(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  font-size: 18px;\n  font-weight: 500;\n  line-height: 24px;\n  letter-spacing: -0.04ch;\n  text-transform: capitalize;\n  text-align: left;\n  margin: 0px;\n  padding: 0px;\n  display: block;\n  font-variant-ligatures: no-common-ligatures;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: ", "\n\n  ", "\n"])), function (_ref10) {
   var active = _ref10.active,
     theme = _ref10.theme;
   return active ? theme.colors.primary : '#000';
@@ -65,9 +57,7 @@ var TextInfo = _styledComponents.default.span(_templateObject14 || (_templateObj
   var _props$theme2;
   return ((_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.rtl) && (0, _styledComponents.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n    text-align: right;\n    display: inline-block;\n    color: #000;\n  "])));
 });
-exports.TextInfo = TextInfo;
-var MenuLinkSeparator = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  grid-area: -1 / 1 / auto / -1;\n  margin: 15px -16px -16px 0px;\n\n  div {\n    width: 100%;\n    padding-left: 0px;\n    margin-top: 0px;\n    margin-bottom: 0px;\n\n    ", "\n\n    hr {\n      display: block;\n      width: 100%;\n      margin: 0px;\n      border: none;\n      height: 1px;\n      background: rgb(231, 231, 231);\n    }\n  }\n"])), function (props) {
+var MenuLinkSeparator = exports.MenuLinkSeparator = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  grid-area: -1 / 1 / auto / -1;\n  margin: 15px -16px -16px 0px;\n\n  div {\n    width: 100%;\n    padding-left: 0px;\n    margin-top: 0px;\n    margin-bottom: 0px;\n\n    ", "\n\n    hr {\n      display: block;\n      width: 100%;\n      margin: 0px;\n      border: none;\n      height: 1px;\n      background: rgb(231, 231, 231);\n    }\n  }\n"])), function (props) {
   var _props$theme3;
   return (_props$theme3 = props.theme) !== null && _props$theme3 !== void 0 && _props$theme3.rtl ? (0, _styledComponents.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n      padding-right: 0px;\n      margin: 15px 0px -16px -16px;\n    "]))) : (0, _styledComponents.css)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n      padding-left: 0px;\n      margin: 15px -16px -16px 0px;\n    "])));
-});
-exports.MenuLinkSeparator = MenuLinkSeparator;
+});

package/_modules/themes/five/src/components/SignUpApproval/index.js CHANGED Viewed

@@ -16,7 +16,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 SignUpApproval = function SignUpApproval(props) {
+var SignUpApproval = exports.SignUpApproval = function SignUpApproval(props) {
   var _theme$images, _theme$images2, _theme$images3, _theme$images4;
   var theme = (0, _styledComponents.useTheme)();
   var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
@@ -86,6 +86,4 @@ var SignUpApproval = function SignUpApproval(props) {
     href: "mailto:".concat(t('SIGNUP_DRIVER_EMAIL', contactEmail))
   }, t('SIGNUP_DRIVER_EMAIL', contactEmail)))));
 };
-exports.SignUpApproval = SignUpApproval;
-var _default = SignUpApproval;
-exports.default = _default;
+var _default = exports.default = SignUpApproval;

package/_modules/themes/five/src/components/SignUpApproval/styles.js CHANGED Viewed

@@ -10,34 +10,23 @@ 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  text-align: center;\n  box-sizing: border-box;\n  * {\n    box-sizing: border-box;\n  }\n"])));
-exports.Container = Container;
-var HeaderSection = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\n"])));
-exports.HeaderSection = HeaderSection;
-var Title = _styledComponents.default.p(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin: 0;\n  font-size: 24px;\n  transform: translate(0px, -22px);\n"])));
-exports.Title = Title;
-var LogoImage = _styledComponents.default.img(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 100%;\n  object-fit: cover;\n\n  ", "\n"])), function (_ref) {
+var Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  text-align: center;\n  box-sizing: border-box;\n  * {\n    box-sizing: border-box;\n  }\n"])));
+var HeaderSection = exports.HeaderSection = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\n"])));
+var Title = exports.Title = _styledComponents.default.p(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin: 0;\n  font-size: 24px;\n  transform: translate(0px, -22px);\n"])));
+var LogoImage = exports.LogoImage = _styledComponents.default.img(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 100%;\n  object-fit: cover;\n\n  ", "\n"])), function (_ref) {
   var approvalType = _ref.approvalType;
   return (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    ", "\n  "])), approvalType ? "\n      @media (min-width: 450px) {\n        width: 395px;\n      }\n    " : "\n    @media (min-width: 600px) {\n        width: 540px;\n    }\n    ");
 });
-exports.LogoImage = LogoImage;
-var BodySection = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  margin-top: 25px;\n"])));
-exports.BodySection = BodySection;
-var DescriptionContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n\n"])));
-exports.DescriptionContainer = DescriptionContainer;
-var Description = _styledComponents.default.p(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  font-size: 20px;\n  margin-top: 0;\n  margin-bottom: 5px;\n  word-break: break-all;\n  > .bigger {\n    font-weight: 600;\n  }\n  > .italic {\n    font-style: italic;\n  }\n  > .green-text {\n    color: ", " !important;\n  }\n"])), function (props) {
+var BodySection = exports.BodySection = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  margin-top: 25px;\n"])));
+var DescriptionContainer = exports.DescriptionContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n\n"])));
+var Description = exports.Description = _styledComponents.default.p(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  font-size: 20px;\n  margin-top: 0;\n  margin-bottom: 5px;\n  word-break: break-all;\n  > .bigger {\n    font-weight: 600;\n  }\n  > .italic {\n    font-style: italic;\n  }\n  > .green-text {\n    color: ", " !important;\n  }\n"])), function (props) {
   return props.theme.colors.links;
 });
-exports.Description = Description;
-var ProjectInfoContainer = _styledComponents.default.table(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  margin: 35px auto 0;\n  width: 100%;\n  .bigger {\n    font-weight: 600;\n  }\n  .td-text-right {\n    text-align: right;\n    padding-right: 20px;\n  }\n  .td-text-left {\n    text-align: left;\n  }\n  .green-text {\n    color: ", " !important;\n  }\n  td {\n    > a {\n      word-break: break-all;\n    }\n  }\n"])), function (props) {
+var ProjectInfoContainer = exports.ProjectInfoContainer = _styledComponents.default.table(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  margin: 35px auto 0;\n  width: 100%;\n  .bigger {\n    font-weight: 600;\n  }\n  .td-text-right {\n    text-align: right;\n    padding-right: 20px;\n  }\n  .td-text-left {\n    text-align: left;\n  }\n  .green-text {\n    color: ", " !important;\n  }\n  td {\n    > a {\n      word-break: break-all;\n    }\n  }\n"])), function (props) {
   return props.theme.colors.links;
 });
-exports.ProjectInfoContainer = ProjectInfoContainer;
-var FooterSection = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  margin: 35px auto 25px;\n"])));
-exports.FooterSection = FooterSection;
-var ActionGroup = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  width: 90%;\n  margin: auto;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  > button {\n    width: 48.5%;\n    padding: 5px;\n  }\n"])));
-exports.ActionGroup = ActionGroup;
-var ContactSection = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  margin: 25px auto 0;\n  font-style: italic;\n\n  > a.green-text {\n    color: ", " !important;\n  }\n"])), function (props) {
+var FooterSection = exports.FooterSection = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  margin: 35px auto 25px;\n"])));
+var ActionGroup = exports.ActionGroup = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  width: 90%;\n  margin: auto;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  > button {\n    width: 48.5%;\n    padding: 5px;\n  }\n"])));
+var ContactSection = exports.ContactSection = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  margin: 25px auto 0;\n  font-style: italic;\n\n  > a.green-text {\n    color: ", " !important;\n  }\n"])), function (props) {
   return props.theme.colors.links;
-});
-exports.ContactSection = ContactSection;
+});

package/_modules/themes/five/src/components/SignUpBusiness/index.js CHANGED Viewed

@@ -8,9 +8,8 @@ var _react = _interopRequireDefault(require("react"));
 var _OldSignUpBusiness = require("./layouts/OldSignUpBusiness");
 var _NewSignUpBusiness = require("./layouts/NewSignUpBusiness");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var SignUpBusiness = function SignUpBusiness(props) {
+var SignUpBusiness = exports.SignUpBusiness = function SignUpBusiness(props) {
   var layout = props.layout;
   var _layout = layout !== null && layout !== void 0 ? layout : 'old';
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, _layout === 'old' && /*#__PURE__*/_react.default.createElement(_OldSignUpBusiness.SignUpBusiness, props), _layout === 'new' && /*#__PURE__*/_react.default.createElement(_NewSignUpBusiness.SignUpBusiness, props));
-};
-exports.SignUpBusiness = SignUpBusiness;
+};

package/_modules/themes/five/src/components/SignUpBusiness/layouts/NewSignUpBusiness/index.js CHANGED Viewed

@@ -371,10 +371,9 @@ var SignUpBusinessUI = function SignUpBusinessUI(props) {
     closeOnBackdrop: false
   }));
 };
-var SignUpBusiness = function SignUpBusiness(props) {
+var SignUpBusiness = exports.SignUpBusiness = function SignUpBusiness(props) {
   var signUpBusinessProps = _objectSpread(_objectSpread({}, props), {}, {
     UIComponent: SignUpBusinessUI
   });
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.SignupForm, signUpBusinessProps);
-};
-exports.SignUpBusiness = SignUpBusiness;
+};

package/_modules/themes/five/src/components/SignUpBusiness/layouts/NewSignUpBusiness/styles.js CHANGED Viewed

@@ -12,37 +12,28 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 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 SignupBusinessContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-direction: column-reverse;\n  padding: 25px 30px 30px;\n\n  > div {\n    width: 100%;\n    max-width: 580px;\n    box-sizing: border-box;\n  }\n\n  @media (min-width: 993px) {\n    flex-direction: row;\n    padding: 120px 130px;\n    > div {\n      width: calc(50% - 12px);\n    }\n  }\n"])), function (_ref) {
+var SignupBusinessContainer = exports.SignupBusinessContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-direction: column-reverse;\n  padding: 25px 30px 30px;\n\n  > div {\n    width: 100%;\n    max-width: 580px;\n    box-sizing: border-box;\n  }\n\n  @media (min-width: 993px) {\n    flex-direction: row;\n    padding: 120px 130px;\n    > div {\n      width: calc(50% - 12px);\n    }\n  }\n"])), function (_ref) {
   var bgImage = _ref.bgImage;
   return bgImage && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    background-image: url(", ");\n    background-repeat: no-repeat;\n    background-size: cover;\n    object-fit: cover;\n    background-position: center;\n  "])), bgImage);
 });
-exports.SignupBusinessContainer = SignupBusinessContainer;
-var SignupDescriptionContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-right: 0;\n  margin-top: 45px;\n\n  @media (min-width: 993px) {\n    margin-right: 24px;\n    margin-top: 0;\n  }\n"])));
-exports.SignupDescriptionContainer = SignupDescriptionContainer;
-var SignupDescriptionTitle = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-style: normal;\n  font-weight: 600;\n  font-size: 28px;\n  line-height: 60px;\n  color: ", ";\n\n  @media (min-width: 430px) {\n    font-size: 37px;\n  }\n\n  @media (min-width: 1275px) {\n    font-size: 48px;\n  }\n"])), function (props) {
+var SignupDescriptionContainer = exports.SignupDescriptionContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-right: 0;\n  margin-top: 45px;\n\n  @media (min-width: 993px) {\n    margin-right: 24px;\n    margin-top: 0;\n  }\n"])));
+var SignupDescriptionTitle = exports.SignupDescriptionTitle = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-style: normal;\n  font-weight: 600;\n  font-size: 28px;\n  line-height: 60px;\n  color: ", ";\n\n  @media (min-width: 430px) {\n    font-size: 37px;\n  }\n\n  @media (min-width: 1275px) {\n    font-size: 48px;\n  }\n"])), function (props) {
   return props.theme.colors.colorTextSignForm;
 });
-exports.SignupDescriptionTitle = SignupDescriptionTitle;
-var SignupDescriptionContent = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-top: 0;\n  font-style: normal;\n  font-weight: 400;\n  font-size: 16px;\n  line-height: 36px;\n  color: ", ";\n\n  @media (min-width: 430px) {\n    font-size: 20px;\n  }\n\n  @media (min-width: 993px) {\n    margin-top: 15px;\n  }\n\n  @media (min-width: 1275px) {\n    font-size: 24px;\n  }\n"])), function (props) {
+var SignupDescriptionContent = exports.SignupDescriptionContent = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-top: 0;\n  font-style: normal;\n  font-weight: 400;\n  font-size: 16px;\n  line-height: 36px;\n  color: ", ";\n\n  @media (min-width: 430px) {\n    font-size: 20px;\n  }\n\n  @media (min-width: 993px) {\n    margin-top: 15px;\n  }\n\n  @media (min-width: 1275px) {\n    font-size: 24px;\n  }\n"])), function (props) {
   return props.theme.colors.colorTextSignForm;
 });
-exports.SignupDescriptionContent = SignupDescriptionContent;
-var FormInput = _styledComponents.default.form(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n\n  div.phone_number {\n    margin: 10px 0px;\n    width: 100%;\n  }\n\n  input.form:not(:last-child) {\n    margin: 10px 0px;\n    padding: 8px 20px;\n  }\n\n  button {\n    margin-top: 10px;\n    padding: 5px;\n  }\n  > input {\n    font-size: 20px;\n    box-shadow: 0px 8px 35px rgba(0, 0, 0, 0.16);\n  }\n  > .formStyle {\n    & > .phone_number {\n      border-radius: 7.6px;\n      font-size: 20px;\n      box-shadow: 0px 8px 35px rgba(0, 0, 0, 0.16);\n    }\n    & > input {\n      border-radius: 7.6px;\n      font-size: 20px;\n      box-shadow: 0px 8px 35px rgba(0, 0, 0, 0.16);\n    }\n  }\n  > .formButton {\n    width: 128px;\n    padding: 15px 0;\n    font-style: normal;\n    font-weight: 600;\n    font-size: 24px;\n    line-height: 30px;\n  }\n"])));
-exports.FormInput = FormInput;
-var PhoneNumberWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  .PhoneInput {\n    border: 1px solid #DEE2E6;\n    box-sizing: border-box;\n    border-radius: 7.6px;\n    background: white;\n\n    .PhoneInputCountry {\n      padding-left: 20px;\n      ", "\n    }\n\n    input {\n      border: none;\n    }\n  }\n"])), function (props) {
+var FormInput = exports.FormInput = _styledComponents.default.form(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n\n  div.phone_number {\n    margin: 10px 0px;\n    width: 100%;\n  }\n\n  input.form:not(:last-child) {\n    margin: 10px 0px;\n    padding: 8px 20px;\n  }\n\n  button {\n    margin-top: 10px;\n    padding: 5px;\n  }\n  > input {\n    font-size: 20px;\n    box-shadow: 0px 8px 35px rgba(0, 0, 0, 0.16);\n  }\n  > .formStyle {\n    & > .phone_number {\n      border-radius: 7.6px;\n      font-size: 20px;\n      box-shadow: 0px 8px 35px rgba(0, 0, 0, 0.16);\n    }\n    & > input {\n      border-radius: 7.6px;\n      font-size: 20px;\n      box-shadow: 0px 8px 35px rgba(0, 0, 0, 0.16);\n    }\n  }\n  > .formButton {\n    width: 128px;\n    padding: 15px 0;\n    font-style: normal;\n    font-weight: 600;\n    font-size: 24px;\n    line-height: 30px;\n  }\n"])));
+var PhoneNumberWrapper = exports.PhoneNumberWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  .PhoneInput {\n    border: 1px solid #DEE2E6;\n    box-sizing: border-box;\n    border-radius: 7.6px;\n    background: white;\n\n    .PhoneInputCountry {\n      padding-left: 20px;\n      ", "\n    }\n\n    input {\n      border: none;\n    }\n  }\n"])), function (props) {
   return props.theme.rtl && (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        padding-left: 0;\n        padding-right: 20px;\n      "])));
 });
-exports.PhoneNumberWrapper = PhoneNumberWrapper;
-var ReCaptchaWrapper = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  margin: 12px auto;\n"])));
-exports.ReCaptchaWrapper = ReCaptchaWrapper;
-var WrapperPassword = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  position: relative;\n  width: 100%;\n  input{\n    box-sizing: border-box;\n    width: 100%;\n    padding-right: 40px;\n  }\n"])));
-exports.WrapperPassword = WrapperPassword;
-var TogglePassword = _styledComponents.default.span(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  position: absolute;\n  font-weight: 300;\n  padding: 10px 0;\n  color: #333;\n  font-size: 26px;\n  transform: translate(-150%, 10%);\n  max-height: 100%;\n  ", "\n  span{\n    cursor: pointer;\n  }\n"])), function (props) {
+var ReCaptchaWrapper = exports.ReCaptchaWrapper = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  margin: 12px auto;\n"])));
+var WrapperPassword = exports.WrapperPassword = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  position: relative;\n  width: 100%;\n  input{\n    box-sizing: border-box;\n    width: 100%;\n    padding-right: 40px;\n  }\n"])));
+var TogglePassword = exports.TogglePassword = _styledComponents.default.span(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  position: absolute;\n  font-weight: 300;\n  padding: 10px 0;\n  color: #333;\n  font-size: 26px;\n  transform: translate(-150%, 10%);\n  max-height: 100%;\n  ", "\n  span{\n    cursor: pointer;\n  }\n"])), function (props) {
   var _props$theme;
   return ((_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.rtl) && (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    transform: translate(150%, 10%);\n  "])));
 });
-exports.TogglePassword = TogglePassword;
-var TermsConditionWrapper = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin: 10px 0;\n\n  > label {\n    font-size: 14px;\n    ", "\n\n    > span:first-child {\n      font-weight: 500;\n      ", "\n    }\n\n    > a {\n      color: ", " !important;\n    }\n  }\n\n  @media (min-width: 768px) {\n    > label {\n      font-size: 16px;\n    }\n  }\n"])), function (props) {
+var TermsConditionWrapper = exports.TermsConditionWrapper = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin: 10px 0;\n\n  > label {\n    font-size: 14px;\n    ", "\n\n    > span:first-child {\n      font-weight: 500;\n      ", "\n    }\n\n    > a {\n      color: ", " !important;\n    }\n  }\n\n  @media (min-width: 768px) {\n    > label {\n      font-size: 16px;\n    }\n  }\n"])), function (props) {
   var _props$theme2;
   return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n      margin-right: 20px;\n    "]))) : (0, _styledComponents.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n      margin-left: 20px;\n    "])));
 }, function (props) {
@@ -51,10 +42,8 @@ var TermsConditionWrapper = _styledComponents.default.div(_templateObject13 || (
 }, function (props) {
   return props.theme.colors.primary;
 });
-exports.TermsConditionWrapper = TermsConditionWrapper;
-var SkeletonWrapper = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  span{\n    margin: 10px 0;\n    border-radius: 7.6px;\n  }\n"])));
-exports.SkeletonWrapper = SkeletonWrapper;
-var FormSide = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  border-radius: 31px;\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  align-items: center;\n  margin: auto;\n  padding: 25px 30px 25px;\n  > h1 {\n    width: 100%;\n    margin-bottom: 25px;\n    margin-top: 15;\n    font-weight: 500;\n    font-size: 24px;\n  }\n\n  @media (min-width: 769px) {\n    padding: 42px 58px 65px;\n    ", "\n  }\n\n  @media (min-width: 992px) {\n    width: 45%;\n    font-size: ", ";\n  }\n\n  @media (min-width: 1200px){\n    font-size: ", ";\n  }\n"])), function (props) {
+var SkeletonWrapper = exports.SkeletonWrapper = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  span{\n    margin: 10px 0;\n    border-radius: 7.6px;\n  }\n"])));
+var FormSide = exports.FormSide = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  border-radius: 31px;\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  align-items: center;\n  margin: auto;\n  padding: 25px 30px 25px;\n  > h1 {\n    width: 100%;\n    margin-bottom: 25px;\n    margin-top: 15;\n    font-weight: 500;\n    font-size: 24px;\n  }\n\n  @media (min-width: 769px) {\n    padding: 42px 58px 65px;\n    ", "\n  }\n\n  @media (min-width: 992px) {\n    width: 45%;\n    font-size: ", ";\n  }\n\n  @media (min-width: 1200px){\n    font-size: ", ";\n  }\n"])), function (props) {
   return props.theme.colors.colorTextSignForm;
 }, function (_ref2) {
   var isPopup = _ref2.isPopup;
@@ -66,8 +55,6 @@ var FormSide = _styledComponents.default.div(_templateObject19 || (_templateObje
   var isPopup = _ref4.isPopup;
   return isPopup ? '0.9em' : '1em';
 });
-exports.FormSide = FormSide;
-var SignUpTitle = _styledComponents.default.h1(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  margin-top: 0;\n  margin-bottom: 10px !important;\n  font-style: normal;\n  font-weight: 600;\n  font-size: 36px;\n  line-height: 65px;\n  color: ", ";\n"])), function (props) {
+var SignUpTitle = exports.SignUpTitle = _styledComponents.default.h1(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  margin-top: 0;\n  margin-bottom: 10px !important;\n  font-style: normal;\n  font-weight: 600;\n  font-size: 36px;\n  line-height: 65px;\n  color: ", ";\n"])), function (props) {
   return props.theme.colors.black;
-});
-exports.SignUpTitle = SignUpTitle;
+});