@salesgenterp/ui-components 0.4.540 → 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 +586 -207
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +596 -217
- 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,
|
|
@@ -5149,6 +5526,12 @@ var AccountDetails = function AccountDetails(_ref) {
|
|
|
5149
5526
|
storeIdList: storeIdList,
|
|
5150
5527
|
defaultStoreId: defaultStoreId
|
|
5151
5528
|
});
|
|
5529
|
+
case 'uploadDocuments':
|
|
5530
|
+
return /*#__PURE__*/React__default.createElement(UploadDocument, {
|
|
5531
|
+
apiEndPoint: apiEndPoint,
|
|
5532
|
+
token: token,
|
|
5533
|
+
primaryColor: colors.primaryColor
|
|
5534
|
+
});
|
|
5152
5535
|
default:
|
|
5153
5536
|
return /*#__PURE__*/React__default.createElement(TypographyContainer$7, {
|
|
5154
5537
|
fontColor: colors.fontColor
|
|
@@ -5243,14 +5626,14 @@ var AccountDetails = function AccountDetails(_ref) {
|
|
|
5243
5626
|
skeleton: true
|
|
5244
5627
|
}, apiEndPoint && token && renderListItemComponent(tabValue))))))));
|
|
5245
5628
|
};
|
|
5246
|
-
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) {
|
|
5247
5630
|
var _props$theme;
|
|
5248
5631
|
return (_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.backgroundImage;
|
|
5249
5632
|
}, function (props) {
|
|
5250
5633
|
var _props$theme2, _props$theme3, _props$theme4;
|
|
5251
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)";
|
|
5252
5635
|
});
|
|
5253
|
-
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) {
|
|
5254
5637
|
return props.backgroundColor;
|
|
5255
5638
|
}, function (props) {
|
|
5256
5639
|
return props.open ? '1800px' : '1600px';
|
|
@@ -5285,12 +5668,12 @@ var Main = styles.styled('main', {
|
|
|
5285
5668
|
overflow: 'auto'
|
|
5286
5669
|
});
|
|
5287
5670
|
});
|
|
5288
|
-
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) {
|
|
5289
5672
|
return props.open && '2rem';
|
|
5290
5673
|
}, function (props) {
|
|
5291
5674
|
return props.primaryColor || transparent;
|
|
5292
5675
|
});
|
|
5293
|
-
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) {
|
|
5294
5677
|
return props.fontColor;
|
|
5295
5678
|
});
|
|
5296
5679
|
|
|
@@ -5371,7 +5754,7 @@ var AsyncDataLoad = function AsyncDataLoad(_ref) {
|
|
|
5371
5754
|
};
|
|
5372
5755
|
var AsyncDataLoadComponent = React.memo(AsyncDataLoad);
|
|
5373
5756
|
|
|
5374
|
-
var _templateObject$
|
|
5757
|
+
var _templateObject$m, _templateObject2$e, _templateObject3$a;
|
|
5375
5758
|
var BannerImages = function BannerImages(_ref) {
|
|
5376
5759
|
var config = _ref.config,
|
|
5377
5760
|
sliderImages = _ref.sliderImages,
|
|
@@ -5436,11 +5819,11 @@ var BannerImages = function BannerImages(_ref) {
|
|
|
5436
5819
|
}))));
|
|
5437
5820
|
})));
|
|
5438
5821
|
};
|
|
5439
|
-
var Video = styled__default.video(_templateObject$
|
|
5440
|
-
var Image = styled__default.img(_templateObject2$
|
|
5441
|
-
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"])));
|
|
5442
5825
|
|
|
5443
|
-
var _templateObject$
|
|
5826
|
+
var _templateObject$n, _templateObject2$f, _templateObject3$b, _templateObject4$8;
|
|
5444
5827
|
var LandingCarousel = function LandingCarousel(_ref) {
|
|
5445
5828
|
var _config$spaceBetweenC, _config$colLg, _ref2, _ref3, _config$colSm, _ref4, _config$colMd, _config$colLg2;
|
|
5446
5829
|
var config = _ref.config,
|
|
@@ -5522,16 +5905,16 @@ var LandingCarousel = function LandingCarousel(_ref) {
|
|
|
5522
5905
|
})));
|
|
5523
5906
|
})));
|
|
5524
5907
|
};
|
|
5525
|
-
var Image$1 = styled__default.img(_templateObject$
|
|
5526
|
-
var Video$1 = styled__default.video(_templateObject2$
|
|
5527
|
-
var Root$5 = styled__default.div(_templateObject3$
|
|
5528
|
-
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) {
|
|
5529
5912
|
return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
|
|
5530
5913
|
}, function (props) {
|
|
5531
5914
|
return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
|
|
5532
5915
|
});
|
|
5533
5916
|
|
|
5534
|
-
var _templateObject$
|
|
5917
|
+
var _templateObject$o, _templateObject2$g;
|
|
5535
5918
|
var inDebounce;
|
|
5536
5919
|
var JUSTIFY = {
|
|
5537
5920
|
Left: {
|
|
@@ -5726,8 +6109,8 @@ var HomeBanner = function HomeBanner(_ref) {
|
|
|
5726
6109
|
}, item === null || item === void 0 ? void 0 : item.component);
|
|
5727
6110
|
}))))));
|
|
5728
6111
|
};
|
|
5729
|
-
var Root$6 = styled__default.div(_templateObject$
|
|
5730
|
-
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([""])));
|
|
5731
6114
|
var SingleBanner = function SingleBanner(_ref3) {
|
|
5732
6115
|
var config = _ref3.config,
|
|
5733
6116
|
sliderImages = _ref3.sliderImages,
|
|
@@ -5760,7 +6143,7 @@ var adjustResponsiveSpace = function adjustResponsiveSpace(_ref4) {
|
|
|
5760
6143
|
return spaceValue;
|
|
5761
6144
|
};
|
|
5762
6145
|
|
|
5763
|
-
var _templateObject$
|
|
6146
|
+
var _templateObject$p, _templateObject2$h, _templateObject3$c, _templateObject4$9, _templateObject5$5;
|
|
5764
6147
|
var LandingCarousel$1 = function LandingCarousel(_ref) {
|
|
5765
6148
|
var _brandData2;
|
|
5766
6149
|
var brandList = _ref.brandList,
|
|
@@ -5886,17 +6269,17 @@ var LandingCarousel$1 = function LandingCarousel(_ref) {
|
|
|
5886
6269
|
})));
|
|
5887
6270
|
})));
|
|
5888
6271
|
};
|
|
5889
|
-
var Image$2 = styled__default.img(_templateObject$
|
|
5890
|
-
var Video$2 = styled__default.video(_templateObject2$
|
|
5891
|
-
var Root$7 = styled__default.div(_templateObject3$
|
|
5892
|
-
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) {
|
|
5893
6276
|
return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
|
|
5894
6277
|
});
|
|
5895
|
-
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) {
|
|
5896
6279
|
return (props === null || props === void 0 ? void 0 : props.spaceBetweenCol) || 0;
|
|
5897
6280
|
});
|
|
5898
6281
|
|
|
5899
|
-
var _templateObject$
|
|
6282
|
+
var _templateObject$q, _templateObject2$i;
|
|
5900
6283
|
var BrandList = function BrandList(_ref) {
|
|
5901
6284
|
var apiEndPoint = _ref.apiEndPoint,
|
|
5902
6285
|
_ref$colors = _ref.colors,
|
|
@@ -5958,10 +6341,10 @@ var BrandList = function BrandList(_ref) {
|
|
|
5958
6341
|
autoplaySpeed: autoplaySpeed
|
|
5959
6342
|
}))));
|
|
5960
6343
|
};
|
|
5961
|
-
var Root$8 = styled__default.div(_templateObject$
|
|
5962
|
-
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([""])));
|
|
5963
6346
|
|
|
5964
|
-
var _templateObject$
|
|
6347
|
+
var _templateObject$r, _templateObject2$j, _templateObject3$d, _templateObject4$a, _templateObject5$6, _templateObject6$4, _templateObject7$3, _templateObject8$3, _templateObject9$3;
|
|
5965
6348
|
var BrandStock = function BrandStock(_ref) {
|
|
5966
6349
|
var _Object$keys, _Object$keys2, _data$brands;
|
|
5967
6350
|
var storeData = _ref.storeData,
|
|
@@ -6116,38 +6499,38 @@ var BrandStock = function BrandStock(_ref) {
|
|
|
6116
6499
|
}));
|
|
6117
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))));
|
|
6118
6501
|
};
|
|
6119
|
-
var Root$9 = styled__default.div(_templateObject$
|
|
6120
|
-
var TitleContainer$1 = styled__default.div(_templateObject2$
|
|
6121
|
-
var MainContainer$3 = styled__default.div(_templateObject3$
|
|
6122
|
-
var DetailsContainer = styled__default.div(_templateObject4$
|
|
6123
|
-
var BrandContainer = styled__default.div(_templateObject5$
|
|
6124
|
-
var ReturnPolicyContainer = styled__default.div(_templateObject6$
|
|
6125
|
-
var TablePaperContainer = styled__default(TableContainer$3)(_templateObject7$
|
|
6126
|
-
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) {
|
|
6127
6510
|
return !props.availableQuantity && '#cd2323';
|
|
6128
6511
|
});
|
|
6129
|
-
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) {
|
|
6130
6513
|
return props.availableQuantity ? props.stockCol && 'green' : '#ffffff';
|
|
6131
6514
|
});
|
|
6132
6515
|
|
|
6133
|
-
var _templateObject$
|
|
6134
|
-
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) {
|
|
6135
6518
|
return props.maxWidth || '650px';
|
|
6136
6519
|
});
|
|
6137
|
-
var CartDrawerBar = styled__default.div(_templateObject2$
|
|
6138
|
-
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) {
|
|
6139
6522
|
return props.opacity;
|
|
6140
6523
|
});
|
|
6141
|
-
var CartDrawerBottomSection = styled__default.div(_templateObject4$
|
|
6142
|
-
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) {
|
|
6143
6526
|
return props.color || 'black';
|
|
6144
6527
|
}, function (props) {
|
|
6145
6528
|
return props.color || 'black';
|
|
6146
6529
|
});
|
|
6147
|
-
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) {
|
|
6148
6531
|
return props.color || 'black';
|
|
6149
6532
|
});
|
|
6150
|
-
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) {
|
|
6151
6534
|
return props.color || 'red';
|
|
6152
6535
|
});
|
|
6153
6536
|
|
|
@@ -6239,13 +6622,13 @@ function useGridSize() {
|
|
|
6239
6622
|
return layout;
|
|
6240
6623
|
}
|
|
6241
6624
|
|
|
6242
|
-
var _templateObject$
|
|
6243
|
-
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) {
|
|
6244
6627
|
return props.bg;
|
|
6245
6628
|
}, function (props) {
|
|
6246
6629
|
return props.bg || '#FAE8E5';
|
|
6247
6630
|
});
|
|
6248
|
-
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) {
|
|
6249
6632
|
return props.maxWidth || '1600px';
|
|
6250
6633
|
}, function (props) {
|
|
6251
6634
|
return "min(" + (props.maxWidth || '1600px') + ",100%)";
|
|
@@ -6258,34 +6641,34 @@ var CartPageContainer = styled__default.div(_templateObject2$k || (_templateObje
|
|
|
6258
6641
|
var _props$scroll2;
|
|
6259
6642
|
return (props === null || props === void 0 ? void 0 : (_props$scroll2 = props.scroll) === null || _props$scroll2 === void 0 ? void 0 : _props$scroll2.color) || '#BFC3CA';
|
|
6260
6643
|
});
|
|
6261
|
-
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) {
|
|
6262
6645
|
return props.retail ? 'grid' : 'flex';
|
|
6263
6646
|
});
|
|
6264
|
-
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) {
|
|
6265
6648
|
return props.color || 'black';
|
|
6266
6649
|
}, function (props) {
|
|
6267
6650
|
return props.h1 || 'inherit';
|
|
6268
6651
|
});
|
|
6269
|
-
var Loader$1 = styled__default.div(_templateObject5$
|
|
6270
|
-
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) {
|
|
6271
6654
|
return "" + props.color || 'inherit';
|
|
6272
6655
|
}, function (props) {
|
|
6273
6656
|
return "" + props.color || 'inherit';
|
|
6274
6657
|
}, function (props) {
|
|
6275
6658
|
return "" + props.color || 'inherit';
|
|
6276
6659
|
});
|
|
6277
|
-
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) {
|
|
6278
6661
|
return 'rgba(102, 112, 128, 0.5)';
|
|
6279
6662
|
}, function (props) {
|
|
6280
6663
|
return props.color;
|
|
6281
6664
|
});
|
|
6282
|
-
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) {
|
|
6283
6666
|
return props.bg || 'rgba(107, 106, 106, 1)';
|
|
6284
6667
|
}, function (props) {
|
|
6285
6668
|
return props.color || 'white';
|
|
6286
6669
|
});
|
|
6287
|
-
var PaginationRow = styled__default.div(_templateObject9$
|
|
6288
|
-
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"])));
|
|
6289
6672
|
|
|
6290
6673
|
function createCommonjsModule(fn, module) {
|
|
6291
6674
|
return module = { exports: {} }, fn(module, module.exports), module.exports;
|
|
@@ -7415,21 +7798,21 @@ var TotalAfterDiscount = function TotalAfterDiscount(_ref2) {
|
|
|
7415
7798
|
}, renderMoney(totalAmount)) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement("b", null, renderMoney(total))));
|
|
7416
7799
|
};
|
|
7417
7800
|
|
|
7418
|
-
var _templateObject$
|
|
7419
|
-
var ProductImage = styled__default.img(_templateObject$
|
|
7420
|
-
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) {
|
|
7421
7804
|
return props.size || '1em';
|
|
7422
7805
|
});
|
|
7423
|
-
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) {
|
|
7424
7807
|
return props.size || '1.19em';
|
|
7425
7808
|
}, function (prop) {
|
|
7426
7809
|
return prop.bg;
|
|
7427
7810
|
}, function (prop) {
|
|
7428
7811
|
return prop.bg;
|
|
7429
7812
|
});
|
|
7430
|
-
var CartTableCell$1 = styled__default(material.TableCell)(_templateObject4$
|
|
7431
|
-
var QuantityBox = styled__default.div(_templateObject5$
|
|
7432
|
-
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"])));
|
|
7433
7816
|
var CardRow = function CardRow(_ref) {
|
|
7434
7817
|
var _styles$price, _styles$Btn;
|
|
7435
7818
|
var row = _ref.row,
|
|
@@ -7953,18 +8336,18 @@ function EnhancedTable(_ref2) {
|
|
|
7953
8336
|
}))))));
|
|
7954
8337
|
}
|
|
7955
8338
|
|
|
7956
|
-
var _templateObject$
|
|
7957
|
-
var CartPageCard = styled__default.div(_templateObject$
|
|
7958
|
-
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) {
|
|
7959
8342
|
return props.width || 'auto';
|
|
7960
8343
|
}, function (props) {
|
|
7961
8344
|
return props.height || 'auto';
|
|
7962
8345
|
});
|
|
7963
|
-
var NameAndQtBox = styled__default.div(_templateObject3$
|
|
7964
|
-
var CartPageCardName = styled__default.div(_templateObject4$
|
|
7965
|
-
var QtAndPriceBox = styled__default.div(_templateObject5$
|
|
7966
|
-
var CartPageQtBox = styled__default.div(_templateObject6$
|
|
7967
|
-
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"])));
|
|
7968
8351
|
|
|
7969
8352
|
var CartPageProductCard = function CartPageProductCard(_ref) {
|
|
7970
8353
|
var item = _ref.item,
|
|
@@ -8182,23 +8565,23 @@ var CartPageMainRetail = function CartPageMainRetail(_ref) {
|
|
|
8182
8565
|
})))));
|
|
8183
8566
|
};
|
|
8184
8567
|
|
|
8185
|
-
var _templateObject$
|
|
8186
|
-
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) {
|
|
8187
8570
|
return props.background || '#667080';
|
|
8188
8571
|
}, function (props) {
|
|
8189
8572
|
return props.color || 'white';
|
|
8190
8573
|
}, function (props) {
|
|
8191
8574
|
return props.color || 'white';
|
|
8192
8575
|
});
|
|
8193
|
-
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) {
|
|
8194
8577
|
return props.justify || 'space-between';
|
|
8195
8578
|
}, function (props) {
|
|
8196
8579
|
return props.h5 || '1.31em';
|
|
8197
8580
|
});
|
|
8198
|
-
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) {
|
|
8199
8582
|
return props.color || 'rgba(255, 255, 255, 0.5)';
|
|
8200
8583
|
});
|
|
8201
|
-
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) {
|
|
8202
8585
|
return props.paddingBottom ? '0' : '0';
|
|
8203
8586
|
}, function (props) {
|
|
8204
8587
|
return props.background || '#bfc3ca';
|
|
@@ -8213,16 +8596,16 @@ var CartSummaryInputBox = styled__default.form(_templateObject4$e || (_templateO
|
|
|
8213
8596
|
}, function (props) {
|
|
8214
8597
|
return props.btn || '#393f48';
|
|
8215
8598
|
});
|
|
8216
|
-
var DiscountCouponContainer = styled__default.div(_templateObject5$
|
|
8217
|
-
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) {
|
|
8218
8601
|
return props.btn || '#393f48';
|
|
8219
8602
|
});
|
|
8220
|
-
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) {
|
|
8221
8604
|
return props.background || '#393f48';
|
|
8222
8605
|
}, function (props) {
|
|
8223
8606
|
return props.color || 'inherit';
|
|
8224
8607
|
});
|
|
8225
|
-
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) {
|
|
8226
8609
|
return props.background || 'white';
|
|
8227
8610
|
}, function (props) {
|
|
8228
8611
|
return props.selected ? props.background : 'transparent';
|
|
@@ -8629,12 +9012,12 @@ var checkMinMaxQty = function checkMinMaxQty(_ref2) {
|
|
|
8629
9012
|
return quantityReturn;
|
|
8630
9013
|
};
|
|
8631
9014
|
|
|
8632
|
-
var _templateObject$
|
|
8633
|
-
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) {
|
|
8634
9017
|
return props.color || 'grey';
|
|
8635
9018
|
});
|
|
8636
|
-
var CartDrawerQtBox = styled__default.div(_templateObject2$
|
|
8637
|
-
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"])));
|
|
8638
9021
|
|
|
8639
9022
|
var CartDrawerProductCard = function CartDrawerProductCard(_ref) {
|
|
8640
9023
|
var product = _ref.product,
|
|
@@ -8895,7 +9278,7 @@ var GTagManager = function GTagManager(_ref) {
|
|
|
8895
9278
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
8896
9279
|
};
|
|
8897
9280
|
|
|
8898
|
-
var _templateObject$
|
|
9281
|
+
var _templateObject$y, _templateObject2$q, _templateObject3$k, _templateObject4$g, _templateObject5$c, _templateObject6$a;
|
|
8899
9282
|
var OutOfStock = function OutOfStock(_ref) {
|
|
8900
9283
|
var _product$body, _product$body$content, _product$body2, _product$body2$conten, _product$masterProduc, _product$header;
|
|
8901
9284
|
var product = _ref.product,
|
|
@@ -9126,13 +9509,13 @@ var OutOfStock = function OutOfStock(_ref) {
|
|
|
9126
9509
|
}
|
|
9127
9510
|
}), /*#__PURE__*/React__default.createElement("span", null, subscribed ? 'Subscribed Successfully' : 'Subscribe')))))));
|
|
9128
9511
|
};
|
|
9129
|
-
var VariantsContainer = styled__default.div(_templateObject$
|
|
9130
|
-
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) {
|
|
9131
9514
|
return props.theme.primaryColor;
|
|
9132
9515
|
});
|
|
9133
|
-
var EmailInput = styled__default(InputBase)(_templateObject3$
|
|
9134
|
-
var Root$a = styled__default.div(_templateObject4$
|
|
9135
|
-
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) {
|
|
9136
9519
|
return props.height ? props.height : 'auto';
|
|
9137
9520
|
}, function (props) {
|
|
9138
9521
|
return props.margin ? props.margin : '0.3rem 0';
|
|
@@ -9143,7 +9526,7 @@ var ContainerDiv = styled__default.div(_templateObject5$b || (_templateObject5$b
|
|
|
9143
9526
|
}, function (props) {
|
|
9144
9527
|
return props.justifyContent ? props.justifyContent : 'default';
|
|
9145
9528
|
});
|
|
9146
|
-
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) {
|
|
9147
9530
|
return props.theme.primaryColor;
|
|
9148
9531
|
}, function (props) {
|
|
9149
9532
|
return props.padding ? props.padding : '5px 15px';
|
|
@@ -9163,15 +9546,15 @@ var StyledSubscribe = styled__default.button(_templateObject6$9 || (_templateObj
|
|
|
9163
9546
|
return props.Loading || props.subscribed ? 'none' : 'auto';
|
|
9164
9547
|
});
|
|
9165
9548
|
|
|
9166
|
-
var _templateObject$
|
|
9549
|
+
var _templateObject$z;
|
|
9167
9550
|
var NoData = function NoData(_ref) {
|
|
9168
9551
|
_objectDestructuringEmpty(_ref);
|
|
9169
9552
|
return /*#__PURE__*/React__default.createElement(CustomNoRowsOverlay, null);
|
|
9170
9553
|
};
|
|
9171
|
-
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"])));
|
|
9172
9555
|
var CustomNoRowsOverlay = function CustomNoRowsOverlay(_ref2) {
|
|
9173
9556
|
_objectDestructuringEmpty(_ref2);
|
|
9174
|
-
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", {
|
|
9175
9558
|
width: "120",
|
|
9176
9559
|
height: "100",
|
|
9177
9560
|
viewBox: "0 0 184 152",
|
|
@@ -9635,28 +10018,28 @@ var AsyncSelect = function AsyncSelect(_ref3) {
|
|
|
9635
10018
|
return /*#__PURE__*/React__default.createElement(AsyncSelectField, props);
|
|
9636
10019
|
};
|
|
9637
10020
|
|
|
9638
|
-
var _templateObject$
|
|
9639
|
-
var Container$
|
|
10021
|
+
var _templateObject$A;
|
|
10022
|
+
var Container$2 = styled__default.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose([""])));
|
|
9640
10023
|
|
|
9641
|
-
var _templateObject$
|
|
9642
|
-
var ProductImage$1 = styled__default.img(_templateObject$
|
|
9643
|
-
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) {
|
|
9644
10027
|
return props.size || '1em';
|
|
9645
10028
|
}, function (props) {
|
|
9646
10029
|
return props.maxHeight ? props.maxHeight + "em" : '2.75em';
|
|
9647
10030
|
}, function (props) {
|
|
9648
10031
|
return props.maxHeight ? props.maxHeight + "em" : '2.80em';
|
|
9649
10032
|
});
|
|
9650
|
-
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) {
|
|
9651
10034
|
return props.size || '1.19em';
|
|
9652
10035
|
}, function (prop) {
|
|
9653
10036
|
return prop.bg;
|
|
9654
10037
|
}, function (prop) {
|
|
9655
10038
|
return prop.bg;
|
|
9656
10039
|
});
|
|
9657
|
-
var CartTableCell$2 = styled__default(material.TableCell)(_templateObject4$
|
|
9658
|
-
var QuantityBox$1 = styled__default.div(_templateObject5$
|
|
9659
|
-
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"])));
|
|
9660
10043
|
var CardRow$1 = function CardRow(_ref) {
|
|
9661
10044
|
var _styles$price, _styles$Btn, _row$standardPrice, _row$subtotal;
|
|
9662
10045
|
var row = _ref.row,
|
|
@@ -9774,13 +10157,13 @@ var CardRow$1 = function CardRow(_ref) {
|
|
|
9774
10157
|
}))));
|
|
9775
10158
|
};
|
|
9776
10159
|
|
|
9777
|
-
var _templateObject$
|
|
9778
|
-
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) {
|
|
9779
10162
|
return props.bg;
|
|
9780
10163
|
}, function (props) {
|
|
9781
10164
|
return props.bg || '#FAE8E5';
|
|
9782
10165
|
});
|
|
9783
|
-
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) {
|
|
9784
10167
|
return props.maxWidth || '1600px';
|
|
9785
10168
|
}, function (props) {
|
|
9786
10169
|
return "min(" + (props.maxWidth || '1600px') + ",100%)";
|
|
@@ -9791,16 +10174,16 @@ var CartPageContainer$1 = styled__default.div(_templateObject2$r || (_templateOb
|
|
|
9791
10174
|
}, function (props) {
|
|
9792
10175
|
return props.color || '#BFC3CA';
|
|
9793
10176
|
});
|
|
9794
|
-
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) {
|
|
9795
10178
|
return props.retail ? 'grid' : 'flex';
|
|
9796
10179
|
});
|
|
9797
|
-
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) {
|
|
9798
10181
|
return props.color || 'black';
|
|
9799
10182
|
}, function (props) {
|
|
9800
10183
|
return props.h1 || 'inherit';
|
|
9801
10184
|
});
|
|
9802
|
-
var Loader$2 = styled__default.div(_templateObject5$
|
|
9803
|
-
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) {
|
|
9804
10187
|
return "" + props.bg;
|
|
9805
10188
|
}, function (props) {
|
|
9806
10189
|
return "" + props.color || 'inherit';
|
|
@@ -9809,17 +10192,17 @@ var CartTableCell$3 = styled__default(material.TableCell)(_templateObject6$b ||
|
|
|
9809
10192
|
}, function (props) {
|
|
9810
10193
|
return "" + props.color || 'inherit';
|
|
9811
10194
|
});
|
|
9812
|
-
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) {
|
|
9813
10196
|
return props.bg || '#fdccc480';
|
|
9814
10197
|
}, function (props) {
|
|
9815
10198
|
return props.color || 'red';
|
|
9816
10199
|
});
|
|
9817
|
-
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) {
|
|
9818
10201
|
return props.bg || 'rgba(107, 106, 106, 1)';
|
|
9819
10202
|
}, function (props) {
|
|
9820
10203
|
return props.color || 'white';
|
|
9821
10204
|
});
|
|
9822
|
-
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"])));
|
|
9823
10206
|
|
|
9824
10207
|
var headCells$1 = [{
|
|
9825
10208
|
id: 'image',
|
|
@@ -10146,7 +10529,7 @@ var QuickOrder = function QuickOrder(_ref) {
|
|
|
10146
10529
|
};
|
|
10147
10530
|
return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
|
|
10148
10531
|
theme: colors
|
|
10149
|
-
}, /*#__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, {
|
|
10150
10533
|
placeholder: 'Search Product',
|
|
10151
10534
|
minSearchChar: 3,
|
|
10152
10535
|
apiData: searchProductAPIData(),
|
|
@@ -10224,7 +10607,7 @@ var SnowfallComponent = function SnowfallComponent(_ref) {
|
|
|
10224
10607
|
}) : null;
|
|
10225
10608
|
};
|
|
10226
10609
|
|
|
10227
|
-
var _templateObject$
|
|
10610
|
+
var _templateObject$D, _templateObject2$t;
|
|
10228
10611
|
var ContactUsForm = function ContactUsForm(_ref) {
|
|
10229
10612
|
var apiEndPoint = _ref.apiEndPoint,
|
|
10230
10613
|
serviceApiEndPoint = _ref.serviceApiEndPoint,
|
|
@@ -10349,15 +10732,15 @@ var ContactUsForm = function ContactUsForm(_ref) {
|
|
|
10349
10732
|
}
|
|
10350
10733
|
}, "Submit"))));
|
|
10351
10734
|
};
|
|
10352
|
-
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) {
|
|
10353
10736
|
return props.fontColor;
|
|
10354
10737
|
});
|
|
10355
|
-
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) {
|
|
10356
10739
|
return props.secondaryColor;
|
|
10357
10740
|
});
|
|
10358
10741
|
|
|
10359
|
-
var _templateObject$
|
|
10360
|
-
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) {
|
|
10361
10744
|
return props.theme.fontColor || '#606060';
|
|
10362
10745
|
}, function (props) {
|
|
10363
10746
|
return props.theme.primaryColor;
|
|
@@ -10369,7 +10752,7 @@ var StaticContainer = styled__default.div(_templateObject$D || (_templateObject$
|
|
|
10369
10752
|
return props.theme.fontColor || '#606060';
|
|
10370
10753
|
});
|
|
10371
10754
|
|
|
10372
|
-
var _templateObject$
|
|
10755
|
+
var _templateObject$F;
|
|
10373
10756
|
var APIStaticPage = function APIStaticPage(_ref) {
|
|
10374
10757
|
var _ref$colors = _ref.colors,
|
|
10375
10758
|
colors = _ref$colors === void 0 ? {
|
|
@@ -10557,10 +10940,10 @@ var APIStaticPage = function APIStaticPage(_ref) {
|
|
|
10557
10940
|
}
|
|
10558
10941
|
}, "Not found"))));
|
|
10559
10942
|
};
|
|
10560
|
-
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"])));
|
|
10561
10944
|
|
|
10562
|
-
var _templateObject$
|
|
10563
|
-
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) {
|
|
10564
10947
|
return props.theme.fontColor || '#606060';
|
|
10565
10948
|
}, function (props) {
|
|
10566
10949
|
return props.theme.primaryColor;
|
|
@@ -10572,7 +10955,7 @@ var StaticContainer$1 = styled__default.div(_templateObject$F || (_templateObjec
|
|
|
10572
10955
|
return props.theme.fontColor || '#606060';
|
|
10573
10956
|
});
|
|
10574
10957
|
|
|
10575
|
-
var _templateObject$
|
|
10958
|
+
var _templateObject$H;
|
|
10576
10959
|
var StaticPage = function StaticPage(_ref) {
|
|
10577
10960
|
var _data$content;
|
|
10578
10961
|
var _ref$colors = _ref.colors,
|
|
@@ -10640,9 +11023,9 @@ var StaticPage = function StaticPage(_ref) {
|
|
|
10640
11023
|
referrerPolicy: "no-referrer-when-downgrade"
|
|
10641
11024
|
})))));
|
|
10642
11025
|
};
|
|
10643
|
-
var Root$c = styled__default(material.Box)(_templateObject$
|
|
11026
|
+
var Root$c = styled__default(material.Box)(_templateObject$H || (_templateObject$H = _taggedTemplateLiteralLoose([""])));
|
|
10644
11027
|
|
|
10645
|
-
var _templateObject$
|
|
11028
|
+
var _templateObject$I;
|
|
10646
11029
|
var StaticPageList = function StaticPageList(_ref) {
|
|
10647
11030
|
var _sortBy;
|
|
10648
11031
|
var apiEndPoint = _ref.apiEndPoint,
|
|
@@ -10750,7 +11133,7 @@ var StaticPageList = function StaticPageList(_ref) {
|
|
|
10750
11133
|
}
|
|
10751
11134
|
}, "Not found")))));
|
|
10752
11135
|
};
|
|
10753
|
-
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"])));
|
|
10754
11137
|
|
|
10755
11138
|
var _excluded$6 = ["userName", "children", "style"];
|
|
10756
11139
|
var colors$1 = ['#FFB900', '#D83B01', '#B50E0E', '#E81123', '#B4009E', '#5C2D91', '#0078D7', '#00B4FF', '#008272', '#107C10'];
|
|
@@ -10786,7 +11169,7 @@ var Avatar = function Avatar(_ref) {
|
|
|
10786
11169
|
}));
|
|
10787
11170
|
};
|
|
10788
11171
|
|
|
10789
|
-
var _templateObject$
|
|
11172
|
+
var _templateObject$J, _templateObject2$u;
|
|
10790
11173
|
var SwitchUser = function SwitchUser(_ref) {
|
|
10791
11174
|
var _customerData$filter, _customerData$filter$;
|
|
10792
11175
|
var apiEndPoint = _ref.apiEndPoint,
|
|
@@ -10873,14 +11256,14 @@ var SwitchUser = function SwitchUser(_ref) {
|
|
|
10873
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)))));
|
|
10874
11257
|
}))));
|
|
10875
11258
|
};
|
|
10876
|
-
var RootContainer$4 = styled__default.div(_templateObject$
|
|
10877
|
-
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) {
|
|
10878
11261
|
return props.theme.primaryColor || '#000000d9';
|
|
10879
11262
|
}, function (props) {
|
|
10880
11263
|
return props.theme.primaryColor || '#000000d9';
|
|
10881
11264
|
});
|
|
10882
11265
|
|
|
10883
|
-
var _templateObject$
|
|
11266
|
+
var _templateObject$K, _templateObject2$v;
|
|
10884
11267
|
var ThankYou = function ThankYou(_ref) {
|
|
10885
11268
|
var _ref$id = _ref.id,
|
|
10886
11269
|
id = _ref$id === void 0 ? 0 : _ref$id,
|
|
@@ -10939,8 +11322,8 @@ var ThankYou = function ThankYou(_ref) {
|
|
|
10939
11322
|
onClick: onContinue
|
|
10940
11323
|
}, /*#__PURE__*/React__default.createElement("p", null, "Continue Shopping"))))))));
|
|
10941
11324
|
};
|
|
10942
|
-
var Root$d = styled__default(material.Box)(_templateObject$
|
|
10943
|
-
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) {
|
|
10944
11327
|
return props.theme.primaryColor;
|
|
10945
11328
|
}, function (props) {
|
|
10946
11329
|
return props.theme.primaryColor;
|
|
@@ -11094,38 +11477,38 @@ var DiscountSummaryModal = function DiscountSummaryModal(_ref) {
|
|
|
11094
11477
|
}, "Okay"))));
|
|
11095
11478
|
};
|
|
11096
11479
|
|
|
11097
|
-
var _templateObject$
|
|
11098
|
-
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) {
|
|
11099
11482
|
return props.bg;
|
|
11100
11483
|
});
|
|
11101
|
-
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) {
|
|
11102
11485
|
return props.maxWidth || '1605px';
|
|
11103
11486
|
}, function (props) {
|
|
11104
11487
|
return props.bg || '#fff8f6';
|
|
11105
11488
|
}, function (props) {
|
|
11106
11489
|
return props.primaryColor || 'rgba(50, 50, 50, 1)';
|
|
11107
11490
|
});
|
|
11108
|
-
var Row = styled__default.div(_templateObject3$
|
|
11109
|
-
var CheckoutMainWithHeader = styled__default(material.Stack)(_templateObject4$
|
|
11110
|
-
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) {
|
|
11111
11494
|
return props.bg || 'rgba(102,112,128,0.5)';
|
|
11112
11495
|
}, function (props) {
|
|
11113
11496
|
return props.bg || 'rgba(102,112,128,0.5)';
|
|
11114
11497
|
}, function (props) {
|
|
11115
11498
|
return props.color;
|
|
11116
11499
|
});
|
|
11117
|
-
var CheckoutHeading = styled__default.div(_templateObject6$
|
|
11118
|
-
var CheckoutHeader = styled__default(Row)(_templateObject7$
|
|
11119
|
-
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"])));
|
|
11120
11503
|
|
|
11121
|
-
var _templateObject$
|
|
11122
|
-
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) {
|
|
11123
11506
|
return props.bg || 'rgba(255, 240, 236, 1)';
|
|
11124
11507
|
}, function (props) {
|
|
11125
11508
|
return props.color || ' rgba(50, 50, 50, 1)';
|
|
11126
11509
|
});
|
|
11127
|
-
var TextRow = styled__default.div(_templateObject2$
|
|
11128
|
-
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"])));
|
|
11129
11512
|
|
|
11130
11513
|
var CheckoutSummary = function CheckoutSummary(_ref) {
|
|
11131
11514
|
var billingInformation = _ref.billingInformation,
|
|
@@ -11197,14 +11580,14 @@ var CheckoutSummary = function CheckoutSummary(_ref) {
|
|
|
11197
11580
|
}, renderMoney(orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.adjustmentValue))));
|
|
11198
11581
|
};
|
|
11199
11582
|
|
|
11200
|
-
var _templateObject$
|
|
11201
|
-
var StepContainer = styled__default.div(_templateObject$
|
|
11202
|
-
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) {
|
|
11203
11586
|
return 'transparent' + '!important';
|
|
11204
11587
|
}, function (props) {
|
|
11205
11588
|
return props.bg || 'red';
|
|
11206
11589
|
});
|
|
11207
|
-
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) {
|
|
11208
11591
|
return props.single ? '1.8em 2em' : '1em 0';
|
|
11209
11592
|
}, function (props) {
|
|
11210
11593
|
return props.single ? '-1.56em' : '1em';
|
|
@@ -11217,11 +11600,11 @@ var StepsHeaderContainer = styled__default.div(_templateObject3$o || (_templateO
|
|
|
11217
11600
|
}, function (props) {
|
|
11218
11601
|
return props.username ? 'not-allowed' : 'pointer';
|
|
11219
11602
|
});
|
|
11220
|
-
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) {
|
|
11221
11604
|
var _props$theme, _props$theme$input;
|
|
11222
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';
|
|
11223
11606
|
});
|
|
11224
|
-
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) {
|
|
11225
11608
|
return props.width || '8.05em';
|
|
11226
11609
|
}, function (props) {
|
|
11227
11610
|
return props.height || '2.25em';
|
|
@@ -11234,7 +11617,7 @@ var CommonCheckoutBtn = styled__default.button(_templateObject5$f || (_templateO
|
|
|
11234
11617
|
});
|
|
11235
11618
|
var Select = styled__default.div.attrs({
|
|
11236
11619
|
className: 'checkout-input'
|
|
11237
|
-
})(_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) {
|
|
11238
11621
|
var _props$theme2, _props$theme2$input;
|
|
11239
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';
|
|
11240
11623
|
}, function (props) {
|
|
@@ -11242,12 +11625,12 @@ var Select = styled__default.div.attrs({
|
|
|
11242
11625
|
});
|
|
11243
11626
|
var SaveButton = styled__default.button.attrs({
|
|
11244
11627
|
className: 'checkout-btn'
|
|
11245
|
-
})(_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) {
|
|
11246
11629
|
return props.color || '#FD0015';
|
|
11247
11630
|
}, function (props) {
|
|
11248
11631
|
return props.disabled ? 'not-allowed' : 'pointer';
|
|
11249
11632
|
});
|
|
11250
|
-
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) {
|
|
11251
11634
|
return props.disabledNext && '0.5';
|
|
11252
11635
|
}, function (props) {
|
|
11253
11636
|
return props.color || '#fd0015';
|
|
@@ -11258,7 +11641,7 @@ var ButtonRowContainer = styled__default.div(_templateObject8$7 || (_templateObj
|
|
|
11258
11641
|
}, function (props) {
|
|
11259
11642
|
return props.disabledBack ? 'not-allowed' : 'pointer';
|
|
11260
11643
|
});
|
|
11261
|
-
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) {
|
|
11262
11645
|
return props.padding;
|
|
11263
11646
|
}, function (props) {
|
|
11264
11647
|
return props.marginLeft;
|
|
@@ -11269,14 +11652,14 @@ var CheckBoxRow = styled__default.div(_templateObject9$5 || (_templateObject9$5
|
|
|
11269
11652
|
}, function (prop) {
|
|
11270
11653
|
return prop.colorText || 'red';
|
|
11271
11654
|
});
|
|
11272
|
-
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) {
|
|
11273
11656
|
return prop.bgInput + '!important' || '';
|
|
11274
11657
|
}, function (prop) {
|
|
11275
11658
|
return prop.btnBg + '!important' || '';
|
|
11276
11659
|
});
|
|
11277
|
-
var CardHeading = styled__default.div(_templateObject11$
|
|
11278
|
-
var DeliveryOptionContainer = styled__default.div(_templateObject12$
|
|
11279
|
-
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) {
|
|
11280
11663
|
return props.hovered ? props.bg : '';
|
|
11281
11664
|
}, function (props) {
|
|
11282
11665
|
return props.hovered ? "1px solid " + props.border : "1px solid" + props.bg;
|
|
@@ -11295,19 +11678,19 @@ var DeliveryOption = styled__default.div(_templateObject13$1 || (_templateObject
|
|
|
11295
11678
|
}, function (props) {
|
|
11296
11679
|
return props.hovered ? '800' : '700';
|
|
11297
11680
|
});
|
|
11298
|
-
var CreditCard = styled__default.div(_templateObject14$
|
|
11299
|
-
var PaymentLi = styled__default.div(_templateObject15$
|
|
11300
|
-
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) {
|
|
11301
11684
|
return props.colored ? props.bg || "'rgba(255, 240, 236, 1)'" : 'white';
|
|
11302
11685
|
}, function (props) {
|
|
11303
11686
|
return props.bg || 'red';
|
|
11304
11687
|
});
|
|
11305
|
-
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) {
|
|
11306
11689
|
return props.noSmall ? 'none' : '';
|
|
11307
11690
|
}, function (props) {
|
|
11308
11691
|
return props.noAboveSmall ? 'none' : '';
|
|
11309
11692
|
});
|
|
11310
|
-
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) {
|
|
11311
11694
|
return prop.primaryColor || 'rgba(107, 106, 106, 1)';
|
|
11312
11695
|
}, function (prop) {
|
|
11313
11696
|
var _prop$bgTextArea;
|
|
@@ -12757,7 +13140,7 @@ var erSessionStorage = {
|
|
|
12757
13140
|
}
|
|
12758
13141
|
};
|
|
12759
13142
|
|
|
12760
|
-
var _templateObject$
|
|
13143
|
+
var _templateObject$O, _templateObject2$z;
|
|
12761
13144
|
var ConsentForm = function ConsentForm(_ref) {
|
|
12762
13145
|
var apiEndPoint = _ref.apiEndPoint,
|
|
12763
13146
|
token = _ref.token,
|
|
@@ -12923,7 +13306,7 @@ var InfoComponent = function InfoComponent(_ref2) {
|
|
|
12923
13306
|
});
|
|
12924
13307
|
}))));
|
|
12925
13308
|
};
|
|
12926
|
-
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"])));
|
|
12927
13310
|
var InfoItem = function InfoItem(_ref3) {
|
|
12928
13311
|
var name = _ref3.name,
|
|
12929
13312
|
value = _ref3.value;
|
|
@@ -12936,7 +13319,7 @@ var InfoItem = function InfoItem(_ref3) {
|
|
|
12936
13319
|
item: true
|
|
12937
13320
|
}, /*#__PURE__*/React__default.createElement("p", null, value))));
|
|
12938
13321
|
};
|
|
12939
|
-
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"])));
|
|
12940
13323
|
|
|
12941
13324
|
var PaypalComponent = function PaypalComponent(_ref) {
|
|
12942
13325
|
var apiEndPoint = _ref.apiEndPoint,
|
|
@@ -14307,7 +14690,7 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref9) {
|
|
|
14307
14690
|
}, props)));
|
|
14308
14691
|
};
|
|
14309
14692
|
|
|
14310
|
-
var _templateObject$
|
|
14693
|
+
var _templateObject$P, _templateObject2$A, _templateObject3$q;
|
|
14311
14694
|
var columns = [{
|
|
14312
14695
|
id: 'id',
|
|
14313
14696
|
label: 'Id',
|
|
@@ -14422,11 +14805,11 @@ var PurchaseOrderList = function PurchaseOrderList(_ref) {
|
|
|
14422
14805
|
setTriggerTableData: setTriggerTableData
|
|
14423
14806
|
})));
|
|
14424
14807
|
};
|
|
14425
|
-
var TableContainer$2 = styled__default.div(_templateObject$
|
|
14426
|
-
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) {
|
|
14427
14810
|
return props.fontColor;
|
|
14428
14811
|
});
|
|
14429
|
-
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) {
|
|
14430
14813
|
return props.primaryColor;
|
|
14431
14814
|
});
|
|
14432
14815
|
|
|
@@ -14997,7 +15380,7 @@ var VendorInventory = function VendorInventory(_ref) {
|
|
|
14997
15380
|
})));
|
|
14998
15381
|
};
|
|
14999
15382
|
|
|
15000
|
-
var _templateObject$
|
|
15383
|
+
var _templateObject$Q, _templateObject2$B, _templateObject3$r, _templateObject4$l, _templateObject5$h, _templateObject6$f, _templateObject7$b, _templateObject8$9;
|
|
15001
15384
|
var VendorLogin = function VendorLogin(_ref) {
|
|
15002
15385
|
var primaryColor = _ref.primaryColor,
|
|
15003
15386
|
API_BASE_URL = _ref.API_BASE_URL;
|
|
@@ -15057,7 +15440,7 @@ var VendorLogin = function VendorLogin(_ref) {
|
|
|
15057
15440
|
minHeight: '60vh',
|
|
15058
15441
|
display: 'flex'
|
|
15059
15442
|
}
|
|
15060
|
-
}, /*#__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, {
|
|
15061
15444
|
variant: "h4"
|
|
15062
15445
|
}, "vendor sign in"), /*#__PURE__*/React__default.createElement(StyleInputBx, null, /*#__PURE__*/React__default.createElement("span", {
|
|
15063
15446
|
className: "icon"
|
|
@@ -15103,16 +15486,16 @@ var VendorLogin = function VendorLogin(_ref) {
|
|
|
15103
15486
|
color: "inherit"
|
|
15104
15487
|
}) : 'sign in'))))));
|
|
15105
15488
|
};
|
|
15106
|
-
var Container$
|
|
15107
|
-
var StyledLogin = styled__default.div(_templateObject2$
|
|
15108
|
-
var StyledCard = styled__default(material.Card)(_templateObject3$
|
|
15109
|
-
var H1 = styled__default(material.Typography)(_templateObject4$
|
|
15110
|
-
var StyleInputBx = styled__default.div(_templateObject5$
|
|
15111
|
-
var ShowPassBtn = styled__default.span(_templateObject6$
|
|
15112
|
-
var ButtonContianer = styled__default.span(_templateObject7$
|
|
15113
|
-
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"])));
|
|
15114
15497
|
|
|
15115
|
-
var _templateObject$
|
|
15498
|
+
var _templateObject$R, _templateObject2$C, _templateObject3$s, _templateObject4$m;
|
|
15116
15499
|
var menuItems = [{
|
|
15117
15500
|
name: 'My Account',
|
|
15118
15501
|
Icon: ri.RiAccountBoxLine,
|
|
@@ -15320,8 +15703,8 @@ var VendorAccountDetails = function VendorAccountDetails(_ref) {
|
|
|
15320
15703
|
height: 200
|
|
15321
15704
|
}) : /*#__PURE__*/React__default.createElement(React.Fragment, null, API_BASE_URL && token && renderListItemComponent(tabValue)))))));
|
|
15322
15705
|
};
|
|
15323
|
-
var Root$e = styled__default(material.Box)(_templateObject$
|
|
15324
|
-
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) {
|
|
15325
15708
|
return props.open ? '1800px' : '1600px';
|
|
15326
15709
|
});
|
|
15327
15710
|
var Main$1 = styles.styled('main', {
|
|
@@ -15354,12 +15737,12 @@ var Main$1 = styles.styled('main', {
|
|
|
15354
15737
|
overflow: 'auto'
|
|
15355
15738
|
});
|
|
15356
15739
|
});
|
|
15357
|
-
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) {
|
|
15358
15741
|
return props.open && '2rem';
|
|
15359
15742
|
}, function (props) {
|
|
15360
15743
|
return props.primaryColor || transparent;
|
|
15361
15744
|
});
|
|
15362
|
-
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) {
|
|
15363
15746
|
return props.fontColor;
|
|
15364
15747
|
});
|
|
15365
15748
|
|
|
@@ -15464,7 +15847,7 @@ var getRestockedData = function getRestockedData(_ref3) {
|
|
|
15464
15847
|
}
|
|
15465
15848
|
};
|
|
15466
15849
|
|
|
15467
|
-
var _templateObject$
|
|
15850
|
+
var _templateObject$S;
|
|
15468
15851
|
var NewArrival = function NewArrival(_ref) {
|
|
15469
15852
|
var _newArrivalItems$cont;
|
|
15470
15853
|
var apiEndPoint = _ref.apiEndPoint,
|
|
@@ -15615,7 +15998,7 @@ var DateCard = function DateCard(_ref2) {
|
|
|
15615
15998
|
}
|
|
15616
15999
|
}, item === null || item === void 0 ? void 0 : item.count));
|
|
15617
16000
|
};
|
|
15618
|
-
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"])));
|
|
15619
16002
|
|
|
15620
16003
|
var ReStockedItem = function ReStockedItem(_ref) {
|
|
15621
16004
|
var _newArrivalItems$cont;
|
|
@@ -15904,7 +16287,7 @@ var WishlistProductCardSkeleton = function WishlistProductCardSkeleton(_ref) {
|
|
|
15904
16287
|
}));
|
|
15905
16288
|
};
|
|
15906
16289
|
|
|
15907
|
-
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;
|
|
15908
16291
|
var getProductImage = function getProductImage(imageUrl, imgNotFoundUrl) {
|
|
15909
16292
|
return imageUrl && imageUrl !== 'null' ? imageUrl : imgNotFoundUrl != null ? imgNotFoundUrl : '/images/products/imgnotfound.png';
|
|
15910
16293
|
};
|
|
@@ -16038,20 +16421,20 @@ var WishlistComponent = function WishlistComponent(_ref) {
|
|
|
16038
16421
|
}));
|
|
16039
16422
|
})));
|
|
16040
16423
|
};
|
|
16041
|
-
var ProductCardWrapper = styled__default.div(_templateObject$
|
|
16042
|
-
var TopBar = styled__default.div(_templateObject2$
|
|
16043
|
-
var SearchWrapper = styled__default(material.Box)(_templateObject3$
|
|
16044
|
-
var TotalItemsText = styled__default.div(_templateObject4$
|
|
16045
|
-
var EmptyStateText = styled__default.p(_templateObject5$
|
|
16046
|
-
var DeleteButton = styled__default.button(_templateObject6$
|
|
16047
|
-
var PriceContainer = styled__default.div(_templateObject7$
|
|
16048
|
-
var DiscountPriceRow = styled__default.div(_templateObject8$
|
|
16049
|
-
var ProductName$2 = styled__default.div(_templateObject9$
|
|
16050
|
-
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) {
|
|
16051
16434
|
var primaryColor = _ref2.primaryColor;
|
|
16052
16435
|
return primaryColor != null ? primaryColor : '#000000';
|
|
16053
16436
|
});
|
|
16054
|
-
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"])));
|
|
16055
16438
|
var ProductCard = function ProductCard(_ref3) {
|
|
16056
16439
|
var _product$standardPric, _product$retailPrice, _product$standardPric2;
|
|
16057
16440
|
var product = _ref3.product,
|
|
@@ -16076,9 +16459,7 @@ var ProductCard = function ProductCard(_ref3) {
|
|
|
16076
16459
|
var _temp = _finallyRethrows(function () {
|
|
16077
16460
|
return _catch(function () {
|
|
16078
16461
|
return Promise.resolve(onRemoveFromWishlist(productId)).then(function () {});
|
|
16079
|
-
}, function (
|
|
16080
|
-
console.log('error', error);
|
|
16081
|
-
});
|
|
16462
|
+
}, function () {});
|
|
16082
16463
|
}, function (_wasThrown, _result) {
|
|
16083
16464
|
setDeleteLoading(false);
|
|
16084
16465
|
if (_wasThrown) throw _result;
|
|
@@ -16123,9 +16504,7 @@ var ProductCard = function ProductCard(_ref3) {
|
|
|
16123
16504
|
var _temp3 = _catch(function () {
|
|
16124
16505
|
e.stopPropagation();
|
|
16125
16506
|
return Promise.resolve(removeFromWishlist(product === null || product === void 0 ? void 0 : product.productId)).then(function () {});
|
|
16126
|
-
}, function (
|
|
16127
|
-
console.log('error', error);
|
|
16128
|
-
});
|
|
16507
|
+
}, function () {});
|
|
16129
16508
|
return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(function () {}) : void 0);
|
|
16130
16509
|
} catch (e) {
|
|
16131
16510
|
return Promise.reject(e);
|