ordering-ui-external 10.10.2 → 10.10.4

package/_modules/themes/six/src/components/Checkout/styles.js

@@ -13,9 +13,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n"])));
-exports.Container = Container;
-var WrappSumarry = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display:flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  @media (min-width: 1024px) {\n    width: 40vw;\n    padding: 2vw;\n    height: calc(100vh - 75px);\n    ", " \n    ", "    \n  }\n"])), function (_ref) {
+var Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n"])));
+var WrappSumarry = exports.WrappSumarry = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display:flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  @media (min-width: 1024px) {\n    width: 40vw;\n    padding: 2vw;\n    height: calc(100vh - 75px);\n    ", " \n    ", "    \n  }\n"])), function (_ref) {
   var skeleton = _ref.skeleton;
   return skeleton ? (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n         background-color: transparent; \n        "]))) : (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n         background-color: ", ";\n      "])), function (props) {
     return props.theme.colors.primaryDarkBackground;
@@ -24,48 +23,33 @@ var WrappSumarry = _styledComponents.default.div(_templateObject2 || (_templateO
   var skeleton = _ref2.skeleton;
   return skeleton && (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      padding: 20px 5%;\n      align-items: flex-start;\n    "])));
 });
-exports.WrappSumarry = WrappSumarry;
-var WrappContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: 100%;\n  margin: 0 auto;\n  padding: 20px 5%;\n  box-sizing: border-box;\n \n  @media (min-width: 1024px) {\n    width: 60vw;\n    height: calc(100vh - 75px);\n    overflow-y: scroll;\n  }\n\n  .selected-option {\n    z-index: 0;\n  }\n"])));
-exports.WrappContainer = WrappContainer;
-var WrapperUserDetails = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  width: 100%;\n"])));
-exports.WrapperUserDetails = WrapperUserDetails;
-var UserDetailsContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  margin: 0px 0px 20px;\n  flex-wrap: wrap;\n"])));
-exports.UserDetailsContainer = UserDetailsContainer;
-var BusinessDetailsContainer = (0, _styledComponents.default)(UserDetailsContainer)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  div {\n    h1 {\n      text-transform: capitalize;\n      margin: 0px;\n      font-size: 24px;\n    }\n  }\n"])));
-exports.BusinessDetailsContainer = BusinessDetailsContainer;
-var BusinessDetailInfo = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  h2 {\n    color: ", ";\n    font-weight: 200;\n    margin: 0px 0 10px;\n  }\n"])), function (props) {
+var WrappContainer = exports.WrappContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: 100%;\n  margin: 0 auto;\n  padding: 20px 5%;\n  box-sizing: border-box;\n \n  @media (min-width: 1024px) {\n    width: 60vw;\n    height: calc(100vh - 75px);\n    overflow-y: scroll;\n  }\n\n  .selected-option {\n    z-index: 0;\n  }\n"])));
+var WrapperUserDetails = exports.WrapperUserDetails = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  width: 100%;\n"])));
+var UserDetailsContainer = exports.UserDetailsContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  margin: 0px 0px 20px;\n  flex-wrap: wrap;\n"])));
+var BusinessDetailsContainer = exports.BusinessDetailsContainer = (0, _styledComponents.default)(UserDetailsContainer)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  div {\n    h1 {\n      text-transform: capitalize;\n      margin: 0px;\n      font-size: 24px;\n    }\n  }\n"])));
+var BusinessDetailInfo = exports.BusinessDetailInfo = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  h2 {\n    color: ", ";\n    font-weight: 200;\n    margin: 0px 0 10px;\n  }\n"])), function (props) {
   return props.theme.colors.fontSecundary;
 });
-exports.BusinessDetailInfo = BusinessDetailInfo;
-var PaymentMethodContainer = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 20px;\n  h2 {\n    color: ", ";\n    font-weight: 200;\n    margin: 0px 0 10px;\n  }\n  .selected-option {\n    font-weight: 300;\n  }\n"])), function (props) {
+var PaymentMethodContainer = exports.PaymentMethodContainer = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 20px;\n  h2 {\n    color: ", ";\n    font-weight: 200;\n    margin: 0px 0 10px;\n  }\n  .selected-option {\n    font-weight: 300;\n  }\n"])), function (props) {
   return props.theme.colors.fontSecundary;
 });
-exports.PaymentMethodContainer = PaymentMethodContainer;
-var DriverTipContainer = (0, _styledComponents.default)(PaymentMethodContainer)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral([""])));
-exports.DriverTipContainer = DriverTipContainer;
-var CartContainer = (0, _styledComponents.default)(PaymentMethodContainer)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  margin-bottom: 20px;\n  h2 {\n    color: ", ";\n    font-weight: 200;\n    margin: 0px 0 10px;\n  }\n"])), function (props) {
+var DriverTipContainer = exports.DriverTipContainer = (0, _styledComponents.default)(PaymentMethodContainer)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral([""])));
+var CartContainer = exports.CartContainer = (0, _styledComponents.default)(PaymentMethodContainer)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  margin-bottom: 20px;\n  h2 {\n    color: ", ";\n    font-weight: 200;\n    margin: 0px 0 10px;\n  }\n"])), function (props) {
   return props.theme.colors.fontSecundary;
 });
-exports.CartContainer = CartContainer;
-var WrapperPlaceOrderButton = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  display: flex;\n  justify-content: flex-end;\n  padding: 20px;\n  box-sizing: border-box;\n\n  @media (min-width: 513px) {\n    position: relative;\n    padding: 0px;\n    margin-bottom: 15px;\n  }\n\n  button {\n    width: 45%;\n    padding: 5px 20px;\n    cursor: pointer;\n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n  }\n  \n"])));
-exports.WrapperPlaceOrderButton = WrapperPlaceOrderButton;
-var WarningMessage = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: fit-content;\n  max-height: fit-content;\n  min-height: 150px;\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  svg {\n    position: absolute;\n    font-size: 30px;\n    top: 0;\n    left: 0;\n    margin: 11px;\n    ", "\n  }\n  h1 {\n    font-size: 20px;\n    margin: 0px 60px;\n    text-align: center;\n  }\n"])), function (props) {
+var WrapperPlaceOrderButton = exports.WrapperPlaceOrderButton = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  display: flex;\n  justify-content: flex-end;\n  padding: 20px;\n  box-sizing: border-box;\n\n  @media (min-width: 513px) {\n    position: relative;\n    padding: 0px;\n    margin-bottom: 15px;\n  }\n\n  button {\n    width: 45%;\n    padding: 5px 20px;\n    cursor: pointer;\n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n  }\n  \n"])));
+var WarningMessage = exports.WarningMessage = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: fit-content;\n  max-height: fit-content;\n  min-height: 150px;\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  svg {\n    position: absolute;\n    font-size: 30px;\n    top: 0;\n    left: 0;\n    margin: 11px;\n    ", "\n  }\n  h1 {\n    font-size: 20px;\n    margin: 0px 60px;\n    text-align: center;\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)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n        right: 0;\n        left: initial;\n    "])));
 });
-exports.WarningMessage = WarningMessage;
-var NotFoundImage = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  max-width: 300px;\n  img {\n    width: 300px;\n  }\n"])));
-exports.NotFoundImage = NotFoundImage;
-var CartsList = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: 90%;\n  margin: auto;\n  @media (min-width: 381px) {\n    width: 80%;\n  }\n"])));
-exports.CartsList = CartsList;
-var WarningText = _styledComponents.default.p(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  margin: 10px auto;\n  text-align: center;\n  color: ", ";\n"])), function (props) {
+var NotFoundImage = exports.NotFoundImage = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  max-width: 300px;\n  img {\n    width: 300px;\n  }\n"])));
+var CartsList = exports.CartsList = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: 90%;\n  margin: auto;\n  @media (min-width: 381px) {\n    width: 80%;\n  }\n"])));
+var WarningText = exports.WarningText = _styledComponents.default.p(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  margin: 10px auto;\n  text-align: center;\n  color: ", ";\n"])), function (props) {
   return props.theme.colors.primary;
 });
-exports.WarningText = WarningText;
-var WrapBusinessLogo = _styledComponents.default.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"])));
-exports.WrapBusinessLogo = WrapBusinessLogo;
+var WrapBusinessLogo = exports.WrapBusinessLogo = _styledComponents.default.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"])));
 var BusinessLogoStyled = _styledComponents.default.div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  display: flex;\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: 5px;\n  border: 1px solid #909090;\n"])));
-var BusinessLogo = function BusinessLogo(props) {
+var BusinessLogo = exports.BusinessLogo = function BusinessLogo(props) {
   var style = {};
   if (props.bgimage) {
     style.backgroundImage = "url(".concat(props.bgimage, ")");
@@ -74,8 +58,7 @@ var BusinessLogo = function BusinessLogo(props) {
     style: style
   }), props.children);
 };
-exports.BusinessLogo = BusinessLogo;
-var BusinessName = _styledComponents.default.div(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  ", "\n  span:first-child {\n    color: ", ";\n    font-size: 14px;\n    font-weight: 500;\n    color: ", ";\n  }\n  span:last-child {\n    font-weight: 500;\n    font-size: 20px;\n    color: #fff;\n  }\n"])), function (props) {
+var BusinessName = exports.BusinessName = _styledComponents.default.div(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  ", "\n  span:first-child {\n    color: ", ";\n    font-size: 14px;\n    font-weight: 500;\n    color: ", ";\n  }\n  span:last-child {\n    font-weight: 500;\n    font-size: 20px;\n    color: #fff;\n  }\n"])), function (props) {
   var _props$theme2;
   return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n    margin-right: 10px;\n  "]))) : (0, _styledComponents.css)(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n    margin-left: 10px;\n  "])));
 }, function (props) {
@@ -84,19 +67,14 @@ var BusinessName = _styledComponents.default.div(_templateObject22 || (_template
 }, function (props) {
   return props.theme.colors.fontSecundary;
 });
-exports.BusinessName = BusinessName;
-var ConfirmInfoItem = _styledComponents.default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 80%;\n  color: #fff;\n  margin-bottom: 10px;\n  .confirmInfo-title{    \n    border-bottom: 1px solid ", ";\n    width: 100%;\n  }\n  h4 {\n    margin: 10px 0;\n  } \n"])), function (props) {
+var ConfirmInfoItem = exports.ConfirmInfoItem = _styledComponents.default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 80%;\n  color: #fff;\n  margin-bottom: 10px;\n  .confirmInfo-title{    \n    border-bottom: 1px solid ", ";\n    width: 100%;\n  }\n  h4 {\n    margin: 10px 0;\n  } \n"])), function (props) {
   return props.theme.colors.borderColor;
 });
-exports.ConfirmInfoItem = ConfirmInfoItem;
-var InfoWrapper = _styledComponents.default.div(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  display: flex;\n  svg {\n    font-size: 24px;\n    ", "\n  }\n  svg path {\n    fill: ", ";\n  }\n"])), function (props) {
+var InfoWrapper = exports.InfoWrapper = _styledComponents.default.div(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  display: flex;\n  svg {\n    font-size: 24px;\n    ", "\n  }\n  svg path {\n    fill: ", ";\n  }\n"])), function (props) {
   var _props$theme3;
   return (_props$theme3 = props.theme) !== null && _props$theme3 !== void 0 && _props$theme3.rtl ? (0, _styledComponents.css)(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n      margin-left: 5px;\n    "]))) : (0, _styledComponents.css)(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n      margin-right: 5px;\n    "])));
 }, function (props) {
   return props.theme.colors.fontSecundary;
 });
-exports.InfoWrapper = InfoWrapper;
-var MomentWrapper = _styledComponents.default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n"])));
-exports.MomentWrapper = MomentWrapper;
-var SectionTitle = _styledComponents.default.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  h2 {\n    font-size: 18px;\n    line-height: 21px;\n    color: #495057;\n    font-weight: 300;\n  }\n"])));
-exports.SectionTitle = SectionTitle;
+var MomentWrapper = exports.MomentWrapper = _styledComponents.default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n"])));
+var SectionTitle = exports.SectionTitle = _styledComponents.default.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  h2 {\n    font-size: 18px;\n    line-height: 21px;\n    color: #495057;\n    font-weight: 300;\n  }\n"])));

package/_modules/themes/six/src/components/DriverTips/index.js

@@ -92,10 +92,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/six/src/components/DriverTips/styles.js

@@ -10,28 +10,21 @@ 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: 10px;\n  width: 100%;\n"])));
-exports.DriverTipContainer = DriverTipContainer;
-var TipCard = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 16px;\n  padding: 10px;\n  border: 1px solid ", ";\n  cursor: pointer;\n  text-transform: capitalize;\n  height: 30px;\n  min-width: 30px;\n  font-size: 14px;\n  padding: 2px 20px;\n  &.active {\n    background-color: ", ";\n    color: ", ";\n  }\n  @media (min-width: 768px) {\n    padding: 5px 30px;\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: 10px;\n  width: 100%;\n"])));
+var TipCard = exports.TipCard = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 16px;\n  padding: 10px;\n  border: 1px solid ", ";\n  cursor: pointer;\n  text-transform: capitalize;\n  height: 30px;\n  min-width: 30px;\n  font-size: 14px;\n  padding: 2px 20px;\n  &.active {\n    background-color: ", ";\n    color: ", ";\n  }\n  @media (min-width: 768px) {\n    padding: 5px 30px;\n  }\n"])), function (props) {
   return props.theme.colors.primary;
 }, function (props) {
   return props.theme.colors.primary;
 }, function (props) {
   return props.theme.colors.primaryContrast;
 });
-exports.TipCard = TipCard;
-var FormDriverTip = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n"])));
-exports.FormDriverTip = FormDriverTip;
-var DriverTipLabel = _styledComponents.default.label(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-size: 16px;\n  align-self: flex-start;\n  ", "\n"])), function (props) {
+var FormDriverTip = exports.FormDriverTip = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n"])));
+var DriverTipLabel = exports.DriverTipLabel = _styledComponents.default.label(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-size: 16px;\n  align-self: flex-start;\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)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    margin-left: 20px;\n    margin-right: 0;\n  "])));
 });
-exports.DriverTipLabel = DriverTipLabel;
-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  input {\n    width: 65%;\n    padding: 4px 15px;\n    box-sizing: border-box;\n    flex: 1;\n    margin-right: 10px;\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 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  input {\n    width: 65%;\n    padding: 4px 15px;\n    box-sizing: border-box;\n    flex: 1;\n    margin-right: 10px;\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  display: flex;\n  width: 100%;\n  justify-content: space-evenly;\n  align-items: center;\n  flex-wrap: wrap;\n  @media (min-width: 768px) {\n    justify-content: space-between;\n  }\n  > div {\n    margin: 5px;\n  }\n"])));
-exports.WrapperTips = WrapperTips;
+var WrapperTips = exports.WrapperTips = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  justify-content: space-evenly;\n  align-items: center;\n  flex-wrap: wrap;\n  @media (min-width: 768px) {\n    justify-content: space-between;\n  }\n  > div {\n    margin: 5px;\n  }\n"])));

package/_modules/themes/six/src/components/FlotingStatusBar/index.js

@@ -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 FlotingStatusBar = function FlotingStatusBar(props) {
+var FlotingStatusBar = exports.FlotingStatusBar = function FlotingStatusBar(props) {
   var _currentCart$products, _currentCart$products2, _currentCart$products3;
   var currentCart = props.currentCart,
     goToCart = props.goToCart,
@@ -96,5 +96,4 @@ var FlotingStatusBar = function FlotingStatusBar(props) {
     d: "M14 1.875C15.2432 1.875 16.4355 2.36886 17.3146 3.24794C18.1936 4.12701 18.6875 5.3193 18.6875 6.5625V7.5H9.3125V6.5625C9.3125 5.3193 9.80636 4.12701 10.6854 3.24794C11.5645 2.36886 12.7568 1.875 14 1.875ZM20.5625 7.5V6.5625C20.5625 4.82202 19.8711 3.15282 18.6404 1.92211C17.4097 0.691404 15.7405 0 14 0C12.2595 0 10.5903 0.691404 9.35961 1.92211C8.1289 3.15282 7.4375 4.82202 7.4375 6.5625V7.5H0.875V26.25C0.875 27.2446 1.27009 28.1984 1.97335 28.9016C2.67661 29.6049 3.63044 30 4.625 30H23.375C24.3696 30 25.3234 29.6049 26.0266 28.9016C26.7299 28.1984 27.125 27.2446 27.125 26.25V7.5H20.5625ZM2.75 9.375H25.25V26.25C25.25 26.7473 25.0525 27.2242 24.7008 27.5758C24.3492 27.9275 23.8723 28.125 23.375 28.125H4.625C4.12772 28.125 3.65081 27.9275 3.29917 27.5758C2.94754 27.2242 2.75 26.7473 2.75 26.25V9.375Z",
     fill: "white"
   }))), addNotify && /*#__PURE__*/_react.default.createElement(_styles.NotifyTost, null, /*#__PURE__*/_react.default.createElement(_styles.NotifyContent, null, currentProductName !== '' ? currentProductName : 'Product', "\xA0", t('CART_NOTIFY', 'added successfully'), /*#__PURE__*/_react.default.createElement(_MdClose.default, null))));
-};
-exports.FlotingStatusBar = FlotingStatusBar;
+};

package/_modules/themes/six/src/components/FlotingStatusBar/styles.js

@@ -10,41 +10,27 @@ 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 StatusFloting = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: fixed;\n  bottom: -1px;\n  left: 0;\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  width: 100%;  \n  padding: 12px 0 14px;\n  color: #fff;\n  background-color: ", ";\n  box-sizing: border-box;\n  z-index: 50;\n"])), function (props) {
+var StatusFloting = exports.StatusFloting = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: fixed;\n  bottom: -1px;\n  left: 0;\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  width: 100%;  \n  padding: 12px 0 14px;\n  color: #fff;\n  background-color: ", ";\n  box-sizing: border-box;\n  z-index: 50;\n"])), function (props) {
   return props.theme.colors.primaryDarkBackground;
 });
-exports.StatusFloting = StatusFloting;
-var BusinessPicker = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\n"])));
-exports.BusinessPicker = BusinessPicker;
-var PickerTitle = _styledComponents.default.p(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  font-size: 14px;\n  line-height: 24px;\n  margin: 0;\n  color: #cecece;\n"])));
-exports.PickerTitle = PickerTitle;
-var SelectStore = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-bottom: 3px;\n  border-bottom: 1px solid #fff;\n  min-width: 240px;\n  width: 60vw;\n  cursor: pointer;\n  @media (min-width: 768px) {\n    width: 333px;\n  } \n"])));
-exports.SelectStore = SelectStore;
-var CartStates = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: relative;\n  width: fit-content;\n  height: fit-content;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  svg {\n    font-size: 1.5rem;\n  }  \n"])));
-exports.CartStates = CartStates;
-var CartCount = _styledComponents.default.span(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  position: absolute;\n  line-height: 16px;\n  font-size: 16px;\n  top: 12px;\n"])));
-exports.CartCount = CartCount;
-var NotifyTost = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: -49px;\n  left: 0;\n  width: 100%;\n  height: 50px;\n  padding: 0 20px;\n  box-sizing: border-box;\n  background-color: #495057;\n  color: #fff;\n  \n"])));
-exports.NotifyTost = NotifyTost;
-var NotifyContent = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  flex-direction: flex-start;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  max-width: 93%;\n  margin: 0 auto;\n  svg {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    ", "\n  }\n"])), function (props) {
+var BusinessPicker = exports.BusinessPicker = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\n"])));
+var PickerTitle = exports.PickerTitle = _styledComponents.default.p(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  font-size: 14px;\n  line-height: 24px;\n  margin: 0;\n  color: #cecece;\n"])));
+var SelectStore = exports.SelectStore = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-bottom: 3px;\n  border-bottom: 1px solid #fff;\n  min-width: 240px;\n  width: 60vw;\n  cursor: pointer;\n  @media (min-width: 768px) {\n    width: 333px;\n  } \n"])));
+var CartStates = exports.CartStates = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: relative;\n  width: fit-content;\n  height: fit-content;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  svg {\n    font-size: 1.5rem;\n  }  \n"])));
+var CartCount = exports.CartCount = _styledComponents.default.span(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  position: absolute;\n  line-height: 16px;\n  font-size: 16px;\n  top: 12px;\n"])));
+var NotifyTost = exports.NotifyTost = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: -49px;\n  left: 0;\n  width: 100%;\n  height: 50px;\n  padding: 0 20px;\n  box-sizing: border-box;\n  background-color: #495057;\n  color: #fff;\n  \n"])));
+var NotifyContent = exports.NotifyContent = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  flex-direction: flex-start;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  max-width: 93%;\n  margin: 0 auto;\n  svg {\n    position: absolute;\n    top: 10px;\n    right: 10px;\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)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      right: unset;\n      left: 10px;\n    "])));
 });
-exports.NotifyContent = NotifyContent;
-var CounterWrapper = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  position: absolute;\n  bottom: 30px;\n  z-index: 10;\n"])));
-exports.CounterWrapper = CounterWrapper;
-var Counter = _styledComponents.default.span(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  position: relative;\n  width: 50px;\n  height: 65px;\n  display: flex;\n  box-sizing: border-box;\n"])));
-exports.Counter = Counter;
-var OutsideShape = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  width: 50px;\n  height: 50px;\n  position: absolute;\n  bottom: 100%;\n  margin-bottom: 16px;\n  right: 0;\n  top: 0;\n"])));
-exports.OutsideShape = OutsideShape;
-var RotateShape = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  border-radius: 50% 50% 50% 0;\n  transform: rotate(-45deg);\n  background-color: #fff;\n  box-shadow: 0 0 3px 0 #000;\n  opacity: 1;\n"])));
-exports.RotateShape = RotateShape;
-var Shape = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 100%;\n  height: 100%;\n"])));
-exports.Shape = Shape;
-var BaseShape = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  border-radius: 50%;\n  height: 40px !important;\n  width: 40px;\n  transform: rotate(45deg) translate(7px);\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ", ";\n  ", "\n  img {\n    width: 100%;\n    opacity: 1;\n    transition: opacity .15s ease-in;\n    position: absolute;\n    top: 0;\n    left: 0;\n    border-radius: inherit;\n  }\n"])), function (props) {
+var CounterWrapper = exports.CounterWrapper = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  position: absolute;\n  bottom: 30px;\n  z-index: 10;\n"])));
+var Counter = exports.Counter = _styledComponents.default.span(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  position: relative;\n  width: 50px;\n  height: 65px;\n  display: flex;\n  box-sizing: border-box;\n"])));
+var OutsideShape = exports.OutsideShape = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  width: 50px;\n  height: 50px;\n  position: absolute;\n  bottom: 100%;\n  margin-bottom: 16px;\n  right: 0;\n  top: 0;\n"])));
+var RotateShape = exports.RotateShape = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  border-radius: 50% 50% 50% 0;\n  transform: rotate(-45deg);\n  background-color: #fff;\n  box-shadow: 0 0 3px 0 #000;\n  opacity: 1;\n"])));
+var Shape = exports.Shape = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 100%;\n  height: 100%;\n"])));
+var BaseShape = exports.BaseShape = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  border-radius: 50%;\n  height: 40px !important;\n  width: 40px;\n  transform: rotate(45deg) translate(7px);\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ", ";\n  ", "\n  img {\n    width: 100%;\n    opacity: 1;\n    transition: opacity .15s ease-in;\n    position: absolute;\n    top: 0;\n    left: 0;\n    border-radius: inherit;\n  }\n"])), function (props) {
   return props.theme.colors.primary;
 }, function (props) {
   var _props$theme2;
   return ((_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.rtl) && (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n    transform: rotate(45deg) translate(0px, 7px);\n  "])));
-});
-exports.BaseShape = BaseShape;
+});

package/_modules/themes/six/src/components/Footer/index.js

@@ -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/six/src/components/Footer/styles.js

@@ -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/six/src/components/ForgotPasswordForm/index.js

@@ -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/six/src/components/ForgotPasswordForm/styles.js

@@ -10,16 +10,15 @@ 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 ForgotPasswordContainer = _styledComponents.default.div(_templateObject || (_templateObject = _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    min-height: ", ";\n  }\n"])), function (_ref) {
+var ForgotPasswordContainer = exports.ForgotPasswordContainer = _styledComponents.default.div(_templateObject || (_templateObject = _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    min-height: ", ";\n  }\n"])), function (_ref) {
   var isPopup = _ref.isPopup;
   return isPopup ? '100vh' : 'auto';
 }, function (_ref2) {
   var isPopup = _ref2.isPopup;
   return isPopup ? '500px' : 'calc(100vh - 65px)';
 });
-exports.ForgotPasswordContainer = ForgotPasswordContainer;
 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: ", ";\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: ", ";\n  }\n"])), function (_ref3) {
+var HeroSide = exports.HeroSide = (0, _styledComponents.default)(Side)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  height: ", ";\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: ", ";\n  }\n"])), function (_ref3) {
   var isPopup = _ref3.isPopup;
   return isPopup ? '50vh' : 'calc(40vh - 65px)';
 }, function (props) {
@@ -30,20 +29,16 @@ var HeroSide = (0, _styledComponents.default)(Side)(_templateObject3 || (_templa
   var isPopup = _ref4.isPopup;
   return isPopup ? 'auto' : 'calc(100vh - 65px)';
 });
-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\n    margin: auto;\n    width: 45%;\n    font-size: ", ";\n  }\n"])), function (_ref5) {
+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\n    margin: auto;\n    width: 45%;\n    font-size: ", ";\n  }\n"])), function (_ref5) {
   var isPopup = _ref5.isPopup;
   return isPopup ? '12px' : '1em';
 });
-exports.FormSide = FormSide;
-var FormInput = _styledComponents.default.form(_templateObject6 || (_templateObject6 = _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 (_ref6) {
+var FormInput = exports.FormInput = _styledComponents.default.form(_templateObject6 || (_templateObject6 = _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 (_ref6) {
   var isPopup = _ref6.isPopup;
   return isPopup ? '90%' : '80%';
 });
-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: ", ";\n    flex-direction: row;\n  }\n\n  @media (min-width: 1200px) {\n    ", ";\n  }\n"])), function (props) {
+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: ", ";\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)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      margin-left: 5px;\n      margin-right: 0px;\n    "])));
 }, function (props) {
@@ -60,5 +55,4 @@ var RedirectLink = _styledComponents.default.div(_templateObject7 || (_templateO
 }, function (_ref10) {
   var isPopup = _ref10.isPopup;
   return isPopup && (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      font-size: 16px;\n    "])));
-});
-exports.RedirectLink = RedirectLink;
+});

package/_modules/themes/six/src/components/GoogleLogin/index.js

@@ -21,7 +21,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var GoogleLoginButtonUI = function GoogleLoginButtonUI(props) {
+var GoogleLoginButtonUI = exports.GoogleLoginButtonUI = function GoogleLoginButtonUI(props) {
   var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -32,11 +32,9 @@ var GoogleLoginButtonUI = function GoogleLoginButtonUI(props) {
     onClick: signIn
   }, /*#__PURE__*/_react.default.createElement(_FcGoogle.default, null), /*#__PURE__*/_react.default.createElement("div", null, t('LOGIN_WITH_GOOGLE', 'Login with Google')));
 };
-exports.GoogleLoginButtonUI = GoogleLoginButtonUI;
-var GoogleLoginButton = function GoogleLoginButton(props) {
+var GoogleLoginButton = exports.GoogleLoginButton = function GoogleLoginButton(props) {
   var googleLoginProps = _objectSpread(_objectSpread({}, props), {}, {
     UIComponent: GoogleLoginButtonUI
   });
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.GoogleLoginButton, googleLoginProps);
-};
-exports.GoogleLoginButton = GoogleLoginButton;
+};

package/_modules/themes/six/src/components/GoogleLogin/styles.js

@@ -9,5 +9,4 @@ var _Buttons = require("../../../../../styles/Buttons");
 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 GoogleButton = (0, _styledComponents.default)(_Buttons.Button)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: #EFEFEF;\n  border-color: #EFEFEF;\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  svg {\n    font-size: 28px;\n    color: #1977F2;\n  }\n\n  div {\n    margin: 0 auto;\n  }\n"])));
-exports.GoogleButton = GoogleButton;
+var GoogleButton = exports.GoogleButton = (0, _styledComponents.default)(_Buttons.Button)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: #EFEFEF;\n  border-color: #EFEFEF;\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  svg {\n    font-size: 28px;\n    color: #1977F2;\n  }\n\n  div {\n    margin: 0 auto;\n  }\n"])));

package/_modules/themes/six/src/components/Header/index.js

@@ -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, _customerState$user, _props$beforeElements, _props$beforeComponen, _theme$images, _theme$images2, _orderState$options2, _configState$configs2, _configState$configs3, _orderState$options3, _theme$defaultLanguag2, _theme$defaultLanguag3, _orderState$options4, _customerState$user2, _customerState$user3, _theme$defaultLanguag4, _theme$defaultLanguag5, _theme$defaultLanguag6, _theme$defaultLanguag7, _theme$defaultLanguag8, _theme$defaultLanguag9, _props$afterComponent, _props$afterElements;
   var isHome = props.isHome,
     location = props.location,
@@ -437,7 +437,6 @@ var Header = function Header(props) {
     }, AfterElement);
   }));
 };
-exports.Header = Header;
 var styles = {
   headCustomer: {
     margin: 0,
@@ -455,5 +454,4 @@ var styles = {
 Header.defaultProps = {
   isShowOrderOptions: true
 };
-var _default = Header;
-exports.default = _default;
+var _default = exports.default = Header;

package/_modules/themes/six/src/components/Header/styles.js

@@ -10,27 +10,20 @@ 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  align-items: center;\n  width: 100%; \n  height: 75px;\n  background-color: #fff;\n  box-shadow: 0 1px 3px rgb(0 0 0 / 10%), 0 2px 2px rgb(0 0 0 / 10%), 0 0 2px rgb(0 0 0 / 10%);\n  z-index: 10;\n"])));
-exports.Header = Header;
-var InnerHeader = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  color: #000;\n  justify-content: space-between;\n  width: 93%;\n  margin: 15px auto;\n  @media (min-width: 1024px) {\n    width: 96%;\n  }\n  @media (min-width: 1405px) {\n    width: 93%;\n  }\n"])));
-exports.InnerHeader = InnerHeader;
-var LogoHeader = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  img {\n    width: 35px;\n    height: 45px;\n    margin: 0;\n    vertical-align: middle;\n    ", "\n    @media (min-width: 768px) {\n      width: 150px;\n    }\n  }\n  img:nth-child(1) {\n    display: none;\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 Header = exports.Header = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  width: 100%; \n  height: 75px;\n  background-color: #fff;\n  box-shadow: 0 1px 3px rgb(0 0 0 / 10%), 0 2px 2px rgb(0 0 0 / 10%), 0 0 2px rgb(0 0 0 / 10%);\n  z-index: 10;\n"])));
+var InnerHeader = exports.InnerHeader = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  color: #000;\n  justify-content: space-between;\n  width: 93%;\n  margin: 15px auto;\n  @media (min-width: 1024px) {\n    width: 96%;\n  }\n  @media (min-width: 1405px) {\n    width: 93%;\n  }\n"])));
+var LogoHeader = exports.LogoHeader = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  img {\n    width: 35px;\n    height: 45px;\n    margin: 0;\n    vertical-align: middle;\n    ", "\n    @media (min-width: 768px) {\n      width: 150px;\n    }\n  }\n  img:nth-child(1) {\n    display: none;\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$theme;
   return ((_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.rtl) && (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      margin-right: 10px;\n      margin-left: 0;\n    "])));
 });
-exports.LogoHeader = LogoHeader;
-var LeftHeader = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  align-self: center;\n  display: flex;\n"])));
-exports.LeftHeader = LeftHeader;
-var RightHeader = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  align-self: center;\n  display: flex;\n"])));
-exports.RightHeader = RightHeader;
-var Menu = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  &.left-header {\n    > :first-child {\n      margin-left: 15px;\n      ", "\n    }\n  }\n  .moment-popover,\n  .address-popover {\n    display: none;\n  }\n  @media (min-width: 821px) {\n    .moment-popover,\n    .address-popover {\n      display: flex;\n      font-weight: 600;\n    }\n    .address-popover{\n      margin: 0 2.5rem;\n    }\n  }\n  @media (min-width: 1024) {\n    .address-popover{\n      margin: 0 3rem;\n    }\n  }\n  @media (min-width: 1200) {\n    .address-popover{\n      margin: 0 4rem;\n    }\n  }\n"])), function (props) {
+var LeftHeader = exports.LeftHeader = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  align-self: center;\n  display: flex;\n"])));
+var RightHeader = exports.RightHeader = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  align-self: center;\n  display: flex;\n"])));
+var Menu = exports.Menu = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  &.left-header {\n    > :first-child {\n      margin-left: 15px;\n      ", "\n    }\n  }\n  .moment-popover,\n  .address-popover {\n    display: none;\n  }\n  @media (min-width: 821px) {\n    .moment-popover,\n    .address-popover {\n      display: flex;\n      font-weight: 600;\n    }\n    .address-popover{\n      margin: 0 2.5rem;\n    }\n  }\n  @media (min-width: 1024) {\n    .address-popover{\n      margin: 0 3rem;\n    }\n  }\n  @media (min-width: 1200) {\n    .address-popover{\n      margin: 0 4rem;\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)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        margin-right: 15px;\n        margin-left: 0;\n      "])));
 });
-exports.Menu = Menu;
-var MenuItem = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n"])));
-exports.MenuItem = MenuItem;
-var MenuLink = _styledComponents.default.a(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  text-decoration: none;\n  font-size: 14px;\n  padding: 5px 0;\n  color: #333;\n  border: 1px solid #000000;\n  border-radius: 100px;\n  cursor: pointer;\n  width: 75px;\n  text-align: center;\n  margin: 0 7px;\n  ", "\n\n  @media (min-width: 920px) {\n    width: 80px;\n    padding: 7px 0;\n  }\n\n  @media (min-width: 1200px) {\n    width: 85px;\n    padding: 5px 0;\n    margin: 0 1vw;\n  }\n\n"])), function (_ref) {
+var MenuItem = exports.MenuItem = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n"])));
+var MenuLink = exports.MenuLink = _styledComponents.default.a(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  text-decoration: none;\n  font-size: 14px;\n  padding: 5px 0;\n  color: #333;\n  border: 1px solid #000000;\n  border-radius: 100px;\n  cursor: pointer;\n  width: 75px;\n  text-align: center;\n  margin: 0 7px;\n  ", "\n\n  @media (min-width: 920px) {\n    width: 80px;\n    padding: 7px 0;\n  }\n\n  @media (min-width: 1200px) {\n    width: 85px;\n    padding: 5px 0;\n    margin: 0 1vw;\n  }\n\n"])), function (_ref) {
   var highlight = _ref.highlight;
   return highlight && (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    background-color: ", ";\n    color: ", ";\n  "])), function (props) {
     return props.theme.colors.secundary;
@@ -38,16 +31,11 @@ var MenuLink = _styledComponents.default.a(_templateObject10 || (_templateObject
     return props.theme.colors.secundaryContrast;
   });
 });
-exports.MenuLink = MenuLink;
-var SubMenu = (0, _styledComponents.default)(InnerHeader)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  padding: 0px 40px 7px;\n  box-sizing: border-box;\n  margin: 0px;\n  @media (min-width: 821px) {\n    display: none;\n  }\n"])));
-exports.SubMenu = SubMenu;
-var CustomerInfo = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  display: none;\n  cursor: pointer;\n  @media (min-width: 450px) {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\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        @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 SubMenu = exports.SubMenu = (0, _styledComponents.default)(InnerHeader)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  padding: 0px 40px 7px;\n  box-sizing: border-box;\n  margin: 0px;\n  @media (min-width: 821px) {\n    display: none;\n  }\n"])));
+var CustomerInfo = exports.CustomerInfo = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  display: none;\n  cursor: pointer;\n  @media (min-width: 450px) {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\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        @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(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  > :first-child{\n     margin-bottom: 20px;  \n  }\n"])));
-exports.UserEdit = UserEdit;
-var DesktopSubmenu = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  display: flex;\n  > div {\n    font-weight: bold;\n    margin: 0 1vw;\n  }\n"])));
-exports.DesktopSubmenu = DesktopSubmenu;
+var UserEdit = exports.UserEdit = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  > :first-child{\n     margin-bottom: 20px;  \n  }\n"])));
+var DesktopSubmenu = exports.DesktopSubmenu = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  display: flex;\n  > div {\n    font-weight: bold;\n    margin: 0 1vw;\n  }\n"])));

package/_modules/themes/six/src/components/HeaderOption/index.js

@@ -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/six/src/components/HeaderOption/styles.js

@@ -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      margin: 0px 7px;\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;
+});