@salesgenterp/ui-components 0.4.539 → 0.4.541
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 +593 -212
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +603 -222
- package/dist/index.modern.js.map +1 -1
- package/package.json +3 -2
package/dist/index.js
CHANGED
|
@@ -40,6 +40,8 @@ var FormControl = _interopDefault(require('@mui/material/FormControl'));
|
|
|
40
40
|
var InputLabel = _interopDefault(require('@mui/material/InputLabel'));
|
|
41
41
|
var MenuItem = _interopDefault(require('@mui/material/MenuItem'));
|
|
42
42
|
var Select$1 = _interopDefault(require('@mui/material/Select'));
|
|
43
|
+
var reactSpinners = require('react-spinners');
|
|
44
|
+
var reactDropzone = require('react-dropzone');
|
|
43
45
|
var Slider = _interopDefault(require('react-slick'));
|
|
44
46
|
var Paper = _interopDefault(require('@mui/material/Paper'));
|
|
45
47
|
var Table = _interopDefault(require('@mui/material/Table'));
|
|
@@ -48,7 +50,6 @@ var TableCell = _interopDefault(require('@mui/material/TableCell'));
|
|
|
48
50
|
var TableContainer$3 = _interopDefault(require('@mui/material/TableContainer'));
|
|
49
51
|
var TableHead = _interopDefault(require('@mui/material/TableHead'));
|
|
50
52
|
var TableRow = _interopDefault(require('@mui/material/TableRow'));
|
|
51
|
-
var reactSpinners = require('react-spinners');
|
|
52
53
|
var reactVirtuoso = require('react-virtuoso');
|
|
53
54
|
var Box = _interopDefault(require('@mui/material/Box'));
|
|
54
55
|
var TableSortLabel = _interopDefault(require('@mui/material/TableSortLabel'));
|
|
@@ -4891,7 +4892,383 @@ var TypographyContainer$6 = styled__default(material.Typography)(_templateObject
|
|
|
4891
4892
|
return props.fontColor;
|
|
4892
4893
|
});
|
|
4893
4894
|
|
|
4894
|
-
var
|
|
4895
|
+
var DOCUMENT_MAX_SIZE = 5 * 1024 * 1024;
|
|
4896
|
+
var DOCUMENT_ACCEPT_TYPES = {
|
|
4897
|
+
'application/pdf': ['.pdf'],
|
|
4898
|
+
'image/jpeg': ['.jpg', '.jpeg'],
|
|
4899
|
+
'image/png': ['.png']
|
|
4900
|
+
};
|
|
4901
|
+
var getDropzoneRejectionError = function getDropzoneRejectionError(fileRejections) {
|
|
4902
|
+
var _rejection$errors;
|
|
4903
|
+
var rejection = fileRejections === null || fileRejections === void 0 ? void 0 : fileRejections[0];
|
|
4904
|
+
if (!rejection) return 'Invalid file';
|
|
4905
|
+
var error = (_rejection$errors = rejection.errors) === null || _rejection$errors === void 0 ? void 0 : _rejection$errors[0];
|
|
4906
|
+
if ((error === null || error === void 0 ? void 0 : error.code) === 'file-too-large') {
|
|
4907
|
+
return "File is too large. Max size is " + DOCUMENT_MAX_SIZE / (1024 * 1024) + "MB";
|
|
4908
|
+
}
|
|
4909
|
+
if ((error === null || error === void 0 ? void 0 : error.code) === 'file-invalid-type') {
|
|
4910
|
+
return 'Invalid file type. Please upload PDF, JPG, or PNG';
|
|
4911
|
+
}
|
|
4912
|
+
return (error === null || error === void 0 ? void 0 : error.message) || 'Invalid file';
|
|
4913
|
+
};
|
|
4914
|
+
|
|
4915
|
+
var _templateObject$k, _templateObject2$c, _templateObject3$8, _templateObject4$6, _templateObject5$4, _templateObject6$3, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$2, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34;
|
|
4916
|
+
var DEFAULT_PRIMARY_COLOR = "#437c0f";
|
|
4917
|
+
var Container = styled__default.div(_templateObject$k || (_templateObject$k = _taggedTemplateLiteralLoose(["\n width: 100%;\n min-height: 80vh;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #f6f6f6;\n padding: 2rem 1rem;\n"])));
|
|
4918
|
+
var Card = styled__default.div(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteralLoose(["\n width: min(100%, 720px);\n background: #fff;\n border: 1px solid #cac8c8;\n border-radius: 8px;\n padding: 1.5rem;\n"])));
|
|
4919
|
+
var Title = styled__default.h2(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteralLoose(["\n font-size: 1.25rem;\n font-weight: 600;\n color: ", ";\n margin: 0 0 1.25rem;\n"])), function (_ref) {
|
|
4920
|
+
var $primaryColor = _ref.$primaryColor;
|
|
4921
|
+
return $primaryColor;
|
|
4922
|
+
});
|
|
4923
|
+
var DocumentList = styled__default.ul(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteralLoose(["\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n"])));
|
|
4924
|
+
var DocumentCard = styled__default.li(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteralLoose(["\n border: 1px solid #e8e8e8;\n border-radius: 8px;\n background: #fafafa;\n overflow: hidden;\n"])));
|
|
4925
|
+
var DocumentHeader = styled__default.div(_templateObject6$3 || (_templateObject6$3 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n padding: 1rem 1.25rem;\n background: #fff;\n border-bottom: 1px solid #eee;\n"])));
|
|
4926
|
+
var DocInfo = styled__default.div(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteralLoose(["\n flex: 1;\n min-width: 0;\n display: flex;\n flex-direction: column;\n gap: 0.35rem;\n"])));
|
|
4927
|
+
var DocName = styled__default.span(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteralLoose(["\n display: block;\n font-weight: 600;\n color: #333;\n font-size: 1rem;\n text-transform: capitalize;\n"])));
|
|
4928
|
+
var DocStatus = styled__default.span(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteralLoose(["\n display: inline-block;\n width: fit-content;\n font-size: 0.75rem;\n font-weight: 600;\n padding: 0.15rem 0.5rem;\n border-radius: 4px;\n text-transform: uppercase;\n letter-spacing: 0.03em;\n\n ", "\n"])), function (_ref2) {
|
|
4929
|
+
var $isPending = _ref2.$isPending;
|
|
4930
|
+
return $isPending ? styled.css(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteralLoose(["\n background: #fff3e0;\n color: #e65100;\n "]))) : styled.css(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteralLoose(["\n background: #e8f5e9;\n color: #2e7d32;\n "])));
|
|
4931
|
+
});
|
|
4932
|
+
var FilesSection = styled__default.div(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteralLoose(["\n padding: 0.75rem 1.25rem 1rem;\n border-top: 1px solid #eee;\n"])));
|
|
4933
|
+
var DropzoneSection = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteralLoose(["\n padding: 1rem 1.25rem;\n background: #fff;\n border-bottom: 1px solid #eee;\n"])));
|
|
4934
|
+
var Dropzone = styled__default.div(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.75rem 1rem;\n border: 1px dashed #ccc;\n border-radius: 6px;\n background: #fafafa;\n cursor: pointer;\n transition: border-color 0.2s, background 0.2s;\n\n &:hover {\n border-color: ", ";\n background: ", ";\n }\n\n ", "\n"])), function (_ref3) {
|
|
4935
|
+
var $primaryColor = _ref3.$primaryColor;
|
|
4936
|
+
return $primaryColor;
|
|
4937
|
+
}, function (_ref4) {
|
|
4938
|
+
var $primaryColor = _ref4.$primaryColor;
|
|
4939
|
+
return $primaryColor + "14";
|
|
4940
|
+
}, function (_ref5) {
|
|
4941
|
+
var $isActive = _ref5.$isActive,
|
|
4942
|
+
$primaryColor = _ref5.$primaryColor;
|
|
4943
|
+
return $isActive && styled.css(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteralLoose(["\n border-color: ", ";\n background: ", ";\n "])), $primaryColor, $primaryColor + "1a");
|
|
4944
|
+
});
|
|
4945
|
+
var DropzoneBtn = styled__default.span(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteralLoose(["\n padding: 0.35rem 0.85rem;\n border: 1px solid ", ";\n border-radius: 4px;\n color: ", ";\n font-size: 0.8rem;\n font-weight: 600;\n text-transform: uppercase;\n background: #fff;\n"])), function (_ref6) {
|
|
4946
|
+
var $primaryColor = _ref6.$primaryColor;
|
|
4947
|
+
return $primaryColor;
|
|
4948
|
+
}, function (_ref7) {
|
|
4949
|
+
var $primaryColor = _ref7.$primaryColor;
|
|
4950
|
+
return $primaryColor;
|
|
4951
|
+
});
|
|
4952
|
+
var DropzoneText = styled__default.span(_templateObject17$1 || (_templateObject17$1 = _taggedTemplateLiteralLoose(["\n font-size: 0.875rem;\n color: #666;\n"])));
|
|
4953
|
+
var DropzoneError = styled__default.p(_templateObject18$1 || (_templateObject18$1 = _taggedTemplateLiteralLoose(["\n margin: 0.5rem 0 0;\n font-size: 0.8rem;\n color: #c62828;\n"])));
|
|
4954
|
+
var SelectedFileRow = styled__default.div(_templateObject19$1 || (_templateObject19$1 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n padding: 0.6rem 0.75rem;\n border: 1px solid #e0e0e0;\n border-radius: 6px;\n background: #fafafa;\n"])));
|
|
4955
|
+
var SelectedFileInfo = styled__default.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 0.5rem;\n min-width: 0;\n flex: 1;\n"])));
|
|
4956
|
+
var SelectedFileName = styled__default.span(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n font-size: 0.875rem;\n color: #333;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"])));
|
|
4957
|
+
var ClearFileBtn = styled__default.button(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n border: none;\n background: none;\n color: #c62828;\n font-size: 1.1rem;\n cursor: pointer;\n flex-shrink: 0;\n\n &:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n"])));
|
|
4958
|
+
var UploadedFiles = styled__default.ul(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n\n li {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n font-size: 0.875rem;\n color: #555;\n padding: 0.65rem 0.75rem;\n background: #fff;\n border: 1px solid #eee;\n border-radius: 4px;\n }\n"])));
|
|
4959
|
+
var UploadedFileMeta = styled__default.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n flex: 1;\n min-width: 0;\n display: flex;\n flex-direction: column;\n gap: 0.2rem;\n"])));
|
|
4960
|
+
var UploadedFileName = styled__default.span(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n color: #333;\n font-weight: 500;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"])));
|
|
4961
|
+
var UploadedFileDate = styled__default.span(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n font-size: 0.8rem;\n color: #888;\n"])));
|
|
4962
|
+
var ViewBtn = styled__default.a(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n flex-shrink: 0;\n padding: 0.35rem 0.85rem;\n border: 1px solid ", ";\n border-radius: 4px;\n background: #fff;\n color: ", ";\n font-size: 0.8rem;\n font-weight: 600;\n text-decoration: none;\n transition: background 0.2s, color 0.2s;\n\n &:hover {\n background: ", ";\n color: #fff;\n }\n"])), function (_ref8) {
|
|
4963
|
+
var $primaryColor = _ref8.$primaryColor;
|
|
4964
|
+
return $primaryColor;
|
|
4965
|
+
}, function (_ref9) {
|
|
4966
|
+
var $primaryColor = _ref9.$primaryColor;
|
|
4967
|
+
return $primaryColor;
|
|
4968
|
+
}, function (_ref10) {
|
|
4969
|
+
var $primaryColor = _ref10.$primaryColor;
|
|
4970
|
+
return $primaryColor;
|
|
4971
|
+
});
|
|
4972
|
+
var FileIcon = styled__default.span(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n flex-shrink: 0;\n font-size: 1rem;\n color: #c62828;\n display: flex;\n align-items: center;\n"])));
|
|
4973
|
+
var NoDocuments = styled__default.p(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n margin: 0;\n font-size: 0.875rem;\n color: #999;\n font-style: italic;\n"])));
|
|
4974
|
+
var UploadBtn = styled__default.button(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n flex-shrink: 0;\n padding: 0.5rem 1.25rem;\n border: none;\n border-radius: 5px;\n background: ", ";\n color: #fff;\n font-size: 0.9rem;\n font-weight: 600;\n cursor: pointer;\n transition: opacity 0.2s;\n min-width: 90px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &:hover:not(:disabled) {\n opacity: 0.85;\n }\n\n &:disabled {\n opacity: 0.7;\n cursor: not-allowed;\n }\n"])), function (_ref11) {
|
|
4975
|
+
var $primaryColor = _ref11.$primaryColor;
|
|
4976
|
+
return $primaryColor;
|
|
4977
|
+
});
|
|
4978
|
+
var EmptyState = styled__default.p(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n text-align: center;\n color: #666;\n padding: 2rem 1rem;\n"])));
|
|
4979
|
+
var ErrorCard = styled__default.div(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.75rem;\n width: min(100%, 480px);\n padding: 2.5rem 2rem;\n background: #fff;\n border: 1px solid #e0e0e0;\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n text-align: center;\n\n h3 {\n margin: 0;\n font-size: 1.15rem;\n font-weight: 600;\n color: #c62828;\n line-height: 1.4;\n }\n"])));
|
|
4980
|
+
var ErrIcon = styled__default(bi.BiError)(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n font-size: 3rem;\n color: #c62828;\n"])));
|
|
4981
|
+
var Loading = styled__default.div(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 200px;\n"])));
|
|
4982
|
+
|
|
4983
|
+
var formatDocName = function formatDocName(name) {
|
|
4984
|
+
return (name === null || name === void 0 ? void 0 : name.replace(/-/g, ' ')) || '';
|
|
4985
|
+
};
|
|
4986
|
+
var getUploadedFileName = function getUploadedFileName(file) {
|
|
4987
|
+
if (file !== null && file !== void 0 && file.fileName) return file.fileName;
|
|
4988
|
+
if (file !== null && file !== void 0 && file.viewUrl) {
|
|
4989
|
+
try {
|
|
4990
|
+
var _URL$pathname, _URL$pathname$split;
|
|
4991
|
+
var fileName = (_URL$pathname = new URL(file === null || file === void 0 ? void 0 : file.viewUrl).pathname) === null || _URL$pathname === void 0 ? void 0 : (_URL$pathname$split = _URL$pathname.split('/')) === null || _URL$pathname$split === void 0 ? void 0 : _URL$pathname$split.pop();
|
|
4992
|
+
return decodeURIComponent(fileName || 'Uploaded file');
|
|
4993
|
+
} catch (_unused) {
|
|
4994
|
+
return 'Uploaded file';
|
|
4995
|
+
}
|
|
4996
|
+
}
|
|
4997
|
+
return (file === null || file === void 0 ? void 0 : file.name) || (file === null || file === void 0 ? void 0 : file.documentName) || 'Uploaded file';
|
|
4998
|
+
};
|
|
4999
|
+
var isImageUrl = function isImageUrl(url) {
|
|
5000
|
+
return /\.(png|jpe?g|gif|webp)$/i.test(url || '');
|
|
5001
|
+
};
|
|
5002
|
+
var isImageFile = function isImageFile(file) {
|
|
5003
|
+
var _file$type;
|
|
5004
|
+
return file === null || file === void 0 ? void 0 : (_file$type = file.type) === null || _file$type === void 0 ? void 0 : _file$type.startsWith('image/');
|
|
5005
|
+
};
|
|
5006
|
+
var FilePreviewIcon = function FilePreviewIcon(_ref) {
|
|
5007
|
+
var file = _ref.file;
|
|
5008
|
+
return /*#__PURE__*/React__default.createElement(FileIcon, null, isImageFile(file) ? /*#__PURE__*/React__default.createElement(bs.BsFileEarmarkImage, null) : /*#__PURE__*/React__default.createElement(bs.BsFileEarmarkPdf, null));
|
|
5009
|
+
};
|
|
5010
|
+
var DocumentUploadCard = function DocumentUploadCard(_ref2) {
|
|
5011
|
+
var _doc$files, _doc$files2;
|
|
5012
|
+
var doc = _ref2.doc,
|
|
5013
|
+
documentTypeIds = _ref2.documentTypeIds,
|
|
5014
|
+
documentToken = _ref2.documentToken,
|
|
5015
|
+
apiEndPoint = _ref2.apiEndPoint,
|
|
5016
|
+
token = _ref2.token,
|
|
5017
|
+
primaryColor = _ref2.primaryColor,
|
|
5018
|
+
onUploadSuccess = _ref2.onUploadSuccess;
|
|
5019
|
+
var _useState = React.useState(null),
|
|
5020
|
+
selectedFile = _useState[0],
|
|
5021
|
+
setSelectedFile = _useState[1];
|
|
5022
|
+
var _useState2 = React.useState(false),
|
|
5023
|
+
uploading = _useState2[0],
|
|
5024
|
+
setUploading = _useState2[1];
|
|
5025
|
+
var _useState3 = React.useState(''),
|
|
5026
|
+
dropError = _useState3[0],
|
|
5027
|
+
setDropError = _useState3[1];
|
|
5028
|
+
var onDrop = React.useCallback(function (acceptedFiles, fileRejections) {
|
|
5029
|
+
if (fileRejections !== null && fileRejections !== void 0 && fileRejections.length) {
|
|
5030
|
+
setDropError(getDropzoneRejectionError(fileRejections));
|
|
5031
|
+
return;
|
|
5032
|
+
}
|
|
5033
|
+
if (acceptedFiles !== null && acceptedFiles !== void 0 && acceptedFiles[0]) {
|
|
5034
|
+
setSelectedFile(acceptedFiles[0]);
|
|
5035
|
+
setDropError('');
|
|
5036
|
+
}
|
|
5037
|
+
}, []);
|
|
5038
|
+
var _useDropzone = reactDropzone.useDropzone({
|
|
5039
|
+
onDrop: onDrop,
|
|
5040
|
+
multiple: false,
|
|
5041
|
+
maxSize: DOCUMENT_MAX_SIZE,
|
|
5042
|
+
accept: DOCUMENT_ACCEPT_TYPES
|
|
5043
|
+
}),
|
|
5044
|
+
getRootProps = _useDropzone.getRootProps,
|
|
5045
|
+
getInputProps = _useDropzone.getInputProps,
|
|
5046
|
+
isDragActive = _useDropzone.isDragActive;
|
|
5047
|
+
var handleUpload = function handleUpload() {
|
|
5048
|
+
try {
|
|
5049
|
+
if (!selectedFile || uploading) return Promise.resolve();
|
|
5050
|
+
setUploading(true);
|
|
5051
|
+
var _temp = _finallyRethrows(function () {
|
|
5052
|
+
return _catch(function () {
|
|
5053
|
+
return Promise.resolve(uploadDocumentFile({
|
|
5054
|
+
apiEndPoint: apiEndPoint,
|
|
5055
|
+
token: token,
|
|
5056
|
+
documentToken: documentToken,
|
|
5057
|
+
documentTypeIds: documentTypeIds,
|
|
5058
|
+
documentTypeId: doc === null || doc === void 0 ? void 0 : doc.documentTypeId,
|
|
5059
|
+
file: selectedFile
|
|
5060
|
+
})).then(function () {
|
|
5061
|
+
setSelectedFile(null);
|
|
5062
|
+
alert('Document uploaded successfully');
|
|
5063
|
+
return Promise.resolve(onUploadSuccess === null || onUploadSuccess === void 0 ? void 0 : onUploadSuccess()).then(function () {});
|
|
5064
|
+
});
|
|
5065
|
+
}, function (err) {
|
|
5066
|
+
var _err$response, _err$response$data, _err$response$data$er;
|
|
5067
|
+
alert((err === null || err === void 0 ? void 0 : (_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : (_err$response$data$er = _err$response$data.error) === null || _err$response$data$er === void 0 ? void 0 : _err$response$data$er.message) || 'Unable to upload document');
|
|
5068
|
+
});
|
|
5069
|
+
}, function (_wasThrown, _result) {
|
|
5070
|
+
setUploading(false);
|
|
5071
|
+
if (_wasThrown) throw _result;
|
|
5072
|
+
return _result;
|
|
5073
|
+
});
|
|
5074
|
+
return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
|
|
5075
|
+
} catch (e) {
|
|
5076
|
+
return Promise.reject(e);
|
|
5077
|
+
}
|
|
5078
|
+
};
|
|
5079
|
+
return /*#__PURE__*/React__default.createElement(DocumentCard, null, /*#__PURE__*/React__default.createElement(DocumentHeader, null, /*#__PURE__*/React__default.createElement(DocInfo, null, /*#__PURE__*/React__default.createElement(DocName, null, formatDocName(doc === null || doc === void 0 ? void 0 : doc.documentTypeName)), /*#__PURE__*/React__default.createElement(DocStatus, {
|
|
5080
|
+
$isPending: (doc === null || doc === void 0 ? void 0 : doc.itemStatus) === 'PENDING'
|
|
5081
|
+
}, doc === null || doc === void 0 ? void 0 : doc.itemStatus))), /*#__PURE__*/React__default.createElement(DropzoneSection, null, selectedFile ? /*#__PURE__*/React__default.createElement(SelectedFileRow, null, /*#__PURE__*/React__default.createElement(SelectedFileInfo, null, /*#__PURE__*/React__default.createElement(FilePreviewIcon, {
|
|
5082
|
+
file: selectedFile
|
|
5083
|
+
}), /*#__PURE__*/React__default.createElement(SelectedFileName, null, selectedFile === null || selectedFile === void 0 ? void 0 : selectedFile.name), /*#__PURE__*/React__default.createElement(ClearFileBtn, {
|
|
5084
|
+
type: "button",
|
|
5085
|
+
onClick: function onClick() {
|
|
5086
|
+
return setSelectedFile(null);
|
|
5087
|
+
},
|
|
5088
|
+
disabled: uploading,
|
|
5089
|
+
"aria-label": "Remove selected file"
|
|
5090
|
+
}, /*#__PURE__*/React__default.createElement(io.IoMdClose, null))), /*#__PURE__*/React__default.createElement(UploadBtn, {
|
|
5091
|
+
type: "button",
|
|
5092
|
+
onClick: handleUpload,
|
|
5093
|
+
disabled: uploading,
|
|
5094
|
+
$primaryColor: primaryColor
|
|
5095
|
+
}, uploading ? /*#__PURE__*/React__default.createElement(reactSpinners.PulseLoader, {
|
|
5096
|
+
color: "#fff",
|
|
5097
|
+
size: 8
|
|
5098
|
+
}) : 'Upload')) : /*#__PURE__*/React__default.createElement(Dropzone, _extends({}, getRootProps(), {
|
|
5099
|
+
$primaryColor: primaryColor,
|
|
5100
|
+
$isActive: isDragActive
|
|
5101
|
+
}), /*#__PURE__*/React__default.createElement("input", getInputProps()), /*#__PURE__*/React__default.createElement(DropzoneBtn, {
|
|
5102
|
+
$primaryColor: primaryColor
|
|
5103
|
+
}, "Select"), /*#__PURE__*/React__default.createElement(DropzoneText, null, isDragActive ? 'Drop file here' : 'or drag file here (PDF, JPG, PNG)')), dropError && /*#__PURE__*/React__default.createElement(DropzoneError, null, dropError)), /*#__PURE__*/React__default.createElement(FilesSection, null, doc !== null && doc !== void 0 && (_doc$files = doc.files) !== null && _doc$files !== void 0 && _doc$files.length ? /*#__PURE__*/React__default.createElement(UploadedFiles, null, doc === null || doc === void 0 ? void 0 : (_doc$files2 = doc.files) === null || _doc$files2 === void 0 ? void 0 : _doc$files2.map(function (file) {
|
|
5104
|
+
var fileName = getUploadedFileName(file);
|
|
5105
|
+
var uploadedDate = getLocalTime({
|
|
5106
|
+
time: (file === null || file === void 0 ? void 0 : file.uploadedAt) || ''
|
|
5107
|
+
});
|
|
5108
|
+
return /*#__PURE__*/React__default.createElement("li", {
|
|
5109
|
+
key: (file === null || file === void 0 ? void 0 : file.attachmentId) || (file === null || file === void 0 ? void 0 : file.id) || fileName
|
|
5110
|
+
}, /*#__PURE__*/React__default.createElement(FileIcon, null, isImageUrl((file === null || file === void 0 ? void 0 : file.viewUrl) || fileName) ? /*#__PURE__*/React__default.createElement(bs.BsFileEarmarkImage, null) : /*#__PURE__*/React__default.createElement(bs.BsFileEarmarkPdf, null)), /*#__PURE__*/React__default.createElement(UploadedFileMeta, null, /*#__PURE__*/React__default.createElement(UploadedFileName, null, fileName), uploadedDate && /*#__PURE__*/React__default.createElement(UploadedFileDate, null, "Uploaded ", uploadedDate)), (file === null || file === void 0 ? void 0 : file.viewUrl) && /*#__PURE__*/React__default.createElement(ViewBtn, {
|
|
5111
|
+
href: file === null || file === void 0 ? void 0 : file.viewUrl,
|
|
5112
|
+
target: "_blank",
|
|
5113
|
+
rel: "noopener noreferrer",
|
|
5114
|
+
$primaryColor: primaryColor
|
|
5115
|
+
}, "View"));
|
|
5116
|
+
})) : /*#__PURE__*/React__default.createElement(NoDocuments, null, "No files uploaded")));
|
|
5117
|
+
};
|
|
5118
|
+
var uploadDocumentFile = function uploadDocumentFile(_ref3) {
|
|
5119
|
+
var apiEndPoint = _ref3.apiEndPoint,
|
|
5120
|
+
token = _ref3.token,
|
|
5121
|
+
documentToken = _ref3.documentToken,
|
|
5122
|
+
documentTypeIds = _ref3.documentTypeIds,
|
|
5123
|
+
documentTypeId = _ref3.documentTypeId,
|
|
5124
|
+
file = _ref3.file;
|
|
5125
|
+
try {
|
|
5126
|
+
var formData = new FormData();
|
|
5127
|
+
formData.append('file', file || '');
|
|
5128
|
+
var url = apiEndPoint + "/ecommerce/customer/document-upload/files?documentTypeIds=" + (documentTypeIds === null || documentTypeIds === void 0 ? void 0 : documentTypeIds.join(',')) + "&token=" + documentToken + "&documentTypeId=" + documentTypeId;
|
|
5129
|
+
return Promise.resolve(axios.post(url, formData, {
|
|
5130
|
+
headers: {
|
|
5131
|
+
Accept: 'application/json',
|
|
5132
|
+
Authorization: "Bearer " + token,
|
|
5133
|
+
'Content-Type': 'multipart/form-data'
|
|
5134
|
+
}
|
|
5135
|
+
}));
|
|
5136
|
+
} catch (e) {
|
|
5137
|
+
return Promise.reject(e);
|
|
5138
|
+
}
|
|
5139
|
+
};
|
|
5140
|
+
|
|
5141
|
+
var UploadDocument = function UploadDocument(_ref) {
|
|
5142
|
+
var _router$query, _router$query2, _documentTypeIdsParam;
|
|
5143
|
+
var apiEndPoint = _ref.apiEndPoint,
|
|
5144
|
+
token = _ref.token,
|
|
5145
|
+
primaryColor = _ref.primaryColor;
|
|
5146
|
+
var resolvedPrimaryColor = primaryColor || DEFAULT_PRIMARY_COLOR;
|
|
5147
|
+
var router$1 = router.useRouter();
|
|
5148
|
+
var documentToken = router$1 === null || router$1 === void 0 ? void 0 : (_router$query = router$1.query) === null || _router$query === void 0 ? void 0 : _router$query.token;
|
|
5149
|
+
var documentTypeIdsParam = router$1 === null || router$1 === void 0 ? void 0 : (_router$query2 = router$1.query) === null || _router$query2 === void 0 ? void 0 : _router$query2.documentTypeIds;
|
|
5150
|
+
var documentTypeIds = (documentTypeIdsParam === null || documentTypeIdsParam === void 0 ? void 0 : (_documentTypeIdsParam = documentTypeIdsParam.split(',')) === null || _documentTypeIdsParam === void 0 ? void 0 : _documentTypeIdsParam.filter(Boolean)) || [];
|
|
5151
|
+
var _useState = React.useState(true),
|
|
5152
|
+
loading = _useState[0],
|
|
5153
|
+
setLoading = _useState[1];
|
|
5154
|
+
var _useState2 = React.useState(false),
|
|
5155
|
+
showForm = _useState2[0],
|
|
5156
|
+
setShowForm = _useState2[1];
|
|
5157
|
+
var _useState3 = React.useState([]),
|
|
5158
|
+
documentTypes = _useState3[0],
|
|
5159
|
+
setDocumentTypes = _useState3[1];
|
|
5160
|
+
var refreshDocumentTypes = React.useCallback(function () {
|
|
5161
|
+
try {
|
|
5162
|
+
var _documentTypeIdsParam2;
|
|
5163
|
+
var ids = (documentTypeIdsParam === null || documentTypeIdsParam === void 0 ? void 0 : (_documentTypeIdsParam2 = documentTypeIdsParam.split(',')) === null || _documentTypeIdsParam2 === void 0 ? void 0 : _documentTypeIdsParam2.filter(Boolean)) || [];
|
|
5164
|
+
return Promise.resolve(getDocumentTypes({
|
|
5165
|
+
documentTypeIds: ids,
|
|
5166
|
+
apiEndPoint: apiEndPoint,
|
|
5167
|
+
token: token,
|
|
5168
|
+
documentToken: documentToken
|
|
5169
|
+
})).then(function (documentTypesRes) {
|
|
5170
|
+
var _documentTypesRes$dat;
|
|
5171
|
+
if ((documentTypesRes === null || documentTypesRes === void 0 ? void 0 : (_documentTypesRes$dat = documentTypesRes.data) === null || _documentTypesRes$dat === void 0 ? void 0 : _documentTypesRes$dat.status) === 200) {
|
|
5172
|
+
var _documentTypesRes$dat2, _documentTypesRes$dat3;
|
|
5173
|
+
setDocumentTypes((documentTypesRes === null || documentTypesRes === void 0 ? void 0 : (_documentTypesRes$dat2 = documentTypesRes.data) === null || _documentTypesRes$dat2 === void 0 ? void 0 : (_documentTypesRes$dat3 = _documentTypesRes$dat2.result) === null || _documentTypesRes$dat3 === void 0 ? void 0 : _documentTypesRes$dat3.documentTypes) || []);
|
|
5174
|
+
}
|
|
5175
|
+
return documentTypesRes;
|
|
5176
|
+
});
|
|
5177
|
+
} catch (e) {
|
|
5178
|
+
return Promise.reject(e);
|
|
5179
|
+
}
|
|
5180
|
+
}, [documentTypeIdsParam, apiEndPoint, token, documentToken]);
|
|
5181
|
+
React.useEffect(function () {
|
|
5182
|
+
if (!(router$1 !== null && router$1 !== void 0 && router$1.isReady)) return;
|
|
5183
|
+
(function () {
|
|
5184
|
+
try {
|
|
5185
|
+
setLoading(true);
|
|
5186
|
+
setShowForm(false);
|
|
5187
|
+
return _finallyRethrows(function () {
|
|
5188
|
+
return _catch(function () {
|
|
5189
|
+
return Promise.resolve(validateDocumentTypeToken({
|
|
5190
|
+
documentToken: documentToken,
|
|
5191
|
+
apiEndPoint: apiEndPoint,
|
|
5192
|
+
token: token
|
|
5193
|
+
})).then(function (validateRes) {
|
|
5194
|
+
var _validateRes$data;
|
|
5195
|
+
if ((validateRes === null || validateRes === void 0 ? void 0 : (_validateRes$data = validateRes.data) === null || _validateRes$data === void 0 ? void 0 : _validateRes$data.status) !== 200) {
|
|
5196
|
+
return;
|
|
5197
|
+
}
|
|
5198
|
+
return Promise.resolve(refreshDocumentTypes()).then(function (documentTypesRes) {
|
|
5199
|
+
var _documentTypesRes$dat4;
|
|
5200
|
+
if ((documentTypesRes === null || documentTypesRes === void 0 ? void 0 : (_documentTypesRes$dat4 = documentTypesRes.data) === null || _documentTypesRes$dat4 === void 0 ? void 0 : _documentTypesRes$dat4.status) === 200) {
|
|
5201
|
+
setShowForm(true);
|
|
5202
|
+
}
|
|
5203
|
+
});
|
|
5204
|
+
});
|
|
5205
|
+
}, function () {});
|
|
5206
|
+
}, function (_wasThrown, _result) {
|
|
5207
|
+
setLoading(false);
|
|
5208
|
+
if (_wasThrown) throw _result;
|
|
5209
|
+
return _result;
|
|
5210
|
+
});
|
|
5211
|
+
} catch (e) {
|
|
5212
|
+
Promise.reject(e);
|
|
5213
|
+
}
|
|
5214
|
+
})();
|
|
5215
|
+
}, [router$1 === null || router$1 === void 0 ? void 0 : router$1.isReady, documentToken, documentTypeIdsParam, apiEndPoint, token, refreshDocumentTypes]);
|
|
5216
|
+
return /*#__PURE__*/React__default.createElement("div", null, loading ? /*#__PURE__*/React__default.createElement(Container, null, /*#__PURE__*/React__default.createElement(Loading, null, /*#__PURE__*/React__default.createElement(reactSpinners.PulseLoader, {
|
|
5217
|
+
color: resolvedPrimaryColor
|
|
5218
|
+
}))) : showForm ? /*#__PURE__*/React__default.createElement(Container, null, /*#__PURE__*/React__default.createElement(Card, null, /*#__PURE__*/React__default.createElement(Title, {
|
|
5219
|
+
$primaryColor: resolvedPrimaryColor
|
|
5220
|
+
}, "Upload Documents"), documentTypes !== null && documentTypes !== void 0 && documentTypes.length ? /*#__PURE__*/React__default.createElement(DocumentList, null, documentTypes === null || documentTypes === void 0 ? void 0 : documentTypes.map(function (doc) {
|
|
5221
|
+
return /*#__PURE__*/React__default.createElement(DocumentUploadCard, {
|
|
5222
|
+
key: doc === null || doc === void 0 ? void 0 : doc.documentTypeId,
|
|
5223
|
+
doc: doc,
|
|
5224
|
+
documentTypeIds: documentTypeIds,
|
|
5225
|
+
documentToken: documentToken,
|
|
5226
|
+
apiEndPoint: apiEndPoint,
|
|
5227
|
+
token: token,
|
|
5228
|
+
primaryColor: resolvedPrimaryColor,
|
|
5229
|
+
onUploadSuccess: refreshDocumentTypes
|
|
5230
|
+
});
|
|
5231
|
+
})) : /*#__PURE__*/React__default.createElement(EmptyState, null, "No document types found."))) : /*#__PURE__*/React__default.createElement(Container, null, /*#__PURE__*/React__default.createElement(ErrorCard, null, /*#__PURE__*/React__default.createElement(ErrIcon, null), /*#__PURE__*/React__default.createElement("h3", null, "Your document upload link is not valid."))));
|
|
5232
|
+
};
|
|
5233
|
+
var validateDocumentTypeToken = function validateDocumentTypeToken(_ref2) {
|
|
5234
|
+
var documentToken = _ref2.documentToken,
|
|
5235
|
+
apiEndPoint = _ref2.apiEndPoint,
|
|
5236
|
+
token = _ref2.token;
|
|
5237
|
+
try {
|
|
5238
|
+
var url = apiEndPoint + "/ecommerce/customer/validateDocumentTypeToken?token=" + documentToken;
|
|
5239
|
+
return Promise.resolve(axios.post(url, null, {
|
|
5240
|
+
headers: {
|
|
5241
|
+
Authorization: "Bearer " + token
|
|
5242
|
+
}
|
|
5243
|
+
}));
|
|
5244
|
+
} catch (e) {
|
|
5245
|
+
return Promise.reject(e);
|
|
5246
|
+
}
|
|
5247
|
+
};
|
|
5248
|
+
var getDocumentTypes = function getDocumentTypes(_ref3) {
|
|
5249
|
+
var documentTypeIds = _ref3.documentTypeIds,
|
|
5250
|
+
apiEndPoint = _ref3.apiEndPoint,
|
|
5251
|
+
token = _ref3.token,
|
|
5252
|
+
documentToken = _ref3.documentToken;
|
|
5253
|
+
try {
|
|
5254
|
+
return Promise.resolve(_catch(function () {
|
|
5255
|
+
var url = apiEndPoint + "/ecommerce/customer/document-upload/session?documentTypeIds=" + (documentTypeIds === null || documentTypeIds === void 0 ? void 0 : documentTypeIds.join(',')) + "&token=" + documentToken;
|
|
5256
|
+
return Promise.resolve(axios.get(url, {
|
|
5257
|
+
headers: {
|
|
5258
|
+
Authorization: "Bearer " + token
|
|
5259
|
+
}
|
|
5260
|
+
}));
|
|
5261
|
+
}, function (err) {
|
|
5262
|
+
var _err$response, _err$response$data, _err$response$data$er;
|
|
5263
|
+
alert((err === null || err === void 0 ? void 0 : (_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : (_err$response$data$er = _err$response$data.error) === null || _err$response$data$er === void 0 ? void 0 : _err$response$data$er.message) || 'Unable to get document types');
|
|
5264
|
+
throw err;
|
|
5265
|
+
}));
|
|
5266
|
+
} catch (e) {
|
|
5267
|
+
return Promise.reject(e);
|
|
5268
|
+
}
|
|
5269
|
+
};
|
|
5270
|
+
|
|
5271
|
+
var _templateObject$l, _templateObject2$d, _templateObject3$9, _templateObject4$7;
|
|
4895
5272
|
var AccountDetails = function AccountDetails(_ref) {
|
|
4896
5273
|
var _storeData$map, _storeData$find, _storeData$;
|
|
4897
5274
|
var apiEndPoint = _ref.apiEndPoint,
|
|
@@ -4955,9 +5332,9 @@ var AccountDetails = function AccountDetails(_ref) {
|
|
|
4955
5332
|
var _useState4 = React.useState([]),
|
|
4956
5333
|
storeData = _useState4[0],
|
|
4957
5334
|
setStoreData = _useState4[1];
|
|
4958
|
-
var _useState5 = React.useState((storeData === null || storeData === void 0 ? void 0 : (_storeData$map = storeData.map(function (
|
|
4959
|
-
return
|
|
4960
|
-
})) === null || _storeData$map === void 0 ? void 0 : _storeData$map.join(',')
|
|
5335
|
+
var _useState5 = React.useState(Array.isArray(storeData) && (storeData === null || storeData === void 0 ? void 0 : storeData.length) > 0 ? storeData === null || storeData === void 0 ? void 0 : (_storeData$map = storeData.map(function (store) {
|
|
5336
|
+
return store === null || store === void 0 ? void 0 : store.id;
|
|
5337
|
+
})) === null || _storeData$map === void 0 ? void 0 : _storeData$map.join(',') : '1'),
|
|
4961
5338
|
storeIdList = _useState5[0],
|
|
4962
5339
|
setSoreIdList = _useState5[1];
|
|
4963
5340
|
var _useState6 = React.useState((storeData === null || storeData === void 0 ? void 0 : (_storeData$find = storeData.find(function (data) {
|
|
@@ -5021,8 +5398,10 @@ var AccountDetails = function AccountDetails(_ref) {
|
|
|
5021
5398
|
token: token,
|
|
5022
5399
|
url: "store"
|
|
5023
5400
|
})).then(function (data) {
|
|
5024
|
-
var _data$find;
|
|
5025
|
-
var storeIds = Array.isArray(data) && (data === null || data === void 0 ? void 0 : data.length) > 0 ? data === null || data === void 0 ? void 0 : data.
|
|
5401
|
+
var _data$map, _data$find;
|
|
5402
|
+
var storeIds = Array.isArray(data) && (data === null || data === void 0 ? void 0 : data.length) > 0 ? data === null || data === void 0 ? void 0 : (_data$map = data.map(function (store) {
|
|
5403
|
+
return store === null || store === void 0 ? void 0 : store.id;
|
|
5404
|
+
})) === null || _data$map === void 0 ? void 0 : _data$map.join(',') : '1';
|
|
5026
5405
|
setStoreData(data);
|
|
5027
5406
|
setSoreIdList(storeIds);
|
|
5028
5407
|
setDefaultStoreId((data === null || data === void 0 ? void 0 : (_data$find = data.find(function (data) {
|
|
@@ -5147,6 +5526,12 @@ var AccountDetails = function AccountDetails(_ref) {
|
|
|
5147
5526
|
storeIdList: storeIdList,
|
|
5148
5527
|
defaultStoreId: defaultStoreId
|
|
5149
5528
|
});
|
|
5529
|
+
case 'uploadDocuments':
|
|
5530
|
+
return /*#__PURE__*/React__default.createElement(UploadDocument, {
|
|
5531
|
+
apiEndPoint: apiEndPoint,
|
|
5532
|
+
token: token,
|
|
5533
|
+
primaryColor: colors.primaryColor
|
|
5534
|
+
});
|
|
5150
5535
|
default:
|
|
5151
5536
|
return /*#__PURE__*/React__default.createElement(TypographyContainer$7, {
|
|
5152
5537
|
fontColor: colors.fontColor
|
|
@@ -5241,14 +5626,14 @@ var AccountDetails = function AccountDetails(_ref) {
|
|
|
5241
5626
|
skeleton: true
|
|
5242
5627
|
}, apiEndPoint && token && renderListItemComponent(tabValue))))))));
|
|
5243
5628
|
};
|
|
5244
|
-
var Root$4 = styled__default(material.Box)(_templateObject$
|
|
5629
|
+
var Root$4 = styled__default(material.Box)(_templateObject$l || (_templateObject$l = _taggedTemplateLiteralLoose(["\n // background-image: url(", ");\n // background-position: center;\n // background-repeat: no-repeat;\n // background-size: cover;\n padding: 1.4rem;\n background-color: ", ";\n"])), function (props) {
|
|
5245
5630
|
var _props$theme;
|
|
5246
5631
|
return (_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.backgroundImage;
|
|
5247
5632
|
}, function (props) {
|
|
5248
5633
|
var _props$theme2, _props$theme3, _props$theme4;
|
|
5249
5634
|
return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.isNightMode ? (_props$theme3 = props.theme) === null || _props$theme3 === void 0 ? void 0 : _props$theme3.secondaryColor : "rgba(" + hexToRgbA((_props$theme4 = props.theme) === null || _props$theme4 === void 0 ? void 0 : _props$theme4.primaryColor) + ",0.1)";
|
|
5250
5635
|
});
|
|
5251
|
-
var MainContainer = styled__default.div(_templateObject2$
|
|
5636
|
+
var MainContainer = styled__default.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n margin: auto;\n min-height: 100vh;\n background-color: ", ";\n max-width: ", ";\n padding: 2rem;\n border-radius: 14px;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
|
|
5252
5637
|
return props.backgroundColor;
|
|
5253
5638
|
}, function (props) {
|
|
5254
5639
|
return props.open ? '1800px' : '1600px';
|
|
@@ -5283,12 +5668,12 @@ var Main = styles.styled('main', {
|
|
|
5283
5668
|
overflow: 'auto'
|
|
5284
5669
|
});
|
|
5285
5670
|
});
|
|
5286
|
-
var ContainerDrawer = styled__default(material.Drawer)(_templateObject3$
|
|
5671
|
+
var ContainerDrawer = styled__default(material.Drawer)(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteralLoose(["\n // height: 100%;\n margin-right: ", ";\n .MuiDrawer-paper {\n padding: 1rem;\n position: relative;\n z-index: 1;\n background: ", ";\n border-radius: 14px;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n }\n"])), function (props) {
|
|
5287
5672
|
return props.open && '2rem';
|
|
5288
5673
|
}, function (props) {
|
|
5289
5674
|
return props.primaryColor || transparent;
|
|
5290
5675
|
});
|
|
5291
|
-
var TypographyContainer$7 = styled__default(material.Typography)(_templateObject4$
|
|
5676
|
+
var TypographyContainer$7 = styled__default(material.Typography)(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
|
|
5292
5677
|
return props.fontColor;
|
|
5293
5678
|
});
|
|
5294
5679
|
|
|
@@ -5369,7 +5754,7 @@ var AsyncDataLoad = function AsyncDataLoad(_ref) {
|
|
|
5369
5754
|
};
|
|
5370
5755
|
var AsyncDataLoadComponent = React.memo(AsyncDataLoad);
|
|
5371
5756
|
|
|
5372
|
-
var _templateObject$
|
|
5757
|
+
var _templateObject$m, _templateObject2$e, _templateObject3$a;
|
|
5373
5758
|
var BannerImages = function BannerImages(_ref) {
|
|
5374
5759
|
var config = _ref.config,
|
|
5375
5760
|
sliderImages = _ref.sliderImages,
|
|
@@ -5434,11 +5819,11 @@ var BannerImages = function BannerImages(_ref) {
|
|
|
5434
5819
|
}))));
|
|
5435
5820
|
})));
|
|
5436
5821
|
};
|
|
5437
|
-
var Video = styled__default.video(_templateObject$
|
|
5438
|
-
var Image = styled__default.img(_templateObject2$
|
|
5439
|
-
var BannerContainer$1 = styled__default.section(_templateObject3$
|
|
5822
|
+
var Video = styled__default.video(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose(["\n width: 100%;\n cursor: pointer;\n transition: all 0.5s;\n height: 100%;\n object-fit: cover;\n object-position: center;\n &:hover {\n transform: scale(1.02);\n }\n"])));
|
|
5823
|
+
var Image = styled__default.img(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteralLoose(["\n width: 100%;\n cursor: pointer;\n transition: all 0.5s;\n height: 100%;\n object-fit: cover;\n object-position: center;\n &:hover {\n transform: scale(1.02);\n }\n"])));
|
|
5824
|
+
var BannerContainer$1 = styled__default.section(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n font-size: 0;\n"])));
|
|
5440
5825
|
|
|
5441
|
-
var _templateObject$
|
|
5826
|
+
var _templateObject$n, _templateObject2$f, _templateObject3$b, _templateObject4$8;
|
|
5442
5827
|
var LandingCarousel = function LandingCarousel(_ref) {
|
|
5443
5828
|
var _config$spaceBetweenC, _config$colLg, _ref2, _ref3, _config$colSm, _ref4, _config$colMd, _config$colLg2;
|
|
5444
5829
|
var config = _ref.config,
|
|
@@ -5520,16 +5905,16 @@ var LandingCarousel = function LandingCarousel(_ref) {
|
|
|
5520
5905
|
})));
|
|
5521
5906
|
})));
|
|
5522
5907
|
};
|
|
5523
|
-
var Image$1 = styled__default.img(_templateObject$
|
|
5524
|
-
var Video$1 = styled__default.video(_templateObject2$
|
|
5525
|
-
var Root$5 = styled__default.div(_templateObject3$
|
|
5526
|
-
var ReactSlick = styled__default(Slider)(_templateObject4$
|
|
5908
|
+
var Image$1 = styled__default.img(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n width: 100%;\n transition: all 0.5s;\n height: 100%;\n object-fit: cover;\n object-position: center;\n &:hover {\n transform: scale(1.05);\n }\n"])));
|
|
5909
|
+
var Video$1 = styled__default.video(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteralLoose(["\n width: 100%;\n transition: all 0.5s;\n height: 100%;\n object-fit: cover;\n object-position: center;\n &:hover {\n transform: scale(1.05);\n }\n"])));
|
|
5910
|
+
var Root$5 = styled__default.div(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteralLoose(["\n height: 100%;\n"])));
|
|
5911
|
+
var ReactSlick = styled__default(Slider)(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteralLoose(["\n height: 100%;\n .slick-track {\n height: 100%;\n }\n .slick-slide {\n height: 100%;\n div:first-child {\n height: 100%;\n }\n }\n .slick-list {\n height: 100%;\n margin: 0 -", "px;\n }\n .slideItem {\n height: 100%;\n padding: 0 ", "px;\n overflow: hidden;\n }\n line-height: 0;\n .slick-dots {\n bottom: 0;\n li {\n margin: 0;\n button:before {\n color: #ffffff !important;\n font-size: 10px;\n }\n }\n }\n .slick-prev,\n .slick-next {\n color: #464646 !important;\n z-index: 1;\n width: 26px;\n height: 26px;\n }\n .slick-prev {\n left: 12px;\n }\n .slick-next {\n right: 12px;\n }\n"])), function (props) {
|
|
5527
5912
|
return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
|
|
5528
5913
|
}, function (props) {
|
|
5529
5914
|
return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
|
|
5530
5915
|
});
|
|
5531
5916
|
|
|
5532
|
-
var _templateObject$
|
|
5917
|
+
var _templateObject$o, _templateObject2$g;
|
|
5533
5918
|
var inDebounce;
|
|
5534
5919
|
var JUSTIFY = {
|
|
5535
5920
|
Left: {
|
|
@@ -5724,8 +6109,8 @@ var HomeBanner = function HomeBanner(_ref) {
|
|
|
5724
6109
|
}, item === null || item === void 0 ? void 0 : item.component);
|
|
5725
6110
|
}))))));
|
|
5726
6111
|
};
|
|
5727
|
-
var Root$6 = styled__default.div(_templateObject$
|
|
5728
|
-
var MainContainer$1 = styled__default.div(_templateObject2$
|
|
6112
|
+
var Root$6 = styled__default.div(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose([""])));
|
|
6113
|
+
var MainContainer$1 = styled__default.div(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteralLoose([""])));
|
|
5729
6114
|
var SingleBanner = function SingleBanner(_ref3) {
|
|
5730
6115
|
var config = _ref3.config,
|
|
5731
6116
|
sliderImages = _ref3.sliderImages,
|
|
@@ -5758,7 +6143,7 @@ var adjustResponsiveSpace = function adjustResponsiveSpace(_ref4) {
|
|
|
5758
6143
|
return spaceValue;
|
|
5759
6144
|
};
|
|
5760
6145
|
|
|
5761
|
-
var _templateObject$
|
|
6146
|
+
var _templateObject$p, _templateObject2$h, _templateObject3$c, _templateObject4$9, _templateObject5$5;
|
|
5762
6147
|
var LandingCarousel$1 = function LandingCarousel(_ref) {
|
|
5763
6148
|
var _brandData2;
|
|
5764
6149
|
var brandList = _ref.brandList,
|
|
@@ -5884,17 +6269,17 @@ var LandingCarousel$1 = function LandingCarousel(_ref) {
|
|
|
5884
6269
|
})));
|
|
5885
6270
|
})));
|
|
5886
6271
|
};
|
|
5887
|
-
var Image$2 = styled__default.img(_templateObject$
|
|
5888
|
-
var Video$2 = styled__default.video(_templateObject2$
|
|
5889
|
-
var Root$7 = styled__default.div(_templateObject3$
|
|
5890
|
-
var ReactSlick$1 = styled__default(Slider)(_templateObject4$
|
|
6272
|
+
var Image$2 = styled__default.img(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose(["\n width: 100%;\n transition: all 0.5s;\n height: 100%;\n min-height: 100px;\n max-width: 150px;\n object-fit: contain;\n object-position: center;\n &:hover {\n transform: scale(1.05);\n }\n"])));
|
|
6273
|
+
var Video$2 = styled__default.video(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteralLoose(["\n width: 100%;\n transition: all 0.5s;\n height: 100%;\n min-height: 100px;\n max-width: 150px;\n object-fit: cover;\n object-position: center;\n &:hover {\n transform: scale(1.05);\n }\n"])));
|
|
6274
|
+
var Root$7 = styled__default.div(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteralLoose(["\n height: 100%;\n"])));
|
|
6275
|
+
var ReactSlick$1 = styled__default(Slider)(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n height: 100%;\n .slick-track {\n height: 100%;\n }\n .slick-slide {\n height: 100%;\n div:first-child {\n height: 100%;\n }\n }\n .slick-list {\n height: 100%;\n margin: 0 -", "px;\n }\n\n line-height: 0;\n .slick-dots {\n bottom: 0;\n li {\n margin: 0;\n button:before {\n color: #ffffff !important;\n font-size: 10px;\n }\n }\n }\n .slick-prev,\n .slick-next {\n color: #464646 !important;\n z-index: 1;\n width: 26px;\n height: 26px;\n }\n .slick-prev {\n left: 12px;\n }\n .slick-next {\n right: 12px;\n }\n"])), function (props) {
|
|
5891
6276
|
return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
|
|
5892
6277
|
});
|
|
5893
|
-
var SliderItem = styled__default.div(_templateObject5$
|
|
6278
|
+
var SliderItem = styled__default.div(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteralLoose(["\n height: 100%;\n padding: 0 ", "px;\n overflow: hidden;\n"])), function (props) {
|
|
5894
6279
|
return (props === null || props === void 0 ? void 0 : props.spaceBetweenCol) || 0;
|
|
5895
6280
|
});
|
|
5896
6281
|
|
|
5897
|
-
var _templateObject$
|
|
6282
|
+
var _templateObject$q, _templateObject2$i;
|
|
5898
6283
|
var BrandList = function BrandList(_ref) {
|
|
5899
6284
|
var apiEndPoint = _ref.apiEndPoint,
|
|
5900
6285
|
_ref$colors = _ref.colors,
|
|
@@ -5956,10 +6341,10 @@ var BrandList = function BrandList(_ref) {
|
|
|
5956
6341
|
autoplaySpeed: autoplaySpeed
|
|
5957
6342
|
}))));
|
|
5958
6343
|
};
|
|
5959
|
-
var Root$8 = styled__default.div(_templateObject$
|
|
5960
|
-
var MainContainer$2 = styled__default.div(_templateObject2$
|
|
6344
|
+
var Root$8 = styled__default.div(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose([""])));
|
|
6345
|
+
var MainContainer$2 = styled__default.div(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteralLoose([""])));
|
|
5961
6346
|
|
|
5962
|
-
var _templateObject$
|
|
6347
|
+
var _templateObject$r, _templateObject2$j, _templateObject3$d, _templateObject4$a, _templateObject5$6, _templateObject6$4, _templateObject7$3, _templateObject8$3, _templateObject9$3;
|
|
5963
6348
|
var BrandStock = function BrandStock(_ref) {
|
|
5964
6349
|
var _Object$keys, _Object$keys2, _data$brands;
|
|
5965
6350
|
var storeData = _ref.storeData,
|
|
@@ -6114,38 +6499,38 @@ var BrandStock = function BrandStock(_ref) {
|
|
|
6114
6499
|
}));
|
|
6115
6500
|
})), (data === null || data === void 0 ? void 0 : data.returnPolicy) && /*#__PURE__*/React__default.createElement(ReturnPolicyContainer, null, /*#__PURE__*/React__default.createElement("h2", null, (data === null || data === void 0 ? void 0 : data.returnPolicyTitle) || 'Return Policy'), data === null || data === void 0 ? void 0 : data.returnPolicy))));
|
|
6116
6501
|
};
|
|
6117
|
-
var Root$9 = styled__default.div(_templateObject$
|
|
6118
|
-
var TitleContainer$1 = styled__default.div(_templateObject2$
|
|
6119
|
-
var MainContainer$3 = styled__default.div(_templateObject3$
|
|
6120
|
-
var DetailsContainer = styled__default.div(_templateObject4$
|
|
6121
|
-
var BrandContainer = styled__default.div(_templateObject5$
|
|
6122
|
-
var ReturnPolicyContainer = styled__default.div(_templateObject6$
|
|
6123
|
-
var TablePaperContainer = styled__default(TableContainer$3)(_templateObject7$
|
|
6124
|
-
var TableRowContainer$1 = styled__default(TableRow)(_templateObject8$
|
|
6502
|
+
var Root$9 = styled__default.div(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n padding: 1rem;\n"])));
|
|
6503
|
+
var TitleContainer$1 = styled__default.div(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteralLoose(["\n padding: 0 1rem;\n display: flex;\n justify-content: space-between;\n"])));
|
|
6504
|
+
var MainContainer$3 = styled__default.div(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose(["\n max-width: 600px;\n margin: auto;\n .logo {\n display: flex;\n }\n .logoImage {\n max-width: min(400px, 100%);\n max-height: 200px;\n margin: auto;\n }\n"])));
|
|
6505
|
+
var DetailsContainer = styled__default.div(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteralLoose(["\n margin: 1.2rem 0;\n text-align: center;\n p {\n font-size: 16px;\n font-weight: 500;\n }\n span {\n font-size: 15px;\n }\n .lineContainer {\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0.5rem 0;\n span {\n margin-right: 6px;\n }\n }\n"])));
|
|
6506
|
+
var BrandContainer = styled__default.div(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteralLoose(["\n .brandImage {\n max-width: 100%;\n margin: 1rem auto;\n }\n"])));
|
|
6507
|
+
var ReturnPolicyContainer = styled__default.div(_templateObject6$4 || (_templateObject6$4 = _taggedTemplateLiteralLoose(["\n h2 {\n text-align: center;\n }\n margin: 1rem 0;\n p {\n font-size: 16px;\n }\n"])));
|
|
6508
|
+
var TablePaperContainer = styled__default(TableContainer$3)(_templateObject7$3 || (_templateObject7$3 = _taggedTemplateLiteralLoose(["\n background-color: transparent;\n"])));
|
|
6509
|
+
var TableRowContainer$1 = styled__default(TableRow)(_templateObject8$3 || (_templateObject8$3 = _taggedTemplateLiteralLoose(["\n && {\n background: ", ";\n &:last-child td,\n &:last-child th {\n border: 0;\n }\n }\n"])), function (props) {
|
|
6125
6510
|
return !props.availableQuantity && '#cd2323';
|
|
6126
6511
|
});
|
|
6127
|
-
var TableCellContainer$1 = styled__default(TableCell)(_templateObject9$
|
|
6512
|
+
var TableCellContainer$1 = styled__default(TableCell)(_templateObject9$3 || (_templateObject9$3 = _taggedTemplateLiteralLoose(["\n && {\n color: ", ";\n min-width: 7rem;\n }\n"])), function (props) {
|
|
6128
6513
|
return props.availableQuantity ? props.stockCol && 'green' : '#ffffff';
|
|
6129
6514
|
});
|
|
6130
6515
|
|
|
6131
|
-
var _templateObject$
|
|
6132
|
-
var CartDrawerContainer = styled__default.div(_templateObject$
|
|
6516
|
+
var _templateObject$s, _templateObject2$k, _templateObject3$e, _templateObject4$b, _templateObject5$7, _templateObject6$5, _templateObject7$4;
|
|
6517
|
+
var CartDrawerContainer = styled__default.div(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-width: ", ";\n height: 100%;\n /* padding: 1em;\n padding-top: 0rem; */\n position: relative;\n /* min-width: 100%; */\n min-height: 100vh;\n max-height: 100vh;\n overflow: hidden;\n box-sizing: border-box;\n\n display: flex;\n flex-direction: column;\n /* border: 1px solid; */\n"])), function (props) {
|
|
6133
6518
|
return props.maxWidth || '650px';
|
|
6134
6519
|
});
|
|
6135
|
-
var CartDrawerBar = styled__default.div(_templateObject2$
|
|
6136
|
-
var CartDrawerProductContainer = styled__default.div(_templateObject3$
|
|
6520
|
+
var CartDrawerBar = styled__default.div(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-width: 100%;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n position: sticky;\n box-sizing: border-box;\n top: 0;\n left: 0;\n padding: 1em;\n height: 4.6rem;\n font-size: 1.6rem;\n background-color: white;\n font-weight: bold;\n padding-left: 1rem;\n z-index: 2;\n h2 {\n font-size: 1.5em;\n }\n .icon {\n cursor: pointer;\n font-size: 1em;\n }\n @media only screen and (max-width: 600px) {\n font-size: 1rem;\n height: 4rem;\n }\n"])));
|
|
6521
|
+
var CartDrawerProductContainer = styled__default.div(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteralLoose(["\n width: 100%;\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n position: relative;\n padding-top: 1rem;\n min-height: 0;\n height: 100%;\n overflow: hidden;\n box-sizing: border-box;\n opacity: ", ";\n /* background-color: red; */\n"])), function (props) {
|
|
6137
6522
|
return props.opacity;
|
|
6138
6523
|
});
|
|
6139
|
-
var CartDrawerBottomSection = styled__default.div(_templateObject4$
|
|
6140
|
-
var CartDrawerOutlinedButton = styled__default.button(_templateObject5$
|
|
6524
|
+
var CartDrawerBottomSection = styled__default.div(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n /* height: 8rem; */\n background-color: white;\n box-shadow: 3px -2px 10px #b1b1b1;\n display: flex;\n flex-direction: column;\n // min-height: 7rem;\n position: sticky;\n bottom: 0;\n margin-top: auto;\n /* padding-bottom: 0.5rem; */\n\n /* left: 0; */\n align-items: center;\n .row {\n width: 100%;\n padding: 0rem 1rem;\n padding-top: 1rem;\n /* padding-left: 1rem; */\n h5 {\n font-weight: bold;\n font-size: 1.1rem;\n span {\n font-weight: 400;\n padding-left: 0.5rem;\n }\n }\n }\n @media only screen and (max-width: 340px) {\n min-height: 6rem;\n .row h5 {\n font-size: 0.8rem;\n }\n }\n"])));
|
|
6525
|
+
var CartDrawerOutlinedButton = styled__default.button(_templateObject5$7 || (_templateObject5$7 = _taggedTemplateLiteralLoose(["\n width: 90%;\n height: 3.55rem;\n border: 2px solid;\n border-radius: 1rem;\n display: grid;\n place-items: center;\n font-weight: 500;\n font-size: 1rem;\n transition: 0.5s;\n outline: none;\n text-transform: capitalize;\n border-color: ", ";\n color: ", ";\n text-transform: capitalize;\n margin: 0.6rem 0;\n cursor: pointer;\n background: white;\n &:hover,\n &:focus {\n opacity: 0.8;\n letter-spacing: 1px;\n outline: none;\n }\n @media only screen and (max-width: 600px) {\n height: 2.9rem;\n }\n @media only screen and (max-width: 340px) {\n height: 2.2rem;\n margin: 0.3rem 0;\n }\n"])), function (props) {
|
|
6141
6526
|
return props.color || 'black';
|
|
6142
6527
|
}, function (props) {
|
|
6143
6528
|
return props.color || 'black';
|
|
6144
6529
|
});
|
|
6145
|
-
var CartDrawerFilledButton = styled__default(CartDrawerOutlinedButton)(_templateObject6$
|
|
6530
|
+
var CartDrawerFilledButton = styled__default(CartDrawerOutlinedButton)(_templateObject6$5 || (_templateObject6$5 = _taggedTemplateLiteralLoose(["\n background: ", ";\n color: white;\n position: relative;\n margin-bottom: 1rem;\n .icon {\n position: absolute;\n right: 2rem;\n margin: auto 0;\n }\n"])), function (props) {
|
|
6146
6531
|
return props.color || 'black';
|
|
6147
6532
|
});
|
|
6148
|
-
var CartDrawerEmptyCart = styled__default.div(_templateObject7$
|
|
6533
|
+
var CartDrawerEmptyCart = styled__default.div(_templateObject7$4 || (_templateObject7$4 = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: calc(100vh - 4.6rem);\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n h6 {\n font-size: 1.8rem;\n font-weight: bold;\n text-transform: uppercase;\n margin: 0;\n margin-top: 1rem;\n color: ", ";\n }\n p {\n font-size: 1.1rem;\n text-transform: capitalize;\n font-weight: 500;\n /* color: darkgrey; */\n /* color: orange; */\n }\n .icon {\n font-size: 9.5rem;\n color: darkgrey;\n /* color: orange; */\n }\n"])), function (props) {
|
|
6149
6534
|
return props.color || 'red';
|
|
6150
6535
|
});
|
|
6151
6536
|
|
|
@@ -6237,13 +6622,13 @@ function useGridSize() {
|
|
|
6237
6622
|
return layout;
|
|
6238
6623
|
}
|
|
6239
6624
|
|
|
6240
|
-
var _templateObject$
|
|
6241
|
-
var CartPageSection = styled__default.section(_templateObject$
|
|
6625
|
+
var _templateObject$t, _templateObject2$l, _templateObject3$f, _templateObject4$c, _templateObject5$8, _templateObject6$6, _templateObject7$5, _templateObject8$4, _templateObject9$4, _templateObject10$3;
|
|
6626
|
+
var CartPageSection = styled__default.section(_templateObject$t || (_templateObject$t = _taggedTemplateLiteralLoose(["\n background: ", ";\n max-width: 100%;\n width: fit-content;\n background: ", ";\n overflow: hidden;\n border-radius: 20px;\n max-width: 1600px;\n width: min(1600px, 100%);\n margin: auto;\n @media screen and (max-width: 1200px) {\n padding: 0 1em;\n }\n"])), function (props) {
|
|
6242
6627
|
return props.bg;
|
|
6243
6628
|
}, function (props) {
|
|
6244
6629
|
return props.bg || '#FAE8E5';
|
|
6245
6630
|
});
|
|
6246
|
-
var CartPageContainer = styled__default.div(_templateObject2$
|
|
6631
|
+
var CartPageContainer = styled__default.div(_templateObject2$l || (_templateObject2$l = _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) {
|
|
6247
6632
|
return props.maxWidth || '1600px';
|
|
6248
6633
|
}, function (props) {
|
|
6249
6634
|
return "min(" + (props.maxWidth || '1600px') + ",100%)";
|
|
@@ -6256,34 +6641,34 @@ var CartPageContainer = styled__default.div(_templateObject2$k || (_templateObje
|
|
|
6256
6641
|
var _props$scroll2;
|
|
6257
6642
|
return (props === null || props === void 0 ? void 0 : (_props$scroll2 = props.scroll) === null || _props$scroll2 === void 0 ? void 0 : _props$scroll2.color) || '#BFC3CA';
|
|
6258
6643
|
});
|
|
6259
|
-
var CardsBox = styled__default.div(_templateObject3$
|
|
6644
|
+
var CardsBox = styled__default.div(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteralLoose(["\n width: 100%;\n /* min-height: 1000px; */\n position: relative;\n margin-right: auto;\n padding: 1em;\n display: ", ";\n grid-template-columns: 1fr 1fr;\n flex-direction: column;\n align-items: flex-start;\n grid-gap: 1em;\n justify-content: flex-start;\n align-items: center;\n border-radius: 12px;\n @media only screen and (max-width: 900px) {\n display: flex;\n }\n @media only screen and (max-width: 768px) {\n padding: 0;\n }\n"])), function (props) {
|
|
6260
6645
|
return props.retail ? 'grid' : 'flex';
|
|
6261
6646
|
});
|
|
6262
|
-
var CartHeading = styled__default.div(_templateObject4$
|
|
6647
|
+
var CartHeading = styled__default.div(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n /* margin-bottom: 2em; */\n margin-left: 2em;\n margin-top: 2em;\n @media only screen and (max-width: 1200px) {\n margin-left: 1em;\n }\n\n color: ", ";\n h1 {\n font-weight: 600;\n font-size: 2em;\n text-transform: capitalize;\n color: ", ";\n /* margin-bottom: 1em; */\n }\n p {\n font-size: 0.875em;\n color: inherit;\n margin-top: 0.5em;\n }\n"])), function (props) {
|
|
6263
6648
|
return props.color || 'black';
|
|
6264
6649
|
}, function (props) {
|
|
6265
6650
|
return props.h1 || 'inherit';
|
|
6266
6651
|
});
|
|
6267
|
-
var Loader$1 = styled__default.div(_templateObject5$
|
|
6268
|
-
var CartTableCell = styled__default(material.TableCell)(_templateObject6$
|
|
6652
|
+
var Loader$1 = styled__default.div(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 40%;\n left: 47%;\n display: grid;\n place-items: center;\n z-index: 3;\n"])));
|
|
6653
|
+
var CartTableCell = styled__default(material.TableCell)(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteralLoose(["\n && {\n padding-bottom: 1em !important;\n // border: none !important;\n /* font-size: 0.75em; */\n font-size: 1em;\n color: rgba(98, 95, 95, 1);\n color: ", ";\n }\n &.bg-transparent {\n // background-color: transparent !important;\n text-transform: uppercase;\n z-index: 3 !important;\n span {\n font-size: 0.75em;\n font-weight: 600;\n }\n svg {\n color: ", ";\n }\n .MuiTableSortLabel-root {\n color: ", "!important;\n }\n }\n"])), function (props) {
|
|
6269
6654
|
return "" + props.color || 'inherit';
|
|
6270
6655
|
}, function (props) {
|
|
6271
6656
|
return "" + props.color || 'inherit';
|
|
6272
6657
|
}, function (props) {
|
|
6273
6658
|
return "" + props.color || 'inherit';
|
|
6274
6659
|
});
|
|
6275
|
-
var CartTableContainer = styled__default(material.TableContainer)(_templateObject7$
|
|
6660
|
+
var CartTableContainer = styled__default(material.TableContainer)(_templateObject7$5 || (_templateObject7$5 = _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) {
|
|
6276
6661
|
return 'rgba(102, 112, 128, 0.5)';
|
|
6277
6662
|
}, function (props) {
|
|
6278
6663
|
return props.color;
|
|
6279
6664
|
});
|
|
6280
|
-
var CartButtonsRow = styled__default.div(_templateObject8$
|
|
6665
|
+
var CartButtonsRow = styled__default.div(_templateObject8$4 || (_templateObject8$4 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: start;\n align-items: center;\n padding-right: 1.85em;\n button {\n background: ", ";\n color: ", ";\n padding: 0.5em 1em;\n margin-left: 1em;\n font-size: 0.85em;\n text-transform: uppercase;\n border: none;\n cursor: pointer;\n transition: 0.4s;\n &:hover {\n transform: scale(0.9);\n }\n }\n"])), function (props) {
|
|
6281
6666
|
return props.bg || 'rgba(107, 106, 106, 1)';
|
|
6282
6667
|
}, function (props) {
|
|
6283
6668
|
return props.color || 'white';
|
|
6284
6669
|
});
|
|
6285
|
-
var PaginationRow = styled__default.div(_templateObject9$
|
|
6286
|
-
var CartPageBox = styled__default.div(_templateObject10$
|
|
6670
|
+
var PaginationRow = styled__default.div(_templateObject9$4 || (_templateObject9$4 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n padding: 1em 0;\n gap: 1em;\n flex-wrap: wrap;\n .MuiPagination-root {\n .MuiPagination-ul {\n flex-wrap: wrap;\n }\n }\n @media screen and (max-width: 768px) {\n justify-content: center;\n padding: 1em 0.5em;\n }\n"])));
|
|
6671
|
+
var CartPageBox = styled__default.div(_templateObject10$3 || (_templateObject10$3 = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-width: 100%;\n margin-right: 1rem;\n min-height: 30em;\n position: relative;\n @media only screen and (max-width: 768px) {\n margin-right: 0;\n .CartnoBelowSm {\n display: none;\n }\n }\n"])));
|
|
6287
6672
|
|
|
6288
6673
|
function createCommonjsModule(fn, module) {
|
|
6289
6674
|
return module = { exports: {} }, fn(module, module.exports), module.exports;
|
|
@@ -7413,21 +7798,21 @@ var TotalAfterDiscount = function TotalAfterDiscount(_ref2) {
|
|
|
7413
7798
|
}, renderMoney(totalAmount)) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement("b", null, renderMoney(total))));
|
|
7414
7799
|
};
|
|
7415
7800
|
|
|
7416
|
-
var _templateObject$
|
|
7417
|
-
var ProductImage = styled__default.img(_templateObject$
|
|
7418
|
-
var ProductName = styled__default.h6(_templateObject2$
|
|
7801
|
+
var _templateObject$u, _templateObject2$m, _templateObject3$g, _templateObject4$d, _templateObject5$9, _templateObject6$7;
|
|
7802
|
+
var ProductImage = styled__default.img(_templateObject$u || (_templateObject$u = _taggedTemplateLiteralLoose(["\n min-width: 60px;\n min-height: 60px;\n object-fit: contain;\n @media only screen and (max-width: 600px) {\n margin: 0.5em 0;\n padding-right: 0.5em;\n }\n"])));
|
|
7803
|
+
var ProductName = styled__default.h6(_templateObject2$m || (_templateObject2$m = _taggedTemplateLiteralLoose(["\n font-size: ", ";\n padding: 0;\n line-height: 1.3em;\n overflow: hidden;\n text-overflow: ellipsis;\n height: fit-content;\n cursor: pointer;\n"])), function (props) {
|
|
7419
7804
|
return props.size || '1em';
|
|
7420
7805
|
});
|
|
7421
|
-
var CartTableRow = styled__default(material.TableRow)(_templateObject3$
|
|
7806
|
+
var CartTableRow = styled__default(material.TableRow)(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n position: relative;\n transition: 0.3s;\n background: white;\n /* &:hover {\n td:first-child,\n td:last-child {\n border-left-style: solid;\n border-top-style: solid;\n border-top-right-radius: 10px;\n }\n } */\n .outOfStock {\n font-size: 0.75em;\n color: red;\n text-transform: uppercase;\n font-weight: 500;\n }\n .price {\n font-size: ", ";\n font-weight: bold;\n color: #323232;\n /* font-size: 1.15em; */\n }\n .borderLeft {\n height: 100%;\n background: ", ";\n transition: 0.2s;\n width: 0px;\n position: absolute;\n left: 0;\n top: 0;\n border-top-left-radius: 10px;\n display: none;\n border-bottom-left-radius: 10px;\n }\n .cartCheckBox {\n &.Mui-checked {\n svg {\n color: ", ";\n }\n }\n }\n &:hover {\n background: white !important;\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);\n border-radius: 10px;\n /* opacity: 1;\n box-shadow: 1px 2px 6px 2px rgba(0, 0, 0, 0.2); */\n z-index: 2;\n /* border-radius: 20px; */\n .borderLeft {\n width: 12px;\n display: inline-block;\n }\n }\n @media only screen and (max-width: 600px) {\n .CartnoPaddingSm {\n padding: 0 !important;\n }\n .price {\n font-size: 0.8em;\n }\n margin: 0.5em 0;\n .cartCheckBox {\n .css-i4bv87-MuiSvgIcon-root {\n font-size: 10px !important;\n }\n }\n }\n"])), function (props) {
|
|
7422
7807
|
return props.size || '1.19em';
|
|
7423
7808
|
}, function (prop) {
|
|
7424
7809
|
return prop.bg;
|
|
7425
7810
|
}, function (prop) {
|
|
7426
7811
|
return prop.bg;
|
|
7427
7812
|
});
|
|
7428
|
-
var CartTableCell$1 = styled__default(material.TableCell)(_templateObject4$
|
|
7429
|
-
var QuantityBox = styled__default.div(_templateObject5$
|
|
7430
|
-
var DeleteBtn = styled__default.div(_templateObject6$
|
|
7813
|
+
var CartTableCell$1 = styled__default(material.TableCell)(_templateObject4$d || (_templateObject4$d = _taggedTemplateLiteralLoose(["\n && {\n border: none !important;\n font-size: 1em;\n }\n"])));
|
|
7814
|
+
var QuantityBox = styled__default.div(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteralLoose(["\n height: 30px;\n width: 86px;\n border: 1px solid rgb(211, 210, 210);\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: 13.5px;\n color: #323232;\n padding: 0 0.5rem;\n border-radius: 5px;\n max-width: 100%;\n .icon {\n cursor: pointer;\n height: 100%;\n display: grid;\n place-items: center;\n }\n .qt {\n font-size: 12px;\n color: black;\n font-weight: 500;\n cursor: auto;\n height: 100%;\n input {\n width: 40px;\n height: 100%;\n text-align: center;\n border: none;\n }\n }\n"])));
|
|
7815
|
+
var DeleteBtn = styled__default.div(_templateObject6$7 || (_templateObject6$7 = _taggedTemplateLiteralLoose(["\n display: grid;\n place-items: center;\n cursor: pointer;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n background: #eef1f4;\n color: #393f48;\n font-size: 0.75em;\n transition: 0.4s;\n &:hover {\n background: red;\n color: white;\n }\n"])));
|
|
7431
7816
|
var CardRow = function CardRow(_ref) {
|
|
7432
7817
|
var _styles$price, _styles$Btn;
|
|
7433
7818
|
var row = _ref.row,
|
|
@@ -7951,18 +8336,18 @@ function EnhancedTable(_ref2) {
|
|
|
7951
8336
|
}))))));
|
|
7952
8337
|
}
|
|
7953
8338
|
|
|
7954
|
-
var _templateObject$
|
|
7955
|
-
var CartPageCard = styled__default.div(_templateObject$
|
|
7956
|
-
var CartPageImg = styled__default.img(_templateObject2$
|
|
8339
|
+
var _templateObject$v, _templateObject2$n, _templateObject3$h, _templateObject4$e, _templateObject5$a, _templateObject6$8, _templateObject7$6;
|
|
8340
|
+
var CartPageCard = styled__default.div(_templateObject$v || (_templateObject$v = _taggedTemplateLiteralLoose(["\n // width: min(97%, 485px);\n width: 98%;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n padding: 1em;\n background: #ffffff;\n box-shadow: 0px 20px 35px rgba(0, 0, 0, 0.05);\n border-radius: 12px;\n position: relative;\n"])));
|
|
8341
|
+
var CartPageImg = styled__default.img(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n max-width: 60px;\n max-height: 60px;\n position: relative;\n margin-right: 0.5em;\n"])), function (props) {
|
|
7957
8342
|
return props.width || 'auto';
|
|
7958
8343
|
}, function (props) {
|
|
7959
8344
|
return props.height || 'auto';
|
|
7960
8345
|
});
|
|
7961
|
-
var NameAndQtBox = styled__default.div(_templateObject3$
|
|
7962
|
-
var CartPageCardName = styled__default.div(_templateObject4$
|
|
7963
|
-
var QtAndPriceBox = styled__default.div(_templateObject5$
|
|
7964
|
-
var CartPageQtBox = styled__default.div(_templateObject6$
|
|
7965
|
-
var CloseBtn = styled__default.div(_templateObject7$
|
|
8346
|
+
var NameAndQtBox = styled__default.div(_templateObject3$h || (_templateObject3$h = _taggedTemplateLiteralLoose(["\n width: 90%;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: space-between;\n position: relative;\n"])));
|
|
8347
|
+
var CartPageCardName = styled__default.div(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n width: 90%;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 0.6em;\n h6 {\n color: #323232;\n font-size: 0.9em;\n margin-bottom: 0.6em;\n line-height: 1.3em;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n p {\n font-size: 1.1em;\n font-weight: 600;\n color: #323232;\n }\n"])));
|
|
8348
|
+
var QtAndPriceBox = styled__default.div(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n width: 100%;\n font-size: 1.1em;\n"])));
|
|
8349
|
+
var CartPageQtBox = styled__default.div(_templateObject6$8 || (_templateObject6$8 = _taggedTemplateLiteralLoose(["\n height: 30px;\n width: 86px;\n border: 1px solid rgb(211, 210, 210);\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: 13.5px;\n color: #323232;\n padding: 0 0.5rem;\n border-radius: 5px;\n max-width: 100%;\n .icon {\n cursor: pointer;\n height: 100%;\n display: grid;\n place-items: center;\n }\n .qt {\n font-size: 12px;\n color: black;\n font-weight: 500;\n cursor: auto;\n height: 100%;\n input {\n width: 40px;\n height: 100%;\n text-align: center;\n border: none;\n }\n }\n"])));
|
|
8350
|
+
var CloseBtn = styled__default.div(_templateObject7$6 || (_templateObject7$6 = _taggedTemplateLiteralLoose(["\n width: 25px;\n height: 25px;\n display: grid;\n place-items: center;\n position: absolute;\n top: 1em;\n right: 1em;\n cursor: pointer;\n border-radius: 50%;\n background: #eef1f4;\n font-size: 12px;\n &:hover {\n color: #ffffff;\n background: red;\n }\n"])));
|
|
7966
8351
|
|
|
7967
8352
|
var CartPageProductCard = function CartPageProductCard(_ref) {
|
|
7968
8353
|
var item = _ref.item,
|
|
@@ -8180,23 +8565,23 @@ var CartPageMainRetail = function CartPageMainRetail(_ref) {
|
|
|
8180
8565
|
})))));
|
|
8181
8566
|
};
|
|
8182
8567
|
|
|
8183
|
-
var _templateObject$
|
|
8184
|
-
var CartSummaryContainer = styled__default.div(_templateObject$
|
|
8568
|
+
var _templateObject$w, _templateObject2$o, _templateObject3$i, _templateObject4$f, _templateObject5$b, _templateObject6$9, _templateObject7$7, _templateObject8$5;
|
|
8569
|
+
var CartSummaryContainer = styled__default.div(_templateObject$w || (_templateObject$w = _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) {
|
|
8185
8570
|
return props.background || '#667080';
|
|
8186
8571
|
}, function (props) {
|
|
8187
8572
|
return props.color || 'white';
|
|
8188
8573
|
}, function (props) {
|
|
8189
8574
|
return props.color || 'white';
|
|
8190
8575
|
});
|
|
8191
|
-
var CartSummaryRow = styled__default.div(_templateObject2$
|
|
8576
|
+
var CartSummaryRow = styled__default.div(_templateObject2$o || (_templateObject2$o = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n flex-direction: row;\n justify-content: ", ";\n align-items: center;\n color: inherit;\n h6,\n h5 {\n margin: 0;\n font-size: 1em;\n font-weight: 700;\n color: inherit;\n text-transform: capitalize;\n }\n h5 {\n font-size: ", ";\n }\n"])), function (props) {
|
|
8192
8577
|
return props.justify || 'space-between';
|
|
8193
8578
|
}, function (props) {
|
|
8194
8579
|
return props.h5 || '1.31em';
|
|
8195
8580
|
});
|
|
8196
|
-
var CartSummaryHr = styled__default.span(_templateObject3$
|
|
8581
|
+
var CartSummaryHr = styled__default.span(_templateObject3$i || (_templateObject3$i = _taggedTemplateLiteralLoose(["\n border: none;\n width: 100%;\n height: 1px;\n background-color: ", ";\n margin: 1em 0;\n"])), function (props) {
|
|
8197
8582
|
return props.color || 'rgba(255, 255, 255, 0.5)';
|
|
8198
8583
|
});
|
|
8199
|
-
var CartSummaryInputBox = styled__default.form(_templateObject4$
|
|
8584
|
+
var CartSummaryInputBox = styled__default.form(_templateObject4$f || (_templateObject4$f = _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) {
|
|
8200
8585
|
return props.paddingBottom ? '0' : '0';
|
|
8201
8586
|
}, function (props) {
|
|
8202
8587
|
return props.background || '#bfc3ca';
|
|
@@ -8211,16 +8596,16 @@ var CartSummaryInputBox = styled__default.form(_templateObject4$e || (_templateO
|
|
|
8211
8596
|
}, function (props) {
|
|
8212
8597
|
return props.btn || '#393f48';
|
|
8213
8598
|
});
|
|
8214
|
-
var DiscountCouponContainer = styled__default.div(_templateObject5$
|
|
8215
|
-
var DiscountCouponCard = styled__default.div(_templateObject6$
|
|
8599
|
+
var DiscountCouponContainer = styled__default.div(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteralLoose(["\n padding-top: 0.5rem;\n width: 100%;\n max-height: 200px;\n overflow: auto;\n"])));
|
|
8600
|
+
var DiscountCouponCard = styled__default.div(_templateObject6$9 || (_templateObject6$9 = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0.3rem;\n button {\n color: ", ";\n font-size: 1rem;\n padding: 0;\n &:hover {\n color: red;\n }\n }\n"])), function (props) {
|
|
8216
8601
|
return props.btn || '#393f48';
|
|
8217
8602
|
});
|
|
8218
|
-
var CartSummaryCheckoutBtn = styled__default.button(_templateObject7$
|
|
8603
|
+
var CartSummaryCheckoutBtn = styled__default.button(_templateObject7$7 || (_templateObject7$7 = _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) {
|
|
8219
8604
|
return props.background || '#393f48';
|
|
8220
8605
|
}, function (props) {
|
|
8221
8606
|
return props.color || 'inherit';
|
|
8222
8607
|
});
|
|
8223
|
-
var CartSummaryCheckBoxRow = styled__default(CartSummaryRow)(_templateObject8$
|
|
8608
|
+
var CartSummaryCheckBoxRow = styled__default(CartSummaryRow)(_templateObject8$5 || (_templateObject8$5 = _taggedTemplateLiteralLoose(["\n justify-content: flex-start;\n margin-left: 1em;\n margin-top: 1em;\n cursor: pointer;\n .checkBox {\n width: 0.63em;\n height: 0.63em;\n border: 1px solid;\n border-color: ", ";\n background: transparent;\n margin-right: 0.5em;\n border-radius: 50%;\n background: ", ";\n }\n p {\n font-size: 1em;\n font-weight: 6 400;\n span {\n font-weight: 600;\n margin: 0 0.1em;\n }\n .underline {\n font-weight: 400;\n text-decoration: underline;\n }\n }\n"])), function (props) {
|
|
8224
8609
|
return props.background || 'white';
|
|
8225
8610
|
}, function (props) {
|
|
8226
8611
|
return props.selected ? props.background : 'transparent';
|
|
@@ -8627,12 +9012,12 @@ var checkMinMaxQty = function checkMinMaxQty(_ref2) {
|
|
|
8627
9012
|
return quantityReturn;
|
|
8628
9013
|
};
|
|
8629
9014
|
|
|
8630
|
-
var _templateObject$
|
|
8631
|
-
var CartDrawerProduct = styled__default.div(_templateObject$
|
|
9015
|
+
var _templateObject$x, _templateObject2$p, _templateObject3$j;
|
|
9016
|
+
var CartDrawerProduct = styled__default.div(_templateObject$x || (_templateObject$x = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-width: 100%;\n display: flex;\n flex-direction: row;\n height: 100px;\n justify-content: space-around;\n align-items: center;\n overflow: hidden;\n margin-bottom: 1rem;\n user-select: none;\n background: #f2f2f290;\n border: 1px solid #f2f2f290;\n padding: 0.5rem;\n border-radius: 12px;\n box-sizing: border-box;\n\n img {\n width: 20%;\n max-height: 100%;\n /* aspect-ratio: 1; */\n object-fit: contain;\n }\n .middleSection {\n width: 60%;\n padding-left: 0.8rem;\n height: 100%;\n h6 {\n font-size: 1.1rem;\n font-weight: bold;\n margin: 0;\n }\n .name {\n font-size: 0.9rem;\n line-height: 1.2rem;\n width: 100%;\n word-wrap: break-word;\n overflow: hidden;\n text-overflow: ellipsis;\n transition: 0.3s;\n cursor: pointer;\n &:hover {\n color: ", ";\n }\n }\n }\n .endSection {\n // width: 20%;\n height: 95%;\n .icon {\n cursor: pointer;\n transition: 0.4s;\n &:hover {\n color: red;\n }\n }\n }\n @media only screen and (max-width: 768px) {\n .closeIcon {\n font-size: 1rem;\n }\n }\n @media only screen and (max-width: 340px) {\n .middleSection {\n h6 {\n font-size: 0.9rem;\n }\n }\n }\n"])), function (props) {
|
|
8632
9017
|
return props.color || 'grey';
|
|
8633
9018
|
});
|
|
8634
|
-
var CartDrawerQtBox = styled__default.div(_templateObject2$
|
|
8635
|
-
var CartDrawerLoader = styled__default.div(_templateObject3$
|
|
9019
|
+
var CartDrawerQtBox = styled__default.div(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteralLoose(["\n height: 30px;\n width: 86px;\n border: 1px solid rgb(211, 210, 210);\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: 13.5px;\n color: #323232;\n padding: 0 0.5rem;\n border-radius: 5px;\n max-width: 100%;\n span {\n cursor: pointer;\n height: 100%;\n display: grid;\n place-items: center;\n }\n .qt {\n font-size: 12px;\n color: black;\n font-weight: 500;\n cursor: auto;\n input {\n width: 40px;\n height: 100%;\n text-align: center;\n border: none;\n }\n }\n @media only screen and (max-width: 600px) {\n min-width: 55px;\n aspect-ratio: 1/2;\n font-size: 10px;\n }\n @media only screen and (max-width: 340px) {\n min-width: 50px;\n aspect-ratio: 1/2;\n height: 22px;\n font-size: 8px;\n }\n"])));
|
|
9020
|
+
var CartDrawerLoader = styled__default.div(_templateObject3$j || (_templateObject3$j = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 30%;\n width: 100px;\n height: 100px;\n display: grid;\n place-items: center;\n"])));
|
|
8636
9021
|
|
|
8637
9022
|
var CartDrawerProductCard = function CartDrawerProductCard(_ref) {
|
|
8638
9023
|
var product = _ref.product,
|
|
@@ -8893,7 +9278,7 @@ var GTagManager = function GTagManager(_ref) {
|
|
|
8893
9278
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
8894
9279
|
};
|
|
8895
9280
|
|
|
8896
|
-
var _templateObject$
|
|
9281
|
+
var _templateObject$y, _templateObject2$q, _templateObject3$k, _templateObject4$g, _templateObject5$c, _templateObject6$a;
|
|
8897
9282
|
var OutOfStock = function OutOfStock(_ref) {
|
|
8898
9283
|
var _product$body, _product$body$content, _product$body2, _product$body2$conten, _product$masterProduc, _product$header;
|
|
8899
9284
|
var product = _ref.product,
|
|
@@ -9124,13 +9509,13 @@ var OutOfStock = function OutOfStock(_ref) {
|
|
|
9124
9509
|
}
|
|
9125
9510
|
}), /*#__PURE__*/React__default.createElement("span", null, subscribed ? 'Subscribed Successfully' : 'Subscribe')))))));
|
|
9126
9511
|
};
|
|
9127
|
-
var VariantsContainer = styled__default.div(_templateObject$
|
|
9128
|
-
var MainCheckbox = styled__default(Checkbox)(_templateObject2$
|
|
9512
|
+
var VariantsContainer = styled__default.div(_templateObject$y || (_templateObject$y = _taggedTemplateLiteralLoose(["\n ::-webkit-scrollbar {\n -webkit-appearance: none;\n width: 5px;\n }\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: rgba(178, 169, 169, 1);\n box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n }\n"])));
|
|
9513
|
+
var MainCheckbox = styled__default(Checkbox)(_templateObject2$q || (_templateObject2$q = _taggedTemplateLiteralLoose(["\n &.Mui-checked,\n &.MuiCheckbox-indeterminate {\n color: ", ";\n }\n"])), function (props) {
|
|
9129
9514
|
return props.theme.primaryColor;
|
|
9130
9515
|
});
|
|
9131
|
-
var EmailInput = styled__default(InputBase)(_templateObject3$
|
|
9132
|
-
var Root$a = styled__default.div(_templateObject4$
|
|
9133
|
-
var ContainerDiv = styled__default.div(_templateObject5$
|
|
9516
|
+
var EmailInput = styled__default(InputBase)(_templateObject3$k || (_templateObject3$k = _taggedTemplateLiteralLoose(["\n border: 1px solid #a9a9a9;\n padding: 3px 10px;\n fontsize: 12px;\n width: 100%;\n border-radius: 3px;\n"])));
|
|
9517
|
+
var Root$a = styled__default.div(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose(["\n width: 100%;\n border: 1px solid #d3d3d3;\n border-radius: 3px;\n box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);\n padding: 10px;\n"])));
|
|
9518
|
+
var ContainerDiv = styled__default.div(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteralLoose(["\n display: flex;\n font-size: 14px;\n height: ", ";\n margin: ", ";\n width: 100%;\n flex-direction: ", ";\n align-items: ", ";\n justify-content: ", ";\n color: #000000de;\n"])), function (props) {
|
|
9134
9519
|
return props.height ? props.height : 'auto';
|
|
9135
9520
|
}, function (props) {
|
|
9136
9521
|
return props.margin ? props.margin : '0.3rem 0';
|
|
@@ -9141,7 +9526,7 @@ var ContainerDiv = styled__default.div(_templateObject5$b || (_templateObject5$b
|
|
|
9141
9526
|
}, function (props) {
|
|
9142
9527
|
return props.justifyContent ? props.justifyContent : 'default';
|
|
9143
9528
|
});
|
|
9144
|
-
var StyledSubscribe = styled__default.button(_templateObject6$
|
|
9529
|
+
var StyledSubscribe = styled__default.button(_templateObject6$a || (_templateObject6$a = _taggedTemplateLiteralLoose(["\n align-items: center;\n background: ", ";\n border-radius: 3px;\n color: #fff;\n display: flex;\n justify-content: center;\n padding: ", ";\n border: none;\n outline: none;\n font-weight: 600;\n cursor: ", ";\n opacity: ", ";\n width: ", ";\n pointer-events: ", ";\n span {\n white-space: nowrap;\n font-size: ", ";\n margin-left: 10px;\n }\n &:hover {\n opacity: ", ";\n }\n margin: 0px;\n margin-left: 1%;\n text-transform: uppercase;\n pointer-events: ", ";\n span {\n margin: 0px 10px;\n }\n"])), function (props) {
|
|
9145
9530
|
return props.theme.primaryColor;
|
|
9146
9531
|
}, function (props) {
|
|
9147
9532
|
return props.padding ? props.padding : '5px 15px';
|
|
@@ -9161,15 +9546,15 @@ var StyledSubscribe = styled__default.button(_templateObject6$9 || (_templateObj
|
|
|
9161
9546
|
return props.Loading || props.subscribed ? 'none' : 'auto';
|
|
9162
9547
|
});
|
|
9163
9548
|
|
|
9164
|
-
var _templateObject$
|
|
9549
|
+
var _templateObject$z;
|
|
9165
9550
|
var NoData = function NoData(_ref) {
|
|
9166
9551
|
_objectDestructuringEmpty(_ref);
|
|
9167
9552
|
return /*#__PURE__*/React__default.createElement(CustomNoRowsOverlay, null);
|
|
9168
9553
|
};
|
|
9169
|
-
var Container = styled__default.div(_templateObject$
|
|
9554
|
+
var Container$1 = styled__default.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n & .ant-empty-img-1 {\n fill: #aeb8c2;\n }\n & .ant-empty-img-2 {\n fill: #f5f5f7;\n }\n & .ant-empty-img-3 {\n fill: #dce0e6;\n }\n & .ant-empty-img-4 {\n fill: #fff;\n }\n & ant-empty-img-5 {\n fill-opacity: 0.8;\n fill: #f5f5f5;\n }\n"])));
|
|
9170
9555
|
var CustomNoRowsOverlay = function CustomNoRowsOverlay(_ref2) {
|
|
9171
9556
|
_objectDestructuringEmpty(_ref2);
|
|
9172
|
-
return /*#__PURE__*/React__default.createElement(Container, null, /*#__PURE__*/React__default.createElement("svg", {
|
|
9557
|
+
return /*#__PURE__*/React__default.createElement(Container$1, null, /*#__PURE__*/React__default.createElement("svg", {
|
|
9173
9558
|
width: "120",
|
|
9174
9559
|
height: "100",
|
|
9175
9560
|
viewBox: "0 0 184 152",
|
|
@@ -9633,28 +10018,28 @@ var AsyncSelect = function AsyncSelect(_ref3) {
|
|
|
9633
10018
|
return /*#__PURE__*/React__default.createElement(AsyncSelectField, props);
|
|
9634
10019
|
};
|
|
9635
10020
|
|
|
9636
|
-
var _templateObject$
|
|
9637
|
-
var Container$
|
|
10021
|
+
var _templateObject$A;
|
|
10022
|
+
var Container$2 = styled__default.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose([""])));
|
|
9638
10023
|
|
|
9639
|
-
var _templateObject$
|
|
9640
|
-
var ProductImage$1 = styled__default.img(_templateObject$
|
|
9641
|
-
var ProductName$1 = styled__default.h6(_templateObject2$
|
|
10024
|
+
var _templateObject$B, _templateObject2$r, _templateObject3$l, _templateObject4$h, _templateObject5$d, _templateObject6$b;
|
|
10025
|
+
var ProductImage$1 = styled__default.img(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose(["\n min-width: 50px;\n min-height: 50px;\n object-fit: contain;\n @media only screen and (max-width: 600px) {\n margin: 0.5em 0;\n padding-right: 0.5em;\n }\n"])));
|
|
10026
|
+
var ProductName$1 = styled__default.h6(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteralLoose(["\n font-size: ", ";\n padding: 0;\n line-height: 1.3em;\n max-height: ", ";\n height: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n height: fit-content;\n"])), function (props) {
|
|
9642
10027
|
return props.size || '1em';
|
|
9643
10028
|
}, function (props) {
|
|
9644
10029
|
return props.maxHeight ? props.maxHeight + "em" : '2.75em';
|
|
9645
10030
|
}, function (props) {
|
|
9646
10031
|
return props.maxHeight ? props.maxHeight + "em" : '2.80em';
|
|
9647
10032
|
});
|
|
9648
|
-
var CartTableRow$1 = styled__default(material.TableRow)(_templateObject3$
|
|
10033
|
+
var CartTableRow$1 = styled__default(material.TableRow)(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteralLoose(["\n position: relative;\n transition: 0.3s;\n background: white;\n /* &:hover {\n td:first-child,\n td:last-child {\n border-left-style: solid;\n border-top-style: solid;\n border-top-right-radius: 10px;\n }\n } */\n .outOfStock {\n font-size: 0.75em;\n color: red;\n text-transform: uppercase;\n font-weight: 500;\n }\n .price {\n font-size: ", ";\n font-weight: bold;\n color: #323232;\n /* font-size: 1.15em; */\n }\n .borderLeft {\n height: 100%;\n background: ", ";\n transition: 0.2s;\n width: 0px;\n position: absolute;\n left: 0;\n top: 0;\n border-top-left-radius: 10px;\n display: none;\n border-bottom-left-radius: 10px;\n }\n .cartCheckBox {\n &.Mui-checked {\n svg {\n color: ", ";\n }\n }\n }\n &:hover {\n background: white !important;\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);\n border-radius: 10px;\n /* opacity: 1;\n box-shadow: 1px 2px 6px 2px rgba(0, 0, 0, 0.2); */\n z-index: 2;\n /* border-radius: 20px; */\n .borderLeft {\n width: 12px;\n display: inline-block;\n }\n }\n @media only screen and (max-width: 600px) {\n .CartnoPaddingSm {\n padding: 0 !important;\n }\n .price {\n font-size: 0.8em;\n }\n margin: 0.5em 0;\n .cartCheckBox {\n .css-i4bv87-MuiSvgIcon-root {\n font-size: 10px !important;\n }\n }\n }\n"])), function (props) {
|
|
9649
10034
|
return props.size || '1.19em';
|
|
9650
10035
|
}, function (prop) {
|
|
9651
10036
|
return prop.bg;
|
|
9652
10037
|
}, function (prop) {
|
|
9653
10038
|
return prop.bg;
|
|
9654
10039
|
});
|
|
9655
|
-
var CartTableCell$2 = styled__default(material.TableCell)(_templateObject4$
|
|
9656
|
-
var QuantityBox$1 = styled__default.div(_templateObject5$
|
|
9657
|
-
var DeleteBtn$1 = styled__default.div(_templateObject6$
|
|
10040
|
+
var CartTableCell$2 = styled__default(material.TableCell)(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose(["\n && {\n border: none !important;\n font-size: 1em;\n }\n"])));
|
|
10041
|
+
var QuantityBox$1 = styled__default.div(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteralLoose(["\n height: 1.7em;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n div {\n /* width:30px; */\n min-height: 100%;\n aspect-ratio: 1.15/1;\n display: grid;\n place-items: center;\n font-size: 0.65em;\n color: white;\n background-color: #323232;\n cursor: pointer;\n }\n .price {\n background: transparent;\n cursor: auto;\n background: #ffffff;\n border: 1px solid #ebebeb;\n p {\n color: #5e5c5c;\n font-size: 0.685em;\n font-weight: 500;\n }\n }\n .add {\n background-color: #ebebeb;\n color: #323232;\n }\n"])));
|
|
10042
|
+
var DeleteBtn$1 = styled__default.div(_templateObject6$b || (_templateObject6$b = _taggedTemplateLiteralLoose(["\n display: grid;\n place-items: center;\n cursor: pointer;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n background: #eef1f4;\n color: #393f48;\n font-size: 0.75em;\n transition: 0.4s;\n &:hover {\n background: red;\n color: white;\n }\n"])));
|
|
9658
10043
|
var CardRow$1 = function CardRow(_ref) {
|
|
9659
10044
|
var _styles$price, _styles$Btn, _row$standardPrice, _row$subtotal;
|
|
9660
10045
|
var row = _ref.row,
|
|
@@ -9772,13 +10157,13 @@ var CardRow$1 = function CardRow(_ref) {
|
|
|
9772
10157
|
}))));
|
|
9773
10158
|
};
|
|
9774
10159
|
|
|
9775
|
-
var _templateObject$
|
|
9776
|
-
var CartPageSection$1 = styled__default.section(_templateObject$
|
|
10160
|
+
var _templateObject$C, _templateObject2$s, _templateObject3$m, _templateObject4$i, _templateObject5$e, _templateObject6$c, _templateObject7$8, _templateObject8$6, _templateObject9$5;
|
|
10161
|
+
var CartPageSection$1 = styled__default.section(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose(["\n background: ", ";\n max-width: 100%;\n width: fit-content;\n background: ", ";\n overflow: hidden;\n border-radius: 28px;\n\n @media screen and (max-width: 1200px) {\n padding: 0 1em;\n }\n @media screen and (max-width: 600px) {\n padding: 0 1em;\n }\n"])), function (props) {
|
|
9777
10162
|
return props.bg;
|
|
9778
10163
|
}, function (props) {
|
|
9779
10164
|
return props.bg || '#FAE8E5';
|
|
9780
10165
|
});
|
|
9781
|
-
var CartPageContainer$1 = styled__default.div(_templateObject2$
|
|
10166
|
+
var CartPageContainer$1 = styled__default.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) {
|
|
9782
10167
|
return props.maxWidth || '1600px';
|
|
9783
10168
|
}, function (props) {
|
|
9784
10169
|
return "min(" + (props.maxWidth || '1600px') + ",100%)";
|
|
@@ -9789,16 +10174,16 @@ var CartPageContainer$1 = styled__default.div(_templateObject2$r || (_templateOb
|
|
|
9789
10174
|
}, function (props) {
|
|
9790
10175
|
return props.color || '#BFC3CA';
|
|
9791
10176
|
});
|
|
9792
|
-
var CardsBox$1 = styled__default.div(_templateObject3$
|
|
10177
|
+
var CardsBox$1 = styled__default.div(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteralLoose(["\n width: 100%;\n /* min-height: 1000px; */\n position: relative;\n max-width: 860px;\n margin-right: auto;\n padding: 1em 2em;\n display: ", ";\n grid-template-columns: 1fr 1fr;\n flex-direction: column;\n align-items: flex-start;\n grid-gap: 1em;\n justify-content: flex-start;\n align-items: center;\n border-radius: 20px;\n @media only screen and (max-width: 900px) {\n display: flex;\n }\n @media only screen and (max-width: 600px) {\n padding: 1em 0.2em;\n }\n"])), function (props) {
|
|
9793
10178
|
return props.retail ? 'grid' : 'flex';
|
|
9794
10179
|
});
|
|
9795
|
-
var CartHeading$1 = styled__default.div(_templateObject4$
|
|
10180
|
+
var CartHeading$1 = styled__default.div(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n /* margin-bottom: 2em; */\n margin-left: 2.3em;\n margin-top: 2em;\n\n color: ", ";\n h1 {\n font-weight: 600;\n font-size: 2.0375em;\n text-transform: capitalize;\n color: ", ";\n /* margin-bottom: 1em; */\n }\n p {\n font-size: 0.875em;\n color: inherit;\n margin-top: 0.5em;\n }\n"])), function (props) {
|
|
9796
10181
|
return props.color || 'black';
|
|
9797
10182
|
}, function (props) {
|
|
9798
10183
|
return props.h1 || 'inherit';
|
|
9799
10184
|
});
|
|
9800
|
-
var Loader$2 = styled__default.div(_templateObject5$
|
|
9801
|
-
var CartTableCell$3 = styled__default(material.TableCell)(_templateObject6$
|
|
10185
|
+
var Loader$2 = styled__default.div(_templateObject5$e || (_templateObject5$e = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 40%;\n left: 47%;\n display: grid;\n place-items: center;\n z-index: 3;\n"])));
|
|
10186
|
+
var CartTableCell$3 = styled__default(material.TableCell)(_templateObject6$c || (_templateObject6$c = _taggedTemplateLiteralLoose(["\n && {\n padding-bottom: 1em !important;\n // border: none !important;\n /* font-size: 0.75em; */\n font-size: 1em;\n color: rgba(98, 95, 95, 1);\n // background: ", ";\n color: ", ";\n }\n &.bg-transparent {\n // background-color: transparent !important;\n text-transform: uppercase;\n span {\n font-size: 0.75em;\n font-weight: 600;\n }\n svg {\n color: ", ";\n }\n .MuiTableSortLabel-root {\n color: ", "!important;\n }\n }\n"])), function (props) {
|
|
9802
10187
|
return "" + props.bg;
|
|
9803
10188
|
}, function (props) {
|
|
9804
10189
|
return "" + props.color || 'inherit';
|
|
@@ -9807,17 +10192,17 @@ var CartTableCell$3 = styled__default(material.TableCell)(_templateObject6$b ||
|
|
|
9807
10192
|
}, function (props) {
|
|
9808
10193
|
return "" + props.color || 'inherit';
|
|
9809
10194
|
});
|
|
9810
|
-
var CartTableContainer$1 = styled__default(material.TableContainer)(_templateObject7$
|
|
10195
|
+
var CartTableContainer$1 = styled__default(material.TableContainer)(_templateObject7$8 || (_templateObject7$8 = _taggedTemplateLiteralLoose(["\n max-height: 580px;\n padding-right: 1.5em;\n overflow: inherit !important;\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) {
|
|
9811
10196
|
return props.bg || '#fdccc480';
|
|
9812
10197
|
}, function (props) {
|
|
9813
10198
|
return props.color || 'red';
|
|
9814
10199
|
});
|
|
9815
|
-
var CartButtonsRow$1 = styled__default.div(_templateObject8$
|
|
10200
|
+
var CartButtonsRow$1 = styled__default.div(_templateObject8$6 || (_templateObject8$6 = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding-right: 1.85em;\n button {\n display: flex;\n align-items: center;\n background: ", ";\n color: ", ";\n padding: 0.5em 1em;\n margin-left: 1em;\n font-size: 0.85em;\n text-transform: uppercase;\n border: none;\n cursor: pointer;\n transition: 0.4s;\n font-size: 1rem;\n font-weight: 600;\n svg {\n margin-right: 0.4rem;\n }\n &:hover {\n transform: scale(0.95);\n }\n }\n"])), function (props) {
|
|
9816
10201
|
return props.bg || 'rgba(107, 106, 106, 1)';
|
|
9817
10202
|
}, function (props) {
|
|
9818
10203
|
return props.color || 'white';
|
|
9819
10204
|
});
|
|
9820
|
-
var CartPageBox$1 = styled__default.div(_templateObject9$
|
|
10205
|
+
var CartPageBox$1 = styled__default.div(_templateObject9$5 || (_templateObject9$5 = _taggedTemplateLiteralLoose(["\n max-width: 100%;\n @media only screen and (max-width: 768px) {\n margin-right: 0;\n .CartnoBelowSm {\n display: none;\n }\n }\n"])));
|
|
9821
10206
|
|
|
9822
10207
|
var headCells$1 = [{
|
|
9823
10208
|
id: 'image',
|
|
@@ -10144,7 +10529,7 @@ var QuickOrder = function QuickOrder(_ref) {
|
|
|
10144
10529
|
};
|
|
10145
10530
|
return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
|
|
10146
10531
|
theme: colors
|
|
10147
|
-
}, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Container$
|
|
10532
|
+
}, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Container$2, null, /*#__PURE__*/React__default.createElement(AsyncSelect, {
|
|
10148
10533
|
placeholder: 'Search Product',
|
|
10149
10534
|
minSearchChar: 3,
|
|
10150
10535
|
apiData: searchProductAPIData(),
|
|
@@ -10222,7 +10607,7 @@ var SnowfallComponent = function SnowfallComponent(_ref) {
|
|
|
10222
10607
|
}) : null;
|
|
10223
10608
|
};
|
|
10224
10609
|
|
|
10225
|
-
var _templateObject$
|
|
10610
|
+
var _templateObject$D, _templateObject2$t;
|
|
10226
10611
|
var ContactUsForm = function ContactUsForm(_ref) {
|
|
10227
10612
|
var apiEndPoint = _ref.apiEndPoint,
|
|
10228
10613
|
serviceApiEndPoint = _ref.serviceApiEndPoint,
|
|
@@ -10347,15 +10732,15 @@ var ContactUsForm = function ContactUsForm(_ref) {
|
|
|
10347
10732
|
}
|
|
10348
10733
|
}, "Submit"))));
|
|
10349
10734
|
};
|
|
10350
|
-
var TypographyContainer$8 = styled__default(material.Typography)(_templateObject$
|
|
10735
|
+
var TypographyContainer$8 = styled__default(material.Typography)(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n font-size: 1.2rem !important;\n align-items: center;\n"])), function (props) {
|
|
10351
10736
|
return props.fontColor;
|
|
10352
10737
|
});
|
|
10353
|
-
var RootContainer$3 = styled__default(material.Stack)(_templateObject2$
|
|
10738
|
+
var RootContainer$3 = styled__default(material.Stack)(_templateObject2$t || (_templateObject2$t = _taggedTemplateLiteralLoose(["\n background-color: ", " !important;\n border-radius: 14px !important;\n padding: 1.3rem;\n margin-bottom: 1rem;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n p {\n margin: 0 !important;\n }\n"])), function (props) {
|
|
10354
10739
|
return props.secondaryColor;
|
|
10355
10740
|
});
|
|
10356
10741
|
|
|
10357
|
-
var _templateObject$
|
|
10358
|
-
var StaticContainer = styled__default.div(_templateObject$
|
|
10742
|
+
var _templateObject$E;
|
|
10743
|
+
var StaticContainer = styled__default.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n padding: 1rem;\n width: 100%;\n color: ", ";\n .top-bar {\n background-color: #f5f5f5;\n padding: 1rem;\n text-align: center;\n font-size: 3.2rem;\n font-weight: bold;\n text-transform: uppercase;\n color: ", ";\n @media only screen and (max-width: 769px) {\n font-size: 1.5rem;\n }\n }\n .route-bar {\n text-transform: capitalize;\n p {\n padding: 0;\n word-spacing: 5px;\n display: flex;\n align-items: center;\n color: ", ";\n }\n }\n .data-container {\n margin: auto;\n }\n hr {\n border-bottom: 2px solid #eceff8;\n border-top: 0px;\n margin: 1rem 0;\n }\n li {\n margin-left: 1rem;\n }\n a {\n color: ", ";\n }\n p {\n font-size: 1.2rem;\n margin: 1rem 0;\n width: 100%;\n color: ", ";\n }\n"])), function (props) {
|
|
10359
10744
|
return props.theme.fontColor || '#606060';
|
|
10360
10745
|
}, function (props) {
|
|
10361
10746
|
return props.theme.primaryColor;
|
|
@@ -10367,7 +10752,7 @@ var StaticContainer = styled__default.div(_templateObject$D || (_templateObject$
|
|
|
10367
10752
|
return props.theme.fontColor || '#606060';
|
|
10368
10753
|
});
|
|
10369
10754
|
|
|
10370
|
-
var _templateObject$
|
|
10755
|
+
var _templateObject$F;
|
|
10371
10756
|
var APIStaticPage = function APIStaticPage(_ref) {
|
|
10372
10757
|
var _ref$colors = _ref.colors,
|
|
10373
10758
|
colors = _ref$colors === void 0 ? {
|
|
@@ -10555,10 +10940,10 @@ var APIStaticPage = function APIStaticPage(_ref) {
|
|
|
10555
10940
|
}
|
|
10556
10941
|
}, "Not found"))));
|
|
10557
10942
|
};
|
|
10558
|
-
var Root$b = styled__default(material.Box)(_templateObject$
|
|
10943
|
+
var Root$b = styled__default(material.Box)(_templateObject$F || (_templateObject$F = _taggedTemplateLiteralLoose(["\n img {\n max-width: 100%;\n }\n"])));
|
|
10559
10944
|
|
|
10560
|
-
var _templateObject$
|
|
10561
|
-
var StaticContainer$1 = styled__default.div(_templateObject$
|
|
10945
|
+
var _templateObject$G;
|
|
10946
|
+
var StaticContainer$1 = styled__default.div(_templateObject$G || (_templateObject$G = _taggedTemplateLiteralLoose(["\n padding: 1rem;\n width: 100%;\n color: ", ";\n .top-bar {\n background-color: #f5f5f5;\n padding: 1rem;\n text-align: center;\n font-size: 3.2rem;\n font-weight: bold;\n text-transform: uppercase;\n color: ", ";\n @media only screen and (max-width: 769px) {\n font-size: 1.5rem;\n }\n }\n .route-bar {\n text-transform: capitalize;\n p {\n padding: 0;\n word-spacing: 5px;\n display: flex;\n align-items: center;\n color: ", ";\n }\n }\n .data-container {\n margin: auto;\n }\n hr {\n border-bottom: 2px solid #eceff8;\n border-top: 0px;\n margin: 1rem 0;\n }\n li {\n margin-left: 1rem;\n }\n a {\n color: ", ";\n }\n p {\n margin: 1rem 0;\n width: 100%;\n color: ", ";\n }\n"])), function (props) {
|
|
10562
10947
|
return props.theme.fontColor || '#606060';
|
|
10563
10948
|
}, function (props) {
|
|
10564
10949
|
return props.theme.primaryColor;
|
|
@@ -10570,7 +10955,7 @@ var StaticContainer$1 = styled__default.div(_templateObject$F || (_templateObjec
|
|
|
10570
10955
|
return props.theme.fontColor || '#606060';
|
|
10571
10956
|
});
|
|
10572
10957
|
|
|
10573
|
-
var _templateObject$
|
|
10958
|
+
var _templateObject$H;
|
|
10574
10959
|
var StaticPage = function StaticPage(_ref) {
|
|
10575
10960
|
var _data$content;
|
|
10576
10961
|
var _ref$colors = _ref.colors,
|
|
@@ -10638,9 +11023,9 @@ var StaticPage = function StaticPage(_ref) {
|
|
|
10638
11023
|
referrerPolicy: "no-referrer-when-downgrade"
|
|
10639
11024
|
})))));
|
|
10640
11025
|
};
|
|
10641
|
-
var Root$c = styled__default(material.Box)(_templateObject$
|
|
11026
|
+
var Root$c = styled__default(material.Box)(_templateObject$H || (_templateObject$H = _taggedTemplateLiteralLoose([""])));
|
|
10642
11027
|
|
|
10643
|
-
var _templateObject$
|
|
11028
|
+
var _templateObject$I;
|
|
10644
11029
|
var StaticPageList = function StaticPageList(_ref) {
|
|
10645
11030
|
var _sortBy;
|
|
10646
11031
|
var apiEndPoint = _ref.apiEndPoint,
|
|
@@ -10748,7 +11133,7 @@ var StaticPageList = function StaticPageList(_ref) {
|
|
|
10748
11133
|
}
|
|
10749
11134
|
}, "Not found")))));
|
|
10750
11135
|
};
|
|
10751
|
-
var TitleContainer$2 = styled__default.div(_templateObject$
|
|
11136
|
+
var TitleContainer$2 = styled__default.div(_templateObject$I || (_templateObject$I = _taggedTemplateLiteralLoose(["\n padding: 1.2rem;\n cursor: pointer;\n color: #323232;\n img {\n max-width: 100%;\n }\n &:hover {\n img {\n transform: scale(1.01);\n }\n }\n"])));
|
|
10752
11137
|
|
|
10753
11138
|
var _excluded$6 = ["userName", "children", "style"];
|
|
10754
11139
|
var colors$1 = ['#FFB900', '#D83B01', '#B50E0E', '#E81123', '#B4009E', '#5C2D91', '#0078D7', '#00B4FF', '#008272', '#107C10'];
|
|
@@ -10784,7 +11169,7 @@ var Avatar = function Avatar(_ref) {
|
|
|
10784
11169
|
}));
|
|
10785
11170
|
};
|
|
10786
11171
|
|
|
10787
|
-
var _templateObject$
|
|
11172
|
+
var _templateObject$J, _templateObject2$u;
|
|
10788
11173
|
var SwitchUser = function SwitchUser(_ref) {
|
|
10789
11174
|
var _customerData$filter, _customerData$filter$;
|
|
10790
11175
|
var apiEndPoint = _ref.apiEndPoint,
|
|
@@ -10871,14 +11256,14 @@ var SwitchUser = function SwitchUser(_ref) {
|
|
|
10871
11256
|
}, /*#__PURE__*/React__default.createElement(ai.AiOutlineShop, null), /*#__PURE__*/React__default.createElement("span", null, (item === null || item === void 0 ? void 0 : item.dbaName) || (item === null || item === void 0 ? void 0 : item.company)))));
|
|
10872
11257
|
}))));
|
|
10873
11258
|
};
|
|
10874
|
-
var RootContainer$4 = styled__default.div(_templateObject$
|
|
10875
|
-
var CustomerContainer = styled__default.div(_templateObject2$
|
|
11259
|
+
var RootContainer$4 = styled__default.div(_templateObject$J || (_templateObject$J = _taggedTemplateLiteralLoose(["\n margin: auto;\n padding: 2.4rem;\n max-width: 1920px;\n"])));
|
|
11260
|
+
var CustomerContainer = styled__default.div(_templateObject2$u || (_templateObject2$u = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n transition: all 0.5s;\n padding: 1.1rem;\n border-radius: 1rem;\n box-shadow: 2px 2px 6px 0px #00000020;\n &:hover {\n transform: scale(1.05);\n }\n .name {\n color: ", ";\n font-size: 2.5rem;\n font-weight: 700;\n }\n .infoDetails {\n font-size: 1.1rem;\n color: #46464680;\n margin: 1rem 0;\n display: flex;\n align-items: center;\n svg {\n color: ", ";\n font-size: 1.5rem;\n margin-right: 0.5rem;\n }\n }\n"])), function (props) {
|
|
10876
11261
|
return props.theme.primaryColor || '#000000d9';
|
|
10877
11262
|
}, function (props) {
|
|
10878
11263
|
return props.theme.primaryColor || '#000000d9';
|
|
10879
11264
|
});
|
|
10880
11265
|
|
|
10881
|
-
var _templateObject$
|
|
11266
|
+
var _templateObject$K, _templateObject2$v;
|
|
10882
11267
|
var ThankYou = function ThankYou(_ref) {
|
|
10883
11268
|
var _ref$id = _ref.id,
|
|
10884
11269
|
id = _ref$id === void 0 ? 0 : _ref$id,
|
|
@@ -10937,8 +11322,8 @@ var ThankYou = function ThankYou(_ref) {
|
|
|
10937
11322
|
onClick: onContinue
|
|
10938
11323
|
}, /*#__PURE__*/React__default.createElement("p", null, "Continue Shopping"))))))));
|
|
10939
11324
|
};
|
|
10940
|
-
var Root$d = styled__default(material.Box)(_templateObject$
|
|
10941
|
-
var StyledButton = styled__default.button(_templateObject2$
|
|
11325
|
+
var Root$d = styled__default(material.Box)(_templateObject$K || (_templateObject$K = _taggedTemplateLiteralLoose([""])));
|
|
11326
|
+
var StyledButton = styled__default.button(_templateObject2$v || (_templateObject2$v = _taggedTemplateLiteralLoose(["\n outline: none;\n border: 1px solid;\n border-color: ", ";\n background: none;\n border-radius: 14px;\n padding: 10px 20px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n transition: background 0.5s ease;\n width: 200px;\n color: ", ";\n text-transform: uppercase;\n &:hover {\n cursor: pointer;\n background: ", ";\n color: #fff;\n }\n"])), function (props) {
|
|
10942
11327
|
return props.theme.primaryColor;
|
|
10943
11328
|
}, function (props) {
|
|
10944
11329
|
return props.theme.primaryColor;
|
|
@@ -11092,38 +11477,38 @@ var DiscountSummaryModal = function DiscountSummaryModal(_ref) {
|
|
|
11092
11477
|
}, "Okay"))));
|
|
11093
11478
|
};
|
|
11094
11479
|
|
|
11095
|
-
var _templateObject$
|
|
11096
|
-
var CheckoutRootContainer = styled__default.div(_templateObject$
|
|
11480
|
+
var _templateObject$L, _templateObject2$w, _templateObject3$n, _templateObject4$j, _templateObject5$f, _templateObject6$d, _templateObject7$9, _templateObject8$7;
|
|
11481
|
+
var CheckoutRootContainer = styled__default.div(_templateObject$L || (_templateObject$L = _taggedTemplateLiteralLoose(["\n width: 100%;\n padding: 2rem;\n background-color: ", ";\n font-size: 16px;\n\n div,\n button,\n span {\n font-size: 16px;\n }\n @media only screen and (max-width: 1600px) {\n padding: 3em 0.5em;\n }\n @media screen and (max-width: 900px) {\n div,\n button,\n span {\n font-size: 12px;\n }\n padding: 2rem 0.5rem;\n }\n"])), function (props) {
|
|
11097
11482
|
return props.bg;
|
|
11098
11483
|
});
|
|
11099
|
-
var CheckoutPageContainer = styled__default.div(_templateObject2$
|
|
11484
|
+
var CheckoutPageContainer = styled__default.div(_templateObject2$w || (_templateObject2$w = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-width: ", ";\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n background-color: ", ";\n margin: 0 auto;\n padding: 2em;\n padding-left: min(4.5em, 2.5vw);\n color: rgba(50, 50, 50, 1);\n /* max-height: 90vh; */\n overflow: hidden;\n /* background: gainsboro; */\n border-radius: 28px;\n /* background-color: #fff8f6; */\n @media only screen and (max-width: 1200px) {\n flex-direction: column;\n align-items: center;\n max-height: max-content;\n }\n @media only screen and (max-width: 768px) {\n padding: 1em 0.5em;\n }\n .icon {\n font-size: 12px;\n }\n ////////////checkout and cart fonts\n /////////////////\n /* /////remove arrows from number input */\n /* Chrome, Safari, Edge, Opera */\n input::-webkit-outer-spin-button,\n input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n /* Firefox */\n input[type='number'] {\n -moz-appearance: textfield;\n }\n\n /* //////mui inputs */\n\n .Mui-checked {\n color: ", ";\n }\n\n .MuiOutlinedInput-notchedOutline {\n border: none;\n outline: none;\n }\n\n .MuiInputBase-root .MuiOutlinedInput-root,\n .MuiInputBase-colorPrimary,\n .MuiInputBase-fullWidth,\n .MuiInputBase-formControl {\n border-radius: 10px;\n }\n // /* /////stepper length */\n .MuiStepConnector-line,\n .MuiStepConnector-lineVertical {\n min-height: 60px !important;\n }\n\n @media only screen and (max-width: 900px) {\n .MuiStepConnector-line,\n .MuiStepConnector-lineVertical {\n min-height: 40px !important;\n }\n }\n"])), function (props) {
|
|
11100
11485
|
return props.maxWidth || '1605px';
|
|
11101
11486
|
}, function (props) {
|
|
11102
11487
|
return props.bg || '#fff8f6';
|
|
11103
11488
|
}, function (props) {
|
|
11104
11489
|
return props.primaryColor || 'rgba(50, 50, 50, 1)';
|
|
11105
11490
|
});
|
|
11106
|
-
var Row = styled__default.div(_templateObject3$
|
|
11107
|
-
var CheckoutMainWithHeader = styled__default(material.Stack)(_templateObject4$
|
|
11108
|
-
var CheckoutMain = styled__default.div(_templateObject5$
|
|
11491
|
+
var Row = styled__default.div(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
11492
|
+
var CheckoutMainWithHeader = styled__default(material.Stack)(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
11493
|
+
var CheckoutMain = styled__default.div(_templateObject5$f || (_templateObject5$f = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-width: 1008px;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n margin-right: 2em;\n max-height: 65vh;\n padding-right: 2em;\n overflow-y: auto;\n position: relative;\n padding-top: 2em;\n padding-bottom: 3em;\n /* width */\n ::-webkit-scrollbar {\n width: 10px;\n background: ", ";\n border-radius: 16px;\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 @media only screen and (max-width: 1200px) {\n margin-bottom: 3em;\n min-height: max-content;\n max-height: max-content;\n margin-right: 0;\n overflow: visible;\n }\n @media only screen and (max-width: 768px) {\n // max-width: 100vw;\n padding-right: 0;\n // width: 98vw;\n // min-width: 90vw;\n padding-top: 1em;\n }\n /* overflow: hidden; */\n"])), function (props) {
|
|
11109
11494
|
return props.bg || 'rgba(102,112,128,0.5)';
|
|
11110
11495
|
}, function (props) {
|
|
11111
11496
|
return props.bg || 'rgba(102,112,128,0.5)';
|
|
11112
11497
|
}, function (props) {
|
|
11113
11498
|
return props.color;
|
|
11114
11499
|
});
|
|
11115
|
-
var CheckoutHeading = styled__default.div(_templateObject6$
|
|
11116
|
-
var CheckoutHeader = styled__default(Row)(_templateObject7$
|
|
11117
|
-
var CheckoutStepIcon = styled__default.div(_templateObject8$
|
|
11500
|
+
var CheckoutHeading = styled__default.div(_templateObject6$d || (_templateObject6$d = _taggedTemplateLiteralLoose(["\n margin-left: 2.5em;\n margin-bottom: 2em;\n h5 {\n font-size: 2.3em;\n font-weight: 600;\n text-transform: capitalize;\n }\n p {\n font-size: 0.875em;\n margin-top: 0.5em;\n }\n @media only screen and (max-width: 768px) {\n margin-left: 0;\n padding-left: 1em;\n }\n"])));
|
|
11501
|
+
var CheckoutHeader = styled__default(Row)(_templateObject7$9 || (_templateObject7$9 = _taggedTemplateLiteralLoose(["\n width: 100%;\n overflow: auto;\n justify-content: space-around;\n display: flex;\n flex-direction: row;\n align-items: center;\n position: sticky;\n top: 0;\n background-color: white;\n z-index: 1;\n justify-content: flex-start;\n min-height: 4em;\n max-height: 4em;\n max-width: 60em;\n background: #ffffff;\n border-radius: 20px;\n color: #7d7b7b;\n padding: 0 2em;\n margin: 0 2em 1em 1em;\n .row {\n display: flex;\n color: inherit;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n text-transform: capitalize;\n margin-right: 2.4%;\n .icon {\n font-size: 14px;\n font-weight: 400;\n display: grid;\n place-items: center;\n margin-right: 6px;\n color: inherit;\n }\n p,\n span {\n font-size: 0.95em;\n color: inherit;\n }\n }\n .checked {\n p,\n span {\n color: #323232;\n }\n .icon {\n color: #249937;\n }\n }\n @media only screen and (max-width: 1200px) {\n margin-right: 0em;\n }\n @media only screen and (max-width: 768px) {\n width: 100%;\n padding: 2em 1em;\n margin: 1.4em 0;\n .row {\n margin-right: 4.5%;\n p {\n font-size: 12px;\n }\n span {\n display: none;\n }\n }\n }\n"])));
|
|
11502
|
+
var CheckoutStepIcon = styled__default.div(_templateObject8$7 || (_templateObject8$7 = _taggedTemplateLiteralLoose(["\n width: 20px;\n height: 20px;\n border-radius: 50%;\n font-size: 5px;\n display: grid;\n place-items: center;\n margin: auto;\n padding: 0;\n margin-left: 2px;\n .circle {\n width: 16px;\n height: 16px;\n border-radius: 50%;\n font-size: 5px;\n display: grid;\n place-items: center;\n margin: auto;\n padding: 0;\n }\n .ic {\n font-size: 8px;\n }\n"])));
|
|
11118
11503
|
|
|
11119
|
-
var _templateObject$
|
|
11120
|
-
var CheckoutSummaryContainer = styled__default.div(_templateObject$
|
|
11504
|
+
var _templateObject$M, _templateObject2$x, _templateObject3$o;
|
|
11505
|
+
var CheckoutSummaryContainer = styled__default.div(_templateObject$M || (_templateObject$M = _taggedTemplateLiteralLoose(["\n background: ", ";\n color: ", ";\n border-radius: 20px;\n padding: max(1.5em, 30px);\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n max-width: 25rem;\n min-width: min(25rem, 95%);\n font-size: 16px;\n margin-top: 6.15em;\n @media only screen and (max-width: 1200px) {\n margin-top: 0;\n }\n"])), function (props) {
|
|
11121
11506
|
return props.bg || 'rgba(255, 240, 236, 1)';
|
|
11122
11507
|
}, function (props) {
|
|
11123
11508
|
return props.color || ' rgba(50, 50, 50, 1)';
|
|
11124
11509
|
});
|
|
11125
|
-
var TextRow = styled__default.div(_templateObject2$
|
|
11126
|
-
var FilledInfo = styled__default.div(_templateObject3$
|
|
11510
|
+
var TextRow = styled__default.div(_templateObject2$x || (_templateObject2$x = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n max-width: 90%;\n margin-bottom: 0.8rem;\n padding-bottom: 0.8rem;\n width: 90%;\n border-bottom: 1px solid #f7f7f7;\n .text {\n font-size: 1.1em;\n text-transform: capitalize;\n }\n .total {\n font-size: 1.65em;\n font-weight: 800;\n }\n"])));
|
|
11511
|
+
var FilledInfo = styled__default.div(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteralLoose(["\n margin-bottom: 2em;\n .heading {\n font-size: 1.25em;\n font-weight: 800;\n margin-bottom: 0.8em;\n }\n\n p {\n font-size: 0.875em;\n text-transform: capitalize;\n max-width: 60%;\n }\n .bold {\n font-weight: 700;\n margin-bottom: 0.8em;\n max-width: 300px;\n width: fit-content;\n }\n .payment {\n width: 70px;\n height: 48px;\n background: #ffffff;\n border-radius: 15.875px;\n display: grid;\n place-items: center;\n overflow: hidden;\n }\n .blank {\n opacity: 0;\n }\n"])));
|
|
11127
11512
|
|
|
11128
11513
|
var CheckoutSummary = function CheckoutSummary(_ref) {
|
|
11129
11514
|
var billingInformation = _ref.billingInformation,
|
|
@@ -11195,14 +11580,14 @@ var CheckoutSummary = function CheckoutSummary(_ref) {
|
|
|
11195
11580
|
}, renderMoney(orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.adjustmentValue))));
|
|
11196
11581
|
};
|
|
11197
11582
|
|
|
11198
|
-
var _templateObject$
|
|
11199
|
-
var StepContainer = styled__default.div(_templateObject$
|
|
11200
|
-
var StepsContent = styled__default.div(_templateObject2$
|
|
11583
|
+
var _templateObject$N, _templateObject2$y, _templateObject3$p, _templateObject4$k, _templateObject5$g, _templateObject6$e, _templateObject7$a, _templateObject8$8, _templateObject9$6, _templateObject10$4, _templateObject11$3, _templateObject12$2, _templateObject13$2, _templateObject14$2, _templateObject15$2, _templateObject16$2, _templateObject17$2, _templateObject18$2;
|
|
11584
|
+
var StepContainer = styled__default.div(_templateObject$N || (_templateObject$N = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-width: 60em;\n background: white;\n padding: 1em 2em;\n background: #ffffff;\n border-radius: 20px;\n margin-left: 2em;\n margin-top: -2em;\n margin-bottom: 1em;\n // @media screen and (max-width: 1200px) {\n // width: 80vw;\n // min-width: 0;\n // }\n @media screen and (max-width: 768px) {\n // width: 96%;\n margin-left: 1em;\n padding: 0.8em;\n }\n @media screen and (max-width: 600px) {\n // width: 94%;\n margin-left: 1.2em;\n }\n"])));
|
|
11585
|
+
var StepsContent = styled__default.div(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteralLoose(["\n padding-left: 1.565em;\n min-height: max-content;\n .MuiOutlinedInput-root {\n background: ", ";\n }\n\n p {\n font-size: 0.75em;\n }\n .bold {\n text-transform: uppercase;\n word-spacing: 5px;\n margin-top: 0.95em;\n span {\n font-weight: 600;\n cursor: pointer;\n font-size: 0.94rem;\n }\n .red {\n color: ", ";\n }\n }\n @media screen and (max-width: 768px) {\n padding: 0;\n width: 100%;\n }\n"])), function (props) {
|
|
11201
11586
|
return 'transparent' + '!important';
|
|
11202
11587
|
}, function (props) {
|
|
11203
11588
|
return props.bg || 'red';
|
|
11204
11589
|
});
|
|
11205
|
-
var StepsHeaderContainer = styled__default.div(_templateObject3$
|
|
11590
|
+
var StepsHeaderContainer = styled__default.div(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n color: #323232;\n /* padding: ", "; */\n margin-bottom: ", ";\n margin-top: ", ";\n margin-left: ", ";\n /* color: grey; */\n border-bottom: 1px solid #f6f6f6;\n background: #ffffff;\n border-radius: 20px;\n // max-width: 900px;\n min-height: 4.35em;\n max-height: 4.35em;\n padding: ", ";\n h5 {\n font-size: 16px;\n font-weight: 600;\n text-transform: capitalize;\n margin-left: 0.6em;\n }\n .icon {\n font-size: 1.3em;\n margin-right: 8px;\n }\n .dropIcon {\n font-size: 1.4em;\n cursor: pointer;\n transform: rotate(-90deg);\n transition: 0.3s;\n color: rgba(50, 50, 50, 0.75);\n cursor: ", ";\n }\n .red {\n font-weight: 600;\n color: #fd0015;\n font-size: inherit;\n }\n @media screen and (max-width: 768px) {\n max-width: 97%;\n margin-left: 0.5em;\n padding-right: 1em;\n h5 {\n font-size: 12px;\n }\n }\n"])), function (props) {
|
|
11206
11591
|
return props.single ? '1.8em 2em' : '1em 0';
|
|
11207
11592
|
}, function (props) {
|
|
11208
11593
|
return props.single ? '-1.56em' : '1em';
|
|
@@ -11215,11 +11600,11 @@ var StepsHeaderContainer = styled__default.div(_templateObject3$o || (_templateO
|
|
|
11215
11600
|
}, function (props) {
|
|
11216
11601
|
return props.username ? 'not-allowed' : 'pointer';
|
|
11217
11602
|
});
|
|
11218
|
-
var TextFeildContainer = styled__default.div(_templateObject4$
|
|
11603
|
+
var TextFeildContainer = styled__default.div(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteralLoose(["\n label {\n color: rgba(107, 106, 106, 0.6) !important;\n }\n background: ", ";\n border-radius: 10px;\n && {\n input {\n font-size: 0.875em !important;\n color: black;\n &::placeholder {\n font-size: 0.975em !important;\n }\n }\n .icon {\n color: black;\n font-size: 1em;\n }\n }\n"])), function (props) {
|
|
11219
11604
|
var _props$theme, _props$theme$input;
|
|
11220
11605
|
return ((_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : (_props$theme$input = _props$theme.input) === null || _props$theme$input === void 0 ? void 0 : _props$theme$input.bg) || 'transparent';
|
|
11221
11606
|
});
|
|
11222
|
-
var CommonCheckoutBtn = styled__default.button(_templateObject5$
|
|
11607
|
+
var CommonCheckoutBtn = styled__default.button(_templateObject5$g || (_templateObject5$g = _taggedTemplateLiteralLoose(["\n border: none;\n outline: none;\n width: ", ";\n height: ", ";\n background: ", ";\n display: grid;\n place-items: center;\n color: white;\n margin: 0 1em;\n font-weight: 500;\n letter-spacing: 1px;\n text-transform: ", ";\n transition: 0.4s;\n cursor: ", ";\n &:hover,\n &:focus {\n opacity: 0.7;\n }\n"])), function (props) {
|
|
11223
11608
|
return props.width || '8.05em';
|
|
11224
11609
|
}, function (props) {
|
|
11225
11610
|
return props.height || '2.25em';
|
|
@@ -11232,7 +11617,7 @@ var CommonCheckoutBtn = styled__default.button(_templateObject5$f || (_templateO
|
|
|
11232
11617
|
});
|
|
11233
11618
|
var Select = styled__default.div.attrs({
|
|
11234
11619
|
className: 'checkout-input'
|
|
11235
|
-
})(_templateObject6$
|
|
11620
|
+
})(_templateObject6$e || (_templateObject6$e = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 54px;\n border-radius: 10px;\n background: ", ";\n outline: none;\n border: none;\n padding: 0 1em;\n cursor: pointer;\n select {\n width: 100%;\n height: 100%;\n border: none;\n outline: none;\n padding: 0.5em 0;\n color: rgba(107, 106, 106, 0.6);\n background: ", ";\n }\n"])), function (props) {
|
|
11236
11621
|
var _props$theme2, _props$theme2$input;
|
|
11237
11622
|
return ((_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : (_props$theme2$input = _props$theme2.input) === null || _props$theme2$input === void 0 ? void 0 : _props$theme2$input.bg) || 'transparent';
|
|
11238
11623
|
}, function (props) {
|
|
@@ -11240,12 +11625,12 @@ var Select = styled__default.div.attrs({
|
|
|
11240
11625
|
});
|
|
11241
11626
|
var SaveButton = styled__default.button.attrs({
|
|
11242
11627
|
className: 'checkout-btn'
|
|
11243
|
-
})(_templateObject7$
|
|
11628
|
+
})(_templateObject7$a || (_templateObject7$a = _taggedTemplateLiteralLoose(["\n border: none;\n outline: none;\n font-size: 0.8125em;\n text-transform: uppercase;\n font-weight: 600;\n border-radius: 7px;\n padding: 0.55em 1em;\n background: ", ";\n display: grid;\n place-items: center;\n color: white;\n margin: 1em 0;\n letter-spacing: 1px;\n transition: 0.4s;\n cursor: ", ";\n &:hover,\n &:focus {\n opacity: 0.7;\n }\n"])), function (props) {
|
|
11244
11629
|
return props.color || '#FD0015';
|
|
11245
11630
|
}, function (props) {
|
|
11246
11631
|
return props.disabled ? 'not-allowed' : 'pointer';
|
|
11247
11632
|
});
|
|
11248
|
-
var ButtonRowContainer = styled__default.div(_templateObject8$
|
|
11633
|
+
var ButtonRowContainer = styled__default.div(_templateObject8$8 || (_templateObject8$8 = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n button {\n width: 4.862em;\n height: 1.96em;\n border-radius: 0.43em;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n font-weight: 600;\n letter-spacing: 1px;\n color: white;\n opacity: ", ";\n background-color: ", ";\n border: 2px solid\n ", ";\n cursor: ", ";\n }\n .back {\n font-size: 0.875em;\n font-weight: 500;\n justify-content: flex-start;\n margin-right: 0.2em;\n color: #323232;\n background: transparent;\n border: none;\n cursor: ", ";\n font-size: 0.8em;\n transition: 0.4s;\n opacity: 1;\n .icon {\n font-size: 1.2em;\n margin-right: 2px;\n }\n &:hover,\n &:focus {\n letter-spacing: 1px;\n outline: none;\n }\n }\n"])), function (props) {
|
|
11249
11634
|
return props.disabledNext && '0.5';
|
|
11250
11635
|
}, function (props) {
|
|
11251
11636
|
return props.color || '#fd0015';
|
|
@@ -11256,7 +11641,7 @@ var ButtonRowContainer = styled__default.div(_templateObject8$7 || (_templateObj
|
|
|
11256
11641
|
}, function (props) {
|
|
11257
11642
|
return props.disabledBack ? 'not-allowed' : 'pointer';
|
|
11258
11643
|
});
|
|
11259
|
-
var CheckBoxRow = styled__default.div(_templateObject9$
|
|
11644
|
+
var CheckBoxRow = styled__default.div(_templateObject9$6 || (_templateObject9$6 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n padding: ", ";\n margin-left: ", ";\n p {\n font-size: 0.85em;\n }\n\n button {\n border: none;\n border-radius: 4px;\n padding: 0.8rem 3rem;\n background: ", ";\n color: white;\n text-transform: uppercase;\n font-weight: 600;\n margin: 1em;\n margin-top: 2em;\n transition: 0.4s;\n cursor: pointer;\n min-width: max-content;\n &:hover {\n padding: 0.7em 2.7em;\n }\n }\n .back {\n background-color: ", ";\n padding: 0.8em 2em;\n &:hover {\n padding: 0.8em 2.4em;\n }\n }\n .bold,\n .red {\n font-weight: 600;\n font-size: 1.125em;\n }\n .red {\n margin-left: 0.5em;\n color: ", ";\n }\n .medium {\n font-weight: 600;\n font-size: 1em;\n }\n @media only screen and (max-width: 600px) {\n button {\n &:hover {\n padding: 0.8em 3em;\n }\n }\n\n .back {\n &:hover {\n padding: 0.8em 2em;\n }\n margin-left: 0;\n }\n }\n"])), function (props) {
|
|
11260
11645
|
return props.padding;
|
|
11261
11646
|
}, function (props) {
|
|
11262
11647
|
return props.marginLeft;
|
|
@@ -11267,14 +11652,14 @@ var CheckBoxRow = styled__default.div(_templateObject9$5 || (_templateObject9$5
|
|
|
11267
11652
|
}, function (prop) {
|
|
11268
11653
|
return prop.colorText || 'red';
|
|
11269
11654
|
});
|
|
11270
|
-
var CreditCardFextField = styled__default.div(_templateObject10$
|
|
11655
|
+
var CreditCardFextField = styled__default.div(_templateObject10$4 || (_templateObject10$4 = _taggedTemplateLiteralLoose(["\n label {\n color: rgba(107, 106, 106, 0.6) !important;\n }\n .MuiOutlinedInput-root {\n background: ", ";\n }\n .save-btn {\n background: ", ";\n }\n"])), function (prop) {
|
|
11271
11656
|
return prop.bgInput + '!important' || '';
|
|
11272
11657
|
}, function (prop) {
|
|
11273
11658
|
return prop.btnBg + '!important' || '';
|
|
11274
11659
|
});
|
|
11275
|
-
var CardHeading = styled__default.div(_templateObject11$
|
|
11276
|
-
var DeliveryOptionContainer = styled__default.div(_templateObject12$
|
|
11277
|
-
var DeliveryOption = styled__default.div(_templateObject13$
|
|
11660
|
+
var CardHeading = styled__default.div(_templateObject11$3 || (_templateObject11$3 = _taggedTemplateLiteralLoose(["\n font-weight: 600;\n margin-bottom: 1rem;\n"])));
|
|
11661
|
+
var DeliveryOptionContainer = styled__default.div(_templateObject12$2 || (_templateObject12$2 = _taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
11662
|
+
var DeliveryOption = styled__default.div(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n max-width: 691px;\n min-height: 40px;\n padding: 0 1em;\n border: 1px solid transparent;\n transition: 0.3s;\n cursor: pointer;\n background-color: ", ";\n border: ", ";\n border-bottom: ", ";\n border-radius: 5px;\n &:last-child {\n border-bottom: ", ";\n }\n &:hover {\n background-color: ", ";\n border: ", ";\n border-radius: 5px;\n }\n p {\n font-weight: 500;\n color: black;\n font-size: 0.95em;\n text-transform: capitalize;\n }\n .circle {\n border-radius: 50%;\n display: grid;\n place-items: center;\n background: linear-gradient(345.48deg, #3c332a -131.29%, #ffffff 124.82%);\n margin-right: 1em;\n width: 14px;\n height: 14px;\n min-width: 14px;\n min-height: 14px;\n cursor: pointer;\n .inner {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n display: grid;\n place-items: center;\n background: linear-gradient(\n 326.37deg,\n rgba(67, 58, 42, 0.9) -219.66%,\n rgba(255, 255, 255, 0.9) 90.45%\n );\n box-shadow: inset -1px -1px 1px rgba(255, 255, 255, 0.45),\n inset 0px 0px 10px rgba(0, 0, 0, 0.2);\n }\n .fill {\n width: 6px;\n height: 6px;\n background: radial-gradient(\n 15.79% 15.79% at 36.84% 31.58%,\n #ffffff 0%,\n rgba(255, 255, 255, 0) 100%\n )\n /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */,\n linear-gradient(\n 358.85deg,\n rgba(157, 18, 30, 0.2) -19.81%,\n rgba(12, 96, 157, 0) 64.74%\n ),\n radial-gradient(50% 50% at 50% 50%, #fab0b6 0%, #fd0015 100%), #fd0015;\n background-blend-mode: normal, multiply, normal, normal;\n box-shadow: 0px 0.5px 0px rgba(253, 0, 21, 0.25),\n 0px 1px 1px rgba(253, 0, 21, 0.2);\n border-radius: 50%;\n background: ", ";\n }\n }\n .amount {\n margin-left: auto;\n color: ", ";\n font-weight: ", ";\n font-size: 0.95em;\n }\n"])), function (props) {
|
|
11278
11663
|
return props.hovered ? props.bg : '';
|
|
11279
11664
|
}, function (props) {
|
|
11280
11665
|
return props.hovered ? "1px solid " + props.border : "1px solid" + props.bg;
|
|
@@ -11293,19 +11678,19 @@ var DeliveryOption = styled__default.div(_templateObject13$1 || (_templateObject
|
|
|
11293
11678
|
}, function (props) {
|
|
11294
11679
|
return props.hovered ? '800' : '700';
|
|
11295
11680
|
});
|
|
11296
|
-
var CreditCard = styled__default.div(_templateObject14$
|
|
11297
|
-
var PaymentLi = styled__default.div(_templateObject15$
|
|
11298
|
-
var StyledTableRow = styled__default(material.TableRow)(_templateObject16$
|
|
11681
|
+
var CreditCard = styled__default.div(_templateObject14$2 || (_templateObject14$2 = _taggedTemplateLiteralLoose(["\n width: 70px;\n min-height: 48px;\n max-height: 50px;\n background-color: white;\n border: 3px solid rgba(217, 217, 217, 0.1);\n display: grid;\n place-items: center;\n margin: auto;\n cursor: pointer;\n overflow: hidden;\n border-radius: 5px;\n transition: 0.1s;\n border: 1px solid transparent;\n text-align: center;\n p {\n font-size: 10px;\n }\n"])));
|
|
11682
|
+
var PaymentLi = styled__default.div(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n margin-bottom: 1.5em;\n cursor: pointer;\n .circle {\n /* background: #323232; */\n width: 16px;\n height: 16px;\n display: grid;\n place-items: center;\n border-radius: 50%;\n border: 1px solid #323232;\n margin-right: 1em;\n }\n .innerCircle {\n background: #323232;\n border-radius: 50%;\n width: 6px;\n height: 6px;\n }\n p {\n font-size: 1em;\n color: black;\n text-transform: capitalize;\n font-weight: 500;\n }\n"])));
|
|
11683
|
+
var StyledTableRow = styled__default(material.TableRow)(_templateObject16$2 || (_templateObject16$2 = _taggedTemplateLiteralLoose(["\n && {\n box-shadow: none;\n border: none;\n background-color: ", ";\n p {\n font-size: 0.9em;\n }\n .max {\n min-width: max-content;\n word-break: break-word;\n @media only screen and (max-width: 768px) {\n min-width: 5rem;\n }\n }\n .red {\n color: ", "\n font-weight: inherit;\n }\n .price {\n font-weight: 600;\n }\n .sm {\n font-weight: 500;\n }\n .bolder {\n font-weight: 700;\n font-size: 1em;\n }\n @media only screen and (max-width: 600px) {\n p {\n font-size: 12px;\n }\n .sm {\n font-size: 10px;\n }\n .price,\n .red {\n font-size: 10px;\n }\n .total {\n font-size: 14px;\n }\n .bolder {\n font-size: 12px;\n }\n }\n }\n"])), function (props) {
|
|
11299
11684
|
return props.colored ? props.bg || "'rgba(255, 240, 236, 1)'" : 'white';
|
|
11300
11685
|
}, function (props) {
|
|
11301
11686
|
return props.bg || 'red';
|
|
11302
11687
|
});
|
|
11303
|
-
var StyledTableCell = styled__default(material.TableCell)(_templateObject17$
|
|
11688
|
+
var StyledTableCell = styled__default(material.TableCell)(_templateObject17$2 || (_templateObject17$2 = _taggedTemplateLiteralLoose(["\n && {\n border: none;\n font-size: 1em;\n .noAboveSm {\n display: none;\n }\n @media only screen and (max-width: 768px) {\n display: ", ";\n padding: 0.5em 0.3em;\n .noAboveSm {\n display: inline-block;\n margin-right: 6px;\n }\n }\n @media only screen and (min-width: 768px) {\n display: ", ";\n }\n }\n"])), function (props) {
|
|
11304
11689
|
return props.noSmall ? 'none' : '';
|
|
11305
11690
|
}, function (props) {
|
|
11306
11691
|
return props.noAboveSmall ? 'none' : '';
|
|
11307
11692
|
});
|
|
11308
|
-
var BottomGrid = styled__default(material.Grid)(_templateObject18$
|
|
11693
|
+
var BottomGrid = styled__default(material.Grid)(_templateObject18$2 || (_templateObject18$2 = _taggedTemplateLiteralLoose(["\n .bold {\n font-weight: 600;\n text-transform: capitalize;\n margin: 1em 0;\n font-size: 1em;\n }\n .icon {\n font-size: 1.6em;\n color: ", ";\n }\n textarea {\n width: 100%;\n resize: none;\n border: 1px solid\n ", ";\n border-radius: 4px;\n margin-bottom: 2em;\n padding: 1em;\n background: ", ";\n }\n p {\n font-size: 12px;\n .ul {\n text-decoration: underline;\n font-size: inherit;\n }\n }\n .bottom {\n margin-left: 3em;\n font-style: italic;\n span {\n font-weight: 600;\n color: ", ";\n\n cursor: pointer;\n &:hover {\n text-decoration: underline;\n }\n }\n }\n"])), function (prop) {
|
|
11309
11694
|
return prop.primaryColor || 'rgba(107, 106, 106, 1)';
|
|
11310
11695
|
}, function (prop) {
|
|
11311
11696
|
var _prop$bgTextArea;
|
|
@@ -12755,7 +13140,7 @@ var erSessionStorage = {
|
|
|
12755
13140
|
}
|
|
12756
13141
|
};
|
|
12757
13142
|
|
|
12758
|
-
var _templateObject$
|
|
13143
|
+
var _templateObject$O, _templateObject2$z;
|
|
12759
13144
|
var ConsentForm = function ConsentForm(_ref) {
|
|
12760
13145
|
var apiEndPoint = _ref.apiEndPoint,
|
|
12761
13146
|
token = _ref.token,
|
|
@@ -12921,7 +13306,7 @@ var InfoComponent = function InfoComponent(_ref2) {
|
|
|
12921
13306
|
});
|
|
12922
13307
|
}))));
|
|
12923
13308
|
};
|
|
12924
|
-
var InfoContainer$1 = styled__default.div(_templateObject$
|
|
13309
|
+
var InfoContainer$1 = styled__default.div(_templateObject$O || (_templateObject$O = _taggedTemplateLiteralLoose(["\n h2 {\n border-bottom: 1px solid #00000040;\n margin-bottom: 0.8rem;\n }\n p {\n font-size: 1.2rem;\n }\n"])));
|
|
12925
13310
|
var InfoItem = function InfoItem(_ref3) {
|
|
12926
13311
|
var name = _ref3.name,
|
|
12927
13312
|
value = _ref3.value;
|
|
@@ -12934,7 +13319,7 @@ var InfoItem = function InfoItem(_ref3) {
|
|
|
12934
13319
|
item: true
|
|
12935
13320
|
}, /*#__PURE__*/React__default.createElement("p", null, value))));
|
|
12936
13321
|
};
|
|
12937
|
-
var InfoItemContainer = styled__default.div(_templateObject2$
|
|
13322
|
+
var InfoItemContainer = styled__default.div(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n background: #00000010;\n padding: 0.5rem;\n"])));
|
|
12938
13323
|
|
|
12939
13324
|
var PaypalComponent = function PaypalComponent(_ref) {
|
|
12940
13325
|
var apiEndPoint = _ref.apiEndPoint,
|
|
@@ -14305,7 +14690,7 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref9) {
|
|
|
14305
14690
|
}, props)));
|
|
14306
14691
|
};
|
|
14307
14692
|
|
|
14308
|
-
var _templateObject$
|
|
14693
|
+
var _templateObject$P, _templateObject2$A, _templateObject3$q;
|
|
14309
14694
|
var columns = [{
|
|
14310
14695
|
id: 'id',
|
|
14311
14696
|
label: 'Id',
|
|
@@ -14420,11 +14805,11 @@ var PurchaseOrderList = function PurchaseOrderList(_ref) {
|
|
|
14420
14805
|
setTriggerTableData: setTriggerTableData
|
|
14421
14806
|
})));
|
|
14422
14807
|
};
|
|
14423
|
-
var TableContainer$2 = styled__default.div(_templateObject$
|
|
14424
|
-
var TypographyContainer$9 = styled__default(material.Typography)(_templateObject2$
|
|
14808
|
+
var TableContainer$2 = styled__default.div(_templateObject$P || (_templateObject$P = _taggedTemplateLiteralLoose(["\n margin: 0.5rem;\n border-radius: 14px;\n"])));
|
|
14809
|
+
var TypographyContainer$9 = styled__default(material.Typography)(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
|
|
14425
14810
|
return props.fontColor;
|
|
14426
14811
|
});
|
|
14427
|
-
var TitleContainer$3 = styled__default.h4(_templateObject3$
|
|
14812
|
+
var TitleContainer$3 = styled__default.h4(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteralLoose(["\n font-size: 2.7rem;\n span {\n color: '#000';\n font-weight: 500;\n }\n b {\n color: ", ";\n }\n @media only screen and (max-width: 608px) {\n font-size: 2.2rem;\n }\n"])), function (props) {
|
|
14428
14813
|
return props.primaryColor;
|
|
14429
14814
|
});
|
|
14430
14815
|
|
|
@@ -14995,7 +15380,7 @@ var VendorInventory = function VendorInventory(_ref) {
|
|
|
14995
15380
|
})));
|
|
14996
15381
|
};
|
|
14997
15382
|
|
|
14998
|
-
var _templateObject$
|
|
15383
|
+
var _templateObject$Q, _templateObject2$B, _templateObject3$r, _templateObject4$l, _templateObject5$h, _templateObject6$f, _templateObject7$b, _templateObject8$9;
|
|
14999
15384
|
var VendorLogin = function VendorLogin(_ref) {
|
|
15000
15385
|
var primaryColor = _ref.primaryColor,
|
|
15001
15386
|
API_BASE_URL = _ref.API_BASE_URL;
|
|
@@ -15055,7 +15440,7 @@ var VendorLogin = function VendorLogin(_ref) {
|
|
|
15055
15440
|
minHeight: '60vh',
|
|
15056
15441
|
display: 'flex'
|
|
15057
15442
|
}
|
|
15058
|
-
}, /*#__PURE__*/React__default.createElement(Container$
|
|
15443
|
+
}, /*#__PURE__*/React__default.createElement(Container$3, null, /*#__PURE__*/React__default.createElement(StyledCard, null, /*#__PURE__*/React__default.createElement(StyledLogin, null, /*#__PURE__*/React__default.createElement(H1, {
|
|
15059
15444
|
variant: "h4"
|
|
15060
15445
|
}, "vendor sign in"), /*#__PURE__*/React__default.createElement(StyleInputBx, null, /*#__PURE__*/React__default.createElement("span", {
|
|
15061
15446
|
className: "icon"
|
|
@@ -15101,16 +15486,16 @@ var VendorLogin = function VendorLogin(_ref) {
|
|
|
15101
15486
|
color: "inherit"
|
|
15102
15487
|
}) : 'sign in'))))));
|
|
15103
15488
|
};
|
|
15104
|
-
var Container$
|
|
15105
|
-
var StyledLogin = styled__default.div(_templateObject2$
|
|
15106
|
-
var StyledCard = styled__default(material.Card)(_templateObject3$
|
|
15107
|
-
var H1 = styled__default(material.Typography)(_templateObject4$
|
|
15108
|
-
var StyleInputBx = styled__default.div(_templateObject5$
|
|
15109
|
-
var ShowPassBtn = styled__default.span(_templateObject6$
|
|
15110
|
-
var ButtonContianer = styled__default.span(_templateObject7$
|
|
15111
|
-
var StyledButton$1 = styled__default(material.Button)(_templateObject8$
|
|
15489
|
+
var Container$3 = styled__default.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n background: rgb(255, 255, 255);\n font-size: 16px !important;\n padding: 1rem;\n @media only screen and (max-width: 640px) {\n font-size: 14px !important;\n }\n"])));
|
|
15490
|
+
var StyledLogin = styled__default.div(_templateObject2$B || (_templateObject2$B = _taggedTemplateLiteralLoose(["\n height: 70%;\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 1em;\n align-items: center;\n"])));
|
|
15491
|
+
var StyledCard = styled__default(material.Card)(_templateObject3$r || (_templateObject3$r = _taggedTemplateLiteralLoose(["\n width: min(100%, 489px);\n height: 100%;\n max-height: 450px;\n display: flex;\n justify-content: center;\n align-items: center;\n border: 1px solid #cac8c8;\n flex-direction: column;\n background: white;\n // min-height: 500px;\n h4 {\n font-size: 1.5em;\n margin-bottom: 1em;\n margin-top: -2em;\n text-transform: uppercase;\n font-weight: 500;\n }\n button {\n text-transform: capitalize;\n letter-spacing: 1px;\n font-size: 1em;\n font-weight: 500;\n }\n"])));
|
|
15492
|
+
var H1 = styled__default(material.Typography)(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n margin-top: 1rem;\n"])));
|
|
15493
|
+
var StyleInputBx = styled__default.div(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n border: 1px solid rgb(202, 200, 200);\n // padding:.5em;\n min-width: min(80vw, 360px);\n // border-radius: 20px;\n overflow: hidden;\n margin: 0.6em 0;\n // padding:.2em 0;\n .icon {\n border-right: 1px solid rgb(202, 200, 200);\n height: 100%;\n padding: 1em;\n display: grid;\n place-items: center;\n width: 15%;\n box-sizing: border-box;\n color: grey;\n }\n input {\n width: 85%;\n height: 100%;\n outline: none;\n padding: 0 1em;\n font-size: 1.1em;\n border: none;\n &:focus,\n &:hover {\n outline: none !important;\n }\n }\n"])));
|
|
15494
|
+
var ShowPassBtn = styled__default.span(_templateObject6$f || (_templateObject6$f = _taggedTemplateLiteralLoose(["\n padding-right: 0.4em;\n display: grid;\n place-items: center;\n font-size: 25px;\n color: grey;\n cursor: pointer;\n"])));
|
|
15495
|
+
var ButtonContianer = styled__default.span(_templateObject7$b || (_templateObject7$b = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-width: 360px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n // @include flexRow(space-between);\n margin-top: 1em;\n @media only screen and (max-width: 640px) {\n padding: 0 1em;\n }\n"])));
|
|
15496
|
+
var StyledButton$1 = styled__default(material.Button)(_templateObject8$9 || (_templateObject8$9 = _taggedTemplateLiteralLoose(["\n width: 100px;\n height: 46px;\n box-sizing: border-box;\n\n span {\n padding: 0.5em;\n }\n @media only screen and (max-width: 640px) {\n height: 35px;\n }\n"])));
|
|
15112
15497
|
|
|
15113
|
-
var _templateObject$
|
|
15498
|
+
var _templateObject$R, _templateObject2$C, _templateObject3$s, _templateObject4$m;
|
|
15114
15499
|
var menuItems = [{
|
|
15115
15500
|
name: 'My Account',
|
|
15116
15501
|
Icon: ri.RiAccountBoxLine,
|
|
@@ -15318,8 +15703,8 @@ var VendorAccountDetails = function VendorAccountDetails(_ref) {
|
|
|
15318
15703
|
height: 200
|
|
15319
15704
|
}) : /*#__PURE__*/React__default.createElement(React.Fragment, null, API_BASE_URL && token && renderListItemComponent(tabValue)))))));
|
|
15320
15705
|
};
|
|
15321
|
-
var Root$e = styled__default(material.Box)(_templateObject$
|
|
15322
|
-
var MainContainer$4 = styled__default.div(_templateObject2$
|
|
15706
|
+
var Root$e = styled__default(material.Box)(_templateObject$R || (_templateObject$R = _taggedTemplateLiteralLoose(["\n padding: 1.4rem;\n background-color: #fff;\n @media only screen and (max-width: 608px) {\n padding: 0.5rem;\n }\n"])));
|
|
15707
|
+
var MainContainer$4 = styled__default.div(_templateObject2$C || (_templateObject2$C = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n margin: auto;\n min-height: 100vh;\n background-color: #fff;\n max-width: ", ";\n padding: 2rem;\n border-radius: 14px;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n @media only screen and (max-width: 608px) {\n padding: 0.5rem;\n }\n"])), function (props) {
|
|
15323
15708
|
return props.open ? '1800px' : '1600px';
|
|
15324
15709
|
});
|
|
15325
15710
|
var Main$1 = styles.styled('main', {
|
|
@@ -15352,12 +15737,12 @@ var Main$1 = styles.styled('main', {
|
|
|
15352
15737
|
overflow: 'auto'
|
|
15353
15738
|
});
|
|
15354
15739
|
});
|
|
15355
|
-
var ContainerDrawer$1 = styled__default(material.Drawer)(_templateObject3$
|
|
15740
|
+
var ContainerDrawer$1 = styled__default(material.Drawer)(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose(["\n // height: 100%;\n margin-right: ", ";\n .MuiDrawer-paper {\n padding: 1rem;\n position: relative;\n z-index: 1;\n background: ", ";\n border-radius: 14px;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n }\n"])), function (props) {
|
|
15356
15741
|
return props.open && '2rem';
|
|
15357
15742
|
}, function (props) {
|
|
15358
15743
|
return props.primaryColor || transparent;
|
|
15359
15744
|
});
|
|
15360
|
-
var TypographyContainer$a = styled__default(material.Typography)(_templateObject4$
|
|
15745
|
+
var TypographyContainer$a = styled__default(material.Typography)(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
|
|
15361
15746
|
return props.fontColor;
|
|
15362
15747
|
});
|
|
15363
15748
|
|
|
@@ -15462,7 +15847,7 @@ var getRestockedData = function getRestockedData(_ref3) {
|
|
|
15462
15847
|
}
|
|
15463
15848
|
};
|
|
15464
15849
|
|
|
15465
|
-
var _templateObject$
|
|
15850
|
+
var _templateObject$S;
|
|
15466
15851
|
var NewArrival = function NewArrival(_ref) {
|
|
15467
15852
|
var _newArrivalItems$cont;
|
|
15468
15853
|
var apiEndPoint = _ref.apiEndPoint,
|
|
@@ -15613,7 +15998,7 @@ var DateCard = function DateCard(_ref2) {
|
|
|
15613
15998
|
}
|
|
15614
15999
|
}, item === null || item === void 0 ? void 0 : item.count));
|
|
15615
16000
|
};
|
|
15616
|
-
var ProductsGrid = styled__default.div(_templateObject$
|
|
16001
|
+
var ProductsGrid = styled__default.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 1fr 1fr 1fr 1fr 1fr;\n grid-gap: 1.4rem;\n padding: 2rem 0;\n grid-row-gap: 22px;\n margin-bottom: 4em;\n @media only screen and (max-width: 1445px) {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n }\n @media only screen and (max-width: 1200px) {\n grid-template-columns: 1fr 1fr 1fr;\n }\n @media only screen and (max-width: 580px) {\n grid-template-columns: 1fr 1fr;\n padding-top: 0rem;\n /* width: 100vw; */\n margin-top: 1em;\n grid-gap: 1rem;\n }\n"])));
|
|
15617
16002
|
|
|
15618
16003
|
var ReStockedItem = function ReStockedItem(_ref) {
|
|
15619
16004
|
var _newArrivalItems$cont;
|
|
@@ -15902,7 +16287,7 @@ var WishlistProductCardSkeleton = function WishlistProductCardSkeleton(_ref) {
|
|
|
15902
16287
|
}));
|
|
15903
16288
|
};
|
|
15904
16289
|
|
|
15905
|
-
var _templateObject$
|
|
16290
|
+
var _templateObject$T, _templateObject2$D, _templateObject3$t, _templateObject4$n, _templateObject5$i, _templateObject6$g, _templateObject7$c, _templateObject8$a, _templateObject9$7, _templateObject10$5, _templateObject11$4;
|
|
15906
16291
|
var getProductImage = function getProductImage(imageUrl, imgNotFoundUrl) {
|
|
15907
16292
|
return imageUrl && imageUrl !== 'null' ? imageUrl : imgNotFoundUrl != null ? imgNotFoundUrl : '/images/products/imgnotfound.png';
|
|
15908
16293
|
};
|
|
@@ -16036,20 +16421,20 @@ var WishlistComponent = function WishlistComponent(_ref) {
|
|
|
16036
16421
|
}));
|
|
16037
16422
|
})));
|
|
16038
16423
|
};
|
|
16039
|
-
var ProductCardWrapper = styled__default.div(_templateObject$
|
|
16040
|
-
var TopBar = styled__default.div(_templateObject2$
|
|
16041
|
-
var SearchWrapper = styled__default(material.Box)(_templateObject3$
|
|
16042
|
-
var TotalItemsText = styled__default.div(_templateObject4$
|
|
16043
|
-
var EmptyStateText = styled__default.p(_templateObject5$
|
|
16044
|
-
var DeleteButton = styled__default.button(_templateObject6$
|
|
16045
|
-
var PriceContainer = styled__default.div(_templateObject7$
|
|
16046
|
-
var DiscountPriceRow = styled__default.div(_templateObject8$
|
|
16047
|
-
var ProductName$2 = styled__default.div(_templateObject9$
|
|
16048
|
-
var ProductActionButton = styled__default(material.Button)(_templateObject10$
|
|
16424
|
+
var ProductCardWrapper = styled__default.div(_templateObject$T || (_templateObject$T = _taggedTemplateLiteralLoose(["\n position: relative;\n background-color: #ffffff;\n border: 1px solid #d3d3d3;\n border-radius: 10px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 10px;\n gap: 10px;\n cursor: pointer;\n"])));
|
|
16425
|
+
var TopBar = styled__default.div(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 12px;\n"])));
|
|
16426
|
+
var SearchWrapper = styled__default(material.Box)(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose(["\n && {\n margin-bottom: 24px;\n max-width: 400px;\n width: 100%;\n }\n"])));
|
|
16427
|
+
var TotalItemsText = styled__default.div(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n font-size: 14px;\n font-weight: 500;\n color: #4b4b4b;\n margin-bottom: 24px;\n white-space: nowrap;\n"])));
|
|
16428
|
+
var EmptyStateText = styled__default.p(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteralLoose(["\n font-size: 16px;\n color: #4b4b4b;\n margin: 16px 0;\n"])));
|
|
16429
|
+
var DeleteButton = styled__default.button(_templateObject6$g || (_templateObject6$g = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 8px;\n right: 8px;\n opacity: 1;\n pointer-events: auto;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n padding: 0;\n border: none;\n border-radius: 50%;\n background-color: #ffffff;\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);\n cursor: pointer;\n color: #ff0000;\n"])));
|
|
16430
|
+
var PriceContainer = styled__default.div(_templateObject7$c || (_templateObject7$c = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])));
|
|
16431
|
+
var DiscountPriceRow = styled__default.div(_templateObject8$a || (_templateObject8$a = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n"])));
|
|
16432
|
+
var ProductName$2 = styled__default.div(_templateObject9$7 || (_templateObject9$7 = _taggedTemplateLiteralLoose(["\n font-size: 16px;\n font-weight: 500;\n color: #000000;\n text-align: center;\n height: 40px;\n overflow: hidden;\n width: 100%;\n text-overflow: ellipsis;\n white-space: pre-wrap;\n"])));
|
|
16433
|
+
var ProductActionButton = styled__default(material.Button)(_templateObject10$5 || (_templateObject10$5 = _taggedTemplateLiteralLoose(["\n && {\n background-color: ", ";\n color: #ffffff;\n border-radius: 10px;\n font-weight: 500;\n }\n"])), function (_ref2) {
|
|
16049
16434
|
var primaryColor = _ref2.primaryColor;
|
|
16050
16435
|
return primaryColor != null ? primaryColor : '#000000';
|
|
16051
16436
|
});
|
|
16052
|
-
var OutOfStockButton = styled__default(material.Button)(_templateObject11$
|
|
16437
|
+
var OutOfStockButton = styled__default(material.Button)(_templateObject11$4 || (_templateObject11$4 = _taggedTemplateLiteralLoose(["\n && {\n color: #ffffff;\n border-radius: 10px;\n font-weight: 500;\n }\n"])));
|
|
16053
16438
|
var ProductCard = function ProductCard(_ref3) {
|
|
16054
16439
|
var _product$standardPric, _product$retailPrice, _product$standardPric2;
|
|
16055
16440
|
var product = _ref3.product,
|
|
@@ -16074,9 +16459,7 @@ var ProductCard = function ProductCard(_ref3) {
|
|
|
16074
16459
|
var _temp = _finallyRethrows(function () {
|
|
16075
16460
|
return _catch(function () {
|
|
16076
16461
|
return Promise.resolve(onRemoveFromWishlist(productId)).then(function () {});
|
|
16077
|
-
}, function (
|
|
16078
|
-
console.log('error', error);
|
|
16079
|
-
});
|
|
16462
|
+
}, function () {});
|
|
16080
16463
|
}, function (_wasThrown, _result) {
|
|
16081
16464
|
setDeleteLoading(false);
|
|
16082
16465
|
if (_wasThrown) throw _result;
|
|
@@ -16121,9 +16504,7 @@ var ProductCard = function ProductCard(_ref3) {
|
|
|
16121
16504
|
var _temp3 = _catch(function () {
|
|
16122
16505
|
e.stopPropagation();
|
|
16123
16506
|
return Promise.resolve(removeFromWishlist(product === null || product === void 0 ? void 0 : product.productId)).then(function () {});
|
|
16124
|
-
}, function (
|
|
16125
|
-
console.log('error', error);
|
|
16126
|
-
});
|
|
16507
|
+
}, function () {});
|
|
16127
16508
|
return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(function () {}) : void 0);
|
|
16128
16509
|
} catch (e) {
|
|
16129
16510
|
return Promise.reject(e);
|