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

@@ -12,107 +12,76 @@ 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 _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 Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n"])));
-exports.Container = Container;
-var Layout = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  @media (min-width: 1024px) {\n    flex-direction: row;\n  }\n"])));
-exports.Layout = Layout;
-var LeftPanel = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 100%;\n  @media (min-width: 1024px) {\n    width: 50%;\n  }\n"])));
-exports.LeftPanel = LeftPanel;
-var RightPanel = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 100%;\n  background-color: ", ";\n  @media (min-width: 1024px) {\n    width: 50%;\n  }\n"])), function (props) {
+var Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n"])));
+var Layout = exports.Layout = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  @media (min-width: 1024px) {\n    flex-direction: row;\n  }\n"])));
+var LeftPanel = exports.LeftPanel = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 100%;\n  @media (min-width: 1024px) {\n    width: 50%;\n  }\n"])));
+var RightPanel = exports.RightPanel = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 100%;\n  background-color: ", ";\n  @media (min-width: 1024px) {\n    width: 50%;\n  }\n"])), function (props) {
   return props.theme.colors.secundaryBackground;
 });
-exports.RightPanel = RightPanel;
-var PanelRow = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  padding: 4% 6%;\n  box-sizing: border-box;\n"])));
-exports.PanelRow = PanelRow;
-var WrapperContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: ", ";\n  margin: auto;\n"])), function (_ref) {
+var PanelRow = exports.PanelRow = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  padding: 4% 6%;\n  box-sizing: border-box;\n"])));
+var WrapperContainer = exports.WrapperContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: ", ";\n  margin: auto;\n"])), function (_ref) {
   var isLoading = _ref.isLoading;
   return isLoading ? '100%' : '80%';
 });
-exports.WrapperContainer = WrapperContainer;
-var Header = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  width: 100%;\n  button {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background-color: transparent;\n    box-sizing: border-box;\n    padding: 7px 16px;\n    font-size: .86rem;\n  }\n"])));
-exports.Header = Header;
-var HeaderInfo = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 20px;\n  h1 {\n    font-weight: bold;\n    font-size: 24px;\n    line-height: 34px;\n    color: #000000;\n    margin: 0;\n    margin-bottom: 12px;\n    text-transform: uppercase;\n  }\n\n  p {\n    font-size: 16px;\n    line-height: 26px;\n    color: #212629;\n    margin: 0px;\n  }\n"])));
-exports.HeaderInfo = HeaderInfo;
-var OrderBusiness = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  opacity: 1;\n  padding-bottom: 20px;\n  margin: 10px 0px 20px;\n  border-bottom: 1px solid ", ";\n"])), function (props) {
+var Header = exports.Header = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  width: 100%;\n  button {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background-color: transparent;\n    box-sizing: border-box;\n    padding: 7px 16px;\n    font-size: .86rem;\n  }\n"])));
+var HeaderInfo = exports.HeaderInfo = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 20px;\n  h1 {\n    font-weight: bold;\n    font-size: 24px;\n    line-height: 34px;\n    color: #000000;\n    margin: 0;\n    margin-bottom: 12px;\n    text-transform: uppercase;\n  }\n\n  p {\n    font-size: 16px;\n    line-height: 26px;\n    color: #212629;\n    margin: 0px;\n  }\n"])));
+var OrderBusiness = exports.OrderBusiness = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  opacity: 1;\n  padding-bottom: 20px;\n  margin: 10px 0px 20px;\n  border-bottom: 1px solid ", ";\n"])), function (props) {
   return props.theme.colors.borderColor;
 });
-exports.OrderBusiness = OrderBusiness;
-var BusinessInfo = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n   width: 100%;\n  p {\n    font-size: 14px;\n    line-height: 24px;\n    width: 100%;\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: #212629;\n    margin: 0;\n  }\n  @media (min-width: 380px) {\n    width: 75%;\n  }\n"])));
-exports.BusinessInfo = BusinessInfo;
-var ActionsBlock = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  width: 10%;\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  flex-direction: column;\n\n  svg {\n    font-size: 20px;\n    cursor: pointer;\n    color: ", ";\n  }\n\n  @media (min-width: 380px) {\n    flex-direction: row;\n    svg {\n      font-size: 20px;\n    }\n  }\n"])), function (props) {
+var BusinessInfo = exports.BusinessInfo = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n   width: 100%;\n  p {\n    font-size: 14px;\n    line-height: 24px;\n    width: 100%;\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: #212629;\n    margin: 0;\n  }\n  @media (min-width: 380px) {\n    width: 75%;\n  }\n"])));
+var ActionsBlock = exports.ActionsBlock = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  width: 10%;\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  flex-direction: column;\n\n  svg {\n    font-size: 20px;\n    cursor: pointer;\n    color: ", ";\n  }\n\n  @media (min-width: 380px) {\n    flex-direction: row;\n    svg {\n      font-size: 20px;\n    }\n  }\n"])), function (props) {
   return props.theme.colors.primary;
 });
-exports.ActionsBlock = ActionsBlock;
-var OrderInfo = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  width: 100%;\n"])));
-exports.OrderInfo = OrderInfo;
-var OrderData = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  h4, p {\n    margin: 0px;\n  }\n  h4 {\n    margin-bottom: 5px;\n    font-size: 20px;\n  }\n  p {\n    font-size: 16px;\n    line-height: 26px;\n    color: #212629;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n"])));
-exports.OrderData = OrderData;
+var OrderInfo = exports.OrderInfo = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  width: 100%;\n"])));
+var OrderData = exports.OrderData = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  h4, p {\n    margin: 0px;\n  }\n  h4 {\n    margin-bottom: 5px;\n    font-size: 20px;\n  }\n  p {\n    font-size: 16px;\n    line-height: 26px;\n    color: #212629;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n"])));
 var StatusBarStyled = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  height: 14px;\n  margin: 10px 0px 0px;\n  background: ", ";\n  ", "\n"])), function (props) {
   return "linear-gradient(to right, ".concat(props.theme.colors.primary, " ").concat(props.percentage, "%, ").concat(props.theme.colors.disabled, " ").concat(props.percentage, "%)");
 }, function (props) {
   var _props$theme;
   return ((_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.rtl) && (0, _styledComponents.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n    background: linear-gradient(to left, ", " ", "%, ", " ", "%);\n  "])), props.theme.colors.primary, props.percentage, props.theme.colors.disabled, props.percentage);
 });
-var StatusBar = function StatusBar(props) {
+var StatusBar = exports.StatusBar = function StatusBar(props) {
   return /*#__PURE__*/_react.default.createElement(StatusBarStyled, props, props.children);
 };
-exports.StatusBar = StatusBar;
-var OrderStatus = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  margin-top: 40px;\n  span {\n    display: inline-block;\n    font-weight: bold;\n    font-size: 20px;\n    line-height: 30px;\n    margin-top: 16px;\n    color: #000000;\n    text-transform: uppercase;\n  }\n"])));
-exports.OrderStatus = OrderStatus;
-var SectionTitle = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  font-size: 20px;\n  line-height: 30px;\n  color: #000000;\n  text-transform: uppercase;\n  font-weight: 700;\n"])));
-exports.SectionTitle = SectionTitle;
-var OrderCustomer = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  display: flex;\n  margin: 10px 0px 20px;\n  width: 100%;\n\n  div.photo {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    svg {\n      width: 70px;\n      height: 70px;\n      margin: 0 10px;\n      ", "\n    }\n  }\n\n"])), function (props) {
+var OrderStatus = exports.OrderStatus = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  margin-top: 40px;\n  span {\n    display: inline-block;\n    font-weight: bold;\n    font-size: 20px;\n    line-height: 30px;\n    margin-top: 16px;\n    color: #000000;\n    text-transform: uppercase;\n  }\n"])));
+var SectionTitle = exports.SectionTitle = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  font-size: 20px;\n  line-height: 30px;\n  color: #000000;\n  text-transform: uppercase;\n  font-weight: 700;\n"])));
+var OrderCustomer = exports.OrderCustomer = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  display: flex;\n  margin: 10px 0px 20px;\n  width: 100%;\n\n  div.photo {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    svg {\n      width: 70px;\n      height: 70px;\n      margin: 0 10px;\n      ", "\n    }\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)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n        margin-left: 10px;\n        margin-right: 0;\n      "])));
 });
-exports.OrderCustomer = OrderCustomer;
-var PhotoBlock = _styledComponents.default.img(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  border-radius: 50%;\n  object-fit: cover;\n  margin: 0 10px;\n  ", "\n"])), function (props) {
+var PhotoBlock = exports.PhotoBlock = _styledComponents.default.img(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  border-radius: 50%;\n  object-fit: cover;\n  margin: 0 10px;\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)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n    margin-left: 10px;\n    margin-right: 0;\n  "])));
 });
-exports.PhotoBlock = PhotoBlock;
-var CustomerInfo = _styledComponents.default.div(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  p {\n    font-size: 14px;\n    line-height: 24px;\n    color: #212629;\n    margin: 0;\n\n  }\n"])));
-exports.CustomerInfo = CustomerInfo;
-var Map = _styledComponents.default.div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 20vh;\n  margin-bottom: 10px;\n\n  > div {\n    position: relative !important;\n    width: 100% !important;\n    height: 100% !important;\n  }\n"])));
-exports.Map = Map;
-var OrderDriver = (0, _styledComponents.default)(OrderCustomer)(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 15px;\n"])));
-exports.OrderDriver = OrderDriver;
-var WrapperDriver = _styledComponents.default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n\n  div.photo {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid ", ";\n    width: 48px;\n    height: 47px;\n    border-radius: 7px;\n    overflow: hidden;\n\n    svg {\n      width: 48px;\n      height: 47px;\n    }\n  }\n\n  div.name {\n    margin: 0 10px;\n    p {\n      font-size: 16px;\n      line-height: 26px;\n      color: #212629;\n    }\n  }\n\n"])), function (props) {
+var CustomerInfo = exports.CustomerInfo = _styledComponents.default.div(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  p {\n    font-size: 14px;\n    line-height: 24px;\n    color: #212629;\n    margin: 0;\n\n  }\n"])));
+var Map = exports.Map = _styledComponents.default.div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 20vh;\n  margin-bottom: 10px;\n\n  > div {\n    position: relative !important;\n    width: 100% !important;\n    height: 100% !important;\n  }\n"])));
+var OrderDriver = exports.OrderDriver = (0, _styledComponents.default)(OrderCustomer)(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 15px;\n"])));
+var WrapperDriver = exports.WrapperDriver = _styledComponents.default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n\n  div.photo {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid ", ";\n    width: 48px;\n    height: 47px;\n    border-radius: 7px;\n    overflow: hidden;\n\n    svg {\n      width: 48px;\n      height: 47px;\n    }\n  }\n\n  div.name {\n    margin: 0 10px;\n    p {\n      font-size: 16px;\n      line-height: 26px;\n      color: #212629;\n    }\n  }\n\n"])), function (props) {
   return props.theme.colors.borderColor;
 });
-exports.WrapperDriver = WrapperDriver;
-var OrderProducts = (0, _styledComponents.default)(OrderCustomer)(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  flex-direction: column;\n"])));
-exports.OrderProducts = OrderProducts;
-var OrderBill = _styledComponents.default.div(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  table {\n    width: 100%;\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\n  table.bill-sub-option {\n    tr td{\n      font-size: 12px;\n      line-height: 22px;\n      color: #212629;\n    }\n    padding-top: 20px;\n  }\n  \n  table.total {\n    padding-top: 10px;\n    tr td {\n      font-weight: bold;\n      font-size: 14px;\n      line-height: 24px;\n      color: #212629;\n    }\n  }\n\n  @media (min-width: 411px) {\n    table {\n      font-size: 18px;\n    }\n  }\n"])), function (props) {
+var OrderProducts = exports.OrderProducts = (0, _styledComponents.default)(OrderCustomer)(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  flex-direction: column;\n"])));
+var OrderBill = exports.OrderBill = _styledComponents.default.div(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  table {\n    width: 100%;\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\n  table.bill-sub-option {\n    tr td{\n      font-size: 12px;\n      line-height: 22px;\n      color: #212629;\n    }\n    padding-top: 20px;\n  }\n  \n  table.total {\n    padding-top: 10px;\n    tr td {\n      font-weight: bold;\n      font-size: 14px;\n      line-height: 24px;\n      color: #212629;\n    }\n  }\n\n  @media (min-width: 411px) {\n    table {\n      font-size: 18px;\n    }\n  }\n"])), function (props) {
   var _props$theme4;
   return ((_props$theme4 = props.theme) === null || _props$theme4 === void 0 ? void 0 : _props$theme4.rtl) && (0, _styledComponents.css)(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n        text-align: left;\n    "])));
 });
-exports.OrderBill = OrderBill;
-var ReviewsAction = _styledComponents.default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n  width: 100%;\n  margin: 20px 0px;\n  font-size: 16px;\n  line-height: 26px;\n  color: ", ";\n  padding-bottom: 5px;\n"])), function (props) {
+var ReviewsAction = exports.ReviewsAction = _styledComponents.default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n  width: 100%;\n  margin: 20px 0px;\n  font-size: 16px;\n  line-height: 26px;\n  color: ", ";\n  padding-bottom: 5px;\n"])), function (props) {
   return props.theme.colors.primary;
 });
-exports.ReviewsAction = ReviewsAction;
-var SkeletonBlock = _styledComponents.default.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n  width: ", ";\n  border-radius: 16px;\n  margin-bottom: 30px;\n  span:nth-child(2),span:nth-child(5){\n      span{\n        height: 100px;\n      }\n    }\n  @media (min-width: 768px){\n    span:nth-child(2), span:nth-child(5){\n      span{\n        height: 200px;\n      }\n    }\n  }\n"])), function (_ref2) {
+var SkeletonBlock = exports.SkeletonBlock = _styledComponents.default.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n  width: ", ";\n  border-radius: 16px;\n  margin-bottom: 30px;\n  span:nth-child(2),span:nth-child(5){\n      span{\n        height: 100px;\n      }\n    }\n  @media (min-width: 768px){\n    span:nth-child(2), span:nth-child(5){\n      span{\n        height: 200px;\n      }\n    }\n  }\n"])), function (_ref2) {
   var width = _ref2.width;
   return width && "".concat(width, "%");
 });
-exports.SkeletonBlock = SkeletonBlock;
-var SkeletonBlockWrapp = _styledComponents.default.div(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-top: 20px;\n  line-height: 40px;\n"])));
-exports.SkeletonBlockWrapp = SkeletonBlockWrapp;
-var MessagesIcon = _styledComponents.default.span(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n  position: relative;\n  cursor: pointer;\n"])));
-exports.MessagesIcon = MessagesIcon;
-var ExclamationWrapper = _styledComponents.default.div(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n  position: absolute;\n  transform: translate(75%, -25%);\n  svg{\n    font-size: 16px;\n    color: ", "\n  }\n"])), function (props) {
+var SkeletonBlockWrapp = exports.SkeletonBlockWrapp = _styledComponents.default.div(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-top: 20px;\n  line-height: 40px;\n"])));
+var MessagesIcon = exports.MessagesIcon = _styledComponents.default.span(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n  position: relative;\n  cursor: pointer;\n"])));
+var ExclamationWrapper = exports.ExclamationWrapper = _styledComponents.default.div(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n  position: absolute;\n  transform: translate(75%, -25%);\n  svg{\n    font-size: 16px;\n    color: ", "\n  }\n"])), function (props) {
   var _props$theme5;
   return (_props$theme5 = props.theme) === null || _props$theme5 === void 0 || (_props$theme5 = _props$theme5.colors) === null || _props$theme5 === void 0 ? void 0 : _props$theme5.primary;
 });
-exports.ExclamationWrapper = ExclamationWrapper;
-var Hr = _styledComponents.default.div(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: ", ";\n  background: ", ";\n"])), function (_ref3) {
+var Hr = exports.Hr = _styledComponents.default.div(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: ", ";\n  background: ", ";\n"])), function (_ref3) {
   var height = _ref3.height;
   return height ? "".concat(height, "px") : '10px';
 }, function (_ref4) {
   var color = _ref4.color;
   return color ? "".concat(color) : '#DDDDDD';
 });
-exports.Hr = Hr;
-var PageTitle = _styledComponents.default.div(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n  width: 100%;\n  font-weight: bold;\n  font-size: 24px;\n  line-height: 34px;\n  color: #000000;\n  text-transform: uppercase;\n"])));
-exports.PageTitle = PageTitle;
+var PageTitle = exports.PageTitle = _styledComponents.default.div(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n  width: 100%;\n  font-weight: bold;\n  font-size: 24px;\n  line-height: 34px;\n  color: #000000;\n  text-transform: uppercase;\n"])));

package/_modules/themes/seven/src/components/OrderTypeSelectorHeader/index.js CHANGED Viewed

@@ -43,7 +43,7 @@ var OrderTypeSelectorHeaderUI = function OrderTypeSelectorHeaderUI(props) {
     }
   }));
 };
-var OrderTypeSelectorHeader = function OrderTypeSelectorHeader(props) {
+var OrderTypeSelectorHeader = exports.OrderTypeSelectorHeader = function OrderTypeSelectorHeader(props) {
   var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -72,5 +72,4 @@ var OrderTypeSelectorHeader = function OrderTypeSelectorHeader(props) {
     }]
   });
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.OrderTypeControl, orderTypeProps);
-};
-exports.OrderTypeSelectorHeader = OrderTypeSelectorHeader;
+};

package/_modules/themes/seven/src/components/OrderTypeSelectorHeader/styles.js CHANGED Viewed

@@ -10,14 +10,10 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var Option = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  \n  svg {\n    min-width: 14px;\n    margin-right: 5px;\n    ", "\n  }\n"])), function (props) {
+var Option = exports.Option = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  \n  svg {\n    min-width: 14px;\n    margin-right: 5px;\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)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      margin-left: 5px;\n      margin-right: 0px;\n    "])));
 });
-exports.Option = Option;
-var OrderTypeWrapper = _styledComponents.default.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\n  @media (min-width: 380px) {\n    div{\n      max-width: initial;\n    }\n  }\n"])));
-exports.OrderTypeWrapper = OrderTypeWrapper;
-var SelectedOption = _styledComponents.default.p(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin: 0;\n  max-width: 72px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  @media (min-width: 768px) {\n    max-width: 120px;\n  }\n\n  @media (min-width: 1024px) {\n    max-width: unset;\n  }\n\n  @media (min-width: 1200px) {\n    max-width: initial;\n  }\n"])));
-exports.SelectedOption = SelectedOption;
-var ContentOption = (0, _styledComponents.default)(SelectedOption)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  max-width: initial;\n"])));
-exports.ContentOption = ContentOption;
+var OrderTypeWrapper = exports.OrderTypeWrapper = _styledComponents.default.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\n  @media (min-width: 380px) {\n    div{\n      max-width: initial;\n    }\n  }\n"])));
+var SelectedOption = exports.SelectedOption = _styledComponents.default.p(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin: 0;\n  max-width: 72px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  @media (min-width: 768px) {\n    max-width: 120px;\n  }\n\n  @media (min-width: 1024px) {\n    max-width: unset;\n  }\n\n  @media (min-width: 1200px) {\n    max-width: initial;\n  }\n"])));
+var ContentOption = exports.ContentOption = (0, _styledComponents.default)(SelectedOption)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  max-width: initial;\n"])));

package/_modules/themes/seven/src/components/OrdersOption/index.js CHANGED Viewed

@@ -317,7 +317,7 @@ var OrdersOptionUI = function OrdersOptionUI(props) {
     }, AfterElement);
   }));
 };
-var OrdersOption = function OrdersOption(props) {
+var OrdersOption = exports.OrdersOption = function OrdersOption(props) {
   var orderListProps = _objectSpread(_objectSpread({}, props), {}, {
     UIComponent: OrdersOptionUI,
     orderStatus: props.activeOrders ? [0, 3, 4, 7, 8, 9, 13, 14, 15, 18, 19, 20, 21, 22, 23] : [1, 2, 5, 6, 10, 11, 12, 16, 17],
@@ -329,5 +329,4 @@ var OrdersOption = function OrdersOption(props) {
     }
   });
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.OrderList, orderListProps);
-};
-exports.OrdersOption = OrdersOption;
+};

package/_modules/themes/seven/src/components/OrdersOption/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 OptionTitle = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: ", ";\n  margin: ", ";\n  padding: ", ";\n  display: flex;\n  flex-direction: row;\n  h1{\n    text-transform: capitalize;\n    font-size: 18px;\n    margin: 18px 0;\n    cursor: pointer;\n  }\n\n  h1:nth-child(1){\n    color: ", ";\n    margin-right: 10px\n  }\n\n  h1:nth-child(2){\n    color: ", ";\n  }\n\n  @media (min-width: 768px){\n    padding: 0;\n    width: 91%\n  }\n"])), function (_ref) {
+var OptionTitle = exports.OptionTitle = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: ", ";\n  margin: ", ";\n  padding: ", ";\n  display: flex;\n  flex-direction: row;\n  h1{\n    text-transform: capitalize;\n    font-size: 18px;\n    margin: 18px 0;\n    cursor: pointer;\n  }\n\n  h1:nth-child(1){\n    color: ", ";\n    margin-right: 10px\n  }\n\n  h1:nth-child(2){\n    color: ", ";\n  }\n\n  @media (min-width: 768px){\n    padding: 0;\n    width: 91%\n  }\n"])), function (_ref) {
   var isBusinessesPage = _ref.isBusinessesPage;
   return isBusinessesPage ? '80%' : '100%';
 }, function (_ref2) {
@@ -26,8 +26,7 @@ var OptionTitle = _styledComponents.default.div(_templateObject || (_templateObj
   var isActive = _ref5.isActive;
   return isActive === 'preorders' ? '#333' : '#ccc';
 });
-exports.OptionTitle = OptionTitle;
-var OrdersContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n\n  ", "\n"])), function (_ref6) {
+var OrdersContainer = exports.OrdersContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n\n  ", "\n"])), function (_ref6) {
   var activeOrders = _ref6.activeOrders;
   return activeOrders && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    padding: 0 10px;\n    text-align: center;\n    display: flex;\n    overflow-x: auto;\n    overflow-y: hidden;\n    justify-content: ", ";\n    width: 100%;\n    margin: auto 0px auto auto;\n    box-sizing: border-box;\n    ", "\n    ::-webkit-scrollbar {\n      width: 0px;\n      height: 0px;\n    }\n\n    ", "\n    \n    @media (min-width: 768px) {\n      width: ", ";\n      margin-left: ", ";\n      justify-content: flex-start;\n      ", "\n  "])), function (_ref7) {
     var ordersLength = _ref7.ordersLength;
@@ -69,8 +68,7 @@ var OrdersContainer = _styledComponents.default.div(_templateObject2 || (_templa
   var activeOrders = _ref14.activeOrders;
   return !activeOrders && (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    width: 91%;\n    display: flex;\n    flex-direction: column-reverse;\n    margin: 0 auto;\n\n    p{\n      margin-block-end: 0;\n      margin-block-start: 0;\n      color: #9A9A9A\n    }\n\n    @media(min-width: 480px){\n      padding: 0;\n      div:last-child {\n        border-top: none;\n      }\n    }\n  "])));
 });
-exports.OrdersContainer = OrdersContainer;
-var SkeletonOrder = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  display: flex;\n\n  ", "\n\n  ", "\n"])), function (_ref15) {
+var SkeletonOrder = exports.SkeletonOrder = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  display: flex;\n\n  ", "\n\n  ", "\n"])), function (_ref15) {
   var activeOrders = _ref15.activeOrders;
   return activeOrders && (0, _styledComponents.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    width: auto;\n    text-align: center;\n    margin-left: 10px;\n\n    ", "\n  "])), function (props) {
     var _props$theme5;
@@ -80,39 +78,30 @@ var SkeletonOrder = _styledComponents.default.div(_templateObject13 || (_templat
   var activeOrders = _ref16.activeOrders;
   return !activeOrders && (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n    width: 100%;\n    flex-direction: column;\n    margin: 10px 0;\n    > * {\n      margin: 20px 0;\n    }\n  "])));
 });
-exports.SkeletonOrder = SkeletonOrder;
-var SkeletonCard = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  margin: 10px 5px 10px 5px;\n"])));
-exports.SkeletonCard = SkeletonCard;
-var SkeletonMap = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  border-radius: 16px;\n  span{\n    width: 300px;\n    height: 88px;\n  }\n  @media(min-width: 480px){\n    span{\n      height: 100px;\n      width: 400px;\n    }\n  }\n"])));
-exports.SkeletonMap = SkeletonMap;
-var SkeletonContent = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n\n  ", "\n\n  ", "\n"])), function (_ref17) {
+var SkeletonCard = exports.SkeletonCard = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  margin: 10px 5px 10px 5px;\n"])));
+var SkeletonMap = exports.SkeletonMap = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  border-radius: 16px;\n  span{\n    width: 300px;\n    height: 88px;\n  }\n  @media(min-width: 480px){\n    span{\n      height: 100px;\n      width: 400px;\n    }\n  }\n"])));
+var SkeletonContent = exports.SkeletonContent = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n\n  ", "\n\n  ", "\n"])), function (_ref17) {
   var activeOrders = _ref17.activeOrders;
   return activeOrders && (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n    > * {\n      margin: 5px;\n    }\n  "])));
 }, function (_ref18) {
   var activeOrders = _ref18.activeOrders;
   return !activeOrders && (0, _styledComponents.css)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n    justify-content: space-between;\n  "])));
 });
-exports.SkeletonContent = SkeletonContent;
-var SkeletonText = _styledComponents.default.div(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  text-align: left;\n\n  ", "\n"])), function (props) {
+var SkeletonText = exports.SkeletonText = _styledComponents.default.div(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  text-align: left;\n\n  ", "\n"])), function (props) {
   var _props$theme6;
   return ((_props$theme6 = props.theme) === null || _props$theme6 === void 0 ? void 0 : _props$theme6.rtl) && (0, _styledComponents.css)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n    text-align: right;\n  "])));
 });
-exports.SkeletonText = SkeletonText;
-var SkeletonButton = _styledComponents.default.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n    span{\n      border-radius: 24px;\n      width: 270px;\n      height: 36px;\n    }\n  @media(min-width: 480px){\n    span{\n      width: 360px;\n    }\n  }\n"])));
-exports.SkeletonButton = SkeletonButton;
-var SkeletonInformation = _styledComponents.default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n  display: flex;\n\n  > *{\n    margin: 5px;\n  }\n"])));
-exports.SkeletonInformation = SkeletonInformation;
-var SkeletonReorder = _styledComponents.default.div(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  text-align: center;\n  align-items: center;\n  margin-right: 25px;\n\n  ", "\n\n  span:first-child span{\n    width: 40px;\n  }\n\n  span:last-child{\n    width: 75px;\n    height: 30px;\n  }\n\n  @media(min-width: 480px){\n    ", "\n    span:first-child span{\n      width: 80px;\n    }\n    span:last-child{\n      width: 150px;\n    }\n  }\n"])), function (props) {
+var SkeletonButton = exports.SkeletonButton = _styledComponents.default.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n    span{\n      border-radius: 24px;\n      width: 270px;\n      height: 36px;\n    }\n  @media(min-width: 480px){\n    span{\n      width: 360px;\n    }\n  }\n"])));
+var SkeletonInformation = exports.SkeletonInformation = _styledComponents.default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n  display: flex;\n\n  > *{\n    margin: 5px;\n  }\n"])));
+var SkeletonReorder = exports.SkeletonReorder = _styledComponents.default.div(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  text-align: center;\n  align-items: center;\n  margin-right: 25px;\n\n  ", "\n\n  span:first-child span{\n    width: 40px;\n  }\n\n  span:last-child{\n    width: 75px;\n    height: 30px;\n  }\n\n  @media(min-width: 480px){\n    ", "\n    span:first-child span{\n      width: 80px;\n    }\n    span:last-child{\n      width: 150px;\n    }\n  }\n"])), function (props) {
   var _props$theme7;
   return ((_props$theme7 = props.theme) === null || _props$theme7 === void 0 ? void 0 : _props$theme7.rtl) && (0, _styledComponents.css)(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n    margin-left: 25px;\n    margin-right: 0;\n  "])));
 }, function (props) {
   var _props$theme8;
   return (_props$theme8 = props.theme) !== null && _props$theme8 !== void 0 && _props$theme8.rtl ? (0, _styledComponents.css)(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n      margin-left: 0;\n    "]))) : (0, _styledComponents.css)(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n      margin-right: 0;\n    "])));
 });
-exports.SkeletonReorder = SkeletonReorder;
-var ImageNotFound = _styledComponents.default.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n  \n  margin: 0 auto;\n  img{\n    width: 100%\n  }\n"])));
-exports.ImageNotFound = ImageNotFound;
-var BusinessInformation = _styledComponents.default.div(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n  display: inline-flex;\n  flex-direction: column;\n  flex: 1;\n  padding-left: 10px;\n  font-size: 0.9em;\n  ", "\n  ", "\n  h2 {\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    font-size: 14px;\n    margin-block-end: 0;\n    margin-block-start: 0;\n  }\n  p {\n    margin-block-end: 0.1em;\n    margin-block-start: 0.1em;\n    color : #9A9A9A;\n    white-space: nowrap;\n    font-size: 0.9em;\n    ", "\n  }\n\n  p[name='order_number']{\n    width: 170px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  p[name='view_order'] {\n    color: ", ";\n    cursor: pointer;\n    text-decoration: none;\n    width: fit-content;\n  }\n\n  @media (min-width: 480px){\n    h2 {\n    font-size: 14px;\n    margin-block-end: 0.1em;\n    margin-block-start: 0.1em;\n    }\n    p{\n      ", "\n    }\n    p[name='order_number']{\n      width: 230px;\n    }\n  }\n\n  @media (min-width: 768px){\n    font-size: 0.9em;\n    p {\n      font-size: 1em;\n    }\n  }\n"])), function (_ref19) {
+var ImageNotFound = exports.ImageNotFound = _styledComponents.default.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n  \n  margin: 0 auto;\n  img{\n    width: 100%\n  }\n"])));
+var BusinessInformation = exports.BusinessInformation = _styledComponents.default.div(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n  display: inline-flex;\n  flex-direction: column;\n  flex: 1;\n  padding-left: 10px;\n  font-size: 0.9em;\n  ", "\n  ", "\n  h2 {\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    font-size: 14px;\n    margin-block-end: 0;\n    margin-block-start: 0;\n  }\n  p {\n    margin-block-end: 0.1em;\n    margin-block-start: 0.1em;\n    color : #9A9A9A;\n    white-space: nowrap;\n    font-size: 0.9em;\n    ", "\n  }\n\n  p[name='order_number']{\n    width: 170px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  p[name='view_order'] {\n    color: ", ";\n    cursor: pointer;\n    text-decoration: none;\n    width: fit-content;\n  }\n\n  @media (min-width: 480px){\n    h2 {\n    font-size: 14px;\n    margin-block-end: 0.1em;\n    margin-block-start: 0.1em;\n    }\n    p{\n      ", "\n    }\n    p[name='order_number']{\n      width: 230px;\n    }\n  }\n\n  @media (min-width: 768px){\n    font-size: 0.9em;\n    p {\n      font-size: 1em;\n    }\n  }\n"])), function (_ref19) {
   var activeOrders = _ref19.activeOrders;
   return activeOrders && (0, _styledComponents.css)(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n      width: 30%;\n  "])));
 }, function (props) {
@@ -126,5 +115,4 @@ var BusinessInformation = _styledComponents.default.div(_templateObject31 || (_t
 }, function (_ref21) {
   var activeOrders = _ref21.activeOrders;
   return activeOrders && (0, _styledComponents.css)(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n        font-size: 0.9em;\n      "])));
-});
-exports.BusinessInformation = BusinessInformation;
+});

package/_modules/themes/seven/src/components/PaymentOptionCash/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 PaymentOptionCash = function PaymentOptionCash(props) {
+var PaymentOptionCash = exports.PaymentOptionCash = function PaymentOptionCash(props) {
   var _props$beforeElements, _props$beforeComponen, _props$afterComponent, _props$afterElements;
   var defaultValue = props.defaultValue,
     orderTotal = props.orderTotal,
@@ -86,7 +86,6 @@ var PaymentOptionCash = function PaymentOptionCash(props) {
     }, AfterElement);
   }));
 };
-exports.PaymentOptionCash = PaymentOptionCash;
 PaymentOptionCash.defaultProps = {
   defaultValue: null
 };

package/_modules/themes/seven/src/components/PaymentOptionCash/styles.js CHANGED Viewed

@@ -8,13 +8,9 @@ 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 PaymentCashContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin: 15px 0px 0px;\n"])));
-exports.PaymentCashContainer = PaymentCashContainer;
-var FormCash = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  label {\n    font-size: 13px;\n    color: ", ";\n  }\n  @media (min-width: 411px) {\n    label {\n      font-size: 14px;\n      width: 100%;\n    }\n  }\n"])), function (props) {
+var PaymentCashContainer = exports.PaymentCashContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin: 15px 0px 0px;\n"])));
+var FormCash = exports.FormCash = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  label {\n    font-size: 13px;\n    color: ", ";\n  }\n  @media (min-width: 411px) {\n    label {\n      font-size: 14px;\n      width: 100%;\n    }\n  }\n"])), function (props) {
   return props.theme.colors.fontSecundary;
 });
-exports.FormCash = FormCash;
-var WrapperInput = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-direction: column;\n  width: 100%;\n  input {\n    margin-top: 10px;\n    width: 100%;\n    box-sizing: border-box;\n  }\n"])));
-exports.WrapperInput = WrapperInput;
-var ErrorText = _styledComponents.default.p(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin: 10px 0px 0px;\n  color: #D81212;\n  font-size: 14px;\n"])));
-exports.ErrorText = ErrorText;
+var WrapperInput = exports.WrapperInput = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-direction: column;\n  width: 100%;\n  input {\n    margin-top: 10px;\n    width: 100%;\n    box-sizing: border-box;\n  }\n"])));
+var ErrorText = exports.ErrorText = _styledComponents.default.p(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin: 10px 0px 0px;\n  color: #D81212;\n  font-size: 14px;\n"])));

package/_modules/themes/seven/src/components/PaymentOptions/index.js CHANGED Viewed

@@ -258,10 +258,9 @@ var PaymentOptionsUI = function PaymentOptionsUI(props) {
     }, AfterElement);
   }));
 };
-var PaymentOptions = function PaymentOptions(props) {
+var PaymentOptions = exports.PaymentOptions = function PaymentOptions(props) {
   var paymentOptions = _objectSpread(_objectSpread({}, props), {}, {
     UIComponent: PaymentOptionsUI
   });
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.PaymentOptions, paymentOptions);
-};
-exports.PaymentOptions = PaymentOptions;
+};

package/_modules/themes/seven/src/components/PaymentOptions/styles.js CHANGED Viewed

@@ -10,11 +10,9 @@ 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 PaymentMethodsContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  margin-top: 10px;\n  margin-bottom: 10px;\n"])));
-exports.PaymentMethodsContainer = PaymentMethodsContainer;
-var PaymentMethodsList = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: flex-start;\n  flex-wrap: wrap;\n  @media (min-width: 841px) {\n    justify-content: space-around;\n  }\n\n  #select-input {\n    padding: 0 10px;\n\n    @media (min-width: 381px) {\n      padding: 0;\n    }\n  }\n"])));
-exports.PaymentMethodsList = PaymentMethodsList;
-var PayCard = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  text-transform: capitalize;\n  ", "\n  ", "\n  svg path {\n    fill: #000;\n  }\n  svg {\n    font-size: 24px;\n  }\n  p {\n    margin: 0px 7px;\n    font-size: 16px;\n  }\n  &.active {\n    p {\n      color: ", ";    \n    }\n    svg path,\n    svg circle {\n      fill: ", ";\n    }\n  }\n  &:not(.active) {\n  }\n"])), function (props) {
+var PaymentMethodsContainer = exports.PaymentMethodsContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  margin-top: 10px;\n  margin-bottom: 10px;\n"])));
+var PaymentMethodsList = exports.PaymentMethodsList = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: flex-start;\n  flex-wrap: wrap;\n  @media (min-width: 841px) {\n    justify-content: space-around;\n  }\n\n  #select-input {\n    padding: 0 10px;\n\n    @media (min-width: 381px) {\n      padding: 0;\n    }\n  }\n"])));
+var PayCard = exports.PayCard = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  text-transform: capitalize;\n  ", "\n  ", "\n  svg path {\n    fill: #000;\n  }\n  svg {\n    font-size: 24px;\n  }\n  p {\n    margin: 0px 7px;\n    font-size: 16px;\n  }\n  &.active {\n    p {\n      color: ", ";    \n    }\n    svg path,\n    svg circle {\n      fill: ", ";\n    }\n  }\n  &:not(.active) {\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-left: 10px;\n    margin-right: 0;\n  "])));
 }, function (props) {
@@ -24,13 +22,10 @@ var PayCard = _styledComponents.default.div(_templateObject3 || (_templateObject
 }, function (props) {
   return props.theme.colors.primary;
 });
-exports.PayCard = PayCard;
-var PayCardSelected = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  padding: 30px 0px 0px;\n"])));
-exports.PayCardSelected = PayCardSelected;
-var CardItemContent = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  font-weight: bold;\n  .checks svg {\n    color: ", ";\n    font-size: 22px;\n  }\n  .brand svg {\n    font-size: 26px;\n  }\n  > * {\n    margin-right: 10px\n    ", "\n  }\n"])), function (props) {
+var PayCardSelected = exports.PayCardSelected = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  padding: 30px 0px 0px;\n"])));
+var CardItemContent = exports.CardItemContent = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  font-weight: bold;\n  .checks svg {\n    color: ", ";\n    font-size: 22px;\n  }\n  .brand svg {\n    font-size: 26px;\n  }\n  > * {\n    margin-right: 10px\n    ", "\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)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      margin-left: 10px;\n      margin-right: 0;\n    "])));
-});
-exports.CardItemContent = CardItemContent;
+});

package/_modules/themes/seven/src/components/ProductForm/index.js CHANGED Viewed

@@ -400,10 +400,9 @@ var ProductOptionsUI = function ProductOptionsUI(props) {
     }, AfterElement);
   }));
 };
-var ProductForm = function ProductForm(props) {
+var ProductForm = exports.ProductForm = function ProductForm(props) {
   var productOptionsProps = _objectSpread(_objectSpread({}, props), {}, {
     UIComponent: ProductOptionsUI
   });
   return /*#__PURE__*/_react.default.createElement(_productForm.ProductForm, productOptionsProps);
-};
-exports.ProductForm = ProductForm;
+};

package/_modules/themes/seven/src/components/ProductForm/productForm.js CHANGED Viewed

@@ -32,7 +32,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } // import { useOrder } from '../../contexts/OrderContext'
 // import { useConfig } from '../../contexts/ConfigContext'
 // import { useApi } from '../../contexts/ApiContext'
-var ProductForm = function ProductForm(props) {
+var ProductForm = exports.ProductForm = function ProductForm(props) {
   var _props$productCart, _orderState$carts, _cart$products, _cart$products2, _product$product, _product$product2, _product$product3, _product$product4;
   var UIComponent = props.UIComponent,
     useOrderContext = props.useOrderContext,
@@ -706,7 +706,6 @@ var ProductForm = function ProductForm(props) {
     handleChangeCommentState: handleChangeCommentState
   })));
 };
-exports.ProductForm = ProductForm;
 ProductForm.propTypes = {
   /**
    * UI Component, this must be containt all graphic elements and use parent props

package/_modules/themes/seven/src/components/ProductForm/styles.js CHANGED Viewed

@@ -11,65 +11,47 @@ 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 ProductContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  max-height: 100vh;\n  position: relative;\n  padding: 50px 0px 20px;\n  color: ", ";\n  @media (min-width: 768px) {\n    height: 100%;\n  }\n  @media (min-width: 769px) {\n  }\n  @media (min-width: 1201px) {\n  }\n"])), function (props) {
+var ProductContainer = exports.ProductContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  max-height: 100vh;\n  position: relative;\n  padding: 50px 0px 20px;\n  color: ", ";\n  @media (min-width: 768px) {\n    height: 100%;\n  }\n  @media (min-width: 769px) {\n  }\n  @media (min-width: 1201px) {\n  }\n"])), function (props) {
   return props.theme.colors.secundaryFontColor;
 });
-exports.ProductContainer = ProductContainer;
-var WrapperImage = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 100%;\n  overflow: hidden;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 150px;\n  height: 150px;\n  @media (min-width: 768px) {\n    min-height: 200px;\n    height: 200px;\n  }\n  @media (min-width: 1201px) {\n    min-height: 300px;\n    height: 300px;\n  }\n"])));
-exports.WrapperImage = WrapperImage;
-var ProductImage = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  min-height: 150px;\n  height: 150px;\n  overflow: hidden;\n  img {\n    box-sizing: border-box;\n    width: 100%;\n  }\n  @media (min-width: 768px) {\n    min-height: 200px;\n    height: 200px;\n  }\n  @media (min-width: 1201px) {\n    min-height: 300px;\n    height: 300px;\n  }\n"])));
-exports.ProductImage = ProductImage;
-var ProductInfo = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  padding: 0px;\n  position: relative;\n  p {\n    font-size: 14px;\n    font-weight: 200;\n    margin-top: 0px;\n    line-height: 1.5em;\n    width: 100%;\n    text-align: left;\n    ", "\n  }\n  @media (min-width: 381px) {\n    h1 {\n      font-size: 24px;\n    }\n    p {\n      font-size: 16px;\n    }\n  }\n"])), function (props) {
+var WrapperImage = exports.WrapperImage = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 100%;\n  overflow: hidden;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 150px;\n  height: 150px;\n  @media (min-width: 768px) {\n    min-height: 200px;\n    height: 200px;\n  }\n  @media (min-width: 1201px) {\n    min-height: 300px;\n    height: 300px;\n  }\n"])));
+var ProductImage = exports.ProductImage = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  min-height: 150px;\n  height: 150px;\n  overflow: hidden;\n  img {\n    box-sizing: border-box;\n    width: 100%;\n  }\n  @media (min-width: 768px) {\n    min-height: 200px;\n    height: 200px;\n  }\n  @media (min-width: 1201px) {\n    min-height: 300px;\n    height: 300px;\n  }\n"])));
+var ProductInfo = exports.ProductInfo = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  padding: 0px;\n  position: relative;\n  p {\n    font-size: 14px;\n    font-weight: 200;\n    margin-top: 0px;\n    line-height: 1.5em;\n    width: 100%;\n    text-align: left;\n    ", "\n  }\n  @media (min-width: 381px) {\n    h1 {\n      font-size: 24px;\n    }\n    p {\n      font-size: 16px;\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)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      text-align: right;\n    "])));
 });
-exports.ProductInfo = ProductInfo;
-var ProductMeta = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  padding: 0 20px;\n  margin: 25px 0 0 0;\n  h1 {\n    font-size: 24px;\n    line-height: 34px;\n    font-weight: 700;\n    color: #263238;\n    margin-top: 0px;\n    width: 100%;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    text-transform: uppercase;\n    color: ", ";\n  }\n  h5 {\n    margin: 0;\n    margin-bottom: 10px;\n    font-size: 18px;\n    line-height: 28px;\n    font-weight: 100;\n    color: ", ";\n  }\n"])), function (props) {
+var ProductMeta = exports.ProductMeta = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  padding: 0 20px;\n  margin: 25px 0 0 0;\n  h1 {\n    font-size: 24px;\n    line-height: 34px;\n    font-weight: 700;\n    color: #263238;\n    margin-top: 0px;\n    width: 100%;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    text-transform: uppercase;\n    color: ", ";\n  }\n  h5 {\n    margin: 0;\n    margin-bottom: 10px;\n    font-size: 18px;\n    line-height: 28px;\n    font-weight: 100;\n    color: ", ";\n  }\n"])), function (props) {
   return props.theme.colors.secundaryFontColor;
 }, function (props) {
   return props.theme.colors.secundaryFontColor;
 });
-exports.ProductMeta = ProductMeta;
-var ProductEdition = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  padding: 20px;\n  max-height: 34vh;\n  overflow-y: scroll;\n  border-bottom: 1px solid ", ";\n"])), function (props) {
+var ProductEdition = exports.ProductEdition = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  padding: 20px;\n  max-height: 34vh;\n  overflow-y: scroll;\n  border-bottom: 1px solid ", ";\n"])), function (props) {
   return props.theme.colors.borderColor;
 });
-exports.ProductEdition = ProductEdition;
-var SectionTitle = _styledComponents.default.h3(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  text-transform: capitalize;\n  font-size: 20px;\n  line-height: 30px;\n  margin: 0px;\n  font-weight: 600;\n  color: #666666;\n"])));
-exports.SectionTitle = SectionTitle;
-var ProductComment = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  padding: 20px;\n  margin-bottom: 40px;\n  p {\n    font-weight: 300;\n    margin-bottom: 5px;\n  }\n  textarea {\n    margin-top: 20px;\n  }\n"])));
-exports.ProductComment = ProductComment;
-var ProductActions = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 10px 20px;\n  width: 100%;\n  box-sizing: border-box;\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  width: 100%;\n  background-color: #FFF;\n  @media (min-width: 577px) {\n    justify-content: space-between;\n    flex-direction: row;\n  }\n  @media (min-width: 1024px) {\n    position: relative;\n    bottom: initial;\n    right: initial;\n  }\n"])));
-exports.ProductActions = ProductActions;
-var ActionItem = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  div.incdec-control {\n    width: 25%;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    svg {\n      width: 25px;\n      height: 25px;\n      cursor: pointer;\n    }\n  }\n  button:disabled,\n  button.disabled,\n  svg.disabled {\n    opacity: 0.5;\n  }\n  svg.disabled {\n    pointer-events: none;\n  }\n  button.add {\n    width: 55%;\n    padding: 5px 10px;\n    position: relative;\n    overflow: hidden;\n    white-space: nowrap;\n    &.soldout {\n      pointer-events: none;\n    }\n  }\n  .total-price {\n    font-size: 20px;\n    line-height: 30px;\n    color: #666666;\n    font-weight: 600;\n  }\n  @media (min-width: 577px) {\n    width: 50%;\n  }\n  @media (min-width: 1024px) {\n    &:first-child {\n      width:40%;\n    }\n    &:last-child {\n      width:60%;\n    }\n    div.incdec-control {\n      width: 32%;\n    }\n    button.add {\n      width: 45%;\n    }\n  }\n"])));
-exports.ActionItem = ActionItem;
-var SkeletonBlock = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  width: ", ";\n  border-radius: 16px;\n  margin: auto;\n  span {\n    margin-bottom: 10px;\n  }\n"])), function (_ref) {
+var SectionTitle = exports.SectionTitle = _styledComponents.default.h3(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  text-transform: capitalize;\n  font-size: 20px;\n  line-height: 30px;\n  margin: 0px;\n  font-weight: 600;\n  color: #666666;\n"])));
+var ProductComment = exports.ProductComment = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  padding: 20px;\n  margin-bottom: 40px;\n  p {\n    font-weight: 300;\n    margin-bottom: 5px;\n  }\n  textarea {\n    margin-top: 20px;\n  }\n"])));
+var ProductActions = exports.ProductActions = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 10px 20px;\n  width: 100%;\n  box-sizing: border-box;\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  width: 100%;\n  background-color: #FFF;\n  @media (min-width: 577px) {\n    justify-content: space-between;\n    flex-direction: row;\n  }\n  @media (min-width: 1024px) {\n    position: relative;\n    bottom: initial;\n    right: initial;\n  }\n"])));
+var ActionItem = exports.ActionItem = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  div.incdec-control {\n    width: 25%;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    svg {\n      width: 25px;\n      height: 25px;\n      cursor: pointer;\n    }\n  }\n  button:disabled,\n  button.disabled,\n  svg.disabled {\n    opacity: 0.5;\n  }\n  svg.disabled {\n    pointer-events: none;\n  }\n  button.add {\n    width: 55%;\n    padding: 5px 10px;\n    position: relative;\n    overflow: hidden;\n    white-space: nowrap;\n    &.soldout {\n      pointer-events: none;\n    }\n  }\n  .total-price {\n    font-size: 20px;\n    line-height: 30px;\n    color: #666666;\n    font-weight: 600;\n  }\n  @media (min-width: 577px) {\n    width: 50%;\n  }\n  @media (min-width: 1024px) {\n    &:first-child {\n      width:40%;\n    }\n    &:last-child {\n      width:60%;\n    }\n    div.incdec-control {\n      width: 32%;\n    }\n    button.add {\n      width: 45%;\n    }\n  }\n"])));
+var SkeletonBlock = exports.SkeletonBlock = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  width: ", ";\n  border-radius: 16px;\n  margin: auto;\n  span {\n    margin-bottom: 10px;\n  }\n"])), function (_ref) {
   var width = _ref.width;
   return width && "".concat(width, "%");
 });
-exports.SkeletonBlock = SkeletonBlock;
-var WrapperSubOption = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  border-radius: 10px;\n  &.error {\n    background-color: ", ";\n  }\n  &.soldout {\n    pointer-events: none;\n    background-color: hsl(0, 0%, 72%);\n  }\n"])), (0, _polished.lighten)(0.58, '#A52121'));
-exports.WrapperSubOption = WrapperSubOption;
-var SkuContent = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  h2 {\n    font-size: 16px;\n    font-weight: 500;\n    margin-bottom: 0px;\n  }\n  p {\n    font-size: 14px;\n  }\n"])));
-exports.SkuContent = SkuContent;
-var WrapperIngredients = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  padding: 20px;\n  ", "\n"])), function (_ref2) {
+var WrapperSubOption = exports.WrapperSubOption = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  border-radius: 10px;\n  &.error {\n    background-color: ", ";\n  }\n  &.soldout {\n    pointer-events: none;\n    background-color: hsl(0, 0%, 72%);\n  }\n"])), (0, _polished.lighten)(0.58, '#A52121'));
+var SkuContent = exports.SkuContent = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  h2 {\n    font-size: 16px;\n    font-weight: 500;\n    margin-bottom: 0px;\n  }\n  p {\n    font-size: 14px;\n  }\n"])));
+var WrapperIngredients = exports.WrapperIngredients = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  padding: 20px;\n  ", "\n"])), function (_ref2) {
   var isProductSoldout = _ref2.isProductSoldout;
   return isProductSoldout && (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n    border-radius: 10px;\n    pointer-events: none;\n    background: hsl(0, 0%, 72%);\n  "])));
 });
-exports.WrapperIngredients = WrapperIngredients;
-var CategoriesContainer = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  overflow-x : scroll;\n"])));
-exports.CategoriesContainer = CategoriesContainer;
-var Hr = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: ", ";\n  background: ", ";\n"])), function (_ref3) {
+var CategoriesContainer = exports.CategoriesContainer = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  overflow-x : scroll;\n"])));
+var Hr = exports.Hr = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: ", ";\n  background: ", ";\n"])), function (_ref3) {
   var height = _ref3.height;
   return height ? "".concat(height, "px") : '10px';
 }, function (_ref4) {
   var color = _ref4.color;
   return color ? "".concat(color) : '#DDDDDD';
 });
-exports.Hr = Hr;
-var ProductTagsListContainer = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  padding: 0 20px;\n  margin-bottom: 15px;\n"])));
-exports.ProductTagsListContainer = ProductTagsListContainer;
-var ProductTagWrapper = _styledComponents.default.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin: 5px 0;\n\n  img {\n    width: 32px;\n    height: 32px;\n    border-radius: 8px;\n    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);\n  }\n\n  span {\n    font-size: 14px;\n    ", "\n  }\n"])), function (props) {
+var ProductTagsListContainer = exports.ProductTagsListContainer = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  padding: 0 20px;\n  margin-bottom: 15px;\n"])));
+var ProductTagWrapper = exports.ProductTagWrapper = _styledComponents.default.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin: 5px 0;\n\n  img {\n    width: 32px;\n    height: 32px;\n    border-radius: 8px;\n    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);\n  }\n\n  span {\n    font-size: 14px;\n    ", "\n  }\n"])), function (props) {
   var _props$theme2;
   return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n      margin: 0 10px 0 20px;\n    "]))) : (0, _styledComponents.css)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n      margin: 0 20px 0 10px;\n    "])));
-});
-exports.ProductTagWrapper = ProductTagWrapper;
+});