ordering-ui-admin-external 1.6.3 → 1.6.5
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.3ebe4d4f772eaeb4f851.js → ordering-ui-admin.0b48ec00b24a060f7133.js} +2 -2
- package/_bundles/{ordering-ui-admin.3ebe4d4f772eaeb4f851.js.LICENSE.txt → ordering-ui-admin.0b48ec00b24a060f7133.js.LICENSE.txt} +0 -0
- package/_modules/components/Home/HomePage/index.js +11 -2
- package/_modules/components/Home/HomePage/styles.js +8 -4
- package/_modules/components/MyProducts/ContentForm/index.js +14 -2
- package/_modules/components/MyProducts/OrderingWebsite/index.js +30 -30
- package/_modules/components/MyProducts/OrderingWebsite/styles.js +27 -20
- package/_modules/components/SidebarMenu/index.js +5 -13
- package/package.json +2 -2
- package/src/components/Home/HomePage/index.js +18 -7
- package/src/components/Home/HomePage/styles.js +15 -1
- package/src/components/MyProducts/ContentForm/index.js +16 -2
- package/src/components/MyProducts/OrderingWebsite/index.js +32 -42
- package/src/components/MyProducts/OrderingWebsite/styles.js +35 -31
- package/src/components/SidebarMenu/index.js +2 -2
|
File without changes
|
|
@@ -60,6 +60,9 @@ var HomeUI = function HomeUI(props) {
|
|
|
60
60
|
var _useSession = (0, _orderingComponentsAdminExternal.useSession)(),
|
|
61
61
|
_useSession2 = _slicedToArray(_useSession, 1),
|
|
62
62
|
sessionState = _useSession2[0];
|
|
63
|
+
var _useApi = (0, _orderingComponentsAdminExternal.useApi)(),
|
|
64
|
+
_useApi2 = _slicedToArray(_useApi, 1),
|
|
65
|
+
ordering = _useApi2[0];
|
|
63
66
|
var project = {
|
|
64
67
|
active: {
|
|
65
68
|
description: t('ORDERING_GUIDE_MSG', 'Our guide helps you to configure your Ordering products.'),
|
|
@@ -220,9 +223,15 @@ var HomeUI = function HomeUI(props) {
|
|
|
220
223
|
}
|
|
221
224
|
}, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.List, null)), /*#__PURE__*/_react.default.createElement("h1", null, t('HOME', 'Home'))), projectStatus.loading && /*#__PURE__*/_react.default.createElement(_styles.HeaderContainer, null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
|
|
222
225
|
height: 150
|
|
223
|
-
})), !projectStatus.loading && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !((_projectStatus$projec = projectStatus.project) !== null && _projectStatus$projec !== void 0 && _projectStatus$projec.current_status) ? /*#__PURE__*/_react.default.createElement(_styles.HeaderContainer, null, /*#__PURE__*/_react.default.createElement(_styles.WelcomeMsg, null, t('WELCOME_TO_ORDERING', 'Welcome to Ordering'), "!"), /*#__PURE__*/_react.default.createElement(_styles.GuideMsg, null, t('ORDERING_GUIDE_MSG', 'Our guide helps you to configure your Ordering products.'))) : /*#__PURE__*/_react.default.createElement(_styles.ProjectStatusContainer, null, /*#__PURE__*/_react.default.createElement(_styles.ProjectInfoWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.GreetingText, null, t('WELCOME', 'Welcome'), " ", sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user = sessionState.user) === null || _sessionState$user === void 0 ? void 0 : _sessionState$user.name, "!"), /*#__PURE__*/_react.default.createElement(_styles.ProjectStatusDescription, null, (_projectStatus$projec2 = projectStatus.project) !== null && _projectStatus$projec2 !== void 0 && _projectStatus$projec2.current_status_until && ((_projectStatus$projec3 = projectStatus.project) === null || _projectStatus$projec3 === void 0 ? void 0 : _projectStatus$projec3.current_status) === 'past_due' ? (_project$projectStatu = project[(_projectStatus$projec4 = projectStatus.project) === null || _projectStatus$projec4 === void 0 ? void 0 : _projectStatus$projec4.current_status]) === null || _project$projectStatu === void 0 ? void 0 : _project$projectStatu.description.replace('_days_', (0, _utils.getCurrentDiffDays)((_projectStatus$projec5 = projectStatus.project) === null || _projectStatus$projec5 === void 0 ? void 0 : _projectStatus$projec5.current_status_until)) : (_project$projectStatu2 = project[(_projectStatus$projec6 = projectStatus.project) === null || _projectStatus$projec6 === void 0 ? void 0 : _projectStatus$projec6.current_status]) === null || _project$projectStatu2 === void 0 ? void 0 : _project$projectStatu2.description), /*#__PURE__*/_react.default.createElement(_styles.ProjectCurrentStatus, {
|
|
226
|
+
})), !projectStatus.loading && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !((_projectStatus$projec = projectStatus.project) !== null && _projectStatus$projec !== void 0 && _projectStatus$projec.current_status) ? /*#__PURE__*/_react.default.createElement(_styles.HeaderContainer, null, /*#__PURE__*/_react.default.createElement(_styles.WelcomeMsg, null, t('WELCOME_TO_ORDERING', 'Welcome to Ordering'), "!"), /*#__PURE__*/_react.default.createElement(_styles.GuideMsg, null, t('ORDERING_GUIDE_MSG', 'Our guide helps you to configure your Ordering products.'))) : /*#__PURE__*/_react.default.createElement(_styles.ProjectStatusContainer, null, /*#__PURE__*/_react.default.createElement(_styles.ProjectInfoWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.GreetingText, null, t('WELCOME', 'Welcome'), " ", sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user = sessionState.user) === null || _sessionState$user === void 0 ? void 0 : _sessionState$user.name, "!"), /*#__PURE__*/_react.default.createElement(_styles.ProjectStatusDescription, null, (_projectStatus$projec2 = projectStatus.project) !== null && _projectStatus$projec2 !== void 0 && _projectStatus$projec2.current_status_until && ((_projectStatus$projec3 = projectStatus.project) === null || _projectStatus$projec3 === void 0 ? void 0 : _projectStatus$projec3.current_status) === 'past_due' ? (_project$projectStatu = project[(_projectStatus$projec4 = projectStatus.project) === null || _projectStatus$projec4 === void 0 ? void 0 : _projectStatus$projec4.current_status]) === null || _project$projectStatu === void 0 ? void 0 : _project$projectStatu.description.replace('_days_', (0, _utils.getCurrentDiffDays)((_projectStatus$projec5 = projectStatus.project) === null || _projectStatus$projec5 === void 0 ? void 0 : _projectStatus$projec5.current_status_until)) : (_project$projectStatu2 = project[(_projectStatus$projec6 = projectStatus.project) === null || _projectStatus$projec6 === void 0 ? void 0 : _projectStatus$projec6.current_status]) === null || _project$projectStatu2 === void 0 ? void 0 : _project$projectStatu2.description), /*#__PURE__*/_react.default.createElement(_styles.ProjectStatusWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.ProjectCurrentStatus, {
|
|
224
227
|
isActive: ((_projectStatus$projec7 = projectStatus.project) === null || _projectStatus$projec7 === void 0 ? void 0 : _projectStatus$projec7.current_status) === 'active'
|
|
225
|
-
}, (_project$projectStatu3 = project[(_projectStatus$projec8 = projectStatus.project) === null || _projectStatus$projec8 === void 0 ? void 0 : _projectStatus$projec8.current_status]) === null || _project$projectStatu3 === void 0 ? void 0 : _project$projectStatu3.status)
|
|
228
|
+
}, (_project$projectStatu3 = project[(_projectStatus$projec8 = projectStatus.project) === null || _projectStatus$projec8 === void 0 ? void 0 : _projectStatus$projec8.current_status]) === null || _project$projectStatu3 === void 0 ? void 0 : _project$projectStatu3.status), /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
|
|
229
|
+
color: "primary",
|
|
230
|
+
borderRadius: "8px",
|
|
231
|
+
onClick: function onClick() {
|
|
232
|
+
return window.open("https://".concat(ordering === null || ordering === void 0 ? void 0 : ordering.project, ".tryordering.com"), '_blank');
|
|
233
|
+
}
|
|
234
|
+
}, t('VISIT_MY_WEBSITE', 'Visit my Website')))), /*#__PURE__*/_react.default.createElement("img", {
|
|
226
235
|
src: (_project$projectStatu4 = project[(_projectStatus$projec9 = projectStatus.project) === null || _projectStatus$projec9 === void 0 ? void 0 : _projectStatus$projec9.current_status]) === null || _project$projectStatu4 === void 0 ? void 0 : _project$projectStatu4.image,
|
|
227
236
|
alt: ""
|
|
228
237
|
}))), /*#__PURE__*/_react.default.createElement(_styles.ParagraphHeaders, null, /*#__PURE__*/_react.default.createElement("p", null, t('REPORTS', 'Reports')), /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
|
|
@@ -4,10 +4,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.WidgeBlock = exports.WelcomeMsg = exports.VideoOnBoardingWrapper = exports.VideoOnBoardingContainer = exports.VideoAndReportsWrapper = exports.SalesGraphContainer = exports.Reports = exports.ProjectStatusDescription = exports.ProjectStatusContainer = exports.ProjectInfoWrapper = exports.ProjectCurrentStatus = exports.ParagraphHeaders = exports.OrdersOrSalesContainer = exports.OrdersAndSalesWrapper = exports.OrderingHelpButton = exports.IframeWrapper = exports.HomeContainer = exports.HideAndShowWrapper = exports.HeaderContainer = exports.GuideMsg = exports.GreetingText = exports.FirstStoreToSellWrapper = exports.FirstStoreToSellContent = exports.FeedbackWidgets = exports.FeedbackContainer = exports.DetailsContent = exports.ChartHeaderContainer = exports.ButtonWrapper = exports.Breadcrumb = exports.BoxIconContainer = exports.AssistanceWidgets = exports.AssistanceTitle = exports.AssistanceBody = void 0;
|
|
7
|
+
exports.WidgeBlock = exports.WelcomeMsg = exports.VideoOnBoardingWrapper = exports.VideoOnBoardingContainer = exports.VideoAndReportsWrapper = exports.SalesGraphContainer = exports.Reports = exports.ProjectStatusWrapper = exports.ProjectStatusDescription = exports.ProjectStatusContainer = exports.ProjectInfoWrapper = exports.ProjectCurrentStatus = exports.ParagraphHeaders = exports.OrdersOrSalesContainer = exports.OrdersAndSalesWrapper = exports.OrderingHelpButton = exports.IframeWrapper = exports.HomeContainer = exports.HideAndShowWrapper = exports.HeaderContainer = exports.GuideMsg = exports.GreetingText = exports.FirstStoreToSellWrapper = exports.FirstStoreToSellContent = exports.FeedbackWidgets = exports.FeedbackContainer = exports.DetailsContent = exports.ChartHeaderContainer = exports.ButtonWrapper = exports.Breadcrumb = exports.BoxIconContainer = exports.AssistanceWidgets = exports.AssistanceTitle = exports.AssistanceBody = void 0;
|
|
8
8
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
9
9
|
var _polished = require("polished");
|
|
10
|
-
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, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49;
|
|
10
|
+
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, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51;
|
|
11
11
|
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); }
|
|
12
12
|
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; }
|
|
13
13
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
@@ -145,7 +145,7 @@ var GreetingText = _styledComponents.default.h1(_templateObject46 || (_templateO
|
|
|
145
145
|
exports.GreetingText = GreetingText;
|
|
146
146
|
var ProjectStatusDescription = _styledComponents.default.p(_templateObject47 || (_templateObject47 = _taggedTemplateLiteral(["\n font-size: 16px;\n line-height: 24px;\n"])));
|
|
147
147
|
exports.ProjectStatusDescription = ProjectStatusDescription;
|
|
148
|
-
var ProjectCurrentStatus = _styledComponents.default.div(_templateObject48 || (_templateObject48 = _taggedTemplateLiteral(["\n width: fit-content;\n margin-top: 15px
|
|
148
|
+
var ProjectCurrentStatus = _styledComponents.default.div(_templateObject48 || (_templateObject48 = _taggedTemplateLiteral(["\n width: fit-content;\n /* margin-top: 15px; */\n padding: 10px 16px;\n border-radius: 8px;\n font-size: 14px;\n line-height: 24px;\n color: ", ";\n background-color: ", ";\n ", "\n"])), function (props) {
|
|
149
149
|
return props.theme.colors.warning;
|
|
150
150
|
}, function (props) {
|
|
151
151
|
return (0, _polished.lighten)(0.4, props.theme.colors.warning);
|
|
@@ -157,4 +157,8 @@ var ProjectCurrentStatus = _styledComponents.default.div(_templateObject48 || (_
|
|
|
157
157
|
return (0, _polished.lighten)(0.5, props.theme.colors.success);
|
|
158
158
|
});
|
|
159
159
|
});
|
|
160
|
-
exports.ProjectCurrentStatus = ProjectCurrentStatus;
|
|
160
|
+
exports.ProjectCurrentStatus = ProjectCurrentStatus;
|
|
161
|
+
var ProjectStatusWrapper = _styledComponents.default.div(_templateObject50 || (_templateObject50 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n\n > button {\n height: 44px;\n margin-left: 15px;\n ", "\n }\n"])), function (props) {
|
|
162
|
+
return props.theme.rtl && (0, _styledComponents.css)(_templateObject51 || (_templateObject51 = _taggedTemplateLiteral(["\n margin-right: 15px;\n margin-left: 0px;\n "])));
|
|
163
|
+
});
|
|
164
|
+
exports.ProjectStatusWrapper = ProjectStatusWrapper;
|
|
@@ -116,6 +116,15 @@ var ContentFormUI = function ContentFormUI(props) {
|
|
|
116
116
|
setOpenModal(false);
|
|
117
117
|
setEditorContext(null);
|
|
118
118
|
};
|
|
119
|
+
var handleSubmit = function handleSubmit() {
|
|
120
|
+
var element = document.querySelector('.note-codeview-keep');
|
|
121
|
+
if (element && element.classList.contains('active')) {
|
|
122
|
+
var editValue = document.querySelector('.note-codable').value;
|
|
123
|
+
handleSave(editValue);
|
|
124
|
+
return;
|
|
125
|
+
}
|
|
126
|
+
handleSave();
|
|
127
|
+
};
|
|
119
128
|
(0, _react.useEffect)(function () {
|
|
120
129
|
if (!(formState !== null && formState !== void 0 && formState.error)) return;
|
|
121
130
|
setAlertState({
|
|
@@ -130,12 +139,15 @@ var ContentFormUI = function ContentFormUI(props) {
|
|
|
130
139
|
var onInit = function onInit(note) {
|
|
131
140
|
note.reset();
|
|
132
141
|
var regex = /(\<\w*)((\s\/\>)|(.*\<\/\w*\>))/i;
|
|
133
|
-
if (content.match(regex) !== null) {
|
|
142
|
+
if ((content === null || content === void 0 ? void 0 : content.match(regex)) !== null) {
|
|
134
143
|
note.replace(content);
|
|
135
144
|
} else {
|
|
136
145
|
note.insertText(content);
|
|
137
146
|
}
|
|
138
147
|
};
|
|
148
|
+
(0, _react.useEffect)(function () {
|
|
149
|
+
setPageContent(content);
|
|
150
|
+
}, [content]);
|
|
139
151
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.PageContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.Header, null, /*#__PURE__*/_react.default.createElement("h1", null, title)), /*#__PURE__*/_react.default.createElement(_styles2.WrapperEditor, null, /*#__PURE__*/_react.default.createElement(_reactSummernote.default, {
|
|
140
152
|
onInit: onInit,
|
|
141
153
|
placeholder: t('START_NEW_PAGE'),
|
|
@@ -157,7 +169,7 @@ var ContentFormUI = function ContentFormUI(props) {
|
|
|
157
169
|
color: "primary",
|
|
158
170
|
disabled: Object.keys(formState.changes).length === 0,
|
|
159
171
|
onClick: function onClick() {
|
|
160
|
-
return
|
|
172
|
+
return handleSubmit();
|
|
161
173
|
}
|
|
162
174
|
}, t('ACCEPT', 'Accept')), /*#__PURE__*/_react.default.createElement(_styles.Button, {
|
|
163
175
|
borderRadius: "8px",
|
|
@@ -29,7 +29,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
29
29
|
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; }
|
|
30
30
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
31
31
|
var OrderingWebsiteUI = function OrderingWebsiteUI(props) {
|
|
32
|
-
var _themeValues$website_, _themeValues$website_2, _themeValues$website_3, _themeValues$website_4, _themeValues$website_5, _themeValues$website_6, _themeValues$images, _themeValues$images$c, _themeValues$images$c2, _themeValues$images$c3, _themeValues$images2, _themeValues$images2$, _themeValues$images2$2, _themeValues$images2$3, _themeValues$images3, _themeValues$images3$, _themeValues$images3$2, _themeValues$images3$3, _themeValues$images4, _themeValues$images4$, _themeValues$images4$2, _themeValues$images4$3, _themeValues$images6, _themeValues$images6$, _themeValues$
|
|
32
|
+
var _themeValues$website_, _themeValues$website_2, _themeValues$website_3, _themeValues$website_4, _themeValues$website_5, _themeValues$website_6, _themeValues$images, _themeValues$images$c, _themeValues$images$c2, _themeValues$images$c3, _themeValues$images2, _themeValues$images2$, _themeValues$images2$2, _themeValues$images2$3, _themeValues$images3, _themeValues$images3$, _themeValues$images3$2, _themeValues$images3$3, _themeValues$images4, _themeValues$images4$, _themeValues$images4$2, _themeValues$images4$3, _themeValues$images5, _themeValues$images5$, _themeValues$images5$2, _themeValues$images5$3, _themeValues$images6, _themeValues$images6$, _themeValues$images6$2, _themeValues$images6$3, _themeValues$images8, _themeValues$images8$, _themeValues$theme_se, _themeValues$theme_se2, _themeValues$theme_se3, _themeValues$theme_se4, _themeValues$theme_se5, _themeValues$theme_se6, _themeValues$theme_se7, _themeValues$theme_se8, _themeValues$theme_se9;
|
|
33
33
|
var themeValues = props.themeValues,
|
|
34
34
|
orderingTheme = props.orderingTheme,
|
|
35
35
|
setThemeValues = props.setThemeValues,
|
|
@@ -151,7 +151,13 @@ var OrderingWebsiteUI = function OrderingWebsiteUI(props) {
|
|
|
151
151
|
}, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.List, null)), /*#__PURE__*/_react.default.createElement("h1", null, t('MY_PRODUCTS', 'My products'))), /*#__PURE__*/_react.default.createElement(_styles2.WebsiteWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.InfoWrapper, null, /*#__PURE__*/_react.default.createElement("h1", null, t('ORDERING_WEBSITE', 'Ordering website')), /*#__PURE__*/_react.default.createElement("p", null, t('ORDERING_WEBSITE_DESC', 'This product is included in your project by default.'))), /*#__PURE__*/_react.default.createElement("img", {
|
|
152
152
|
src: theme.images.myProducts.orderingWebsite,
|
|
153
153
|
alt: "ordering-website"
|
|
154
|
-
})), /*#__PURE__*/_react.default.createElement(_styles2.MoreSettingsHeader, null, /*#__PURE__*/_react.default.createElement("h2", null, t('MORE_SETTINGS_FOR_YOUR', 'More settings for your'), " ", /*#__PURE__*/_react.default.createElement("span", null, t('WEBSITE_ORIGINAL', 'website'))), /*#__PURE__*/_react.default.createElement("p", null, t('MORE_SETTINGS_YOUR_WEBSITE_DESC', 'Change background, colors, fonts, style, branding and all the essentials of your brand.'))), /*#__PURE__*/_react.default.createElement(_styles2.
|
|
154
|
+
})), /*#__PURE__*/_react.default.createElement(_styles2.MoreSettingsHeader, null, /*#__PURE__*/_react.default.createElement("h2", null, t('MORE_SETTINGS_FOR_YOUR', 'More settings for your'), " ", /*#__PURE__*/_react.default.createElement("span", null, t('WEBSITE_ORIGINAL', 'website'))), /*#__PURE__*/_react.default.createElement("p", null, t('MORE_SETTINGS_YOUR_WEBSITE_DESC', 'Change background, colors, fonts, style, branding and all the essentials of your brand.'))), /*#__PURE__*/_react.default.createElement(_styles2.WebsiteButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.Button, {
|
|
155
|
+
color: "primary",
|
|
156
|
+
borderRadius: "8px",
|
|
157
|
+
onClick: function onClick() {
|
|
158
|
+
return window.open("https://".concat(ordering === null || ordering === void 0 ? void 0 : ordering.project, ".tryordering.com"), '_blank');
|
|
159
|
+
}
|
|
160
|
+
}, t('VISIT_MY_WEBSITE', 'Visit My Website'))), /*#__PURE__*/_react.default.createElement(_styles2.FormWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.InputFormWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.InnerBlock, null, /*#__PURE__*/_react.default.createElement("h4", null, t('WEBSITE_SETTINGS', 'Website settings')), /*#__PURE__*/_react.default.createElement(_styles2.FormGroup, null, /*#__PURE__*/_react.default.createElement("label", null, orderingTheme !== null && orderingTheme !== void 0 && orderingTheme.loading ? /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
|
|
155
161
|
height: 20,
|
|
156
162
|
width: 150
|
|
157
163
|
}) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, t('NAME', 'Name'))), orderingTheme !== null && orderingTheme !== void 0 && orderingTheme.loading ? /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
|
|
@@ -181,20 +187,15 @@ var OrderingWebsiteUI = function OrderingWebsiteUI(props) {
|
|
|
181
187
|
height: 20,
|
|
182
188
|
width: 150
|
|
183
189
|
}) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, t('TEMPORAL_DOMAIN', 'Temporal domain'))), orderingTheme !== null && orderingTheme !== void 0 && orderingTheme.loading ? /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
|
|
184
|
-
height:
|
|
190
|
+
height: 20,
|
|
185
191
|
style: {
|
|
186
192
|
width: '100%'
|
|
187
193
|
}
|
|
188
|
-
}) : /*#__PURE__*/_react.default.createElement(_styles2.
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
disabled: true,
|
|
194
|
-
defaultValue: ordering.project
|
|
195
|
-
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
196
|
-
className: "after"
|
|
197
|
-
}, ".tryordering.com"))), /*#__PURE__*/_react.default.createElement(_styles2.FormGroup, null, /*#__PURE__*/_react.default.createElement("label", null, orderingTheme !== null && orderingTheme !== void 0 && orderingTheme.loading ? /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
|
|
194
|
+
}) : /*#__PURE__*/_react.default.createElement(_styles2.TemporalDomail, null, t('VISIT', 'Visit'), ": ", /*#__PURE__*/_react.default.createElement("a", {
|
|
195
|
+
href: "https://".concat(ordering === null || ordering === void 0 ? void 0 : ordering.project, ".tryordering.com"),
|
|
196
|
+
rel: "noopener noreferrer",
|
|
197
|
+
target: "_blank"
|
|
198
|
+
}, "https://", ordering === null || ordering === void 0 ? void 0 : ordering.project, ".tryordering.com"))), /*#__PURE__*/_react.default.createElement(_styles2.FormGroup, null, /*#__PURE__*/_react.default.createElement("label", null, orderingTheme !== null && orderingTheme !== void 0 && orderingTheme.loading ? /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
|
|
198
199
|
height: 20,
|
|
199
200
|
width: 150
|
|
200
201
|
}) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, t('CUSTOM_DOMAIN', 'Custom domain'))), orderingTheme !== null && orderingTheme !== void 0 && orderingTheme.loading ? /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
|
|
@@ -241,11 +242,13 @@ var OrderingWebsiteUI = function OrderingWebsiteUI(props) {
|
|
|
241
242
|
},
|
|
242
243
|
accept: "image/png, image/jpeg, image/jpg",
|
|
243
244
|
disabled: orderingTheme.loading
|
|
244
|
-
}, themeValues
|
|
245
|
+
}, (themeValues === null || themeValues === void 0 ? void 0 : (_themeValues$images = themeValues.images) === null || _themeValues$images === void 0 ? void 0 : (_themeValues$images$c = _themeValues$images.components) === null || _themeValues$images$c === void 0 ? void 0 : (_themeValues$images$c2 = _themeValues$images$c.logo) === null || _themeValues$images$c2 === void 0 ? void 0 : (_themeValues$images$c3 = _themeValues$images$c2.components) === null || _themeValues$images$c3 === void 0 ? void 0 : _themeValues$images$c3.image) && /*#__PURE__*/_react.default.createElement("img", {
|
|
245
246
|
src: themeValues === null || themeValues === void 0 ? void 0 : (_themeValues$images2 = themeValues.images) === null || _themeValues$images2 === void 0 ? void 0 : (_themeValues$images2$ = _themeValues$images2.components) === null || _themeValues$images2$ === void 0 ? void 0 : (_themeValues$images2$2 = _themeValues$images2$.logo) === null || _themeValues$images2$2 === void 0 ? void 0 : (_themeValues$images2$3 = _themeValues$images2$2.components) === null || _themeValues$images2$3 === void 0 ? void 0 : _themeValues$images2$3.image,
|
|
246
247
|
alt: "logo image",
|
|
247
248
|
loading: "lazy"
|
|
248
|
-
})
|
|
249
|
+
}), /*#__PURE__*/_react.default.createElement(_styles2.UploadImageIconContainer, {
|
|
250
|
+
bgimage: themeValues === null || themeValues === void 0 ? void 0 : (_themeValues$images3 = themeValues.images) === null || _themeValues$images3 === void 0 ? void 0 : (_themeValues$images3$ = _themeValues$images3.components) === null || _themeValues$images3$ === void 0 ? void 0 : (_themeValues$images3$2 = _themeValues$images3$.logo) === null || _themeValues$images3$2 === void 0 ? void 0 : (_themeValues$images3$3 = _themeValues$images3$2.components) === null || _themeValues$images3$3 === void 0 ? void 0 : _themeValues$images3$3.image
|
|
251
|
+
}, /*#__PURE__*/_react.default.createElement(_styles2.UploadImageIcon, null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Image, null), /*#__PURE__*/_react.default.createElement("span", null, t('DRAG_AND_DROP', 'Drag and drop'))))))), /*#__PURE__*/_react.default.createElement(_styles2.ImgInfoWrapper, null, /*#__PURE__*/_react.default.createElement("h4", null, t('HEADER_LOGO', 'Header logo')), /*#__PURE__*/_react.default.createElement("p", null, "900 x 200 px"), /*#__PURE__*/_react.default.createElement("p", null, t('FORMAT', 'Format'), ": PNG"))), orderingTheme !== null && orderingTheme !== void 0 && orderingTheme.loading ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
|
|
249
252
|
height: 100,
|
|
250
253
|
style: {
|
|
251
254
|
marginBottom: '15px',
|
|
@@ -277,30 +280,27 @@ var OrderingWebsiteUI = function OrderingWebsiteUI(props) {
|
|
|
277
280
|
},
|
|
278
281
|
accept: "image/png, image/jpeg, image/jpg",
|
|
279
282
|
disabled: orderingTheme.loading
|
|
280
|
-
}, themeValues
|
|
281
|
-
src: themeValues === null || themeValues === void 0 ? void 0 : (_themeValues$
|
|
283
|
+
}, (themeValues === null || themeValues === void 0 ? void 0 : (_themeValues$images4 = themeValues.images) === null || _themeValues$images4 === void 0 ? void 0 : (_themeValues$images4$ = _themeValues$images4.components) === null || _themeValues$images4$ === void 0 ? void 0 : (_themeValues$images4$2 = _themeValues$images4$.homepage_background) === null || _themeValues$images4$2 === void 0 ? void 0 : (_themeValues$images4$3 = _themeValues$images4$2.components) === null || _themeValues$images4$3 === void 0 ? void 0 : _themeValues$images4$3.image) && /*#__PURE__*/_react.default.createElement("img", {
|
|
284
|
+
src: themeValues === null || themeValues === void 0 ? void 0 : (_themeValues$images5 = themeValues.images) === null || _themeValues$images5 === void 0 ? void 0 : (_themeValues$images5$ = _themeValues$images5.components) === null || _themeValues$images5$ === void 0 ? void 0 : (_themeValues$images5$2 = _themeValues$images5$.homepage_background) === null || _themeValues$images5$2 === void 0 ? void 0 : (_themeValues$images5$3 = _themeValues$images5$2.components) === null || _themeValues$images5$3 === void 0 ? void 0 : _themeValues$images5$3.image,
|
|
282
285
|
alt: "backgrond image",
|
|
283
286
|
loading: "lazy"
|
|
284
|
-
})
|
|
287
|
+
}), /*#__PURE__*/_react.default.createElement(_styles2.UploadImageIconContainer, {
|
|
288
|
+
bgimage: !!(themeValues !== null && themeValues !== void 0 && (_themeValues$images6 = themeValues.images) !== null && _themeValues$images6 !== void 0 && (_themeValues$images6$ = _themeValues$images6.components) !== null && _themeValues$images6$ !== void 0 && (_themeValues$images6$2 = _themeValues$images6$.homepage_background) !== null && _themeValues$images6$2 !== void 0 && (_themeValues$images6$3 = _themeValues$images6$2.components) !== null && _themeValues$images6$3 !== void 0 && _themeValues$images6$3.image)
|
|
289
|
+
}, /*#__PURE__*/_react.default.createElement(_styles2.UploadImageIcon, null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Image, null), /*#__PURE__*/_react.default.createElement("span", null, t('DRAG_AND_DROP', 'Drag and drop'))))))), /*#__PURE__*/_react.default.createElement(_styles2.ImgInfoWrapper, null, /*#__PURE__*/_react.default.createElement("h4", null, t('HOMEPAGE_BACKGROUND', 'Homepage background')), /*#__PURE__*/_react.default.createElement("p", null, "1920 x 1280 px"), /*#__PURE__*/_react.default.createElement("p", null, t('FORMAT', 'Format'), ": PNG"))), orderingTheme !== null && orderingTheme !== void 0 && orderingTheme.loading ? /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
|
|
285
290
|
width: 200,
|
|
286
291
|
height: 20
|
|
287
292
|
}) : /*#__PURE__*/_react.default.createElement(_styles2.CheckBoxWrapper, {
|
|
288
293
|
onClick: function onClick() {
|
|
289
|
-
var _themeValues$
|
|
290
|
-
return handleChangeValue(!(themeValues !== null && themeValues !== void 0 && (_themeValues$
|
|
294
|
+
var _themeValues$images7, _themeValues$images7$;
|
|
295
|
+
return handleChangeValue(!(themeValues !== null && themeValues !== void 0 && (_themeValues$images7 = themeValues.images) !== null && _themeValues$images7 !== void 0 && (_themeValues$images7$ = _themeValues$images7.components) !== null && _themeValues$images7$ !== void 0 && _themeValues$images7$.homepage_image_fullscreen), 'images', 'homepage_image_fullscreen');
|
|
291
296
|
}
|
|
292
|
-
}, themeValues !== null && themeValues !== void 0 && (_themeValues$
|
|
297
|
+
}, themeValues !== null && themeValues !== void 0 && (_themeValues$images8 = themeValues.images) !== null && _themeValues$images8 !== void 0 && (_themeValues$images8$ = _themeValues$images8.components) !== null && _themeValues$images8$ !== void 0 && _themeValues$images8$.homepage_image_fullscreen ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.CheckSquareFill, {
|
|
293
298
|
className: "active"
|
|
294
299
|
}) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Square, null), /*#__PURE__*/_react.default.createElement("span", null, t('HOMEPAGE_IMAGE_FULLSCREEN', 'Homepage image fullscreen'))))), !(orderingTheme !== null && orderingTheme !== void 0 && orderingTheme.loading) && /*#__PURE__*/_react.default.createElement(_styles2.InputFormWrapper, null, /*#__PURE__*/_react.default.createElement("h4", null, t('THEME_SETTINGS', 'Theme Settings')), /*#__PURE__*/_react.default.createElement(_styles2.InnerBlock, null, /*#__PURE__*/_react.default.createElement(_styles2.ColorPickerWrapper, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, t('PRIMARY_COLOR_BUTTONS', 'Primary Color for Buttons')), /*#__PURE__*/_react.default.createElement(_Shared.ColorPicker, {
|
|
295
300
|
defaultColor: themeValues === null || themeValues === void 0 ? void 0 : (_themeValues$theme_se = themeValues.theme_settings) === null || _themeValues$theme_se === void 0 ? void 0 : (_themeValues$theme_se2 = _themeValues$theme_se.components) === null || _themeValues$theme_se2 === void 0 ? void 0 : (_themeValues$theme_se3 = _themeValues$theme_se2.style) === null || _themeValues$theme_se3 === void 0 ? void 0 : _themeValues$theme_se3.primary_btn_color,
|
|
296
301
|
onChangeColor: function onChangeColor(color) {
|
|
297
302
|
return handleChangeValue(color, 'theme_settings', 'style.primary_btn_color');
|
|
298
303
|
}
|
|
299
|
-
})), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, t('PRIMARY_COLOR_LINKS', 'Primary Color for Links')), /*#__PURE__*/_react.default.createElement(_Shared.ColorPicker, {
|
|
300
|
-
defaultColor: themeValues === null || themeValues === void 0 ? void 0 : (_themeValues$theme_se4 = themeValues.theme_settings) === null || _themeValues$theme_se4 === void 0 ? void 0 : (_themeValues$theme_se5 = _themeValues$theme_se4.components) === null || _themeValues$theme_se5 === void 0 ? void 0 : (_themeValues$theme_se6 = _themeValues$theme_se5.style) === null || _themeValues$theme_se6 === void 0 ? void 0 : _themeValues$theme_se6.primary_link_color,
|
|
301
|
-
onChangeColor: function onChangeColor(color) {
|
|
302
|
-
return handleChangeValue(color, 'theme_settings', 'style.primary_link_color');
|
|
303
|
-
}
|
|
304
304
|
}))), /*#__PURE__*/_react.default.createElement(_styles2.ContentWrapper, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, t('HOMEPAGE_CONTENT', 'Homepage Content')), /*#__PURE__*/_react.default.createElement(_styles.Button, {
|
|
305
305
|
color: "primary",
|
|
306
306
|
borderRadius: "8px",
|
|
@@ -323,7 +323,7 @@ var OrderingWebsiteUI = function OrderingWebsiteUI(props) {
|
|
|
323
323
|
},
|
|
324
324
|
disabled: orderingTheme === null || orderingTheme === void 0 ? void 0 : orderingTheme.loading
|
|
325
325
|
}, t('SAVE', 'Save')))), /*#__PURE__*/_react.default.createElement(_Shared.Alert, {
|
|
326
|
-
title: t('
|
|
326
|
+
title: t('ORDERING', 'Ordering'),
|
|
327
327
|
content: alertState.content,
|
|
328
328
|
acceptText: t('ACCEPT', 'Accept'),
|
|
329
329
|
open: alertState.open,
|
|
@@ -356,7 +356,7 @@ var OrderingWebsiteUI = function OrderingWebsiteUI(props) {
|
|
|
356
356
|
}
|
|
357
357
|
}, /*#__PURE__*/_react.default.createElement(_ContentForm.ContentForm, {
|
|
358
358
|
title: t('HOME_PAGE_CONTENT', 'Home Page Content'),
|
|
359
|
-
content: themeValues === null || themeValues === void 0 ? void 0 : (_themeValues$
|
|
359
|
+
content: themeValues === null || themeValues === void 0 ? void 0 : (_themeValues$theme_se4 = themeValues.theme_settings) === null || _themeValues$theme_se4 === void 0 ? void 0 : (_themeValues$theme_se5 = _themeValues$theme_se4.components) === null || _themeValues$theme_se5 === void 0 ? void 0 : (_themeValues$theme_se6 = _themeValues$theme_se5.values) === null || _themeValues$theme_se6 === void 0 ? void 0 : _themeValues$theme_se6.homepage_content,
|
|
360
360
|
onClose: function onClose() {
|
|
361
361
|
return setHomePageContent(false);
|
|
362
362
|
},
|
|
@@ -370,7 +370,7 @@ var OrderingWebsiteUI = function OrderingWebsiteUI(props) {
|
|
|
370
370
|
}
|
|
371
371
|
}, /*#__PURE__*/_react.default.createElement(_ContentForm.ContentForm, {
|
|
372
372
|
title: t('FOOTER', 'Footer'),
|
|
373
|
-
content: themeValues === null || themeValues === void 0 ? void 0 : (_themeValues$
|
|
373
|
+
content: themeValues === null || themeValues === void 0 ? void 0 : (_themeValues$theme_se7 = themeValues.theme_settings) === null || _themeValues$theme_se7 === void 0 ? void 0 : (_themeValues$theme_se8 = _themeValues$theme_se7.components) === null || _themeValues$theme_se8 === void 0 ? void 0 : (_themeValues$theme_se9 = _themeValues$theme_se8.values) === null || _themeValues$theme_se9 === void 0 ? void 0 : _themeValues$theme_se9.footer_content,
|
|
374
374
|
onClose: function onClose() {
|
|
375
375
|
return setFooterContent(false);
|
|
376
376
|
},
|
|
@@ -381,7 +381,7 @@ var OrderingWebsiteUI = function OrderingWebsiteUI(props) {
|
|
|
381
381
|
var OrderingWebsite = function OrderingWebsite(props) {
|
|
382
382
|
var orderingWebsiteProps = _objectSpread(_objectSpread({}, props), {}, {
|
|
383
383
|
UIComponent: OrderingWebsiteUI,
|
|
384
|
-
appId: '
|
|
384
|
+
appId: 'website'
|
|
385
385
|
});
|
|
386
386
|
return /*#__PURE__*/_react.default.createElement(_orderingComponentsAdminExternal.OrderingWebsite, orderingWebsiteProps);
|
|
387
387
|
};
|
|
@@ -4,9 +4,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.WebsiteWrapper = exports.UploadImageIconContainer = exports.UploadImageIcon = exports.MoreSettingsHeader = exports.LogoImage = exports.InputFormWrapper = exports.InnerBlock = exports.InfoWrapper = exports.ImgInfoWrapper = exports.ImageFormGroup = exports.HeaderTitleContainer = exports.FormWrapper = exports.FormGroup = exports.
|
|
7
|
+
exports.WebsiteWrapper = exports.WebsiteButtonWrapper = exports.UploadImageIconContainer = exports.UploadImageIcon = exports.TemporalDomail = exports.MoreSettingsHeader = exports.LogoImage = exports.InputFormWrapper = exports.InnerBlock = exports.InfoWrapper = exports.ImgInfoWrapper = exports.ImageFormGroup = exports.HeaderTitleContainer = exports.FormWrapper = exports.FormGroup = exports.ContentWrapper = exports.Container = exports.ColorPickerWrapper = exports.CheckBoxWrapper = exports.BackgroundImage = 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;
|
|
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;
|
|
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) } })); }
|
|
@@ -35,46 +35,53 @@ var FormWrapper = _styledComponents.default.div(_templateObject10 || (_templateO
|
|
|
35
35
|
exports.FormWrapper = FormWrapper;
|
|
36
36
|
var InputFormWrapper = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n padding: 25px 38px;\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n border-radius: 7.6px;\n margin-bottom: 30px;\n h4 {\n font-weight: 600;\n font-size: 16px;\n line-height: 24px;\n margin: 0px;\n }\n"])));
|
|
37
37
|
exports.InputFormWrapper = InputFormWrapper;
|
|
38
|
-
var InnerBlock = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n width: 100%;\n max-width:
|
|
38
|
+
var InnerBlock = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n width: 100%;\n max-width: 647px;\n"])));
|
|
39
39
|
exports.InnerBlock = InnerBlock;
|
|
40
40
|
var FormGroup = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n margin-top: 27px;\n label {\n display: block;\n margin-bottom: 12px;\n font-weight: 400;\n font-size: 14px;\n line-height: 24px;\n }\n > input, textarea {\n width: 100%;\n }\n .custom-domain {\n width: 330px;\n }\n button {\n height: 44px;\n }\n"])));
|
|
41
41
|
exports.FormGroup = FormGroup;
|
|
42
|
-
var
|
|
43
|
-
return props.theme.colors.
|
|
44
|
-
}, function (props) {
|
|
45
|
-
return props.theme.colors.lightGray;
|
|
42
|
+
var TemporalDomail = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n font-weight: 400;\n font-size: 14px;\n line-height: 24px;\n > a {\n color: ", ";\n }\n"])), function (props) {
|
|
43
|
+
return props.theme.colors.primary;
|
|
46
44
|
});
|
|
47
|
-
exports.
|
|
45
|
+
exports.TemporalDomail = TemporalDomail;
|
|
48
46
|
var ImageFormGroup = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n margin-top: 30px;\n"])));
|
|
49
47
|
exports.ImageFormGroup = ImageFormGroup;
|
|
50
|
-
var LogoImage = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n width:
|
|
48
|
+
var LogoImage = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n width: 450px;\n height: 100px;\n position: relative;\n border-radius: 8px;\n overflow: hidden;\n cursor: -webkit-grab;\n cursor: grab;\n filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.1));\n\n img,\n div {\n width: 100%;\n border-radius: 8px;\n height: 100%;\n overflow: hidden;\n };\n\n img{\n object-fit: contain;\n }\n"])));
|
|
51
49
|
exports.LogoImage = LogoImage;
|
|
52
|
-
var BackgroundImage = (0, _styledComponents.default)(LogoImage)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n width:
|
|
50
|
+
var BackgroundImage = (0, _styledComponents.default)(LogoImage)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n height: 213px;\n width: 320px;\n\n @media (min-width: 768px) {\n height: 427px;\n width: 640px;\n }\n"])));
|
|
53
51
|
exports.BackgroundImage = BackgroundImage;
|
|
54
|
-
var UploadImageIconContainer = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n position: absolute;\n top: 0px;\n background: ", ";\n ", "\n"])), function (props) {
|
|
52
|
+
var UploadImageIconContainer = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n position: absolute;\n top: 0px;\n background: ", ";\n ", "\n ", "\n"])), function (props) {
|
|
55
53
|
return props.theme.colors.secundaryDarkContrast;
|
|
56
54
|
}, function (_ref) {
|
|
57
|
-
var
|
|
58
|
-
return
|
|
55
|
+
var bgimage = _ref.bgimage;
|
|
56
|
+
return bgimage && (0, _styledComponents.css)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n background: transparent;\n svg, span {\n color: ", ";\n }\n border: 1px dashed ", ";\n "])), function (props) {
|
|
57
|
+
return props.theme.colors.white;
|
|
58
|
+
}, function (props) {
|
|
59
|
+
return props.theme.colors.secundaryDarkContrast;
|
|
60
|
+
});
|
|
61
|
+
}, function (_ref2) {
|
|
62
|
+
var small = _ref2.small;
|
|
63
|
+
return small ? (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n padding: 4px;\n "]))) : (0, _styledComponents.css)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n padding: 8px;\n "])));
|
|
59
64
|
});
|
|
60
65
|
exports.UploadImageIconContainer = UploadImageIconContainer;
|
|
61
|
-
var UploadImageIcon = _styledComponents.default.div(
|
|
66
|
+
var UploadImageIcon = _styledComponents.default.div(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n color: ", ";\n span {\n margin-top: 14px;\n font-size: 14px;\n }\n\n svg { \n width: 52px;\n height: 45px;\n }\n"])), function (props) {
|
|
62
67
|
return props.theme.colors.disabled;
|
|
63
68
|
});
|
|
64
69
|
exports.UploadImageIcon = UploadImageIcon;
|
|
65
|
-
var ImgInfoWrapper = _styledComponents.default.div(
|
|
70
|
+
var ImgInfoWrapper = _styledComponents.default.div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n margin-top: 15px;\n h4 {\n font-size: 14px;\n line-height: 24px;\n font-weight: 400;\n margin: 0px;\n }\n p {\n font-size: 12px;\n line-height: 18px;\n margin-top: 2px;\n margin-bottom: 0px;\n color: ", ";\n }\n"])), function (props) {
|
|
66
71
|
return props.theme.colors.secundaryContrast;
|
|
67
72
|
});
|
|
68
73
|
exports.ImgInfoWrapper = ImgInfoWrapper;
|
|
69
|
-
var CheckBoxWrapper = _styledComponents.default.div(
|
|
74
|
+
var CheckBoxWrapper = _styledComponents.default.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n margin-top: 30px;\n display: flex;\n align-items: center;\n cursor: pointer;\n width: fit-content;\n svg {\n font-size: 16px;\n color: ", ";\n &.active {\n color: ", ";\n }\n margin-right: 20px;\n ", "\n }\n span {\n font-weight: 400;\n font-size: 14px;\n line-height: 24px;\n user-select: none;\n }\n"])), function (props) {
|
|
70
75
|
return props.theme.colors.secundaryLight;
|
|
71
76
|
}, function (props) {
|
|
72
77
|
return props.theme.colors.primary;
|
|
73
78
|
}, function (props) {
|
|
74
|
-
return props.theme.rtl && (0, _styledComponents.css)(
|
|
79
|
+
return props.theme.rtl && (0, _styledComponents.css)(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n margin-left: 20px;\n margin-right: 0px;\n "])));
|
|
75
80
|
});
|
|
76
81
|
exports.CheckBoxWrapper = CheckBoxWrapper;
|
|
77
|
-
var ColorPickerWrapper = _styledComponents.default.div(
|
|
82
|
+
var ColorPickerWrapper = _styledComponents.default.div(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n padding-top: 25px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n > div {\n margin-top: 25px;\n > p {\n font-weight: 400;\n font-size: 14px;\n line-height: 24px;\n margin-top: 0px;\n margin-bottom: 9px;\n }\n }\n\n @media (min-width: 769px) {\n flex-direction: row;\n }\n"])));
|
|
78
83
|
exports.ColorPickerWrapper = ColorPickerWrapper;
|
|
79
|
-
var ContentWrapper = _styledComponents.default.div(
|
|
80
|
-
exports.ContentWrapper = ContentWrapper;
|
|
84
|
+
var ContentWrapper = _styledComponents.default.div(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n padding-top: 25px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n > div {\n margin-top: 25px;\n display: flex;\n flex-direction: column;\n align-items: center;\n > p {\n font-weight: 600;\n font-size: 16px;\n line-height: 24px;\n margin-top: 0px;\n margin-bottom: 20px;\n }\n button {\n width: 200px;\n height: 44px;\n }\n }\n @media (min-width: 769px) {\n flex-direction: row;\n }\n"])));
|
|
85
|
+
exports.ContentWrapper = ContentWrapper;
|
|
86
|
+
var WebsiteButtonWrapper = _styledComponents.default.div(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n margin-bottom: 20px;\n button {\n height: 44px;\n }\n"])));
|
|
87
|
+
exports.WebsiteButtonWrapper = WebsiteButtonWrapper;
|
|
@@ -32,7 +32,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
32
32
|
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; }
|
|
33
33
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
34
34
|
var SidebarMenuUI = function SidebarMenuUI(props) {
|
|
35
|
-
var _sessionState$user, _sessionState$user2, _sessionState$user3, _sessionState$user4, _sessionState$user5, _sessionState$user6, _sessionState$user7, _configs$dashboard_lo, _theme$images, _theme$images$logos, _sessionState$user8, _sessionState$user9, _sessionState$user10, _sessionState$user11, _sessionState$user14, _sessionState$user15, _sessionState$user16, _sessionState$user17, _sessionState$user19, _sessionState$user20, _sessionState$user21, _sessionState$user22, _sessionState$user23, _sessionState$user24, _sessionState$user25, _sessionState$user26, _sessionState$user27, _sessionState$user28, _sessionState$user29, _sessionState$user30, _sessionState$user31, _sessionState$user32, _sessionState$user33, _sessionState$user34, _sessionState$user35, _sessionState$user36
|
|
35
|
+
var _sessionState$user, _sessionState$user2, _sessionState$user3, _sessionState$user4, _sessionState$user5, _sessionState$user6, _sessionState$user7, _configs$dashboard_lo, _theme$images, _theme$images$logos, _sessionState$user8, _sessionState$user9, _sessionState$user10, _sessionState$user11, _sessionState$user14, _sessionState$user15, _sessionState$user16, _sessionState$user17, _sessionState$user19, _sessionState$user20, _sessionState$user21, _sessionState$user22, _sessionState$user23, _sessionState$user24, _sessionState$user25, _sessionState$user26, _sessionState$user27, _sessionState$user28, _sessionState$user29, _sessionState$user30, _sessionState$user31, _sessionState$user32, _sessionState$user33, _sessionState$user34, _sessionState$user35, _sessionState$user36;
|
|
36
36
|
var getBillingToken = props.getBillingToken,
|
|
37
37
|
billingUrl = props.billingUrl;
|
|
38
38
|
var location = (0, _reactRouterDom.useLocation)();
|
|
@@ -526,14 +526,6 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
|
|
|
526
526
|
}
|
|
527
527
|
}, (0, _utils.firstLetterCapital)(item.title));
|
|
528
528
|
}))))), (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user31 = sessionState.user) === null || _sessionState$user31 === void 0 ? void 0 : _sessionState$user31.level) === 0 && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
|
|
529
|
-
className: "d-flex align-items-center",
|
|
530
|
-
variant: location.pathname === '/ordering-products' && 'primary',
|
|
531
|
-
onClick: function onClick() {
|
|
532
|
-
return handleGoToPage({
|
|
533
|
-
page: 'ordering_products'
|
|
534
|
-
});
|
|
535
|
-
}
|
|
536
|
-
}, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.WindowDock, null), /*#__PURE__*/_react.default.createElement("span", null, t('ORDERING_PRODUCTS', 'Ordering products'))), (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user32 = sessionState.user) === null || _sessionState$user32 === void 0 ? void 0 : _sessionState$user32.level) === 0 && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
|
|
537
529
|
className: "d-flex align-items-center",
|
|
538
530
|
variant: location.pathname === '/support' && 'primary',
|
|
539
531
|
onClick: function onClick() {
|
|
@@ -541,7 +533,7 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
|
|
|
541
533
|
page: 'support'
|
|
542
534
|
});
|
|
543
535
|
}
|
|
544
|
-
}, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Headset, null), /*#__PURE__*/_react.default.createElement("span", null, t('SUPPORT', 'Support'))), (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$
|
|
536
|
+
}, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Headset, null), /*#__PURE__*/_react.default.createElement("span", null, t('SUPPORT', 'Support'))), (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user32 = sessionState.user) === null || _sessionState$user32 === void 0 ? void 0 : _sessionState$user32.level) === 0 && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
|
|
545
537
|
className: "d-flex align-items-center",
|
|
546
538
|
variant: false,
|
|
547
539
|
onClick: function onClick() {
|
|
@@ -558,12 +550,12 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
|
|
|
558
550
|
page: 'profile'
|
|
559
551
|
});
|
|
560
552
|
}
|
|
561
|
-
}, sessionState !== null && sessionState !== void 0 && (_sessionState$
|
|
562
|
-
src: sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$
|
|
553
|
+
}, sessionState !== null && sessionState !== void 0 && (_sessionState$user33 = sessionState.user) !== null && _sessionState$user33 !== void 0 && _sessionState$user33.photo ? /*#__PURE__*/_react.default.createElement(_reactBootstrap.Image, {
|
|
554
|
+
src: sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user34 = sessionState.user) === null || _sessionState$user34 === void 0 ? void 0 : _sessionState$user34.photo,
|
|
563
555
|
width: "30px",
|
|
564
556
|
height: "30px",
|
|
565
557
|
roundedCircle: true
|
|
566
|
-
}) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.PersonFill, null), /*#__PURE__*/_react.default.createElement("span", null, sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$
|
|
558
|
+
}) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.PersonFill, null), /*#__PURE__*/_react.default.createElement("span", null, sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user35 = sessionState.user) === null || _sessionState$user35 === void 0 ? void 0 : _sessionState$user35.name, " ", sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user36 = sessionState.user) === null || _sessionState$user36 === void 0 ? void 0 : _sessionState$user36.lastname)), /*#__PURE__*/_react.default.createElement(_LogoutButton.LogoutButton, null))))));
|
|
567
559
|
};
|
|
568
560
|
var ContextAwareToggle = function ContextAwareToggle(_ref2) {
|
|
569
561
|
var children = _ref2.children,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ordering-ui-admin-external",
|
|
3
|
-
"version": "1.6.
|
|
3
|
+
"version": "1.6.5",
|
|
4
4
|
"description": "Ordering UI Admin Components",
|
|
5
5
|
"main": "./_modules/index.js",
|
|
6
6
|
"exports": {
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
"lodash": "^4.17.20",
|
|
84
84
|
"moment": "^2.29.1",
|
|
85
85
|
"moment-range": "^4.0.2",
|
|
86
|
-
"ordering-components-admin-external": "1.6.
|
|
86
|
+
"ordering-components-admin-external": "1.6.3",
|
|
87
87
|
"polished": "^3.6.7",
|
|
88
88
|
"prop-types": "^15.7.2",
|
|
89
89
|
"react-big-calendar": "^1.4.2",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { useState, useEffect } from 'react'
|
|
2
|
-
import { useLanguage, useUtils, useEvent, useSession, Home as HomeController } from 'ordering-components-admin-external'
|
|
2
|
+
import { useLanguage, useUtils, useEvent, useSession, useApi, Home as HomeController } from 'ordering-components-admin-external'
|
|
3
3
|
import { Line } from 'react-chartjs-2'
|
|
4
4
|
import moment from 'moment'
|
|
5
5
|
import { IconButton, Button } from '../../../styles/Buttons'
|
|
@@ -38,7 +38,8 @@ import {
|
|
|
38
38
|
ProjectInfoWrapper,
|
|
39
39
|
GreetingText,
|
|
40
40
|
ProjectStatusDescription,
|
|
41
|
-
ProjectCurrentStatus
|
|
41
|
+
ProjectCurrentStatus,
|
|
42
|
+
ProjectStatusWrapper
|
|
42
43
|
} from './styles'
|
|
43
44
|
|
|
44
45
|
const HomeUI = (props) => {
|
|
@@ -58,6 +59,7 @@ const HomeUI = (props) => {
|
|
|
58
59
|
const { width } = useWindowSize()
|
|
59
60
|
const [{ parsePrice }] = useUtils()
|
|
60
61
|
const [sessionState] = useSession()
|
|
62
|
+
const [ordering] = useApi()
|
|
61
63
|
|
|
62
64
|
const project = {
|
|
63
65
|
active: {
|
|
@@ -241,11 +243,20 @@ const HomeUI = (props) => {
|
|
|
241
243
|
: project[projectStatus.project?.current_status]?.description
|
|
242
244
|
}
|
|
243
245
|
</ProjectStatusDescription>
|
|
244
|
-
<
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
246
|
+
<ProjectStatusWrapper>
|
|
247
|
+
<ProjectCurrentStatus
|
|
248
|
+
isActive={projectStatus.project?.current_status === 'active'}
|
|
249
|
+
>
|
|
250
|
+
{project[projectStatus.project?.current_status]?.status}
|
|
251
|
+
</ProjectCurrentStatus>
|
|
252
|
+
<Button
|
|
253
|
+
color='primary'
|
|
254
|
+
borderRadius='8px'
|
|
255
|
+
onClick={() => window.open(`https://${ordering?.project}.tryordering.com`, '_blank')}
|
|
256
|
+
>
|
|
257
|
+
{t('VISIT_MY_WEBSITE', 'Visit my Website')}
|
|
258
|
+
</Button>
|
|
259
|
+
</ProjectStatusWrapper>
|
|
249
260
|
</ProjectInfoWrapper>
|
|
250
261
|
<img src={project[projectStatus.project?.current_status]?.image} alt='' />
|
|
251
262
|
</ProjectStatusContainer>
|
|
@@ -457,7 +457,7 @@ export const ProjectStatusDescription = styled.p`
|
|
|
457
457
|
`
|
|
458
458
|
export const ProjectCurrentStatus = styled.div`
|
|
459
459
|
width: fit-content;
|
|
460
|
-
margin-top: 15px;
|
|
460
|
+
/* margin-top: 15px; */
|
|
461
461
|
padding: 10px 16px;
|
|
462
462
|
border-radius: 8px;
|
|
463
463
|
font-size: 14px;
|
|
@@ -469,3 +469,17 @@ export const ProjectCurrentStatus = styled.div`
|
|
|
469
469
|
background-color: ${(props) => lighten(0.5, props.theme.colors.success)};
|
|
470
470
|
`}
|
|
471
471
|
`
|
|
472
|
+
|
|
473
|
+
export const ProjectStatusWrapper = styled.div`
|
|
474
|
+
display: flex;
|
|
475
|
+
align-items: center;
|
|
476
|
+
|
|
477
|
+
> button {
|
|
478
|
+
height: 44px;
|
|
479
|
+
margin-left: 15px;
|
|
480
|
+
${props => props.theme.rtl && css`
|
|
481
|
+
margin-right: 15px;
|
|
482
|
+
margin-left: 0px;
|
|
483
|
+
`}
|
|
484
|
+
}
|
|
485
|
+
`
|
|
@@ -96,6 +96,16 @@ const ContentFormUI = (props) => {
|
|
|
96
96
|
setEditorContext(null)
|
|
97
97
|
}
|
|
98
98
|
|
|
99
|
+
const handleSubmit = () => {
|
|
100
|
+
const element = document.querySelector('.note-codeview-keep')
|
|
101
|
+
if (element && element.classList.contains('active')) {
|
|
102
|
+
const editValue = document.querySelector('.note-codable').value
|
|
103
|
+
handleSave(editValue)
|
|
104
|
+
return
|
|
105
|
+
}
|
|
106
|
+
handleSave()
|
|
107
|
+
}
|
|
108
|
+
|
|
99
109
|
useEffect(() => {
|
|
100
110
|
if (!formState?.error) return
|
|
101
111
|
setAlertState({
|
|
@@ -112,13 +122,17 @@ const ContentFormUI = (props) => {
|
|
|
112
122
|
const onInit = (note) => {
|
|
113
123
|
note.reset()
|
|
114
124
|
const regex = /(\<\w*)((\s\/\>)|(.*\<\/\w*\>))/i
|
|
115
|
-
if (content
|
|
125
|
+
if (content?.match(regex) !== null) {
|
|
116
126
|
note.replace(content)
|
|
117
127
|
} else {
|
|
118
128
|
note.insertText(content)
|
|
119
129
|
}
|
|
120
130
|
}
|
|
121
131
|
|
|
132
|
+
useEffect(() => {
|
|
133
|
+
setPageContent(content)
|
|
134
|
+
}, [content])
|
|
135
|
+
|
|
122
136
|
return (
|
|
123
137
|
<>
|
|
124
138
|
<PageContainer>
|
|
@@ -156,7 +170,7 @@ const ContentFormUI = (props) => {
|
|
|
156
170
|
borderRadius='8px'
|
|
157
171
|
color='primary'
|
|
158
172
|
disabled={Object.keys(formState.changes).length === 0}
|
|
159
|
-
onClick={() =>
|
|
173
|
+
onClick={() => handleSubmit()}
|
|
160
174
|
>
|
|
161
175
|
{t('ACCEPT', 'Accept')}
|
|
162
176
|
</Button>
|