ordering-ui-admin-external 1.43.71 → 1.43.73

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 (15) hide show
  1. package/_bundles/{ordering-ui-admin.62681e6424fac724af54.js → ordering-ui-admin.bdf07dd15b2ad6973a2d.js} +2 -2
  2. package/_modules/components/Home/HomePage/index.js +2 -13
  3. package/_modules/components/Home/HomePage/styles.js +71 -77
  4. package/_modules/components/Login/ForgotPasswordForm/styles.js +19 -16
  5. package/_modules/components/Login/LoginForm/styles.js +35 -32
  6. package/_modules/components/Login/ResetPassword/styles.js +17 -14
  7. package/_modules/components/SidebarMenu/styles.js +36 -30
  8. package/package.json +2 -2
  9. package/src/components/Home/HomePage/index.js +0 -21
  10. package/src/components/Home/HomePage/styles.js +2 -10
  11. package/src/components/Login/ForgotPasswordForm/styles.js +10 -4
  12. package/src/components/Login/LoginForm/styles.js +7 -1
  13. package/src/components/Login/ResetPassword/styles.js +8 -2
  14. package/src/components/SidebarMenu/styles.js +6 -2
  15. /package/_bundles/{ordering-ui-admin.62681e6424fac724af54.js.LICENSE.txt → ordering-ui-admin.bdf07dd15b2ad6973a2d.js.LICENSE.txt} +0 -0
package/_modules/components/Login/ResetPassword/styles.js CHANGED
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.TitleFormSide = exports.ResetPasswordContainer = exports.RedirectLink = exports.InputWithIcon = exports.HeroSide = exports.HeroContainer = exports.FormSide = exports.FormInput = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
10
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
10
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
11
11
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
12
12
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
13
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -29,28 +29,31 @@ var HeroContainer = exports.HeroContainer = function HeroContainer(props) {
29
29
  style: style
30
30
  }), props.children);
31
31
  };
32
- var TitleFormSide = exports.TitleFormSide = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n color: #fff;\n\n h1 {\n text-transform: uppercase;\n font-size: 24px;\n margin: 0px;\n }\n\n p {\n font-size: 12px;\n margin-top: 0px;\n margin-bottom: 40px;\n }\n\n @media (min-width: 425px) {\n h1 {\n font-size: 24px;\n }\n p {\n font-size: 16px;\n }\n }\n\n @media (min-width: 769px) {\n h1 {\n font-size: 32px;\n }\n p {\n font-size: 16px;\n margin-bottom: 60px;\n }\n } \n"])));
32
+ var TitleFormSide = exports.TitleFormSide = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n color: #fff;\n\n h1 {\n text-transform: uppercase;\n font-size: 24px;\n margin: 0px;\n }\n\n p {\n font-size: 12px;\n margin-top: 0px;\n margin-bottom: 40px;\n }\n\n @media (min-width: 425px) {\n h1 {\n font-size: 24px;\n }\n p {\n font-size: 16px;\n }\n }\n\n @media (min-width: 769px) {\n h1 {\n font-size: 32px;\n }\n p {\n font-size: 16px;\n margin-bottom: 60px;\n }\n }\n"])));
33
33
  var FormSide = exports.FormSide = (0, _styledComponents.default)(Side)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n flex-direction: column;\n justify-content: center;\n background-color: #1C202E;\n padding: 0 8%;\n box-sizing: border-box;\n height: 100vh;\n\n @media (min-width: 769px) {\n height: auto;\n }\n\n @media (min-width: 992px) {\n margin-left: -80px;\n border-radius: 54px 0px 0px 54px;\n width: calc(50% + 80px);\n }\n"])));
34
- var FormInput = exports.FormInput = _styledComponents.default.form(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n width: ", ";\n display: flex;\n flex-direction: column;\n\n * {\n padding: 8px 0px;\n }\n\n input:not(:last-child) {\n margin-top: 15px;\n margin-bottom: 15px;\n padding-left: 60px;\n padding-top: 12px;\n padding-bottom: 12px;\n }\n\n button {\n position: relative;\n margin-top: 40px;\n padding: 9px 5px;\n\n svg {\n position: absolute;\n right: 35px;\n top: 8px;\n font-size: 24px;\n }\n }\n"])), function (_ref3) {
34
+ var FormInput = exports.FormInput = _styledComponents.default.form(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n width: ", ";\n display: flex;\n flex-direction: column;\n\n * {\n padding: 8px 0px;\n }\n\n input:not(:last-child) {\n margin-top: 15px;\n margin-bottom: 15px;\n ", "\n padding-top: 12px;\n padding-bottom: 12px;\n }\n\n button {\n position: relative;\n margin-top: 40px;\n padding: 9px 5px;\n\n svg {\n position: absolute;\n right: 35px;\n top: 8px;\n font-size: 24px;\n }\n }\n"])), function (_ref3) {
35
35
  var isPopup = _ref3.isPopup;
36
36
  return isPopup ? '90%' : '100%';
37
+ }, function (_ref4) {
38
+ var theme = _ref4.theme;
39
+ return theme.rtl ? (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n padding-right: 60px;\n "]))) : (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n padding-left: 60px;\n "])));
37
40
  });
38
- var InputWithIcon = exports.InputWithIcon = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n position: relative;\n display: flex;\n align-items: center;\n\n input {\n width: 100%;\n }\n\n img {\n position: absolute;\n width: 20px;\n padding: 0px;\n margin: 0 20px;\n }\n\n svg {\n position: absolute;\n font-size: 24px;\n color: #707070;\n padding: 0px;\n margin: 0 20px;\n }\n"])));
39
- var RedirectLink = exports.RedirectLink = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n padding: 10px;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n margin-top: 10px;\n font-size: 17px;\n\n span {\n color: #FFF;\n margin-right: 5px;\n\n ", "\n }\n\n a {\n color: ", ";\n text-decoration: none;\n }\n\n * {\n margin: 0px;\n padding: 0px;\n }\n\n ", "\n\n @media (min-width: 425px) {\n flex-direction: row;\n }\n\n @media (min-width: 768px) {\n font-size: 14px;\n }\n\n @media (min-width: 992px) {\n font-size: ", ";\n flex-direction: row;\n }\n\n @media (min-width: 1200px) {\n ", ";\n }\n"])), function (props) {
41
+ var InputWithIcon = exports.InputWithIcon = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n position: relative;\n display: flex;\n align-items: center;\n\n input {\n width: 100%;\n }\n\n img {\n position: absolute;\n width: 20px;\n padding: 0px;\n margin: 0 20px;\n }\n\n svg {\n position: absolute;\n font-size: 24px;\n color: #707070;\n padding: 0px;\n margin: 0 20px;\n }\n"])));
42
+ var RedirectLink = exports.RedirectLink = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n padding: 10px;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n margin-top: 10px;\n font-size: 17px;\n\n span {\n color: #FFF;\n margin-right: 5px;\n\n ", "\n }\n\n a {\n color: ", ";\n text-decoration: none;\n }\n\n * {\n margin: 0px;\n padding: 0px;\n }\n\n ", "\n\n @media (min-width: 425px) {\n flex-direction: row;\n }\n\n @media (min-width: 768px) {\n font-size: 14px;\n }\n\n @media (min-width: 992px) {\n font-size: ", ";\n flex-direction: row;\n }\n\n @media (min-width: 1200px) {\n ", ";\n }\n"])), function (props) {
40
43
  var _props$theme;
41
- return ((_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.rtl) && (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n margin-left: 5px;\n margin-right: 0px;\n "])));
44
+ return ((_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.rtl) && (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n margin-left: 5px;\n margin-right: 0px;\n "])));
42
45
  }, function (props) {
43
46
  return props.theme.colors.primary;
44
- }, function (_ref4) {
45
- var register = _ref4.register;
46
- return register && (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n width: calc(90% - 20px);\n\n @media (min-width: 481px) {\n width: ", ";\n }\n "])), function (_ref5) {
47
- var isPopup = _ref5.isPopup;
47
+ }, function (_ref5) {
48
+ var register = _ref5.register;
49
+ return register && (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n width: calc(90% - 20px);\n\n @media (min-width: 481px) {\n width: ", ";\n }\n "])), function (_ref6) {
50
+ var isPopup = _ref6.isPopup;
48
51
  return isPopup ? 'calc(90% - 20px)' : 'calc(80% - 20px)';
49
52
  });
50
- }, function (_ref6) {
51
- var isPopup = _ref6.isPopup;
52
- return isPopup ? '13px' : '18px';
53
53
  }, function (_ref7) {
54
54
  var isPopup = _ref7.isPopup;
55
- return isPopup && (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n font-size: 16px;\n "])));
55
+ return isPopup ? '13px' : '18px';
56
+ }, function (_ref8) {
57
+ var isPopup = _ref8.isPopup;
58
+ return isPopup && (0, _styledComponents.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n font-size: 16px;\n "])));
56
59
  });
package/_modules/components/SidebarMenu/styles.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.UserInfo = exports.SubMenu = exports.SidebarMainContent = exports.SidebarInnerContainer = exports.SidebarHeader = exports.SidebarContent = exports.SidebarContainer = exports.PoweredWrapper = exports.MobileMessage = exports.MenuContent = exports.MenuContainer = exports.LogoWrapper = exports.LanguageSelectorContainer = exports.BurgerButton = void 0;
8
8
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
9
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29;
9
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33;
10
10
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
11
11
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
12
12
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
@@ -14,10 +14,16 @@ var SidebarContainer = exports.SidebarContainer = _styledComponents.default.div(
14
14
  return props.theme.colors.backgroundPage;
15
15
  }, function (_ref) {
16
16
  var isCollapse = _ref.isCollapse;
17
- return isCollapse && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n margin-left: -100vw;\n "])));
17
+ return isCollapse && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n ", ";\n "])), function (props) {
18
+ var _props$theme;
19
+ return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["margin-right: -100vw;"]))) : (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["margin-left: -100vw;"])));
20
+ });
18
21
  }, function (_ref2) {
19
22
  var isCollapse = _ref2.isCollapse;
20
- return isCollapse && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n margin-left: -240px;\n "])));
23
+ return isCollapse && (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n ", ";\n "])), function (props) {
24
+ var _props$theme2;
25
+ return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["margin-right: -240px;"]))) : (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["margin-left: -240px;"])));
26
+ });
21
27
  }, function (props) {
22
28
  return props.theme.colors.primary;
23
29
  }, function (props) {
@@ -25,67 +31,67 @@ var SidebarContainer = exports.SidebarContainer = _styledComponents.default.div(
25
31
  }, function (props) {
26
32
  return props.theme.colors.primary;
27
33
  }, function (props) {
28
- var _props$theme;
29
- return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n margin-right: 15px;\n "]))) : (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n margin-left: 15px;\n "])));
34
+ var _props$theme3;
35
+ return (_props$theme3 = props.theme) !== null && _props$theme3 !== void 0 && _props$theme3.rtl ? (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n margin-right: 15px;\n "]))) : (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n margin-left: 15px;\n "])));
30
36
  });
31
- var SidebarInnerContainer = exports.SidebarInnerContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n height: 100%;\n @media (min-width: 760px) {\n position: sticky;\n top: 0px;\n ", "\n }\n"])), function (props) {
32
- var _props$theme2;
33
- return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n border-left: 1px solid ", ";\n "])), function (props) {
37
+ var SidebarInnerContainer = exports.SidebarInnerContainer = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n height: 100%;\n @media (min-width: 760px) {\n position: sticky;\n top: 0px;\n ", "\n }\n"])), function (props) {
38
+ var _props$theme4;
39
+ return (_props$theme4 = props.theme) !== null && _props$theme4 !== void 0 && _props$theme4.rtl ? (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n border-left: 1px solid ", ";\n "])), function (props) {
34
40
  return props.theme.colors.borderColor;
35
- }) : (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n border-right: 1px solid ", ";\n "])), function (props) {
41
+ }) : (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n border-right: 1px solid ", ";\n "])), function (props) {
36
42
  return props.theme.colors.borderColor;
37
43
  });
38
44
  });
39
- var SidebarHeader = exports.SidebarHeader = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n padding: 12px;\n"])));
40
- var LogoWrapper = exports.LogoWrapper = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n > img {\n max-width: 150px;\n max-height: 100px;\n object-fit: contain;\n }\n"])));
41
- var BurgerButton = exports.BurgerButton = _styledComponents.default.button(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n background-color: transparent;\n border: none;\n border-radius: 6px;\n height: 32px;\n padding: 0 5px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all .2s ease-in;\n\n > svg {\n width: 25px;\n height: 16px;\n color: #B1BCCC;\n }\n\n &:hover {\n background-color: #1507260a !important;\n\n > svg {\n color: #151b26;\n }\n }\n\n &:active {\n background-color: #1507261a !important;\n }\n"])));
42
- var SidebarMainContent = exports.SidebarMainContent = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n flex: 1;\n display: flex;\n flex-direction: column;\n overflow: auto;\n"])));
43
- var SidebarContent = exports.SidebarContent = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n flex: 1;\n box-sizing: border-box;\n transition: 0.1s;\n border-top: 1px solid ", ";\n border-bottom: 1px solid ", ";\n"])), function (props) {
45
+ var SidebarHeader = exports.SidebarHeader = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n padding: 12px;\n"])));
46
+ var LogoWrapper = exports.LogoWrapper = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n > img {\n max-width: 150px;\n max-height: 100px;\n object-fit: contain;\n }\n"])));
47
+ var BurgerButton = exports.BurgerButton = _styledComponents.default.button(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n background-color: transparent;\n border: none;\n border-radius: 6px;\n height: 32px;\n padding: 0 5px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all .2s ease-in;\n\n > svg {\n width: 25px;\n height: 16px;\n color: #B1BCCC;\n }\n\n &:hover {\n background-color: #1507260a !important;\n\n > svg {\n color: #151b26;\n }\n }\n\n &:active {\n background-color: #1507261a !important;\n }\n"])));
48
+ var SidebarMainContent = exports.SidebarMainContent = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n flex: 1;\n display: flex;\n flex-direction: column;\n overflow: auto;\n"])));
49
+ var SidebarContent = exports.SidebarContent = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n flex: 1;\n box-sizing: border-box;\n transition: 0.1s;\n border-top: 1px solid ", ";\n border-bottom: 1px solid ", ";\n"])), function (props) {
44
50
  return props.theme.colors.borderColor;
45
51
  }, function (props) {
46
52
  return props.theme.colors.borderColor;
47
53
  });
48
- var UserInfo = exports.UserInfo = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n transition: 0.1s;\n > button:first-child {\n margin: 5px 0;\n ", "\n span {\n max-width: calc(100% - 40px);\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n ", "\n font-weight: 600;\n font-size: 16px;\n }\n }\n"])), function (props) {
49
- var _props$theme3;
50
- return (_props$theme3 = props.theme) !== null && _props$theme3 !== void 0 && _props$theme3.rtl ? (0, _styledComponents.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n padding-right: 8px;\n "]))) : (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n padding-left: 8px;\n "])));
54
+ var UserInfo = exports.UserInfo = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n transition: 0.1s;\n > button:first-child {\n margin: 5px 0;\n ", "\n span {\n max-width: calc(100% - 40px);\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n ", "\n font-weight: 600;\n font-size: 16px;\n }\n }\n"])), function (props) {
55
+ var _props$theme5;
56
+ return (_props$theme5 = props.theme) !== null && _props$theme5 !== void 0 && _props$theme5.rtl ? (0, _styledComponents.css)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n padding-right: 8px;\n "]))) : (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n padding-left: 8px;\n "])));
51
57
  }, function (props) {
52
- var _props$theme4;
53
- return (_props$theme4 = props.theme) !== null && _props$theme4 !== void 0 && _props$theme4.rtl ? (0, _styledComponents.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n margin-right: 10px;\n "]))) : (0, _styledComponents.css)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n margin-left: 10px;\n "])));
58
+ var _props$theme6;
59
+ return (_props$theme6 = props.theme) !== null && _props$theme6 !== void 0 && _props$theme6.rtl ? (0, _styledComponents.css)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n margin-right: 10px;\n "]))) : (0, _styledComponents.css)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n margin-left: 10px;\n "])));
54
60
  });
55
- var MenuContainer = exports.MenuContainer = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n margin: 5px 0;\n > span {\n font-weight: 500;\n font-size: 10px;\n line-height: 15px;\n padding: 0px 13px;\n color: ", ";\n }\n > button {\n width: 100%;\n text-align: initial;\n }\n\n > span {\n font-weight: 500;\n font-size: 10px;\n line-height: 15px;\n padding: 20px;\n color: ", ";\n }\n\n ", "\n"])), function (props) {
61
+ var MenuContainer = exports.MenuContainer = _styledComponents.default.div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n margin: 5px 0;\n > span {\n font-weight: 500;\n font-size: 10px;\n line-height: 15px;\n padding: 0px 13px;\n color: ", ";\n }\n > button {\n width: 100%;\n text-align: initial;\n }\n\n > span {\n font-weight: 500;\n font-size: 10px;\n line-height: 15px;\n padding: 20px;\n color: ", ";\n }\n\n ", "\n"])), function (props) {
56
62
  return props.theme.colors.lightGray;
57
63
  }, function (props) {
58
64
  return props.theme.colors.lightGray;
59
65
  }, function (_ref3) {
60
66
  var disabledFeature = _ref3.disabledFeature;
61
- return disabledFeature && (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n background-color: ", ";\n cursor: not-allowed;\n > button {\n pointer-events: none;\n }\n "])), function (props) {
67
+ return disabledFeature && (0, _styledComponents.css)(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n background-color: ", ";\n cursor: not-allowed;\n > button {\n pointer-events: none;\n }\n "])), function (props) {
62
68
  return props.theme.colors.disabled;
63
69
  });
64
70
  });
65
- var MenuContent = exports.MenuContent = _styledComponents.default.div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n padding: 5px 0;\n"])));
66
- var SubMenu = exports.SubMenu = _styledComponents.default.div(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n cursor: pointer;\n padding: 5px 0;\n font-size: 14px;\n color: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n border-radius: 8px;\n\n &:hover {\n background-color: ", ";\n }\n\n ", "\n ", "\n\n ", "\n"])), function (props) {
71
+ var MenuContent = exports.MenuContent = _styledComponents.default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n padding: 5px 0;\n"])));
72
+ var SubMenu = exports.SubMenu = _styledComponents.default.div(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n cursor: pointer;\n padding: 5px 0;\n font-size: 14px;\n color: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n border-radius: 8px;\n\n &:hover {\n background-color: ", ";\n }\n\n ", "\n ", "\n\n ", "\n"])), function (props) {
67
73
  return props.theme.colors.lightGray;
68
74
  }, function (props) {
69
75
  return props.theme.colors.lightPrimary;
70
76
  }, function (_ref4) {
71
77
  var active = _ref4.active;
72
- return active && (0, _styledComponents.css)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n color: ", ";\n "])), function (props) {
78
+ return active && (0, _styledComponents.css)(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n color: ", ";\n "])), function (props) {
73
79
  return props.theme.colors.primary;
74
80
  });
75
81
  }, function (_ref5) {
76
82
  var disabledFeature = _ref5.disabledFeature;
77
- return disabledFeature && (0, _styledComponents.css)(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n background-color: ", "!important;\n cursor: not-allowed;\n "])), function (props) {
83
+ return disabledFeature && (0, _styledComponents.css)(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n background-color: ", "!important;\n cursor: not-allowed;\n "])), function (props) {
78
84
  return props.theme.colors.disabled;
79
85
  });
80
86
  }, function (props) {
81
- var _props$theme5;
82
- return (_props$theme5 = props.theme) !== null && _props$theme5 !== void 0 && _props$theme5.rtl ? (0, _styledComponents.css)(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n padding-right: 40px;\n "]))) : (0, _styledComponents.css)(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n padding-left: 40px;\n "])));
87
+ var _props$theme7;
88
+ return (_props$theme7 = props.theme) !== null && _props$theme7 !== void 0 && _props$theme7.rtl ? (0, _styledComponents.css)(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n padding-right: 40px;\n "]))) : (0, _styledComponents.css)(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n padding-left: 40px;\n "])));
83
89
  });
84
- var LanguageSelectorContainer = exports.LanguageSelectorContainer = _styledComponents.default.div(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n position: relative;\n border-radius: 8px;\n min-height: 35px;\n\n &:hover {\n background-color: ", ";\n }\n\n .options {\n > div {\n font-size: 14px;\n }\n }\n"])), function (props) {
90
+ var LanguageSelectorContainer = exports.LanguageSelectorContainer = _styledComponents.default.div(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n position: relative;\n border-radius: 8px;\n min-height: 35px;\n\n &:hover {\n background-color: ", ";\n }\n\n .options {\n > div {\n font-size: 14px;\n }\n }\n"])), function (props) {
85
91
  return props.theme.colors.lightPrimary;
86
92
  });
87
- var PoweredWrapper = exports.PoweredWrapper = _styledComponents.default.div(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n text-align: center;\n font-size: 14px;\n font-weight: 600;\n"])));
88
- var MobileMessage = exports.MobileMessage = _styledComponents.default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n position: fixed;\n top: 100px;\n left: calc(50% - 130px);\n z-index: 999;\n background: ", ";\n border: 1px solid ", ";\n box-sizing: border-box;\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n border-radius: 7.6px;\n width: 260px;\n > div {\n padding: 15px 15px 10px 15px;\n font-size: 12px;\n line-height: 18px;\n position: relative;\n > svg {\n position: absolute;\n top: 3px;\n right: 3px;\n cursor: pointer;\n font-size: 21px;\n }\n }\n"])), function (props) {
93
+ var PoweredWrapper = exports.PoweredWrapper = _styledComponents.default.div(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n text-align: center;\n font-size: 14px;\n font-weight: 600;\n"])));
94
+ var MobileMessage = exports.MobileMessage = _styledComponents.default.div(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n position: fixed;\n top: 100px;\n left: calc(50% - 130px);\n z-index: 999;\n background: ", ";\n border: 1px solid ", ";\n box-sizing: border-box;\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n border-radius: 7.6px;\n width: 260px;\n > div {\n padding: 15px 15px 10px 15px;\n font-size: 12px;\n line-height: 18px;\n position: relative;\n > svg {\n position: absolute;\n top: 3px;\n right: 3px;\n cursor: pointer;\n font-size: 21px;\n }\n }\n"])), function (props) {
89
95
  return props.theme.colors.backgroundInfo;
90
96
  }, function (props) {
91
97
  return props.theme.colors.primary;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ordering-ui-admin-external",
3
- "version": "1.43.71",
3
+ "version": "1.43.73",
4
4
  "description": "Ordering UI Admin Components",
5
5
  "main": "./_modules/index.js",
6
6
  "exports": {
@@ -83,7 +83,7 @@
83
83
  "lodash": "^4.17.20",
84
84
  "moment": "^2.29.1",
85
85
  "moment-range": "^4.0.2",
86
- "ordering-components-admin-external": "1.43.47",
86
+ "ordering-components-admin-external": "1.43.48",
87
87
  "polished": "^3.6.7",
88
88
  "prop-types": "^15.7.2",
89
89
  "react-big-calendar": "^1.4.2",
package/src/components/Home/HomePage/index.js CHANGED
@@ -34,9 +34,6 @@ import {
34
34
  AssistanceTitle,
35
35
  AssistanceBody,
36
36
  WidgeBlock,
37
- FeedbackWidgets,
38
- FeedbackContainer,
39
- ButtonWrapper,
40
37
  ProjectStatusContainer,
41
38
  ProjectInfoWrapper,
42
39
  GreetingText,
@@ -95,9 +92,6 @@ const HomeUI = (props) => {
95
92
  if (location === 'tech') {
96
93
  window.open('https://support.ordering.co', '_blank')
97
94
  }
98
- if (location === 'canny') {
99
- window.open('https://feedback.ordering.co', '_blank')
100
- }
101
95
  if (location === 'onboarding') {
102
96
  window.open(`https://calendly.com/luisana/group-onboarding-conference?month=${moment().format('YYYY-MM')}`, '_blank')
103
97
  }
@@ -375,21 +369,6 @@ const HomeUI = (props) => {
375
369
  )}
376
370
  </>
377
371
  )}
378
- {sessionState?.user?.level === 0 && (
379
- <FeedbackWidgets>
380
- <ParagraphHeaders>
381
- <p>{t('FEEDBACK', 'Feedback')}</p>
382
- </ParagraphHeaders>
383
- <FeedbackContainer>
384
- <h2>{t('SHARE_WITH_US_YOUR_IDEAS', 'Share with us your ideas')}</h2>
385
- <p className='center'>{t('FEEDBACK_DESCRIPTION', 'Do you think our functionalities can be improved or do you want to see a new feature?')}</p>
386
- <p>{t('SHARE_US_YOUR_COMMENTS', 'Share us your comments')}</p>
387
- <ButtonWrapper>
388
- <Button outline color='primary' onClick={() => goToLink('canny')}>{t('REQUESTS', 'Requests')}</Button>
389
- </ButtonWrapper>
390
- </FeedbackContainer>
391
- </FeedbackWidgets>
392
- )}
393
372
  </HomeContainer>
394
373
  <Modal
395
374
  width='769px'
package/src/components/Home/HomePage/styles.js CHANGED
@@ -15,18 +15,10 @@ export const HomeContainer = styled.div`
15
15
  padding: 20px 25px;
16
16
  }
17
17
  @media (min-width: 800px) {
18
- ${props => props.theme?.rtl ? css`
19
- padding-left: 100px;
20
- ` : css`
21
- padding-right: 100px;
22
- `}
18
+ padding-right: 100px;
23
19
  }
24
20
  @media (min-width: 1440px) {
25
- ${props => props.theme?.rtl ? css`
26
- padding-left: 180px;
27
- ` : css`
28
- padding-right: 180px;
29
- `}
21
+ padding-right: 180px;
30
22
  }
31
23
  `
32
24
  export const Breadcrumb = styled.div`
package/src/components/Login/ForgotPasswordForm/styles.js CHANGED
@@ -51,7 +51,7 @@ export const HeroContainer = (props) => {
51
51
 
52
52
  export const TitleFormSide = styled.div`
53
53
  color: #fff;
54
-
54
+
55
55
  h1 {
56
56
  text-transform: uppercase;
57
57
  font-size: 24px;
@@ -81,7 +81,7 @@ export const TitleFormSide = styled.div`
81
81
  font-size: 16px;
82
82
  margin-bottom: 60px;
83
83
  }
84
- }
84
+ }
85
85
  `
86
86
 
87
87
  export const FormSide = styled(Side)`
@@ -93,7 +93,7 @@ export const FormSide = styled(Side)`
93
93
  height: 100vh;
94
94
 
95
95
  @media (min-width: 769px) {
96
- height: auto;
96
+ height: auto;
97
97
  }
98
98
 
99
99
  @media (min-width: 992px) {
@@ -115,7 +115,13 @@ export const FormInput = styled.form`
115
115
  input:not(:last-child) {
116
116
  margin-top: 15px;
117
117
  margin-bottom: 15px;
118
- padding-left: 60px;
118
+ ${({ theme }) => theme.rtl
119
+ ? css`
120
+ padding-right: 60px;
121
+ `
122
+ : css`
123
+ padding-left: 60px;
124
+ `}
119
125
  padding-top: 12px;
120
126
  padding-bottom: 12px;
121
127
  }
package/src/components/Login/LoginForm/styles.js CHANGED
@@ -103,7 +103,13 @@ export const FormInput = styled.form`
103
103
  input:not(:last-child) {
104
104
  margin-top: 15px;
105
105
  margin-bottom: 15px;
106
- padding-left: 60px;
106
+ ${({ theme }) => theme.rtl
107
+ ? css`
108
+ padding-right: 60px;
109
+ `
110
+ : css`
111
+ padding-left: 60px;
112
+ `}
107
113
  padding-top: 12px;
108
114
  padding-bottom: 12px;
109
115
  }
package/src/components/Login/ResetPassword/styles.js CHANGED
@@ -81,7 +81,7 @@ export const TitleFormSide = styled.div`
81
81
  font-size: 16px;
82
82
  margin-bottom: 60px;
83
83
  }
84
- }
84
+ }
85
85
  `
86
86
 
87
87
  export const FormSide = styled(Side)`
@@ -115,7 +115,13 @@ export const FormInput = styled.form`
115
115
  input:not(:last-child) {
116
116
  margin-top: 15px;
117
117
  margin-bottom: 15px;
118
- padding-left: 60px;
118
+ ${({ theme }) => theme.rtl
119
+ ? css`
120
+ padding-right: 60px;
121
+ `
122
+ : css`
123
+ padding-left: 60px;
124
+ `}
119
125
  padding-top: 12px;
120
126
  padding-bottom: 12px;
121
127
  }
package/src/components/SidebarMenu/styles.js CHANGED
@@ -13,14 +13,18 @@ export const SidebarContainer = styled.div`
13
13
  overflow: auto;
14
14
  width: 100vw;
15
15
  ${({ isCollapse }) => isCollapse && css`
16
- margin-left: -100vw;
16
+ ${props => props.theme?.rtl
17
+ ? css`margin-right: -100vw;`
18
+ : css`margin-left: -100vw;`};
17
19
  `}
18
20
 
19
21
  @media (min-width: 768px) {
20
22
  position: relative;
21
23
  width: 240px;
22
24
  ${({ isCollapse }) => isCollapse && css`
23
- margin-left: -240px;
25
+ ${props => props.theme?.rtl
26
+ ? css`margin-right: -240px;`
27
+ : css`margin-left: -240px;`};
24
28
  `}
25
29
  }
26
30