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

@@ -10,22 +10,18 @@ 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"])));
-exports.Container = Container;
-var TopContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  padding: 15px;\n  align-items: center;\n\n  h2 {\n    font-size: 18px;\n    color: ", ";\n    margin: 0px;\n  }\n"])), function (props) {
+var Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));
+var TopContainer = exports.TopContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  padding: 15px;\n  align-items: center;\n\n  h2 {\n    font-size: 18px;\n    color: ", ";\n    margin: 0px;\n  }\n"])), function (props) {
   return props.theme.colors.primary;
 });
-exports.TopContainer = TopContainer;
-var IconContent = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  margin: 0 5px;\n  background-color: ", ";\n  border-radius: 25px;\n  padding: 5px 20px;\n  display: flex;\n  align-items: center;\n  color: #FFF;\n\n  svg {\n    font-size: 22px;\n  }\n\n  span {\n    ", "\n  }\n"])), function (props) {
+var IconContent = exports.IconContent = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  margin: 0 5px;\n  background-color: ", ";\n  border-radius: 25px;\n  padding: 5px 20px;\n  display: flex;\n  align-items: center;\n  color: #FFF;\n\n  svg {\n    font-size: 22px;\n  }\n\n  span {\n    ", "\n  }\n"])), function (props) {
   return props.theme.colors.primary;
 }, function (props) {
   var _props$theme;
   return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      margin-right: 10px;\n    "]))) : (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      margin-left: 10px;\n    "])));
 });
-exports.IconContent = IconContent;
-var BackDropContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  position: fixed;\n  width: 100vw;\n  height: 100vh;\n  top: 0px;\n  background-color: #000;\n  opacity: 0.6;\n  left: 0;\n  z-index: 1000;\n"])));
-exports.BackDropContainer = BackDropContainer;
-var SidebarContent = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  height: 100%;\n  width: 0;\n  position: fixed;\n  z-index: 1005;\n  top: 0;\n  background: ", ";\n  overflow-x: hidden;\n  transition: 0.5s;\n  box-shadow: ", ";\n\n  ", "\n\n  @media (max-height: 450px) {\n    padding-top: 15px;\n  }\n"])), function (props) {
+var BackDropContainer = exports.BackDropContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  position: fixed;\n  width: 100vw;\n  height: 100vh;\n  top: 0px;\n  background-color: #000;\n  opacity: 0.6;\n  left: 0;\n  z-index: 1000;\n"])));
+var SidebarContent = exports.SidebarContent = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  height: 100%;\n  width: 0;\n  position: fixed;\n  z-index: 1005;\n  top: 0;\n  background: ", ";\n  overflow-x: hidden;\n  transition: 0.5s;\n  box-shadow: ", ";\n\n  ", "\n\n  @media (max-height: 450px) {\n    padding-top: 15px;\n  }\n"])), function (props) {
   var _props$theme$colors;
   return (_props$theme$colors = props.theme.colors) === null || _props$theme$colors === void 0 ? void 0 : _props$theme$colors.backgroundPage;
 }, function (_ref) {
@@ -35,13 +31,11 @@ var SidebarContent = _styledComponents.default.div(_templateObject7 || (_templat
   var _props$theme2;
   return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      left: 0;\n  "]))) : (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      right: 0;\n  "])));
 });
-exports.SidebarContent = SidebarContent;
-var MenuClose = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  border: 1px solid ", ";\n  border-radius: 5px;\n  display: flex;\n  align-items: center;\n  padding: 5px 10px;\n  color: ", ";\n  svg {\n    font-size: 24px;\n    ", "\n  }\n"])), function (props) {
+var MenuClose = exports.MenuClose = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  border: 1px solid ", ";\n  border-radius: 5px;\n  display: flex;\n  align-items: center;\n  padding: 5px 10px;\n  color: ", ";\n  svg {\n    font-size: 24px;\n    ", "\n  }\n"])), function (props) {
   return props.theme.colors.primary;
 }, function (props) {
   return props.theme.colors.primary;
 }, function (props) {
   var _props$theme3;
   return (_props$theme3 = props.theme) !== null && _props$theme3 !== void 0 && _props$theme3.rtl ? (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      margin-left: 10px;\n    "]))) : (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n      margin-right: 10px;\n    "])));
-});
-exports.MenuClose = MenuClose;
+});

package/_modules/themes/four/src/components/Checkout/index.js CHANGED Viewed

@@ -492,7 +492,7 @@ var CheckoutUI = function CheckoutUI(props) {
     }, AfterElement);
   }));
 };
-var Checkout = function Checkout(props) {
+var Checkout = exports.Checkout = function Checkout(props) {
   var _Object$values2, _cartState$cart, _cartState$error, _cartState$cart2;
   var errors = props.errors,
     clearErrors = props.clearErrors,
@@ -754,5 +754,4 @@ var Checkout = function Checkout(props) {
     },
     closeOnBackdrop: false
   }));
-};
-exports.Checkout = Checkout;
+};

package/_modules/themes/four/src/components/Checkout/styles.js CHANGED Viewed

@@ -10,33 +10,24 @@ 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 CheckoutContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: ", ";\n"])), function (props) {
+var CheckoutContainer = exports.CheckoutContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: ", ";\n"])), function (props) {
   return props.theme.colors.backgroundPage;
 });
-exports.CheckoutContainer = CheckoutContainer;
-var Container = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n"])));
-exports.Container = Container;
-var WrappContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 90%;\n  margin: 30px auto;\n  display: flex;\n  flex-direction: column;\n  background-color: #FFF;\n\n  @media (min-width: 513px) {\n    width: 80%;\n  }\n\n  @media (min-width: 992px) {\n    flex-direction: row;\n    justify-content: space-between;\n    background-color: transparent;\n  }\n"])));
-exports.WrappContainer = WrappContainer;
-var LeftContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 100%;\n  box-sizing: border-box;\n  ", "\n  @media (min-width: 992px) {\n    width: calc(100% - 420px);\n    background-color: #FFF;\n  }\n"])), function (_ref) {
+var Container = exports.Container = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n"])));
+var WrappContainer = exports.WrappContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 90%;\n  margin: 30px auto;\n  display: flex;\n  flex-direction: column;\n  background-color: #FFF;\n\n  @media (min-width: 513px) {\n    width: 80%;\n  }\n\n  @media (min-width: 992px) {\n    flex-direction: row;\n    justify-content: space-between;\n    background-color: transparent;\n  }\n"])));
+var LeftContainer = exports.LeftContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 100%;\n  box-sizing: border-box;\n  ", "\n  @media (min-width: 992px) {\n    width: calc(100% - 420px);\n    background-color: #FFF;\n  }\n"])), function (_ref) {
   var isSkeleton = _ref.isSkeleton;
   return isSkeleton && (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    padding: 20px;\n  "])));
 });
-exports.LeftContainer = LeftContainer;
-var RightContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: 100%;\n  ", "\n  @media (min-width: 992px) {\n    width: 400px;\n  }\n"])), function (_ref2) {
+var RightContainer = exports.RightContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: 100%;\n  ", "\n  @media (min-width: 992px) {\n    width: 400px;\n  }\n"])), function (_ref2) {
   var isSkeleton = _ref2.isSkeleton;
   return isSkeleton && (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    padding: 20px;\n  "])));
 });
-exports.RightContainer = RightContainer;
-var RightInnerContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  padding: 20px;\n  box-sizing: border-box;\n\n  @media (min-width: 992px) {\n    background-color: #FFF;\n    position: sticky;\n    top: 0px;\n  }\n"])));
-exports.RightInnerContainer = RightInnerContainer;
-var WrapperUserDetails = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  width: 100%;\n"])));
-exports.WrapperUserDetails = WrapperUserDetails;
-var UserDetailsContainer = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: wrap;\n"])));
-exports.UserDetailsContainer = UserDetailsContainer;
-var BusinessDetailsContainer = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  padding: 0 20px;\n  border-bottom: 1px solid #CCC;\n"])));
-exports.BusinessDetailsContainer = BusinessDetailsContainer;
-var Accordion = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n  transition: background-color 0.6s ease;\n  position: relative;\n  padding: 20px 0;\n\n  .rotate {\n    transform: rotate(180deg);\n  }\n\n  .accordion__icon {\n    transition: transform 0.6s ease;\n  }\n\n  svg {\n    color: ", ";\n    font-size: 20px;\n  }\n\n  h1 {\n    margin: 0px;\n    font-size: 20px;\n    display: flex;\n    align-items: center;\n\n    svg {\n      ", "\n    }\n  }\n\n  &.active h1 svg {\n    color: ", ";\n  }\n"])), function (props) {
+var RightInnerContainer = exports.RightInnerContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  padding: 20px;\n  box-sizing: border-box;\n\n  @media (min-width: 992px) {\n    background-color: #FFF;\n    position: sticky;\n    top: 0px;\n  }\n"])));
+var WrapperUserDetails = exports.WrapperUserDetails = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  width: 100%;\n"])));
+var UserDetailsContainer = exports.UserDetailsContainer = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: wrap;\n"])));
+var BusinessDetailsContainer = exports.BusinessDetailsContainer = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  padding: 0 20px;\n  border-bottom: 1px solid #CCC;\n"])));
+var Accordion = exports.Accordion = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n  transition: background-color 0.6s ease;\n  position: relative;\n  padding: 20px 0;\n\n  .rotate {\n    transform: rotate(180deg);\n  }\n\n  .accordion__icon {\n    transition: transform 0.6s ease;\n  }\n\n  svg {\n    color: ", ";\n    font-size: 20px;\n  }\n\n  h1 {\n    margin: 0px;\n    font-size: 20px;\n    display: flex;\n    align-items: center;\n\n    svg {\n      ", "\n    }\n  }\n\n  &.active h1 svg {\n    color: ", ";\n  }\n"])), function (props) {
   var _props$theme$colors;
   return (_props$theme$colors = props.theme.colors) === null || _props$theme$colors === void 0 ? void 0 : _props$theme$colors.grayColor;
 }, function (props) {
@@ -45,32 +36,22 @@ var Accordion = _styledComponents.default.div(_templateObject12 || (_templateObj
 }, function (props) {
   return props.theme.colors.primary;
 });
-exports.Accordion = Accordion;
-var AccordionContent = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  overflow: hidden;\n  transition: min-height 0.6s ease;\n\n  > div {\n    margin: 0px;\n    padding-bottom: 20px;\n  }\n"])));
-exports.AccordionContent = AccordionContent;
-var PaymentMethodContainer = (0, _styledComponents.default)(BusinessDetailsContainer)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral([""])));
-exports.PaymentMethodContainer = PaymentMethodContainer;
-var DriverTipContainer = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  h1 {\n    font-size: 24px;\n    text-align: center;\n  }\n"])));
-exports.DriverTipContainer = DriverTipContainer;
-var CartContainer = (0, _styledComponents.default)(PaymentMethodContainer)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  margin-bottom: 20px;\n  border-bottom: none;\n  h1 {\n    font-size: 20px;\n    margin: 20px 0px;\n  }\n"])));
-exports.CartContainer = CartContainer;
-var WrapperPlaceOrderButton = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  margin: 20px 0px 10px;\n\n  button {\n    width: 100%;\n    box-sizing: border-box;\n    padding: 5px 20px;\n    cursor: pointer;\n\n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n  }\n"])));
-exports.WrapperPlaceOrderButton = WrapperPlaceOrderButton;
-var WarningMessage = _styledComponents.default.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 150px;\n  max-height: 300px;\n  background-color: #F2BB40;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  opacity: 0.8;\n  border-radius: 10px;\n  position: relative;\n\n  svg {\n    position: absolute;\n    font-size: 30px;\n    top: 0;\n    left: 0;\n    margin: 11px;\n    ", "\n  }\n\n  h1 {\n    font-size: 20px;\n    margin: 0px 60px;\n    text-align: center;\n  }\n"])), function (props) {
+var AccordionContent = exports.AccordionContent = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  overflow: hidden;\n  transition: min-height 0.6s ease;\n\n  > div {\n    margin: 0px;\n    padding-bottom: 20px;\n  }\n"])));
+var PaymentMethodContainer = exports.PaymentMethodContainer = (0, _styledComponents.default)(BusinessDetailsContainer)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral([""])));
+var DriverTipContainer = exports.DriverTipContainer = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  h1 {\n    font-size: 24px;\n    text-align: center;\n  }\n"])));
+var CartContainer = exports.CartContainer = (0, _styledComponents.default)(PaymentMethodContainer)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  margin-bottom: 20px;\n  border-bottom: none;\n  h1 {\n    font-size: 20px;\n    margin: 20px 0px;\n  }\n"])));
+var WrapperPlaceOrderButton = exports.WrapperPlaceOrderButton = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  margin: 20px 0px 10px;\n\n  button {\n    width: 100%;\n    box-sizing: border-box;\n    padding: 5px 20px;\n    cursor: pointer;\n\n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n  }\n"])));
+var WarningMessage = exports.WarningMessage = _styledComponents.default.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 150px;\n  max-height: 300px;\n  background-color: #F2BB40;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  opacity: 0.8;\n  border-radius: 10px;\n  position: relative;\n\n  svg {\n    position: absolute;\n    font-size: 30px;\n    top: 0;\n    left: 0;\n    margin: 11px;\n    ", "\n  }\n\n  h1 {\n    font-size: 20px;\n    margin: 0px 60px;\n    text-align: center;\n  }\n"])), function (props) {
   var _props$theme2;
   return ((_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.rtl) && (0, _styledComponents.css)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n        right: 0;\n        left: initial;\n    "])));
 });
-exports.WarningMessage = WarningMessage;
-var NotFoundImage = _styledComponents.default.div(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  max-width: 300px;\n\n  img {\n    width: 300px;\n  }\n"])));
-exports.NotFoundImage = NotFoundImage;
-var CartsList = _styledComponents.default.div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: 90%;\n  margin: auto;\n\n  @media (min-width: 381px) {\n    width: 80%;\n  }\n"])));
-exports.CartsList = CartsList;
-var WarningText = _styledComponents.default.p(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  margin: 10px auto;\n  text-align: center;\n  color: ", ";\n"])), function (props) {
+var NotFoundImage = exports.NotFoundImage = _styledComponents.default.div(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  max-width: 300px;\n\n  img {\n    width: 300px;\n  }\n"])));
+var CartsList = exports.CartsList = _styledComponents.default.div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: 90%;\n  margin: auto;\n\n  @media (min-width: 381px) {\n    width: 80%;\n  }\n"])));
+var WarningText = exports.WarningText = _styledComponents.default.p(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  margin: 10px auto;\n  text-align: center;\n  color: ", ";\n"])), function (props) {
   var _props$theme$colors2;
   return (_props$theme$colors2 = props.theme.colors) === null || _props$theme$colors2 === void 0 ? void 0 : _props$theme$colors2.grayColor;
 });
-exports.WarningText = WarningText;
-var OrderBill = _styledComponents.default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  padding: 10px;\n  background-color: #FFF;\n  color: ", ";\n\n  table {\n    padding: 10px 0;\n    width: 100%;\n    font-size: 16px;\n    font-weight: 300;\n\n    td span {\n      unicode-bidi: bidi-override;\n    }\n\n    tr td:nth-child(2) {\n      font-weight: 500;\n      text-align: right;\n      ", "\n    }\n  }\n  table.driverTip {\n    border-top: 1px solid #EAEAEA;\n    button {\n      font-size: 14px;\n      padding: 0 10px;\n      text-transform: uppercase;\n    }\n\n    .recommendTxt {\n      color: ", ";\n      font-size: 13px;\n    }\n  }\n  table.total {\n    border-top: 1px solid #EAEAEA;\n    tr {\n      td:nth-child(1) {\n        font-weight: bold;\n      }\n      td:nth-child(2) {\n        font-weight: bold;\n        color: ", ";\n      }\n    }\n  }\n\n  @media (min-width: 411px) {\n    table {\n      font-size: 18px;\n    }\n  }\n"])), function (props) {
+var OrderBill = exports.OrderBill = _styledComponents.default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  padding: 10px;\n  background-color: #FFF;\n  color: ", ";\n\n  table {\n    padding: 10px 0;\n    width: 100%;\n    font-size: 16px;\n    font-weight: 300;\n\n    td span {\n      unicode-bidi: bidi-override;\n    }\n\n    tr td:nth-child(2) {\n      font-weight: 500;\n      text-align: right;\n      ", "\n    }\n  }\n  table.driverTip {\n    border-top: 1px solid #EAEAEA;\n    button {\n      font-size: 14px;\n      padding: 0 10px;\n      text-transform: uppercase;\n    }\n\n    .recommendTxt {\n      color: ", ";\n      font-size: 13px;\n    }\n  }\n  table.total {\n    border-top: 1px solid #EAEAEA;\n    tr {\n      td:nth-child(1) {\n        font-weight: bold;\n      }\n      td:nth-child(2) {\n        font-weight: bold;\n        color: ", ";\n      }\n    }\n  }\n\n  @media (min-width: 411px) {\n    table {\n      font-size: 18px;\n    }\n  }\n"])), function (props) {
   var _props$theme$colors3;
   return (_props$theme$colors3 = props.theme.colors) === null || _props$theme$colors3 === void 0 ? void 0 : _props$theme$colors3.blackColor;
 }, function (props) {
@@ -82,8 +63,5 @@ var OrderBill = _styledComponents.default.div(_templateObject25 || (_templateObj
 }, function (props) {
   return props.theme.colors.primary;
 });
-exports.OrderBill = OrderBill;
-var CouponContainer = _styledComponents.default.div(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n  width: 100%;\n  margin: 10px;\n"])));
-exports.CouponContainer = CouponContainer;
-var Exclamation = _styledComponents.default.div(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n  position: relative;\n  display: inline-flex;\n  cursor: pointer;\n  margin-left: 5px;\n  top: 3px;\n"])));
-exports.Exclamation = Exclamation;
+var CouponContainer = exports.CouponContainer = _styledComponents.default.div(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n  width: 100%;\n  margin: 10px;\n"])));
+var Exclamation = exports.Exclamation = _styledComponents.default.div(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n  position: relative;\n  display: inline-flex;\n  cursor: pointer;\n  margin-left: 5px;\n  top: 3px;\n"])));

package/_modules/themes/four/src/components/CouponControl/index.js CHANGED Viewed

@@ -105,10 +105,9 @@ var CouponControlUI = function CouponControlUI(props) {
     }, AfterElement);
   }));
 };
-var CouponControl = function CouponControl(props) {
+var CouponControl = exports.CouponControl = function CouponControl(props) {
   var couponProp = _objectSpread(_objectSpread({}, props), {}, {
     UIComponent: CouponControlUI
   });
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.CouponControl, couponProp);
-};
-exports.CouponControl = CouponControl;
+};

package/_modules/themes/four/src/components/CouponControl/styles.js CHANGED Viewed

@@ -10,8 +10,7 @@ var _templateObject, _templateObject2;
 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 CouponContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /* width: 80%; */\n  /* margin: auto; */\n  display: flex;\n  justify-content: flex-start;\n  button {\n    margin-left: 5px;\n    ", "\n    &:disabled {\n      opacity: 0.5;\n    }\n  }\n\n  input {\n    width: 50%;\n  }\n"])), function (props) {
+var CouponContainer = exports.CouponContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /* width: 80%; */\n  /* margin: auto; */\n  display: flex;\n  justify-content: flex-start;\n  button {\n    margin-left: 5px;\n    ", "\n    &:disabled {\n      opacity: 0.5;\n    }\n  }\n\n  input {\n    width: 50%;\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)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      margin-right: 5px;\n      margin-left: 0px;\n    "])));
-});
-exports.CouponContainer = CouponContainer;
+});

package/_modules/themes/four/src/components/DriverTips/index.js CHANGED Viewed

@@ -108,10 +108,9 @@ var DriverTipsUI = function DriverTipsUI(props) {
     }, AfterElement);
   }));
 };
-var DriverTips = function DriverTips(props) {
+var DriverTips = exports.DriverTips = function DriverTips(props) {
   var driverTipsProps = _objectSpread(_objectSpread({}, props), {}, {
     UIComponent: DriverTipsUI
   });
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.DriverTips, driverTipsProps);
-};
-exports.DriverTips = DriverTips;
+};

package/_modules/themes/four/src/components/DriverTips/styles.js CHANGED Viewed

@@ -10,22 +10,16 @@ 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 DriverTipContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n  flex-wrap: wrap;\n  margin-top: 20px;\n  width: 100%;\n  padding: 0 20px;\n  box-sizing: border-box;\n\n  > button {\n    width: 100%;\n    padding-top: 5px;\n    padding-bottom: 5px;\n    margin: 30px 0 10px 0;\n  }\n"])));
-exports.DriverTipContainer = DriverTipContainer;
-var TipCard = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  border-bottom : 1px solid #CCC;\n  padding: 15px 0;\n  cursor: pointer;\n\n  svg {\n    font-size: 24px;\n\n    ", "\n  }\n\n  &.active {\n    svg {\n      color: ", ";\n    }\n  }\n"])), function (props) {
+var DriverTipContainer = exports.DriverTipContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n  flex-wrap: wrap;\n  margin-top: 20px;\n  width: 100%;\n  padding: 0 20px;\n  box-sizing: border-box;\n\n  > button {\n    width: 100%;\n    padding-top: 5px;\n    padding-bottom: 5px;\n    margin: 30px 0 10px 0;\n  }\n"])));
+var TipCard = exports.TipCard = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  border-bottom : 1px solid #CCC;\n  padding: 15px 0;\n  cursor: pointer;\n\n  svg {\n    font-size: 24px;\n\n    ", "\n  }\n\n  &.active {\n    svg {\n      color: ", ";\n    }\n  }\n"])), function (props) {
   var _props$theme;
   return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      margin-left: 10px;\n    "]))) : (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      margin-right: 10px;\n    "])));
 }, function (props) {
   return props.theme.colors.primary;
 });
-exports.TipCard = TipCard;
-var FormDriverTip = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n"])));
-exports.FormDriverTip = FormDriverTip;
-var WrapperInput = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  margin-top: 10px;\n\n  input {\n    width: 65%;\n    padding: 4px 15px;\n    box-sizing: border-box;\n    flex: 1;\n    margin-right: 10px;\n  }\n\n  @media (min-width: 768px) {\n    input {\n      width: 80%;\n    }\n  }\n"])));
-exports.WrapperInput = WrapperInput;
-var DriverTipMessage = _styledComponents.default.p(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-weight: 600;\n"])), function (props) {
+var FormDriverTip = exports.FormDriverTip = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n"])));
+var WrapperInput = exports.WrapperInput = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  margin-top: 10px;\n\n  input {\n    width: 65%;\n    padding: 4px 15px;\n    box-sizing: border-box;\n    flex: 1;\n    margin-right: 10px;\n  }\n\n  @media (min-width: 768px) {\n    input {\n      width: 80%;\n    }\n  }\n"])));
+var DriverTipMessage = exports.DriverTipMessage = _styledComponents.default.p(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-weight: 600;\n"])), function (props) {
   return props.theme.colors.primary;
 });
-exports.DriverTipMessage = DriverTipMessage;
-var WrapperTips = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  width: 100%;\n\n  > div:last-child {\n    border-bottom: none;\n  }\n"])));
-exports.WrapperTips = WrapperTips;
+var WrapperTips = exports.WrapperTips = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  width: 100%;\n\n  > div:last-child {\n    border-bottom: none;\n  }\n"])));

package/_modules/themes/four/src/components/FacebookLogin/index.js CHANGED Viewed

@@ -33,10 +33,9 @@ var FacebookLoginButtonUI = function FacebookLoginButtonUI(props) {
     }
   }, /*#__PURE__*/_react.default.createElement(_EnFacebook.default, null), /*#__PURE__*/_react.default.createElement("div", null, t('LOGIN_WITH_FACEBOOK', 'Login with Facebook')));
 };
-var FacebookLoginButton = function FacebookLoginButton(props) {
+var FacebookLoginButton = exports.FacebookLoginButton = function FacebookLoginButton(props) {
   var facebookLoginProps = _objectSpread(_objectSpread({}, props), {}, {
     UIComponent: FacebookLoginButtonUI
   });
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.FacebookLoginButton, facebookLoginProps);
-};
-exports.FacebookLoginButton = FacebookLoginButton;
+};

package/_modules/themes/four/src/components/FacebookLogin/styles.js CHANGED Viewed

@@ -9,7 +9,6 @@ var _polished = require("polished");
 var _templateObject;
 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 FacebookButton = _styledComponents.default.button(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border-radius: 8px;\n  cursor: pointer;\n  outline: none;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  background-color: #4267B2;\n  border: 1px solid #4267B2;\n  font-size: 16px;\n  font-weight: 400;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 10px;\n\n  &:active {\n    background: ", ";\n  }\n  &:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  svg {\n    font-size: 28px;\n    color: #FFF;\n  }\n\n  div {\n    margin: 0 auto;\n    color: #FFF;\n    font-size: 16px;\n    line-height: 30px;\n  }\n"])), function () {
+var FacebookButton = exports.FacebookButton = _styledComponents.default.button(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border-radius: 8px;\n  cursor: pointer;\n  outline: none;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  background-color: #4267B2;\n  border: 1px solid #4267B2;\n  font-size: 16px;\n  font-weight: 400;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 10px;\n\n  &:active {\n    background: ", ";\n  }\n  &:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  svg {\n    font-size: 28px;\n    color: #FFF;\n  }\n\n  div {\n    margin: 0 auto;\n    color: #FFF;\n    font-size: 16px;\n    line-height: 30px;\n  }\n"])), function () {
   return (0, _polished.darken)(0.07, '#4267B2');
-});
-exports.FacebookButton = FacebookButton;
+});

package/_modules/themes/four/src/components/Footer/index.js CHANGED Viewed

@@ -23,7 +23,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 Footer = function Footer() {
+var Footer = exports.Footer = function Footer() {
   var _useState = (0, _react.useState)({
       body: null,
       loading: false,
@@ -103,5 +103,4 @@ var Footer = function Footer() {
       __html: footerState.body
     }
   }));
-};
-exports.Footer = Footer;
+};

package/_modules/themes/four/src/components/Footer/styles.js CHANGED Viewed

@@ -8,11 +8,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 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 FooterContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n  width: 100%;\n  border-top: 1px solid #d9d9d9;\n  padding: 30px 0;\n  flex-wrap: wrap;\n  flex-direction: column;\n\n  @media (min-width: 768px) {\n    flex-direction: row;\n  }\n"])));
-exports.FooterContainer = FooterContainer;
-var Content = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin: auto;\n  width: 70%;\n  text-align: center;\n  margin-bottom: 10px;\n\n  > * {\n    display: block;\n    text-decoration: none;\n    color: initial;\n    font-size: 14px;\n    margin: 10px 0;\n  }\n\n  h1 {\n    font-weight: 600;\n    font-size: 18px;\n  }\n\n  @media (min-width: 768px) {\n    width: 33%;\n    margin: 0;\n  }\n"])));
-exports.Content = Content;
-var SocialIcon = _styledComponents.default.a(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: inline-block;\n  width: 24px;\n  height: 24px;\n  margin: 0 5px;\n  color: initial;\n\n  svg {\n    width: 100%;\n    height: 100%;\n  }\n"])));
-exports.SocialIcon = SocialIcon;
-var Copy = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin: auto;\n  width: 90%;\n  text-align: center;\n  font-size: 12px;\n  color: rgba(0,0,0,0.6);\n\n  @media (min-width: 768px) {\n    margin-top: 15px;\n  }\n"])));
-exports.Copy = Copy;
+var FooterContainer = exports.FooterContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n  width: 100%;\n  border-top: 1px solid #d9d9d9;\n  padding: 30px 0;\n  flex-wrap: wrap;\n  flex-direction: column;\n\n  @media (min-width: 768px) {\n    flex-direction: row;\n  }\n"])));
+var Content = exports.Content = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin: auto;\n  width: 70%;\n  text-align: center;\n  margin-bottom: 10px;\n\n  > * {\n    display: block;\n    text-decoration: none;\n    color: initial;\n    font-size: 14px;\n    margin: 10px 0;\n  }\n\n  h1 {\n    font-weight: 600;\n    font-size: 18px;\n  }\n\n  @media (min-width: 768px) {\n    width: 33%;\n    margin: 0;\n  }\n"])));
+var SocialIcon = exports.SocialIcon = _styledComponents.default.a(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: inline-block;\n  width: 24px;\n  height: 24px;\n  margin: 0 5px;\n  color: initial;\n\n  svg {\n    width: 100%;\n    height: 100%;\n  }\n"])));
+var Copy = exports.Copy = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin: auto;\n  width: 90%;\n  text-align: center;\n  font-size: 12px;\n  color: rgba(0,0,0,0.6);\n\n  @media (min-width: 768px) {\n    margin-top: 15px;\n  }\n"])));

package/_modules/themes/four/src/components/ForgotPasswordForm/index.js CHANGED Viewed

@@ -193,10 +193,9 @@ var ForgotPasswordUI = function ForgotPasswordUI(props) {
     }, AfterElement);
   }));
 };
-var ForgotPasswordForm = function ForgotPasswordForm(props) {
+var ForgotPasswordForm = exports.ForgotPasswordForm = function ForgotPasswordForm(props) {
   var ForgotPasswordProps = _objectSpread(_objectSpread({}, props), {}, {
     UIComponent: ForgotPasswordUI
   });
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.ForgotPasswordForm, ForgotPasswordProps);
-};
-exports.ForgotPasswordForm = ForgotPasswordForm;
+};

package/_modules/themes/four/src/components/ForgotPasswordForm/styles.js CHANGED Viewed

@@ -13,14 +13,12 @@ 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 HeroContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
-exports.HeroContainer = HeroContainer;
-var HeroContainerStyled = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: absolute;\n  width: 100vw;\n  height: 100%;\n\n  ", "\n"])), function (_ref) {
+var HeroContainer = exports.HeroContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
+var HeroContainerStyled = exports.HeroContainerStyled = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: absolute;\n  width: 100vw;\n  height: 100%;\n\n  ", "\n"])), function (_ref) {
   var bgimage = _ref.bgimage;
   return bgimage && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    background-repeat: no-repeat, repeat;\n    background-size: cover;\n    object-fit: cover;\n    background-attachment: fixed;\n  "])));
 });
-exports.HeroContainerStyled = HeroContainerStyled;
-var HeroImage = function HeroImage(props) {
+var HeroImage = exports.HeroImage = function HeroImage(props) {
   var style = {};
   if (props.bgimage) {
     style.backgroundImage = "url(".concat(props.bgimage, ")");
@@ -31,29 +29,24 @@ var HeroImage = function HeroImage(props) {
     style: style
   }), props.children);
 };
-exports.HeroImage = HeroImage;
-var FormContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin: 80px 0;\n  z-index: 1;\n  background-color: #FFFFFF;\n  box-shadow: 0px 3px 20px #00000098;\n  border-radius: 8px;\n  padding: 30px 10px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  box-sizing: border-box;\n\n  @media (min-width: 768px) {\n    padding: 30px 60px;\n    min-width: 550px;\n  }\n  \n  @media (min-width: 992px) {\n    min-width: 650px;\n  }\n  \n  @media (max-width: 760px) {\n    width: 91%;\n  }\n"])));
-exports.FormContainer = FormContainer;
-var ForgotPasswordContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: ", ";\n  display: flex;\n  flex-direction: column;\n\n  @media (min-width: 992px) {\n    flex-direction: row;\n    height: 100%;\n    ", "\n  }\n"])), function (_ref2) {
+var FormContainer = exports.FormContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin: 80px 0;\n  z-index: 1;\n  background-color: #FFFFFF;\n  box-shadow: 0px 3px 20px #00000098;\n  border-radius: 8px;\n  padding: 30px 10px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  box-sizing: border-box;\n\n  @media (min-width: 768px) {\n    padding: 30px 60px;\n    min-width: 550px;\n  }\n  \n  @media (min-width: 992px) {\n    min-width: 650px;\n  }\n  \n  @media (max-width: 760px) {\n    width: 91%;\n  }\n"])));
+var ForgotPasswordContainer = exports.ForgotPasswordContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: ", ";\n  display: flex;\n  flex-direction: column;\n\n  @media (min-width: 992px) {\n    flex-direction: row;\n    height: 100%;\n    ", "\n  }\n"])), function (_ref2) {
   var isPopup = _ref2.isPopup;
   return isPopup ? '100vh' : 'auto';
 }, function (_ref3) {
   var isPopup = _ref3.isPopup;
   return isPopup && (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      min-height: 500px;\n    "])));
 });
-exports.ForgotPasswordContainer = ForgotPasswordContainer;
 var Side = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n"])));
-var FormSide = (0, _styledComponents.default)(Side)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  flex-direction: column;\n  align-items: center;\n  margin-top: 30px;\n\n  @media (min-width: 992px) {\n    margin: auto;\n    font-size: ", ";\n  }\n"])), function (_ref4) {
+var FormSide = exports.FormSide = (0, _styledComponents.default)(Side)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  flex-direction: column;\n  align-items: center;\n  margin-top: 30px;\n\n  @media (min-width: 992px) {\n    margin: auto;\n    font-size: ", ";\n  }\n"])), function (_ref4) {
   var isPopup = _ref4.isPopup;
   return isPopup ? '12px' : '1em';
 });
-exports.FormSide = FormSide;
-var FormInput = _styledComponents.default.form(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  width: ", ";\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"])), function (_ref5) {
+var FormInput = exports.FormInput = _styledComponents.default.form(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  width: ", ";\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"])), function (_ref5) {
   var isPopup = _ref5.isPopup;
   return isPopup ? '90%' : '80%';
 });
-exports.FormInput = FormInput;
-var RedirectLink = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _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: ", ";\n    flex-direction: row;\n  }\n\n  @media (min-width: 1200px) {\n    ", ";\n  }\n"])), function (props) {
+var RedirectLink = exports.RedirectLink = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _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: ", ";\n    flex-direction: row;\n  }\n\n  @media (min-width: 1200px) {\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)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      margin-left: 5px;\n      margin-right: 0px;\n    "])));
 }, function (props) {
@@ -70,5 +63,4 @@ var RedirectLink = _styledComponents.default.div(_templateObject10 || (_template
 }, function (_ref9) {
   var isPopup = _ref9.isPopup;
   return isPopup && (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n      font-size: 16px;\n    "])));
-});
-exports.RedirectLink = RedirectLink;
+});

package/_modules/themes/four/src/components/Header/index.js CHANGED Viewed

@@ -46,7 +46,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 Header = function Header(props) {
+var Header = exports.Header = function Header(props) {
   var _configState$configs, _configState$configs2, _customerState$user, _orderState$options3, _props$beforeElements, _props$beforeComponen, _theme$images, _theme$images2, _theme$images3, _theme$images4, _theme$images5, _theme$images6, _theme$images7, _theme$images8, _configState$configs3, _orderState$options5, _theme$defaultLanguag, _theme$defaultLanguag2, _orderState$options6, _configState$configs4, _orderState$options7, _configState$configs5, _orderState$options8, _configState$configs6, _configState$configs7, _orderState$options9, _customerState$user2, _customerState$user3, _props$afterComponent, _props$afterElements;
   var isHome = props.isHome,
     location = props.location,
@@ -426,7 +426,6 @@ var Header = function Header(props) {
     }, AfterElement);
   }));
 };
-exports.Header = Header;
 var styles = {
   headCustomer: {
     margin: 0,

package/_modules/themes/four/src/components/Header/styles.js CHANGED Viewed

@@ -10,7 +10,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var Header = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  box-shadow: 1px 1px 5px #00000029;\n  border: 1px solid #CCC;\n  ", "\n  top: 0px;\n  z-index: 1001;\n\n  #select-input {\n    border-radius: 8px;\n    background-color: transparent !important;\n    color: ", " !important;\n    border: 1px solid ", ";\n\n    svg {\n      path {\n        fill: ", " !important;\n      }\n    }\n\n    ", "\n\n    #list {\n      right: initial;\n      ", "\n    }\n  }\n\n  .moment-popover,\n  .address-popover {\n    > div:first-child {\n      color: ", ";\n    }\n  }\n  ", "\n"])), function (_ref) {
+var Header = exports.Header = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  box-shadow: 1px 1px 5px #00000029;\n  border: 1px solid #CCC;\n  ", "\n  top: 0px;\n  z-index: 1001;\n\n  #select-input {\n    border-radius: 8px;\n    background-color: transparent !important;\n    color: ", " !important;\n    border: 1px solid ", ";\n\n    svg {\n      path {\n        fill: ", " !important;\n      }\n    }\n\n    ", "\n\n    #list {\n      right: initial;\n      ", "\n    }\n  }\n\n  .moment-popover,\n  .address-popover {\n    > div:first-child {\n      color: ", ";\n    }\n  }\n  ", "\n"])), function (_ref) {
   var isHero = _ref.isHero;
   return isHero && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    box-shadow: none;\n    border: none;\n    position: absolute;\n  "])));
 }, function (props) {
@@ -35,8 +35,7 @@ var Header = _styledComponents.default.div(_templateObject || (_templateObject =
   var isStorePage = _ref3.isStorePage;
   return isStorePage && (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    position: absolute;\n    box-shadow: none;\n    border: none;\n\n    .address-popover,\n    .moment-popover,\n    .user-popover {\n      > div:first-child {\n        color: #FFF;\n      }\n    }\n\n    #select-input {\n      border-radius: 8px;\n      color: #FFF !important;\n      border: 1px solid #FFF;\n      svg {\n        path {\n          fill: #FFF !important;\n        }\n      }\n\n      #list {\n        svg {\n          path {\n            fill: initial !important;\n          }\n        }\n      }\n    }\n  "])));
 });
-exports.Header = Header;
-var OrderTypeSelecWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  span {\n    >div {\n      border-radius: 8px;\n      background-color: transparent !important;\n      color: ", " !important;\n      border: 1px solid ", ";\n    }\n  }\n\n  ", "\n"])), function (props) {
+var OrderTypeSelecWrapper = exports.OrderTypeSelecWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  span {\n    >div {\n      border-radius: 8px;\n      background-color: transparent !important;\n      color: ", " !important;\n      border: 1px solid ", ";\n    }\n  }\n\n  ", "\n"])), function (props) {
   return props.theme.colors.primary;
 }, function (props) {
   return props.theme.colors.primary;
@@ -44,26 +43,19 @@ var OrderTypeSelecWrapper = _styledComponents.default.div(_templateObject7 || (_
   var isStorePage = _ref4.isStorePage;
   return isStorePage && (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    span {\n      >div {\n        color: #FFF !important;\n        border: 1px solid #FFF;\n      }\n    }\n  "])));
 });
-exports.OrderTypeSelecWrapper = OrderTypeSelecWrapper;
-var InnerHeader = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  color: #FFF;\n  justify-content: space-between;\n  width: 98%;\n  margin: 10px auto;\n"])));
-exports.InnerHeader = InnerHeader;
-var LogoHeader = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  cursor: pointer;\n\n  img {\n    width: 35px;\n    height: 45px;\n    margin: 0;\n    vertical-align: middle;\n    margin-left: 10px;\n\n    ", "\n\n    @media (min-width: 768px) {\n      width: 150px;\n    }\n  }\n\n  img:nth-child(1) {\n    display: none;\n  }\n\n  @media (min-width: 768px) {\n    img:nth-child(1) {\n      display: block;\n    }\n    img:nth-child(2) {\n      display: none;\n    }\n  }\n"])), function (props) {
+var InnerHeader = exports.InnerHeader = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  color: #FFF;\n  justify-content: space-between;\n  width: 98%;\n  margin: 10px auto;\n"])));
+var LogoHeader = exports.LogoHeader = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  cursor: pointer;\n\n  img {\n    width: 35px;\n    height: 45px;\n    margin: 0;\n    vertical-align: middle;\n    margin-left: 10px;\n\n    ", "\n\n    @media (min-width: 768px) {\n      width: 150px;\n    }\n  }\n\n  img:nth-child(1) {\n    display: none;\n  }\n\n  @media (min-width: 768px) {\n    img:nth-child(1) {\n      display: block;\n    }\n    img:nth-child(2) {\n      display: none;\n    }\n  }\n"])), function (props) {
   var _props$theme2;
   return ((_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.rtl) && (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      margin-right: 10px;\n      margin-left: 0;\n    "])));
 });
-exports.LogoHeader = LogoHeader;
-var LeftHeader = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  align-items: center;\n  display: flex;\n"])));
-exports.LeftHeader = LeftHeader;
-var RightHeader = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  align-self: center;\n  display: flex;\n"])));
-exports.RightHeader = RightHeader;
-var Menu = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  &.left-header {\n    > :first-child {\n      margin-left: 15px;\n      ", "\n    }\n  }\n\n  > *:not(:last-child) {\n    margin: 0 5px;\n  }\n\n  .moment-popover,\n  .address-popover {\n    display: none;\n  }\n\n  @media (min-width: 821px) {\n    .moment-popover,\n    .address-popover {\n      display: flex;\n    }\n  }\n"])), function (props) {
+var LeftHeader = exports.LeftHeader = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  align-items: center;\n  display: flex;\n"])));
+var RightHeader = exports.RightHeader = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  align-self: center;\n  display: flex;\n"])));
+var Menu = exports.Menu = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  &.left-header {\n    > :first-child {\n      margin-left: 15px;\n      ", "\n    }\n  }\n\n  > *:not(:last-child) {\n    margin: 0 5px;\n  }\n\n  .moment-popover,\n  .address-popover {\n    display: none;\n  }\n\n  @media (min-width: 821px) {\n    .moment-popover,\n    .address-popover {\n      display: flex;\n    }\n  }\n"])), function (props) {
   var _props$theme3;
   return ((_props$theme3 = props.theme) === null || _props$theme3 === void 0 ? void 0 : _props$theme3.rtl) && (0, _styledComponents.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n        margin-right: 15px;\n        margin-left: 0;\n      "])));
 });
-exports.Menu = Menu;
-var MenuItem = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  display: flex;\n"])));
-exports.MenuItem = MenuItem;
-var MenuLink = _styledComponents.default.a(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  text-decoration: none;\n  font-size: 16px;\n  padding: 10px;\n  color: #333;\n  cursor: pointer;\n  color: ", ";\n\n  ", "\n"])), function (props) {
+var MenuItem = exports.MenuItem = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  display: flex;\n"])));
+var MenuLink = exports.MenuLink = _styledComponents.default.a(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  text-decoration: none;\n  font-size: 16px;\n  padding: 10px;\n  color: #333;\n  cursor: pointer;\n  color: ", ";\n\n  ", "\n"])), function (props) {
   return props.theme.colors.primary;
 }, function (_ref5) {
   var highlight = _ref5.highlight;
@@ -73,21 +65,17 @@ var MenuLink = _styledComponents.default.a(_templateObject17 || (_templateObject
     return props.theme.colors.primaryContrast;
   });
 });
-exports.MenuLink = MenuLink;
-var SubMenu = (0, _styledComponents.default)(InnerHeader)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  padding: 0px 20px 7px;\n  box-sizing: border-box;\n  margin: 0px;\n\n  ", "\n\n  @media (min-width: 821px) {\n    display: none;\n  }\n"])), function (_ref6) {
+var SubMenu = exports.SubMenu = (0, _styledComponents.default)(InnerHeader)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  padding: 0px 20px 7px;\n  box-sizing: border-box;\n  margin: 0px;\n\n  ", "\n\n  @media (min-width: 821px) {\n    display: none;\n  }\n"])), function (_ref6) {
   var isStorePage = _ref6.isStorePage;
   return isStorePage && (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n    > div {\n      color: #FFF;\n    }\n  "])));
 });
-exports.SubMenu = SubMenu;
-var CustomerInfo = _styledComponents.default.div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  display: none;\n  cursor: pointer;\n\n  @media (min-width: 450px) {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    span {\n      display: flex;\n      align-items: center;\n      height: 30px;\n      p {\n        color: ", ";\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        max-width: 50px;\n\n        @media (min-width: 768px) {\n          max-width: 70px;\n        }\n      }\n      svg {\n        color: ", ";\n        font-size: 30px;\n        margin-right: 5px;\n      }\n    }\n  }\n"])), function (props) {
+var CustomerInfo = exports.CustomerInfo = _styledComponents.default.div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  display: none;\n  cursor: pointer;\n\n  @media (min-width: 450px) {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    span {\n      display: flex;\n      align-items: center;\n      height: 30px;\n      p {\n        color: ", ";\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        max-width: 50px;\n\n        @media (min-width: 768px) {\n          max-width: 70px;\n        }\n      }\n      svg {\n        color: ", ";\n        font-size: 30px;\n        margin-right: 5px;\n      }\n    }\n  }\n"])), function (props) {
   return props.isHome ? '#FFF' : '#333';
 }, function (props) {
   return props.theme.colors.primary;
 });
-exports.CustomerInfo = CustomerInfo;
-var UserEdit = _styledComponents.default.div(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  > :first-child{\n     margin-bottom: 20px;  \n  }\n"])));
-exports.UserEdit = UserEdit;
-var FarAwayMessage = _styledComponents.default.div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n  pointer-events: none;\n  position: absolute;\n  cursor: default;\n  display: flex;\n  align-items: center;\n  top: 100%;\n  background: ", ";\n  border: 1px solid ", ";\n  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n  border-radius: 7.6px;\n  padding: 6px 15px;\n  box-sizing: border-box;\n  margin: 12px 0px 0px 0px !important;\n  min-width: 240px;\n  left: 0px;\n  ", "\n\n  svg {\n    font-size: 20px;\n    color: ", ";\n    margin-right: 10px;\n    ", "\n  }\n  span {\n    color: #344050;\n    font-size: 12px;\n    line-height: 18px;\n  }\n\n  @media (min-width: 400px) {\n    padding: 8px 20px;\n    font-size: 14px;\n    line-height: 24px;\n    min-width: 260px;\n  }\n\n  @media (min-width: 820px) {\n    left: -50%;\n    ", "\n  }\n"])), function (props) {
+var UserEdit = exports.UserEdit = _styledComponents.default.div(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  > :first-child{\n     margin-bottom: 20px;  \n  }\n"])));
+var FarAwayMessage = exports.FarAwayMessage = _styledComponents.default.div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n  pointer-events: none;\n  position: absolute;\n  cursor: default;\n  display: flex;\n  align-items: center;\n  top: 100%;\n  background: ", ";\n  border: 1px solid ", ";\n  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n  border-radius: 7.6px;\n  padding: 6px 15px;\n  box-sizing: border-box;\n  margin: 12px 0px 0px 0px !important;\n  min-width: 240px;\n  left: 0px;\n  ", "\n\n  svg {\n    font-size: 20px;\n    color: ", ";\n    margin-right: 10px;\n    ", "\n  }\n  span {\n    color: #344050;\n    font-size: 12px;\n    line-height: 18px;\n  }\n\n  @media (min-width: 400px) {\n    padding: 8px 20px;\n    font-size: 14px;\n    line-height: 24px;\n    min-width: 260px;\n  }\n\n  @media (min-width: 820px) {\n    left: -50%;\n    ", "\n  }\n"])), function (props) {
   return props.theme.colors.warning100;
 }, function (props) {
   return props.theme.colors.warning500;
@@ -103,6 +91,4 @@ var FarAwayMessage = _styledComponents.default.div(_templateObject23 || (_templa
   var _props$theme6;
   return ((_props$theme6 = props.theme) === null || _props$theme6 === void 0 ? void 0 : _props$theme6.rtl) && (0, _styledComponents.css)(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n      right: -50%;\n      left: initial;\n    "])));
 });
-exports.FarAwayMessage = FarAwayMessage;
-var AddressWrapper = _styledComponents.default.div(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n  position: relative;\n"])));
-exports.AddressWrapper = AddressWrapper;
+var AddressWrapper = exports.AddressWrapper = _styledComponents.default.div(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n  position: relative;\n"])));

package/_modules/themes/four/src/components/HeaderOption/index.js CHANGED Viewed

@@ -18,7 +18,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 HeaderOption = function HeaderOption(props) {
+var HeaderOption = exports.HeaderOption = function HeaderOption(props) {
   var _props$beforeElements, _props$beforeComponen, _configs$dates_moment, _props$afterComponent, _props$afterElements;
   var variant = props.variant,
     addressState = props.addressState,
@@ -64,5 +64,4 @@ var HeaderOption = function HeaderOption(props) {
       key: i
     }, AfterElement);
   }));
-};
-exports.HeaderOption = HeaderOption;
+};

package/_modules/themes/four/src/components/HeaderOption/styles.js CHANGED Viewed

@@ -10,7 +10,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  cursor: pointer;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_ref) {
+var Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  cursor: pointer;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_ref) {
   var variant = _ref.variant;
   return variant === 'cart' && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    span {\n      display: flex;\n      align-items: flex-end;\n      position: relative;\n      p {\n        position: absolute;\n        height: 15px;\n        width: 15px;\n        margin: 0;\n        background: ", ";\n        border-radius: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        font-size: 10px;\n        ", "\n      }\n      svg {\n        color: ", ";\n        font-size: 30px;\n      }\n    }\n  "])), function (props) {
     return props.theme.colors.primary;
@@ -35,5 +35,4 @@ var Container = _styledComponents.default.div(_templateObject || (_templateObjec
 }, function (_ref4) {
   var isHome = _ref4.isHome;
   return isHome && (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    color: #FFF;\n  "])));
-});
-exports.Container = Container;
+});