ordering-ui-admin-external 1.6.2 → 1.6.3

package/template/pages/KioskApp/index.js

@@ -0,0 +1,12 @@
+import React from 'react'
+import { HelmetTags } from '../../components/HelmetTags'
+import { KioskApp as KioskAppController } from '../../../src/components/MyProducts'
+
+export const KioskApp = (props) => {
+  return (
+    <>
+      <HelmetTags page='kiosk_app' />
+      <KioskAppController {...props} />
+    </>
+  )
+}

package/template/pages/PosApp/index.js

@@ -0,0 +1,12 @@
+import React from 'react'
+import { HelmetTags } from '../../components/HelmetTags'
+import { PosApp as PosAppController } from '../../../src/components/MyProducts'
+
+export const PosApp = (props) => {
+  return (
+    <>
+      <HelmetTags page='pos_app' />
+      <PosAppController {...props} />
+    </>
+  )
+}

package/template/theme.json

@@ -53,5 +53,8 @@
     "warning": "#FFC700",
     "success": "#00D27A",
     "backgroundInfo": "#F5F9FF"
+  },
+  "defaultLanguages": {
+    "LOADING_DELICIOUS_FOOD": "Loading Ordering Dashboard..."
   }
 }

package/_modules/components/MyProducts/DriverApp/styles.js

@@ -1,29 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.HeaderTitleContainer = exports.FreeBtnWrapper = exports.ContentWrapper = exports.Container = exports.BrandedBtnWrapper = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  flex: 1;\n  padding: 25px 20px;\n  box-sizing: border-box;\n  transition: all 0.5s;\n  max-height: 100vh;\n  overflow: auto;\n  min-height: 100vh;\n"])));
-exports.Container = Container;
-var HeaderTitleContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  > h1 {\n    font-weight: 700;\n    font-size: 20px;\n    color: ", ";\n    margin: 0px;\n    line-height: 32px;\n  }\n\n  > button {\n    ", "\n\n    svg {\n      width: 25px;\n      height: 25px;\n    }\n  }\n"])), function (props) {
-  return props.theme.colors.headingColor;
-}, function (props) {
-  var _props$theme;
-  return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      margin-left: 8px;\n      margin-right: -8px;\n    "]))) : (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      margin-right: 8px;\n      margin-left: -8px;\n    "])));
-});
-exports.HeaderTitleContainer = HeaderTitleContainer;
-var ContentWrapper = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    margin-top: 27px;\n\n  > h1 {\n    font-weight: 700;\n    font-size: 32px;\n    line-height: 48px;\n    margin-top: 0px;\n    margin-bottom: 7px;\n  }\n\n  > p {\n    margin: 0px;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 24px;\n  }\n"])));
-exports.ContentWrapper = ContentWrapper;
-var FreeBtnWrapper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  button {\n    width: 100%;\n    height: 44px;\n    text-transform: capitalize;\n    &:first-child {\n      margin-bottom: 15px;\n    }\n  }\n\n  @media (min-width: 769px) {\n    flex-direction: row;\n    button {\n      width: 180px;\n      &:first-child {\n        margin-right: 15px;\n        margin-bottom: 0px;\n        ", "\n      }\n    }\n  }\n\n  @media (min-width: 1320px) {\n    button {\n      width: 260px;\n    }\n  }\n"])), function (props) {
-  return props.theme.rtl && (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n          margin-right: 0px;\n          margin-left: 15px;\n        "])));
-});
-exports.FreeBtnWrapper = FreeBtnWrapper;
-var BrandedBtnWrapper = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  button {\n    width: 100%;\n    height: 44px;\n    text-transform: capitalize;\n  }\n\n  @media (min-width: 576px) {\n    width: 260px;\n  }\n"])));
-exports.BrandedBtnWrapper = BrandedBtnWrapper;

package/_modules/components/MyProducts/StoreApp/styles.js

@@ -1,29 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.HeaderTitleContainer = exports.FreeBtnWrapper = exports.ContentWrapper = exports.Container = exports.BrandedBtnWrapper = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  flex: 1;\n  padding: 25px 20px;\n  box-sizing: border-box;\n  transition: all 0.5s;\n  max-height: 100vh;\n  overflow: auto;\n  min-height: 100vh;\n"])));
-exports.Container = Container;
-var HeaderTitleContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  > h1 {\n    font-weight: 700;\n    font-size: 20px;\n    color: ", ";\n    margin: 0px;\n    line-height: 32px;\n  }\n\n  > button {\n    ", "\n\n    svg {\n      width: 25px;\n      height: 25px;\n    }\n  }\n"])), function (props) {
-  return props.theme.colors.headingColor;
-}, function (props) {
-  var _props$theme;
-  return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      margin-left: 8px;\n      margin-right: -8px;\n    "]))) : (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      margin-right: 8px;\n      margin-left: -8px;\n    "])));
-});
-exports.HeaderTitleContainer = HeaderTitleContainer;
-var ContentWrapper = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    margin-top: 27px;\n\n  > h1 {\n    font-weight: 700;\n    font-size: 32px;\n    line-height: 48px;\n    margin-top: 0px;\n    margin-bottom: 7px;\n  }\n\n  > p {\n    margin: 0px;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 24px;\n  }\n"])));
-exports.ContentWrapper = ContentWrapper;
-var FreeBtnWrapper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  button {\n    width: 100%;\n    height: 44px;\n    text-transform: capitalize;\n    &:first-child {\n      margin-bottom: 15px;\n    }\n  }\n\n  @media (min-width: 769px) {\n    flex-direction: row;\n    button {\n      width: 180px;\n      &:first-child {\n        margin-right: 15px;\n        margin-bottom: 0px;\n        ", "\n      }\n    }\n  }\n\n  @media (min-width: 1320px) {\n    button {\n      width: 260px;\n    }\n  }\n"])), function (props) {
-  return props.theme.rtl && (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n          margin-right: 0px;\n          margin-left: 15px;\n        "])));
-});
-exports.FreeBtnWrapper = FreeBtnWrapper;
-var BrandedBtnWrapper = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  button {\n    width: 100%;\n    height: 44px;\n    text-transform: capitalize;\n  }\n\n  @media (min-width: 576px) {\n    width: 260px;\n  }\n"])));
-exports.BrandedBtnWrapper = BrandedBtnWrapper;

package/src/components/MyProducts/CustomerApp/styles.js

@@ -1,59 +0,0 @@
-import styled, { css } from 'styled-components'
-
-export const Container = styled.div`
-  flex: 1;
-  padding: 25px 20px;
-  box-sizing: border-box;
-  transition: all 0.5s;
-  max-height: 100vh;
-  overflow: auto;
-  min-height: 100vh;
-`
-
-export const HeaderTitleContainer = styled.div`
-  display: flex;
-  align-items: center;
-
-  > h1 {
-    font-weight: 700;
-    font-size: 20px;
-    color: ${props => props.theme.colors.headingColor};
-    margin: 0px;
-    line-height: 32px;
-  }
-
-  > button {
-    ${props => props.theme?.rtl ? css`
-      margin-left: 8px;
-      margin-right: -8px;
-    ` : css`
-      margin-right: 8px;
-      margin-left: -8px;
-    `}
-
-    svg {
-      width: 25px;
-      height: 25px;
-    }
-  }
-`
-
-export const ContentWrapper = styled.div`
-  height: calc(100% - 32px);
-  display: flex;
-  align-items: center;
-`
-
-export const ButtonWrapper = styled.div`
-  button {
-    width: 100%;
-    height: 44px;
-    text-transform: capitalize;
-  }
-
-  @media(min-width: 576px) {
-    button {
-      width: 260px;
-    }
-  }
-`

package/src/components/MyProducts/DriverApp/styles.js

@@ -1,104 +0,0 @@
-import styled, { css } from 'styled-components'
-
-export const Container = styled.div`
-  flex: 1;
-  padding: 25px 20px;
-  box-sizing: border-box;
-  transition: all 0.5s;
-  max-height: 100vh;
-  overflow: auto;
-  min-height: 100vh;
-`
-
-export const HeaderTitleContainer = styled.div`
-  display: flex;
-  align-items: center;
-
-  > h1 {
-    font-weight: 700;
-    font-size: 20px;
-    color: ${props => props.theme.colors.headingColor};
-    margin: 0px;
-    line-height: 32px;
-  }
-
-  > button {
-    ${props => props.theme?.rtl ? css`
-      margin-left: 8px;
-      margin-right: -8px;
-    ` : css`
-      margin-right: 8px;
-      margin-left: -8px;
-    `}
-
-    svg {
-      width: 25px;
-      height: 25px;
-    }
-  }
-`
-
-export const ContentWrapper = styled.div`
-    margin-top: 27px;
-
-  > h1 {
-    font-weight: 700;
-    font-size: 32px;
-    line-height: 48px;
-    margin-top: 0px;
-    margin-bottom: 7px;
-  }
-
-  > p {
-    margin: 0px;
-    font-weight: 400;
-    font-size: 16px;
-    line-height: 24px;
-  }
-`
-
-export const FreeBtnWrapper = styled.div`
-  display: flex;
-  flex-direction: column;
-  button {
-    width: 100%;
-    height: 44px;
-    text-transform: capitalize;
-    &:first-child {
-      margin-bottom: 15px;
-    }
-  }
-
-  @media (min-width: 769px) {
-    flex-direction: row;
-    button {
-      width: 180px;
-      &:first-child {
-        margin-right: 15px;
-        margin-bottom: 0px;
-        ${props => props.theme.rtl && css`
-          margin-right: 0px;
-          margin-left: 15px;
-        `}
-      }
-    }
-  }
-
-  @media (min-width: 1320px) {
-    button {
-      width: 260px;
-    }
-  }
-`
-
-export const BrandedBtnWrapper = styled.div`
-  button {
-    width: 100%;
-    height: 44px;
-    text-transform: capitalize;
-  }
-
-  @media (min-width: 576px) {
-    width: 260px;
-  }
-`

package/src/components/MyProducts/StoreApp/styles.js

@@ -1,104 +0,0 @@
-import styled, { css } from 'styled-components'
-
-export const Container = styled.div`
-  flex: 1;
-  padding: 25px 20px;
-  box-sizing: border-box;
-  transition: all 0.5s;
-  max-height: 100vh;
-  overflow: auto;
-  min-height: 100vh;
-`
-
-export const HeaderTitleContainer = styled.div`
-  display: flex;
-  align-items: center;
-
-  > h1 {
-    font-weight: 700;
-    font-size: 20px;
-    color: ${props => props.theme.colors.headingColor};
-    margin: 0px;
-    line-height: 32px;
-  }
-
-  > button {
-    ${props => props.theme?.rtl ? css`
-      margin-left: 8px;
-      margin-right: -8px;
-    ` : css`
-      margin-right: 8px;
-      margin-left: -8px;
-    `}
-
-    svg {
-      width: 25px;
-      height: 25px;
-    }
-  }
-`
-
-export const ContentWrapper = styled.div`
-    margin-top: 27px;
-
-  > h1 {
-    font-weight: 700;
-    font-size: 32px;
-    line-height: 48px;
-    margin-top: 0px;
-    margin-bottom: 7px;
-  }
-
-  > p {
-    margin: 0px;
-    font-weight: 400;
-    font-size: 16px;
-    line-height: 24px;
-  }
-`
-
-export const FreeBtnWrapper = styled.div`
-  display: flex;
-  flex-direction: column;
-  button {
-    width: 100%;
-    height: 44px;
-    text-transform: capitalize;
-    &:first-child {
-      margin-bottom: 15px;
-    }
-  }
-
-  @media (min-width: 769px) {
-    flex-direction: row;
-    button {
-      width: 180px;
-      &:first-child {
-        margin-right: 15px;
-        margin-bottom: 0px;
-        ${props => props.theme.rtl && css`
-          margin-right: 0px;
-          margin-left: 15px;
-        `}
-      }
-    }
-  }
-
-  @media (min-width: 1320px) {
-    button {
-      width: 260px;
-    }
-  }
-`
-
-export const BrandedBtnWrapper = styled.div`
-  button {
-    width: 100%;
-    height: 44px;
-    text-transform: capitalize;
-  }
-
-  @media (min-width: 576px) {
-    width: 260px;
-  }
-`