ordering-ui-admin-external 1.12.5 → 1.13.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.
- package/_bundles/{ordering-ui-admin.d53a7ee886aee7937e13.js → ordering-ui-admin.6980225e31cb682b0268.js} +2 -2
- package/_bundles/{ordering-ui-admin.d53a7ee886aee7937e13.js.LICENSE.txt → ordering-ui-admin.6980225e31cb682b0268.js.LICENSE.txt} +0 -0
- package/_modules/components/BusinessIntelligence/BusinessReviewDetails/index.js +2 -12
- package/_modules/components/BusinessIntelligence/BusinessReviewList/index.js +5 -3
- package/_modules/components/BusinessIntelligence/BusinessReviewList/styles.js +1 -1
- package/_modules/components/BusinessIntelligence/ReviewProductsListing/index.js +31 -49
- package/_modules/components/BusinessIntelligence/ReviewProductsListing/styles.js +20 -33
- package/_modules/components/BusinessIntelligence/ReviewsListing/index.js +54 -7
- package/_modules/components/BusinessIntelligence/ReviewsListing/styles.js +7 -3
- package/_modules/components/Delivery/DriversGroupGeneralForm/index.js +14 -14
- package/_modules/components/Loyalty/GiftCards/index.js +168 -0
- package/_modules/components/Loyalty/GiftCards/styles.js +80 -0
- package/_modules/components/Loyalty/PointsWalletLevels/index.js +5 -2
- package/_modules/components/Marketing/BannerDetails/BannerImages.js +6 -4
- package/_modules/components/Marketing/BannerDetails/index.js +2 -1
- package/_modules/components/Marketing/BannerImageDetails/index.js +1 -1
- package/_modules/components/Marketing/PageBanner/index.js +3 -1
- package/_modules/components/Marketing/PageBanner/styles.js +1 -1
- package/_modules/components/MyProducts/CustomProject/index.js +49 -0
- package/_modules/components/MyProducts/CustomProject/styles.js +27 -0
- package/_modules/components/MyProducts/index.js +8 -1
- package/_modules/components/Orders/OrderDetailsHeader/index.js +4 -4
- package/_modules/components/Settings/ApiKeysList/index.js +3 -1
- package/_modules/components/Settings/ApiKeysList/styles.js +4 -10
- package/_modules/components/Settings/Deliverect/index.js +4 -1
- package/_modules/components/Settings/Deliverect/styles.js +33 -31
- package/_modules/components/Settings/DoordashConnect/index.js +4 -1
- package/_modules/components/Settings/DoordashConnect/styles.js +31 -29
- package/_modules/components/Settings/ItsaCheckmate/index.js +4 -1
- package/_modules/components/Settings/ItsaCheckmate/styles.js +33 -39
- package/_modules/components/Settings/LalamoveConnect/index.js +4 -1
- package/_modules/components/Settings/LalamoveConnect/styles.js +32 -30
- package/_modules/components/Settings/LanguageTransTable/index.js +9 -2
- package/_modules/components/Settings/PickerExpress/index.js +4 -1
- package/_modules/components/Settings/PickerExpress/styles.js +32 -30
- package/_modules/components/Settings/PluginList/index.js +3 -1
- package/_modules/components/Settings/PluginList/styles.js +4 -8
- package/_modules/components/Settings/SettingsDetail/index.js +4 -1
- package/_modules/components/Settings/SettingsDetail/styles.js +15 -21
- package/_modules/components/Settings/SettingsList/index.js +16 -0
- package/_modules/components/Settings/SettingsList/styles.js +4 -1
- package/_modules/components/Settings/WebhookList/index.js +4 -2
- package/_modules/components/Settings/WebhookList/styles.js +4 -8
- package/_modules/components/Shared/ImageCrop/index.js +4 -2
- package/_modules/components/SidebarMenu/index.js +13 -10
- package/_modules/components/Stores/BusinessCateringDelivery/index.js +215 -0
- package/_modules/components/Stores/BusinessCateringDelivery/styles.js +20 -0
- package/_modules/components/Stores/BusinessDetails/index.js +5 -2
- package/_modules/components/Stores/BusinessPreorderDetails/index.js +18 -4
- package/_modules/components/Stores/BusinessPreorderDetails/styles.js +7 -5
- package/_modules/components/Stores/BusinessSummary/index.js +1 -1
- package/_modules/components/Stores/BusinessesListing/index.js +14 -14
- package/_modules/components/Stores/BusinessesListing/styles.js +1 -3
- package/_modules/components/Stores/ProductTagDetails/styles.js +1 -1
- package/_modules/components/Stores/SeoOptions/styles.js +1 -1
- package/_modules/index.js +6 -0
- package/index-template.js +3 -1
- package/package.json +2 -2
- package/src/components/BusinessIntelligence/BusinessReviewDetails/index.js +3 -7
- package/src/components/BusinessIntelligence/BusinessReviewList/index.js +13 -9
- package/src/components/BusinessIntelligence/BusinessReviewList/styles.js +2 -1
- package/src/components/BusinessIntelligence/ReviewProductsListing/index.js +33 -55
- package/src/components/BusinessIntelligence/ReviewProductsListing/styles.js +3 -53
- package/src/components/BusinessIntelligence/ReviewsListing/index.js +59 -8
- package/src/components/BusinessIntelligence/ReviewsListing/styles.js +19 -0
- package/src/components/Delivery/DriversGroupGeneralForm/index.js +14 -14
- package/src/components/Loyalty/GiftCards/index.js +200 -0
- package/src/components/Loyalty/GiftCards/styles.js +147 -0
- package/src/components/Loyalty/PointsWalletLevels/index.js +9 -12
- package/src/components/Marketing/BannerDetails/BannerImages.js +5 -3
- package/src/components/Marketing/BannerDetails/index.js +1 -0
- package/src/components/Marketing/BannerImageDetails/index.js +1 -1
- package/src/components/Marketing/PageBanner/index.js +4 -3
- package/src/components/Marketing/PageBanner/styles.js +5 -0
- package/src/components/MyProducts/CustomProject/index.js +56 -0
- package/src/components/MyProducts/CustomProject/styles.js +108 -0
- package/src/components/MyProducts/index.js +3 -1
- package/src/components/Orders/OrderDetailsHeader/index.js +2 -2
- package/src/components/Settings/ApiKeysList/index.js +5 -4
- package/src/components/Settings/ApiKeysList/styles.js +5 -11
- package/src/components/Settings/Deliverect/index.js +2 -3
- package/src/components/Settings/Deliverect/styles.js +23 -0
- package/src/components/Settings/DoordashConnect/index.js +2 -3
- package/src/components/Settings/DoordashConnect/styles.js +23 -0
- package/src/components/Settings/ItsaCheckmate/index.js +2 -3
- package/src/components/Settings/ItsaCheckmate/styles.js +23 -26
- package/src/components/Settings/LalamoveConnect/index.js +2 -3
- package/src/components/Settings/LalamoveConnect/styles.js +23 -0
- package/src/components/Settings/LanguageTransTable/index.js +12 -2
- package/src/components/Settings/PickerExpress/index.js +2 -3
- package/src/components/Settings/PickerExpress/styles.js +23 -0
- package/src/components/Settings/PluginList/index.js +4 -3
- package/src/components/Settings/PluginList/styles.js +3 -6
- package/src/components/Settings/SettingsDetail/index.js +3 -4
- package/src/components/Settings/SettingsDetail/styles.js +24 -27
- package/src/components/Settings/SettingsList/index.js +43 -0
- package/src/components/Settings/SettingsList/styles.js +1 -1
- package/src/components/Settings/WebhookList/index.js +5 -4
- package/src/components/Settings/WebhookList/styles.js +3 -5
- package/src/components/Shared/ImageCrop/index.js +4 -2
- package/src/components/SidebarMenu/index.js +14 -7
- package/src/components/Stores/BusinessCateringDelivery/index.js +174 -0
- package/src/components/Stores/BusinessCateringDelivery/styles.js +53 -0
- package/src/components/Stores/BusinessDetails/index.js +5 -2
- package/src/components/Stores/BusinessPreorderDetails/index.js +38 -11
- package/src/components/Stores/BusinessPreorderDetails/styles.js +9 -1
- package/src/components/Stores/BusinessSummary/index.js +1 -1
- package/src/components/Stores/BusinessesListing/index.js +57 -56
- package/src/components/Stores/BusinessesListing/styles.js +3 -11
- package/src/components/Stores/ProductTagDetails/styles.js +1 -0
- package/src/components/Stores/SeoOptions/styles.js +1 -0
- package/src/index.js +3 -1
- package/template/app.js +4 -4
- package/template/assets/images/myProducts/custom-project.png +0 -0
- package/template/components/ListenPageChanges/index.js +1 -1
- package/template/helmetdata.json +7 -7
- package/template/pages/CustomProject/index.js +12 -0
- package/template/pages/ReviewProducts/index.js +0 -22
|
@@ -6,30 +6,32 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.YoutubeVideoWrapper = exports.YoutubeVideoInner = exports.Tab = exports.SettingListConatiner = exports.HeaderIcons = exports.Header = exports.GetStarted = exports.DropdownButtonWrapper = exports.DescriptionHeader = exports.Description = exports.DeliverectContainer = exports.Container = exports.CategoryExtraContent = exports.ApiKeysListTable = exports.AllSetting = exports.AddNewButton = 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, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37;
|
|
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, _templateObject37, _templateObject38;
|
|
10
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
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
12
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
13
|
-
var DeliverectContainer = _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"])))
|
|
13
|
+
var DeliverectContainer = _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 button.all-setting {\n height: 44px;\n user-select: none;\n margin-top: 36px;\n span {\n font-weight: 600;\n font-size: 14px;\n }\n svg {\n margin-left: 5px;\n transition: 0.2s linear;\n ", "\n }\n &:hover {\n svg {\n transform: translateX(3px);\n }\n }\n }\n\n @media (min-width: 768px) {\n padding: 26px 40px;\n }\n"])), function (props) {
|
|
14
|
+
return props.theme.rtl && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n margin-right: 5px;\n margin-left: 0px;\n "])));
|
|
15
|
+
});
|
|
14
16
|
exports.DeliverectContainer = DeliverectContainer;
|
|
15
|
-
var Header = _styledComponents.default.div(
|
|
17
|
+
var Header = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _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
18
|
var _props$theme;
|
|
17
|
-
return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(
|
|
19
|
+
return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n margin-left: 35px;\n "]))) : (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n margin-right: 35px;\n "])));
|
|
18
20
|
}, function (props) {
|
|
19
|
-
return props.theme.rtl && (0, _styledComponents.css)(
|
|
21
|
+
return props.theme.rtl && (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n margin-right: 15px;\n margin-left: 0px;\n "])));
|
|
20
22
|
});
|
|
21
23
|
exports.Header = Header;
|
|
22
|
-
var ApiKeysListTable = _styledComponents.default.table(
|
|
24
|
+
var ApiKeysListTable = _styledComponents.default.table(_templateObject7 || (_templateObject7 = _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
25
|
return props.theme.colors.secundaryLight;
|
|
24
26
|
}, function (props) {
|
|
25
27
|
return props.theme.colors.borderColor;
|
|
26
28
|
});
|
|
27
29
|
exports.ApiKeysListTable = ApiKeysListTable;
|
|
28
|
-
var DropdownButtonWrapper = _styledComponents.default.div(
|
|
30
|
+
var DropdownButtonWrapper = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _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
31
|
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)(
|
|
32
|
+
return props !== null && props !== void 0 && (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n border-right: 1px solid ", ";\n "])), function (props) {
|
|
31
33
|
return props.theme.colors.borderColor;
|
|
32
|
-
}) : (0, _styledComponents.css)(
|
|
34
|
+
}) : (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n border-left: 1px solid ", ";\n "])), function (props) {
|
|
33
35
|
return props.theme.colors.borderColor;
|
|
34
36
|
});
|
|
35
37
|
}, function (props) {
|
|
@@ -42,74 +44,74 @@ var DropdownButtonWrapper = _styledComponents.default.div(_templateObject7 || (_
|
|
|
42
44
|
return props.theme.colors.headingColor;
|
|
43
45
|
});
|
|
44
46
|
exports.DropdownButtonWrapper = DropdownButtonWrapper;
|
|
45
|
-
var AddNewButton = _styledComponents.default.div(
|
|
47
|
+
var AddNewButton = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _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
48
|
return props.theme.colors.lightGray;
|
|
47
49
|
}, function (props) {
|
|
48
50
|
return props.theme.colors.primary;
|
|
49
51
|
});
|
|
50
52
|
exports.AddNewButton = AddNewButton;
|
|
51
|
-
var AllSetting = _styledComponents.default.div(
|
|
53
|
+
var AllSetting = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _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
54
|
return props.theme.colors.primary;
|
|
53
55
|
}, function (props) {
|
|
54
56
|
return props.theme.colors.primary;
|
|
55
57
|
}, function (props) {
|
|
56
|
-
return props.theme.rtl && (0, _styledComponents.css)(
|
|
58
|
+
return props.theme.rtl && (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n margin-right: 5px;\n margin-left: 0px;\n "])));
|
|
57
59
|
});
|
|
58
60
|
exports.AllSetting = AllSetting;
|
|
59
|
-
var Description = _styledComponents.default.p(
|
|
61
|
+
var Description = _styledComponents.default.p(_templateObject14 || (_templateObject14 = _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
62
|
exports.Description = Description;
|
|
61
|
-
var CategoryExtraContent = _styledComponents.default.div(
|
|
63
|
+
var CategoryExtraContent = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _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
64
|
var _props$theme3;
|
|
63
|
-
return (_props$theme3 = props.theme) !== null && _props$theme3 !== void 0 && _props$theme3.rtl ? (0, _styledComponents.css)(
|
|
65
|
+
return (_props$theme3 = props.theme) !== null && _props$theme3 !== void 0 && _props$theme3.rtl ? (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n border-right: 1px solid #E9ECEF;\n "]))) : (0, _styledComponents.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n border-left: 1px solid #E9ECEF;\n "])));
|
|
64
66
|
}, function (props) {
|
|
65
67
|
var _props$theme4;
|
|
66
|
-
return (_props$theme4 = props.theme) !== null && _props$theme4 !== void 0 && _props$theme4.rtl ? (0, _styledComponents.css)(
|
|
68
|
+
return (_props$theme4 = props.theme) !== null && _props$theme4 !== void 0 && _props$theme4.rtl ? (0, _styledComponents.css)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n left: 20px;\n "]))) : (0, _styledComponents.css)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n right: 20px;\n "])));
|
|
67
69
|
});
|
|
68
70
|
exports.CategoryExtraContent = CategoryExtraContent;
|
|
69
|
-
var Container = _styledComponents.default.div(
|
|
71
|
+
var Container = _styledComponents.default.div(_templateObject20 || (_templateObject20 = _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
72
|
var isDriverOrders = _ref.isDriverOrders;
|
|
71
|
-
return isDriverOrders && (0, _styledComponents.css)(
|
|
73
|
+
return isDriverOrders && (0, _styledComponents.css)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n position: absolute;\n box-shadow: none;\n\n ", "\n "])), function (props) {
|
|
72
74
|
var _props$theme5;
|
|
73
|
-
return (_props$theme5 = props.theme) !== null && _props$theme5 !== void 0 && _props$theme5.rtl ? (0, _styledComponents.css)(
|
|
75
|
+
return (_props$theme5 = props.theme) !== null && _props$theme5 !== void 0 && _props$theme5.rtl ? (0, _styledComponents.css)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n border-right: 1px solid #CCC;\n "]))) : (0, _styledComponents.css)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n border-left: 1px solid #CCC;\n "])));
|
|
74
76
|
});
|
|
75
77
|
}, function (props) {
|
|
76
78
|
var _props$theme$colors;
|
|
77
79
|
return ((_props$theme$colors = props.theme.colors) === null || _props$theme$colors === void 0 ? void 0 : _props$theme$colors.backgroundPage) || '#FFF';
|
|
78
80
|
}, function (props) {
|
|
79
81
|
var _props$theme6;
|
|
80
|
-
return (_props$theme6 = props.theme) !== null && _props$theme6 !== void 0 && _props$theme6.rtl ? (0, _styledComponents.css)(
|
|
82
|
+
return (_props$theme6 = props.theme) !== null && _props$theme6 !== void 0 && _props$theme6.rtl ? (0, _styledComponents.css)(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n left: 0px;\n "]))) : (0, _styledComponents.css)(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n right: 0px;\n "])));
|
|
81
83
|
});
|
|
82
84
|
exports.Container = Container;
|
|
83
|
-
var DescriptionHeader = _styledComponents.default.div(
|
|
85
|
+
var DescriptionHeader = _styledComponents.default.div(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: flex-end;\n align-items: center;\n"])));
|
|
84
86
|
exports.DescriptionHeader = DescriptionHeader;
|
|
85
|
-
var HeaderIcons = _styledComponents.default.div(
|
|
87
|
+
var HeaderIcons = _styledComponents.default.div(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n display: flex;\n position: absolute;\n top: 25px;\n right: 20px;\n\n > button:first-child {\n ", "\n }\n"])), function (props) {
|
|
86
88
|
var _props$theme7;
|
|
87
|
-
return (_props$theme7 = props.theme) !== null && _props$theme7 !== void 0 && _props$theme7.rtl ? (0, _styledComponents.css)(
|
|
89
|
+
return (_props$theme7 = props.theme) !== null && _props$theme7 !== void 0 && _props$theme7.rtl ? (0, _styledComponents.css)(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n margin-left: 8px;\n "]))) : (0, _styledComponents.css)(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n margin-right: 8px;\n "])));
|
|
88
90
|
});
|
|
89
91
|
exports.HeaderIcons = HeaderIcons;
|
|
90
|
-
var SettingListConatiner = _styledComponents.default.div(
|
|
92
|
+
var SettingListConatiner = _styledComponents.default.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n width: 100%;\n margin: 20px 0;\n border-bottom: 1px solid #E9ECEF;\n"])));
|
|
91
93
|
exports.SettingListConatiner = SettingListConatiner;
|
|
92
|
-
var Tab = _styledComponents.default.div(
|
|
94
|
+
var Tab = _styledComponents.default.div(_templateObject31 || (_templateObject31 = _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
95
|
var _props$theme$colors2;
|
|
94
96
|
return (_props$theme$colors2 = props.theme.colors) === null || _props$theme$colors2 === void 0 ? void 0 : _props$theme$colors2.headingColor;
|
|
95
97
|
}, function (props) {
|
|
96
98
|
var _props$theme8;
|
|
97
|
-
return (_props$theme8 = props.theme) !== null && _props$theme8 !== void 0 && _props$theme8.rtl ? (0, _styledComponents.css)(
|
|
99
|
+
return (_props$theme8 = props.theme) !== null && _props$theme8 !== void 0 && _props$theme8.rtl ? (0, _styledComponents.css)(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n margin-left: 30px;\n "]))) : (0, _styledComponents.css)(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n margin-right: 30px;\n "])));
|
|
98
100
|
}, function (_ref2) {
|
|
99
101
|
var active = _ref2.active;
|
|
100
|
-
return active && (0, _styledComponents.css)(
|
|
102
|
+
return active && (0, _styledComponents.css)(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n border-bottom: 2px solid;\n font-weight: 500;\n "])));
|
|
101
103
|
}, function (_ref3) {
|
|
102
104
|
var active = _ref3.active;
|
|
103
|
-
return !active && (0, _styledComponents.css)(
|
|
105
|
+
return !active && (0, _styledComponents.css)(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n color: #909BA9;\n "])));
|
|
104
106
|
});
|
|
105
107
|
exports.Tab = Tab;
|
|
106
|
-
var GetStarted = _styledComponents.default.div(
|
|
108
|
+
var GetStarted = _styledComponents.default.div(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n h2 {\n font-weight: 500;\n font-size: 14px;\n line-height: 24px;\n margin-top: 0px;\n margin-bottom: 10px;\n }\n p {\n font-weight: 400;\n font-size: 14px;\n line-height: 24px;\n margin-top: 0px;\n margin-bottom: 8px;\n color: ", ";\n }\n button {\n border-radius: 8px;\n height: 44px;\n }\n"])), function (props) {
|
|
107
109
|
return props.theme.colors.lightGray;
|
|
108
110
|
});
|
|
109
111
|
exports.GetStarted = GetStarted;
|
|
110
|
-
var YoutubeVideoWrapper = _styledComponents.default.div(
|
|
112
|
+
var YoutubeVideoWrapper = _styledComponents.default.div(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n margin-top: 50px;\n padding-bottom: 30px;\n"])));
|
|
111
113
|
exports.YoutubeVideoWrapper = YoutubeVideoWrapper;
|
|
112
|
-
var YoutubeVideoInner = _styledComponents.default.div(
|
|
114
|
+
var YoutubeVideoInner = _styledComponents.default.div(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["\n position: relative;\n width: 100%;\n padding-bottom: 56.25%;\n box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);\n border-radius: 7.6px;\n background-color: ", ";\n\n iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0;\n }\n"])), function (props) {
|
|
113
115
|
return props.theme.colors.secundaryDarkContrast;
|
|
114
116
|
});
|
|
115
117
|
exports.YoutubeVideoInner = YoutubeVideoInner;
|
|
@@ -117,7 +117,10 @@ var DoordashConnectUI = function DoordashConnectUI(props) {
|
|
|
117
117
|
}, /*#__PURE__*/_react.default.createElement(_styles2.DoordashConnectContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.DescriptionHeader, null, /*#__PURE__*/_react.default.createElement(_styles2.HeaderIcons, null, /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
|
|
118
118
|
color: "black",
|
|
119
119
|
onClick: onClose
|
|
120
|
-
}, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.XLg, null)))), /*#__PURE__*/_react.default.createElement(_styles2.Header, null, /*#__PURE__*/_react.default.createElement("h1", null, t('CONNECT_WITH_DOORDASH', 'Connect with Doordash'))), /*#__PURE__*/_react.default.createElement(_styles2.Description, null, t('CONNECT_WITH_DOORDASH_DESCRIPTION', 'If you have already worked with Doordash or are running your business with Doordash 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(
|
|
120
|
+
}, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.XLg, null)))), /*#__PURE__*/_react.default.createElement(_styles2.Header, null, /*#__PURE__*/_react.default.createElement("h1", null, t('CONNECT_WITH_DOORDASH', 'Connect with Doordash'))), /*#__PURE__*/_react.default.createElement(_styles2.Description, null, t('CONNECT_WITH_DOORDASH_DESCRIPTION', 'If you have already worked with Doordash or are running your business with Doordash 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(_styles.Button, {
|
|
121
|
+
color: "primary",
|
|
122
|
+
borderRadius: "8px",
|
|
123
|
+
className: "all-setting",
|
|
121
124
|
onClick: function onClick() {
|
|
122
125
|
return setSettingsOpen(true);
|
|
123
126
|
}
|
|
@@ -6,28 +6,30 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.Tab = exports.SettingListConatiner = exports.PurchaseWrapper = exports.Paragraph = exports.HeaderIcons = exports.Header = exports.DropdownButtonWrapper = exports.DoordashConnectContainer = exports.DescriptionHeader = exports.Description = exports.Container = exports.CategoryExtraContent = exports.ApiKeysListTable = exports.AllSetting = exports.AddNewButton = 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, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35;
|
|
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
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
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
12
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
13
|
-
var DoordashConnectContainer = _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"])))
|
|
13
|
+
var DoordashConnectContainer = _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 button.all-setting {\n height: 44px;\n user-select: none;\n margin-top: 36px;\n span {\n font-weight: 600;\n font-size: 14px;\n }\n svg {\n margin-left: 5px;\n transition: 0.2s linear;\n ", "\n }\n &:hover {\n svg {\n transform: translateX(3px);\n }\n }\n }\n\n @media (min-width: 768px) {\n padding: 26px 40px;\n }\n"])), function (props) {
|
|
14
|
+
return props.theme.rtl && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n margin-right: 5px;\n margin-left: 0px;\n "])));
|
|
15
|
+
});
|
|
14
16
|
exports.DoordashConnectContainer = DoordashConnectContainer;
|
|
15
|
-
var Header = _styledComponents.default.div(
|
|
17
|
+
var Header = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\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 }\n\n button {\n height: 42px;\n }\n"])), function (props) {
|
|
16
18
|
var _props$theme;
|
|
17
|
-
return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(
|
|
19
|
+
return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n margin-left: 35px;\n "]))) : (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n margin-right: 35px;\n "])));
|
|
18
20
|
});
|
|
19
21
|
exports.Header = Header;
|
|
20
|
-
var ApiKeysListTable = _styledComponents.default.table(
|
|
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) {
|
|
21
23
|
return props.theme.colors.secundaryLight;
|
|
22
24
|
}, function (props) {
|
|
23
25
|
return props.theme.colors.borderColor;
|
|
24
26
|
});
|
|
25
27
|
exports.ApiKeysListTable = ApiKeysListTable;
|
|
26
|
-
var DropdownButtonWrapper = _styledComponents.default.div(
|
|
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) {
|
|
27
29
|
var _props$theme2;
|
|
28
|
-
return props !== null && props !== void 0 && (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(
|
|
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) {
|
|
29
31
|
return props.theme.colors.borderColor;
|
|
30
|
-
}) : (0, _styledComponents.css)(
|
|
32
|
+
}) : (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n border-left: 1px solid ", ";\n "])), function (props) {
|
|
31
33
|
return props.theme.colors.borderColor;
|
|
32
34
|
});
|
|
33
35
|
}, function (props) {
|
|
@@ -40,70 +42,70 @@ var DropdownButtonWrapper = _styledComponents.default.div(_templateObject6 || (_
|
|
|
40
42
|
return props.theme.colors.headingColor;
|
|
41
43
|
});
|
|
42
44
|
exports.DropdownButtonWrapper = DropdownButtonWrapper;
|
|
43
|
-
var AddNewButton = _styledComponents.default.div(
|
|
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) {
|
|
44
46
|
return props.theme.colors.lightGray;
|
|
45
47
|
}, function (props) {
|
|
46
48
|
return props.theme.colors.primary;
|
|
47
49
|
});
|
|
48
50
|
exports.AddNewButton = AddNewButton;
|
|
49
|
-
var AllSetting = _styledComponents.default.div(
|
|
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) {
|
|
50
52
|
return props.theme.colors.primary;
|
|
51
53
|
}, function (props) {
|
|
52
54
|
return props.theme.colors.primary;
|
|
53
55
|
}, function (props) {
|
|
54
|
-
return props.theme.rtl && (0, _styledComponents.css)(
|
|
56
|
+
return props.theme.rtl && (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n margin-right: 5px;\n margin-left: 0px;\n "])));
|
|
55
57
|
});
|
|
56
58
|
exports.AllSetting = AllSetting;
|
|
57
|
-
var Description = _styledComponents.default.p(
|
|
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"])));
|
|
58
60
|
exports.Description = Description;
|
|
59
|
-
var CategoryExtraContent = _styledComponents.default.div(
|
|
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) {
|
|
60
62
|
var _props$theme3;
|
|
61
|
-
return (_props$theme3 = props.theme) !== null && _props$theme3 !== void 0 && _props$theme3.rtl ? (0, _styledComponents.css)(
|
|
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 "])));
|
|
62
64
|
}, function (props) {
|
|
63
65
|
var _props$theme4;
|
|
64
|
-
return (_props$theme4 = props.theme) !== null && _props$theme4 !== void 0 && _props$theme4.rtl ? (0, _styledComponents.css)(
|
|
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 "])));
|
|
65
67
|
});
|
|
66
68
|
exports.CategoryExtraContent = CategoryExtraContent;
|
|
67
|
-
var Container = _styledComponents.default.div(
|
|
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) {
|
|
68
70
|
var isDriverOrders = _ref.isDriverOrders;
|
|
69
|
-
return isDriverOrders && (0, _styledComponents.css)(
|
|
71
|
+
return isDriverOrders && (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n position: absolute;\n box-shadow: none;\n\n ", "\n "])), function (props) {
|
|
70
72
|
var _props$theme5;
|
|
71
|
-
return (_props$theme5 = props.theme) !== null && _props$theme5 !== void 0 && _props$theme5.rtl ? (0, _styledComponents.css)(
|
|
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 "])));
|
|
72
74
|
});
|
|
73
75
|
}, function (props) {
|
|
74
76
|
var _props$theme$colors;
|
|
75
77
|
return ((_props$theme$colors = props.theme.colors) === null || _props$theme$colors === void 0 ? void 0 : _props$theme$colors.backgroundPage) || '#FFF';
|
|
76
78
|
}, function (props) {
|
|
77
79
|
var _props$theme6;
|
|
78
|
-
return (_props$theme6 = props.theme) !== null && _props$theme6 !== void 0 && _props$theme6.rtl ? (0, _styledComponents.css)(
|
|
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 "])));
|
|
79
81
|
});
|
|
80
82
|
exports.Container = Container;
|
|
81
|
-
var DescriptionHeader = _styledComponents.default.div(
|
|
83
|
+
var DescriptionHeader = _styledComponents.default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: flex-end;\n align-items: center;\n"])));
|
|
82
84
|
exports.DescriptionHeader = DescriptionHeader;
|
|
83
|
-
var HeaderIcons = _styledComponents.default.div(
|
|
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) {
|
|
84
86
|
var _props$theme7;
|
|
85
|
-
return (_props$theme7 = props.theme) !== null && _props$theme7 !== void 0 && _props$theme7.rtl ? (0, _styledComponents.css)(
|
|
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 "])));
|
|
86
88
|
});
|
|
87
89
|
exports.HeaderIcons = HeaderIcons;
|
|
88
|
-
var SettingListConatiner = _styledComponents.default.div(
|
|
90
|
+
var SettingListConatiner = _styledComponents.default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n width: 100%;\n margin: 20px 0;\n border-bottom: 1px solid #E9ECEF;\n"])));
|
|
89
91
|
exports.SettingListConatiner = SettingListConatiner;
|
|
90
|
-
var Tab = _styledComponents.default.div(
|
|
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) {
|
|
91
93
|
var _props$theme$colors2;
|
|
92
94
|
return (_props$theme$colors2 = props.theme.colors) === null || _props$theme$colors2 === void 0 ? void 0 : _props$theme$colors2.headingColor;
|
|
93
95
|
}, function (props) {
|
|
94
96
|
var _props$theme8;
|
|
95
|
-
return (_props$theme8 = props.theme) !== null && _props$theme8 !== void 0 && _props$theme8.rtl ? (0, _styledComponents.css)(
|
|
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 "])));
|
|
96
98
|
}, function (_ref2) {
|
|
97
99
|
var active = _ref2.active;
|
|
98
|
-
return active && (0, _styledComponents.css)(
|
|
100
|
+
return active && (0, _styledComponents.css)(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n border-bottom: 2px solid;\n font-weight: 500;\n "])));
|
|
99
101
|
}, function (_ref3) {
|
|
100
102
|
var active = _ref3.active;
|
|
101
|
-
return !active && (0, _styledComponents.css)(
|
|
103
|
+
return !active && (0, _styledComponents.css)(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n color: #909BA9;\n "])));
|
|
102
104
|
});
|
|
103
105
|
exports.Tab = Tab;
|
|
104
|
-
var Paragraph = _styledComponents.default.div(
|
|
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) {
|
|
105
107
|
return props.theme.colors.primary;
|
|
106
108
|
});
|
|
107
109
|
exports.Paragraph = Paragraph;
|
|
108
|
-
var PurchaseWrapper = _styledComponents.default.div(
|
|
110
|
+
var PurchaseWrapper = _styledComponents.default.div(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n button {\n border-radius: 5px;\n }\n margin-top: 15px;\n"])));
|
|
109
111
|
exports.PurchaseWrapper = PurchaseWrapper;
|
|
@@ -94,7 +94,10 @@ var ItsaCheckmate = function ItsaCheckmate(props) {
|
|
|
94
94
|
className: "menu-item"
|
|
95
95
|
}, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Check2Circle, null), /*#__PURE__*/_react.default.createElement("p", null, t('ITSACHECKMATE_MENU_3', 'Manage delivery hours'))), /*#__PURE__*/_react.default.createElement("div", {
|
|
96
96
|
className: "menu-item"
|
|
97
|
-
}, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Check2Circle, null), /*#__PURE__*/_react.default.createElement("p", null, t('ITSACHECKMATE_MENU_4', 'Add, edit, or delete items ')))), /*#__PURE__*/_react.default.createElement(
|
|
97
|
+
}, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Check2Circle, null), /*#__PURE__*/_react.default.createElement("p", null, t('ITSACHECKMATE_MENU_4', 'Add, edit, or delete items ')))), /*#__PURE__*/_react.default.createElement(_styles.Button, {
|
|
98
|
+
color: "primary",
|
|
99
|
+
borderRadius: "8px",
|
|
100
|
+
className: "all-setting",
|
|
98
101
|
onClick: function onClick() {
|
|
99
102
|
return setSettingsOpen(true);
|
|
100
103
|
}
|
|
@@ -4,32 +4,34 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.YoutubeVideoWrapper = exports.YoutubeVideoInner = exports.Tab = exports.SettingListConatiner = exports.ItsaCheckmateContainer = exports.HeaderIcons = exports.Header = exports.GetStarted = exports.DropdownButtonWrapper = exports.DescriptionHeader = exports.Description = exports.Container = exports.CategoryExtraContent = exports.ApiKeysListTable = exports.
|
|
7
|
+
exports.YoutubeVideoWrapper = exports.YoutubeVideoInner = exports.Tab = exports.SettingListConatiner = exports.ItsaCheckmateContainer = exports.HeaderIcons = exports.Header = exports.GetStarted = exports.DropdownButtonWrapper = exports.DescriptionHeader = exports.Description = exports.Container = exports.CategoryExtraContent = exports.ApiKeysListTable = exports.AddNewButton = 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, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38
|
|
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, _templateObject37, _templateObject38;
|
|
10
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
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
12
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
13
|
-
var ItsaCheckmateContainer = _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"])))
|
|
13
|
+
var ItsaCheckmateContainer = _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 button.all-setting {\n height: 44px;\n user-select: none;\n margin-top: 36px;\n span {\n font-weight: 600;\n font-size: 14px;\n }\n svg {\n margin-left: 5px;\n transition: 0.2s linear;\n ", "\n }\n &:hover {\n svg {\n transform: translateX(3px);\n }\n }\n }\n\n @media (min-width: 768px) {\n padding: 26px 40px;\n }\n"])), function (props) {
|
|
14
|
+
return props.theme.rtl && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n margin-right: 5px;\n margin-left: 0px;\n "])));
|
|
15
|
+
});
|
|
14
16
|
exports.ItsaCheckmateContainer = ItsaCheckmateContainer;
|
|
15
|
-
var Header = _styledComponents.default.div(
|
|
17
|
+
var Header = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _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
18
|
var _props$theme;
|
|
17
|
-
return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(
|
|
19
|
+
return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n margin-left: 35px;\n "]))) : (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n margin-right: 35px;\n "])));
|
|
18
20
|
}, function (props) {
|
|
19
|
-
return props.theme.rtl && (0, _styledComponents.css)(
|
|
21
|
+
return props.theme.rtl && (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n margin-right: 15px;\n margin-left: 0px;\n "])));
|
|
20
22
|
});
|
|
21
23
|
exports.Header = Header;
|
|
22
|
-
var ApiKeysListTable = _styledComponents.default.table(
|
|
24
|
+
var ApiKeysListTable = _styledComponents.default.table(_templateObject7 || (_templateObject7 = _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
25
|
return props.theme.colors.secundaryLight;
|
|
24
26
|
}, function (props) {
|
|
25
27
|
return props.theme.colors.borderColor;
|
|
26
28
|
});
|
|
27
29
|
exports.ApiKeysListTable = ApiKeysListTable;
|
|
28
|
-
var DropdownButtonWrapper = _styledComponents.default.div(
|
|
30
|
+
var DropdownButtonWrapper = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _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
31
|
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)(
|
|
32
|
+
return props !== null && props !== void 0 && (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n border-right: 1px solid ", ";\n "])), function (props) {
|
|
31
33
|
return props.theme.colors.borderColor;
|
|
32
|
-
}) : (0, _styledComponents.css)(
|
|
34
|
+
}) : (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n border-left: 1px solid ", ";\n "])), function (props) {
|
|
33
35
|
return props.theme.colors.borderColor;
|
|
34
36
|
});
|
|
35
37
|
}, function (props) {
|
|
@@ -42,77 +44,69 @@ var DropdownButtonWrapper = _styledComponents.default.div(_templateObject7 || (_
|
|
|
42
44
|
return props.theme.colors.headingColor;
|
|
43
45
|
});
|
|
44
46
|
exports.DropdownButtonWrapper = DropdownButtonWrapper;
|
|
45
|
-
var AddNewButton = _styledComponents.default.div(
|
|
47
|
+
var AddNewButton = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _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
48
|
return props.theme.colors.lightGray;
|
|
47
49
|
}, function (props) {
|
|
48
50
|
return props.theme.colors.primary;
|
|
49
51
|
});
|
|
50
52
|
exports.AddNewButton = AddNewButton;
|
|
51
|
-
var
|
|
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 div.sub-header {\n font-size: 14px;\n margin-bottom: 10px;\n }\n div.menu-item {\n display: flex;\n align-items: center;\n svg {\n ", "\n }\n > p {\n font-weight: 400;\n font-size: 14px;\n line-height: 24px;\n margin: 0px;\n }\n }\n\n @media (min-width: 768px) {\n text-align: initial;\n }\n"])), function (props) {
|
|
53
|
+
var Description = _styledComponents.default.p(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n margin-top: 40px;\n font-size: 14px;\n margin-bottom: 0px;\n text-align: justify;\n\n div.sub-header {\n font-size: 14px;\n margin-bottom: 10px;\n }\n div.menu-item {\n display: flex;\n align-items: center;\n svg {\n ", "\n }\n > p {\n font-weight: 400;\n font-size: 14px;\n line-height: 24px;\n margin: 0px;\n }\n }\n\n @media (min-width: 768px) {\n text-align: initial;\n }\n"])), function (props) {
|
|
60
54
|
var _props$theme3;
|
|
61
|
-
return (_props$theme3 = props.theme) !== null && _props$theme3 !== void 0 && _props$theme3.rtl ? (0, _styledComponents.css)(
|
|
55
|
+
return (_props$theme3 = props.theme) !== null && _props$theme3 !== void 0 && _props$theme3.rtl ? (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n margin-left: 8px;\n "]))) : (0, _styledComponents.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n margin-right: 8px;\n "])));
|
|
62
56
|
});
|
|
63
57
|
exports.Description = Description;
|
|
64
|
-
var CategoryExtraContent = _styledComponents.default.div(
|
|
58
|
+
var CategoryExtraContent = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _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) {
|
|
65
59
|
var _props$theme4;
|
|
66
|
-
return (_props$theme4 = props.theme) !== null && _props$theme4 !== void 0 && _props$theme4.rtl ? (0, _styledComponents.css)(
|
|
60
|
+
return (_props$theme4 = props.theme) !== null && _props$theme4 !== void 0 && _props$theme4.rtl ? (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n border-right: 1px solid #E9ECEF;\n "]))) : (0, _styledComponents.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n border-left: 1px solid #E9ECEF;\n "])));
|
|
67
61
|
}, function (props) {
|
|
68
62
|
var _props$theme5;
|
|
69
|
-
return (_props$theme5 = props.theme) !== null && _props$theme5 !== void 0 && _props$theme5.rtl ? (0, _styledComponents.css)(
|
|
63
|
+
return (_props$theme5 = props.theme) !== null && _props$theme5 !== void 0 && _props$theme5.rtl ? (0, _styledComponents.css)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n left: 20px;\n "]))) : (0, _styledComponents.css)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n right: 20px;\n "])));
|
|
70
64
|
});
|
|
71
65
|
exports.CategoryExtraContent = CategoryExtraContent;
|
|
72
|
-
var Container = _styledComponents.default.div(
|
|
66
|
+
var Container = _styledComponents.default.div(_templateObject20 || (_templateObject20 = _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) {
|
|
73
67
|
var isDriverOrders = _ref.isDriverOrders;
|
|
74
|
-
return isDriverOrders && (0, _styledComponents.css)(
|
|
68
|
+
return isDriverOrders && (0, _styledComponents.css)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n position: absolute;\n box-shadow: none;\n\n ", "\n "])), function (props) {
|
|
75
69
|
var _props$theme6;
|
|
76
|
-
return (_props$theme6 = props.theme) !== null && _props$theme6 !== void 0 && _props$theme6.rtl ? (0, _styledComponents.css)(
|
|
70
|
+
return (_props$theme6 = props.theme) !== null && _props$theme6 !== void 0 && _props$theme6.rtl ? (0, _styledComponents.css)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n border-right: 1px solid #CCC;\n "]))) : (0, _styledComponents.css)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n border-left: 1px solid #CCC;\n "])));
|
|
77
71
|
});
|
|
78
72
|
}, function (props) {
|
|
79
73
|
var _props$theme$colors;
|
|
80
74
|
return ((_props$theme$colors = props.theme.colors) === null || _props$theme$colors === void 0 ? void 0 : _props$theme$colors.backgroundPage) || '#FFF';
|
|
81
75
|
}, function (props) {
|
|
82
76
|
var _props$theme7;
|
|
83
|
-
return (_props$theme7 = props.theme) !== null && _props$theme7 !== void 0 && _props$theme7.rtl ? (0, _styledComponents.css)(
|
|
77
|
+
return (_props$theme7 = props.theme) !== null && _props$theme7 !== void 0 && _props$theme7.rtl ? (0, _styledComponents.css)(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n left: 0px;\n "]))) : (0, _styledComponents.css)(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n right: 0px;\n "])));
|
|
84
78
|
});
|
|
85
79
|
exports.Container = Container;
|
|
86
|
-
var DescriptionHeader = _styledComponents.default.div(
|
|
80
|
+
var DescriptionHeader = _styledComponents.default.div(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: flex-end;\n align-items: center;\n"])));
|
|
87
81
|
exports.DescriptionHeader = DescriptionHeader;
|
|
88
|
-
var HeaderIcons = _styledComponents.default.div(
|
|
82
|
+
var HeaderIcons = _styledComponents.default.div(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n display: flex;\n position: absolute;\n top: 25px;\n right: 20px;\n\n > button:first-child {\n ", "\n }\n"])), function (props) {
|
|
89
83
|
var _props$theme8;
|
|
90
|
-
return (_props$theme8 = props.theme) !== null && _props$theme8 !== void 0 && _props$theme8.rtl ? (0, _styledComponents.css)(
|
|
84
|
+
return (_props$theme8 = props.theme) !== null && _props$theme8 !== void 0 && _props$theme8.rtl ? (0, _styledComponents.css)(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n margin-left: 8px;\n "]))) : (0, _styledComponents.css)(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n margin-right: 8px;\n "])));
|
|
91
85
|
});
|
|
92
86
|
exports.HeaderIcons = HeaderIcons;
|
|
93
|
-
var SettingListConatiner = _styledComponents.default.div(
|
|
87
|
+
var SettingListConatiner = _styledComponents.default.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n width: 100%;\n margin: 20px 0;\n border-bottom: 1px solid #E9ECEF;\n"])));
|
|
94
88
|
exports.SettingListConatiner = SettingListConatiner;
|
|
95
|
-
var Tab = _styledComponents.default.div(
|
|
89
|
+
var Tab = _styledComponents.default.div(_templateObject31 || (_templateObject31 = _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) {
|
|
96
90
|
var _props$theme$colors2;
|
|
97
91
|
return (_props$theme$colors2 = props.theme.colors) === null || _props$theme$colors2 === void 0 ? void 0 : _props$theme$colors2.headingColor;
|
|
98
92
|
}, function (props) {
|
|
99
93
|
var _props$theme9;
|
|
100
|
-
return (_props$theme9 = props.theme) !== null && _props$theme9 !== void 0 && _props$theme9.rtl ? (0, _styledComponents.css)(
|
|
94
|
+
return (_props$theme9 = props.theme) !== null && _props$theme9 !== void 0 && _props$theme9.rtl ? (0, _styledComponents.css)(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n margin-left: 30px;\n "]))) : (0, _styledComponents.css)(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n margin-right: 30px;\n "])));
|
|
101
95
|
}, function (_ref2) {
|
|
102
96
|
var active = _ref2.active;
|
|
103
|
-
return active && (0, _styledComponents.css)(
|
|
97
|
+
return active && (0, _styledComponents.css)(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n border-bottom: 2px solid;\n font-weight: 500;\n "])));
|
|
104
98
|
}, function (_ref3) {
|
|
105
99
|
var active = _ref3.active;
|
|
106
|
-
return !active && (0, _styledComponents.css)(
|
|
100
|
+
return !active && (0, _styledComponents.css)(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n color: #909BA9;\n "])));
|
|
107
101
|
});
|
|
108
102
|
exports.Tab = Tab;
|
|
109
|
-
var GetStarted = _styledComponents.default.div(
|
|
103
|
+
var GetStarted = _styledComponents.default.div(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n h2 {\n font-weight: 500;\n font-size: 14px;\n line-height: 24px;\n margin-top: 0px;\n margin-bottom: 10px;\n }\n p {\n font-weight: 400;\n font-size: 14px;\n line-height: 24px;\n margin-top: 0px;\n margin-bottom: 8px;\n color: ", ";\n }\n button {\n border-radius: 8px;\n height: 44px;\n }\n"])), function (props) {
|
|
110
104
|
return props.theme.colors.lightGray;
|
|
111
105
|
});
|
|
112
106
|
exports.GetStarted = GetStarted;
|
|
113
|
-
var YoutubeVideoWrapper = _styledComponents.default.div(
|
|
107
|
+
var YoutubeVideoWrapper = _styledComponents.default.div(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n margin-top: 50px;\n padding-bottom: 30px;\n"])));
|
|
114
108
|
exports.YoutubeVideoWrapper = YoutubeVideoWrapper;
|
|
115
|
-
var YoutubeVideoInner = _styledComponents.default.div(
|
|
109
|
+
var YoutubeVideoInner = _styledComponents.default.div(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["\n position: relative;\n width: 100%;\n padding-bottom: 56.25%;\n box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);\n border-radius: 7.6px;\n background-color: ", ";\n\n iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0;\n }\n"])), function (props) {
|
|
116
110
|
return props.theme.colors.secundaryDarkContrast;
|
|
117
111
|
});
|
|
118
112
|
exports.YoutubeVideoInner = YoutubeVideoInner;
|
|
@@ -119,7 +119,10 @@ var LalaMoveConnectUI = function LalaMoveConnectUI(props) {
|
|
|
119
119
|
onClick: onClose
|
|
120
120
|
}, /*#__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, {
|
|
121
121
|
color: "lightPrimary"
|
|
122
|
-
}, 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(
|
|
122
|
+
}, 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(_styles.Button, {
|
|
123
|
+
color: "primary",
|
|
124
|
+
borderRadius: "8px",
|
|
125
|
+
className: "all-setting",
|
|
123
126
|
onClick: function onClick() {
|
|
124
127
|
return setSettingsOpen(true);
|
|
125
128
|
}
|