ordering-ui-external 2.4.6 → 2.5.0

package/_modules/themes/five/src/styles/Inputs/index.js

@@ -8,11 +8,11 @@ exports.TextArea = exports.InputSecundary = exports.InputPrimary = exports.Input
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _polished = require("polished");
 var _Buttons = require("../Buttons");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23;
 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 Input = _styledComponents.default.input(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: #FFF;\n  color: #010300;\n  border: 1px solid #DBDCDB;\n  border-radius: 7.6px;\n  font-size: 16px;\n  padding: 7px 15px;\n  outline: none;\n  &:focus {\n    border-color: ", ";\n  }\n  ", "\n  &::placeholder,\n  &::-webkit-input-placeholder {\n    color: #DBDCDB;\n  }\n  &:-ms-input-placeholder {\n    color: #DBDCDB;\n  }\n  ", "\n  ", "\n"])), function () {
+var Input = _styledComponents.default.input(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: #FFF;\n  color: #010300;\n  border: 1px solid #DBDCDB;\n  border-radius: 7.6px;\n  font-size: 16px;\n  padding: 7px 15px;\n  outline: none;\n  &:focus {\n    border-color: ", ";\n  }\n  ", "\n  &::placeholder,\n  &::-webkit-input-placeholder {\n    color: #DBDCDB;\n  }\n  &:-ms-input-placeholder {\n    color: #DBDCDB;\n  }\n  ", "\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function () {
   return (0, _polished.darken)(0.07, '#CCC');
 }, function (_ref) {
   var w = _ref.w;
@@ -26,34 +26,58 @@ var Input = _styledComponents.default.input(_templateObject || (_templateObject
     var _props$theme$colors;
     return (_props$theme$colors = props.theme.colors) === null || _props$theme$colors === void 0 ? void 0 : _props$theme$colors.danger500;
   });
+}, function (_ref4) {
+  var _theme$general, _theme$general$compon, _theme$general$compon2, _theme$general2, _theme$general2$compo, _theme$general2$compo2;
+  var theme = _ref4.theme;
+  return (theme === null || theme === void 0 ? void 0 : (_theme$general = theme.general) === null || _theme$general === void 0 ? void 0 : (_theme$general$compon = _theme$general.components) === null || _theme$general$compon === void 0 ? void 0 : (_theme$general$compon2 = _theme$general$compon.inputs) === null || _theme$general$compon2 === void 0 ? void 0 : _theme$general$compon2.borderRadius) && (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    border-radius: ", ";\n  "])), theme === null || theme === void 0 ? void 0 : (_theme$general2 = theme.general) === null || _theme$general2 === void 0 ? void 0 : (_theme$general2$compo = _theme$general2.components) === null || _theme$general2$compo === void 0 ? void 0 : (_theme$general2$compo2 = _theme$general2$compo.inputs) === null || _theme$general2$compo2 === void 0 ? void 0 : _theme$general2$compo2.borderRadius);
+}, function (_ref5) {
+  var _theme$general3, _theme$general3$compo, _theme$general3$compo2, _theme$general4, _theme$general4$compo, _theme$general4$compo2;
+  var theme = _ref5.theme;
+  return (theme === null || theme === void 0 ? void 0 : (_theme$general3 = theme.general) === null || _theme$general3 === void 0 ? void 0 : (_theme$general3$compo = _theme$general3.components) === null || _theme$general3$compo === void 0 ? void 0 : (_theme$general3$compo2 = _theme$general3$compo.inputs) === null || _theme$general3$compo2 === void 0 ? void 0 : _theme$general3$compo2.color) && (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), theme === null || theme === void 0 ? void 0 : (_theme$general4 = theme.general) === null || _theme$general4 === void 0 ? void 0 : (_theme$general4$compo = _theme$general4.components) === null || _theme$general4$compo === void 0 ? void 0 : (_theme$general4$compo2 = _theme$general4$compo.inputs) === null || _theme$general4$compo2 === void 0 ? void 0 : _theme$general4$compo2.color);
+}, function (_ref6) {
+  var _theme$general5, _theme$general5$compo, _theme$general5$compo2, _theme$general6, _theme$general6$compo, _theme$general6$compo2, _theme$general7, _theme$general7$compo, _theme$general7$compo2;
+  var theme = _ref6.theme;
+  return (theme === null || theme === void 0 ? void 0 : (_theme$general5 = theme.general) === null || _theme$general5 === void 0 ? void 0 : (_theme$general5$compo = _theme$general5.components) === null || _theme$general5$compo === void 0 ? void 0 : (_theme$general5$compo2 = _theme$general5$compo.inputs) === null || _theme$general5$compo2 === void 0 ? void 0 : _theme$general5$compo2.borderColor) && (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    border: 1px solid ", ";\n    &::placeholder,\n    &::-webkit-input-placeholder,\n    &:-ms-input-placeholder {\n      color: ", ";\n    }\n  "])), theme === null || theme === void 0 ? void 0 : (_theme$general6 = theme.general) === null || _theme$general6 === void 0 ? void 0 : (_theme$general6$compo = _theme$general6.components) === null || _theme$general6$compo === void 0 ? void 0 : (_theme$general6$compo2 = _theme$general6$compo.inputs) === null || _theme$general6$compo2 === void 0 ? void 0 : _theme$general6$compo2.borderColor, theme === null || theme === void 0 ? void 0 : (_theme$general7 = theme.general) === null || _theme$general7 === void 0 ? void 0 : (_theme$general7$compo = _theme$general7.components) === null || _theme$general7$compo === void 0 ? void 0 : (_theme$general7$compo2 = _theme$general7$compo.inputs) === null || _theme$general7$compo2 === void 0 ? void 0 : _theme$general7$compo2.borderColor);
 });
 exports.Input = Input;
-var InputGroup = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  & > ", ":not(:first-child) {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    border-left: 0;\n    padding-left: 0;\n  }\n  & > ", ":not(:last-child) {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-right: 0;\n    padding-right: 0;\n  }\n"])), Input, Input);
+var InputGroup = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n  & > ", ":not(:first-child) {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    border-left: 0;\n    padding-left: 0;\n  }\n  & > ", ":not(:last-child) {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-right: 0;\n    padding-right: 0;\n  }\n"])), Input, Input);
 exports.InputGroup = InputGroup;
-var InputGroupLeft = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  line-height: 34px;\n  padding-left: 7px;\n  padding-right: 7px;\n  font-size: 16px;\n  border-width: 1px;\n  height: 34px;\n  border-style: solid;\n  ", "\n  & ", " {\n    margin-left: -7px;\n    ", "\n  }\n"])), function (props) {
+var InputGroupLeft = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  line-height: 34px;\n  padding-left: 7px;\n  padding-right: 7px;\n  font-size: 16px;\n  border-width: 1px;\n  height: 34px;\n  border-style: solid;\n  ", "\n  & ", " {\n    margin-left: -7px;\n    ", "\n  }\n"])), function (props) {
   var _props$theme;
-  return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      border-left-width: 0;\n      border-radius: 34px 34px 0 0;\n  "]))) : (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      border-radius: 34px 0 0 34px;\n      border-right-width: 0;\n  "])));
+  return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      border-left-width: 0;\n      border-radius: 34px 34px 0 0;\n  "]))) : (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      border-radius: 34px 0 0 34px;\n      border-right-width: 0;\n  "])));
 }, _Buttons.Button, function (props) {
   var _props$theme2;
-  return ((_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.rtl) && (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n        margin-right: -7px;\n        margin-left: 0;\n    "])));
+  return ((_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.rtl) && (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n        margin-right: -7px;\n        margin-left: 0;\n    "])));
 });
 exports.InputGroupLeft = InputGroupLeft;
-var TextArea = _styledComponents.default.textarea(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  background: #FFF;\n  color: #010300;\n  border: 1px solid #DBDCDB;\n  border-radius: 7.6px;\n  font-size: 16px;\n  padding: 7px 15px;\n  outline: none;\n  resize: none;\n  &:focus {\n    border-color: ", ";\n  }\n  ", "\n  &::placeholder,\n  &::-webkit-input-placeholder {\n    color: #DBDCDB;\n  }\n  &:-ms-input-placeholder {\n    color: #DBDCDB;\n  }\n"])), function () {
+var TextArea = _styledComponents.default.textarea(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  background: #FFF;\n  color: #010300;\n  border: 1px solid #DBDCDB;\n  border-radius: 7.6px;\n  font-size: 16px;\n  padding: 7px 15px;\n  outline: none;\n  resize: none;\n  &:focus {\n    border-color: ", ";\n  }\n  ", "\n  &::placeholder,\n  &::-webkit-input-placeholder {\n    color: #DBDCDB;\n  }\n  &:-ms-input-placeholder {\n    color: #DBDCDB;\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function () {
   return (0, _polished.darken)(0.07, '#CCC');
-}, function (_ref4) {
-  var w = _ref4.w;
-  return w && (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    width: 20%;\n  "])));
+}, function (_ref7) {
+  var w = _ref7.w;
+  return w && (0, _styledComponents.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    width: 20%;\n  "])));
+}, function (_ref8) {
+  var _theme$general8, _theme$general8$compo, _theme$general8$compo2, _theme$general9, _theme$general9$compo, _theme$general9$compo2;
+  var theme = _ref8.theme;
+  return (theme === null || theme === void 0 ? void 0 : (_theme$general8 = theme.general) === null || _theme$general8 === void 0 ? void 0 : (_theme$general8$compo = _theme$general8.components) === null || _theme$general8$compo === void 0 ? void 0 : (_theme$general8$compo2 = _theme$general8$compo.inputs) === null || _theme$general8$compo2 === void 0 ? void 0 : _theme$general8$compo2.borderRadius) && (0, _styledComponents.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n    border-radius: ", ";\n  "])), theme === null || theme === void 0 ? void 0 : (_theme$general9 = theme.general) === null || _theme$general9 === void 0 ? void 0 : (_theme$general9$compo = _theme$general9.components) === null || _theme$general9$compo === void 0 ? void 0 : (_theme$general9$compo2 = _theme$general9$compo.inputs) === null || _theme$general9$compo2 === void 0 ? void 0 : _theme$general9$compo2.borderRadius);
+}, function (_ref9) {
+  var _theme$general10, _theme$general10$comp, _theme$general10$comp2, _theme$general11, _theme$general11$comp, _theme$general11$comp2;
+  var theme = _ref9.theme;
+  return (theme === null || theme === void 0 ? void 0 : (_theme$general10 = theme.general) === null || _theme$general10 === void 0 ? void 0 : (_theme$general10$comp = _theme$general10.components) === null || _theme$general10$comp === void 0 ? void 0 : (_theme$general10$comp2 = _theme$general10$comp.inputs) === null || _theme$general10$comp2 === void 0 ? void 0 : _theme$general10$comp2.color) && (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), theme === null || theme === void 0 ? void 0 : (_theme$general11 = theme.general) === null || _theme$general11 === void 0 ? void 0 : (_theme$general11$comp = _theme$general11.components) === null || _theme$general11$comp === void 0 ? void 0 : (_theme$general11$comp2 = _theme$general11$comp.inputs) === null || _theme$general11$comp2 === void 0 ? void 0 : _theme$general11$comp2.color);
+}, function (_ref10) {
+  var _theme$general12, _theme$general12$comp, _theme$general12$comp2, _theme$general13, _theme$general13$comp, _theme$general13$comp2, _theme$general14, _theme$general14$comp, _theme$general14$comp2;
+  var theme = _ref10.theme;
+  return (theme === null || theme === void 0 ? void 0 : (_theme$general12 = theme.general) === null || _theme$general12 === void 0 ? void 0 : (_theme$general12$comp = _theme$general12.components) === null || _theme$general12$comp === void 0 ? void 0 : (_theme$general12$comp2 = _theme$general12$comp.inputs) === null || _theme$general12$comp2 === void 0 ? void 0 : _theme$general12$comp2.borderColor) && (0, _styledComponents.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n    border: 1px solid ", ";\n    &::placeholder,\n    &::-webkit-input-placeholder,\n    &:-ms-input-placeholder {\n      color: ", ";\n    }\n  "])), theme === null || theme === void 0 ? void 0 : (_theme$general13 = theme.general) === null || _theme$general13 === void 0 ? void 0 : (_theme$general13$comp = _theme$general13.components) === null || _theme$general13$comp === void 0 ? void 0 : (_theme$general13$comp2 = _theme$general13$comp.inputs) === null || _theme$general13$comp2 === void 0 ? void 0 : _theme$general13$comp2.borderColor, theme === null || theme === void 0 ? void 0 : (_theme$general14 = theme.general) === null || _theme$general14 === void 0 ? void 0 : (_theme$general14$comp = _theme$general14.components) === null || _theme$general14$comp === void 0 ? void 0 : (_theme$general14$comp2 = _theme$general14$comp.inputs) === null || _theme$general14$comp2 === void 0 ? void 0 : _theme$general14$comp2.borderColor);
 });
 exports.TextArea = TextArea;
-var InputGroupRight = (0, _styledComponents.default)(InputGroupLeft)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  border-radius: 0 34px 34px 0;\n  line-height: 34px;\n  border-right-width: 1px;\n  border-left-width: 0;\n  ", "\n  & ", " {\n    margin-left: 0;\n    margin-right: -7px;\n    ", "\n  }\n  \n"])), function (props) {
+var InputGroupRight = (0, _styledComponents.default)(InputGroupLeft)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  border-radius: 0 34px 34px 0;\n  line-height: 34px;\n  border-right-width: 1px;\n  border-left-width: 0;\n  ", "\n  & ", " {\n    margin-left: 0;\n    margin-right: -7px;\n    ", "\n  }\n  \n"])), function (props) {
   var _props$theme3;
-  return ((_props$theme3 = props.theme) === null || _props$theme3 === void 0 ? void 0 : _props$theme3.rtl) && (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n        border-left-width: 1px;\n        border-right-width: 0;\n        border-radius: 0 0 34px 34px;\n    "])));
+  return ((_props$theme3 = props.theme) === null || _props$theme3 === void 0 ? void 0 : _props$theme3.rtl) && (0, _styledComponents.css)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n        border-left-width: 1px;\n        border-right-width: 0;\n        border-radius: 0 0 34px 34px;\n    "])));
 }, _Buttons.Button, function (props) {
   var _props$theme4;
-  return ((_props$theme4 = props.theme) === null || _props$theme4 === void 0 ? void 0 : _props$theme4.rtl) && (0, _styledComponents.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n        margin-left: -7px;\n        margin-right: 0;\n    "])));
+  return ((_props$theme4 = props.theme) === null || _props$theme4 === void 0 ? void 0 : _props$theme4.rtl) && (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n        margin-left: -7px;\n        margin-right: 0;\n    "])));
 });
 exports.InputGroupRight = InputGroupRight;
-var InputPrimary = (0, _styledComponents.default)(Input)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  background: #FFF;\n  color: ", ";\n  border-color: ", ";\n  &:focus {\n    border-color: ", ";\n  }\n"])), function (props) {
+var InputPrimary = (0, _styledComponents.default)(Input)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  background: #FFF;\n  color: ", ";\n  border-color: ", ";\n  &:focus {\n    border-color: ", ";\n  }\n"])), function (props) {
   return props.theme.colors.primary;
 }, function (props) {
   return props.theme.colors.primary;
@@ -61,7 +85,7 @@ var InputPrimary = (0, _styledComponents.default)(Input)(_templateObject15 || (_
   return (0, _polished.darken)(0.1, props.theme.colors.primary);
 });
 exports.InputPrimary = InputPrimary;
-var InputSecundary = (0, _styledComponents.default)(Input)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  background: #FFF;\n  color: ", ";\n  border-color: ", ";\n  &:focus {\n    border-color: ", ";\n  }\n"])), function (props) {
+var InputSecundary = (0, _styledComponents.default)(Input)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  background: #FFF;\n  color: ", ";\n  border-color: ", ";\n  &:focus {\n    border-color: ", ";\n  }\n"])), function (props) {
   return props.theme.colors.secundary;
 }, function (props) {
   return props.theme.colors.secundary;
@@ -69,7 +93,7 @@ var InputSecundary = (0, _styledComponents.default)(Input)(_templateObject16 ||
   return (0, _polished.darken)(0.1, props.theme.colors.secundary);
 });
 exports.InputSecundary = InputSecundary;
-var InputGroupPrimary = (0, _styledComponents.default)(InputGroup)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  & > ", " {\n    color: ", ";\n    border-color: ", ";\n  }\n"])), InputGroupLeft, function (props) {
+var InputGroupPrimary = (0, _styledComponents.default)(InputGroup)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n  & > ", " {\n    color: ", ";\n    border-color: ", ";\n  }\n"])), InputGroupLeft, function (props) {
   return props.theme.colors.primary;
 }, function (props) {
   return props.theme.colors.primary;

package/_modules/utils/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.verifyDecimals = exports.sortInputFields = exports.shape = exports.scrollTo = exports.reviewCommentList = exports.priceList = exports.lightenDarkenColor = exports.getTraduction = exports.getTimes = exports.getStarWidth = exports.getOrderStatus = exports.getIconCard = exports.getHourMin = exports.getGoogleMapImage = exports.getDistance = exports.getCateringValues = exports.formatUrlVideo = exports.formatSeconds = exports.flatArray = exports.fieldsToSort = exports.convertToRadian = exports.convertHoursToMinutes = exports.checkSiteUrl = exports.capitalize = exports.calendarLanguages = exports.bytesConverter = void 0;
+exports.verifyDecimals = exports.sortInputFields = exports.shape = exports.scrollTo = exports.reviewCommentList = exports.priceList = exports.orderTypeList = exports.lightenDarkenColor = exports.getTraduction = exports.getTimes = exports.getStarWidth = exports.getOrderStatus = exports.getIconCard = exports.getHourMin = exports.getGoogleMapImage = exports.getDistance = exports.getCateringValues = exports.formatUrlVideo = exports.formatSeconds = exports.flatArray = exports.fieldsToSort = exports.convertToRadian = exports.convertHoursToMinutes = exports.checkSiteUrl = exports.capitalize = exports.calendarLanguages = exports.bytesConverter = void 0;
 var _orderingComponentsExternal = require("ordering-components-external");
 var _styledComponents = require("styled-components");
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
@@ -406,12 +406,18 @@ var priceList = [{
   content: '$$$$$'
 }];
 
+/**
+ * List of order type
+ */
+exports.priceList = priceList;
+var orderTypeList = ['delivery', 'pickup', 'eatin', 'curbside', 'drivethru', 'seatdelivery'];
+
 /**
  * function to manage review comment list
  * @param {number} param0 type of reviews to return
  * @returns object with reviews dictionary
  */
-exports.priceList = priceList;
+exports.orderTypeList = orderTypeList;
 var reviewCommentList = function reviewCommentList(type) {
   var _useLanguage5 = (0, _orderingComponentsExternal.useLanguage)(),
     _useLanguage6 = _slicedToArray(_useLanguage5, 2),

package/index.html

@@ -8,7 +8,7 @@
   <link rel="apple-touch-icon" href="/favicon.png">
   <link rel="android-touch-icon" href="/favicon.png">
   <link rel="windows-touch-icon" href="/favicon.png">
-  <link rel="icon" href="/favicon.png" type="image/png" sizes="16x16">
+  <link rel="icon" href="/favicon.png" type="image/png" sizes="16x16" id='favicon'>
   <title><%= htmlWebpackPlugin.options.title %></title>
   <style type="text/css" id="styles"></style>
   <style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ordering-ui-external",
-  "version": "2.4.6",
+  "version": "2.5.0",
   "description": "Ordering UI Components",
   "main": "./_modules/index.js",
   "exports": {
@@ -86,7 +86,8 @@
     "libphonenumber-js": "^1.9.4",
     "lodash": "^4.17.19",
     "moment": "^2.29.4",
-    "ordering-components-external": "2.5.4",
+    "nanoid": "^4.0.0",
+    "ordering-components-external": "2.6.0",
     "polished": "^3.6.6",
     "react-bootstrap-icons": "^1.7.2",
     "react-calendar": "^3.3.1",

package/src/components/OrdersOption/styles.js

@@ -243,6 +243,7 @@ export const ImageNotFound = styled.div`
 `
 
 export const BusinessInformation = styled.div`
+  width: 80%;
   display: inline-flex;
   flex-direction: column;
   flex: 1;

package/src/components/VerticalOrdersLayout/SingleOrderCard/index.js

@@ -47,10 +47,18 @@ const SingleOrderCardUI = (props) => {
     onRedirectPage({ page, params })
   }
 
+  const hideBusinessLogo = theme?.orders?.components?.business_logo?.hidden
+  const hideDate = theme?.orders?.components?.date?.hidden
+  const hideBusinessName = theme?.orders?.components?.business_name?.hidden
+  const hideOrderNumber = theme?.orders?.components?.order_number?.hidden
+  const hideReviewOrderButton = theme?.orders?.components?.review_order_button?.hidden
+  const hideReorderButton = theme?.orders?.components?.reorder_button?.hidden
+  const hideOrderStatus = theme?.orders?.components?.order_status?.hidden
+
   return (
     <SingleCard key={order.id} id='order-card' onClick={(e) => handleClickCard(e, order)}>
       <OrderPastContent>
-        {(order.business?.logo || theme.images?.dummies?.businessLogo) && (
+        {!hideBusinessLogo && (order.business?.logo || theme.images?.dummies?.businessLogo) && (
           <>
             {order?.business?.length > 1 ? (
               <MultiLogosContainer>
@@ -77,7 +85,9 @@ const SingleOrderCardUI = (props) => {
         )}
         <BusinessInformation>
           <WrapperBusinessTitle>
-            <h2>{order?.business?.length > 1 ? `${t('GROUP_ORDER', 'Group Order')} ${t('No', 'No')}. ${order?.cart_group_id}` : order.business?.name}</h2>
+            {!hideBusinessName && (
+              <h2>{order?.business?.length > 1 ? `${t('GROUP_ORDER', 'Group Order')} ${t('No', 'No')}. ${order?.cart_group_id}` : order.business?.name}</h2>
+            )}
             {!order?.business?.length && (
               <FavoriteWrapper onClick={() => handleChangeFavorite(order)} className='favorite'>
                 {order?.favorite ? <Like /> : <DisLike />}
@@ -85,30 +95,38 @@ const SingleOrderCardUI = (props) => {
             )}
           </WrapperBusinessTitle>
           <OrderInfo>
-            {order?.id && (
+            {!hideOrderNumber && order?.id && (
               <>
                 <p name='order_number'>{order?.business?.length > 1 ? `${order?.business?.length} ${t('ORDERS', 'orders')}` : `${t('ORDER_NUM', 'Order No.')} ${order.id}`}</p>
                 <BsDot className='dot' />
               </>
             )}
-            <p>{order?.delivery_datetime_utc ? parseDate(order?.delivery_datetime_utc) : parseDate(order?.delivery_datetime, { utc: false })}</p>
+            {!hideDate && (
+              <p>{order?.delivery_datetime_utc ? parseDate(order?.delivery_datetime_utc) : parseDate(order?.delivery_datetime, { utc: false })}</p>
+            )}
           </OrderInfo>
-          <p className='status'>{getOrderStatus(order.status)?.value}</p>
+          {!hideOrderStatus && (
+            <p className='status'>{getOrderStatus(order.status)?.value}</p>
+          )}
         </BusinessInformation>
       </OrderPastContent>
       <Reorder>
-        <Button
-          outline
-          disabled={!!order?.review}
-          color='primary'
-          className='review'
-          onClick={() => setOrderSelected(order)}
-        >
-          {!!order?.review ? t('REVIEWED', 'Reviewed') : t('REVIEW', 'Review')}
-        </Button>
-        <Button color='primary' className='reorder' outline onClick={() => handleReorder(order.id)}>
-          {orderID === order.id && reorderLoading ? t('LOADING', 'Loading...') : t('REORDER', 'Reorder')}
-        </Button>
+        {!hideReviewOrderButton && (
+          <Button
+            outline
+            disabled={!!order?.review}
+            color='primary'
+            className='review'
+            onClick={() => setOrderSelected(order)}
+          >
+            {!!order?.review ? t('REVIEWED', 'Reviewed') : t('REVIEW', 'Review')}
+          </Button>
+        )}
+        {!hideReorderButton && typeof order?.id === 'number' && (
+          <Button color='primary' className='reorder' outline onClick={() => handleReorder(order.id)}>
+            {orderID === order.id && reorderLoading ? t('LOADING', 'Loading...') : t('REORDER', 'Reorder')}
+          </Button>
+        )}
       </Reorder>
     </SingleCard>
   )

package/src/components/VerticalOrdersLayout/styles.js

@@ -76,12 +76,21 @@ export const PastLogo = styled.div`
     object-fit: contain;
   }
   box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 10px;
+  display: none;
+
+  @media (min-width: 480px) {
+    display: block;
+  }
 `
 
 export const WrapperBusinessTitle = styled.div`
   width: 95%;
   display: flex;
   gap: 10px;
+
+  @media (min-width: 480px) {
+    width: 80%;
+  }
 `
 
 export const Reorder = styled.div`

package/src/contexts/ThemeContext/index.js

@@ -101,6 +101,7 @@ export const ThemeProvider = ({ children, ...props }) => {
         font.rel = 'stylesheet'
         font.async = true
         font.defer = true
+        font.name = fontFamily.name
         font.href = `https://fonts.googleapis.com/css2?family=${fontFamily.name}:wght@${fontFamily.weights.join(';')}&display=swap`
 
         window.document.body.appendChild(font)

package/src/themes/five/src/components/AddressList/index.js

@@ -88,11 +88,11 @@ const AddressListUI = (props) => {
         address.internal_number === obj.internal_number
       )))) || []
 
-  const showAddress = !orderingTheme?.theme?.profile?.components?.address_list?.components?.address?.hidden
-  const showIcons = !orderingTheme?.theme?.profile?.components?.address_list?.components?.icons?.hidden
-  const showZipcode = !orderingTheme?.theme?.profile?.components?.address_list?.components?.zipcode?.hidden
-  const showInternalNumber = !orderingTheme?.theme?.profile?.components?.address_list?.components?.internal_number?.hidden
-  const notFoundImage = orderingTheme?.theme?.profile?.components?.address_list?.components?.image
+  const showAddress = !theme?.profile?.components?.address_list?.components?.address?.hidden
+  const showIcons = !theme?.profile?.components?.address_list?.components?.icons?.hidden
+  const showZipcode = !theme?.profile?.components?.address_list?.components?.zipcode?.hidden
+  const showInternalNumber = !theme?.profile?.components?.address_list?.components?.internal_number?.hidden
+  const notFoundImage = theme?.profile?.components?.address_list?.components?.image
   const openAddress = (address) => {
     setCurAddress(address)
     setAddressOpen(true)
@@ -193,7 +193,7 @@ const AddressListUI = (props) => {
   const AddressListCallcenterLayout = ({ children }) => {
     return (
       <AddressHalfContainer>
-        <List halfWidth={addressOpen}>
+        <List halfWidth={addressOpen} id='address_list'>
           {children}
         </List>
         {addressOpen && (

package/src/themes/five/src/components/BusinessBasicInformation/index.js

@@ -36,7 +36,6 @@ import {
   IconWrapper,
   BusinessInfoWrapper,
   WrapperFloatingSearch,
-  CategorySelectedContainer,
   SearchWrapper
 } from './styles'
 import { BusinessPreorder } from '../BusinessPreorder'
@@ -45,7 +44,6 @@ import dayjs from 'dayjs'
 import timezone from 'dayjs/plugin/timezone'
 import isBetween from 'dayjs/plugin/isBetween'
 import { useWindowSize } from '../../../../../hooks/useWindowSize'
-import BsCaretLeftFill from '@meronex/icons/bs/BsCaretLeftFill'
 
 dayjs.extend(timezone)
 dayjs.extend(isBetween)
@@ -65,10 +63,7 @@ export const BusinessBasicInformation = (props) => {
     handleChangeSortBy,
     categoryState,
     errorQuantityProducts,
-    isCustomerMode,
-    categoryClicked,
-    categorySelected,
-    setCategoryClicked
+    isCustomerMode
   } = props
   const { business, loading } = businessState
 
@@ -137,20 +132,32 @@ export const BusinessBasicInformation = (props) => {
 
   const handleScroll = () => {
     const searchElement = document.getElementById('search-component')
-    if (!searchElement) return
-    const limit = window.pageYOffset >= searchElement?.offsetTop && window.pageYOffset > 0
-    if (limit) {
-      const classAdded = searchElement.classList.contains('fixed-search')
-      !classAdded && searchElement.classList.add('fixed-search')
-    } else {
-      searchElement && searchElement.classList.remove('fixed-search')
+    if (searchElement) {
+      const limit = window.pageYOffset >= searchElement?.offsetTop && window.pageYOffset > 0
+      if (limit) {
+        const classAdded = searchElement.classList.contains('fixed-search')
+        !classAdded && searchElement.classList.add('fixed-search')
+      } else {
+        searchElement && searchElement.classList.remove('fixed-search')
+      }
+    }
+
+    const businessNameElement = document.getElementById('business_name')
+    if (businessNameElement) {
+      const limit = window.pageYOffset >= (businessNameElement?.offsetTop - 55) && window.pageYOffset > 0
+      if (limit && windowSize.width < 993) {
+        const classAdded = businessNameElement.classList.contains('fixed-name')
+        !classAdded && businessNameElement.classList.add('fixed-name')
+      } else {
+        businessNameElement && businessNameElement.classList.remove('fixed-name')
+      }
     }
   }
 
   useEffect(() => {
     window.addEventListener('scroll', handleScroll)
     return () => window.removeEventListener('scroll', handleScroll)
-  }, [])
+  }, [windowSize?.width])
 
   useEffect(() => {
     window.scroll({
@@ -161,12 +168,7 @@ export const BusinessBasicInformation = (props) => {
 
   const SearchComponent = () => {
     return (
-      <WrapperSearch id='search-component' isFlexEnd={windowSize.width >= 768}>
-        {categorySelected?.name && windowSize.width < 768 && (
-          <CategorySelectedContainer onClick={() => setCategoryClicked(false)}>
-            <BsCaretLeftFill /> {categorySelected?.name}
-          </CategorySelectedContainer>
-        )}
+      <WrapperSearch id='search-component'>
         <SearchWrapper>
           <SearchIconWrapper
             onClick={() => setOpenSearchProducts(true)}
@@ -203,7 +205,7 @@ export const BusinessBasicInformation = (props) => {
             <BusinessInfoItem isInfoShrunken={isInfoShrunken}>
               {!loading ? (
                 <TitleWrapper>
-                  <h2 className='bold'>{business?.name}</h2>
+                  <h2 className='bold' id='business_name'>{business?.name}</h2>
                   {business?.ribbon?.enabled && (
                     <RibbonBox
                       bgColor={business?.ribbon?.color}
@@ -367,7 +369,7 @@ export const BusinessBasicInformation = (props) => {
           !errorQuantityProducts &&
           !isInfoShrunken &&
           !business?.professionals?.length &&
-          (categoryClicked || windowSize.width >= 993) &&
+          // (categoryClicked || windowSize.width >= 993) &&
           (
             <SearchComponent />
           )}

package/src/themes/five/src/components/BusinessBasicInformation/styles.js

@@ -203,8 +203,9 @@ export const WrapperSearch = styled.div`
   margin: 15px 0px 0px;
   display: flex;
   align-items: center;
-  justify-content: ${props => props.isFlexEnd ? 'flex-end' : 'space-between'};
+  justify-content: flex-end;
   box-sizing: border-box;
+  z-index: 1002;
 
   .search-bar {
     margin-right: 10px;
@@ -241,13 +242,20 @@ export const WrapperSearch = styled.div`
   &.fixed-search {
     position: fixed;
     top: 0;
-    left: 0;
+    right: 0;
     z-index: 1002;
-    width: 100vw;
+    width: fit-content;
     margin-top: 0px;
     background-color: ${props => props.theme.colors.backgroundPage};
     padding: 10px;
   }
+
+  @media (min-width: 993px) {
+    &.fixed-search {
+      left: 0;
+      width: 100vw;
+    }
+  }
 `
 
 export const BusinessDetail = styled.div`
@@ -356,6 +364,19 @@ export const TitleWrapper = styled.div`
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
+    &.fixed-name {
+      z-index: 1002;
+      position: fixed;
+      top: 0;
+      width: calc(100vw - 190px);
+      padding: 10px 0;
+      font-size: 18px;
+      ${props => props.theme?.rtl ? css`
+        right: 50px;
+      ` : css`
+        left: 50px;
+      `}
+    }
     @media (min-width: 768px) {
       font-size: 32px;
     }

package/src/themes/five/src/components/BusinessController/index.js

@@ -86,6 +86,8 @@ const BusinessControllerUI = (props) => {
   const hideBusinessReviews = theme?.business_listing_view?.components?.business?.components?.reviews?.hidden
   const hideBusinessFavorite = theme?.business_listing_view?.components?.business?.components?.favorite?.hidden
   const hideBusinessOffer = theme?.business_listing_view?.components?.business?.components?.offer?.hidden
+  const hideBusinessHeader = theme?.business_listing_view?.components?.business?.components?.header?.hidden
+  const hideBusinessFavoriteBadge = theme?.business_listing_view?.components?.business?.components?.featured_badge?.hidden
 
   // const handleShowAlert = () => {
   //   setAlertState({ open: true, content: [t('ERROR_ADD_PRODUCT_BUSINESS_CLOSED', 'The Business is closed at the moment')] })
@@ -165,9 +167,9 @@ const BusinessControllerUI = (props) => {
             {isSkeleton ? (
               <Skeleton height={isCustomerMode ? 100 : 140} />
             ) : (
-              <BusinessHeader bgimage={optimizeImage((businessHeader || business?.header || theme.images?.dummies?.businessHeader), 'h_400,c_limit')} isClosed={!isBusinessOpen}>
+              <BusinessHeader bgimage={!hideBusinessHeader ? optimizeImage((businessHeader || business?.header || theme.images?.dummies?.businessHeader), 'h_400,c_limit') : ''} isClosed={!isBusinessOpen}>
                 <BusinessTags>
-                  {(businessFeatured ?? business?.featured) &&
+                  {(businessFeatured ?? business?.featured) && !hideBusinessFavoriteBadge &&
                     <span className='crown'>
                       <FaCrown />
                     </span>}

package/src/themes/five/src/components/BusinessInformation/index.js

@@ -26,6 +26,7 @@ import {
 } from './styles'
 import MdClose from '@meronex/icons/md/MdClose'
 import { ScheduleAccordion } from '../ScheduleAccordion'
+import { useTheme } from 'styled-components'
 
 export const BusinessInformationUI = (props) => {
   const {
@@ -41,10 +42,17 @@ export const BusinessInformationUI = (props) => {
   const [{ configs }] = useConfig()
   const [modalImage, setModalImage] = useState(false)
   const [image, setImage] = useState('')
-  const [orderingTheme] = useOrderingTheme()
+  const theme = useTheme()
 
-  const showLocation = !orderingTheme?.theme?.business_view?.components?.information?.components?.location?.hidden
-  const showSchedule = !orderingTheme?.theme?.business_view?.components?.information?.components?.schedule?.hidden
+  const hideLocation = theme?.business_view?.components?.information?.components?.location?.hidden
+  const hideSchedule = theme?.business_view?.components?.information?.components?.schedule?.hidden
+  const hideDescription = theme?.business_view?.components?.information?.components?.description?.hidden
+  const hideAbout = theme?.business_view?.components?.information?.components?.about?.hidden
+  const hideVideos = theme?.business_view?.components?.information?.components?.videos?.hidden
+  const hideDeliveryTime = theme?.business_view?.components?.information?.components?.delivery_time?.hidden
+  const hidePickupTime = theme?.business_view?.components?.information?.components?.pickup_time?.hidden
+  const hideImages = theme?.business_view?.components?.information?.components?.images?.hidden
+  const hideAddress = theme?.business_view?.components?.information?.components?.address?.hidden
 
   const scheduleFormatted = ({ hour, minute }) => {
     const checkTime = (val) => val < 10 ? `0${val}` : val
@@ -70,20 +78,20 @@ export const BusinessInformationUI = (props) => {
         </ModalIcon>
         <BusinessContent>
           <BusinessTitle>{business?.name}</BusinessTitle>
-          {business.about && (
+          {!hideAbout && business.about && (
             <>
               <SectionTitle>{t('BUSINESS_ABOUT', 'Business short description')}</SectionTitle>
               <Description>{business.about}</Description>
             </>
           )}
-          {business.description && (
+          {!hideDescription && business.description && (
             <>
               <SectionTitle>{t('BUSINESS_DESCRIPTION', 'Business description')}</SectionTitle>
               <Description>{business.description}</Description>
             </>
           )}
           {
-            showLocation && (
+            !hideLocation && (
               <>
                 {businessLocation.location && (
                   <>
@@ -100,7 +108,7 @@ export const BusinessInformationUI = (props) => {
                   </>
                 )}
                 {
-                  business?.address && <BusinessAddress>{business?.address}</BusinessAddress>
+                  !hideAddress && business?.address && <BusinessAddress>{business?.address}</BusinessAddress>
                 }
                 <Divider />
               </>
@@ -108,7 +116,7 @@ export const BusinessInformationUI = (props) => {
           }
           {businessSchedule?.length > 0 && (
             <>
-              {showSchedule && (
+              {!hideSchedule && (
                 <>
                   <SectionTitle>{t('OPENING_TIME', 'Opening time')}</SectionTitle>
                   <ScheduleSection>
@@ -128,14 +136,18 @@ export const BusinessInformationUI = (props) => {
               )}
               <DeliveryInfo>
                 <div>
-                  <h5>{t('DELIVERY_TIME', 'Delivery Time')}: {convertHoursToMinutes(business?.delivery_time)}</h5>
-                  <h5>{t('PICKUP_TIME', 'Pickup Time')}: {convertHoursToMinutes(business?.pickup_time)}</h5>
+                  {!hideDeliveryTime && (
+                    <h5>{t('DELIVERY_TIME', 'Delivery Time')}: {convertHoursToMinutes(business?.delivery_time)}</h5>
+                  )}
+                  {!hidePickupTime && (
+                    <h5>{t('PICKUP_TIME', 'Pickup Time')}: {convertHoursToMinutes(business?.pickup_time)}</h5>
+                  )}
                 </div>
               </DeliveryInfo>
               <Divider />
             </>
           )}
-          {businessVideos?.length > 0 && (
+          {!hideVideos && businessVideos?.length > 0 && (
             <BusinessMediaContent>
               <SectionTitle>{t('VIDEOS', 'Videos')}</SectionTitle>
               <div>
@@ -146,7 +158,7 @@ export const BusinessInformationUI = (props) => {
             </BusinessMediaContent>
           )}
           <Divider />
-          {businessPhotos?.length > 0 && (
+          {!hideImages && businessPhotos?.length > 0 && (
             <BusinessMediaContent>
               <SectionTitle>{t('IMAGES', 'Images')}</SectionTitle>
               <div>