@salesgenterp/ui-components 0.4.366 → 0.4.367
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/dist/index.js +521 -284
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +523 -286
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.modern.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { Skeleton as Skeleton$1, CircularProgress, Button, TextField, Grid, Typography, Stack, CssBaseline, Box, InputAdornment,
|
|
1
|
+
import { Skeleton as Skeleton$1, CircularProgress, Button, IconButton, TextField, Grid, Typography, Stack, CssBaseline, Box, InputAdornment, TableHead, TableRow, Paper, TableContainer as TableContainer$2, Table, TableBody, TableCell, TablePagination, Dialog, DialogContent, DialogActions, DialogTitle, RadioGroup, Radio, FormControlLabel, FormControl, FormLabel, FormHelperText, Select as Select$1, InputLabel, MenuItem, CardMedia, Divider, CardContent, ListItemIcon, ListItem, Collapse, List, ListItemText, Checkbox as Checkbox$1, Card, CardHeader, Tabs, Tab, Toolbar, Drawer, Tooltip, CardActionArea, Avatar as Avatar$1, alpha, Stepper, Step, StepLabel, StepContent } from '@mui/material';
|
|
2
2
|
import React__default, { useState, useEffect, forwardRef, createElement, memo, useCallback, useRef } from 'react';
|
|
3
3
|
import { AiOutlineHome, AiOutlineRight, AiOutlinePlus, AiOutlineRise, AiOutlineShoppingCart, AiOutlineLeft, AiOutlineMinus, AiOutlineDelete, AiOutlineShop, AiOutlineCheckCircle, AiOutlineCheck } from 'react-icons/ai';
|
|
4
4
|
import styled, { ThemeProvider } from 'styled-components';
|
|
5
5
|
import axios from 'axios';
|
|
6
|
-
import { isEmpty,
|
|
6
|
+
import { isEmpty, isString, isArray, some, toLower, template, isPlainObject, includes, values, cloneDeep, omit, sortBy, sumBy, filter, isObject, get, isNumber, remove } from 'lodash';
|
|
7
7
|
import ReCAPTCHA from 'react-google-recaptcha';
|
|
8
8
|
import { Controller, useForm } from 'react-hook-form';
|
|
9
9
|
import moment from 'moment';
|
|
@@ -320,29 +320,6 @@ var CARD_METHODS = {
|
|
|
320
320
|
DEBIT_CARD: 3
|
|
321
321
|
};
|
|
322
322
|
|
|
323
|
-
var erLocalStorage = {
|
|
324
|
-
setItem: function setItem(key, value) {
|
|
325
|
-
localStorage.setItem(key, value);
|
|
326
|
-
},
|
|
327
|
-
getItem: function getItem(key) {
|
|
328
|
-
return localStorage.getItem(key);
|
|
329
|
-
},
|
|
330
|
-
removeItem: function removeItem(key) {
|
|
331
|
-
localStorage.removeItem(key);
|
|
332
|
-
},
|
|
333
|
-
setJSONItem: function setJSONItem(key, value) {
|
|
334
|
-
value = JSON.stringify(value);
|
|
335
|
-
localStorage.setItem(key, value);
|
|
336
|
-
},
|
|
337
|
-
getJSONItem: function getJSONItem(key) {
|
|
338
|
-
var returnValue = {};
|
|
339
|
-
try {
|
|
340
|
-
returnValue = localStorage.getItem(key) ? JSON.parse(localStorage.getItem(key)) : {};
|
|
341
|
-
} catch (e) {}
|
|
342
|
-
return returnValue;
|
|
343
|
-
}
|
|
344
|
-
};
|
|
345
|
-
|
|
346
323
|
var ErCache = /*#__PURE__*/function () {
|
|
347
324
|
function ErCache() {
|
|
348
325
|
this.sessionStorage = typeof window !== 'undefined' ? window.sessionStorage : {};
|
|
@@ -377,6 +354,29 @@ var ErCache = /*#__PURE__*/function () {
|
|
|
377
354
|
}();
|
|
378
355
|
var erCache = new ErCache();
|
|
379
356
|
|
|
357
|
+
var erLocalStorage = {
|
|
358
|
+
setItem: function setItem(key, value) {
|
|
359
|
+
localStorage.setItem(key, value);
|
|
360
|
+
},
|
|
361
|
+
getItem: function getItem(key) {
|
|
362
|
+
return localStorage.getItem(key);
|
|
363
|
+
},
|
|
364
|
+
removeItem: function removeItem(key) {
|
|
365
|
+
localStorage.removeItem(key);
|
|
366
|
+
},
|
|
367
|
+
setJSONItem: function setJSONItem(key, value) {
|
|
368
|
+
value = JSON.stringify(value);
|
|
369
|
+
localStorage.setItem(key, value);
|
|
370
|
+
},
|
|
371
|
+
getJSONItem: function getJSONItem(key) {
|
|
372
|
+
var returnValue = {};
|
|
373
|
+
try {
|
|
374
|
+
returnValue = localStorage.getItem(key) ? JSON.parse(localStorage.getItem(key)) : {};
|
|
375
|
+
} catch (e) {}
|
|
376
|
+
return returnValue;
|
|
377
|
+
}
|
|
378
|
+
};
|
|
379
|
+
|
|
380
380
|
var byPassAuthAPIs = ['/authenticate'];
|
|
381
381
|
var API_CACHE_PREFIX = 'API_CACHE';
|
|
382
382
|
var getKeyFromPath = function getKeyFromPath(_ref) {
|
|
@@ -407,7 +407,7 @@ var setAPIDataToCache = function setAPIDataToCache(_ref3) {
|
|
|
407
407
|
};
|
|
408
408
|
var CancelToken = axios.CancelToken;
|
|
409
409
|
var source;
|
|
410
|
-
var API
|
|
410
|
+
var API = function API(apiData) {
|
|
411
411
|
try {
|
|
412
412
|
var url = apiData.url,
|
|
413
413
|
method = apiData.method,
|
|
@@ -417,30 +417,46 @@ var API$1 = function API(apiData) {
|
|
|
417
417
|
body = apiData.body,
|
|
418
418
|
isCancelToken = apiData.isCancelToken,
|
|
419
419
|
cache = apiData.cache,
|
|
420
|
+
forceUpdateCache = apiData.forceUpdateCache,
|
|
420
421
|
_apiData$headers = apiData.headers,
|
|
421
422
|
headers = _apiData$headers === void 0 ? {} : _apiData$headers,
|
|
422
423
|
successMessage = apiData.successMessage,
|
|
424
|
+
hideSuccessMessage = apiData.hideSuccessMessage,
|
|
423
425
|
hideErrorMessage = apiData.hideErrorMessage,
|
|
424
426
|
responseTypeData = apiData.responseTypeData,
|
|
427
|
+
notAppendApiText = apiData.notAppendApiText,
|
|
428
|
+
getStatusWithData = apiData.getStatusWithData,
|
|
429
|
+
processResponse = apiData.processResponse,
|
|
425
430
|
apiEndPoint = apiData.apiEndPoint,
|
|
426
431
|
token = apiData.token;
|
|
427
432
|
return Promise.resolve(_finallyRethrows(function () {
|
|
428
433
|
return _catch(function () {
|
|
429
434
|
function _temp2() {
|
|
430
|
-
if (
|
|
431
|
-
|
|
435
|
+
if (!hideSuccessMessage) {
|
|
436
|
+
if (successMessage) {
|
|
437
|
+
alert(successMessage);
|
|
438
|
+
}
|
|
432
439
|
}
|
|
440
|
+
var apiResponse;
|
|
433
441
|
if (responseTypeData) {
|
|
434
|
-
|
|
442
|
+
var _response;
|
|
443
|
+
apiResponse = (_response = response) === null || _response === void 0 ? void 0 : _response.data;
|
|
435
444
|
} else {
|
|
436
|
-
|
|
445
|
+
var _response2, _response2$data, _response3, _response3$data, _response4, _response4$data;
|
|
446
|
+
apiResponse = getStatusWithData ? _extends({
|
|
447
|
+
status: (_response2 = response) === null || _response2 === void 0 ? void 0 : (_response2$data = _response2.data) === null || _response2$data === void 0 ? void 0 : _response2$data.status
|
|
448
|
+
}, (_response3 = response) === null || _response3 === void 0 ? void 0 : (_response3$data = _response3.data) === null || _response3$data === void 0 ? void 0 : _response3$data.result) : (_response4 = response) === null || _response4 === void 0 ? void 0 : (_response4$data = _response4.data) === null || _response4$data === void 0 ? void 0 : _response4$data.result;
|
|
437
449
|
}
|
|
450
|
+
return processResponse ? processResponse(apiResponse) : apiResponse;
|
|
438
451
|
}
|
|
439
452
|
var apiUrl = ("/" + url).replace(/\/\//g, '/');
|
|
440
453
|
var accessToken = token;
|
|
441
|
-
var requestHeaders = headers;
|
|
442
|
-
if (
|
|
443
|
-
requestHeaders =
|
|
454
|
+
var requestHeaders = _extends({}, headers);
|
|
455
|
+
if (formData) {
|
|
456
|
+
requestHeaders['Content-Type'] = 'multipart/form-data';
|
|
457
|
+
}
|
|
458
|
+
if (byPassAuthAPIs.indexOf(url) === -1) {
|
|
459
|
+
requestHeaders = _extends({}, requestHeaders, {
|
|
444
460
|
Authorization: "Bearer " + accessToken,
|
|
445
461
|
Accept: "application/json, text/plain"
|
|
446
462
|
});
|
|
@@ -456,7 +472,7 @@ var API$1 = function API(apiData) {
|
|
|
456
472
|
apiUrl = "" + (API_END_POINT || apiEndPoint) + apiUrl;
|
|
457
473
|
}
|
|
458
474
|
var _temp = function () {
|
|
459
|
-
if (cache && getAPICacheData({
|
|
475
|
+
if (!forceUpdateCache && cache && getAPICacheData({
|
|
460
476
|
path: apiUrl,
|
|
461
477
|
queryParams: queryParams
|
|
462
478
|
})) {
|
|
@@ -487,44 +503,17 @@ var API$1 = function API(apiData) {
|
|
|
487
503
|
}();
|
|
488
504
|
return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
|
|
489
505
|
}, function (exception) {
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
}));
|
|
500
|
-
}
|
|
501
|
-
}();
|
|
502
|
-
}
|
|
503
|
-
var exceptionResponse = exception.response;
|
|
504
|
-
var _temp3 = function () {
|
|
505
|
-
if (exceptionResponse.data.hasError) {
|
|
506
|
-
return function () {
|
|
507
|
-
if (!hideErrorMessage) {
|
|
508
|
-
alert(exceptionResponse.data.error.message);
|
|
509
|
-
return function () {
|
|
510
|
-
if (exceptionResponse.data.exception) {
|
|
511
|
-
return Promise.resolve(handleError({
|
|
512
|
-
exception: exception,
|
|
513
|
-
apiEndPoint: apiEndPoint,
|
|
514
|
-
url: url,
|
|
515
|
-
apiData: apiData,
|
|
516
|
-
hideErrorMessage: true
|
|
517
|
-
})).then(function (_await$handleError) {
|
|
518
|
-
_exit = true;
|
|
519
|
-
return _await$handleError;
|
|
520
|
-
});
|
|
521
|
-
}
|
|
522
|
-
}();
|
|
523
|
-
}
|
|
524
|
-
}();
|
|
506
|
+
return function () {
|
|
507
|
+
if (axios.isCancel(exception)) {} else {
|
|
508
|
+
return Promise.resolve(handleError({
|
|
509
|
+
exception: exception,
|
|
510
|
+
url: url,
|
|
511
|
+
apiData: apiData,
|
|
512
|
+
hideErrorMessage: hideErrorMessage,
|
|
513
|
+
getStatusWithData: getStatusWithData
|
|
514
|
+
}));
|
|
525
515
|
}
|
|
526
516
|
}();
|
|
527
|
-
return _temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3);
|
|
528
517
|
});
|
|
529
518
|
}, function (_wasThrown, _result) {
|
|
530
519
|
if (_wasThrown) throw _result;
|
|
@@ -534,35 +523,35 @@ var API$1 = function API(apiData) {
|
|
|
534
523
|
return Promise.reject(e);
|
|
535
524
|
}
|
|
536
525
|
};
|
|
537
|
-
API
|
|
538
|
-
return API
|
|
526
|
+
API.get = function (url, options) {
|
|
527
|
+
return API(_extends({
|
|
539
528
|
url: url,
|
|
540
529
|
method: 'get'
|
|
541
530
|
}, options));
|
|
542
531
|
};
|
|
543
|
-
API
|
|
544
|
-
return API
|
|
532
|
+
API.put = function (url, body, options) {
|
|
533
|
+
return API(_extends({
|
|
545
534
|
url: url,
|
|
546
535
|
body: body,
|
|
547
536
|
method: 'put'
|
|
548
537
|
}, options));
|
|
549
538
|
};
|
|
550
|
-
API
|
|
551
|
-
return API
|
|
539
|
+
API.patch = function (url, body, options) {
|
|
540
|
+
return API(_extends({
|
|
552
541
|
url: url,
|
|
553
542
|
body: body,
|
|
554
543
|
method: 'patch'
|
|
555
544
|
}, options));
|
|
556
545
|
};
|
|
557
|
-
API
|
|
558
|
-
return API
|
|
546
|
+
API.post = function (url, body, options) {
|
|
547
|
+
return API(_extends({
|
|
559
548
|
url: url,
|
|
560
549
|
body: body,
|
|
561
550
|
method: 'post'
|
|
562
551
|
}, options));
|
|
563
552
|
};
|
|
564
|
-
API
|
|
565
|
-
return API
|
|
553
|
+
API["delete"] = function (url, body, options) {
|
|
554
|
+
return API(_extends({
|
|
566
555
|
url: url,
|
|
567
556
|
body: body,
|
|
568
557
|
method: 'delete'
|
|
@@ -572,32 +561,25 @@ var handleError = function handleError(_ref6) {
|
|
|
572
561
|
var exception = _ref6.exception,
|
|
573
562
|
url = _ref6.url,
|
|
574
563
|
apiData = _ref6.apiData,
|
|
575
|
-
hideErrorMessage = _ref6.hideErrorMessage
|
|
564
|
+
hideErrorMessage = _ref6.hideErrorMessage,
|
|
565
|
+
getStatusWithData = _ref6.getStatusWithData;
|
|
576
566
|
try {
|
|
577
|
-
var
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
showAPIError = apiData.showAPIError;
|
|
581
|
-
if (exception.response && (exception.response.status === 401 || exception.response.status === 403) && url !== '/authenticate' && url !== '/refreshToken') {
|
|
582
|
-
try {} catch (e) {
|
|
583
|
-
alert(e);
|
|
584
|
-
if (throwException) {
|
|
585
|
-
throw exception;
|
|
586
|
-
}
|
|
587
|
-
}
|
|
588
|
-
} else {
|
|
567
|
+
var errorMessage = apiData === null || apiData === void 0 ? void 0 : apiData.errorMessage;
|
|
568
|
+
var exceptionResponse = exception === null || exception === void 0 ? void 0 : exception.response;
|
|
569
|
+
if (url !== '/refreshToken') {
|
|
589
570
|
if (!hideErrorMessage) {
|
|
590
|
-
var
|
|
591
|
-
|
|
592
|
-
errMessage = get(exception, 'response.data.message');
|
|
593
|
-
}
|
|
594
|
-
alert(errMessage);
|
|
595
|
-
}
|
|
596
|
-
if (throwException) {
|
|
597
|
-
throw exception;
|
|
571
|
+
var _exceptionResponse$da, _exceptionResponse$da2, _exceptionResponse$da3, _exceptionResponse$da4;
|
|
572
|
+
alert((exceptionResponse === null || exceptionResponse === void 0 ? void 0 : (_exceptionResponse$da = exceptionResponse.data) === null || _exceptionResponse$da === void 0 ? void 0 : (_exceptionResponse$da2 = _exceptionResponse$da.error) === null || _exceptionResponse$da2 === void 0 ? void 0 : _exceptionResponse$da2.details) || (exceptionResponse === null || exceptionResponse === void 0 ? void 0 : (_exceptionResponse$da3 = exceptionResponse.data) === null || _exceptionResponse$da3 === void 0 ? void 0 : (_exceptionResponse$da4 = _exceptionResponse$da3.error) === null || _exceptionResponse$da4 === void 0 ? void 0 : _exceptionResponse$da4.message) || errorMessage || 'Something went wrong.');
|
|
598
573
|
}
|
|
599
574
|
}
|
|
600
|
-
|
|
575
|
+
if (getStatusWithData) {
|
|
576
|
+
var _exception$response, _exception$response2, _exception$response2$, _exception$response2$2;
|
|
577
|
+
return Promise.resolve({
|
|
578
|
+
status: exception === null || exception === void 0 ? void 0 : (_exception$response = exception.response) === null || _exception$response === void 0 ? void 0 : _exception$response.status,
|
|
579
|
+
message: exception === null || exception === void 0 ? void 0 : (_exception$response2 = exception.response) === null || _exception$response2 === void 0 ? void 0 : (_exception$response2$ = _exception$response2.data) === null || _exception$response2$ === void 0 ? void 0 : (_exception$response2$2 = _exception$response2$.error) === null || _exception$response2$2 === void 0 ? void 0 : _exception$response2$2.message
|
|
580
|
+
});
|
|
581
|
+
}
|
|
582
|
+
throw exception;
|
|
601
583
|
} catch (e) {
|
|
602
584
|
return Promise.reject(e);
|
|
603
585
|
}
|
|
@@ -616,7 +598,7 @@ var getcsvData = function getcsvData(_ref3) {
|
|
|
616
598
|
token = _ref3.token;
|
|
617
599
|
try {
|
|
618
600
|
return Promise.resolve(_catch(function () {
|
|
619
|
-
return Promise.resolve(API
|
|
601
|
+
return Promise.resolve(API({
|
|
620
602
|
method: 'GET',
|
|
621
603
|
url: url,
|
|
622
604
|
responseTypeData: 'blob',
|
|
@@ -680,12 +662,28 @@ var MuiButton = function MuiButton(props) {
|
|
|
680
662
|
disabled: loading ? true : disabled
|
|
681
663
|
}), loading ? /*#__PURE__*/React__default.createElement(CircularProgress, {
|
|
682
664
|
color: "inherit",
|
|
683
|
-
size:
|
|
665
|
+
size: 20
|
|
684
666
|
}) : children));
|
|
685
667
|
};
|
|
686
668
|
var ButtonContainer = styled(Button)(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n background: ", " !important;\n"])), function (props) {
|
|
687
669
|
return props.primaryColor;
|
|
688
670
|
});
|
|
671
|
+
var MuiIconButton = function MuiIconButton(props) {
|
|
672
|
+
var fontColor = props.fontColor,
|
|
673
|
+
primaryColor = props.primaryColor,
|
|
674
|
+
children = props.children,
|
|
675
|
+
loading = props.loading,
|
|
676
|
+
disabled = props.disabled;
|
|
677
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(IconButton, _extends({
|
|
678
|
+
fontColor: fontColor,
|
|
679
|
+
primaryColor: primaryColor
|
|
680
|
+
}, props, {
|
|
681
|
+
disabled: loading ? true : disabled
|
|
682
|
+
}), loading ? /*#__PURE__*/React__default.createElement(CircularProgress, {
|
|
683
|
+
color: "inherit",
|
|
684
|
+
size: 16
|
|
685
|
+
}) : children));
|
|
686
|
+
};
|
|
689
687
|
|
|
690
688
|
var convertCamCaseToSnake = function convertCamCaseToSnake(child) {
|
|
691
689
|
var _Object$keys;
|
|
@@ -934,7 +932,7 @@ var ContactUsForm = function ContactUsForm(_ref) {
|
|
|
934
932
|
};
|
|
935
933
|
setIsLoading(true);
|
|
936
934
|
var _temp = _catch(function () {
|
|
937
|
-
return Promise.resolve(API
|
|
935
|
+
return Promise.resolve(API({
|
|
938
936
|
apiEndPoint: apiEndPoint === null || apiEndPoint === void 0 ? void 0 : apiEndPoint.replace('/api', '/services/pdf'),
|
|
939
937
|
method: 'POST',
|
|
940
938
|
url: "/email/customer/contact-us",
|
|
@@ -1079,7 +1077,7 @@ var APIStaticPage = function APIStaticPage(_ref) {
|
|
|
1079
1077
|
setStaticPage(_response3);
|
|
1080
1078
|
var _temp = function (_response, _response$title, _response2, _response2$urlAlias) {
|
|
1081
1079
|
if (((_response = _response3) === null || _response === void 0 ? void 0 : (_response$title = _response.title) === null || _response$title === void 0 ? void 0 : _response$title.toLowerCase()) === 'contact us' || ((_response2 = _response3) === null || _response2 === void 0 ? void 0 : (_response2$urlAlias = _response2.urlAlias) === null || _response2$urlAlias === void 0 ? void 0 : _response2$urlAlias.toLowerCase()) === 'contact-us') {
|
|
1082
|
-
return Promise.resolve(API
|
|
1080
|
+
return Promise.resolve(API({
|
|
1083
1081
|
apiEndPoint: apiEndPoint,
|
|
1084
1082
|
url: "/store"
|
|
1085
1083
|
})).then(function (storeData) {
|
|
@@ -1094,7 +1092,7 @@ var APIStaticPage = function APIStaticPage(_ref) {
|
|
|
1094
1092
|
var _response3;
|
|
1095
1093
|
var _temp2 = function () {
|
|
1096
1094
|
if (id || alias) {
|
|
1097
|
-
return Promise.resolve(API
|
|
1095
|
+
return Promise.resolve(API({
|
|
1098
1096
|
apiEndPoint: apiEndPoint,
|
|
1099
1097
|
url: "/ecommerce/staticPage",
|
|
1100
1098
|
queryParams: {
|
|
@@ -1223,7 +1221,7 @@ var ChangePassword = function ChangePassword(_ref) {
|
|
|
1223
1221
|
};
|
|
1224
1222
|
setIsLoading(true);
|
|
1225
1223
|
var _temp = _catch(function () {
|
|
1226
|
-
return Promise.resolve(API
|
|
1224
|
+
return Promise.resolve(API({
|
|
1227
1225
|
apiEndPoint: apiEndPoint,
|
|
1228
1226
|
token: token,
|
|
1229
1227
|
method: 'POST',
|
|
@@ -1498,7 +1496,7 @@ var APITable = forwardRef(function (_ref, ref) {
|
|
|
1498
1496
|
apiResponse = _asyncService;
|
|
1499
1497
|
});
|
|
1500
1498
|
} else {
|
|
1501
|
-
return Promise.resolve(API
|
|
1499
|
+
return Promise.resolve(API(_extends({}, apiData, {
|
|
1502
1500
|
queryParams: queryParams
|
|
1503
1501
|
}))).then(function (_API) {
|
|
1504
1502
|
apiResponse = _API;
|
|
@@ -1673,7 +1671,7 @@ var getPaymentMethods = function getPaymentMethods(_ref) {
|
|
|
1673
1671
|
var apiEndPoint = _ref.apiEndPoint,
|
|
1674
1672
|
token = _ref.token;
|
|
1675
1673
|
try {
|
|
1676
|
-
return Promise.resolve(API
|
|
1674
|
+
return Promise.resolve(API({
|
|
1677
1675
|
apiEndPoint: apiEndPoint,
|
|
1678
1676
|
token: token,
|
|
1679
1677
|
url: "/store/paymentMode"
|
|
@@ -1686,7 +1684,7 @@ var getStoreFeatureDetails = function getStoreFeatureDetails(_ref2) {
|
|
|
1686
1684
|
var apiEndPoint = _ref2.apiEndPoint,
|
|
1687
1685
|
token = _ref2.token;
|
|
1688
1686
|
try {
|
|
1689
|
-
return Promise.resolve(API
|
|
1687
|
+
return Promise.resolve(API({
|
|
1690
1688
|
apiEndPoint: apiEndPoint,
|
|
1691
1689
|
token: token,
|
|
1692
1690
|
url: "/store/feature"
|
|
@@ -1700,7 +1698,7 @@ var getAuthorizeDotNetCreditCards = function getAuthorizeDotNetCreditCards(_ref3
|
|
|
1700
1698
|
token = _ref3.token,
|
|
1701
1699
|
customerId = _ref3.customerId;
|
|
1702
1700
|
try {
|
|
1703
|
-
return Promise.resolve(API
|
|
1701
|
+
return Promise.resolve(API({
|
|
1704
1702
|
apiEndPoint: apiEndPoint,
|
|
1705
1703
|
token: token,
|
|
1706
1704
|
url: "/ecommerce/authoriseDotNet/customerProfile?customerId=" + customerId
|
|
@@ -1714,7 +1712,7 @@ var addAuthoriseDotNetCard = function addAuthoriseDotNetCard(_ref4) {
|
|
|
1714
1712
|
token = _ref4.token,
|
|
1715
1713
|
body = _ref4.body;
|
|
1716
1714
|
try {
|
|
1717
|
-
return Promise.resolve(API
|
|
1715
|
+
return Promise.resolve(API({
|
|
1718
1716
|
apiEndPoint: apiEndPoint,
|
|
1719
1717
|
token: token,
|
|
1720
1718
|
url: "/ecommerce/authoriseDotNet/paymentProfile",
|
|
@@ -1726,6 +1724,91 @@ var addAuthoriseDotNetCard = function addAuthoriseDotNetCard(_ref4) {
|
|
|
1726
1724
|
return Promise.reject(e);
|
|
1727
1725
|
}
|
|
1728
1726
|
};
|
|
1727
|
+
var getCartDiscountList = function getCartDiscountList(_ref5) {
|
|
1728
|
+
var apiEndPoint = _ref5.apiEndPoint,
|
|
1729
|
+
token = _ref5.token;
|
|
1730
|
+
try {
|
|
1731
|
+
return Promise.resolve(API({
|
|
1732
|
+
apiEndPoint: apiEndPoint,
|
|
1733
|
+
token: token,
|
|
1734
|
+
url: "/cartDiscount?storeId=2"
|
|
1735
|
+
}));
|
|
1736
|
+
} catch (e) {
|
|
1737
|
+
return Promise.reject(e);
|
|
1738
|
+
}
|
|
1739
|
+
};
|
|
1740
|
+
var validateDiscount = function validateDiscount(_ref6) {
|
|
1741
|
+
var apiEndPoint = _ref6.apiEndPoint,
|
|
1742
|
+
token = _ref6.token,
|
|
1743
|
+
body = _ref6.body,
|
|
1744
|
+
storeIdList = _ref6.storeIdList,
|
|
1745
|
+
cartAmount = _ref6.cartAmount;
|
|
1746
|
+
try {
|
|
1747
|
+
var _temp2 = _catch(function () {
|
|
1748
|
+
return Promise.resolve(API({
|
|
1749
|
+
apiEndPoint: apiEndPoint,
|
|
1750
|
+
token: token,
|
|
1751
|
+
method: 'POST',
|
|
1752
|
+
url: "/ecommerce/discount/validate?storeId=" + storeIdList,
|
|
1753
|
+
body: body
|
|
1754
|
+
})).then(function () {
|
|
1755
|
+
var _temp = function (_body$couponNames) {
|
|
1756
|
+
if (body !== null && body !== void 0 && (_body$couponNames = body.couponNames) !== null && _body$couponNames !== void 0 && _body$couponNames[0]) {
|
|
1757
|
+
var _body$couponNames2;
|
|
1758
|
+
var discountBody = {
|
|
1759
|
+
cartTotal: cartAmount,
|
|
1760
|
+
couponCode: body === null || body === void 0 ? void 0 : (_body$couponNames2 = body.couponNames) === null || _body$couponNames2 === void 0 ? void 0 : _body$couponNames2[0]
|
|
1761
|
+
};
|
|
1762
|
+
return Promise.resolve(addCartDiscount({
|
|
1763
|
+
apiEndPoint: apiEndPoint,
|
|
1764
|
+
token: token,
|
|
1765
|
+
body: discountBody
|
|
1766
|
+
})).then(function () {});
|
|
1767
|
+
}
|
|
1768
|
+
}();
|
|
1769
|
+
if (_temp && _temp.then) return _temp.then(function () {});
|
|
1770
|
+
});
|
|
1771
|
+
}, function () {});
|
|
1772
|
+
return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
|
|
1773
|
+
} catch (e) {
|
|
1774
|
+
return Promise.reject(e);
|
|
1775
|
+
}
|
|
1776
|
+
};
|
|
1777
|
+
var addCartDiscount = function addCartDiscount(_ref7) {
|
|
1778
|
+
var apiEndPoint = _ref7.apiEndPoint,
|
|
1779
|
+
token = _ref7.token,
|
|
1780
|
+
body = _ref7.body;
|
|
1781
|
+
try {
|
|
1782
|
+
return Promise.resolve(API({
|
|
1783
|
+
apiEndPoint: apiEndPoint,
|
|
1784
|
+
token: token,
|
|
1785
|
+
url: "/cartDiscount?storeId=2",
|
|
1786
|
+
method: 'post',
|
|
1787
|
+
body: body,
|
|
1788
|
+
errorMessage: 'Error in adding discount.',
|
|
1789
|
+
successMessage: 'Discount added successfully.'
|
|
1790
|
+
}));
|
|
1791
|
+
} catch (e) {
|
|
1792
|
+
return Promise.reject(e);
|
|
1793
|
+
}
|
|
1794
|
+
};
|
|
1795
|
+
var deleteCartDiscount = function deleteCartDiscount(_ref8) {
|
|
1796
|
+
var apiEndPoint = _ref8.apiEndPoint,
|
|
1797
|
+
token = _ref8.token,
|
|
1798
|
+
discountId = _ref8.discountId;
|
|
1799
|
+
try {
|
|
1800
|
+
return Promise.resolve(API({
|
|
1801
|
+
apiEndPoint: apiEndPoint,
|
|
1802
|
+
token: token,
|
|
1803
|
+
url: "/cartDiscount?cartDiscountMapId=" + discountId + "&storeId=2",
|
|
1804
|
+
method: 'delete',
|
|
1805
|
+
successMessage: 'Discount removed successfully.',
|
|
1806
|
+
errorMessage: 'Error in removing discount.'
|
|
1807
|
+
}));
|
|
1808
|
+
} catch (e) {
|
|
1809
|
+
return Promise.reject(e);
|
|
1810
|
+
}
|
|
1811
|
+
};
|
|
1729
1812
|
|
|
1730
1813
|
var _templateObject$9;
|
|
1731
1814
|
var _excluded$2 = ["children", "onClose", "fontColor"];
|
|
@@ -1907,7 +1990,7 @@ var getStatesById = function getStatesById(_ref) {
|
|
|
1907
1990
|
token = _ref.token,
|
|
1908
1991
|
id = _ref.id;
|
|
1909
1992
|
try {
|
|
1910
|
-
return Promise.resolve(API
|
|
1993
|
+
return Promise.resolve(API({
|
|
1911
1994
|
apiEndPoint: apiEndPoint,
|
|
1912
1995
|
token: token,
|
|
1913
1996
|
url: "/country/" + id + "/allState",
|
|
@@ -1921,7 +2004,7 @@ var getCountry = function getCountry(_ref2) {
|
|
|
1921
2004
|
var apiEndPoint = _ref2.apiEndPoint,
|
|
1922
2005
|
token = _ref2.token;
|
|
1923
2006
|
try {
|
|
1924
|
-
return Promise.resolve(API
|
|
2007
|
+
return Promise.resolve(API({
|
|
1925
2008
|
apiEndPoint: apiEndPoint,
|
|
1926
2009
|
token: token,
|
|
1927
2010
|
url: "/country/all",
|
|
@@ -2250,7 +2333,7 @@ var PaymentModal = function PaymentModal(_ref) {
|
|
|
2250
2333
|
};
|
|
2251
2334
|
setDataLoading(true);
|
|
2252
2335
|
var _temp = _catch(function () {
|
|
2253
|
-
return Promise.resolve(API
|
|
2336
|
+
return Promise.resolve(API({
|
|
2254
2337
|
url: "/ecommerce/order/" + orderId + "?storeIds=" + storeIdList,
|
|
2255
2338
|
apiEndPoint: apiEndPoint,
|
|
2256
2339
|
token: token
|
|
@@ -2329,7 +2412,7 @@ var PaymentModal = function PaymentModal(_ref) {
|
|
|
2329
2412
|
authorizeDotNetCustomerPaymentProfileId: authorizeDotNetCardData === null || authorizeDotNetCardData === void 0 ? void 0 : authorizeDotNetCardData.customerPaymentProfileId,
|
|
2330
2413
|
authorizeDotNetCustomerProfileId: customerCreditCards === null || customerCreditCards === void 0 ? void 0 : (_customerCreditCards$3 = customerCreditCards.profile) === null || _customerCreditCards$3 === void 0 ? void 0 : _customerCreditCards$3.customerProfileId
|
|
2331
2414
|
}), ['authorizeDotNetCard']));
|
|
2332
|
-
return Promise.resolve(API
|
|
2415
|
+
return Promise.resolve(API({
|
|
2333
2416
|
apiEndPoint: apiEndPoint,
|
|
2334
2417
|
token: token,
|
|
2335
2418
|
method: 'post',
|
|
@@ -2685,14 +2768,14 @@ var Dashboard = function Dashboard(_ref) {
|
|
|
2685
2768
|
(function () {
|
|
2686
2769
|
try {
|
|
2687
2770
|
var _temp = _catch(function () {
|
|
2688
|
-
return Promise.resolve(API
|
|
2771
|
+
return Promise.resolve(API({
|
|
2689
2772
|
url: "/ecommerce/customer",
|
|
2690
2773
|
apiEndPoint: apiEndPoint,
|
|
2691
2774
|
token: token,
|
|
2692
2775
|
hideErrorMessage: true
|
|
2693
2776
|
})).then(function (customerDataResponse) {
|
|
2694
2777
|
setCustomerData(customerDataResponse);
|
|
2695
|
-
return Promise.resolve(API
|
|
2778
|
+
return Promise.resolve(API({
|
|
2696
2779
|
url: "/ecommerce/dashboard",
|
|
2697
2780
|
apiEndPoint: apiEndPoint,
|
|
2698
2781
|
token: token
|
|
@@ -3152,7 +3235,7 @@ var MyProfile = function MyProfile(_ref) {
|
|
|
3152
3235
|
(function () {
|
|
3153
3236
|
try {
|
|
3154
3237
|
var _temp = _catch(function () {
|
|
3155
|
-
return Promise.resolve(API
|
|
3238
|
+
return Promise.resolve(API({
|
|
3156
3239
|
apiEndPoint: apiEndPoint,
|
|
3157
3240
|
token: token,
|
|
3158
3241
|
url: "/ecommerce/customer",
|
|
@@ -3175,7 +3258,7 @@ var MyProfile = function MyProfile(_ref) {
|
|
|
3175
3258
|
};
|
|
3176
3259
|
setIsLoading(true);
|
|
3177
3260
|
var _temp2 = _catch(function () {
|
|
3178
|
-
return Promise.resolve(API
|
|
3261
|
+
return Promise.resolve(API({
|
|
3179
3262
|
apiEndPoint: apiEndPoint,
|
|
3180
3263
|
token: token,
|
|
3181
3264
|
method: 'put',
|
|
@@ -3729,13 +3812,13 @@ var Statement = function Statement(_ref) {
|
|
|
3729
3812
|
var _temp2 = function () {
|
|
3730
3813
|
if (token && apiEndPoint) {
|
|
3731
3814
|
var _temp = _catch(function () {
|
|
3732
|
-
return Promise.resolve(API
|
|
3815
|
+
return Promise.resolve(API({
|
|
3733
3816
|
url: "/ecommerce/customer",
|
|
3734
3817
|
apiEndPoint: apiEndPoint,
|
|
3735
3818
|
token: token
|
|
3736
3819
|
})).then(function (customerDataResponse) {
|
|
3737
3820
|
setCustomerData(customerDataResponse);
|
|
3738
|
-
return Promise.resolve(API
|
|
3821
|
+
return Promise.resolve(API({
|
|
3739
3822
|
apiEndPoint: apiEndPoint,
|
|
3740
3823
|
token: token,
|
|
3741
3824
|
url: "/ecommerce/customer/child"
|
|
@@ -3766,7 +3849,7 @@ var Statement = function Statement(_ref) {
|
|
|
3766
3849
|
var _customerData$custome3, _customerData$custome4;
|
|
3767
3850
|
setLoading(true);
|
|
3768
3851
|
var customerIds = queryParams !== null && queryParams !== void 0 && queryParams.customerIds ? (queryParams === null || queryParams === void 0 ? void 0 : queryParams.customerIds) + "," + (customerData === null || customerData === void 0 ? void 0 : (_customerData$custome3 = customerData.customerDto) === null || _customerData$custome3 === void 0 ? void 0 : _customerData$custome3.id) : customerData === null || customerData === void 0 ? void 0 : (_customerData$custome4 = customerData.customerDto) === null || _customerData$custome4 === void 0 ? void 0 : _customerData$custome4.id;
|
|
3769
|
-
return Promise.resolve(API
|
|
3852
|
+
return Promise.resolve(API({
|
|
3770
3853
|
url: "/ecommerce/customer/report/statement?storeIds=" + storeIdList + "&page=0&size=20",
|
|
3771
3854
|
apiEndPoint: apiEndPoint,
|
|
3772
3855
|
token: token,
|
|
@@ -3992,7 +4075,7 @@ var AddEditAddress = function AddEditAddress(_ref) {
|
|
|
3992
4075
|
setIsLoading(true);
|
|
3993
4076
|
var _temp2 = _catch(function () {
|
|
3994
4077
|
var _customer$customerDto, _customer$customerDto2;
|
|
3995
|
-
return Promise.resolve(API
|
|
4078
|
+
return Promise.resolve(API({
|
|
3996
4079
|
apiEndPoint: apiEndPoint,
|
|
3997
4080
|
token: token,
|
|
3998
4081
|
url: "/ecommerce/customer/" + (customer === null || customer === void 0 ? void 0 : (_customer$customerDto = customer.customerDto) === null || _customer$customerDto === void 0 ? void 0 : _customer$customerDto.id) + "/address",
|
|
@@ -4318,7 +4401,7 @@ var StoreTabs = function StoreTabs(_ref) {
|
|
|
4318
4401
|
try {
|
|
4319
4402
|
var _temp2 = _catch(function () {
|
|
4320
4403
|
var _customer$customerDto2;
|
|
4321
|
-
return Promise.resolve(API
|
|
4404
|
+
return Promise.resolve(API({
|
|
4322
4405
|
apiEndPoint: apiEndPoint,
|
|
4323
4406
|
token: token,
|
|
4324
4407
|
url: "/ecommerce/customer/" + (customer === null || customer === void 0 ? void 0 : (_customer$customerDto2 = customer.customerDto) === null || _customer$customerDto2 === void 0 ? void 0 : _customer$customerDto2.id) + "/address",
|
|
@@ -4385,7 +4468,7 @@ var StoreList = function StoreList(_ref) {
|
|
|
4385
4468
|
setCustomer = _useState[1];
|
|
4386
4469
|
useEffect(function () {
|
|
4387
4470
|
try {
|
|
4388
|
-
return Promise.resolve(API
|
|
4471
|
+
return Promise.resolve(API({
|
|
4389
4472
|
apiEndPoint: apiEndPoint,
|
|
4390
4473
|
token: token,
|
|
4391
4474
|
url: "/ecommerce/customer",
|
|
@@ -4524,7 +4607,7 @@ var AccountDetails = function AccountDetails(_ref) {
|
|
|
4524
4607
|
};
|
|
4525
4608
|
setDataLoading(true);
|
|
4526
4609
|
var _temp = _catch(function () {
|
|
4527
|
-
return Promise.resolve(API
|
|
4610
|
+
return Promise.resolve(API({
|
|
4528
4611
|
apiEndPoint: apiEndPoint,
|
|
4529
4612
|
token: token,
|
|
4530
4613
|
url: "/store"
|
|
@@ -4931,7 +5014,7 @@ var BrandList = function BrandList(_ref) {
|
|
|
4931
5014
|
};
|
|
4932
5015
|
setLoading(true);
|
|
4933
5016
|
var _temp = _catch(function () {
|
|
4934
|
-
return Promise.resolve(API
|
|
5017
|
+
return Promise.resolve(API({
|
|
4935
5018
|
apiEndPoint: apiEndPoint,
|
|
4936
5019
|
url: "/ecommerce/brand/list?size=" + (size || 20)
|
|
4937
5020
|
})).then(function (data) {
|
|
@@ -4993,7 +5076,7 @@ var AsyncDataLoad = function AsyncDataLoad(_ref) {
|
|
|
4993
5076
|
data = _asyncService;
|
|
4994
5077
|
});
|
|
4995
5078
|
} else {
|
|
4996
|
-
return Promise.resolve(API
|
|
5079
|
+
return Promise.resolve(API(_extends({
|
|
4997
5080
|
apiEndPoint: apiEndPoint,
|
|
4998
5081
|
token: token,
|
|
4999
5082
|
hideErrorMessage: true
|
|
@@ -5049,7 +5132,7 @@ var BrandStock = function BrandStock(_ref) {
|
|
|
5049
5132
|
(function () {
|
|
5050
5133
|
try {
|
|
5051
5134
|
var _temp = _catch(function () {
|
|
5052
|
-
return Promise.resolve(API
|
|
5135
|
+
return Promise.resolve(API({
|
|
5053
5136
|
apiEndPoint: apiEndPoint,
|
|
5054
5137
|
url: "/ecommerce/brand/list?size=9999"
|
|
5055
5138
|
})).then(function (brandList) {
|
|
@@ -5068,7 +5151,7 @@ var BrandStock = function BrandStock(_ref) {
|
|
|
5068
5151
|
var brand = _ref2.brand;
|
|
5069
5152
|
return Promise.resolve(_catch(function () {
|
|
5070
5153
|
var data = [];
|
|
5071
|
-
return Promise.resolve(API
|
|
5154
|
+
return Promise.resolve(API({
|
|
5072
5155
|
apiEndPoint: apiEndPoint,
|
|
5073
5156
|
url: "/ecommerce/product/brand?brandIdList=" + (brand === null || brand === void 0 ? void 0 : brand.id) + "&storeIds=2&size=9999"
|
|
5074
5157
|
})).then(function (products) {
|
|
@@ -5080,7 +5163,7 @@ var BrandStock = function BrandStock(_ref) {
|
|
|
5080
5163
|
data = products === null || products === void 0 ? void 0 : products.content;
|
|
5081
5164
|
var updatePromises = [];
|
|
5082
5165
|
var _temp2 = _forOf(products === null || products === void 0 ? void 0 : products.content, function (product) {
|
|
5083
|
-
return Promise.resolve(API
|
|
5166
|
+
return Promise.resolve(API({
|
|
5084
5167
|
apiEndPoint: apiEndPoint,
|
|
5085
5168
|
url: "/ecommerce/product/" + (product === null || product === void 0 ? void 0 : product.productId) + "?storeIds=2"
|
|
5086
5169
|
})).then(function (childProducts) {
|
|
@@ -5312,7 +5395,7 @@ var CartPageSection = styled.section(_templateObject$s || (_templateObject$s = _
|
|
|
5312
5395
|
}, function (props) {
|
|
5313
5396
|
return props.bg || '#FAE8E5';
|
|
5314
5397
|
});
|
|
5315
|
-
var CartPageContainer = styled.div(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteralLoose(["\n max-width: ", ";\n width: ", ";\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n padding: 2rem;\n padding-bottom: 2em;\n border-radius: 12px;\n opacity: ", ";\n .scrollDiv {\n width: 68%;\n
|
|
5398
|
+
var CartPageContainer = styled.div(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteralLoose(["\n max-width: ", ";\n width: ", ";\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n padding: 2rem;\n padding-bottom: 2em;\n border-radius: 12px;\n opacity: ", ";\n .scrollDiv {\n width: 68%;\n max-height: 630px;\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n margin-right: 0.3em;\n &::-webkit-scrollbar {\n width: 10px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: ", ";\n border-radius: 16px;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 16px;\n }\n /* box-shadow: 0px 20px 35px rgba(0, 0, 0, 0.05); */\n }\n table {\n border-collapse: separate;\n border-spacing: 0 4px;\n row-gap: 4px;\n }\n\n td {\n /* border: solid 1px #000; */\n border-style: none solid solid none;\n /* padding: 10px; */\n /* margin-bottom:5px; */\n }\n\n tr:first-child td:first-child {\n border-top-left-radius: 10px;\n }\n tr td:last-child {\n border-top-right-radius: 10px;\n border-bottom-right-radius: 10px;\n }\n\n tr td:first-child {\n border-bottom-left-radius: 10px;\n border-top-left-radius: 10px;\n }\n tr td:last-child {\n border-bottom-right-radius: 10px;\n }\n\n tr td {\n border-top-style: solid;\n }\n tr td:first-child {\n border-left-style: solid;\n }\n\n @media only screen and (max-width: 1200px) {\n flex-direction: column;\n align-items: center;\n padding: 1rem 0;\n .scrollDiv {\n width: 100%;\n margin: 0;\n margin-bottom: 2em;\n // padding: 0 0.4em;\n }\n }\n"])), function (props) {
|
|
5316
5399
|
return props.maxWidth || '1600px';
|
|
5317
5400
|
}, function (props) {
|
|
5318
5401
|
return "min(" + (props.maxWidth || '1600px') + ",100%)";
|
|
@@ -5341,7 +5424,7 @@ var CartTableCell = styled(TableCell)(_templateObject6$5 || (_templateObject6$5
|
|
|
5341
5424
|
}, function (props) {
|
|
5342
5425
|
return "" + props.color || 'inherit';
|
|
5343
5426
|
});
|
|
5344
|
-
var CartTableContainer = styled(TableContainer$2)(_templateObject7$4 || (_templateObject7$4 = _taggedTemplateLiteralLoose(["\n max-height: 580px;\n
|
|
5427
|
+
var CartTableContainer = styled(TableContainer$2)(_templateObject7$4 || (_templateObject7$4 = _taggedTemplateLiteralLoose(["\n max-height: 580px;\n padding-right: 1rem;\n\n &::-webkit-scrollbar {\n width: 10px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: ", ";\n border-radius: 16px;\n width: 100%;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n border-radius: 16px;\n margin: 5px 2px;\n background: ", ";\n }\n @media screen and (max-width: 768px) {\n padding: 0;\n }\n"])), function (props) {
|
|
5345
5428
|
return 'rgba(102, 112, 128, 0.5)';
|
|
5346
5429
|
}, function (props) {
|
|
5347
5430
|
return props.color;
|
|
@@ -6843,7 +6926,7 @@ function EnhancedTable(_ref) {
|
|
|
6843
6926
|
handleIncrementDecrement: handleIncrementDecrement,
|
|
6844
6927
|
handleRemoveProduct: handleRemoveProduct
|
|
6845
6928
|
});
|
|
6846
|
-
}))))), /*#__PURE__*/createElement(CartButtonsRow, {
|
|
6929
|
+
}))))), (cartArray === null || cartArray === void 0 ? void 0 : cartArray.length) > 0 && /*#__PURE__*/createElement(CartButtonsRow, {
|
|
6847
6930
|
bg: styles === null || styles === void 0 ? void 0 : (_styles$Btn2 = styles.Btn) === null || _styles$Btn2 === void 0 ? void 0 : _styles$Btn2.background,
|
|
6848
6931
|
color: styles === null || styles === void 0 ? void 0 : (_styles$Btn3 = styles.Btn) === null || _styles$Btn3 === void 0 ? void 0 : _styles$Btn3.color
|
|
6849
6932
|
}, /*#__PURE__*/createElement("button", {
|
|
@@ -6985,7 +7068,7 @@ var CartPageMainRetail = function CartPageMainRetail(_ref) {
|
|
|
6985
7068
|
};
|
|
6986
7069
|
|
|
6987
7070
|
var _templateObject$v, _templateObject2$l, _templateObject3$f, _templateObject4$c, _templateObject5$a, _templateObject6$8, _templateObject7$6, _templateObject8$4;
|
|
6988
|
-
var CartSummaryContainer = styled.div(_templateObject$v || (_templateObject$v = _taggedTemplateLiteralLoose(["\n width: 25rem;\n max-width: 100%;\n display: flex;\n flex-direction: column;\n background: ", ";\n color: ", ";\n border-radius: 20px;\n padding: 2em
|
|
7071
|
+
var CartSummaryContainer = styled.div(_templateObject$v || (_templateObject$v = _taggedTemplateLiteralLoose(["\n width: 25rem;\n max-width: 100%;\n display: flex;\n flex-direction: column;\n background: ", ";\n color: ", ";\n border-radius: 20px;\n padding: 2em;\n align-items: center;\n /* margin-top: 3em; */\n p {\n font-size: 1.189em;\n font-weight: 600;\n align-self: flex-start;\n color: inherit;\n margin: 0;\n padding: 0;\n }\n .continueShopping {\n font-size: 0.75em;\n color: inherit;\n text-transform: capitalize;\n height: 20px;\n border-bottom: 1px solid;\n border-color: ", ";\n cursor: pointer;\n }\n"])), function (props) {
|
|
6989
7072
|
return props.background || '#667080';
|
|
6990
7073
|
}, function (props) {
|
|
6991
7074
|
return props.color || 'white';
|
|
@@ -6997,10 +7080,10 @@ var CartSummaryRow = styled.div(_templateObject2$l || (_templateObject2$l = _tag
|
|
|
6997
7080
|
}, function (props) {
|
|
6998
7081
|
return props.h5 || '1.31em';
|
|
6999
7082
|
});
|
|
7000
|
-
var CartSummaryHr = styled.span(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteralLoose(["\n border: none;\n width: 100%;\n height: 1px;\n background-color: ", ";\n margin:
|
|
7083
|
+
var CartSummaryHr = styled.span(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteralLoose(["\n border: none;\n width: 100%;\n height: 1px;\n background-color: ", ";\n margin: 1em 0;\n"])), function (props) {
|
|
7001
7084
|
return props.color || 'rgba(255, 255, 255, 0.5)';
|
|
7002
7085
|
});
|
|
7003
|
-
var CartSummaryInputBox = styled.form(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding-bottom: ", ";\n background-color: transparent;\n width: 100%;\n input {\n width: 65%;\n height: 2.
|
|
7086
|
+
var CartSummaryInputBox = styled.form(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding-bottom: ", ";\n background-color: transparent;\n width: 100%;\n input {\n width: 65%;\n height: 2.5rem;\n padding: 0.2rem 0.8rem;\n font-size: 0.89rem;\n border: none;\n outline: none;\n background: ", ";\n color: ", ";\n &::placeholder {\n color: ", ";\n }\n }\n button {\n width: 35%;\n height: 2.5rem;\n line-height: 0.8rem;\n background: ", ";\n display: grid;\n color: ", ";\n place-items: center;\n border: none;\n border-radius: 0;\n outline: none;\n text-transform: uppercase;\n cursor: pointer;\n font-size: 0.75em;\n transition: 0.3s;\n &:hover {\n letter-spacing: 1px;\n background: ", ";\n }\n }\n"])), function (props) {
|
|
7004
7087
|
return props.paddingBottom ? '0' : '0';
|
|
7005
7088
|
}, function (props) {
|
|
7006
7089
|
return props.background || '#bfc3ca';
|
|
@@ -7015,8 +7098,8 @@ var CartSummaryInputBox = styled.form(_templateObject4$c || (_templateObject4$c
|
|
|
7015
7098
|
}, function (props) {
|
|
7016
7099
|
return props.btn || '#393f48';
|
|
7017
7100
|
});
|
|
7018
|
-
var DiscountCouponContainer = styled.div(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteralLoose(["\n padding: 0.
|
|
7019
|
-
var DiscountCouponCard = styled.div(_templateObject6$8 || (_templateObject6$8 = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n padding: 0.3rem;\n
|
|
7101
|
+
var DiscountCouponContainer = styled.div(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteralLoose(["\n padding-top: 0.5rem;\n width: 100%;\n max-height: 200px;\n overflow: auto;\n"])));
|
|
7102
|
+
var DiscountCouponCard = styled.div(_templateObject6$8 || (_templateObject6$8 = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0.3rem;\n button {\n color: ", ";\n font-size: 1.4rem;\n &:hover {\n color: red;\n }\n }\n"])), function (props) {
|
|
7020
7103
|
return props.btn || '#393f48';
|
|
7021
7104
|
});
|
|
7022
7105
|
var CartSummaryCheckoutBtn = styled.button(_templateObject7$6 || (_templateObject7$6 = _taggedTemplateLiteralLoose(["\n font-size: 0.95em;\n font-weight: 600;\n background: ", ";\n color: ", ";\n cursor: pointer;\n text-transform: uppercase;\n border: none;\n outline: none;\n width: 16.81em;\n height: 3.4em;\n display: grid;\n place-items: center;\n font-size: 0.75em;\n padding: 0;\n font-size: 0.94em;\n margin: 1em auto;\n transition: 0.3s;\n margin-top: 3em;\n &:hover {\n opacity: 0.8;\n }\n"])), function (props) {
|
|
@@ -7044,7 +7127,8 @@ var CartSummary = function CartSummary(_ref) {
|
|
|
7044
7127
|
onChangeDiscountCoupon = _ref.onChangeDiscountCoupon,
|
|
7045
7128
|
_ref$discountCoupons = _ref.discountCoupons,
|
|
7046
7129
|
discountCoupons = _ref$discountCoupons === void 0 ? [] : _ref$discountCoupons,
|
|
7047
|
-
cartDiscount = _ref.cartDiscount
|
|
7130
|
+
cartDiscount = _ref.cartDiscount,
|
|
7131
|
+
couponDiscountTotal = _ref.couponDiscountTotal;
|
|
7048
7132
|
var storeIdList = (storeData === null || storeData === void 0 ? void 0 : (_storeData$map = storeData.map(function (data) {
|
|
7049
7133
|
return data === null || data === void 0 ? void 0 : data.id;
|
|
7050
7134
|
})) === null || _storeData$map === void 0 ? void 0 : _storeData$map.join(',')) || 2;
|
|
@@ -7056,14 +7140,12 @@ var CartSummary = function CartSummary(_ref) {
|
|
|
7056
7140
|
var _useState2 = useState(''),
|
|
7057
7141
|
couponText = _useState2[0],
|
|
7058
7142
|
setCouponText = _useState2[1];
|
|
7059
|
-
var _useState3 = useState(discountCoupons),
|
|
7060
|
-
discountCouponData = _useState3[0],
|
|
7061
|
-
setDiscountCouponData = _useState3[1];
|
|
7062
7143
|
var ValidateDiscountCoupon = function ValidateDiscountCoupon(value) {
|
|
7063
7144
|
try {
|
|
7064
7145
|
var _temp3 = function () {
|
|
7065
7146
|
if (apiEndPoint && token) {
|
|
7066
7147
|
var _temp2 = function _temp2() {
|
|
7148
|
+
setCouponText('');
|
|
7067
7149
|
setButtonLoading(false);
|
|
7068
7150
|
};
|
|
7069
7151
|
var couponListObj = {
|
|
@@ -7072,23 +7154,14 @@ var CartSummary = function CartSummary(_ref) {
|
|
|
7072
7154
|
};
|
|
7073
7155
|
setButtonLoading(true);
|
|
7074
7156
|
var _temp = _catch(function () {
|
|
7075
|
-
return Promise.resolve(
|
|
7157
|
+
return Promise.resolve(validateDiscount({
|
|
7076
7158
|
apiEndPoint: apiEndPoint,
|
|
7077
7159
|
token: token,
|
|
7078
|
-
|
|
7079
|
-
|
|
7080
|
-
|
|
7081
|
-
})).then(function (
|
|
7082
|
-
|
|
7083
|
-
return {
|
|
7084
|
-
id: item.discountId,
|
|
7085
|
-
discountName: item.discountName,
|
|
7086
|
-
couponCode: item.couponCode,
|
|
7087
|
-
amount: item.amount
|
|
7088
|
-
};
|
|
7089
|
-
});
|
|
7090
|
-
setDiscountCouponData(uniqBy([].concat(discountCouponData, couponData), 'id'));
|
|
7091
|
-
onChangeDiscountCoupon && onChangeDiscountCoupon(uniqBy([].concat(discountCouponData, couponData), 'id'));
|
|
7160
|
+
body: couponListObj,
|
|
7161
|
+
storeIdList: storeIdList,
|
|
7162
|
+
cartAmount: subtotal
|
|
7163
|
+
})).then(function () {
|
|
7164
|
+
onChangeDiscountCoupon && onChangeDiscountCoupon();
|
|
7092
7165
|
});
|
|
7093
7166
|
}, function () {});
|
|
7094
7167
|
return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
|
|
@@ -7099,10 +7172,6 @@ var CartSummary = function CartSummary(_ref) {
|
|
|
7099
7172
|
return Promise.reject(e);
|
|
7100
7173
|
}
|
|
7101
7174
|
};
|
|
7102
|
-
var discountTotal = cartDiscount || 0;
|
|
7103
|
-
discountCouponData === null || discountCouponData === void 0 ? void 0 : discountCouponData.forEach(function (element) {
|
|
7104
|
-
discountTotal = discountTotal + element.amount;
|
|
7105
|
-
});
|
|
7106
7175
|
return /*#__PURE__*/React__default.createElement(CartSummaryContainer, {
|
|
7107
7176
|
background: cartSummary.bg,
|
|
7108
7177
|
color: cartSummary.color
|
|
@@ -7110,7 +7179,7 @@ var CartSummary = function CartSummary(_ref) {
|
|
|
7110
7179
|
color: cartSummary.hr
|
|
7111
7180
|
}), /*#__PURE__*/React__default.createElement(CartSummaryRow, null, /*#__PURE__*/React__default.createElement("h6", null, "subtotal"), /*#__PURE__*/React__default.createElement("h5", null, renderMoney(subtotal))), /*#__PURE__*/React__default.createElement(CartSummaryHr, {
|
|
7112
7181
|
color: cartSummary.hr
|
|
7113
|
-
}), /*#__PURE__*/React__default.createElement(CartSummaryRow, null, /*#__PURE__*/React__default.createElement("h6", null, "Discount"), /*#__PURE__*/React__default.createElement("h5", null, renderMoney(
|
|
7182
|
+
}), /*#__PURE__*/React__default.createElement(CartSummaryRow, null, /*#__PURE__*/React__default.createElement("h6", null, "Order Discount"), /*#__PURE__*/React__default.createElement("h5", null, renderMoney(cartDiscount))), /*#__PURE__*/React__default.createElement(CartSummaryHr, {
|
|
7114
7183
|
color: cartSummary.hr
|
|
7115
7184
|
}), /*#__PURE__*/React__default.createElement(CartSummaryInputBox, {
|
|
7116
7185
|
background: cartSummary === null || cartSummary === void 0 ? void 0 : (_cartSummary$input = cartSummary.input) === null || _cartSummary$input === void 0 ? void 0 : _cartSummary$input.bg,
|
|
@@ -7134,32 +7203,31 @@ var CartSummary = function CartSummary(_ref) {
|
|
|
7134
7203
|
type: "submit",
|
|
7135
7204
|
variant: "contained",
|
|
7136
7205
|
loading: buttonLoading
|
|
7137
|
-
}, "apply coupon")), /*#__PURE__*/React__default.createElement(DiscountCouponContainer, {
|
|
7206
|
+
}, "apply coupon")), (discountCoupons === null || discountCoupons === void 0 ? void 0 : discountCoupons.length) > 0 && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(DiscountCouponContainer, {
|
|
7138
7207
|
background: cartSummary === null || cartSummary === void 0 ? void 0 : (_cartSummary$input3 = cartSummary.input) === null || _cartSummary$input3 === void 0 ? void 0 : _cartSummary$input3.bg,
|
|
7139
7208
|
color: cartSummary === null || cartSummary === void 0 ? void 0 : (_cartSummary$input4 = cartSummary.input) === null || _cartSummary$input4 === void 0 ? void 0 : _cartSummary$input4.color,
|
|
7140
7209
|
btn: Btn === null || Btn === void 0 ? void 0 : Btn.background,
|
|
7141
7210
|
Btncolor: Btn === null || Btn === void 0 ? void 0 : Btn.color
|
|
7142
|
-
},
|
|
7143
|
-
|
|
7144
|
-
|
|
7145
|
-
|
|
7146
|
-
|
|
7147
|
-
|
|
7148
|
-
|
|
7149
|
-
|
|
7150
|
-
|
|
7151
|
-
|
|
7152
|
-
|
|
7153
|
-
|
|
7154
|
-
|
|
7155
|
-
onChangeDiscountCoupon(data);
|
|
7156
|
-
}
|
|
7157
|
-
}));
|
|
7211
|
+
}, discountCoupons === null || discountCoupons === void 0 ? void 0 : discountCoupons.map(function (coupon, index) {
|
|
7212
|
+
return /*#__PURE__*/React__default.createElement(DiscountItemCard, {
|
|
7213
|
+
key: index,
|
|
7214
|
+
index: index,
|
|
7215
|
+
discountCoupons: discountCoupons,
|
|
7216
|
+
cartSummary: cartSummary,
|
|
7217
|
+
Btn: Btn,
|
|
7218
|
+
coupon: coupon,
|
|
7219
|
+
deleteCartDiscount: deleteCartDiscount,
|
|
7220
|
+
onChangeDiscountCoupon: onChangeDiscountCoupon,
|
|
7221
|
+
apiEndPoint: apiEndPoint,
|
|
7222
|
+
token: token
|
|
7223
|
+
});
|
|
7158
7224
|
})), /*#__PURE__*/React__default.createElement(CartSummaryHr, {
|
|
7159
7225
|
color: cartSummary.hr
|
|
7226
|
+
}), /*#__PURE__*/React__default.createElement(CartSummaryRow, null, /*#__PURE__*/React__default.createElement("h6", null, "Coupon Discount"), /*#__PURE__*/React__default.createElement("h5", null, renderMoney(couponDiscountTotal)))), /*#__PURE__*/React__default.createElement(CartSummaryHr, {
|
|
7227
|
+
color: cartSummary.hr
|
|
7160
7228
|
}), /*#__PURE__*/React__default.createElement(CartSummaryRow, {
|
|
7161
7229
|
h5: "1.64em"
|
|
7162
|
-
}, /*#__PURE__*/React__default.createElement("h6", null, "order total"), /*#__PURE__*/React__default.createElement("h5", null, renderMoney(totalCartPrice + ((selectedShipping === null || selectedShipping === void 0 ? void 0 : selectedShipping.amount) || 0) -
|
|
7230
|
+
}, /*#__PURE__*/React__default.createElement("h6", null, "order total"), /*#__PURE__*/React__default.createElement("h5", null, renderMoney(totalCartPrice + ((selectedShipping === null || selectedShipping === void 0 ? void 0 : selectedShipping.amount) || 0) - couponDiscountTotal))), /*#__PURE__*/React__default.createElement(CartSummaryRow, {
|
|
7163
7231
|
justify: "center"
|
|
7164
7232
|
}, /*#__PURE__*/React__default.createElement(CartSummaryCheckoutBtn, {
|
|
7165
7233
|
onClick: function onClick() {
|
|
@@ -7178,6 +7246,62 @@ var CartSummary = function CartSummary(_ref) {
|
|
|
7178
7246
|
}
|
|
7179
7247
|
}, "Continue to shopping")));
|
|
7180
7248
|
};
|
|
7249
|
+
var DiscountItemCard = function DiscountItemCard(_ref2) {
|
|
7250
|
+
var _cartSummary$input5, _cartSummary$input6;
|
|
7251
|
+
var index = _ref2.index,
|
|
7252
|
+
discountCoupons = _ref2.discountCoupons,
|
|
7253
|
+
cartSummary = _ref2.cartSummary,
|
|
7254
|
+
Btn = _ref2.Btn,
|
|
7255
|
+
coupon = _ref2.coupon,
|
|
7256
|
+
deleteCartDiscount = _ref2.deleteCartDiscount,
|
|
7257
|
+
onChangeDiscountCoupon = _ref2.onChangeDiscountCoupon,
|
|
7258
|
+
apiEndPoint = _ref2.apiEndPoint,
|
|
7259
|
+
token = _ref2.token;
|
|
7260
|
+
var _useState3 = useState(false),
|
|
7261
|
+
deleteLoading = _useState3[0],
|
|
7262
|
+
setDeleteLoading = _useState3[1];
|
|
7263
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
7264
|
+
style: {
|
|
7265
|
+
display: 'flex',
|
|
7266
|
+
flexDirection: 'column'
|
|
7267
|
+
}
|
|
7268
|
+
}, /*#__PURE__*/React__default.createElement(DiscountCouponCard, {
|
|
7269
|
+
background: cartSummary === null || cartSummary === void 0 ? void 0 : (_cartSummary$input5 = cartSummary.input) === null || _cartSummary$input5 === void 0 ? void 0 : _cartSummary$input5.bg,
|
|
7270
|
+
color: cartSummary === null || cartSummary === void 0 ? void 0 : (_cartSummary$input6 = cartSummary.input) === null || _cartSummary$input6 === void 0 ? void 0 : _cartSummary$input6.color,
|
|
7271
|
+
btn: Btn === null || Btn === void 0 ? void 0 : Btn.background,
|
|
7272
|
+
Btncolor: Btn === null || Btn === void 0 ? void 0 : Btn.color
|
|
7273
|
+
}, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("span", null, coupon === null || coupon === void 0 ? void 0 : coupon.couponCode)), /*#__PURE__*/React__default.createElement("b", null, renderMoney(coupon === null || coupon === void 0 ? void 0 : coupon.amount))), /*#__PURE__*/React__default.createElement(MuiIconButton, {
|
|
7274
|
+
loading: deleteLoading,
|
|
7275
|
+
onClick: function onClick() {
|
|
7276
|
+
try {
|
|
7277
|
+
var _temp6 = function _temp6() {
|
|
7278
|
+
setDeleteLoading(false);
|
|
7279
|
+
};
|
|
7280
|
+
setDeleteLoading(true);
|
|
7281
|
+
var _temp5 = _catch(function () {
|
|
7282
|
+
return Promise.resolve(deleteCartDiscount({
|
|
7283
|
+
apiEndPoint: apiEndPoint,
|
|
7284
|
+
token: token,
|
|
7285
|
+
discountId: coupon === null || coupon === void 0 ? void 0 : coupon.id
|
|
7286
|
+
})).then(function () {
|
|
7287
|
+
function _temp4(_onChangeDiscountCoup) {
|
|
7288
|
+
_onChangeDiscountCoup;
|
|
7289
|
+
}
|
|
7290
|
+
return onChangeDiscountCoupon ? Promise.resolve(onChangeDiscountCoupon()).then(_temp4) : _temp4(onChangeDiscountCoupon);
|
|
7291
|
+
});
|
|
7292
|
+
}, function () {});
|
|
7293
|
+
return Promise.resolve(_temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5));
|
|
7294
|
+
} catch (e) {
|
|
7295
|
+
return Promise.reject(e);
|
|
7296
|
+
}
|
|
7297
|
+
}
|
|
7298
|
+
}, /*#__PURE__*/React__default.createElement(MdDelete, null))), (discountCoupons === null || discountCoupons === void 0 ? void 0 : discountCoupons.length) - 1 !== index && /*#__PURE__*/React__default.createElement(CartSummaryHr, {
|
|
7299
|
+
color: cartSummary.hr,
|
|
7300
|
+
style: {
|
|
7301
|
+
margin: 0
|
|
7302
|
+
}
|
|
7303
|
+
}));
|
|
7304
|
+
};
|
|
7181
7305
|
|
|
7182
7306
|
var CartPageComponent = function CartPageComponent(_ref) {
|
|
7183
7307
|
var _styles$input;
|
|
@@ -7194,8 +7318,6 @@ var CartPageComponent = function CartPageComponent(_ref) {
|
|
|
7194
7318
|
loading = _ref.loading,
|
|
7195
7319
|
imgnotfoundUrl = _ref.imgnotfoundUrl,
|
|
7196
7320
|
styles = _ref.styles,
|
|
7197
|
-
onChangeDiscountCoupon = _ref.onChangeDiscountCoupon,
|
|
7198
|
-
discountCoupons = _ref.discountCoupons,
|
|
7199
7321
|
disabledSelectAllProductCheckbox = _ref.disabledSelectAllProductCheckbox;
|
|
7200
7322
|
var _useState = useState([]),
|
|
7201
7323
|
storeData = _useState[0],
|
|
@@ -7203,6 +7325,13 @@ var CartPageComponent = function CartPageComponent(_ref) {
|
|
|
7203
7325
|
var _useWindowSize = useWindowSize(),
|
|
7204
7326
|
width = _useWindowSize.width;
|
|
7205
7327
|
var retail = width <= 768;
|
|
7328
|
+
var _useState2 = useState([]),
|
|
7329
|
+
discountCoupons = _useState2[0],
|
|
7330
|
+
setDiscountCoupons = _useState2[1];
|
|
7331
|
+
var _useState3 = useState(),
|
|
7332
|
+
customer = _useState3[0],
|
|
7333
|
+
setCustomer = _useState3[1];
|
|
7334
|
+
var couponDiscountTotal = sumBy(discountCoupons, 'amount');
|
|
7206
7335
|
useEffect(function () {
|
|
7207
7336
|
(function () {
|
|
7208
7337
|
try {
|
|
@@ -7226,6 +7355,77 @@ var CartPageComponent = function CartPageComponent(_ref) {
|
|
|
7226
7355
|
}
|
|
7227
7356
|
})();
|
|
7228
7357
|
}, []);
|
|
7358
|
+
useEffect(function () {
|
|
7359
|
+
(function () {
|
|
7360
|
+
try {
|
|
7361
|
+
var _temp4 = function () {
|
|
7362
|
+
if (apiEndPoint && token) {
|
|
7363
|
+
var _temp3 = _catch(function () {
|
|
7364
|
+
return Promise.resolve(API({
|
|
7365
|
+
apiEndPoint: apiEndPoint,
|
|
7366
|
+
token: token,
|
|
7367
|
+
url: "/ecommerce/customer",
|
|
7368
|
+
hideErrorMessage: true
|
|
7369
|
+
})).then(function (data) {
|
|
7370
|
+
setCustomer(data);
|
|
7371
|
+
});
|
|
7372
|
+
}, function () {});
|
|
7373
|
+
if (_temp3 && _temp3.then) return _temp3.then(function () {});
|
|
7374
|
+
}
|
|
7375
|
+
}();
|
|
7376
|
+
return _temp4 && _temp4.then ? _temp4.then(function () {}) : void 0;
|
|
7377
|
+
} catch (e) {
|
|
7378
|
+
Promise.reject(e);
|
|
7379
|
+
}
|
|
7380
|
+
})();
|
|
7381
|
+
}, [token]);
|
|
7382
|
+
useEffect(function () {
|
|
7383
|
+
(function () {
|
|
7384
|
+
try {
|
|
7385
|
+
var _temp5 = function () {
|
|
7386
|
+
if (customer) {
|
|
7387
|
+
return Promise.resolve(getDiscountList()).then(function () {});
|
|
7388
|
+
}
|
|
7389
|
+
}();
|
|
7390
|
+
return _temp5 && _temp5.then ? _temp5.then(function () {}) : void 0;
|
|
7391
|
+
} catch (e) {
|
|
7392
|
+
Promise.reject(e);
|
|
7393
|
+
}
|
|
7394
|
+
})();
|
|
7395
|
+
}, [cartData, customer]);
|
|
7396
|
+
var inDebounce;
|
|
7397
|
+
var getDiscountList = function getDiscountList() {
|
|
7398
|
+
try {
|
|
7399
|
+
inDebounce = setTimeout(function () {
|
|
7400
|
+
(function () {
|
|
7401
|
+
try {
|
|
7402
|
+
var _temp7 = function () {
|
|
7403
|
+
if (apiEndPoint && token) {
|
|
7404
|
+
var _temp6 = _catch(function () {
|
|
7405
|
+
return Promise.resolve(getCartDiscountList({
|
|
7406
|
+
apiEndPoint: apiEndPoint,
|
|
7407
|
+
token: token
|
|
7408
|
+
})).then(function (data) {
|
|
7409
|
+
setDiscountCoupons(data);
|
|
7410
|
+
});
|
|
7411
|
+
}, function () {});
|
|
7412
|
+
if (_temp6 && _temp6.then) return _temp6.then(function () {});
|
|
7413
|
+
}
|
|
7414
|
+
}();
|
|
7415
|
+
return _temp7 && _temp7.then ? _temp7.then(function () {}) : void 0;
|
|
7416
|
+
} catch (e) {
|
|
7417
|
+
Promise.reject(e);
|
|
7418
|
+
}
|
|
7419
|
+
})();
|
|
7420
|
+
}, 500);
|
|
7421
|
+
return Promise.resolve();
|
|
7422
|
+
} catch (e) {
|
|
7423
|
+
return Promise.reject(e);
|
|
7424
|
+
}
|
|
7425
|
+
};
|
|
7426
|
+
var onChangeDiscountCoupon = function onChangeDiscountCoupon() {
|
|
7427
|
+
return Promise.resolve(getDiscountList()).then(function () {});
|
|
7428
|
+
};
|
|
7229
7429
|
var onChangeQuantity = function onChangeQuantity(product) {
|
|
7230
7430
|
handleIncrementDecrement(product, product);
|
|
7231
7431
|
};
|
|
@@ -7273,7 +7473,8 @@ var CartPageComponent = function CartPageComponent(_ref) {
|
|
|
7273
7473
|
loading: loading,
|
|
7274
7474
|
cartDiscount: cartData === null || cartData === void 0 ? void 0 : cartData.cartDiscount,
|
|
7275
7475
|
onChangeDiscountCoupon: onChangeDiscountCoupon,
|
|
7276
|
-
discountCoupons: discountCoupons
|
|
7476
|
+
discountCoupons: discountCoupons,
|
|
7477
|
+
couponDiscountTotal: couponDiscountTotal
|
|
7277
7478
|
})));
|
|
7278
7479
|
};
|
|
7279
7480
|
var checkMinMaxQty = function checkMinMaxQty(_ref2) {
|
|
@@ -7633,7 +7834,7 @@ var HomeBanner = function HomeBanner(_ref) {
|
|
|
7633
7834
|
};
|
|
7634
7835
|
setLoading(true);
|
|
7635
7836
|
var _temp = _catch(function () {
|
|
7636
|
-
return Promise.resolve(API
|
|
7837
|
+
return Promise.resolve(API({
|
|
7637
7838
|
apiEndPoint: apiEndPoint,
|
|
7638
7839
|
token: token,
|
|
7639
7840
|
url: "/home/sliderTypes"
|
|
@@ -7661,7 +7862,7 @@ var HomeBanner = function HomeBanner(_ref) {
|
|
|
7661
7862
|
return Promise.resolve(function () {
|
|
7662
7863
|
if (businessTypeId) {
|
|
7663
7864
|
return _catch(function () {
|
|
7664
|
-
return Promise.resolve(API
|
|
7865
|
+
return Promise.resolve(API({
|
|
7665
7866
|
apiEndPoint: apiEndPoint,
|
|
7666
7867
|
token: token,
|
|
7667
7868
|
url: "/home/sliderImages?sliderTypeId=" + sliderTypeId + "&businessTypeId=" + businessTypeId
|
|
@@ -7822,7 +8023,7 @@ var OutOfStock = function OutOfStock(_ref) {
|
|
|
7822
8023
|
}
|
|
7823
8024
|
var _temp = function () {
|
|
7824
8025
|
if (tag === 'variant') {
|
|
7825
|
-
return Promise.resolve(API
|
|
8026
|
+
return Promise.resolve(API({
|
|
7826
8027
|
apiEndPoint: apiEndPoint,
|
|
7827
8028
|
method: 'POST',
|
|
7828
8029
|
url: "/ecommerce/product/notifyWhenInStock",
|
|
@@ -7831,7 +8032,7 @@ var OutOfStock = function OutOfStock(_ref) {
|
|
|
7831
8032
|
successMessage: 'Created notification successfully.'
|
|
7832
8033
|
})).then(function () {});
|
|
7833
8034
|
} else {
|
|
7834
|
-
return Promise.resolve(API
|
|
8035
|
+
return Promise.resolve(API({
|
|
7835
8036
|
apiEndPoint: apiEndPoint,
|
|
7836
8037
|
method: 'POST',
|
|
7837
8038
|
url: "/ecommerce/product/notifyWhenInStock",
|
|
@@ -8204,7 +8405,7 @@ var AsyncSelectField = function AsyncSelectField(_ref) {
|
|
|
8204
8405
|
if (!(scanningRef !== null && scanningRef !== void 0 && scanningRef.current) && apiData && apiData.url) {
|
|
8205
8406
|
var defaultQueryParams = (apiData.getQueryParams ? apiData.getQueryParams() : apiData.queryParams) || {};
|
|
8206
8407
|
var defaultParam = !apiData.getQueryParams && {};
|
|
8207
|
-
return Promise.resolve(API
|
|
8408
|
+
return Promise.resolve(API(_extends({}, apiData, {
|
|
8208
8409
|
isCancelToken: false,
|
|
8209
8410
|
queryParams: _extends({
|
|
8210
8411
|
size: DEFAULT_SEARCH_RESULT_SIZE
|
|
@@ -8255,7 +8456,7 @@ var AsyncSelectField = function AsyncSelectField(_ref) {
|
|
|
8255
8456
|
var _ref2;
|
|
8256
8457
|
var defaultQueryParams = (apiData.getQueryParams ? apiData.getQueryParams(searchValue) : apiData.queryParams) || {};
|
|
8257
8458
|
var defaultParam = !apiData.getQueryParams && (_ref2 = {}, _ref2[queryParam] = searchValue, _ref2);
|
|
8258
|
-
return Promise.resolve(API
|
|
8459
|
+
return Promise.resolve(API(_extends({}, apiData, {
|
|
8259
8460
|
isCancelToken: true,
|
|
8260
8461
|
queryParams: _extends({
|
|
8261
8462
|
size: DEFAULT_SEARCH_RESULT_SIZE
|
|
@@ -8315,7 +8516,7 @@ var AsyncSelectField = function AsyncSelectField(_ref) {
|
|
|
8315
8516
|
var _temp9 = function () {
|
|
8316
8517
|
if (isSearchProduct && apiData && apiData.url && searchValue.length >= minSearchChar) {
|
|
8317
8518
|
var defaultQueryParams = (apiData.getScanQueryParams ? apiData.getScanQueryParams(searchValue) : apiData.queryParams) || {};
|
|
8318
|
-
return Promise.resolve(API
|
|
8519
|
+
return Promise.resolve(API(_extends({}, apiData, {
|
|
8319
8520
|
url: apiData.scanUrl,
|
|
8320
8521
|
queryParams: _extends({}, defaultQueryParams, {
|
|
8321
8522
|
size: DEFAULT_SEARCH_RESULT_SIZE
|
|
@@ -8628,7 +8829,7 @@ var CartPageSection$1 = styled.section(_templateObject$E || (_templateObject$E =
|
|
|
8628
8829
|
}, function (props) {
|
|
8629
8830
|
return props.bg || '#FAE8E5';
|
|
8630
8831
|
});
|
|
8631
|
-
var CartPageContainer$1 = styled.div(_templateObject2$s || (_templateObject2$s = _taggedTemplateLiteralLoose(["\n max-width: ", ";\n width: ", ";\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n border-radius: 28px 28px 28px 14px;\n padding: 2em 2.5em;\n padding-bottom: 3em;\n border-radius: 28px;\n opacity: ", ";\n .scrollDiv {\n width: 68%;\n
|
|
8832
|
+
var CartPageContainer$1 = styled.div(_templateObject2$s || (_templateObject2$s = _taggedTemplateLiteralLoose(["\n max-width: ", ";\n width: ", ";\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n border-radius: 28px 28px 28px 14px;\n padding: 2em 2.5em;\n padding-bottom: 3em;\n border-radius: 28px;\n opacity: ", ";\n .scrollDiv {\n width: 68%;\n max-height: 630px;\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n\n margin-right: 0.3em;\n &::-webkit-scrollbar {\n width: 10px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: ", ";\n\n border-radius: 16px;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 16px;\n border: 2px solid;\n }\n /* box-shadow: 0px 20px 35px rgba(0, 0, 0, 0.05); */\n }\n table {\n border-collapse: separate;\n border-spacing: 0 4px;\n row-gap: 4px;\n }\n\n td {\n /* border: solid 1px #000; */\n border-style: none solid solid none;\n /* padding: 10px; */\n /* margin-bottom:5px; */\n }\n\n tr:first-child td:first-child {\n border-top-left-radius: 10px;\n }\n tr td:last-child {\n border-top-right-radius: 10px;\n border-bottom-right-radius: 10px;\n }\n\n tr td:first-child {\n border-bottom-left-radius: 10px;\n border-top-left-radius: 10px;\n }\n tr td:last-child {\n border-bottom-right-radius: 10px;\n }\n\n tr td {\n border-top-style: solid;\n }\n tr td:first-child {\n border-left-style: solid;\n }\n\n @media only screen and (max-width: 1200px) {\n flex-direction: column;\n align-items: center;\n padding: 0.5em;\n .scrollDiv {\n width: 100%;\n margin: 0;\n margin-bottom: 2em;\n padding: 0 0.4em;\n }\n }\n"])), function (props) {
|
|
8632
8833
|
return props.maxWidth || '1600px';
|
|
8633
8834
|
}, function (props) {
|
|
8634
8835
|
return "min(" + (props.maxWidth || '1600px') + ",100%)";
|
|
@@ -8927,7 +9128,7 @@ var QuickOrder = function QuickOrder(_ref) {
|
|
|
8927
9128
|
(function () {
|
|
8928
9129
|
try {
|
|
8929
9130
|
var _temp = _catch(function () {
|
|
8930
|
-
return Promise.resolve(API
|
|
9131
|
+
return Promise.resolve(API({
|
|
8931
9132
|
apiEndPoint: apiEndPoint,
|
|
8932
9133
|
token: token,
|
|
8933
9134
|
url: "/store"
|
|
@@ -9170,7 +9371,7 @@ var StaticPageList = function StaticPageList(_ref) {
|
|
|
9170
9371
|
};
|
|
9171
9372
|
setLoading(true);
|
|
9172
9373
|
var _temp = _catch(function () {
|
|
9173
|
-
return Promise.resolve(API
|
|
9374
|
+
return Promise.resolve(API({
|
|
9174
9375
|
apiEndPoint: apiEndPoint,
|
|
9175
9376
|
url: "/ecommerce/staticPage/list?page=0&size=9999",
|
|
9176
9377
|
queryParams: queryParams
|
|
@@ -9298,12 +9499,12 @@ var SwitchUser = function SwitchUser(_ref) {
|
|
|
9298
9499
|
try {
|
|
9299
9500
|
if (token && apiEndPoint) {
|
|
9300
9501
|
try {
|
|
9301
|
-
var getCustomer = API
|
|
9502
|
+
var getCustomer = API({
|
|
9302
9503
|
apiEndPoint: apiEndPoint,
|
|
9303
9504
|
token: token,
|
|
9304
9505
|
url: "/ecommerce/customer"
|
|
9305
9506
|
});
|
|
9306
|
-
var getChildCustomer = API
|
|
9507
|
+
var getChildCustomer = API({
|
|
9307
9508
|
apiEndPoint: apiEndPoint,
|
|
9308
9509
|
token: token,
|
|
9309
9510
|
url: "/ecommerce/customer/child"
|
|
@@ -9483,12 +9684,7 @@ var CheckoutSummary = function CheckoutSummary(_ref) {
|
|
|
9483
9684
|
shippingMethod = _ref.shippingMethod,
|
|
9484
9685
|
bg = _ref.bg,
|
|
9485
9686
|
color = _ref.color,
|
|
9486
|
-
discountCoupons = _ref.discountCoupons,
|
|
9487
9687
|
orderTotal = _ref.orderTotal;
|
|
9488
|
-
var discountTotal = 0;
|
|
9489
|
-
discountCoupons === null || discountCoupons === void 0 ? void 0 : discountCoupons.forEach(function (element) {
|
|
9490
|
-
discountTotal = discountTotal + element.amount;
|
|
9491
|
-
});
|
|
9492
9688
|
return /*#__PURE__*/React__default.createElement(CheckoutSummaryContainer, {
|
|
9493
9689
|
bg: bg,
|
|
9494
9690
|
color: color
|
|
@@ -9503,14 +9699,21 @@ var CheckoutSummary = function CheckoutSummary(_ref) {
|
|
|
9503
9699
|
style: {
|
|
9504
9700
|
fontSize: '1rem'
|
|
9505
9701
|
}
|
|
9506
|
-
}, renderMoney((orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.taxAmount) || 0))) : null,
|
|
9702
|
+
}, renderMoney((orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.taxAmount) || 0))) : null, (orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.cartDiscount) > 0 ? /*#__PURE__*/React__default.createElement(TextRow, null, /*#__PURE__*/React__default.createElement("p", {
|
|
9703
|
+
className: "text"
|
|
9704
|
+
}, "Order Discount:"), /*#__PURE__*/React__default.createElement("h6", {
|
|
9705
|
+
className: "total",
|
|
9706
|
+
style: {
|
|
9707
|
+
fontSize: '1rem'
|
|
9708
|
+
}
|
|
9709
|
+
}, renderMoney((orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.cartDiscount) || 0))) : null, (orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.couponDiscountTotal) > 0 ? /*#__PURE__*/React__default.createElement(TextRow, null, /*#__PURE__*/React__default.createElement("p", {
|
|
9507
9710
|
className: "text"
|
|
9508
|
-
}, "Discount
|
|
9711
|
+
}, "Coupon Discount:"), /*#__PURE__*/React__default.createElement("h6", {
|
|
9509
9712
|
className: "total",
|
|
9510
9713
|
style: {
|
|
9511
9714
|
fontSize: '1rem'
|
|
9512
9715
|
}
|
|
9513
|
-
}, renderMoney(
|
|
9716
|
+
}, renderMoney((orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.couponDiscountTotal) || 0))) : null, /*#__PURE__*/React__default.createElement(FilledInfo, null, /*#__PURE__*/React__default.createElement("h6", {
|
|
9514
9717
|
className: "heading"
|
|
9515
9718
|
}, "Billing Information"), billingInformation ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("p", {
|
|
9516
9719
|
className: "bold"
|
|
@@ -10145,14 +10348,9 @@ var Step2 = function Step2(_ref) {
|
|
|
10145
10348
|
showShipping = _ref.showShipping,
|
|
10146
10349
|
styles = _ref.styles,
|
|
10147
10350
|
shippingAddressId = _ref.shippingAddressId,
|
|
10148
|
-
discountCoupons = _ref.discountCoupons,
|
|
10149
10351
|
showShippingPriceRangeLimit = _ref.showShippingPriceRangeLimit,
|
|
10150
10352
|
customer = _ref.customer;
|
|
10151
|
-
var
|
|
10152
|
-
discountCoupons === null || discountCoupons === void 0 ? void 0 : discountCoupons.forEach(function (element) {
|
|
10153
|
-
discountTotal = discountTotal + element.amount;
|
|
10154
|
-
});
|
|
10155
|
-
var totalCartPrice = ((orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.totalAmount) || 0) - discountTotal;
|
|
10353
|
+
var totalCartPrice = (orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.totalAmount) || 0;
|
|
10156
10354
|
var modifyOptions = (_filter = filter(options, {
|
|
10157
10355
|
ecommerce: true
|
|
10158
10356
|
})) === null || _filter === void 0 ? void 0 : _filter.map(function (item) {
|
|
@@ -10279,7 +10477,7 @@ var Step2 = function Step2(_ref) {
|
|
|
10279
10477
|
return Promise.resolve(function () {
|
|
10280
10478
|
if (shipStore || shipStore !== null && shipStore !== void 0 && shipStore.showSkuOnSalePage) {
|
|
10281
10479
|
return _catch(function () {
|
|
10282
|
-
return Promise.resolve(API
|
|
10480
|
+
return Promise.resolve(API({
|
|
10283
10481
|
apiEndPoint: apiEndPoint,
|
|
10284
10482
|
token: token,
|
|
10285
10483
|
url: "/shipstation/getShippingRates",
|
|
@@ -10293,7 +10491,7 @@ var Step2 = function Step2(_ref) {
|
|
|
10293
10491
|
return function () {
|
|
10294
10492
|
if (carrier !== null && carrier !== void 0 && carrier.id) {
|
|
10295
10493
|
return _catch(function () {
|
|
10296
|
-
return Promise.resolve(API
|
|
10494
|
+
return Promise.resolve(API({
|
|
10297
10495
|
apiEndPoint: apiEndPoint,
|
|
10298
10496
|
token: token,
|
|
10299
10497
|
url: "/shipping/options/v1?parentShippingId=" + (carrier === null || carrier === void 0 ? void 0 : carrier.id)
|
|
@@ -11023,7 +11221,7 @@ var ConsentForm = function ConsentForm(_ref) {
|
|
|
11023
11221
|
};
|
|
11024
11222
|
setLoadingData(true);
|
|
11025
11223
|
var _temp = _catch(function () {
|
|
11026
|
-
return Promise.resolve(API
|
|
11224
|
+
return Promise.resolve(API({
|
|
11027
11225
|
apiEndPoint: apiEndPoint,
|
|
11028
11226
|
url: "/ecommerce/staticPage/list",
|
|
11029
11227
|
queryParams: {
|
|
@@ -11034,7 +11232,7 @@ var ConsentForm = function ConsentForm(_ref) {
|
|
|
11034
11232
|
})).then(function (staticPageDataResponse) {
|
|
11035
11233
|
var _staticPageDataRespon;
|
|
11036
11234
|
setStaticPageData(staticPageDataResponse === null || staticPageDataResponse === void 0 ? void 0 : (_staticPageDataRespon = staticPageDataResponse.content) === null || _staticPageDataRespon === void 0 ? void 0 : _staticPageDataRespon[0]);
|
|
11037
|
-
return Promise.resolve(API
|
|
11235
|
+
return Promise.resolve(API({
|
|
11038
11236
|
apiEndPoint: apiEndPoint,
|
|
11039
11237
|
token: token,
|
|
11040
11238
|
url: "/cartLineItem/totalTax",
|
|
@@ -11044,7 +11242,7 @@ var ConsentForm = function ConsentForm(_ref) {
|
|
|
11044
11242
|
}
|
|
11045
11243
|
})).then(function (taxDataResponse) {
|
|
11046
11244
|
setTaxData(taxDataResponse);
|
|
11047
|
-
return Promise.resolve(API
|
|
11245
|
+
return Promise.resolve(API({
|
|
11048
11246
|
apiEndPoint: apiEndPoint,
|
|
11049
11247
|
token: token,
|
|
11050
11248
|
url: "/store"
|
|
@@ -11224,7 +11422,7 @@ var PaypalComponent = function PaypalComponent(_ref) {
|
|
|
11224
11422
|
try {
|
|
11225
11423
|
var _temp2 = function () {
|
|
11226
11424
|
if (paymentWithPaypal) {
|
|
11227
|
-
return Promise.resolve(API
|
|
11425
|
+
return Promise.resolve(API({
|
|
11228
11426
|
apiEndPoint: apiEndPoint,
|
|
11229
11427
|
token: token,
|
|
11230
11428
|
url: "/payment/paypal/config"
|
|
@@ -11321,10 +11519,6 @@ var Step4 = function Step4(_ref) {
|
|
|
11321
11519
|
var _React$useState3 = React__default.useState(''),
|
|
11322
11520
|
comments = _React$useState3[0],
|
|
11323
11521
|
setComments = _React$useState3[1];
|
|
11324
|
-
var discountTotal = 0;
|
|
11325
|
-
discountCoupons === null || discountCoupons === void 0 ? void 0 : discountCoupons.forEach(function (element) {
|
|
11326
|
-
discountTotal = discountTotal + element.amount;
|
|
11327
|
-
});
|
|
11328
11522
|
var storeCr = storeCredits > (orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.totalAmount) ? orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.totalAmount : storeCredits;
|
|
11329
11523
|
var onSubmitPaypal = function onSubmitPaypal(transactionId) {
|
|
11330
11524
|
try {
|
|
@@ -11438,7 +11632,20 @@ var Step4 = function Step4(_ref) {
|
|
|
11438
11632
|
align: "right"
|
|
11439
11633
|
}, /*#__PURE__*/React__default.createElement("p", {
|
|
11440
11634
|
className: "max sm primaryColor"
|
|
11441
|
-
}, renderMoney((orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.taxAmount) || 0)))),
|
|
11635
|
+
}, renderMoney((orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.taxAmount) || 0)))), (orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.cartDiscount) > 0 ? /*#__PURE__*/React__default.createElement(StyledTableRow, null, /*#__PURE__*/React__default.createElement(StyledTableCell, {
|
|
11636
|
+
colSpan: 1,
|
|
11637
|
+
noSmall: true
|
|
11638
|
+
}), /*#__PURE__*/React__default.createElement(StyledTableCell, {
|
|
11639
|
+
colSpan: 1
|
|
11640
|
+
}), /*#__PURE__*/React__default.createElement(StyledTableCell, {
|
|
11641
|
+
colSpan: 1
|
|
11642
|
+
}, /*#__PURE__*/React__default.createElement("p", {
|
|
11643
|
+
className: "max sm"
|
|
11644
|
+
}, "Order Discount")), /*#__PURE__*/React__default.createElement(StyledTableCell, {
|
|
11645
|
+
align: "right"
|
|
11646
|
+
}, /*#__PURE__*/React__default.createElement("p", {
|
|
11647
|
+
className: "max sm primaryColor"
|
|
11648
|
+
}, renderMoney(orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.cartDiscount)))) : null, discountCoupons === null || discountCoupons === void 0 ? void 0 : discountCoupons.map(function (coupon) {
|
|
11442
11649
|
return /*#__PURE__*/React__default.createElement(StyledTableRow, null, /*#__PURE__*/React__default.createElement(StyledTableCell, {
|
|
11443
11650
|
colSpan: 1,
|
|
11444
11651
|
noSmall: true
|
|
@@ -11451,7 +11658,7 @@ var Step4 = function Step4(_ref) {
|
|
|
11451
11658
|
style: {
|
|
11452
11659
|
fontSize: '0.8rem'
|
|
11453
11660
|
}
|
|
11454
|
-
}, coupon === null || coupon === void 0 ? void 0 : coupon.
|
|
11661
|
+
}, coupon === null || coupon === void 0 ? void 0 : coupon.name)), /*#__PURE__*/React__default.createElement(StyledTableCell, {
|
|
11455
11662
|
align: "right"
|
|
11456
11663
|
}, /*#__PURE__*/React__default.createElement("p", {
|
|
11457
11664
|
className: "max sm primaryColor",
|
|
@@ -11459,7 +11666,7 @@ var Step4 = function Step4(_ref) {
|
|
|
11459
11666
|
fontSize: '0.8rem'
|
|
11460
11667
|
}
|
|
11461
11668
|
}, renderMoney(coupon === null || coupon === void 0 ? void 0 : coupon.amount))));
|
|
11462
|
-
}),
|
|
11669
|
+
}), (orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.couponDiscountTotal) > 0 ? /*#__PURE__*/React__default.createElement(StyledTableRow, null, /*#__PURE__*/React__default.createElement(StyledTableCell, {
|
|
11463
11670
|
colSpan: 1,
|
|
11464
11671
|
noSmall: true
|
|
11465
11672
|
}), /*#__PURE__*/React__default.createElement(StyledTableCell, {
|
|
@@ -11468,11 +11675,11 @@ var Step4 = function Step4(_ref) {
|
|
|
11468
11675
|
colSpan: 1
|
|
11469
11676
|
}, /*#__PURE__*/React__default.createElement("p", {
|
|
11470
11677
|
className: "max sm"
|
|
11471
|
-
}, "Discount
|
|
11678
|
+
}, "Total Coupon Discount")), /*#__PURE__*/React__default.createElement(StyledTableCell, {
|
|
11472
11679
|
align: "right"
|
|
11473
11680
|
}, /*#__PURE__*/React__default.createElement("p", {
|
|
11474
11681
|
className: "max sm primaryColor"
|
|
11475
|
-
}, renderMoney(
|
|
11682
|
+
}, renderMoney(orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.couponDiscountTotal)))) : null, storeCredits && storeCredits > 0 ? /*#__PURE__*/React__default.createElement(StyledTableRow, null, /*#__PURE__*/React__default.createElement(StyledTableCell, {
|
|
11476
11683
|
colSpan: 1,
|
|
11477
11684
|
noSmall: true
|
|
11478
11685
|
}), /*#__PURE__*/React__default.createElement(StyledTableCell, {
|
|
@@ -11669,8 +11876,6 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
|
|
|
11669
11876
|
cartData = _ref.cartData,
|
|
11670
11877
|
handleLogin = _ref.handleLogin,
|
|
11671
11878
|
placeOrder = _ref.placeOrder,
|
|
11672
|
-
_ref$discountCoupons = _ref.discountCoupons,
|
|
11673
|
-
discountCoupons = _ref$discountCoupons === void 0 ? [] : _ref$discountCoupons,
|
|
11674
11879
|
clickRedirect = _ref.clickRedirect,
|
|
11675
11880
|
shippingText = _ref.shippingText,
|
|
11676
11881
|
showShippingPriceRangeLimit = _ref.showShippingPriceRangeLimit,
|
|
@@ -11728,10 +11933,9 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
|
|
|
11728
11933
|
var _useState17 = useState({}),
|
|
11729
11934
|
orderTotal = _useState17[0],
|
|
11730
11935
|
setOrderTotal = _useState17[1];
|
|
11731
|
-
var
|
|
11732
|
-
|
|
11733
|
-
|
|
11734
|
-
});
|
|
11936
|
+
var _useState18 = useState([]),
|
|
11937
|
+
discountCoupons = _useState18[0],
|
|
11938
|
+
setDiscountCoupons = _useState18[1];
|
|
11735
11939
|
useEffect(function () {
|
|
11736
11940
|
if (apiEndPoint && token) {
|
|
11737
11941
|
(function () {
|
|
@@ -11787,7 +11991,7 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
|
|
|
11787
11991
|
if (_temp2 && _temp2.then) return _temp2.then(function () {});
|
|
11788
11992
|
}
|
|
11789
11993
|
var _temp3 = _catch(function () {
|
|
11790
|
-
return Promise.resolve(API
|
|
11994
|
+
return Promise.resolve(API({
|
|
11791
11995
|
apiEndPoint: apiEndPoint,
|
|
11792
11996
|
token: token,
|
|
11793
11997
|
url: "/shipping/options"
|
|
@@ -11798,7 +12002,7 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
|
|
|
11798
12002
|
return _temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3);
|
|
11799
12003
|
};
|
|
11800
12004
|
var _temp5 = _catch(function () {
|
|
11801
|
-
return Promise.resolve(API
|
|
12005
|
+
return Promise.resolve(API({
|
|
11802
12006
|
apiEndPoint: apiEndPoint,
|
|
11803
12007
|
token: token,
|
|
11804
12008
|
url: "/ecommerce/customer",
|
|
@@ -11823,63 +12027,96 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
|
|
|
11823
12027
|
setCurrStep(0);
|
|
11824
12028
|
}
|
|
11825
12029
|
}, [customer, currStep]);
|
|
12030
|
+
var inDebounce;
|
|
11826
12031
|
useEffect(function () {
|
|
11827
|
-
|
|
11828
|
-
|
|
11829
|
-
|
|
11830
|
-
|
|
11831
|
-
|
|
11832
|
-
|
|
11833
|
-
|
|
11834
|
-
|
|
11835
|
-
|
|
11836
|
-
|
|
11837
|
-
|
|
11838
|
-
|
|
11839
|
-
|
|
11840
|
-
|
|
11841
|
-
|
|
11842
|
-
|
|
11843
|
-
|
|
11844
|
-
|
|
11845
|
-
|
|
11846
|
-
|
|
11847
|
-
|
|
11848
|
-
|
|
11849
|
-
|
|
11850
|
-
|
|
11851
|
-
|
|
11852
|
-
|
|
11853
|
-
|
|
11854
|
-
|
|
11855
|
-
|
|
11856
|
-
|
|
11857
|
-
|
|
11858
|
-
|
|
11859
|
-
|
|
11860
|
-
|
|
11861
|
-
|
|
11862
|
-
|
|
11863
|
-
|
|
12032
|
+
if (customer) {
|
|
12033
|
+
cartTotalOnChangeData();
|
|
12034
|
+
}
|
|
12035
|
+
}, [customer, cartData, shippingMethod, ccProcessingFees, shippingAddressId]);
|
|
12036
|
+
var cartTotalOnChangeData = function cartTotalOnChangeData() {
|
|
12037
|
+
clearTimeout(inDebounce);
|
|
12038
|
+
inDebounce = setTimeout(function () {
|
|
12039
|
+
(function () {
|
|
12040
|
+
try {
|
|
12041
|
+
var _temp13 = function () {
|
|
12042
|
+
if (apiEndPoint && token) {
|
|
12043
|
+
var _temp12 = function _temp12() {
|
|
12044
|
+
function _temp10() {
|
|
12045
|
+
var _taxAmount, _ref2, _ref3, _cartData$cartDiscoun, _cartData$cartSubTota, _ref4;
|
|
12046
|
+
var totalData = {
|
|
12047
|
+
taxAmount: parseFloat((_taxAmount = _taxAmount2) === null || _taxAmount === void 0 ? void 0 : _taxAmount.toFixed(2)),
|
|
12048
|
+
shippingAmount: parseFloat((_ref2 = (shippingMethod === null || shippingMethod === void 0 ? void 0 : shippingMethod.amount) || 0) === null || _ref2 === void 0 ? void 0 : _ref2.toFixed(2)),
|
|
12049
|
+
couponDiscountTotal: _couponDiscountTotal,
|
|
12050
|
+
adjustmentValue: parseFloat((_ref3 = ccProcessingFees ? (cartData === null || cartData === void 0 ? void 0 : cartData.totalCartPrice) * (ccProcessingFees / 100) : 0) === null || _ref3 === void 0 ? void 0 : _ref3.toFixed(2)),
|
|
12051
|
+
cartDiscount: parseFloat(cartData === null || cartData === void 0 ? void 0 : (_cartData$cartDiscoun = cartData.cartDiscount) === null || _cartData$cartDiscoun === void 0 ? void 0 : _cartData$cartDiscoun.toFixed(2)),
|
|
12052
|
+
subTotal: parseFloat(cartData === null || cartData === void 0 ? void 0 : (_cartData$cartSubTota = cartData.cartSubTotal) === null || _cartData$cartSubTota === void 0 ? void 0 : _cartData$cartSubTota.toFixed(2)),
|
|
12053
|
+
totalAmount: parseFloat((_ref4 = (cartData === null || cartData === void 0 ? void 0 : cartData.totalCartPrice) + _taxAmount2 + ((shippingMethod === null || shippingMethod === void 0 ? void 0 : shippingMethod.amount) || 0) - _couponDiscountTotal + (ccProcessingFees ? (cartData === null || cartData === void 0 ? void 0 : cartData.totalCartPrice) * (ccProcessingFees / 100) : 0)) === null || _ref4 === void 0 ? void 0 : _ref4.toFixed(2)),
|
|
12054
|
+
totalQuantity: cartData === null || cartData === void 0 ? void 0 : cartData.totalCartQuantity
|
|
12055
|
+
};
|
|
12056
|
+
setOrderTotal(totalData);
|
|
12057
|
+
}
|
|
12058
|
+
var _temp9 = _catch(function () {
|
|
12059
|
+
return Promise.resolve(getCartDiscountList({
|
|
12060
|
+
apiEndPoint: apiEndPoint,
|
|
12061
|
+
token: token
|
|
12062
|
+
})).then(function (discountCouponsData) {
|
|
12063
|
+
var _ref5;
|
|
12064
|
+
_couponDiscountTotal = parseFloat((_ref5 = sumBy(discountCouponsData, 'amount') || 0) === null || _ref5 === void 0 ? void 0 : _ref5.toFixed(2));
|
|
12065
|
+
setDiscountCoupons(discountCouponsData);
|
|
12066
|
+
});
|
|
12067
|
+
}, function () {});
|
|
12068
|
+
return _temp9 && _temp9.then ? _temp9.then(_temp10) : _temp10(_temp9);
|
|
12069
|
+
};
|
|
12070
|
+
var _taxAmount2 = 0;
|
|
12071
|
+
var _couponDiscountTotal = 0;
|
|
12072
|
+
var _temp11 = function (_cartData$cartLineIte) {
|
|
12073
|
+
if (taxExempt && shippingAddressId && (cartData === null || cartData === void 0 ? void 0 : (_cartData$cartLineIte = cartData.cartLineItemDtoList) === null || _cartData$cartLineIte === void 0 ? void 0 : _cartData$cartLineIte.length) > 0) {
|
|
12074
|
+
var _temp8 = _catch(function () {
|
|
12075
|
+
return Promise.resolve(API({
|
|
12076
|
+
apiEndPoint: apiEndPoint,
|
|
12077
|
+
token: token,
|
|
12078
|
+
url: "/cartLineItem/totalTax",
|
|
12079
|
+
queryParams: {
|
|
12080
|
+
storeId: 2,
|
|
12081
|
+
customerShippingAddressId: shippingAddressId
|
|
12082
|
+
}
|
|
12083
|
+
})).then(function (taxData) {
|
|
12084
|
+
var _customer$customerDto;
|
|
12085
|
+
_taxAmount2 = !(customer !== null && customer !== void 0 && (_customer$customerDto = customer.customerDto) !== null && _customer$customerDto !== void 0 && _customer$customerDto.taxable) ? 0 : sumBy(taxData, 'taxAmount') || 0;
|
|
12086
|
+
});
|
|
12087
|
+
}, function () {});
|
|
12088
|
+
if (_temp8 && _temp8.then) return _temp8.then(function () {});
|
|
12089
|
+
}
|
|
12090
|
+
}();
|
|
12091
|
+
return _temp11 && _temp11.then ? _temp11.then(_temp12) : _temp12(_temp11);
|
|
12092
|
+
}
|
|
12093
|
+
}();
|
|
12094
|
+
return _temp13 && _temp13.then ? _temp13.then(function () {}) : void 0;
|
|
12095
|
+
} catch (e) {
|
|
12096
|
+
Promise.reject(e);
|
|
12097
|
+
}
|
|
12098
|
+
})();
|
|
12099
|
+
}, 500);
|
|
12100
|
+
};
|
|
11864
12101
|
var onLoginCustomer = function onLoginCustomer(data) {
|
|
11865
12102
|
try {
|
|
11866
|
-
var
|
|
12103
|
+
var _temp15 = function _temp15() {
|
|
11867
12104
|
setLoginLoading(false);
|
|
11868
12105
|
};
|
|
11869
12106
|
setLoginLoading(true);
|
|
11870
|
-
var
|
|
12107
|
+
var _temp14 = _catch(function () {
|
|
11871
12108
|
return Promise.resolve(handleLogin(data)).then(function () {});
|
|
11872
12109
|
}, function () {});
|
|
11873
|
-
return Promise.resolve(
|
|
12110
|
+
return Promise.resolve(_temp14 && _temp14.then ? _temp14.then(_temp15) : _temp15(_temp14));
|
|
11874
12111
|
} catch (e) {
|
|
11875
12112
|
return Promise.reject(e);
|
|
11876
12113
|
}
|
|
11877
12114
|
};
|
|
11878
12115
|
var addStoreAddress = function addStoreAddress(data) {
|
|
11879
12116
|
try {
|
|
11880
|
-
var
|
|
12117
|
+
var _temp17 = _catch(function () {
|
|
11881
12118
|
var _customer$customerDto2, _customer$customerDto3;
|
|
11882
|
-
return Promise.resolve(API
|
|
12119
|
+
return Promise.resolve(API({
|
|
11883
12120
|
apiEndPoint: apiEndPoint,
|
|
11884
12121
|
token: token,
|
|
11885
12122
|
method: 'POST',
|
|
@@ -11890,9 +12127,9 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
|
|
|
11890
12127
|
successMessage: 'Address added successfully.',
|
|
11891
12128
|
errorMessage: 'Error in added the address.'
|
|
11892
12129
|
})).then(function (result) {
|
|
11893
|
-
var
|
|
12130
|
+
var _temp16 = function () {
|
|
11894
12131
|
if (result) {
|
|
11895
|
-
return Promise.resolve(API
|
|
12132
|
+
return Promise.resolve(API({
|
|
11896
12133
|
apiEndPoint: apiEndPoint,
|
|
11897
12134
|
token: token,
|
|
11898
12135
|
url: "/ecommerce/customer"
|
|
@@ -11901,10 +12138,10 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
|
|
|
11901
12138
|
});
|
|
11902
12139
|
}
|
|
11903
12140
|
}();
|
|
11904
|
-
if (
|
|
12141
|
+
if (_temp16 && _temp16.then) return _temp16.then(function () {});
|
|
11905
12142
|
});
|
|
11906
12143
|
}, function () {});
|
|
11907
|
-
return Promise.resolve(
|
|
12144
|
+
return Promise.resolve(_temp17 && _temp17.then ? _temp17.then(function () {}) : void 0);
|
|
11908
12145
|
} catch (e) {
|
|
11909
12146
|
return Promise.reject(e);
|
|
11910
12147
|
}
|
|
@@ -11948,11 +12185,11 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
|
|
|
11948
12185
|
};
|
|
11949
12186
|
var onPlaceOrder = function onPlaceOrder(note, transactionId) {
|
|
11950
12187
|
try {
|
|
11951
|
-
var
|
|
12188
|
+
var _temp19 = function _temp19() {
|
|
11952
12189
|
setOrdering(false);
|
|
11953
12190
|
};
|
|
11954
12191
|
setOrdering(true);
|
|
11955
|
-
var
|
|
12192
|
+
var _temp18 = _catch(function () {
|
|
11956
12193
|
var authorizeCustomerCardData = {
|
|
11957
12194
|
authorizeDotNetCustomerProfileId: selectedPaymentMethod === null || selectedPaymentMethod === void 0 ? void 0 : selectedPaymentMethod.authorizeDotNetCustomerProfileId,
|
|
11958
12195
|
authorizeDotNetCustomerPaymentProfileId: selectedPaymentMethod === null || selectedPaymentMethod === void 0 ? void 0 : selectedPaymentMethod.authorizeDotNetCustomerPaymentProfileId
|
|
@@ -12009,12 +12246,12 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
|
|
|
12009
12246
|
paymentModeId: selectedStoreCredits === null || selectedStoreCredits === void 0 ? void 0 : selectedStoreCredits.id
|
|
12010
12247
|
}];
|
|
12011
12248
|
} else if (selectedStoreCredits && (selectedStoreCredits === null || selectedStoreCredits === void 0 ? void 0 : selectedStoreCredits.amount) < (orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.totalAmount)) {
|
|
12012
|
-
var _selectedStoreCredits,
|
|
12249
|
+
var _selectedStoreCredits, _ref6;
|
|
12013
12250
|
orderPaymentList = [{
|
|
12014
12251
|
amount: parseFloat(selectedStoreCredits === null || selectedStoreCredits === void 0 ? void 0 : (_selectedStoreCredits = selectedStoreCredits.amount) === null || _selectedStoreCredits === void 0 ? void 0 : _selectedStoreCredits.toFixed(2)),
|
|
12015
12252
|
paymentModeId: selectedStoreCredits === null || selectedStoreCredits === void 0 ? void 0 : selectedStoreCredits.id
|
|
12016
12253
|
}, _extends({
|
|
12017
|
-
amount: parseFloat((
|
|
12254
|
+
amount: parseFloat((_ref6 = (orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.totalAmount) - (selectedStoreCredits === null || selectedStoreCredits === void 0 ? void 0 : selectedStoreCredits.amount)) === null || _ref6 === void 0 ? void 0 : _ref6.toFixed(2)),
|
|
12018
12255
|
paymentModeId: selectedPaymentMethod === null || selectedPaymentMethod === void 0 ? void 0 : selectedPaymentMethod.id
|
|
12019
12256
|
}, authorizeCustomerCardData)];
|
|
12020
12257
|
} else {
|
|
@@ -12037,7 +12274,7 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
|
|
|
12037
12274
|
}
|
|
12038
12275
|
return Promise.resolve(placeOrder(body)).then(function () {});
|
|
12039
12276
|
}, function () {});
|
|
12040
|
-
return Promise.resolve(
|
|
12277
|
+
return Promise.resolve(_temp18 && _temp18.then ? _temp18.then(_temp19) : _temp19(_temp18));
|
|
12041
12278
|
} catch (e) {
|
|
12042
12279
|
return Promise.reject(e);
|
|
12043
12280
|
}
|