ordering-ui-admin-external 1.7.0 → 1.7.1

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 (13) hide show
  1. package/_bundles/{ordering-ui-admin.f6cdf30b6e7d2ac03d1b.js → ordering-ui-admin.4e91d784f3b95343e365.js} +2 -2
  2. package/_bundles/{ordering-ui-admin.f6cdf30b6e7d2ac03d1b.js.LICENSE.txt → ordering-ui-admin.4e91d784f3b95343e365.js.LICENSE.txt} +0 -0
  3. package/_modules/components/Settings/IntegrationListing/index.js +12 -1
  4. package/_modules/components/Settings/LalamoveConnect/index.js +176 -0
  5. package/_modules/components/Settings/LalamoveConnect/styles.js +111 -0
  6. package/_modules/components/Settings/index.js +7 -0
  7. package/index-template.js +3 -1
  8. package/package.json +1 -1
  9. package/src/components/Settings/IntegrationListing/index.js +18 -0
  10. package/src/components/Settings/LalamoveConnect/index.js +222 -0
  11. package/src/components/Settings/LalamoveConnect/styles.js +330 -0
  12. package/src/components/Settings/index.js +2 -0
  13. package/template/assets/images/lala-move.png +0 -0
package/_modules/components/Settings/IntegrationListing/index.js CHANGED
@@ -18,6 +18,7 @@ var _ApiKeysList = require("../ApiKeysList");
18
18
  var _DoordashConnect = require("../DoordashConnect");
19
19
  var _styles2 = require("./styles");
20
20
  var _styledComponents = require("styled-components");
21
+ var _LalaMoveConnect = require("../LalaMoveConnect");
21
22
  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); }
22
23
  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; }
23
24
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -109,7 +110,13 @@ var IntegrationListing = function IntegrationListing(props) {
109
110
  }
110
111
  }, /*#__PURE__*/_react.default.createElement(_styles2.IconWrapper, null, /*#__PURE__*/_react.default.createElement("img", {
111
112
  src: theme.images.general.doordash
112
- })), /*#__PURE__*/_react.default.createElement(_styles2.SettingItemContent, null, /*#__PURE__*/_react.default.createElement("h5", null, t('CONNECT_WITH_DOORDASH', 'Connect with Doordash')), /*#__PURE__*/_react.default.createElement("p", null, t('CONNECT_DOORDASH_DESCRIPTION', 'Send orders directly to your driver in Doordash and keep customers happy with their deliveries.')))))), showOption === 'plugins' && /*#__PURE__*/_react.default.createElement(_Shared.SideBar, {
113
+ })), /*#__PURE__*/_react.default.createElement(_styles2.SettingItemContent, null, /*#__PURE__*/_react.default.createElement("h5", null, t('CONNECT_WITH_DOORDASH', 'Connect with Doordash')), /*#__PURE__*/_react.default.createElement("p", null, t('CONNECT_DOORDASH_DESCRIPTION', 'Send orders directly to your driver in Doordash and keep customers happy with their deliveries.')))), /*#__PURE__*/_react.default.createElement(_styles2.SettingItemContainer, {
114
+ onClick: function onClick() {
115
+ return handleOpenSetting('lalamove');
116
+ }
117
+ }, /*#__PURE__*/_react.default.createElement(_styles2.IconWrapper, null, /*#__PURE__*/_react.default.createElement("img", {
118
+ src: theme.images.general.lalamove
119
+ })), /*#__PURE__*/_react.default.createElement(_styles2.SettingItemContent, null, /*#__PURE__*/_react.default.createElement("h5", null, t('CONNECT_WITH_LALAMOVE', 'Connect with lalamove')), /*#__PURE__*/_react.default.createElement("p", null, t('CONNECT_LALAMOVE_DESCRIPTION', 'Send orders directly to your drivers in LalaMove and keep customers happy with their deliveries.')))))), showOption === 'plugins' && /*#__PURE__*/_react.default.createElement(_Shared.SideBar, {
113
120
  sidebarId: "plugins-integrations",
114
121
  defaultSideBarWidth: 600,
115
122
  open: showOption === 'plugins',
@@ -134,6 +141,10 @@ var IntegrationListing = function IntegrationListing(props) {
134
141
  onClose: function onClose() {
135
142
  return handleCloseSettings();
136
143
  }
144
+ }), showOption === 'lalamove' && /*#__PURE__*/_react.default.createElement(_LalaMoveConnect.LalaMoveConnect, {
145
+ onClose: function onClose() {
146
+ return handleCloseSettings();
147
+ }
137
148
  }));
138
149
  };
139
150
  exports.IntegrationListing = IntegrationListing;
package/_modules/components/Settings/LalamoveConnect/index.js ADDED
@@ -0,0 +1,176 @@
1
+ "use strict";
2
+
3
+ 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); }
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.LalaMoveConnect = void 0;
8
+ var _react = _interopRequireWildcard(require("react"));
9
+ var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
10
+ var _styles = require("../../../styles");
11
+ var _Shared = require("../../Shared");
12
+ var _BsArrowRight = _interopRequireDefault(require("@meronex/icons/bs/BsArrowRight"));
13
+ var _reactBootstrapIcons = require("react-bootstrap-icons");
14
+ var _useWindowSize2 = require("../../../hooks/useWindowSize");
15
+ var _styles2 = require("./styles");
16
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
+ 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); }
18
+ 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; }
19
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
20
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
21
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
22
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
23
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
24
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
25
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
26
+ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
27
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
28
+ var LalaMoveConnectUI = function LalaMoveConnectUI(props) {
29
+ var actionState = props.actionState,
30
+ onClose = props.onClose;
31
+ var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
32
+ _useLanguage2 = _slicedToArray(_useLanguage, 2),
33
+ t = _useLanguage2[1];
34
+ var _useWindowSize = (0, _useWindowSize2.useWindowSize)(),
35
+ width = _useWindowSize.width;
36
+ var _useState = (0, _react.useState)({
37
+ open: false,
38
+ content: []
39
+ }),
40
+ _useState2 = _slicedToArray(_useState, 2),
41
+ alertState = _useState2[0],
42
+ setAlertState = _useState2[1];
43
+ var _useState3 = (0, _react.useState)({
44
+ open: false,
45
+ content: null,
46
+ handleOnAccept: null
47
+ }),
48
+ _useState4 = _slicedToArray(_useState3, 2),
49
+ confirm = _useState4[0],
50
+ setConfirm = _useState4[1];
51
+ var _useState5 = (0, _react.useState)(false),
52
+ _useState6 = _slicedToArray(_useState5, 2),
53
+ settingsOpen = _useState6[0],
54
+ setSettingsOpen = _useState6[1];
55
+ var toggleMainContent = function toggleMainContent() {
56
+ if (width <= 500) {
57
+ document.getElementById('catDescription').style.width = '100vw';
58
+ } else {
59
+ if (settingsOpen && width >= 1000) {
60
+ document.getElementById('catDescription').style.width = '1000px';
61
+ } else {
62
+ document.getElementById('catDescription').style.width = '500px';
63
+ }
64
+ }
65
+ };
66
+ var handleGoToLink = function handleGoToLink(link) {
67
+ window.open(link, '_blank');
68
+ };
69
+ (0, _react.useEffect)(function () {
70
+ if (!(actionState !== null && actionState !== void 0 && actionState.error)) return;
71
+ setAlertState({
72
+ open: true,
73
+ content: actionState === null || actionState === void 0 ? void 0 : actionState.error
74
+ });
75
+ }, [actionState === null || actionState === void 0 ? void 0 : actionState.error]);
76
+ (0, _react.useEffect)(function () {
77
+ if (width < 1000) return;
78
+ if (settingsOpen) {
79
+ document.getElementById('catDescription').style.width = '1000px';
80
+ } else {
81
+ toggleMainContent();
82
+ }
83
+ }, [settingsOpen]);
84
+ (0, _react.useEffect)(function () {
85
+ toggleMainContent();
86
+ }, [width]);
87
+ var LalaMoveConnectDescription = function LalaMoveConnectDescription() {
88
+ return /*#__PURE__*/_react.default.createElement(_styles2.CategoryExtraContent, null, /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
89
+ color: "black",
90
+ onClick: function onClick() {
91
+ return setSettingsOpen(false);
92
+ }
93
+ }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.XLg, null)), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_styles2.Header, null, /*#__PURE__*/_react.default.createElement("h1", null, t('MORE_INFO', 'More Info'))), /*#__PURE__*/_react.default.createElement(_styles2.SettingListConatiner, null, /*#__PURE__*/_react.default.createElement(_Shared.DragScroll, null, /*#__PURE__*/_react.default.createElement(_styles2.Tab, {
94
+ active: true
95
+ }, t('GENERAL', 'General')))), /*#__PURE__*/_react.default.createElement(_styles2.Paragraph, null, /*#__PURE__*/_react.default.createElement("h2", null, t('REQUIREMENTS', 'Requirements')), /*#__PURE__*/_react.default.createElement("p", null, t('LALAMOVE_CONNECT_REQUIREMENTS', 'For this integration to work you need: \n' + '1.- LalaMove account. \n' + '2.- The advanced logistics module must be active. \n' + '3.- Package of Ordering.'))), /*#__PURE__*/_react.default.createElement(_styles2.Paragraph, null, /*#__PURE__*/_react.default.createElement("h2", null, t('ARTICLE', 'Article')), /*#__PURE__*/_react.default.createElement("p", null, t('LALAMOVE_CONNECT_ARTICLE', 'To connect with LalaMove, you’ll have to use plugins, put in your LalaMove credentials, connect your LalaMove account, and create a driver company inside this dashboard; follow the next article step by step and get this connected in less than 5 minutes.')), /*#__PURE__*/_react.default.createElement("a", {
96
+ onClick: function onClick() {
97
+ return handleGoToLink(t('LALAMOVE_CONNECT_ARTICLE_LINK', 'https://support.ordering.co/hc/en-us/articles/10673894748941'));
98
+ }
99
+ }, t('VIEW_ARTICLE', 'View Article'))), /*#__PURE__*/_react.default.createElement(_styles2.Paragraph, null, /*#__PURE__*/_react.default.createElement("h2", null, t('SUPPORT', 'Support')), /*#__PURE__*/_react.default.createElement("p", null, t('LALAMOVE_CONNECT_SUPPORT', 'Are you having trouble connecting this?')), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("a", {
100
+ onClick: function onClick() {
101
+ return handleGoToLink(t('LALAMOVE_CONNECT_SUPPORT_LINK', 'https://www.ordering.co/contact-ordering'));
102
+ }
103
+ }, t('CONTACT_US', 'Contact us')), "; ", /*#__PURE__*/_react.default.createElement("span", null, t('WE_ARE_HAPPY_TO_HELP', 'we are happy to help.')))), /*#__PURE__*/_react.default.createElement(_styles2.Paragraph, null, /*#__PURE__*/_react.default.createElement("h2", null, t('PRICE_INSTALATION', 'Price and installation time.')), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("span", {
104
+ className: "bold"
105
+ }, t('DOORDASH_CONNECT_PRICE', '$99 monthly')), " | ", t('DOORDASH_CONNECT_INSTALLATION', 'less than 24 hrs to get it installed in your project.'))), /*#__PURE__*/_react.default.createElement(_styles2.PurchaseWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.Button, {
106
+ outline: true,
107
+ color: "primary",
108
+ onClick: function onClick() {
109
+ return handleGoToLink(t('PURCHASE_INTEGRATION_LINK', 'https://www.ordering.co/ordering-sales'));
110
+ }
111
+ }, t('PURCHASE_INTEGRATION', 'Purchase Integration')))));
112
+ };
113
+ return /*#__PURE__*/_react.default.createElement(_styles2.Container, {
114
+ id: "catDescription"
115
+ }, /*#__PURE__*/_react.default.createElement(_styles2.LalaMoveConnectContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.DescriptionHeader, null, /*#__PURE__*/_react.default.createElement(_styles2.HeaderIcons, null, /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
116
+ color: "black",
117
+ onClick: onClose
118
+ }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.XLg, null)))), /*#__PURE__*/_react.default.createElement(_styles2.Header, null, /*#__PURE__*/_react.default.createElement("h1", null, t('CONNECT_WITH_LALAMOVE', 'Connect with Lalamove')), /*#__PURE__*/_react.default.createElement(_styles.Button, {
119
+ color: "lightPrimary"
120
+ }, t('NEW', 'New'))), /*#__PURE__*/_react.default.createElement(_styles2.Description, null, t('CONNECT_WITH_LALAMOVE_DESCRIPTION', 'If you have already worked with LalaMove or are running your business with LalaMove and Ordering simultaneously, this integration will help you connect both platforms and assign orders through them, making your job easy and automated.')), /*#__PURE__*/_react.default.createElement(_styles2.AllSetting, {
121
+ onClick: function onClick() {
122
+ return setSettingsOpen(true);
123
+ }
124
+ }, /*#__PURE__*/_react.default.createElement("span", null, t('SETTINGS', 'All settings')), /*#__PURE__*/_react.default.createElement(_BsArrowRight.default, null))), settingsOpen && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, width >= 1000 ? /*#__PURE__*/_react.default.createElement(LalaMoveConnectDescription, null) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Shared.Modal, {
125
+ width: "70%",
126
+ height: "90vh",
127
+ open: true,
128
+ padding: "0px",
129
+ onClose: function onClose() {
130
+ return setSettingsOpen(false);
131
+ },
132
+ hideCloseDefault: true
133
+ }, /*#__PURE__*/_react.default.createElement(LalaMoveConnectDescription, null)))), /*#__PURE__*/_react.default.createElement(_Shared.Alert, {
134
+ title: t('WEB_APPNAME', 'Ordering'),
135
+ content: alertState.content,
136
+ acceptText: t('ACCEPT', 'Accept'),
137
+ open: alertState.open,
138
+ onClose: function onClose() {
139
+ return setAlertState({
140
+ open: false,
141
+ content: []
142
+ });
143
+ },
144
+ onAccept: function onAccept() {
145
+ return setAlertState({
146
+ open: false,
147
+ content: []
148
+ });
149
+ },
150
+ closeOnBackdrop: false
151
+ }), /*#__PURE__*/_react.default.createElement(_Shared.Confirm, {
152
+ title: t('WEB_APPNAME', 'Ordering'),
153
+ content: confirm.content,
154
+ acceptText: t('ACCEPT', 'Accept'),
155
+ open: confirm.open,
156
+ onClose: function onClose() {
157
+ return setConfirm(_objectSpread(_objectSpread({}, confirm), {}, {
158
+ open: false
159
+ }));
160
+ },
161
+ onCancel: function onCancel() {
162
+ return setConfirm(_objectSpread(_objectSpread({}, confirm), {}, {
163
+ open: false
164
+ }));
165
+ },
166
+ onAccept: confirm.handleOnAccept,
167
+ closeOnBackdrop: false
168
+ }));
169
+ };
170
+ var LalaMoveConnect = function LalaMoveConnect(props) {
171
+ var apiKeysProps = _objectSpread(_objectSpread({}, props), {}, {
172
+ UIComponent: LalaMoveConnectUI
173
+ });
174
+ return /*#__PURE__*/_react.default.createElement(_orderingComponentsAdminExternal.ApiKeysList, apiKeysProps);
175
+ };
176
+ exports.LalaMoveConnect = LalaMoveConnect;
package/_modules/components/Settings/LalamoveConnect/styles.js ADDED
@@ -0,0 +1,111 @@
1
+ "use strict";
2
+
3
+ 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); }
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.Tab = exports.SettingListConatiner = exports.PurchaseWrapper = exports.Paragraph = exports.LalaMoveConnectContainer = exports.HeaderIcons = exports.Header = exports.DropdownButtonWrapper = exports.DescriptionHeader = exports.Description = exports.Container = exports.CategoryExtraContent = exports.ApiKeysListTable = exports.AllSetting = exports.AddNewButton = void 0;
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, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36;
10
+ 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); }
11
+ 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; }
12
+ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
13
+ var LalaMoveConnectContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: 26px 20px;\n box-sizing: border-box;\n width: 100%;\n overflow-x: hidden;\n position: relative;\n\n @media (min-width: 768px) {\n padding: 26px 40px;\n }\n"])));
14
+ exports.LalaMoveConnectContainer = LalaMoveConnectContainer;
15
+ var Header = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n margin-bottom: 30px;\n\n ", "\n\n h1 {\n font-size: 20px;\n font-weight: 700;\n margin: 0px;\n text-transform: capitalize;\n }\n\n button {\n line-height: 12px;\n height: 16px;\n font-size: 10px;\n margin-left: 15px;\n padding: 2px 8px;\n border-radius: 50px;\n ", "\n }\n"])), function (props) {
16
+ var _props$theme;
17
+ return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n margin-left: 35px;\n "]))) : (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n margin-right: 35px;\n "])));
18
+ }, function (props) {
19
+ return props.theme.rtl && (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n margin-right: 15px;\n margin-left: 0px;\n "])));
20
+ });
21
+ exports.Header = Header;
22
+ var ApiKeysListTable = _styledComponents.default.table(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n width: 100%;\n margin-top: 25px;\n\n thead {\n border-bottom: 1px solid ", ";\n th {\n padding: 10px 0;\n &:last-child {\n padding-left: 20px;\n padding-right: 20px;\n }\n }\n }\n tr {\n width: 100%;\n th,\n td {\n font-size: 12px;\n word-break: break-all;\n\n &:last-child {\n width: 100px;\n > div {\n padding-left: 20px;\n padding-right: 20px;\n }\n }\n }\n }\n\n tbody {\n border-bottom: 1px solid ", ";\n td {\n padding-top: 9px;\n padding-bottom: 9px;\n\n &:last-child {\n > div {\n display: flex;\n justify-content: flex-end;\n }\n }\n }\n }\n"])), function (props) {
23
+ return props.theme.colors.secundaryLight;
24
+ }, function (props) {
25
+ return props.theme.colors.borderColor;
26
+ });
27
+ exports.ApiKeysListTable = ApiKeysListTable;
28
+ var DropdownButtonWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n ", "\n padding: 5px 20px;\n button {\n background: transparent !important;\n border: none;\n padding: 0px;\n &:active,\n &:focus {\n border-color: unset !important;\n box-shadow: none !important;\n }\n svg {\n color: ", ";\n }\n\n &:after {\n display: none;\n }\n }\n\n .show {\n button {\n background: ", " !important;\n border-color: unset !important;\n box-shadow: none !important;\n }\n >div {\n border: 1px solid ", ";\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n }\n }\n\n > div {\n > div {\n border-radius: 8px;\n .dropdown-item {\n font-size: 12px;\n color: ", ";\n }\n .dropdown-item:last-child {\n color: #E63757;\n }\n }\n }\n"])), function (props) {
29
+ var _props$theme2;
30
+ return props !== null && props !== void 0 && (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n border-right: 1px solid ", ";\n "])), function (props) {
31
+ return props.theme.colors.borderColor;
32
+ }) : (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n border-left: 1px solid ", ";\n "])), function (props) {
33
+ return props.theme.colors.borderColor;
34
+ });
35
+ }, function (props) {
36
+ return props.theme.colors.headingColor;
37
+ }, function (props) {
38
+ return props.theme.colors.secundary;
39
+ }, function (props) {
40
+ return props.theme.colors.borderColor;
41
+ }, function (props) {
42
+ return props.theme.colors.headingColor;
43
+ });
44
+ exports.DropdownButtonWrapper = DropdownButtonWrapper;
45
+ var AddNewButton = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n cursor: pointer;\n font-size: 12px;\n color: ", ";\n margin: 20px 0;\n width: fit-content;\n\n &:hover {\n color: ", ";\n }\n"])), function (props) {
46
+ return props.theme.colors.lightGray;
47
+ }, function (props) {
48
+ return props.theme.colors.primary;
49
+ });
50
+ exports.AddNewButton = AddNewButton;
51
+ var AllSetting = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n user-select: none;\n cursor: pointer;\n margin-top: 36px;\n cursor: pointer;\n span {\n font-weight: 600;\n font-size: 14px;\n color: ", ";\n }\n svg {\n color: ", ";\n margin-left: 5px;\n transition: 0.2s linear;\n ", "\n }\n &:hover {\n svg {\n transform: translateX(3px);\n }\n }\n"])), function (props) {
52
+ return props.theme.colors.primary;
53
+ }, function (props) {
54
+ return props.theme.colors.primary;
55
+ }, function (props) {
56
+ return props.theme.rtl && (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n margin-right: 5px;\n margin-left: 0px;\n "])));
57
+ });
58
+ exports.AllSetting = AllSetting;
59
+ var Description = _styledComponents.default.p(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n margin-top: 40px;\n font-size: 14px;\n margin-bottom: 0px;\n text-align: justify;\n\n @media (min-width: 768px) {\n text-align: initial;\n }\n"])));
60
+ exports.Description = Description;
61
+ var CategoryExtraContent = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n position: relative;\n padding: 26px 26px 60px 26px;\n box-sizing: border-box;\n width: 100%;\n overflow: auto;\n\n ", "\n\n > button {\n z-index: 100;\n position: absolute;\n top: 25px;\n ", "\n }\n"])), function (props) {
62
+ var _props$theme3;
63
+ return (_props$theme3 = props.theme) !== null && _props$theme3 !== void 0 && _props$theme3.rtl ? (0, _styledComponents.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n border-right: 1px solid #E9ECEF;\n "]))) : (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n border-left: 1px solid #E9ECEF;\n "])));
64
+ }, function (props) {
65
+ var _props$theme4;
66
+ return (_props$theme4 = props.theme) !== null && _props$theme4 !== void 0 && _props$theme4.rtl ? (0, _styledComponents.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n left: 20px;\n "]))) : (0, _styledComponents.css)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n right: 20px;\n "])));
67
+ });
68
+ exports.CategoryExtraContent = CategoryExtraContent;
69
+ var Container = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n display: flex;\n width: 0;\n position: fixed;\n box-shadow: -4px 0px 7px #ccc;\n\n ", "\n background: ", ";\n height: calc(var(--vh, 1vh) * 100);\n top: 0px;\n z-index: 1001;\n overflow-x: hidden;\n transition: 0.3s;\n\n ", "\n @media print {\n box-shadow: none;\n }\n"])), function (_ref) {
70
+ var isDriverOrders = _ref.isDriverOrders;
71
+ return isDriverOrders && (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n position: absolute;\n box-shadow: none;\n\n ", "\n "])), function (props) {
72
+ var _props$theme5;
73
+ return (_props$theme5 = props.theme) !== null && _props$theme5 !== void 0 && _props$theme5.rtl ? (0, _styledComponents.css)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n border-right: 1px solid #CCC;\n "]))) : (0, _styledComponents.css)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n border-left: 1px solid #CCC;\n "])));
74
+ });
75
+ }, function (props) {
76
+ var _props$theme$colors;
77
+ return ((_props$theme$colors = props.theme.colors) === null || _props$theme$colors === void 0 ? void 0 : _props$theme$colors.backgroundPage) || '#FFF';
78
+ }, function (props) {
79
+ var _props$theme6;
80
+ return (_props$theme6 = props.theme) !== null && _props$theme6 !== void 0 && _props$theme6.rtl ? (0, _styledComponents.css)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n left: 0px;\n "]))) : (0, _styledComponents.css)(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n right: 0px;\n "])));
81
+ });
82
+ exports.Container = Container;
83
+ var DescriptionHeader = _styledComponents.default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: flex-end;\n align-items: center;\n"])));
84
+ exports.DescriptionHeader = DescriptionHeader;
85
+ var HeaderIcons = _styledComponents.default.div(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n display: flex;\n position: absolute;\n top: 25px;\n right: 20px;\n\n > button:first-child {\n ", "\n }\n"])), function (props) {
86
+ var _props$theme7;
87
+ return (_props$theme7 = props.theme) !== null && _props$theme7 !== void 0 && _props$theme7.rtl ? (0, _styledComponents.css)(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n margin-left: 8px;\n "]))) : (0, _styledComponents.css)(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n margin-right: 8px;\n "])));
88
+ });
89
+ exports.HeaderIcons = HeaderIcons;
90
+ var SettingListConatiner = _styledComponents.default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n width: 100%;\n margin: 20px 0;\n border-bottom: 1px solid #E9ECEF;\n"])));
91
+ exports.SettingListConatiner = SettingListConatiner;
92
+ var Tab = _styledComponents.default.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n user-select: none;\n padding: 10px 0px;\n cursor: pointer;\n color: ", ";\n font-size: 14px;\n white-space: nowrap;\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
93
+ var _props$theme$colors2;
94
+ return (_props$theme$colors2 = props.theme.colors) === null || _props$theme$colors2 === void 0 ? void 0 : _props$theme$colors2.headingColor;
95
+ }, function (props) {
96
+ var _props$theme8;
97
+ return (_props$theme8 = props.theme) !== null && _props$theme8 !== void 0 && _props$theme8.rtl ? (0, _styledComponents.css)(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n margin-left: 30px;\n "]))) : (0, _styledComponents.css)(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n margin-right: 30px;\n "])));
98
+ }, function (_ref2) {
99
+ var active = _ref2.active;
100
+ return active && (0, _styledComponents.css)(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n border-bottom: 2px solid;\n font-weight: 500;\n "])));
101
+ }, function (_ref3) {
102
+ var active = _ref3.active;
103
+ return !active && (0, _styledComponents.css)(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n color: #909BA9;\n "])));
104
+ });
105
+ exports.Tab = Tab;
106
+ var Paragraph = _styledComponents.default.div(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n margin-top: 20px;\n h2{\n font-size: 16px;\n }\n p{\n white-space: pre-line;\n font-size: 12px;\n margin: 0;\n }\n span {\n font-size: 12px;\n }\n a {\n text-decoration: underline !important;\n cursor: pointer;\n font-size: 12px;\n color: ", " !important;\n }\n .bold {\n font-weight: 600;\n }\n"])), function (props) {
107
+ return props.theme.colors.primary;
108
+ });
109
+ exports.Paragraph = Paragraph;
110
+ var PurchaseWrapper = _styledComponents.default.div(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n button {\n border-radius: 5px;\n }\n margin-top: 15px;\n"])));
111
+ exports.PurchaseWrapper = PurchaseWrapper;
package/_modules/components/Settings/index.js CHANGED
@@ -75,6 +75,12 @@ Object.defineProperty(exports, "IntegrationListing", {
75
75
  return _IntegrationListing.IntegrationListing;
76
76
  }
77
77
  });
78
+ Object.defineProperty(exports, "LalaMoveConnect", {
79
+ enumerable: true,
80
+ get: function get() {
81
+ return _LalaMoveConnect.LalaMoveConnect;
82
+ }
83
+ });
78
84
  Object.defineProperty(exports, "LanguageManager", {
79
85
  enumerable: true,
80
86
  get: function get() {
@@ -192,6 +198,7 @@ var _SettingItemUI = require("./SettingItemUI");
192
198
  var _AddressFieldsSetting = require("./AddressFieldsSetting");
193
199
  var _CheckoutFieldsSetting = require("./CheckoutFieldsSetting");
194
200
  var _LanguageSetting = require("./LanguageSetting");
201
+ var _LalaMoveConnect = require("./LalaMoveConnect");
195
202
  var _SettingsDetail = require("./SettingsDetail");
196
203
  var _EmailSetting = require("./EmailSetting");
197
204
  var _SettingsList = require("./SettingsList");
package/index-template.js CHANGED
@@ -38,6 +38,7 @@ import googlePlay from './template/assets/images/google-play.png'
38
38
  import deliverect from './template/assets/images/deliverect.png'
39
39
  import ItsaCheckmateLogo from './template/assets/images/ItsaCheckmateLogo.png'
40
40
  import doordash from './template/assets/images/door-dash.png'
41
+ import lalamove from './template/assets/images/lala-move.png'
41
42
  /**
42
43
  * project statuses
43
44
  */
@@ -220,7 +221,8 @@ theme.images = {
220
221
  googlePlay,
221
222
  deliverect,
222
223
  ItsaCheckmateLogo,
223
- doordash
224
+ doordash,
225
+ lalamove
224
226
  },
225
227
  project: {
226
228
  active: projectActive,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ordering-ui-admin-external",
3
- "version": "1.7.0",
3
+ "version": "1.7.1",
4
4
  "description": "Ordering UI Admin Components",
5
5
  "main": "./_modules/index.js",
6
6
  "exports": {
package/src/components/Settings/IntegrationListing/index.js CHANGED
@@ -19,6 +19,7 @@ import {
19
19
  SettingItemContent
20
20
  } from './styles'
21
21
  import { useTheme } from 'styled-components'
22
+ import { LalaMoveConnect } from '../LalaMoveConnect'
22
23
 
23
24
  export const IntegrationListing = (props) => {
24
25
  const [, t] = useLanguage()
@@ -126,6 +127,17 @@ export const IntegrationListing = (props) => {
126
127
  <p>{t('CONNECT_DOORDASH_DESCRIPTION', 'Send orders directly to your driver in Doordash and keep customers happy with their deliveries.')}</p>
127
128
  </SettingItemContent>
128
129
  </SettingItemContainer>
130
+ <SettingItemContainer
131
+ onClick={() => handleOpenSetting('lalamove')}
132
+ >
133
+ <IconWrapper>
134
+ <img src={theme.images.general.lalamove} />
135
+ </IconWrapper>
136
+ <SettingItemContent>
137
+ <h5>{t('CONNECT_WITH_LALAMOVE', 'Connect with lalamove')}</h5>
138
+ <p>{t('CONNECT_LALAMOVE_DESCRIPTION', 'Send orders directly to your drivers in LalaMove and keep customers happy with their deliveries.')}</p>
139
+ </SettingItemContent>
140
+ </SettingItemContainer>
129
141
  </SettingListContainer>
130
142
  </IntegrationsContainer>
131
143
 
@@ -167,6 +179,12 @@ export const IntegrationListing = (props) => {
167
179
  onClose={() => handleCloseSettings()}
168
180
  />
169
181
  )}
182
+
183
+ {showOption === 'lalamove' && (
184
+ <LalaMoveConnect
185
+ onClose={() => handleCloseSettings()}
186
+ />
187
+ )}
170
188
  </>
171
189
  )
172
190
  }