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/ProfessionalProfile/index.js CHANGED Viewed

@@ -17,7 +17,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 ProfessionalProfile = function ProfessionalProfile(props) {
+var ProfessionalProfile = exports.ProfessionalProfile = function ProfessionalProfile(props) {
   var currentProfessional = props.currentProfessional,
     handleChangeProfessionalSelected = props.handleChangeProfessionalSelected,
     onClose = props.onClose;
@@ -45,5 +45,4 @@ var ProfessionalProfile = function ProfessionalProfile(props) {
     },
     color: "primary"
   }, t('BOOK', 'Book'))));
-};
-exports.ProfessionalProfile = ProfessionalProfile;
+};

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

@@ -10,12 +10,10 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 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  position: relative;\n  padding: 30px 20px 0px 20px;\n"])));
-exports.Container = Container;
-var PhotoWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n\n  svg {\n    width: 220px;\n    height: 200px;\n  }\n"])));
-exports.PhotoWrapper = PhotoWrapper;
+var Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  padding: 30px 20px 0px 20px;\n"])));
+var PhotoWrapper = exports.PhotoWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n\n  svg {\n    width: 220px;\n    height: 200px;\n  }\n"])));
 var ProfessionalPhotoStyled = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _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: 298px;\n  width: 314px;\n  min-width: 300px;\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, ")");
@@ -24,18 +22,13 @@ var ProfessionalPhoto = function ProfessionalPhoto(props) {
     style: style
   }), props.children);
 };
-exports.ProfessionalPhoto = ProfessionalPhoto;
-var NameWrapper = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 15px;\n\n  > h2 {\n    font-weight: 600;\n    font-size: 28px;\n    line-height: 42px;\n    margin-top: 27px;\n    margin-bottom: 0px;\n  }\n"])));
-exports.NameWrapper = NameWrapper;
-var Divider = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  height: 8px;\n  background-color: ", ";\n  margin-left: -20px;\n  width: calc(100% + 40px);\n"])), function (props) {
+var NameWrapper = exports.NameWrapper = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 15px;\n\n  > h2 {\n    font-weight: 600;\n    font-size: 28px;\n    line-height: 42px;\n    margin-top: 27px;\n    margin-bottom: 0px;\n  }\n"])));
+var Divider = exports.Divider = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  height: 8px;\n  background-color: ", ";\n  margin-left: -20px;\n  width: calc(100% + 40px);\n"])), function (props) {
   return props.theme.colors.grayDividerColor;
 });
-exports.Divider = Divider;
-var ScheduleWrapper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  margin-top: 30px;\n  margin-bottom: 15px;\n\n  > div {\n    padding: 0px;\n  }\n  h2 {\n    font-weight: 600;\n    font-size: 20px;\n    line-height: 30px;\n    margin-bottom: 20px;\n    margin-top: 0px;\n  }\n"])));
-exports.ScheduleWrapper = ScheduleWrapper;
-var ButtonWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: sticky;\n  background: ", ";\n  padding: 11px 0px 14px 0px;\n  border-top: ", ";\n  bottom: 0px;\n  z-index: 1;\n\n  button {\n    height: 44px;\n    width: 100%;\n    max-width: 300px;\n  }\n"])), function (props) {
+var ScheduleWrapper = exports.ScheduleWrapper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  margin-top: 30px;\n  margin-bottom: 15px;\n\n  > div {\n    padding: 0px;\n  }\n  h2 {\n    font-weight: 600;\n    font-size: 20px;\n    line-height: 30px;\n    margin-bottom: 20px;\n    margin-top: 0px;\n  }\n"])));
+var ButtonWrapper = exports.ButtonWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: sticky;\n  background: ", ";\n  padding: 11px 0px 14px 0px;\n  border-top: ", ";\n  bottom: 0px;\n  z-index: 1;\n\n  button {\n    height: 44px;\n    width: 100%;\n    max-width: 300px;\n  }\n"])), function (props) {
   return props.theme.colors.backgroundPage;
 }, function (props) {
   return props.theme.colors.gray200;
-});
-exports.ButtonWrapper = ButtonWrapper;
+});

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

@@ -142,10 +142,9 @@ var PromotionsUI = function PromotionsUI(props) {
     }, t('GO_TO_BUSINESSS', 'Go to business'))));
   })))));
 };
-var Promotions = function Promotions(props) {
+var Promotions = exports.Promotions = function Promotions(props) {
   var PromotionsProps = _objectSpread(_objectSpread({}, props), {}, {
     UIComponent: PromotionsUI
   });
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.PromotionsController, PromotionsProps);
-};
-exports.Promotions = Promotions;
+};

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

@@ -13,30 +13,22 @@ 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 PromotionsContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  align-items: center;\n  margin: 0 auto;\n  padding: 0 20px;\n  box-sizing: border-box;\n  @media (min-width: 993px){\n    width: 60%;\n    padding: 0px;\n  }\n"])));
-exports.PromotionsContainer = PromotionsContainer;
-var PromotionTitle = _styledComponents.default.h1(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  align-self: flex-start;\n"])));
-exports.PromotionTitle = PromotionTitle;
-var SingleOfferContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  height: 80px;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 20px;\n  p, h2{\n    margin: 0;\n  }\n  h2{\n    font-size: 16px;\n  }\n  p{\n    font-size: 12px;\n    font-weight: 400;\n  }\n\n  button{ \n    height: 45px;\n    font-size: 14px;\n  }\n\n  @media (min-width: 720px){\n    button{\n      font-size: 16px;\n    }\n  }\n"])));
-exports.SingleOfferContainer = SingleOfferContainer;
-var Description = _styledComponents.default.p(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  color: #909BA9;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  line-clamp: 2; \n  -webkit-box-orient: vertical;\n\n"])));
-exports.Description = Description;
-var ExpiresAt = _styledComponents.default.p(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  color: #414954;\n"])));
-exports.ExpiresAt = ExpiresAt;
-var OfferInfoWrapper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  gap: 10px;\n  max-width: 70%;\n  align-items: center;\n"])));
-exports.OfferInfoWrapper = OfferInfoWrapper;
-var OfferInformation = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  width: 50%;\n  ", "\n  h2{\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n    font-size: 14px;\n  }\n  @media (min-width: 720px){\n    width: 70%;\n    h2{\n      font-size: 16px;\n    }\n  }\n"])), function (_ref) {
+var PromotionsContainer = exports.PromotionsContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  align-items: center;\n  margin: 0 auto;\n  padding: 0 20px;\n  box-sizing: border-box;\n  @media (min-width: 993px){\n    width: 60%;\n    padding: 0px;\n  }\n"])));
+var PromotionTitle = exports.PromotionTitle = _styledComponents.default.h1(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  align-self: flex-start;\n"])));
+var SingleOfferContainer = exports.SingleOfferContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  height: 80px;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 20px;\n  p, h2{\n    margin: 0;\n  }\n  h2{\n    font-size: 16px;\n  }\n  p{\n    font-size: 12px;\n    font-weight: 400;\n  }\n\n  button{ \n    height: 45px;\n    font-size: 14px;\n  }\n\n  @media (min-width: 720px){\n    button{\n      font-size: 16px;\n    }\n  }\n"])));
+var Description = exports.Description = _styledComponents.default.p(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  color: #909BA9;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  line-clamp: 2; \n  -webkit-box-orient: vertical;\n\n"])));
+var ExpiresAt = exports.ExpiresAt = _styledComponents.default.p(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  color: #414954;\n"])));
+var OfferInfoWrapper = exports.OfferInfoWrapper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  gap: 10px;\n  max-width: 70%;\n  align-items: center;\n"])));
+var OfferInformation = exports.OfferInformation = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  width: 50%;\n  ", "\n  h2{\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n    font-size: 14px;\n  }\n  @media (min-width: 720px){\n    width: 70%;\n    h2{\n      font-size: 16px;\n    }\n  }\n"])), function (_ref) {
   var isSkeleton = _ref.isSkeleton;
   return isSkeleton && (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    width: 100%;\n  "])));
 });
-exports.OfferInformation = OfferInformation;
-var SearchBarContainer = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  justify-content: flex-start;\n  margin-bottom: 20px;\n  .search-bar {\n    justify-content: flex-start;\n    input {\n      width: 100%;\n    }\n  }\n  .clear {\n    right: 0;\n  }\n"])));
-exports.SearchBarContainer = SearchBarContainer;
+var SearchBarContainer = exports.SearchBarContainer = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  justify-content: flex-start;\n  margin-bottom: 20px;\n  .search-bar {\n    justify-content: flex-start;\n    input {\n      width: 100%;\n    }\n  }\n  .clear {\n    right: 0;\n  }\n"])));
 var BusinessLogoStyled = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  width: 65px;\n  height: 65px;\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  min-height: 65px;\n  border-radius: 7.6px;\n\n  @media (min-width: 481px){\n    min-width: 75px;\n    min-height: 75px;\n    height: 75px;\n    width: 75px;\n    min-height: 75px;\n    ", "\n  }\n"])), function (_ref2) {
   var isCustomerMode = _ref2.isCustomerMode;
   return isCustomerMode && (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      width: 100%;\n      height: 100%;\n    "])));
 });
-var BusinessLogo = function BusinessLogo(props) {
+var BusinessLogo = exports.BusinessLogo = function BusinessLogo(props) {
   var style = {};
   if (props.bgimage) {
     style.backgroundImage = "url(".concat(props.bgimage, ")");
@@ -45,21 +37,13 @@ var BusinessLogo = function BusinessLogo(props) {
     style: style
   }), props.children);
 };
-exports.BusinessLogo = BusinessLogo;
-var SingleBusinessOffer = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  display: flex;\n  button{\n      font-size: 12px;\n    }\n  @media (min-width: 720px){\n    button{\n      font-size: 16px;\n    }\n  }\n"])));
-exports.SingleBusinessOffer = SingleBusinessOffer;
-var AvailableBusinesses = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  display: flex;\n  white-space: pre;\n  width: 80%;\n  p:nth-child(2){\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n"])));
-exports.AvailableBusinesses = AvailableBusinesses;
-var OfferData = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  p{\n    color: #909BA9;\n    margin: 3px;\n    font-size: 14px;\n  }\n"])));
-exports.OfferData = OfferData;
-var Code = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  span{\n    color: ", ";\n    font-size: 24px;\n    margin-bottom: 20px;\n  }\n  p{\n    font-size: 16px;\n  }\n"])), function (_ref3) {
+var SingleBusinessOffer = exports.SingleBusinessOffer = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  display: flex;\n  button{\n      font-size: 12px;\n    }\n  @media (min-width: 720px){\n    button{\n      font-size: 16px;\n    }\n  }\n"])));
+var AvailableBusinesses = exports.AvailableBusinesses = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  display: flex;\n  white-space: pre;\n  width: 80%;\n  p:nth-child(2){\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n"])));
+var OfferData = exports.OfferData = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  p{\n    color: #909BA9;\n    margin: 3px;\n    font-size: 14px;\n  }\n"])));
+var Code = exports.Code = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  span{\n    color: ", ";\n    font-size: 24px;\n    margin-bottom: 20px;\n  }\n  p{\n    font-size: 16px;\n  }\n"])), function (_ref3) {
   var theme = _ref3.theme;
   return theme.colors.primary;
 });
-exports.Code = Code;
-var ValueOfOffer = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  p{\n    font-size: 16px;\n  }\n  span{\n    font-size: 20px;\n  }\n"])));
-exports.ValueOfOffer = ValueOfOffer;
-var BusinessInfo = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  align-items: center;\n  margin-left: 10px;\n  button{\n    height: 44px;\n  }\n  p{\n    font-size: 12px;\n    width: 50%;\n    text-align: left;\n  }\n  @media(min-width: 720px){\n    p{\n      font-size: 16px;\n      width: 70%;\n    }\n  }\n"])));
-exports.BusinessInfo = BusinessInfo;
-var OfferView = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  margin-top: 20px;\n  text-align: center;\n  h2 {\n    font-size: 16px;\n  }\n  @media(min-width: 720px){\n    h2 {\n      font-size: 20px;\n    }\n  }\n"])));
-exports.OfferView = OfferView;
+var ValueOfOffer = exports.ValueOfOffer = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  p{\n    font-size: 16px;\n  }\n  span{\n    font-size: 20px;\n  }\n"])));
+var BusinessInfo = exports.BusinessInfo = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  align-items: center;\n  margin-left: 10px;\n  button{\n    height: 44px;\n  }\n  p{\n    font-size: 12px;\n    width: 50%;\n    text-align: left;\n  }\n  @media(min-width: 720px){\n    p{\n      font-size: 16px;\n      width: 70%;\n    }\n  }\n"])));
+var OfferView = exports.OfferView = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  margin-top: 20px;\n  text-align: center;\n  h2 {\n    font-size: 16px;\n  }\n  @media(min-width: 720px){\n    h2 {\n      font-size: 20px;\n    }\n  }\n"])));

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

@@ -155,10 +155,9 @@ var QueryLoginSpoonityUI = function QueryLoginSpoonityUI(props) {
     isPopup: true
   }))));
 };
-var QueryLoginSpoonity = function QueryLoginSpoonity(props) {
+var QueryLoginSpoonity = exports.QueryLoginSpoonity = function QueryLoginSpoonity(props) {
   var queryProps = _objectSpread(_objectSpread({}, props), {}, {
     UIComponent: QueryLoginSpoonityUI
   });
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.QueryLoginSpoonity, queryProps);
-};
-exports.QueryLoginSpoonity = QueryLoginSpoonity;
+};

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

@@ -48,7 +48,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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 layoutOne = 'groceries';
-var RenderProductsLayout = function RenderProductsLayout(props) {
+var RenderProductsLayout = exports.RenderProductsLayout = function RenderProductsLayout(props) {
   var _configs$use_parent_c, _configs$use_parent_c2, _theme$business_view, _theme$business_view2, _theme$business_view3, _theme$business_view4, _theme$business_view5, _theme$business_view6, _theme$business_view$, _theme$business_view7, _theme$business_view8, _businessState$busine, _businessState$busine2, _businessState$busine3, _businessState$busine4, _business$previously_, _business$professiona, _business$categories, _theme$defaultLanguag, _theme$defaultLanguag2, _business$professiona2, _business$categories2, _theme$defaultLanguag4, _theme$defaultLanguag5, _businessState$busine5, _business$professiona3, _currentCart$products, _business$professiona4, _business$categories3, _theme$defaultLanguag6, _theme$defaultLanguag7, _business$previously_2, _theme$defaultLanguag8, _theme$defaultLanguag9, _currentCart$products2, _currentCart$products3;
   var errors = props.errors,
     isError = props.isError,
@@ -439,5 +439,4 @@ var RenderProductsLayout = function RenderProductsLayout(props) {
   })) : /*#__PURE__*/_react.default.createElement(_styles.EmptyCart, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "empty-content"
   }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Cart3, null), /*#__PURE__*/_react.default.createElement("p", null, t('ADD_PRODUCTS_IN_YOUR_CART', 'Add products in your cart'))), /*#__PURE__*/_react.default.createElement(_styles.EmptyBtnWrapper, null, /*#__PURE__*/_react.default.createElement("span", null, parsePrice(0)), /*#__PURE__*/_react.default.createElement(_Buttons.Button, null, t('EMPTY_CART', 'Empty cart')))))));
-};
-exports.RenderProductsLayout = RenderProductsLayout;
+};

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

@@ -10,70 +10,53 @@ 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 Title = _styledComponents.default.h1(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-weight: 600;\n  font-size: 20px;\n  color: ", ";\n  margin-top: 0;\n  margin-bottom: 18px;\n"])), function (props) {
+var Title = exports.Title = _styledComponents.default.h1(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-weight: 600;\n  font-size: 20px;\n  color: ", ";\n  margin-top: 0;\n  margin-bottom: 18px;\n"])), function (props) {
   return props.theme.colors.darkTextColor;
 });
-exports.Title = Title;
-var WrappLayout = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([""])));
-exports.WrappLayout = WrappLayout;
-var WrapContent = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: 5px;\n  background: ", ";\n  ", "\n  @media (min-width: 576px) {\n    padding: 0px;\n  }\n  &#businessProductList {\n    > div {\n      margin-top: 30px;\n    }\n  }\n"])), function (props) {
+var WrappLayout = exports.WrappLayout = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([""])));
+var WrapContent = exports.WrapContent = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: 5px;\n  background: ", ";\n  ", "\n  @media (min-width: 576px) {\n    padding: 0px;\n  }\n  &#businessProductList {\n    > div {\n      margin-top: 30px;\n    }\n  }\n"])), function (props) {
   return props.theme.colors.backgroundPage;
 }, function (_ref) {
   var isGroceries = _ref.isGroceries;
   return !isGroceries && (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    margin-top: 70px;\n  "])));
 });
-exports.WrapContent = WrapContent;
-var BusinessContent = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-top: ", "px;\n  display: flex;\n  flex-direction: column;\n  @media (min-width: 993px) {\n    flex-direction: row;\n  }\n"])), function (props) {
+var BusinessContent = exports.BusinessContent = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-top: ", "px;\n  display: flex;\n  flex-direction: column;\n  @media (min-width: 993px) {\n    flex-direction: row;\n  }\n"])), function (props) {
   return props.isCustomLayout ? 0 : 30;
 });
-exports.BusinessContent = BusinessContent;
-var BusinessCategoryProductWrapper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: 100%;\n  /* Hide scrollbar for Chrome, Safari and Opera */\n  .category-lists::-webkit-scrollbar {\n    display: none;\n  }\n  /* Hide scrollbar for IE, Edge and Firefox */\n  .category-lists {\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n  }\n  @media (min-width: 1000px) {\n    width: 70%;\n  }\n"])));
-exports.BusinessCategoryProductWrapper = BusinessCategoryProductWrapper;
-var BusinessCategoriesContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  margin: 0;\n  margin-right: 10px;\n  width: 100%;\n  ", "\n  @media (min-width: 993px) {\n    width: calc(31% - 25px);\n  }\n"])), function (props) {
+var BusinessCategoryProductWrapper = exports.BusinessCategoryProductWrapper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: 100%;\n  /* Hide scrollbar for Chrome, Safari and Opera */\n  .category-lists::-webkit-scrollbar {\n    display: none;\n  }\n  /* Hide scrollbar for IE, Edge and Firefox */\n  .category-lists {\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n  }\n  @media (min-width: 1000px) {\n    width: 70%;\n  }\n"])));
+var BusinessCategoriesContainer = exports.BusinessCategoriesContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  margin: 0;\n  margin-right: 10px;\n  width: 100%;\n  ", "\n  @media (min-width: 993px) {\n    width: calc(31% - 25px);\n  }\n"])), function (props) {
   return !props.offSticky && (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    top: 65px;\n    position: sticky;\n  "])));
 });
-exports.BusinessCategoriesContainer = BusinessCategoriesContainer;
-var BusinessCartContainer = (0, _styledComponents.default)(BusinessCategoriesContainer)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: none;\n  margin-top: 70px;\n  min-width: 325px;\n  height: fit-content;\n  @media (min-width: 769px) {\n    ", "\n  }\n  @media (min-width: 1000px) and (min-height: 600px) {\n    display: block;\n  }\n"])), function (_ref2) {
+var BusinessCartContainer = exports.BusinessCartContainer = (0, _styledComponents.default)(BusinessCategoriesContainer)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: none;\n  margin-top: 70px;\n  min-width: 325px;\n  height: fit-content;\n  @media (min-width: 769px) {\n    ", "\n  }\n  @media (min-width: 1000px) and (min-height: 600px) {\n    display: block;\n  }\n"])), function (_ref2) {
   var isProfessional = _ref2.isProfessional;
   return isProfessional && (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      margin-top: 0px;\n    "])));
 });
-exports.BusinessCartContainer = BusinessCartContainer;
-var BusinessCartContent = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  background: white;\n  padding: 30px;\n  position: relative;\n  margin-bottom: 30px;\n  max-height: ", ";\n  overflow: auto;\n  .product.accordion {\n    margin: 0;\n  }\n  /* .accordion.active {\n    padding-bottom: 10px;\n  } */\n  ", "\n  @media (min-width: 1200px) {\n    position: sticky;\n    top: 0;\n  }\n  @media (min-width: 768px) {\n    padding: 35px 30px;\n  }\n"])), function (_ref3) {
+var BusinessCartContent = exports.BusinessCartContent = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  background: white;\n  padding: 30px;\n  position: relative;\n  margin-bottom: 30px;\n  max-height: ", ";\n  overflow: auto;\n  .product.accordion {\n    margin: 0;\n  }\n  /* .accordion.active {\n    padding-bottom: 10px;\n  } */\n  ", "\n  @media (min-width: 1200px) {\n    position: sticky;\n    top: 0;\n  }\n  @media (min-width: 768px) {\n    padding: 35px 30px;\n  }\n"])), function (_ref3) {
   var maxHeight = _ref3.maxHeight;
   return "".concat(maxHeight, "px");
 }, function (_ref4) {
   var isModal = _ref4.isModal;
   return !isModal && (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    border: 1px solid #E9ECEF;\n    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n    border-radius: 7.6px;\n  "])));
 });
-exports.BusinessCartContent = BusinessCartContent;
-var EmptyCart = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  .empty-content {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    svg {\n      font-size: 45px;\n      color: #B1BCCC;\n      margin-top: 10px;\n    }\n    p {\n      font-size: 14px;\n      color: #B1BCCC;\n      margin: 23px 0 0 0;\n    }\n  }\n"])));
-exports.EmptyCart = EmptyCart;
-var EmptyBtnWrapper = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 20px;\n  span {\n    font-weight: 600;\n    font-size: 16px;\n    color: ", ";\n  }\n  button {\n    color: #748194;\n    background: #F8F9FA;\n    border: 1px solid #F8F9FA;\n    border-radius: 7.6px;\n    height: 44px;\n    font-size: 14px;\n    padding-left: 25px;\n    padding-right: 25px;\n  }\n"])), function (props) {
+var EmptyCart = exports.EmptyCart = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  .empty-content {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    svg {\n      font-size: 45px;\n      color: #B1BCCC;\n      margin-top: 10px;\n    }\n    p {\n      font-size: 14px;\n      color: #B1BCCC;\n      margin: 23px 0 0 0;\n    }\n  }\n"])));
+var EmptyBtnWrapper = exports.EmptyBtnWrapper = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 20px;\n  span {\n    font-weight: 600;\n    font-size: 16px;\n    color: ", ";\n  }\n  button {\n    color: #748194;\n    background: #F8F9FA;\n    border: 1px solid #F8F9FA;\n    border-radius: 7.6px;\n    height: 44px;\n    font-size: 14px;\n    padding-left: 25px;\n    padding-right: 25px;\n  }\n"])), function (props) {
   return props.theme.colors.darkTextColor;
 });
-exports.EmptyBtnWrapper = EmptyBtnWrapper;
-var MobileCartViewWrapper = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  position: fixed;\n  width: 100vw;\n  left: 0;\n  bottom: 0;\n  background-color: white;\n  padding: 10px 25px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  z-index: 1000;\n  box-shadow: 0px 4px 10px rgb(0 0 0 / 12%);\n  span {\n    font-weight: 600;\n    font-size: 16px;\n  }\n  button {\n    height: 44px;\n    border-radius: 7.6px;\n  }\n"])));
-exports.MobileCartViewWrapper = MobileCartViewWrapper;
-var WrapperSearch = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  margin: 15px 0px 0px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  .search-bar {\n    margin-right: 10px;\n    ", "\n    input {\n      width: 100%;\n      @media (min-width: 500px) {\n        width: 250px;\n      }\n    }\n  }\n  div:last-child {\n    text-align: right;\n    ", "\n  }\n"])), function (props) {
+var MobileCartViewWrapper = exports.MobileCartViewWrapper = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  position: fixed;\n  width: 100vw;\n  left: 0;\n  bottom: 0;\n  background-color: white;\n  padding: 10px 25px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  z-index: 1000;\n  box-shadow: 0px 4px 10px rgb(0 0 0 / 12%);\n  span {\n    font-weight: 600;\n    font-size: 16px;\n  }\n  button {\n    height: 44px;\n    border-radius: 7.6px;\n  }\n"])));
+var WrapperSearch = exports.WrapperSearch = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  margin: 15px 0px 0px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  .search-bar {\n    margin-right: 10px;\n    ", "\n    input {\n      width: 100%;\n      @media (min-width: 500px) {\n        width: 250px;\n      }\n    }\n  }\n  div:last-child {\n    text-align: right;\n    ", "\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)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n      margin-left: 10px;\n      margin-right: 0;\n    "])));
 }, function (props) {
   var _props$theme2;
   return ((_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.rtl) && (0, _styledComponents.css)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n      text-align: left;\n    "])));
 });
-exports.WrapperSearch = WrapperSearch;
-var ProfessionalFilterWrapper = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  padding-bottom: 35px;\n  ", "\n"])), function (_ref5) {
+var ProfessionalFilterWrapper = exports.ProfessionalFilterWrapper = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  padding-bottom: 35px;\n  ", "\n"])), function (_ref5) {
   var isTop = _ref5.isTop;
   return isTop && (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n    margin-top: 30px;\n  "])));
 });
-exports.ProfessionalFilterWrapper = ProfessionalFilterWrapper;
-var WrapperSearchAbsolute = _styledComponents.default.div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  position: absolute;\n  right: 5px;\n  top: 0px;\n  display: flex;\n  justify-content: center;\n  align-items: flex-end;\n  width: 40px;\n  height: 52px;\n  background-color: ", ";\n  box-sizing: border-box;\n  padding-bottom: 5px;\n"])), function (props) {
+var WrapperSearchAbsolute = exports.WrapperSearchAbsolute = _styledComponents.default.div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  position: absolute;\n  right: 5px;\n  top: 0px;\n  display: flex;\n  justify-content: center;\n  align-items: flex-end;\n  width: 40px;\n  height: 52px;\n  background-color: ", ";\n  box-sizing: border-box;\n  padding-bottom: 5px;\n"])), function (props) {
   return props.theme.colors.backgroundPage;
 });
-exports.WrapperSearchAbsolute = WrapperSearchAbsolute;
-var NearBusiness = _styledComponents.default.div(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  width: 100%;\n"])));
-exports.NearBusiness = NearBusiness;
-var PageBannerWrapper = _styledComponents.default.div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n  > div {\n    border-radius: 8px;\n  }\n"])));
-exports.PageBannerWrapper = PageBannerWrapper;
-var BackButton = _styledComponents.default.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  button {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    svg {\n      margin-right: 10px;\n    }\n  }\n"])));
-exports.BackButton = BackButton;
+var NearBusiness = exports.NearBusiness = _styledComponents.default.div(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  width: 100%;\n"])));
+var PageBannerWrapper = exports.PageBannerWrapper = _styledComponents.default.div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n  > div {\n    border-radius: 8px;\n  }\n"])));
+var BackButton = exports.BackButton = _styledComponents.default.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  button {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    svg {\n      margin-right: 10px;\n    }\n  }\n"])));

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

@@ -239,10 +239,9 @@ var ResetPasswordUI = function ResetPasswordUI(props) {
     }, AfterElement);
   }));
 };
-var ResetPassword = function ResetPassword(props) {
+var ResetPassword = exports.ResetPassword = function ResetPassword(props) {
   var resetPasswordProps = _objectSpread(_objectSpread({}, props), {}, {
     UIComponent: ResetPasswordUI
   });
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.ResetPassword, resetPasswordProps);
-};
-exports.ResetPassword = ResetPassword;
+};

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

@@ -10,22 +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 ResetPasswordContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  height: auto;\n  display: flex;\n  flex-direction: column;\n\n  @media (min-width: 992px) {\n    flex-direction: row;\n    height: 100%;\n    min-height: calc(100vh - 65px)\n  }\n"])));
-exports.ResetPasswordContainer = ResetPasswordContainer;
+var ResetPasswordContainer = exports.ResetPasswordContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  height: auto;\n  display: flex;\n  flex-direction: column;\n\n  @media (min-width: 992px) {\n    flex-direction: row;\n    height: 100%;\n    min-height: calc(100vh - 65px)\n  }\n"])));
 var Side = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n"])));
-var HeroSide = (0, _styledComponents.default)(Side)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  height: calc(40vh - 65px);\n  justify-content: center;\n  align-items: center;\n  color: ", ";\n  background-color:  ", ";\n  padding-bottom: 5px;\n\n  @media (min-width: 992px) {\n    width: 55%;\n    height: calc(100vh - 65px);\n  }\n"])), function (props) {
+var HeroSide = exports.HeroSide = (0, _styledComponents.default)(Side)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  height: calc(40vh - 65px);\n  justify-content: center;\n  align-items: center;\n  color: ", ";\n  background-color:  ", ";\n  padding-bottom: 5px;\n\n  @media (min-width: 992px) {\n    width: 55%;\n    height: calc(100vh - 65px);\n  }\n"])), function (props) {
   return props.theme.colors.primaryContrast;
 }, function (props) {
   return props.theme.colors.primary;
 });
-exports.HeroSide = HeroSide;
-var TitleHeroSide = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 90%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n\n  h1 {\n    font-size: 22px;\n  }\n\n  p {\n    font-size: 13px;\n  }\n\n  h1,\n  p {\n    margin: 0px;\n    color: #FFF;\n  }\n\n  @media (min-width: 768px) {\n    h1 {\n      font-size: 50px;\n    }\n\n    p {\n      font-size: 18px;\n    }\n  }\n"])));
-exports.TitleHeroSide = TitleHeroSide;
-var FormSide = (0, _styledComponents.default)(Side)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  flex-direction: column;\n  align-items: center;\n  margin-top: 30px;\n\n  @media (min-width: 992px) {\n    margin: auto;\n    width: 45%;\n    font-size: 1em;\n  }\n"])));
-exports.FormSide = FormSide;
-var FormInput = _styledComponents.default.form(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: 80%;\n  display: flex;\n  flex-direction: column;\n\n  * {\n    padding: 8px 20px;\n    margin: 10px;\n  }\n\n  input:not(:last-child) {\n    margin-top: 10px;\n    margin-bottom: 0px;\n  }\n\n  button {\n    margin-top: 10px;\n    padding: 5px;\n  }\n"])));
-exports.FormInput = FormInput;
-var RedirectLink = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  padding: 10px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  margin: 0px;\n  font-size: 17px;\n\n  span {\n    margin-right: 5px;\n\n    ", "\n  }\n\n  a {\n    color: ", ";\n    text-decoration: none;\n  }\n\n  * {\n    margin: 0px;\n    padding: 0px;\n  }\n\n  ", "\n\n  @media (min-width: 425px) {\n    flex-direction: row;\n  }\n\n  @media (min-width: 768px) {\n    font-size: 14px;\n  }\n\n  @media (min-width: 992px) {\n    font-size: 18px;\n    flex-direction: row;\n  }\n"])), function (props) {
+var TitleHeroSide = exports.TitleHeroSide = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 90%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n\n  h1 {\n    font-size: 22px;\n  }\n\n  p {\n    font-size: 13px;\n  }\n\n  h1,\n  p {\n    margin: 0px;\n    color: #FFF;\n  }\n\n  @media (min-width: 768px) {\n    h1 {\n      font-size: 50px;\n    }\n\n    p {\n      font-size: 18px;\n    }\n  }\n"])));
+var FormSide = exports.FormSide = (0, _styledComponents.default)(Side)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  flex-direction: column;\n  align-items: center;\n  margin-top: 30px;\n\n  @media (min-width: 992px) {\n    margin: auto;\n    width: 45%;\n    font-size: 1em;\n  }\n"])));
+var FormInput = exports.FormInput = _styledComponents.default.form(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: 80%;\n  display: flex;\n  flex-direction: column;\n\n  * {\n    padding: 8px 20px;\n    margin: 10px;\n  }\n\n  input:not(:last-child) {\n    margin-top: 10px;\n    margin-bottom: 0px;\n  }\n\n  button {\n    margin-top: 10px;\n    padding: 5px;\n  }\n"])));
+var RedirectLink = exports.RedirectLink = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  padding: 10px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  margin: 0px;\n  font-size: 17px;\n\n  span {\n    margin-right: 5px;\n\n    ", "\n  }\n\n  a {\n    color: ", ";\n    text-decoration: none;\n  }\n\n  * {\n    margin: 0px;\n    padding: 0px;\n  }\n\n  ", "\n\n  @media (min-width: 425px) {\n    flex-direction: row;\n  }\n\n  @media (min-width: 768px) {\n    font-size: 14px;\n  }\n\n  @media (min-width: 992px) {\n    font-size: 18px;\n    flex-direction: row;\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)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      margin-left: 5px;\n      margin-right: 0px;\n    "])));
 }, function (props) {
@@ -33,5 +28,4 @@ var RedirectLink = _styledComponents.default.div(_templateObject7 || (_templateO
 }, function (_ref) {
   var register = _ref.register;
   return register && (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    width: calc(90% - 20px);\n\n    @media (min-width: 481px) {\n      width: calc(80% - 20px)\n    }\n  "])));
-});
-exports.RedirectLink = RedirectLink;
+});

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

@@ -266,13 +266,11 @@ var ReviewDriverUI = function ReviewDriverUI(props) {
     }, AfterElement);
   }));
 };
-var ReviewDriver = function ReviewDriver(props) {
+var ReviewDriver = exports.ReviewDriver = function ReviewDriver(props) {
   var reviewDriverProps = _objectSpread(_objectSpread({}, props), {}, {
     UIComponent: ReviewDriverUI,
     isToast: true
   });
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.ReviewDriver, reviewDriverProps);
 };
-exports.ReviewDriver = ReviewDriver;
-var _default = ReviewDriver;
-exports.default = _default;
+var _default = exports.default = ReviewDriver;

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

@@ -14,17 +14,14 @@ 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 ReviewDriverContainer = _styledComponents.default.form(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n"])));
-exports.ReviewDriverContainer = ReviewDriverContainer;
-var Comments = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  margin-top: 10px;\n\n  p {\n    margin-top: 0;\n    margin-bottom: 10px;\n    font-size: 15px;\n    color: ", ";\n  }\n\n  textarea {\n    min-height: 104px;\n  }\n"])), function (props) {
+var ReviewDriverContainer = exports.ReviewDriverContainer = _styledComponents.default.form(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n"])));
+var Comments = exports.Comments = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  margin-top: 10px;\n\n  p {\n    margin-top: 0;\n    margin-bottom: 10px;\n    font-size: 15px;\n    color: ", ";\n  }\n\n  textarea {\n    min-height: 104px;\n  }\n"])), function (props) {
   var _props$theme;
   return (_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.colors.darkTextColor;
 });
-exports.Comments = Comments;
-var ActionBtnWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-top: 30px;\n  width: 100%;\n\n  button {\n    font-size: 14px;\n    padding: 6px 20px;\n    width: 100%;\n  }\n"])));
-exports.ActionBtnWrapper = ActionBtnWrapper;
+var ActionBtnWrapper = exports.ActionBtnWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-top: 30px;\n  width: 100%;\n\n  button {\n    font-size: 14px;\n    padding: 6px 20px;\n    width: 100%;\n  }\n"])));
 var DriverPhotoStyled = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 124px;\n  height: 124px;\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  min-height: 124px;\n  border-radius: 7.6px;\n\n  @media (min-width: 481px){\n    width: 100%;\n    height: 100%;\n    min-height: 124px;\n  }\n"])));
-var DriverPhoto = function DriverPhoto(props) {
+var DriverPhoto = exports.DriverPhoto = function DriverPhoto(props) {
   var style = {};
   if (props.bgimage) {
     style.backgroundImage = "url(".concat(props.bgimage, ")");
@@ -33,19 +30,14 @@ var DriverPhoto = function DriverPhoto(props) {
     style: style
   }), props.children);
 };
-exports.DriverPhoto = DriverPhoto;
-var WrapperDriverPhoto = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  align-self: center;\n  width: 124px;\n  height: 124px;\n  min-height: 124px;\n  max-width: 124px;\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);\n  border-radius: 7.6px;\n\n  svg {\n    width: 124px;\n    height: 124px;\n  }\n"])));
-exports.WrapperDriverPhoto = WrapperDriverPhoto;
-var ReviewsProgressWrapper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: 100%;\n  margin-top: 50px;\n  margin-bottom: 35px;\n\n  p {\n    margin-top: 0;\n    margin-bottom: 17px;\n    font-size: 15px;\n    color: ", ";\n  }\n"])), function (props) {
+var WrapperDriverPhoto = exports.WrapperDriverPhoto = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  align-self: center;\n  width: 124px;\n  height: 124px;\n  min-height: 124px;\n  max-width: 124px;\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);\n  border-radius: 7.6px;\n\n  svg {\n    width: 124px;\n    height: 124px;\n  }\n"])));
+var ReviewsProgressWrapper = exports.ReviewsProgressWrapper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: 100%;\n  margin-top: 50px;\n  margin-bottom: 35px;\n\n  p {\n    margin-top: 0;\n    margin-bottom: 17px;\n    font-size: 15px;\n    color: ", ";\n  }\n"])), function (props) {
   var _props$theme2;
   return (_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.colors.darkTextColor;
 });
-exports.ReviewsProgressWrapper = ReviewsProgressWrapper;
-var ReviewsProgressContent = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  background: #E9ECEF;\n  border-radius: 50px;\n  width: 100%;\n  height: 6px;\n  position: relative;\n  margin-bottom: 30px;\n"])));
-exports.ReviewsProgressContent = ReviewsProgressContent;
-var ReviewsProgressBar = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  height: 6px;\n  border-radius: 50px;\n  background: #344050;\n  transition: all 0.2s linear;\n"])));
-exports.ReviewsProgressBar = ReviewsProgressBar;
-var ReviewsMarkPoint = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 15px;\n  font-size: 12px;\n  color: #CED4DA;\n  cursor: pointer;\n\n  ", "\n\n  &.mark-point {\n    span {\n      position: relative;\n      margin-left: -50%;\n      ", "\n\n      > span {\n        position: absolute;\n        height: 6px;\n        top: -15px;\n        width: 2px;\n        background: #CED4DA;\n        transition: all 0.3s;\n      }\n    }\n  }\n\n  ", "\n"])), function (_ref) {
+var ReviewsProgressContent = exports.ReviewsProgressContent = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  background: #E9ECEF;\n  border-radius: 50px;\n  width: 100%;\n  height: 6px;\n  position: relative;\n  margin-bottom: 30px;\n"])));
+var ReviewsProgressBar = exports.ReviewsProgressBar = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  height: 6px;\n  border-radius: 50px;\n  background: #344050;\n  transition: all 0.2s linear;\n"])));
+var ReviewsMarkPoint = exports.ReviewsMarkPoint = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 15px;\n  font-size: 12px;\n  color: #CED4DA;\n  cursor: pointer;\n\n  ", "\n\n  &.mark-point {\n    span {\n      position: relative;\n      margin-left: -50%;\n      ", "\n\n      > span {\n        position: absolute;\n        height: 6px;\n        top: -15px;\n        width: 2px;\n        background: #CED4DA;\n        transition: all 0.3s;\n      }\n    }\n  }\n\n  ", "\n"])), function (_ref) {
   var active = _ref.active;
   return active && (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    > span {\n      color: #344050;\n    }\n  "])));
 }, function (props) {
@@ -55,10 +47,8 @@ var ReviewsMarkPoint = _styledComponents.default.div(_templateObject9 || (_templ
   var pass = _ref2.pass;
   return pass && (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    span {\n      > span {\n        background: transparent !important;\n      }\n    }\n  "])));
 });
-exports.ReviewsMarkPoint = ReviewsMarkPoint;
-var LogoAndReviewWrapper = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n"])));
-exports.LogoAndReviewWrapper = LogoAndReviewWrapper;
-var CommentsList = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  p {\n    margin-top: 0;\n    margin-bottom: 10px;\n    font-size: 15px;\n    color: ", ";\n  }\n\n  button {\n    border-radius: 50px;\n    margin-bottom: 18px;\n    margin-right: 40px;\n  \n    ", "\n\n    svg {\n      vertical-align: middle;\n      margin-left: 5px;\n\n      ", "\n    }\n  }\n"])), function (props) {
+var LogoAndReviewWrapper = exports.LogoAndReviewWrapper = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n"])));
+var CommentsList = exports.CommentsList = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  p {\n    margin-top: 0;\n    margin-bottom: 10px;\n    font-size: 15px;\n    color: ", ";\n  }\n\n  button {\n    border-radius: 50px;\n    margin-bottom: 18px;\n    margin-right: 40px;\n  \n    ", "\n\n    svg {\n      vertical-align: middle;\n      margin-left: 5px;\n\n      ", "\n    }\n  }\n"])), function (props) {
   var _props$theme4;
   return (_props$theme4 = props.theme) === null || _props$theme4 === void 0 ? void 0 : _props$theme4.colors.darkTextColor;
 }, function (props) {
@@ -68,10 +58,8 @@ var CommentsList = _styledComponents.default.div(_templateObject14 || (_template
   var _props$theme6;
   return ((_props$theme6 = props.theme) === null || _props$theme6 === void 0 ? void 0 : _props$theme6.rtl) && (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n        margin-right: 5px;\n        margin-left: 0;\n      "])));
 });
-exports.CommentsList = CommentsList;
-var DriverInfoBlock = _styledComponents.default.p(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  margin-top: 16px;\n  margin-bottom: 0;\n  font-size: 14px;\n  text-align: center;\n  color: #344050;\n"])));
-exports.DriverInfoBlock = DriverInfoBlock;
-var CommentButton = (0, _styledComponents.default)(_Buttons.Button)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  border-radius: 50px;\n  margin-bottom: 18px;\n  margin-right: 18px;\n  font-size: 13px;\n  color: #414954;\n  background: #E9ECEF;\n  border: 1px solid #E9ECEF;\n  transition: all 0.3s linear;\n\n  ", "\n\n  svg {\n    vertical-align: middle;\n    margin-left: 5px;\n\n    ", "\n  }\n\n  ", "\n"])), function (props) {
+var DriverInfoBlock = exports.DriverInfoBlock = _styledComponents.default.p(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  margin-top: 16px;\n  margin-bottom: 0;\n  font-size: 14px;\n  text-align: center;\n  color: #344050;\n"])));
+var CommentButton = exports.CommentButton = (0, _styledComponents.default)(_Buttons.Button)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  border-radius: 50px;\n  margin-bottom: 18px;\n  margin-right: 18px;\n  font-size: 13px;\n  color: #414954;\n  background: #E9ECEF;\n  border: 1px solid #E9ECEF;\n  transition: all 0.3s linear;\n\n  ", "\n\n  svg {\n    vertical-align: middle;\n    margin-left: 5px;\n\n    ", "\n  }\n\n  ", "\n"])), function (props) {
   var _props$theme7;
   return ((_props$theme7 = props.theme) === null || _props$theme7 === void 0 ? void 0 : _props$theme7.rtl) && (0, _styledComponents.css)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n    margin-left: 18px;\n    margin-right: 0;\n  "])));
 }, function (props) {
@@ -86,5 +74,4 @@ var CommentButton = (0, _styledComponents.default)(_Buttons.Button)(_templateObj
     var _props$theme10;
     return (_props$theme10 = props.theme) === null || _props$theme10 === void 0 ? void 0 : _props$theme10.colors.primary;
   });
-});
-exports.CommentButton = CommentButton;
+});

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

@@ -283,7 +283,7 @@ var ReviewOrderUI = function ReviewOrderUI(props) {
     }, AfterElement);
   }));
 };
-var ReviewOrder = function ReviewOrder(props) {
+var ReviewOrder = exports.ReviewOrder = function ReviewOrder(props) {
   var _props$defaultStar;
   var ReviewOrderProps = _objectSpread(_objectSpread({}, props), {}, {
     UIComponent: ReviewOrderUI,
@@ -292,6 +292,4 @@ var ReviewOrder = function ReviewOrder(props) {
   });
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.OrderReview, ReviewOrderProps);
 };
-exports.ReviewOrder = ReviewOrder;
-var _default = ReviewOrder;
-exports.default = _default;
+var _default = exports.default = ReviewOrder;