@salesgenterp/ui-components 0.4.540 → 0.4.542
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 +587 -208
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +597 -218
- package/dist/index.modern.js.map +1 -1
- package/package.json +3 -2
package/dist/index.modern.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { Skeleton as Skeleton$1, CircularProgress, TextField, Button, IconButton, Stack, Typography, Grid, InputAdornment, Popover, TableHead, TableRow, TableSortLabel, Paper, TableContainer as TableContainer$3, Table, TableBody, TableCell, TablePagination, Dialog, DialogContent, DialogActions, DialogTitle, RadioGroup, Radio, FormControlLabel, FormLabel, FormControl, FormHelperText, Select as Select$1, InputLabel, MenuItem, CardMedia, Divider, Tabs, Box, Tab, CardContent, ListItemIcon, ListItem, Collapse, List, ListItemText, Checkbox as Checkbox$1, Card, CardHeader, CssBaseline, Toolbar, Drawer, useMediaQuery as useMediaQuery$1, Pagination, Tooltip, CardActionArea, Avatar as Avatar$1, alpha, Stepper, Step, StepLabel, StepContent, Container as Container$
|
|
1
|
+
import { Skeleton as Skeleton$1, CircularProgress, TextField, Button, IconButton, Stack, Typography, Grid, InputAdornment, Popover, TableHead, TableRow, TableSortLabel, Paper, TableContainer as TableContainer$3, Table, TableBody, TableCell, TablePagination, Dialog, DialogContent, DialogActions, DialogTitle, RadioGroup, Radio, FormControlLabel, FormLabel, FormControl, FormHelperText, Select as Select$1, InputLabel, MenuItem, CardMedia, Divider, Tabs, Box, Tab, CardContent, ListItemIcon, ListItem, Collapse, List, ListItemText, Checkbox as Checkbox$1, Card as Card$1, CardHeader, CssBaseline, Toolbar, Drawer, useMediaQuery as useMediaQuery$1, Pagination, Tooltip, CardActionArea, Avatar as Avatar$1, alpha, Stepper, Step, StepLabel, StepContent, Container as Container$4 } from '@mui/material';
|
|
2
2
|
import { styled as styled$1 } from '@mui/material/styles';
|
|
3
3
|
import useMediaQuery from '@mui/material/useMediaQuery';
|
|
4
|
-
import React__default, { useState, useEffect, forwardRef, createElement,
|
|
4
|
+
import React__default, { useState, useEffect, forwardRef, createElement, useCallback, memo, Fragment as Fragment$1, useRef, useMemo } from 'react';
|
|
5
5
|
import { MdVisibilityOff, MdVisibility, MdClose, MdMonetizationOn, MdOutlineStorefront, MdRemoveRedEye, MdOutlineFileDownload, MdPersonOutline, MdOutlineCall, MdMailOutline, MdExpandMore, MdExpandLess, MdStore, MdOutlineMenuOpen, MdMenu, MdDarkMode, MdOutlineDarkMode, MdDelete, MdCheckCircle, MdArrowBack, MdOutlineCircle, MdOutlineStickyNote2, MdOutlineNumbers, MdDateRange, MdOutlineWarehouse } from 'react-icons/md';
|
|
6
|
-
import styled, { ThemeProvider } from 'styled-components';
|
|
6
|
+
import styled, { css, ThemeProvider } from 'styled-components';
|
|
7
7
|
import { isEmpty, isString, toNumber, reduce, concat, omit, replace, template, isArray, some, toLower, isPlainObject, includes, values, cloneDeep, filter, sortBy, isObject, sumBy, get, isNumber, remove } from 'lodash';
|
|
8
8
|
import axios from 'axios';
|
|
9
9
|
import moment from 'moment';
|
|
@@ -19,7 +19,7 @@ import { GrStackOverflow, GrClose, GrRadialSelected } from 'react-icons/gr';
|
|
|
19
19
|
import { IoSearch, IoMailUnreadOutline, IoArrowBack, IoTimeOutline } from 'react-icons/io5';
|
|
20
20
|
import { TbPhoneCall, TbFileDollar, TbUserCircle, TbBuildingStore } from 'react-icons/tb';
|
|
21
21
|
import { IoMdClose } from 'react-icons/io';
|
|
22
|
-
import { BiSolidUpArrow, BiSolidDownArrow, BiLockOpen, BiNotepad, BiWallet } from 'react-icons/bi';
|
|
22
|
+
import { BiSolidUpArrow, BiSolidDownArrow, BiLockOpen, BiError, BiNotepad, BiWallet } from 'react-icons/bi';
|
|
23
23
|
import { DesktopDatePicker } from '@mui/x-date-pickers/DesktopDatePicker';
|
|
24
24
|
import { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';
|
|
25
25
|
import { LocalizationProvider } from '@mui/x-date-pickers';
|
|
@@ -27,7 +27,7 @@ import moment$1 from 'moment/moment';
|
|
|
27
27
|
import { useRouter } from 'next/router';
|
|
28
28
|
import Cards from 'react-credit-cards';
|
|
29
29
|
import { HiOutlineLocationMarker, HiOutlineChevronDown } from 'react-icons/hi';
|
|
30
|
-
import { BsCartX } from 'react-icons/bs';
|
|
30
|
+
import { BsFileEarmarkImage, BsFileEarmarkPdf, BsCartX } from 'react-icons/bs';
|
|
31
31
|
import { TfiMenuAlt } from 'react-icons/tfi';
|
|
32
32
|
import { GoNumber } from 'react-icons/go';
|
|
33
33
|
import { RiAccountBoxLine, RiHome7Line, RiFileTextLine, RiDiscountPercentLine, RiDeleteBin5Line } from 'react-icons/ri';
|
|
@@ -36,6 +36,8 @@ import FormControl$1 from '@mui/material/FormControl';
|
|
|
36
36
|
import InputLabel$1 from '@mui/material/InputLabel';
|
|
37
37
|
import MenuItem$1 from '@mui/material/MenuItem';
|
|
38
38
|
import Select$2 from '@mui/material/Select';
|
|
39
|
+
import { PulseLoader, BounceLoader, PuffLoader } from 'react-spinners';
|
|
40
|
+
import { useDropzone } from 'react-dropzone';
|
|
39
41
|
import Slider from 'react-slick';
|
|
40
42
|
import Paper$1 from '@mui/material/Paper';
|
|
41
43
|
import Table$1 from '@mui/material/Table';
|
|
@@ -44,7 +46,6 @@ import TableCell$1 from '@mui/material/TableCell';
|
|
|
44
46
|
import TableContainer$4 from '@mui/material/TableContainer';
|
|
45
47
|
import TableHead$1 from '@mui/material/TableHead';
|
|
46
48
|
import TableRow$1 from '@mui/material/TableRow';
|
|
47
|
-
import { BounceLoader, PuffLoader } from 'react-spinners';
|
|
48
49
|
import { Virtuoso } from 'react-virtuoso';
|
|
49
50
|
import Box$1 from '@mui/material/Box';
|
|
50
51
|
import TableSortLabel$1 from '@mui/material/TableSortLabel';
|
|
@@ -4705,7 +4706,7 @@ var StoreDetails = function StoreDetails(_ref) {
|
|
|
4705
4706
|
var RootContainer$2 = styled(Stack)(_templateObject$h || (_templateObject$h = _taggedTemplateLiteralLoose(["\n background-color: ", " !important;\n border-radius: 14px !important;\n padding: 1.3rem;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
|
|
4706
4707
|
return props.secondaryColor;
|
|
4707
4708
|
});
|
|
4708
|
-
var AddressContainer = styled(Card)(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteralLoose(["\n border-radius: 14px !important;\n background-color: ", " !important;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px !important;\n .MuiCardHeader-root {\n background-color: ", ";\n padding: 4px 14px;\n svg,\n h3 {\n color: #fff;\n font-size: 1.3rem;\n }\n h3 {\n font-weight: 500;\n margin-left: 6px;\n }\n }\n p {\n font-size: 0.9rem;\n font-weight: 400;\n color: ", ";\n margin-bottom: 1rem;\n word-break: break-word;\n }\n"])), function (props) {
|
|
4709
|
+
var AddressContainer = styled(Card$1)(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteralLoose(["\n border-radius: 14px !important;\n background-color: ", " !important;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px !important;\n .MuiCardHeader-root {\n background-color: ", ";\n padding: 4px 14px;\n svg,\n h3 {\n color: #fff;\n font-size: 1.3rem;\n }\n h3 {\n font-weight: 500;\n margin-left: 6px;\n }\n }\n p {\n font-size: 0.9rem;\n font-weight: 400;\n color: ", ";\n margin-bottom: 1rem;\n word-break: break-word;\n }\n"])), function (props) {
|
|
4709
4710
|
return props.secondaryColor;
|
|
4710
4711
|
}, function (props) {
|
|
4711
4712
|
return props.primaryColor;
|
|
@@ -4887,7 +4888,383 @@ var TypographyContainer$6 = styled(Typography)(_templateObject3$7 || (_templateO
|
|
|
4887
4888
|
return props.fontColor;
|
|
4888
4889
|
});
|
|
4889
4890
|
|
|
4890
|
-
var
|
|
4891
|
+
var DOCUMENT_MAX_SIZE = 5 * 1024 * 1024;
|
|
4892
|
+
var DOCUMENT_ACCEPT_TYPES = {
|
|
4893
|
+
'application/pdf': ['.pdf'],
|
|
4894
|
+
'image/jpeg': ['.jpg', '.jpeg'],
|
|
4895
|
+
'image/png': ['.png']
|
|
4896
|
+
};
|
|
4897
|
+
var getDropzoneRejectionError = function getDropzoneRejectionError(fileRejections) {
|
|
4898
|
+
var _rejection$errors;
|
|
4899
|
+
var rejection = fileRejections === null || fileRejections === void 0 ? void 0 : fileRejections[0];
|
|
4900
|
+
if (!rejection) return 'Invalid file';
|
|
4901
|
+
var error = (_rejection$errors = rejection.errors) === null || _rejection$errors === void 0 ? void 0 : _rejection$errors[0];
|
|
4902
|
+
if ((error === null || error === void 0 ? void 0 : error.code) === 'file-too-large') {
|
|
4903
|
+
return "File is too large. Max size is " + DOCUMENT_MAX_SIZE / (1024 * 1024) + "MB";
|
|
4904
|
+
}
|
|
4905
|
+
if ((error === null || error === void 0 ? void 0 : error.code) === 'file-invalid-type') {
|
|
4906
|
+
return 'Invalid file type. Please upload PDF, JPG, or PNG';
|
|
4907
|
+
}
|
|
4908
|
+
return (error === null || error === void 0 ? void 0 : error.message) || 'Invalid file';
|
|
4909
|
+
};
|
|
4910
|
+
|
|
4911
|
+
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;
|
|
4912
|
+
var DEFAULT_PRIMARY_COLOR = "#437c0f";
|
|
4913
|
+
var Container = styled.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"])));
|
|
4914
|
+
var Card = styled.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"])));
|
|
4915
|
+
var Title = styled.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) {
|
|
4916
|
+
var $primaryColor = _ref.$primaryColor;
|
|
4917
|
+
return $primaryColor;
|
|
4918
|
+
});
|
|
4919
|
+
var DocumentList = styled.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"])));
|
|
4920
|
+
var DocumentCard = styled.li(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteralLoose(["\n border: 1px solid #e8e8e8;\n border-radius: 8px;\n background: #fafafa;\n overflow: hidden;\n"])));
|
|
4921
|
+
var DocumentHeader = styled.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"])));
|
|
4922
|
+
var DocInfo = styled.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"])));
|
|
4923
|
+
var DocName = styled.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"])));
|
|
4924
|
+
var DocStatus = styled.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) {
|
|
4925
|
+
var $isPending = _ref2.$isPending;
|
|
4926
|
+
return $isPending ? css(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteralLoose(["\n background: #fff3e0;\n color: #e65100;\n "]))) : css(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteralLoose(["\n background: #e8f5e9;\n color: #2e7d32;\n "])));
|
|
4927
|
+
});
|
|
4928
|
+
var FilesSection = styled.div(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteralLoose(["\n padding: 0.75rem 1.25rem 1rem;\n border-top: 1px solid #eee;\n"])));
|
|
4929
|
+
var DropzoneSection = styled.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteralLoose(["\n padding: 1rem 1.25rem;\n background: #fff;\n border-bottom: 1px solid #eee;\n"])));
|
|
4930
|
+
var Dropzone = styled.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) {
|
|
4931
|
+
var $primaryColor = _ref3.$primaryColor;
|
|
4932
|
+
return $primaryColor;
|
|
4933
|
+
}, function (_ref4) {
|
|
4934
|
+
var $primaryColor = _ref4.$primaryColor;
|
|
4935
|
+
return $primaryColor + "14";
|
|
4936
|
+
}, function (_ref5) {
|
|
4937
|
+
var $isActive = _ref5.$isActive,
|
|
4938
|
+
$primaryColor = _ref5.$primaryColor;
|
|
4939
|
+
return $isActive && css(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteralLoose(["\n border-color: ", ";\n background: ", ";\n "])), $primaryColor, $primaryColor + "1a");
|
|
4940
|
+
});
|
|
4941
|
+
var DropzoneBtn = styled.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) {
|
|
4942
|
+
var $primaryColor = _ref6.$primaryColor;
|
|
4943
|
+
return $primaryColor;
|
|
4944
|
+
}, function (_ref7) {
|
|
4945
|
+
var $primaryColor = _ref7.$primaryColor;
|
|
4946
|
+
return $primaryColor;
|
|
4947
|
+
});
|
|
4948
|
+
var DropzoneText = styled.span(_templateObject17$1 || (_templateObject17$1 = _taggedTemplateLiteralLoose(["\n font-size: 0.875rem;\n color: #666;\n"])));
|
|
4949
|
+
var DropzoneError = styled.p(_templateObject18$1 || (_templateObject18$1 = _taggedTemplateLiteralLoose(["\n margin: 0.5rem 0 0;\n font-size: 0.8rem;\n color: #c62828;\n"])));
|
|
4950
|
+
var SelectedFileRow = styled.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"])));
|
|
4951
|
+
var SelectedFileInfo = styled.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 0.5rem;\n min-width: 0;\n flex: 1;\n"])));
|
|
4952
|
+
var SelectedFileName = styled.span(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n font-size: 0.875rem;\n color: #333;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"])));
|
|
4953
|
+
var ClearFileBtn = styled.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"])));
|
|
4954
|
+
var UploadedFiles = styled.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"])));
|
|
4955
|
+
var UploadedFileMeta = styled.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n flex: 1;\n min-width: 0;\n display: flex;\n flex-direction: column;\n gap: 0.2rem;\n"])));
|
|
4956
|
+
var UploadedFileName = styled.span(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n color: #333;\n font-weight: 500;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"])));
|
|
4957
|
+
var UploadedFileDate = styled.span(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n font-size: 0.8rem;\n color: #888;\n"])));
|
|
4958
|
+
var ViewBtn = styled.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) {
|
|
4959
|
+
var $primaryColor = _ref8.$primaryColor;
|
|
4960
|
+
return $primaryColor;
|
|
4961
|
+
}, function (_ref9) {
|
|
4962
|
+
var $primaryColor = _ref9.$primaryColor;
|
|
4963
|
+
return $primaryColor;
|
|
4964
|
+
}, function (_ref10) {
|
|
4965
|
+
var $primaryColor = _ref10.$primaryColor;
|
|
4966
|
+
return $primaryColor;
|
|
4967
|
+
});
|
|
4968
|
+
var FileIcon = styled.span(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n flex-shrink: 0;\n font-size: 1rem;\n color: #c62828;\n display: flex;\n align-items: center;\n"])));
|
|
4969
|
+
var NoDocuments = styled.p(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n margin: 0;\n font-size: 0.875rem;\n color: #999;\n font-style: italic;\n"])));
|
|
4970
|
+
var UploadBtn = styled.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) {
|
|
4971
|
+
var $primaryColor = _ref11.$primaryColor;
|
|
4972
|
+
return $primaryColor;
|
|
4973
|
+
});
|
|
4974
|
+
var EmptyState = styled.p(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n text-align: center;\n color: #666;\n padding: 2rem 1rem;\n"])));
|
|
4975
|
+
var ErrorCard = styled.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"])));
|
|
4976
|
+
var ErrIcon = styled(BiError)(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n font-size: 3rem;\n color: #c62828;\n"])));
|
|
4977
|
+
var Loading = styled.div(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 200px;\n"])));
|
|
4978
|
+
|
|
4979
|
+
var formatDocName = function formatDocName(name) {
|
|
4980
|
+
return (name === null || name === void 0 ? void 0 : name.replace(/-/g, ' ')) || '';
|
|
4981
|
+
};
|
|
4982
|
+
var getUploadedFileName = function getUploadedFileName(file) {
|
|
4983
|
+
if (file !== null && file !== void 0 && file.fileName) return file.fileName;
|
|
4984
|
+
if (file !== null && file !== void 0 && file.viewUrl) {
|
|
4985
|
+
try {
|
|
4986
|
+
var _URL$pathname, _URL$pathname$split;
|
|
4987
|
+
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();
|
|
4988
|
+
return decodeURIComponent(fileName || 'Uploaded file');
|
|
4989
|
+
} catch (_unused) {
|
|
4990
|
+
return 'Uploaded file';
|
|
4991
|
+
}
|
|
4992
|
+
}
|
|
4993
|
+
return (file === null || file === void 0 ? void 0 : file.name) || (file === null || file === void 0 ? void 0 : file.documentName) || 'Uploaded file';
|
|
4994
|
+
};
|
|
4995
|
+
var isImageUrl = function isImageUrl(url) {
|
|
4996
|
+
return /\.(png|jpe?g|gif|webp)$/i.test(url || '');
|
|
4997
|
+
};
|
|
4998
|
+
var isImageFile = function isImageFile(file) {
|
|
4999
|
+
var _file$type;
|
|
5000
|
+
return file === null || file === void 0 ? void 0 : (_file$type = file.type) === null || _file$type === void 0 ? void 0 : _file$type.startsWith('image/');
|
|
5001
|
+
};
|
|
5002
|
+
var FilePreviewIcon = function FilePreviewIcon(_ref) {
|
|
5003
|
+
var file = _ref.file;
|
|
5004
|
+
return /*#__PURE__*/React__default.createElement(FileIcon, null, isImageFile(file) ? /*#__PURE__*/React__default.createElement(BsFileEarmarkImage, null) : /*#__PURE__*/React__default.createElement(BsFileEarmarkPdf, null));
|
|
5005
|
+
};
|
|
5006
|
+
var DocumentUploadCard = function DocumentUploadCard(_ref2) {
|
|
5007
|
+
var _doc$files, _doc$files2;
|
|
5008
|
+
var doc = _ref2.doc,
|
|
5009
|
+
documentTypeIds = _ref2.documentTypeIds,
|
|
5010
|
+
documentToken = _ref2.documentToken,
|
|
5011
|
+
apiEndPoint = _ref2.apiEndPoint,
|
|
5012
|
+
token = _ref2.token,
|
|
5013
|
+
primaryColor = _ref2.primaryColor,
|
|
5014
|
+
onUploadSuccess = _ref2.onUploadSuccess;
|
|
5015
|
+
var _useState = useState(null),
|
|
5016
|
+
selectedFile = _useState[0],
|
|
5017
|
+
setSelectedFile = _useState[1];
|
|
5018
|
+
var _useState2 = useState(false),
|
|
5019
|
+
uploading = _useState2[0],
|
|
5020
|
+
setUploading = _useState2[1];
|
|
5021
|
+
var _useState3 = useState(''),
|
|
5022
|
+
dropError = _useState3[0],
|
|
5023
|
+
setDropError = _useState3[1];
|
|
5024
|
+
var onDrop = useCallback(function (acceptedFiles, fileRejections) {
|
|
5025
|
+
if (fileRejections !== null && fileRejections !== void 0 && fileRejections.length) {
|
|
5026
|
+
setDropError(getDropzoneRejectionError(fileRejections));
|
|
5027
|
+
return;
|
|
5028
|
+
}
|
|
5029
|
+
if (acceptedFiles !== null && acceptedFiles !== void 0 && acceptedFiles[0]) {
|
|
5030
|
+
setSelectedFile(acceptedFiles[0]);
|
|
5031
|
+
setDropError('');
|
|
5032
|
+
}
|
|
5033
|
+
}, []);
|
|
5034
|
+
var _useDropzone = useDropzone({
|
|
5035
|
+
onDrop: onDrop,
|
|
5036
|
+
multiple: false,
|
|
5037
|
+
maxSize: DOCUMENT_MAX_SIZE,
|
|
5038
|
+
accept: DOCUMENT_ACCEPT_TYPES
|
|
5039
|
+
}),
|
|
5040
|
+
getRootProps = _useDropzone.getRootProps,
|
|
5041
|
+
getInputProps = _useDropzone.getInputProps,
|
|
5042
|
+
isDragActive = _useDropzone.isDragActive;
|
|
5043
|
+
var handleUpload = function handleUpload() {
|
|
5044
|
+
try {
|
|
5045
|
+
if (!selectedFile || uploading) return Promise.resolve();
|
|
5046
|
+
setUploading(true);
|
|
5047
|
+
var _temp = _finallyRethrows(function () {
|
|
5048
|
+
return _catch(function () {
|
|
5049
|
+
return Promise.resolve(uploadDocumentFile({
|
|
5050
|
+
apiEndPoint: apiEndPoint,
|
|
5051
|
+
token: token,
|
|
5052
|
+
documentToken: documentToken,
|
|
5053
|
+
documentTypeIds: documentTypeIds,
|
|
5054
|
+
documentTypeId: doc === null || doc === void 0 ? void 0 : doc.documentTypeId,
|
|
5055
|
+
file: selectedFile
|
|
5056
|
+
})).then(function () {
|
|
5057
|
+
setSelectedFile(null);
|
|
5058
|
+
alert('Document uploaded successfully');
|
|
5059
|
+
return Promise.resolve(onUploadSuccess === null || onUploadSuccess === void 0 ? void 0 : onUploadSuccess()).then(function () {});
|
|
5060
|
+
});
|
|
5061
|
+
}, function (err) {
|
|
5062
|
+
var _err$response, _err$response$data, _err$response$data$er;
|
|
5063
|
+
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');
|
|
5064
|
+
});
|
|
5065
|
+
}, function (_wasThrown, _result) {
|
|
5066
|
+
setUploading(false);
|
|
5067
|
+
if (_wasThrown) throw _result;
|
|
5068
|
+
return _result;
|
|
5069
|
+
});
|
|
5070
|
+
return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
|
|
5071
|
+
} catch (e) {
|
|
5072
|
+
return Promise.reject(e);
|
|
5073
|
+
}
|
|
5074
|
+
};
|
|
5075
|
+
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, {
|
|
5076
|
+
$isPending: (doc === null || doc === void 0 ? void 0 : doc.itemStatus) === 'PENDING'
|
|
5077
|
+
}, 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, {
|
|
5078
|
+
file: selectedFile
|
|
5079
|
+
}), /*#__PURE__*/React__default.createElement(SelectedFileName, null, selectedFile === null || selectedFile === void 0 ? void 0 : selectedFile.name), /*#__PURE__*/React__default.createElement(ClearFileBtn, {
|
|
5080
|
+
type: "button",
|
|
5081
|
+
onClick: function onClick() {
|
|
5082
|
+
return setSelectedFile(null);
|
|
5083
|
+
},
|
|
5084
|
+
disabled: uploading,
|
|
5085
|
+
"aria-label": "Remove selected file"
|
|
5086
|
+
}, /*#__PURE__*/React__default.createElement(IoMdClose, null))), /*#__PURE__*/React__default.createElement(UploadBtn, {
|
|
5087
|
+
type: "button",
|
|
5088
|
+
onClick: handleUpload,
|
|
5089
|
+
disabled: uploading,
|
|
5090
|
+
$primaryColor: primaryColor
|
|
5091
|
+
}, uploading ? /*#__PURE__*/React__default.createElement(PulseLoader, {
|
|
5092
|
+
color: "#fff",
|
|
5093
|
+
size: 8
|
|
5094
|
+
}) : 'Upload')) : /*#__PURE__*/React__default.createElement(Dropzone, _extends({}, getRootProps(), {
|
|
5095
|
+
$primaryColor: primaryColor,
|
|
5096
|
+
$isActive: isDragActive
|
|
5097
|
+
}), /*#__PURE__*/React__default.createElement("input", getInputProps()), /*#__PURE__*/React__default.createElement(DropzoneBtn, {
|
|
5098
|
+
$primaryColor: primaryColor
|
|
5099
|
+
}, "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) {
|
|
5100
|
+
var fileName = getUploadedFileName(file);
|
|
5101
|
+
var uploadedDate = getLocalTime({
|
|
5102
|
+
time: (file === null || file === void 0 ? void 0 : file.uploadedAt) || ''
|
|
5103
|
+
});
|
|
5104
|
+
return /*#__PURE__*/React__default.createElement("li", {
|
|
5105
|
+
key: (file === null || file === void 0 ? void 0 : file.attachmentId) || (file === null || file === void 0 ? void 0 : file.id) || fileName
|
|
5106
|
+
}, /*#__PURE__*/React__default.createElement(FileIcon, null, isImageUrl((file === null || file === void 0 ? void 0 : file.viewUrl) || fileName) ? /*#__PURE__*/React__default.createElement(BsFileEarmarkImage, null) : /*#__PURE__*/React__default.createElement(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, {
|
|
5107
|
+
href: file === null || file === void 0 ? void 0 : file.viewUrl,
|
|
5108
|
+
target: "_blank",
|
|
5109
|
+
rel: "noopener noreferrer",
|
|
5110
|
+
$primaryColor: primaryColor
|
|
5111
|
+
}, "View"));
|
|
5112
|
+
})) : /*#__PURE__*/React__default.createElement(NoDocuments, null, "No files uploaded")));
|
|
5113
|
+
};
|
|
5114
|
+
var uploadDocumentFile = function uploadDocumentFile(_ref3) {
|
|
5115
|
+
var apiEndPoint = _ref3.apiEndPoint,
|
|
5116
|
+
token = _ref3.token,
|
|
5117
|
+
documentToken = _ref3.documentToken,
|
|
5118
|
+
documentTypeIds = _ref3.documentTypeIds,
|
|
5119
|
+
documentTypeId = _ref3.documentTypeId,
|
|
5120
|
+
file = _ref3.file;
|
|
5121
|
+
try {
|
|
5122
|
+
var formData = new FormData();
|
|
5123
|
+
formData.append('file', file || '');
|
|
5124
|
+
var url = apiEndPoint + "/ecommerce/customer/document-upload/files?documentTypeIds=" + (documentTypeIds === null || documentTypeIds === void 0 ? void 0 : documentTypeIds.join(',')) + "&token=" + documentToken + "&documentTypeId=" + documentTypeId;
|
|
5125
|
+
return Promise.resolve(axios.post(url, formData, {
|
|
5126
|
+
headers: {
|
|
5127
|
+
Accept: 'application/json',
|
|
5128
|
+
Authorization: "Bearer " + token,
|
|
5129
|
+
'Content-Type': 'multipart/form-data'
|
|
5130
|
+
}
|
|
5131
|
+
}));
|
|
5132
|
+
} catch (e) {
|
|
5133
|
+
return Promise.reject(e);
|
|
5134
|
+
}
|
|
5135
|
+
};
|
|
5136
|
+
|
|
5137
|
+
var UploadDocument = function UploadDocument(_ref) {
|
|
5138
|
+
var _router$query, _router$query2, _documentTypeIdsParam;
|
|
5139
|
+
var apiEndPoint = _ref.apiEndPoint,
|
|
5140
|
+
token = _ref.token,
|
|
5141
|
+
primaryColor = _ref.primaryColor;
|
|
5142
|
+
var resolvedPrimaryColor = primaryColor || DEFAULT_PRIMARY_COLOR;
|
|
5143
|
+
var router = useRouter();
|
|
5144
|
+
var documentToken = router === null || router === void 0 ? void 0 : (_router$query = router.query) === null || _router$query === void 0 ? void 0 : _router$query.token;
|
|
5145
|
+
var documentTypeIdsParam = router === null || router === void 0 ? void 0 : (_router$query2 = router.query) === null || _router$query2 === void 0 ? void 0 : _router$query2.documentTypeIds;
|
|
5146
|
+
var documentTypeIds = (documentTypeIdsParam === null || documentTypeIdsParam === void 0 ? void 0 : (_documentTypeIdsParam = documentTypeIdsParam.split(',')) === null || _documentTypeIdsParam === void 0 ? void 0 : _documentTypeIdsParam.filter(Boolean)) || [];
|
|
5147
|
+
var _useState = useState(true),
|
|
5148
|
+
loading = _useState[0],
|
|
5149
|
+
setLoading = _useState[1];
|
|
5150
|
+
var _useState2 = useState(false),
|
|
5151
|
+
showForm = _useState2[0],
|
|
5152
|
+
setShowForm = _useState2[1];
|
|
5153
|
+
var _useState3 = useState([]),
|
|
5154
|
+
documentTypes = _useState3[0],
|
|
5155
|
+
setDocumentTypes = _useState3[1];
|
|
5156
|
+
var refreshDocumentTypes = useCallback(function () {
|
|
5157
|
+
try {
|
|
5158
|
+
var _documentTypeIdsParam2;
|
|
5159
|
+
var ids = (documentTypeIdsParam === null || documentTypeIdsParam === void 0 ? void 0 : (_documentTypeIdsParam2 = documentTypeIdsParam.split(',')) === null || _documentTypeIdsParam2 === void 0 ? void 0 : _documentTypeIdsParam2.filter(Boolean)) || [];
|
|
5160
|
+
return Promise.resolve(getDocumentTypes({
|
|
5161
|
+
documentTypeIds: ids,
|
|
5162
|
+
apiEndPoint: apiEndPoint,
|
|
5163
|
+
token: token,
|
|
5164
|
+
documentToken: documentToken
|
|
5165
|
+
})).then(function (documentTypesRes) {
|
|
5166
|
+
var _documentTypesRes$dat;
|
|
5167
|
+
if ((documentTypesRes === null || documentTypesRes === void 0 ? void 0 : (_documentTypesRes$dat = documentTypesRes.data) === null || _documentTypesRes$dat === void 0 ? void 0 : _documentTypesRes$dat.status) === 200) {
|
|
5168
|
+
var _documentTypesRes$dat2, _documentTypesRes$dat3;
|
|
5169
|
+
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) || []);
|
|
5170
|
+
}
|
|
5171
|
+
return documentTypesRes;
|
|
5172
|
+
});
|
|
5173
|
+
} catch (e) {
|
|
5174
|
+
return Promise.reject(e);
|
|
5175
|
+
}
|
|
5176
|
+
}, [documentTypeIdsParam, apiEndPoint, token, documentToken]);
|
|
5177
|
+
useEffect(function () {
|
|
5178
|
+
if (!(router !== null && router !== void 0 && router.isReady)) return;
|
|
5179
|
+
(function () {
|
|
5180
|
+
try {
|
|
5181
|
+
setLoading(true);
|
|
5182
|
+
setShowForm(false);
|
|
5183
|
+
return _finallyRethrows(function () {
|
|
5184
|
+
return _catch(function () {
|
|
5185
|
+
return Promise.resolve(validateDocumentTypeToken({
|
|
5186
|
+
documentToken: documentToken,
|
|
5187
|
+
apiEndPoint: apiEndPoint,
|
|
5188
|
+
token: token
|
|
5189
|
+
})).then(function (validateRes) {
|
|
5190
|
+
var _validateRes$data;
|
|
5191
|
+
if ((validateRes === null || validateRes === void 0 ? void 0 : (_validateRes$data = validateRes.data) === null || _validateRes$data === void 0 ? void 0 : _validateRes$data.status) !== 200) {
|
|
5192
|
+
return;
|
|
5193
|
+
}
|
|
5194
|
+
return Promise.resolve(refreshDocumentTypes()).then(function (documentTypesRes) {
|
|
5195
|
+
var _documentTypesRes$dat4;
|
|
5196
|
+
if ((documentTypesRes === null || documentTypesRes === void 0 ? void 0 : (_documentTypesRes$dat4 = documentTypesRes.data) === null || _documentTypesRes$dat4 === void 0 ? void 0 : _documentTypesRes$dat4.status) === 200) {
|
|
5197
|
+
setShowForm(true);
|
|
5198
|
+
}
|
|
5199
|
+
});
|
|
5200
|
+
});
|
|
5201
|
+
}, function () {});
|
|
5202
|
+
}, function (_wasThrown, _result) {
|
|
5203
|
+
setLoading(false);
|
|
5204
|
+
if (_wasThrown) throw _result;
|
|
5205
|
+
return _result;
|
|
5206
|
+
});
|
|
5207
|
+
} catch (e) {
|
|
5208
|
+
Promise.reject(e);
|
|
5209
|
+
}
|
|
5210
|
+
})();
|
|
5211
|
+
}, [router === null || router === void 0 ? void 0 : router.isReady, documentToken, documentTypeIdsParam, apiEndPoint, token, refreshDocumentTypes]);
|
|
5212
|
+
return /*#__PURE__*/React__default.createElement("div", null, loading ? /*#__PURE__*/React__default.createElement(Container, null, /*#__PURE__*/React__default.createElement(Loading, null, /*#__PURE__*/React__default.createElement(PulseLoader, {
|
|
5213
|
+
color: resolvedPrimaryColor
|
|
5214
|
+
}))) : showForm ? /*#__PURE__*/React__default.createElement(Container, null, /*#__PURE__*/React__default.createElement(Card, null, /*#__PURE__*/React__default.createElement(Title, {
|
|
5215
|
+
$primaryColor: resolvedPrimaryColor
|
|
5216
|
+
}, "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) {
|
|
5217
|
+
return /*#__PURE__*/React__default.createElement(DocumentUploadCard, {
|
|
5218
|
+
key: doc === null || doc === void 0 ? void 0 : doc.documentTypeId,
|
|
5219
|
+
doc: doc,
|
|
5220
|
+
documentTypeIds: documentTypeIds,
|
|
5221
|
+
documentToken: documentToken,
|
|
5222
|
+
apiEndPoint: apiEndPoint,
|
|
5223
|
+
token: token,
|
|
5224
|
+
primaryColor: resolvedPrimaryColor,
|
|
5225
|
+
onUploadSuccess: refreshDocumentTypes
|
|
5226
|
+
});
|
|
5227
|
+
})) : /*#__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."))));
|
|
5228
|
+
};
|
|
5229
|
+
var validateDocumentTypeToken = function validateDocumentTypeToken(_ref2) {
|
|
5230
|
+
var documentToken = _ref2.documentToken,
|
|
5231
|
+
apiEndPoint = _ref2.apiEndPoint,
|
|
5232
|
+
token = _ref2.token;
|
|
5233
|
+
try {
|
|
5234
|
+
var url = apiEndPoint + "/ecommerce/customer/validateDocumentTypeToken?token=" + documentToken;
|
|
5235
|
+
return Promise.resolve(axios.post(url, null, {
|
|
5236
|
+
headers: {
|
|
5237
|
+
Authorization: "Bearer " + token
|
|
5238
|
+
}
|
|
5239
|
+
}));
|
|
5240
|
+
} catch (e) {
|
|
5241
|
+
return Promise.reject(e);
|
|
5242
|
+
}
|
|
5243
|
+
};
|
|
5244
|
+
var getDocumentTypes = function getDocumentTypes(_ref3) {
|
|
5245
|
+
var documentTypeIds = _ref3.documentTypeIds,
|
|
5246
|
+
apiEndPoint = _ref3.apiEndPoint,
|
|
5247
|
+
token = _ref3.token,
|
|
5248
|
+
documentToken = _ref3.documentToken;
|
|
5249
|
+
try {
|
|
5250
|
+
return Promise.resolve(_catch(function () {
|
|
5251
|
+
var url = apiEndPoint + "/ecommerce/customer/document-upload/session?documentTypeIds=" + (documentTypeIds === null || documentTypeIds === void 0 ? void 0 : documentTypeIds.join(',')) + "&token=" + documentToken;
|
|
5252
|
+
return Promise.resolve(axios.get(url, {
|
|
5253
|
+
headers: {
|
|
5254
|
+
Authorization: "Bearer " + token
|
|
5255
|
+
}
|
|
5256
|
+
}));
|
|
5257
|
+
}, function (err) {
|
|
5258
|
+
var _err$response, _err$response$data, _err$response$data$er;
|
|
5259
|
+
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');
|
|
5260
|
+
throw err;
|
|
5261
|
+
}));
|
|
5262
|
+
} catch (e) {
|
|
5263
|
+
return Promise.reject(e);
|
|
5264
|
+
}
|
|
5265
|
+
};
|
|
5266
|
+
|
|
5267
|
+
var _templateObject$l, _templateObject2$d, _templateObject3$9, _templateObject4$7;
|
|
4891
5268
|
var AccountDetails = function AccountDetails(_ref) {
|
|
4892
5269
|
var _storeData$map, _storeData$find, _storeData$;
|
|
4893
5270
|
var apiEndPoint = _ref.apiEndPoint,
|
|
@@ -5145,6 +5522,12 @@ var AccountDetails = function AccountDetails(_ref) {
|
|
|
5145
5522
|
storeIdList: storeIdList,
|
|
5146
5523
|
defaultStoreId: defaultStoreId
|
|
5147
5524
|
});
|
|
5525
|
+
case 'uploadDocuments':
|
|
5526
|
+
return /*#__PURE__*/React__default.createElement(UploadDocument, {
|
|
5527
|
+
apiEndPoint: apiEndPoint,
|
|
5528
|
+
token: token,
|
|
5529
|
+
primaryColor: colors.primaryColor
|
|
5530
|
+
});
|
|
5148
5531
|
default:
|
|
5149
5532
|
return /*#__PURE__*/React__default.createElement(TypographyContainer$7, {
|
|
5150
5533
|
fontColor: colors.fontColor
|
|
@@ -5239,14 +5622,14 @@ var AccountDetails = function AccountDetails(_ref) {
|
|
|
5239
5622
|
skeleton: true
|
|
5240
5623
|
}, apiEndPoint && token && renderListItemComponent(tabValue))))))));
|
|
5241
5624
|
};
|
|
5242
|
-
var Root$4 = styled(Box)(_templateObject$
|
|
5625
|
+
var Root$4 = styled(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) {
|
|
5243
5626
|
var _props$theme;
|
|
5244
5627
|
return (_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.backgroundImage;
|
|
5245
5628
|
}, function (props) {
|
|
5246
5629
|
var _props$theme2, _props$theme3, _props$theme4;
|
|
5247
5630
|
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)";
|
|
5248
5631
|
});
|
|
5249
|
-
var MainContainer = styled.div(_templateObject2$
|
|
5632
|
+
var MainContainer = styled.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) {
|
|
5250
5633
|
return props.backgroundColor;
|
|
5251
5634
|
}, function (props) {
|
|
5252
5635
|
return props.open ? '1800px' : '1600px';
|
|
@@ -5281,12 +5664,12 @@ var Main = styled$1('main', {
|
|
|
5281
5664
|
overflow: 'auto'
|
|
5282
5665
|
});
|
|
5283
5666
|
});
|
|
5284
|
-
var ContainerDrawer = styled(Drawer)(_templateObject3$
|
|
5667
|
+
var ContainerDrawer = styled(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) {
|
|
5285
5668
|
return props.open && '2rem';
|
|
5286
5669
|
}, function (props) {
|
|
5287
5670
|
return props.primaryColor || transparent;
|
|
5288
5671
|
});
|
|
5289
|
-
var TypographyContainer$7 = styled(Typography)(_templateObject4$
|
|
5672
|
+
var TypographyContainer$7 = styled(Typography)(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
|
|
5290
5673
|
return props.fontColor;
|
|
5291
5674
|
});
|
|
5292
5675
|
|
|
@@ -5367,7 +5750,7 @@ var AsyncDataLoad = function AsyncDataLoad(_ref) {
|
|
|
5367
5750
|
};
|
|
5368
5751
|
var AsyncDataLoadComponent = memo(AsyncDataLoad);
|
|
5369
5752
|
|
|
5370
|
-
var _templateObject$
|
|
5753
|
+
var _templateObject$m, _templateObject2$e, _templateObject3$a;
|
|
5371
5754
|
var BannerImages = function BannerImages(_ref) {
|
|
5372
5755
|
var config = _ref.config,
|
|
5373
5756
|
sliderImages = _ref.sliderImages,
|
|
@@ -5432,11 +5815,11 @@ var BannerImages = function BannerImages(_ref) {
|
|
|
5432
5815
|
}))));
|
|
5433
5816
|
})));
|
|
5434
5817
|
};
|
|
5435
|
-
var Video = styled.video(_templateObject$
|
|
5436
|
-
var Image = styled.img(_templateObject2$
|
|
5437
|
-
var BannerContainer$1 = styled.section(_templateObject3$
|
|
5818
|
+
var Video = styled.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"])));
|
|
5819
|
+
var Image = styled.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"])));
|
|
5820
|
+
var BannerContainer$1 = styled.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"])));
|
|
5438
5821
|
|
|
5439
|
-
var _templateObject$
|
|
5822
|
+
var _templateObject$n, _templateObject2$f, _templateObject3$b, _templateObject4$8;
|
|
5440
5823
|
var LandingCarousel = function LandingCarousel(_ref) {
|
|
5441
5824
|
var _config$spaceBetweenC, _config$colLg, _ref2, _ref3, _config$colSm, _ref4, _config$colMd, _config$colLg2;
|
|
5442
5825
|
var config = _ref.config,
|
|
@@ -5518,16 +5901,16 @@ var LandingCarousel = function LandingCarousel(_ref) {
|
|
|
5518
5901
|
})));
|
|
5519
5902
|
})));
|
|
5520
5903
|
};
|
|
5521
|
-
var Image$1 = styled.img(_templateObject$
|
|
5522
|
-
var Video$1 = styled.video(_templateObject2$
|
|
5523
|
-
var Root$5 = styled.div(_templateObject3$
|
|
5524
|
-
var ReactSlick = styled(Slider)(_templateObject4$
|
|
5904
|
+
var Image$1 = styled.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"])));
|
|
5905
|
+
var Video$1 = styled.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"])));
|
|
5906
|
+
var Root$5 = styled.div(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteralLoose(["\n height: 100%;\n"])));
|
|
5907
|
+
var ReactSlick = styled(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) {
|
|
5525
5908
|
return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
|
|
5526
5909
|
}, function (props) {
|
|
5527
5910
|
return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
|
|
5528
5911
|
});
|
|
5529
5912
|
|
|
5530
|
-
var _templateObject$
|
|
5913
|
+
var _templateObject$o, _templateObject2$g;
|
|
5531
5914
|
var inDebounce;
|
|
5532
5915
|
var JUSTIFY = {
|
|
5533
5916
|
Left: {
|
|
@@ -5722,8 +6105,8 @@ var HomeBanner = function HomeBanner(_ref) {
|
|
|
5722
6105
|
}, item === null || item === void 0 ? void 0 : item.component);
|
|
5723
6106
|
}))))));
|
|
5724
6107
|
};
|
|
5725
|
-
var Root$6 = styled.div(_templateObject$
|
|
5726
|
-
var MainContainer$1 = styled.div(_templateObject2$
|
|
6108
|
+
var Root$6 = styled.div(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose([""])));
|
|
6109
|
+
var MainContainer$1 = styled.div(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteralLoose([""])));
|
|
5727
6110
|
var SingleBanner = function SingleBanner(_ref3) {
|
|
5728
6111
|
var config = _ref3.config,
|
|
5729
6112
|
sliderImages = _ref3.sliderImages,
|
|
@@ -5756,7 +6139,7 @@ var adjustResponsiveSpace = function adjustResponsiveSpace(_ref4) {
|
|
|
5756
6139
|
return spaceValue;
|
|
5757
6140
|
};
|
|
5758
6141
|
|
|
5759
|
-
var _templateObject$
|
|
6142
|
+
var _templateObject$p, _templateObject2$h, _templateObject3$c, _templateObject4$9, _templateObject5$5;
|
|
5760
6143
|
var LandingCarousel$1 = function LandingCarousel(_ref) {
|
|
5761
6144
|
var _brandData2;
|
|
5762
6145
|
var brandList = _ref.brandList,
|
|
@@ -5882,17 +6265,17 @@ var LandingCarousel$1 = function LandingCarousel(_ref) {
|
|
|
5882
6265
|
})));
|
|
5883
6266
|
})));
|
|
5884
6267
|
};
|
|
5885
|
-
var Image$2 = styled.img(_templateObject$
|
|
5886
|
-
var Video$2 = styled.video(_templateObject2$
|
|
5887
|
-
var Root$7 = styled.div(_templateObject3$
|
|
5888
|
-
var ReactSlick$1 = styled(Slider)(_templateObject4$
|
|
6268
|
+
var Image$2 = styled.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"])));
|
|
6269
|
+
var Video$2 = styled.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"])));
|
|
6270
|
+
var Root$7 = styled.div(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteralLoose(["\n height: 100%;\n"])));
|
|
6271
|
+
var ReactSlick$1 = styled(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) {
|
|
5889
6272
|
return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
|
|
5890
6273
|
});
|
|
5891
|
-
var SliderItem = styled.div(_templateObject5$
|
|
6274
|
+
var SliderItem = styled.div(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteralLoose(["\n height: 100%;\n padding: 0 ", "px;\n overflow: hidden;\n"])), function (props) {
|
|
5892
6275
|
return (props === null || props === void 0 ? void 0 : props.spaceBetweenCol) || 0;
|
|
5893
6276
|
});
|
|
5894
6277
|
|
|
5895
|
-
var _templateObject$
|
|
6278
|
+
var _templateObject$q, _templateObject2$i;
|
|
5896
6279
|
var BrandList = function BrandList(_ref) {
|
|
5897
6280
|
var apiEndPoint = _ref.apiEndPoint,
|
|
5898
6281
|
_ref$colors = _ref.colors,
|
|
@@ -5954,10 +6337,10 @@ var BrandList = function BrandList(_ref) {
|
|
|
5954
6337
|
autoplaySpeed: autoplaySpeed
|
|
5955
6338
|
}))));
|
|
5956
6339
|
};
|
|
5957
|
-
var Root$8 = styled.div(_templateObject$
|
|
5958
|
-
var MainContainer$2 = styled.div(_templateObject2$
|
|
6340
|
+
var Root$8 = styled.div(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose([""])));
|
|
6341
|
+
var MainContainer$2 = styled.div(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteralLoose([""])));
|
|
5959
6342
|
|
|
5960
|
-
var _templateObject$
|
|
6343
|
+
var _templateObject$r, _templateObject2$j, _templateObject3$d, _templateObject4$a, _templateObject5$6, _templateObject6$4, _templateObject7$3, _templateObject8$3, _templateObject9$3;
|
|
5961
6344
|
var BrandStock = function BrandStock(_ref) {
|
|
5962
6345
|
var _Object$keys, _Object$keys2, _data$brands;
|
|
5963
6346
|
var storeData = _ref.storeData,
|
|
@@ -6112,38 +6495,38 @@ var BrandStock = function BrandStock(_ref) {
|
|
|
6112
6495
|
}));
|
|
6113
6496
|
})), (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))));
|
|
6114
6497
|
};
|
|
6115
|
-
var Root$9 = styled.div(_templateObject$
|
|
6116
|
-
var TitleContainer$1 = styled.div(_templateObject2$
|
|
6117
|
-
var MainContainer$3 = styled.div(_templateObject3$
|
|
6118
|
-
var DetailsContainer = styled.div(_templateObject4$
|
|
6119
|
-
var BrandContainer = styled.div(_templateObject5$
|
|
6120
|
-
var ReturnPolicyContainer = styled.div(_templateObject6$
|
|
6121
|
-
var TablePaperContainer = styled(TableContainer$4)(_templateObject7$
|
|
6122
|
-
var TableRowContainer$1 = styled(TableRow$1)(_templateObject8$
|
|
6498
|
+
var Root$9 = styled.div(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n padding: 1rem;\n"])));
|
|
6499
|
+
var TitleContainer$1 = styled.div(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteralLoose(["\n padding: 0 1rem;\n display: flex;\n justify-content: space-between;\n"])));
|
|
6500
|
+
var MainContainer$3 = styled.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"])));
|
|
6501
|
+
var DetailsContainer = styled.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"])));
|
|
6502
|
+
var BrandContainer = styled.div(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteralLoose(["\n .brandImage {\n max-width: 100%;\n margin: 1rem auto;\n }\n"])));
|
|
6503
|
+
var ReturnPolicyContainer = styled.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"])));
|
|
6504
|
+
var TablePaperContainer = styled(TableContainer$4)(_templateObject7$3 || (_templateObject7$3 = _taggedTemplateLiteralLoose(["\n background-color: transparent;\n"])));
|
|
6505
|
+
var TableRowContainer$1 = styled(TableRow$1)(_templateObject8$3 || (_templateObject8$3 = _taggedTemplateLiteralLoose(["\n && {\n background: ", ";\n &:last-child td,\n &:last-child th {\n border: 0;\n }\n }\n"])), function (props) {
|
|
6123
6506
|
return !props.availableQuantity && '#cd2323';
|
|
6124
6507
|
});
|
|
6125
|
-
var TableCellContainer$1 = styled(TableCell$1)(_templateObject9$
|
|
6508
|
+
var TableCellContainer$1 = styled(TableCell$1)(_templateObject9$3 || (_templateObject9$3 = _taggedTemplateLiteralLoose(["\n && {\n color: ", ";\n min-width: 7rem;\n }\n"])), function (props) {
|
|
6126
6509
|
return props.availableQuantity ? props.stockCol && 'green' : '#ffffff';
|
|
6127
6510
|
});
|
|
6128
6511
|
|
|
6129
|
-
var _templateObject$
|
|
6130
|
-
var CartDrawerContainer = styled.div(_templateObject$
|
|
6512
|
+
var _templateObject$s, _templateObject2$k, _templateObject3$e, _templateObject4$b, _templateObject5$7, _templateObject6$5, _templateObject7$4;
|
|
6513
|
+
var CartDrawerContainer = styled.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) {
|
|
6131
6514
|
return props.maxWidth || '650px';
|
|
6132
6515
|
});
|
|
6133
|
-
var CartDrawerBar = styled.div(_templateObject2$
|
|
6134
|
-
var CartDrawerProductContainer = styled.div(_templateObject3$
|
|
6516
|
+
var CartDrawerBar = styled.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"])));
|
|
6517
|
+
var CartDrawerProductContainer = styled.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) {
|
|
6135
6518
|
return props.opacity;
|
|
6136
6519
|
});
|
|
6137
|
-
var CartDrawerBottomSection = styled.div(_templateObject4$
|
|
6138
|
-
var CartDrawerOutlinedButton = styled.button(_templateObject5$
|
|
6520
|
+
var CartDrawerBottomSection = styled.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"])));
|
|
6521
|
+
var CartDrawerOutlinedButton = styled.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) {
|
|
6139
6522
|
return props.color || 'black';
|
|
6140
6523
|
}, function (props) {
|
|
6141
6524
|
return props.color || 'black';
|
|
6142
6525
|
});
|
|
6143
|
-
var CartDrawerFilledButton = styled(CartDrawerOutlinedButton)(_templateObject6$
|
|
6526
|
+
var CartDrawerFilledButton = styled(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) {
|
|
6144
6527
|
return props.color || 'black';
|
|
6145
6528
|
});
|
|
6146
|
-
var CartDrawerEmptyCart = styled.div(_templateObject7$
|
|
6529
|
+
var CartDrawerEmptyCart = styled.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) {
|
|
6147
6530
|
return props.color || 'red';
|
|
6148
6531
|
});
|
|
6149
6532
|
|
|
@@ -6235,13 +6618,13 @@ function useGridSize() {
|
|
|
6235
6618
|
return layout;
|
|
6236
6619
|
}
|
|
6237
6620
|
|
|
6238
|
-
var _templateObject$
|
|
6239
|
-
var CartPageSection = styled.section(_templateObject$
|
|
6621
|
+
var _templateObject$t, _templateObject2$l, _templateObject3$f, _templateObject4$c, _templateObject5$8, _templateObject6$6, _templateObject7$5, _templateObject8$4, _templateObject9$4, _templateObject10$3;
|
|
6622
|
+
var CartPageSection = styled.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) {
|
|
6240
6623
|
return props.bg;
|
|
6241
6624
|
}, function (props) {
|
|
6242
6625
|
return props.bg || '#FAE8E5';
|
|
6243
6626
|
});
|
|
6244
|
-
var CartPageContainer = styled.div(_templateObject2$
|
|
6627
|
+
var CartPageContainer = styled.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) {
|
|
6245
6628
|
return props.maxWidth || '1600px';
|
|
6246
6629
|
}, function (props) {
|
|
6247
6630
|
return "min(" + (props.maxWidth || '1600px') + ",100%)";
|
|
@@ -6254,34 +6637,34 @@ var CartPageContainer = styled.div(_templateObject2$k || (_templateObject2$k = _
|
|
|
6254
6637
|
var _props$scroll2;
|
|
6255
6638
|
return (props === null || props === void 0 ? void 0 : (_props$scroll2 = props.scroll) === null || _props$scroll2 === void 0 ? void 0 : _props$scroll2.color) || '#BFC3CA';
|
|
6256
6639
|
});
|
|
6257
|
-
var CardsBox = styled.div(_templateObject3$
|
|
6640
|
+
var CardsBox = styled.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) {
|
|
6258
6641
|
return props.retail ? 'grid' : 'flex';
|
|
6259
6642
|
});
|
|
6260
|
-
var CartHeading = styled.div(_templateObject4$
|
|
6643
|
+
var CartHeading = styled.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) {
|
|
6261
6644
|
return props.color || 'black';
|
|
6262
6645
|
}, function (props) {
|
|
6263
6646
|
return props.h1 || 'inherit';
|
|
6264
6647
|
});
|
|
6265
|
-
var Loader$1 = styled.div(_templateObject5$
|
|
6266
|
-
var CartTableCell = styled(TableCell)(_templateObject6$
|
|
6648
|
+
var Loader$1 = styled.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"])));
|
|
6649
|
+
var CartTableCell = styled(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) {
|
|
6267
6650
|
return "" + props.color || 'inherit';
|
|
6268
6651
|
}, function (props) {
|
|
6269
6652
|
return "" + props.color || 'inherit';
|
|
6270
6653
|
}, function (props) {
|
|
6271
6654
|
return "" + props.color || 'inherit';
|
|
6272
6655
|
});
|
|
6273
|
-
var CartTableContainer = styled(TableContainer$3)(_templateObject7$
|
|
6656
|
+
var CartTableContainer = styled(TableContainer$3)(_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) {
|
|
6274
6657
|
return 'rgba(102, 112, 128, 0.5)';
|
|
6275
6658
|
}, function (props) {
|
|
6276
6659
|
return props.color;
|
|
6277
6660
|
});
|
|
6278
|
-
var CartButtonsRow = styled.div(_templateObject8$
|
|
6661
|
+
var CartButtonsRow = styled.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) {
|
|
6279
6662
|
return props.bg || 'rgba(107, 106, 106, 1)';
|
|
6280
6663
|
}, function (props) {
|
|
6281
6664
|
return props.color || 'white';
|
|
6282
6665
|
});
|
|
6283
|
-
var PaginationRow = styled.div(_templateObject9$
|
|
6284
|
-
var CartPageBox = styled.div(_templateObject10$
|
|
6666
|
+
var PaginationRow = styled.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"])));
|
|
6667
|
+
var CartPageBox = styled.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"])));
|
|
6285
6668
|
|
|
6286
6669
|
function createCommonjsModule(fn, module) {
|
|
6287
6670
|
return module = { exports: {} }, fn(module, module.exports), module.exports;
|
|
@@ -7411,21 +7794,21 @@ var TotalAfterDiscount = function TotalAfterDiscount(_ref2) {
|
|
|
7411
7794
|
}, renderMoney(totalAmount)) : /*#__PURE__*/createElement(Fragment$1, null), /*#__PURE__*/createElement("b", null, renderMoney(total))));
|
|
7412
7795
|
};
|
|
7413
7796
|
|
|
7414
|
-
var _templateObject$
|
|
7415
|
-
var ProductImage = styled.img(_templateObject$
|
|
7416
|
-
var ProductName = styled.h6(_templateObject2$
|
|
7797
|
+
var _templateObject$u, _templateObject2$m, _templateObject3$g, _templateObject4$d, _templateObject5$9, _templateObject6$7;
|
|
7798
|
+
var ProductImage = styled.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"])));
|
|
7799
|
+
var ProductName = styled.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) {
|
|
7417
7800
|
return props.size || '1em';
|
|
7418
7801
|
});
|
|
7419
|
-
var CartTableRow = styled(TableRow)(_templateObject3$
|
|
7802
|
+
var CartTableRow = styled(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) {
|
|
7420
7803
|
return props.size || '1.19em';
|
|
7421
7804
|
}, function (prop) {
|
|
7422
7805
|
return prop.bg;
|
|
7423
7806
|
}, function (prop) {
|
|
7424
7807
|
return prop.bg;
|
|
7425
7808
|
});
|
|
7426
|
-
var CartTableCell$1 = styled(TableCell)(_templateObject4$
|
|
7427
|
-
var QuantityBox = styled.div(_templateObject5$
|
|
7428
|
-
var DeleteBtn = styled.div(_templateObject6$
|
|
7809
|
+
var CartTableCell$1 = styled(TableCell)(_templateObject4$d || (_templateObject4$d = _taggedTemplateLiteralLoose(["\n && {\n border: none !important;\n font-size: 1em;\n }\n"])));
|
|
7810
|
+
var QuantityBox = styled.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"])));
|
|
7811
|
+
var DeleteBtn = styled.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"])));
|
|
7429
7812
|
var CardRow = function CardRow(_ref) {
|
|
7430
7813
|
var _styles$price, _styles$Btn;
|
|
7431
7814
|
var row = _ref.row,
|
|
@@ -7949,18 +8332,18 @@ function EnhancedTable(_ref2) {
|
|
|
7949
8332
|
}))))));
|
|
7950
8333
|
}
|
|
7951
8334
|
|
|
7952
|
-
var _templateObject$
|
|
7953
|
-
var CartPageCard = styled.div(_templateObject$
|
|
7954
|
-
var CartPageImg = styled.img(_templateObject2$
|
|
8335
|
+
var _templateObject$v, _templateObject2$n, _templateObject3$h, _templateObject4$e, _templateObject5$a, _templateObject6$8, _templateObject7$6;
|
|
8336
|
+
var CartPageCard = styled.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"])));
|
|
8337
|
+
var CartPageImg = styled.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) {
|
|
7955
8338
|
return props.width || 'auto';
|
|
7956
8339
|
}, function (props) {
|
|
7957
8340
|
return props.height || 'auto';
|
|
7958
8341
|
});
|
|
7959
|
-
var NameAndQtBox = styled.div(_templateObject3$
|
|
7960
|
-
var CartPageCardName = styled.div(_templateObject4$
|
|
7961
|
-
var QtAndPriceBox = styled.div(_templateObject5$
|
|
7962
|
-
var CartPageQtBox = styled.div(_templateObject6$
|
|
7963
|
-
var CloseBtn = styled.div(_templateObject7$
|
|
8342
|
+
var NameAndQtBox = styled.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"])));
|
|
8343
|
+
var CartPageCardName = styled.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"])));
|
|
8344
|
+
var QtAndPriceBox = styled.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"])));
|
|
8345
|
+
var CartPageQtBox = styled.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"])));
|
|
8346
|
+
var CloseBtn = styled.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"])));
|
|
7964
8347
|
|
|
7965
8348
|
var CartPageProductCard = function CartPageProductCard(_ref) {
|
|
7966
8349
|
var item = _ref.item,
|
|
@@ -8178,23 +8561,23 @@ var CartPageMainRetail = function CartPageMainRetail(_ref) {
|
|
|
8178
8561
|
})))));
|
|
8179
8562
|
};
|
|
8180
8563
|
|
|
8181
|
-
var _templateObject$
|
|
8182
|
-
var CartSummaryContainer = styled.div(_templateObject$
|
|
8564
|
+
var _templateObject$w, _templateObject2$o, _templateObject3$i, _templateObject4$f, _templateObject5$b, _templateObject6$9, _templateObject7$7, _templateObject8$5;
|
|
8565
|
+
var CartSummaryContainer = styled.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) {
|
|
8183
8566
|
return props.background || '#667080';
|
|
8184
8567
|
}, function (props) {
|
|
8185
8568
|
return props.color || 'white';
|
|
8186
8569
|
}, function (props) {
|
|
8187
8570
|
return props.color || 'white';
|
|
8188
8571
|
});
|
|
8189
|
-
var CartSummaryRow = styled.div(_templateObject2$
|
|
8572
|
+
var CartSummaryRow = styled.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) {
|
|
8190
8573
|
return props.justify || 'space-between';
|
|
8191
8574
|
}, function (props) {
|
|
8192
8575
|
return props.h5 || '1.31em';
|
|
8193
8576
|
});
|
|
8194
|
-
var CartSummaryHr = styled.span(_templateObject3$
|
|
8577
|
+
var CartSummaryHr = styled.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) {
|
|
8195
8578
|
return props.color || 'rgba(255, 255, 255, 0.5)';
|
|
8196
8579
|
});
|
|
8197
|
-
var CartSummaryInputBox = styled.form(_templateObject4$
|
|
8580
|
+
var CartSummaryInputBox = styled.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) {
|
|
8198
8581
|
return props.paddingBottom ? '0' : '0';
|
|
8199
8582
|
}, function (props) {
|
|
8200
8583
|
return props.background || '#bfc3ca';
|
|
@@ -8209,16 +8592,16 @@ var CartSummaryInputBox = styled.form(_templateObject4$e || (_templateObject4$e
|
|
|
8209
8592
|
}, function (props) {
|
|
8210
8593
|
return props.btn || '#393f48';
|
|
8211
8594
|
});
|
|
8212
|
-
var DiscountCouponContainer = styled.div(_templateObject5$
|
|
8213
|
-
var DiscountCouponCard = styled.div(_templateObject6$
|
|
8595
|
+
var DiscountCouponContainer = styled.div(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteralLoose(["\n padding-top: 0.5rem;\n width: 100%;\n max-height: 200px;\n overflow: auto;\n"])));
|
|
8596
|
+
var DiscountCouponCard = styled.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) {
|
|
8214
8597
|
return props.btn || '#393f48';
|
|
8215
8598
|
});
|
|
8216
|
-
var CartSummaryCheckoutBtn = styled.button(_templateObject7$
|
|
8599
|
+
var CartSummaryCheckoutBtn = styled.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) {
|
|
8217
8600
|
return props.background || '#393f48';
|
|
8218
8601
|
}, function (props) {
|
|
8219
8602
|
return props.color || 'inherit';
|
|
8220
8603
|
});
|
|
8221
|
-
var CartSummaryCheckBoxRow = styled(CartSummaryRow)(_templateObject8$
|
|
8604
|
+
var CartSummaryCheckBoxRow = styled(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) {
|
|
8222
8605
|
return props.background || 'white';
|
|
8223
8606
|
}, function (props) {
|
|
8224
8607
|
return props.selected ? props.background : 'transparent';
|
|
@@ -8625,12 +9008,12 @@ var checkMinMaxQty = function checkMinMaxQty(_ref2) {
|
|
|
8625
9008
|
return quantityReturn;
|
|
8626
9009
|
};
|
|
8627
9010
|
|
|
8628
|
-
var _templateObject$
|
|
8629
|
-
var CartDrawerProduct = styled.div(_templateObject$
|
|
9011
|
+
var _templateObject$x, _templateObject2$p, _templateObject3$j;
|
|
9012
|
+
var CartDrawerProduct = styled.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) {
|
|
8630
9013
|
return props.color || 'grey';
|
|
8631
9014
|
});
|
|
8632
|
-
var CartDrawerQtBox = styled.div(_templateObject2$
|
|
8633
|
-
var CartDrawerLoader = styled.div(_templateObject3$
|
|
9015
|
+
var CartDrawerQtBox = styled.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"])));
|
|
9016
|
+
var CartDrawerLoader = styled.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"])));
|
|
8634
9017
|
|
|
8635
9018
|
var CartDrawerProductCard = function CartDrawerProductCard(_ref) {
|
|
8636
9019
|
var product = _ref.product,
|
|
@@ -8891,7 +9274,7 @@ var GTagManager = function GTagManager(_ref) {
|
|
|
8891
9274
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
8892
9275
|
};
|
|
8893
9276
|
|
|
8894
|
-
var _templateObject$
|
|
9277
|
+
var _templateObject$y, _templateObject2$q, _templateObject3$k, _templateObject4$g, _templateObject5$c, _templateObject6$a;
|
|
8895
9278
|
var OutOfStock = function OutOfStock(_ref) {
|
|
8896
9279
|
var _product$body, _product$body$content, _product$body2, _product$body2$conten, _product$masterProduc, _product$header;
|
|
8897
9280
|
var product = _ref.product,
|
|
@@ -9122,13 +9505,13 @@ var OutOfStock = function OutOfStock(_ref) {
|
|
|
9122
9505
|
}
|
|
9123
9506
|
}), /*#__PURE__*/React__default.createElement("span", null, subscribed ? 'Subscribed Successfully' : 'Subscribe')))))));
|
|
9124
9507
|
};
|
|
9125
|
-
var VariantsContainer = styled.div(_templateObject$
|
|
9126
|
-
var MainCheckbox = styled(Checkbox)(_templateObject2$
|
|
9508
|
+
var VariantsContainer = styled.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"])));
|
|
9509
|
+
var MainCheckbox = styled(Checkbox)(_templateObject2$q || (_templateObject2$q = _taggedTemplateLiteralLoose(["\n &.Mui-checked,\n &.MuiCheckbox-indeterminate {\n color: ", ";\n }\n"])), function (props) {
|
|
9127
9510
|
return props.theme.primaryColor;
|
|
9128
9511
|
});
|
|
9129
|
-
var EmailInput = styled(InputBase)(_templateObject3$
|
|
9130
|
-
var Root$a = styled.div(_templateObject4$
|
|
9131
|
-
var ContainerDiv = styled.div(_templateObject5$
|
|
9512
|
+
var EmailInput = styled(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"])));
|
|
9513
|
+
var Root$a = styled.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"])));
|
|
9514
|
+
var ContainerDiv = styled.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) {
|
|
9132
9515
|
return props.height ? props.height : 'auto';
|
|
9133
9516
|
}, function (props) {
|
|
9134
9517
|
return props.margin ? props.margin : '0.3rem 0';
|
|
@@ -9139,7 +9522,7 @@ var ContainerDiv = styled.div(_templateObject5$b || (_templateObject5$b = _tagge
|
|
|
9139
9522
|
}, function (props) {
|
|
9140
9523
|
return props.justifyContent ? props.justifyContent : 'default';
|
|
9141
9524
|
});
|
|
9142
|
-
var StyledSubscribe = styled.button(_templateObject6$
|
|
9525
|
+
var StyledSubscribe = styled.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) {
|
|
9143
9526
|
return props.theme.primaryColor;
|
|
9144
9527
|
}, function (props) {
|
|
9145
9528
|
return props.padding ? props.padding : '5px 15px';
|
|
@@ -9159,15 +9542,15 @@ var StyledSubscribe = styled.button(_templateObject6$9 || (_templateObject6$9 =
|
|
|
9159
9542
|
return props.Loading || props.subscribed ? 'none' : 'auto';
|
|
9160
9543
|
});
|
|
9161
9544
|
|
|
9162
|
-
var _templateObject$
|
|
9545
|
+
var _templateObject$z;
|
|
9163
9546
|
var NoData = function NoData(_ref) {
|
|
9164
9547
|
_objectDestructuringEmpty(_ref);
|
|
9165
9548
|
return /*#__PURE__*/React__default.createElement(CustomNoRowsOverlay, null);
|
|
9166
9549
|
};
|
|
9167
|
-
var Container = styled.div(_templateObject$
|
|
9550
|
+
var Container$1 = styled.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"])));
|
|
9168
9551
|
var CustomNoRowsOverlay = function CustomNoRowsOverlay(_ref2) {
|
|
9169
9552
|
_objectDestructuringEmpty(_ref2);
|
|
9170
|
-
return /*#__PURE__*/React__default.createElement(Container, null, /*#__PURE__*/React__default.createElement("svg", {
|
|
9553
|
+
return /*#__PURE__*/React__default.createElement(Container$1, null, /*#__PURE__*/React__default.createElement("svg", {
|
|
9171
9554
|
width: "120",
|
|
9172
9555
|
height: "100",
|
|
9173
9556
|
viewBox: "0 0 184 152",
|
|
@@ -9631,28 +10014,28 @@ var AsyncSelect = function AsyncSelect(_ref3) {
|
|
|
9631
10014
|
return /*#__PURE__*/React__default.createElement(AsyncSelectField, props);
|
|
9632
10015
|
};
|
|
9633
10016
|
|
|
9634
|
-
var _templateObject$
|
|
9635
|
-
var Container$
|
|
10017
|
+
var _templateObject$A;
|
|
10018
|
+
var Container$2 = styled.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose([""])));
|
|
9636
10019
|
|
|
9637
|
-
var _templateObject$
|
|
9638
|
-
var ProductImage$1 = styled.img(_templateObject$
|
|
9639
|
-
var ProductName$1 = styled.h6(_templateObject2$
|
|
10020
|
+
var _templateObject$B, _templateObject2$r, _templateObject3$l, _templateObject4$h, _templateObject5$d, _templateObject6$b;
|
|
10021
|
+
var ProductImage$1 = styled.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"])));
|
|
10022
|
+
var ProductName$1 = styled.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) {
|
|
9640
10023
|
return props.size || '1em';
|
|
9641
10024
|
}, function (props) {
|
|
9642
10025
|
return props.maxHeight ? props.maxHeight + "em" : '2.75em';
|
|
9643
10026
|
}, function (props) {
|
|
9644
10027
|
return props.maxHeight ? props.maxHeight + "em" : '2.80em';
|
|
9645
10028
|
});
|
|
9646
|
-
var CartTableRow$1 = styled(TableRow)(_templateObject3$
|
|
10029
|
+
var CartTableRow$1 = styled(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) {
|
|
9647
10030
|
return props.size || '1.19em';
|
|
9648
10031
|
}, function (prop) {
|
|
9649
10032
|
return prop.bg;
|
|
9650
10033
|
}, function (prop) {
|
|
9651
10034
|
return prop.bg;
|
|
9652
10035
|
});
|
|
9653
|
-
var CartTableCell$2 = styled(TableCell)(_templateObject4$
|
|
9654
|
-
var QuantityBox$1 = styled.div(_templateObject5$
|
|
9655
|
-
var DeleteBtn$1 = styled.div(_templateObject6$
|
|
10036
|
+
var CartTableCell$2 = styled(TableCell)(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose(["\n && {\n border: none !important;\n font-size: 1em;\n }\n"])));
|
|
10037
|
+
var QuantityBox$1 = styled.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"])));
|
|
10038
|
+
var DeleteBtn$1 = styled.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"])));
|
|
9656
10039
|
var CardRow$1 = function CardRow(_ref) {
|
|
9657
10040
|
var _styles$price, _styles$Btn, _row$standardPrice, _row$subtotal;
|
|
9658
10041
|
var row = _ref.row,
|
|
@@ -9770,13 +10153,13 @@ var CardRow$1 = function CardRow(_ref) {
|
|
|
9770
10153
|
}))));
|
|
9771
10154
|
};
|
|
9772
10155
|
|
|
9773
|
-
var _templateObject$
|
|
9774
|
-
var CartPageSection$1 = styled.section(_templateObject$
|
|
10156
|
+
var _templateObject$C, _templateObject2$s, _templateObject3$m, _templateObject4$i, _templateObject5$e, _templateObject6$c, _templateObject7$8, _templateObject8$6, _templateObject9$5;
|
|
10157
|
+
var CartPageSection$1 = styled.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) {
|
|
9775
10158
|
return props.bg;
|
|
9776
10159
|
}, function (props) {
|
|
9777
10160
|
return props.bg || '#FAE8E5';
|
|
9778
10161
|
});
|
|
9779
|
-
var CartPageContainer$1 = styled.div(_templateObject2$
|
|
10162
|
+
var CartPageContainer$1 = styled.div(_templateObject2$s || (_templateObject2$s = _taggedTemplateLiteralLoose(["\n max-width: ", ";\n width: ", ";\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n border-radius: 28px 28px 28px 14px;\n padding: 2em 2.5em;\n padding-bottom: 3em;\n border-radius: 28px;\n opacity: ", ";\n .scrollDiv {\n width: 68%;\n max-height: 630px;\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n\n margin-right: 0.3em;\n &::-webkit-scrollbar {\n width: 10px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: ", ";\n\n border-radius: 16px;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 16px;\n border: 2px solid;\n }\n /* box-shadow: 0px 20px 35px rgba(0, 0, 0, 0.05); */\n }\n table {\n border-collapse: separate;\n border-spacing: 0 4px;\n row-gap: 4px;\n }\n\n td {\n /* border: solid 1px #000; */\n border-style: none solid solid none;\n /* padding: 10px; */\n /* margin-bottom:5px; */\n }\n\n tr:first-child td:first-child {\n border-top-left-radius: 10px;\n }\n tr td:last-child {\n border-top-right-radius: 10px;\n border-bottom-right-radius: 10px;\n }\n\n tr td:first-child {\n border-bottom-left-radius: 10px;\n border-top-left-radius: 10px;\n }\n tr td:last-child {\n border-bottom-right-radius: 10px;\n }\n\n tr td {\n border-top-style: solid;\n }\n tr td:first-child {\n border-left-style: solid;\n }\n\n @media only screen and (max-width: 1200px) {\n flex-direction: column;\n align-items: center;\n padding: 0.5em;\n .scrollDiv {\n width: 100%;\n margin: 0;\n margin-bottom: 2em;\n padding: 0 0.4em;\n }\n }\n"])), function (props) {
|
|
9780
10163
|
return props.maxWidth || '1600px';
|
|
9781
10164
|
}, function (props) {
|
|
9782
10165
|
return "min(" + (props.maxWidth || '1600px') + ",100%)";
|
|
@@ -9787,16 +10170,16 @@ var CartPageContainer$1 = styled.div(_templateObject2$r || (_templateObject2$r =
|
|
|
9787
10170
|
}, function (props) {
|
|
9788
10171
|
return props.color || '#BFC3CA';
|
|
9789
10172
|
});
|
|
9790
|
-
var CardsBox$1 = styled.div(_templateObject3$
|
|
10173
|
+
var CardsBox$1 = styled.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) {
|
|
9791
10174
|
return props.retail ? 'grid' : 'flex';
|
|
9792
10175
|
});
|
|
9793
|
-
var CartHeading$1 = styled.div(_templateObject4$
|
|
10176
|
+
var CartHeading$1 = styled.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) {
|
|
9794
10177
|
return props.color || 'black';
|
|
9795
10178
|
}, function (props) {
|
|
9796
10179
|
return props.h1 || 'inherit';
|
|
9797
10180
|
});
|
|
9798
|
-
var Loader$2 = styled.div(_templateObject5$
|
|
9799
|
-
var CartTableCell$3 = styled(TableCell)(_templateObject6$
|
|
10181
|
+
var Loader$2 = styled.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"])));
|
|
10182
|
+
var CartTableCell$3 = styled(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) {
|
|
9800
10183
|
return "" + props.bg;
|
|
9801
10184
|
}, function (props) {
|
|
9802
10185
|
return "" + props.color || 'inherit';
|
|
@@ -9805,17 +10188,17 @@ var CartTableCell$3 = styled(TableCell)(_templateObject6$b || (_templateObject6$
|
|
|
9805
10188
|
}, function (props) {
|
|
9806
10189
|
return "" + props.color || 'inherit';
|
|
9807
10190
|
});
|
|
9808
|
-
var CartTableContainer$1 = styled(TableContainer$3)(_templateObject7$
|
|
10191
|
+
var CartTableContainer$1 = styled(TableContainer$3)(_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) {
|
|
9809
10192
|
return props.bg || '#fdccc480';
|
|
9810
10193
|
}, function (props) {
|
|
9811
10194
|
return props.color || 'red';
|
|
9812
10195
|
});
|
|
9813
|
-
var CartButtonsRow$1 = styled.div(_templateObject8$
|
|
10196
|
+
var CartButtonsRow$1 = styled.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) {
|
|
9814
10197
|
return props.bg || 'rgba(107, 106, 106, 1)';
|
|
9815
10198
|
}, function (props) {
|
|
9816
10199
|
return props.color || 'white';
|
|
9817
10200
|
});
|
|
9818
|
-
var CartPageBox$1 = styled.div(_templateObject9$
|
|
10201
|
+
var CartPageBox$1 = styled.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"])));
|
|
9819
10202
|
|
|
9820
10203
|
var headCells$1 = [{
|
|
9821
10204
|
id: 'image',
|
|
@@ -10142,7 +10525,7 @@ var QuickOrder = function QuickOrder(_ref) {
|
|
|
10142
10525
|
};
|
|
10143
10526
|
return /*#__PURE__*/React__default.createElement(ThemeProvider, {
|
|
10144
10527
|
theme: colors
|
|
10145
|
-
}, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(CssBaseline, null), /*#__PURE__*/React__default.createElement(Container$
|
|
10528
|
+
}, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(CssBaseline, null), /*#__PURE__*/React__default.createElement(Container$2, null, /*#__PURE__*/React__default.createElement(AsyncSelect, {
|
|
10146
10529
|
placeholder: 'Search Product',
|
|
10147
10530
|
minSearchChar: 3,
|
|
10148
10531
|
apiData: searchProductAPIData(),
|
|
@@ -10220,7 +10603,7 @@ var SnowfallComponent = function SnowfallComponent(_ref) {
|
|
|
10220
10603
|
}) : null;
|
|
10221
10604
|
};
|
|
10222
10605
|
|
|
10223
|
-
var _templateObject$
|
|
10606
|
+
var _templateObject$D, _templateObject2$t;
|
|
10224
10607
|
var ContactUsForm = function ContactUsForm(_ref) {
|
|
10225
10608
|
var apiEndPoint = _ref.apiEndPoint,
|
|
10226
10609
|
serviceApiEndPoint = _ref.serviceApiEndPoint,
|
|
@@ -10345,15 +10728,15 @@ var ContactUsForm = function ContactUsForm(_ref) {
|
|
|
10345
10728
|
}
|
|
10346
10729
|
}, "Submit"))));
|
|
10347
10730
|
};
|
|
10348
|
-
var TypographyContainer$8 = styled(Typography)(_templateObject$
|
|
10731
|
+
var TypographyContainer$8 = styled(Typography)(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n font-size: 1.2rem !important;\n align-items: center;\n"])), function (props) {
|
|
10349
10732
|
return props.fontColor;
|
|
10350
10733
|
});
|
|
10351
|
-
var RootContainer$3 = styled(Stack)(_templateObject2$
|
|
10734
|
+
var RootContainer$3 = styled(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) {
|
|
10352
10735
|
return props.secondaryColor;
|
|
10353
10736
|
});
|
|
10354
10737
|
|
|
10355
|
-
var _templateObject$
|
|
10356
|
-
var StaticContainer = styled.div(_templateObject$
|
|
10738
|
+
var _templateObject$E;
|
|
10739
|
+
var StaticContainer = styled.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) {
|
|
10357
10740
|
return props.theme.fontColor || '#606060';
|
|
10358
10741
|
}, function (props) {
|
|
10359
10742
|
return props.theme.primaryColor;
|
|
@@ -10365,7 +10748,7 @@ var StaticContainer = styled.div(_templateObject$D || (_templateObject$D = _tagg
|
|
|
10365
10748
|
return props.theme.fontColor || '#606060';
|
|
10366
10749
|
});
|
|
10367
10750
|
|
|
10368
|
-
var _templateObject$
|
|
10751
|
+
var _templateObject$F;
|
|
10369
10752
|
var APIStaticPage = function APIStaticPage(_ref) {
|
|
10370
10753
|
var _ref$colors = _ref.colors,
|
|
10371
10754
|
colors = _ref$colors === void 0 ? {
|
|
@@ -10553,10 +10936,10 @@ var APIStaticPage = function APIStaticPage(_ref) {
|
|
|
10553
10936
|
}
|
|
10554
10937
|
}, "Not found"))));
|
|
10555
10938
|
};
|
|
10556
|
-
var Root$b = styled(Box)(_templateObject$
|
|
10939
|
+
var Root$b = styled(Box)(_templateObject$F || (_templateObject$F = _taggedTemplateLiteralLoose(["\n img {\n max-width: 100%;\n }\n"])));
|
|
10557
10940
|
|
|
10558
|
-
var _templateObject$
|
|
10559
|
-
var StaticContainer$1 = styled.div(_templateObject$
|
|
10941
|
+
var _templateObject$G;
|
|
10942
|
+
var StaticContainer$1 = styled.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) {
|
|
10560
10943
|
return props.theme.fontColor || '#606060';
|
|
10561
10944
|
}, function (props) {
|
|
10562
10945
|
return props.theme.primaryColor;
|
|
@@ -10568,7 +10951,7 @@ var StaticContainer$1 = styled.div(_templateObject$F || (_templateObject$F = _ta
|
|
|
10568
10951
|
return props.theme.fontColor || '#606060';
|
|
10569
10952
|
});
|
|
10570
10953
|
|
|
10571
|
-
var _templateObject$
|
|
10954
|
+
var _templateObject$H;
|
|
10572
10955
|
var StaticPage = function StaticPage(_ref) {
|
|
10573
10956
|
var _data$content;
|
|
10574
10957
|
var _ref$colors = _ref.colors,
|
|
@@ -10636,9 +11019,9 @@ var StaticPage = function StaticPage(_ref) {
|
|
|
10636
11019
|
referrerPolicy: "no-referrer-when-downgrade"
|
|
10637
11020
|
})))));
|
|
10638
11021
|
};
|
|
10639
|
-
var Root$c = styled(Box)(_templateObject$
|
|
11022
|
+
var Root$c = styled(Box)(_templateObject$H || (_templateObject$H = _taggedTemplateLiteralLoose([""])));
|
|
10640
11023
|
|
|
10641
|
-
var _templateObject$
|
|
11024
|
+
var _templateObject$I;
|
|
10642
11025
|
var StaticPageList = function StaticPageList(_ref) {
|
|
10643
11026
|
var _sortBy;
|
|
10644
11027
|
var apiEndPoint = _ref.apiEndPoint,
|
|
@@ -10702,7 +11085,7 @@ var StaticPageList = function StaticPageList(_ref) {
|
|
|
10702
11085
|
lg: 3,
|
|
10703
11086
|
item: true,
|
|
10704
11087
|
key: i
|
|
10705
|
-
}, /*#__PURE__*/React__default.createElement(Card, {
|
|
11088
|
+
}, /*#__PURE__*/React__default.createElement(Card$1, {
|
|
10706
11089
|
style: {
|
|
10707
11090
|
height: '100%'
|
|
10708
11091
|
}
|
|
@@ -10746,7 +11129,7 @@ var StaticPageList = function StaticPageList(_ref) {
|
|
|
10746
11129
|
}
|
|
10747
11130
|
}, "Not found")))));
|
|
10748
11131
|
};
|
|
10749
|
-
var TitleContainer$2 = styled.div(_templateObject$
|
|
11132
|
+
var TitleContainer$2 = styled.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"])));
|
|
10750
11133
|
|
|
10751
11134
|
var _excluded$6 = ["userName", "children", "style"];
|
|
10752
11135
|
var colors$1 = ['#FFB900', '#D83B01', '#B50E0E', '#E81123', '#B4009E', '#5C2D91', '#0078D7', '#00B4FF', '#008272', '#107C10'];
|
|
@@ -10782,7 +11165,7 @@ var Avatar = function Avatar(_ref) {
|
|
|
10782
11165
|
}));
|
|
10783
11166
|
};
|
|
10784
11167
|
|
|
10785
|
-
var _templateObject$
|
|
11168
|
+
var _templateObject$J, _templateObject2$u;
|
|
10786
11169
|
var SwitchUser = function SwitchUser(_ref) {
|
|
10787
11170
|
var _customerData$filter, _customerData$filter$;
|
|
10788
11171
|
var apiEndPoint = _ref.apiEndPoint,
|
|
@@ -10869,14 +11252,14 @@ var SwitchUser = function SwitchUser(_ref) {
|
|
|
10869
11252
|
}, /*#__PURE__*/React__default.createElement(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)))));
|
|
10870
11253
|
}))));
|
|
10871
11254
|
};
|
|
10872
|
-
var RootContainer$4 = styled.div(_templateObject$
|
|
10873
|
-
var CustomerContainer = styled.div(_templateObject2$
|
|
11255
|
+
var RootContainer$4 = styled.div(_templateObject$J || (_templateObject$J = _taggedTemplateLiteralLoose(["\n margin: auto;\n padding: 2.4rem;\n max-width: 1920px;\n"])));
|
|
11256
|
+
var CustomerContainer = styled.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) {
|
|
10874
11257
|
return props.theme.primaryColor || '#000000d9';
|
|
10875
11258
|
}, function (props) {
|
|
10876
11259
|
return props.theme.primaryColor || '#000000d9';
|
|
10877
11260
|
});
|
|
10878
11261
|
|
|
10879
|
-
var _templateObject$
|
|
11262
|
+
var _templateObject$K, _templateObject2$v;
|
|
10880
11263
|
var ThankYou = function ThankYou(_ref) {
|
|
10881
11264
|
var _ref$id = _ref.id,
|
|
10882
11265
|
id = _ref$id === void 0 ? 0 : _ref$id,
|
|
@@ -10935,8 +11318,8 @@ var ThankYou = function ThankYou(_ref) {
|
|
|
10935
11318
|
onClick: onContinue
|
|
10936
11319
|
}, /*#__PURE__*/React__default.createElement("p", null, "Continue Shopping"))))))));
|
|
10937
11320
|
};
|
|
10938
|
-
var Root$d = styled(Box)(_templateObject$
|
|
10939
|
-
var StyledButton = styled.button(_templateObject2$
|
|
11321
|
+
var Root$d = styled(Box)(_templateObject$K || (_templateObject$K = _taggedTemplateLiteralLoose([""])));
|
|
11322
|
+
var StyledButton = styled.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) {
|
|
10940
11323
|
return props.theme.primaryColor;
|
|
10941
11324
|
}, function (props) {
|
|
10942
11325
|
return props.theme.primaryColor;
|
|
@@ -11090,38 +11473,38 @@ var DiscountSummaryModal = function DiscountSummaryModal(_ref) {
|
|
|
11090
11473
|
}, "Okay"))));
|
|
11091
11474
|
};
|
|
11092
11475
|
|
|
11093
|
-
var _templateObject$
|
|
11094
|
-
var CheckoutRootContainer = styled.div(_templateObject$
|
|
11476
|
+
var _templateObject$L, _templateObject2$w, _templateObject3$n, _templateObject4$j, _templateObject5$f, _templateObject6$d, _templateObject7$9, _templateObject8$7;
|
|
11477
|
+
var CheckoutRootContainer = styled.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) {
|
|
11095
11478
|
return props.bg;
|
|
11096
11479
|
});
|
|
11097
|
-
var CheckoutPageContainer = styled.div(_templateObject2$
|
|
11480
|
+
var CheckoutPageContainer = styled.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) {
|
|
11098
11481
|
return props.maxWidth || '1605px';
|
|
11099
11482
|
}, function (props) {
|
|
11100
11483
|
return props.bg || '#fff8f6';
|
|
11101
11484
|
}, function (props) {
|
|
11102
11485
|
return props.primaryColor || 'rgba(50, 50, 50, 1)';
|
|
11103
11486
|
});
|
|
11104
|
-
var Row = styled.div(_templateObject3$
|
|
11105
|
-
var CheckoutMainWithHeader = styled(Stack)(_templateObject4$
|
|
11106
|
-
var CheckoutMain = styled.div(_templateObject5$
|
|
11487
|
+
var Row = styled.div(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
11488
|
+
var CheckoutMainWithHeader = styled(Stack)(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
11489
|
+
var CheckoutMain = styled.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) {
|
|
11107
11490
|
return props.bg || 'rgba(102,112,128,0.5)';
|
|
11108
11491
|
}, function (props) {
|
|
11109
11492
|
return props.bg || 'rgba(102,112,128,0.5)';
|
|
11110
11493
|
}, function (props) {
|
|
11111
11494
|
return props.color;
|
|
11112
11495
|
});
|
|
11113
|
-
var CheckoutHeading = styled.div(_templateObject6$
|
|
11114
|
-
var CheckoutHeader = styled(Row)(_templateObject7$
|
|
11115
|
-
var CheckoutStepIcon = styled.div(_templateObject8$
|
|
11496
|
+
var CheckoutHeading = styled.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"])));
|
|
11497
|
+
var CheckoutHeader = styled(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"])));
|
|
11498
|
+
var CheckoutStepIcon = styled.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"])));
|
|
11116
11499
|
|
|
11117
|
-
var _templateObject$
|
|
11118
|
-
var CheckoutSummaryContainer = styled.div(_templateObject$
|
|
11500
|
+
var _templateObject$M, _templateObject2$x, _templateObject3$o;
|
|
11501
|
+
var CheckoutSummaryContainer = styled.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) {
|
|
11119
11502
|
return props.bg || 'rgba(255, 240, 236, 1)';
|
|
11120
11503
|
}, function (props) {
|
|
11121
11504
|
return props.color || ' rgba(50, 50, 50, 1)';
|
|
11122
11505
|
});
|
|
11123
|
-
var TextRow = styled.div(_templateObject2$
|
|
11124
|
-
var FilledInfo = styled.div(_templateObject3$
|
|
11506
|
+
var TextRow = styled.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"])));
|
|
11507
|
+
var FilledInfo = styled.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"])));
|
|
11125
11508
|
|
|
11126
11509
|
var CheckoutSummary = function CheckoutSummary(_ref) {
|
|
11127
11510
|
var billingInformation = _ref.billingInformation,
|
|
@@ -11193,14 +11576,14 @@ var CheckoutSummary = function CheckoutSummary(_ref) {
|
|
|
11193
11576
|
}, renderMoney(orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.adjustmentValue))));
|
|
11194
11577
|
};
|
|
11195
11578
|
|
|
11196
|
-
var _templateObject$
|
|
11197
|
-
var StepContainer = styled.div(_templateObject$
|
|
11198
|
-
var StepsContent = styled.div(_templateObject2$
|
|
11579
|
+
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;
|
|
11580
|
+
var StepContainer = styled.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"])));
|
|
11581
|
+
var StepsContent = styled.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) {
|
|
11199
11582
|
return 'transparent' + '!important';
|
|
11200
11583
|
}, function (props) {
|
|
11201
11584
|
return props.bg || 'red';
|
|
11202
11585
|
});
|
|
11203
|
-
var StepsHeaderContainer = styled.div(_templateObject3$
|
|
11586
|
+
var StepsHeaderContainer = styled.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) {
|
|
11204
11587
|
return props.single ? '1.8em 2em' : '1em 0';
|
|
11205
11588
|
}, function (props) {
|
|
11206
11589
|
return props.single ? '-1.56em' : '1em';
|
|
@@ -11213,11 +11596,11 @@ var StepsHeaderContainer = styled.div(_templateObject3$o || (_templateObject3$o
|
|
|
11213
11596
|
}, function (props) {
|
|
11214
11597
|
return props.username ? 'not-allowed' : 'pointer';
|
|
11215
11598
|
});
|
|
11216
|
-
var TextFeildContainer = styled.div(_templateObject4$
|
|
11599
|
+
var TextFeildContainer = styled.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) {
|
|
11217
11600
|
var _props$theme, _props$theme$input;
|
|
11218
11601
|
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';
|
|
11219
11602
|
});
|
|
11220
|
-
var CommonCheckoutBtn = styled.button(_templateObject5$
|
|
11603
|
+
var CommonCheckoutBtn = styled.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) {
|
|
11221
11604
|
return props.width || '8.05em';
|
|
11222
11605
|
}, function (props) {
|
|
11223
11606
|
return props.height || '2.25em';
|
|
@@ -11230,7 +11613,7 @@ var CommonCheckoutBtn = styled.button(_templateObject5$f || (_templateObject5$f
|
|
|
11230
11613
|
});
|
|
11231
11614
|
var Select = styled.div.attrs({
|
|
11232
11615
|
className: 'checkout-input'
|
|
11233
|
-
})(_templateObject6$
|
|
11616
|
+
})(_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) {
|
|
11234
11617
|
var _props$theme2, _props$theme2$input;
|
|
11235
11618
|
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';
|
|
11236
11619
|
}, function (props) {
|
|
@@ -11238,12 +11621,12 @@ var Select = styled.div.attrs({
|
|
|
11238
11621
|
});
|
|
11239
11622
|
var SaveButton = styled.button.attrs({
|
|
11240
11623
|
className: 'checkout-btn'
|
|
11241
|
-
})(_templateObject7$
|
|
11624
|
+
})(_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) {
|
|
11242
11625
|
return props.color || '#FD0015';
|
|
11243
11626
|
}, function (props) {
|
|
11244
11627
|
return props.disabled ? 'not-allowed' : 'pointer';
|
|
11245
11628
|
});
|
|
11246
|
-
var ButtonRowContainer = styled.div(_templateObject8$
|
|
11629
|
+
var ButtonRowContainer = styled.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) {
|
|
11247
11630
|
return props.disabledNext && '0.5';
|
|
11248
11631
|
}, function (props) {
|
|
11249
11632
|
return props.color || '#fd0015';
|
|
@@ -11254,7 +11637,7 @@ var ButtonRowContainer = styled.div(_templateObject8$7 || (_templateObject8$7 =
|
|
|
11254
11637
|
}, function (props) {
|
|
11255
11638
|
return props.disabledBack ? 'not-allowed' : 'pointer';
|
|
11256
11639
|
});
|
|
11257
|
-
var CheckBoxRow = styled.div(_templateObject9$
|
|
11640
|
+
var CheckBoxRow = styled.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) {
|
|
11258
11641
|
return props.padding;
|
|
11259
11642
|
}, function (props) {
|
|
11260
11643
|
return props.marginLeft;
|
|
@@ -11265,14 +11648,14 @@ var CheckBoxRow = styled.div(_templateObject9$5 || (_templateObject9$5 = _tagged
|
|
|
11265
11648
|
}, function (prop) {
|
|
11266
11649
|
return prop.colorText || 'red';
|
|
11267
11650
|
});
|
|
11268
|
-
var CreditCardFextField = styled.div(_templateObject10$
|
|
11651
|
+
var CreditCardFextField = styled.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) {
|
|
11269
11652
|
return prop.bgInput + '!important' || '';
|
|
11270
11653
|
}, function (prop) {
|
|
11271
11654
|
return prop.btnBg + '!important' || '';
|
|
11272
11655
|
});
|
|
11273
|
-
var CardHeading = styled.div(_templateObject11$
|
|
11274
|
-
var DeliveryOptionContainer = styled.div(_templateObject12$
|
|
11275
|
-
var DeliveryOption = styled.div(_templateObject13$
|
|
11656
|
+
var CardHeading = styled.div(_templateObject11$3 || (_templateObject11$3 = _taggedTemplateLiteralLoose(["\n font-weight: 600;\n margin-bottom: 1rem;\n"])));
|
|
11657
|
+
var DeliveryOptionContainer = styled.div(_templateObject12$2 || (_templateObject12$2 = _taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
11658
|
+
var DeliveryOption = styled.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) {
|
|
11276
11659
|
return props.hovered ? props.bg : '';
|
|
11277
11660
|
}, function (props) {
|
|
11278
11661
|
return props.hovered ? "1px solid " + props.border : "1px solid" + props.bg;
|
|
@@ -11291,19 +11674,19 @@ var DeliveryOption = styled.div(_templateObject13$1 || (_templateObject13$1 = _t
|
|
|
11291
11674
|
}, function (props) {
|
|
11292
11675
|
return props.hovered ? '800' : '700';
|
|
11293
11676
|
});
|
|
11294
|
-
var CreditCard = styled.div(_templateObject14$
|
|
11295
|
-
var PaymentLi = styled.div(_templateObject15$
|
|
11296
|
-
var StyledTableRow = styled(TableRow)(_templateObject16$
|
|
11677
|
+
var CreditCard = styled.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"])));
|
|
11678
|
+
var PaymentLi = styled.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"])));
|
|
11679
|
+
var StyledTableRow = styled(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) {
|
|
11297
11680
|
return props.colored ? props.bg || "'rgba(255, 240, 236, 1)'" : 'white';
|
|
11298
11681
|
}, function (props) {
|
|
11299
11682
|
return props.bg || 'red';
|
|
11300
11683
|
});
|
|
11301
|
-
var StyledTableCell = styled(TableCell)(_templateObject17$
|
|
11684
|
+
var StyledTableCell = styled(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) {
|
|
11302
11685
|
return props.noSmall ? 'none' : '';
|
|
11303
11686
|
}, function (props) {
|
|
11304
11687
|
return props.noAboveSmall ? 'none' : '';
|
|
11305
11688
|
});
|
|
11306
|
-
var BottomGrid = styled(Grid)(_templateObject18$
|
|
11689
|
+
var BottomGrid = styled(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) {
|
|
11307
11690
|
return prop.primaryColor || 'rgba(107, 106, 106, 1)';
|
|
11308
11691
|
}, function (prop) {
|
|
11309
11692
|
var _prop$bgTextArea;
|
|
@@ -12753,7 +13136,7 @@ var erSessionStorage = {
|
|
|
12753
13136
|
}
|
|
12754
13137
|
};
|
|
12755
13138
|
|
|
12756
|
-
var _templateObject$
|
|
13139
|
+
var _templateObject$O, _templateObject2$z;
|
|
12757
13140
|
var ConsentForm = function ConsentForm(_ref) {
|
|
12758
13141
|
var apiEndPoint = _ref.apiEndPoint,
|
|
12759
13142
|
token = _ref.token,
|
|
@@ -12919,7 +13302,7 @@ var InfoComponent = function InfoComponent(_ref2) {
|
|
|
12919
13302
|
});
|
|
12920
13303
|
}))));
|
|
12921
13304
|
};
|
|
12922
|
-
var InfoContainer$1 = styled.div(_templateObject$
|
|
13305
|
+
var InfoContainer$1 = styled.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"])));
|
|
12923
13306
|
var InfoItem = function InfoItem(_ref3) {
|
|
12924
13307
|
var name = _ref3.name,
|
|
12925
13308
|
value = _ref3.value;
|
|
@@ -12932,7 +13315,7 @@ var InfoItem = function InfoItem(_ref3) {
|
|
|
12932
13315
|
item: true
|
|
12933
13316
|
}, /*#__PURE__*/React__default.createElement("p", null, value))));
|
|
12934
13317
|
};
|
|
12935
|
-
var InfoItemContainer = styled.div(_templateObject2$
|
|
13318
|
+
var InfoItemContainer = styled.div(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n background: #00000010;\n padding: 0.5rem;\n"])));
|
|
12936
13319
|
|
|
12937
13320
|
var PaypalComponent = function PaypalComponent(_ref) {
|
|
12938
13321
|
var apiEndPoint = _ref.apiEndPoint,
|
|
@@ -14303,7 +14686,7 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref9) {
|
|
|
14303
14686
|
}, props)));
|
|
14304
14687
|
};
|
|
14305
14688
|
|
|
14306
|
-
var _templateObject$
|
|
14689
|
+
var _templateObject$P, _templateObject2$A, _templateObject3$q;
|
|
14307
14690
|
var columns = [{
|
|
14308
14691
|
id: 'id',
|
|
14309
14692
|
label: 'Id',
|
|
@@ -14418,11 +14801,11 @@ var PurchaseOrderList = function PurchaseOrderList(_ref) {
|
|
|
14418
14801
|
setTriggerTableData: setTriggerTableData
|
|
14419
14802
|
})));
|
|
14420
14803
|
};
|
|
14421
|
-
var TableContainer$2 = styled.div(_templateObject$
|
|
14422
|
-
var TypographyContainer$9 = styled(Typography)(_templateObject2$
|
|
14804
|
+
var TableContainer$2 = styled.div(_templateObject$P || (_templateObject$P = _taggedTemplateLiteralLoose(["\n margin: 0.5rem;\n border-radius: 14px;\n"])));
|
|
14805
|
+
var TypographyContainer$9 = styled(Typography)(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
|
|
14423
14806
|
return props.fontColor;
|
|
14424
14807
|
});
|
|
14425
|
-
var TitleContainer$3 = styled.h4(_templateObject3$
|
|
14808
|
+
var TitleContainer$3 = styled.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) {
|
|
14426
14809
|
return props.primaryColor;
|
|
14427
14810
|
});
|
|
14428
14811
|
|
|
@@ -14581,7 +14964,7 @@ var PurchaseOrderDetail = function PurchaseOrderDetail(_ref) {
|
|
|
14581
14964
|
item: true,
|
|
14582
14965
|
lg: 8,
|
|
14583
14966
|
xs: 12
|
|
14584
|
-
}, /*#__PURE__*/React__default.createElement(Card, {
|
|
14967
|
+
}, /*#__PURE__*/React__default.createElement(Card$1, {
|
|
14585
14968
|
variant: "outlined",
|
|
14586
14969
|
style: {
|
|
14587
14970
|
borderRadius: '14px'
|
|
@@ -14655,7 +15038,7 @@ var PurchaseOrderDetail = function PurchaseOrderDetail(_ref) {
|
|
|
14655
15038
|
item: true,
|
|
14656
15039
|
lg: 4,
|
|
14657
15040
|
xs: 12
|
|
14658
|
-
}, /*#__PURE__*/React__default.createElement(Card, {
|
|
15041
|
+
}, /*#__PURE__*/React__default.createElement(Card$1, {
|
|
14659
15042
|
variant: "outlined",
|
|
14660
15043
|
style: {
|
|
14661
15044
|
borderRadius: '14px'
|
|
@@ -14993,7 +15376,7 @@ var VendorInventory = function VendorInventory(_ref) {
|
|
|
14993
15376
|
})));
|
|
14994
15377
|
};
|
|
14995
15378
|
|
|
14996
|
-
var _templateObject$
|
|
15379
|
+
var _templateObject$Q, _templateObject2$B, _templateObject3$r, _templateObject4$l, _templateObject5$h, _templateObject6$f, _templateObject7$b, _templateObject8$9;
|
|
14997
15380
|
var VendorLogin = function VendorLogin(_ref) {
|
|
14998
15381
|
var primaryColor = _ref.primaryColor,
|
|
14999
15382
|
API_BASE_URL = _ref.API_BASE_URL;
|
|
@@ -15053,7 +15436,7 @@ var VendorLogin = function VendorLogin(_ref) {
|
|
|
15053
15436
|
minHeight: '60vh',
|
|
15054
15437
|
display: 'flex'
|
|
15055
15438
|
}
|
|
15056
|
-
}, /*#__PURE__*/React__default.createElement(Container$
|
|
15439
|
+
}, /*#__PURE__*/React__default.createElement(Container$3, null, /*#__PURE__*/React__default.createElement(StyledCard, null, /*#__PURE__*/React__default.createElement(StyledLogin, null, /*#__PURE__*/React__default.createElement(H1, {
|
|
15057
15440
|
variant: "h4"
|
|
15058
15441
|
}, "vendor sign in"), /*#__PURE__*/React__default.createElement(StyleInputBx, null, /*#__PURE__*/React__default.createElement("span", {
|
|
15059
15442
|
className: "icon"
|
|
@@ -15099,16 +15482,16 @@ var VendorLogin = function VendorLogin(_ref) {
|
|
|
15099
15482
|
color: "inherit"
|
|
15100
15483
|
}) : 'sign in'))))));
|
|
15101
15484
|
};
|
|
15102
|
-
var Container$
|
|
15103
|
-
var StyledLogin = styled.div(_templateObject2$
|
|
15104
|
-
var StyledCard = styled(Card)(_templateObject3$
|
|
15105
|
-
var H1 = styled(Typography)(_templateObject4$
|
|
15106
|
-
var StyleInputBx = styled.div(_templateObject5$
|
|
15107
|
-
var ShowPassBtn = styled.span(_templateObject6$
|
|
15108
|
-
var ButtonContianer = styled.span(_templateObject7$
|
|
15109
|
-
var StyledButton$1 = styled(Button)(_templateObject8$
|
|
15485
|
+
var Container$3 = styled.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"])));
|
|
15486
|
+
var StyledLogin = styled.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"])));
|
|
15487
|
+
var StyledCard = styled(Card$1)(_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"])));
|
|
15488
|
+
var H1 = styled(Typography)(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n margin-top: 1rem;\n"])));
|
|
15489
|
+
var StyleInputBx = styled.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"])));
|
|
15490
|
+
var ShowPassBtn = styled.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"])));
|
|
15491
|
+
var ButtonContianer = styled.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"])));
|
|
15492
|
+
var StyledButton$1 = styled(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"])));
|
|
15110
15493
|
|
|
15111
|
-
var _templateObject$
|
|
15494
|
+
var _templateObject$R, _templateObject2$C, _templateObject3$s, _templateObject4$m;
|
|
15112
15495
|
var menuItems = [{
|
|
15113
15496
|
name: 'My Account',
|
|
15114
15497
|
Icon: RiAccountBoxLine,
|
|
@@ -15316,8 +15699,8 @@ var VendorAccountDetails = function VendorAccountDetails(_ref) {
|
|
|
15316
15699
|
height: 200
|
|
15317
15700
|
}) : /*#__PURE__*/React__default.createElement(Fragment$1, null, API_BASE_URL && token && renderListItemComponent(tabValue)))))));
|
|
15318
15701
|
};
|
|
15319
|
-
var Root$e = styled(Box)(_templateObject$
|
|
15320
|
-
var MainContainer$4 = styled.div(_templateObject2$
|
|
15702
|
+
var Root$e = styled(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"])));
|
|
15703
|
+
var MainContainer$4 = styled.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) {
|
|
15321
15704
|
return props.open ? '1800px' : '1600px';
|
|
15322
15705
|
});
|
|
15323
15706
|
var Main$1 = styled$1('main', {
|
|
@@ -15350,12 +15733,12 @@ var Main$1 = styled$1('main', {
|
|
|
15350
15733
|
overflow: 'auto'
|
|
15351
15734
|
});
|
|
15352
15735
|
});
|
|
15353
|
-
var ContainerDrawer$1 = styled(Drawer)(_templateObject3$
|
|
15736
|
+
var ContainerDrawer$1 = styled(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) {
|
|
15354
15737
|
return props.open && '2rem';
|
|
15355
15738
|
}, function (props) {
|
|
15356
15739
|
return props.primaryColor || transparent;
|
|
15357
15740
|
});
|
|
15358
|
-
var TypographyContainer$a = styled(Typography)(_templateObject4$
|
|
15741
|
+
var TypographyContainer$a = styled(Typography)(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
|
|
15359
15742
|
return props.fontColor;
|
|
15360
15743
|
});
|
|
15361
15744
|
|
|
@@ -15386,7 +15769,7 @@ var MaintenancePage = function MaintenancePage(_ref) {
|
|
|
15386
15769
|
margin: 'auto',
|
|
15387
15770
|
objectFit: 'contain'
|
|
15388
15771
|
}
|
|
15389
|
-
}) : /*#__PURE__*/React__default.createElement(Container$
|
|
15772
|
+
}) : /*#__PURE__*/React__default.createElement(Container$4, null, /*#__PURE__*/React__default.createElement(Box, {
|
|
15390
15773
|
sx: {
|
|
15391
15774
|
display: 'flex',
|
|
15392
15775
|
flexDirection: 'column',
|
|
@@ -15460,7 +15843,7 @@ var getRestockedData = function getRestockedData(_ref3) {
|
|
|
15460
15843
|
}
|
|
15461
15844
|
};
|
|
15462
15845
|
|
|
15463
|
-
var _templateObject$
|
|
15846
|
+
var _templateObject$S;
|
|
15464
15847
|
var NewArrival = function NewArrival(_ref) {
|
|
15465
15848
|
var _newArrivalItems$cont;
|
|
15466
15849
|
var apiEndPoint = _ref.apiEndPoint,
|
|
@@ -15611,7 +15994,7 @@ var DateCard = function DateCard(_ref2) {
|
|
|
15611
15994
|
}
|
|
15612
15995
|
}, item === null || item === void 0 ? void 0 : item.count));
|
|
15613
15996
|
};
|
|
15614
|
-
var ProductsGrid = styled.div(_templateObject$
|
|
15997
|
+
var ProductsGrid = styled.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"])));
|
|
15615
15998
|
|
|
15616
15999
|
var ReStockedItem = function ReStockedItem(_ref) {
|
|
15617
16000
|
var _newArrivalItems$cont;
|
|
@@ -15900,7 +16283,7 @@ var WishlistProductCardSkeleton = function WishlistProductCardSkeleton(_ref) {
|
|
|
15900
16283
|
}));
|
|
15901
16284
|
};
|
|
15902
16285
|
|
|
15903
|
-
var _templateObject$
|
|
16286
|
+
var _templateObject$T, _templateObject2$D, _templateObject3$t, _templateObject4$n, _templateObject5$i, _templateObject6$g, _templateObject7$c, _templateObject8$a, _templateObject9$7, _templateObject10$5, _templateObject11$4;
|
|
15904
16287
|
var getProductImage = function getProductImage(imageUrl, imgNotFoundUrl) {
|
|
15905
16288
|
return imageUrl && imageUrl !== 'null' ? imageUrl : imgNotFoundUrl != null ? imgNotFoundUrl : '/images/products/imgnotfound.png';
|
|
15906
16289
|
};
|
|
@@ -16034,20 +16417,20 @@ var WishlistComponent = function WishlistComponent(_ref) {
|
|
|
16034
16417
|
}));
|
|
16035
16418
|
})));
|
|
16036
16419
|
};
|
|
16037
|
-
var ProductCardWrapper = styled.div(_templateObject$
|
|
16038
|
-
var TopBar = styled.div(_templateObject2$
|
|
16039
|
-
var SearchWrapper = styled(Box)(_templateObject3$
|
|
16040
|
-
var TotalItemsText = styled.div(_templateObject4$
|
|
16041
|
-
var EmptyStateText = styled.p(_templateObject5$
|
|
16042
|
-
var DeleteButton = styled.button(_templateObject6$
|
|
16043
|
-
var PriceContainer = styled.div(_templateObject7$
|
|
16044
|
-
var DiscountPriceRow = styled.div(_templateObject8$
|
|
16045
|
-
var ProductName$2 = styled.div(_templateObject9$
|
|
16046
|
-
var ProductActionButton = styled(Button)(_templateObject10$
|
|
16420
|
+
var ProductCardWrapper = styled.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"])));
|
|
16421
|
+
var TopBar = styled.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"])));
|
|
16422
|
+
var SearchWrapper = styled(Box)(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose(["\n && {\n margin-bottom: 24px;\n max-width: 400px;\n width: 100%;\n }\n"])));
|
|
16423
|
+
var TotalItemsText = styled.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"])));
|
|
16424
|
+
var EmptyStateText = styled.p(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteralLoose(["\n font-size: 16px;\n color: #4b4b4b;\n margin: 16px 0;\n"])));
|
|
16425
|
+
var DeleteButton = styled.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"])));
|
|
16426
|
+
var PriceContainer = styled.div(_templateObject7$c || (_templateObject7$c = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])));
|
|
16427
|
+
var DiscountPriceRow = styled.div(_templateObject8$a || (_templateObject8$a = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n"])));
|
|
16428
|
+
var ProductName$2 = styled.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"])));
|
|
16429
|
+
var ProductActionButton = styled(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) {
|
|
16047
16430
|
var primaryColor = _ref2.primaryColor;
|
|
16048
16431
|
return primaryColor != null ? primaryColor : '#000000';
|
|
16049
16432
|
});
|
|
16050
|
-
var OutOfStockButton = styled(Button)(_templateObject11$
|
|
16433
|
+
var OutOfStockButton = styled(Button)(_templateObject11$4 || (_templateObject11$4 = _taggedTemplateLiteralLoose(["\n && {\n color: #ffffff;\n border-radius: 10px;\n font-weight: 500;\n }\n"])));
|
|
16051
16434
|
var ProductCard = function ProductCard(_ref3) {
|
|
16052
16435
|
var _product$standardPric, _product$retailPrice, _product$standardPric2;
|
|
16053
16436
|
var product = _ref3.product,
|
|
@@ -16072,9 +16455,7 @@ var ProductCard = function ProductCard(_ref3) {
|
|
|
16072
16455
|
var _temp = _finallyRethrows(function () {
|
|
16073
16456
|
return _catch(function () {
|
|
16074
16457
|
return Promise.resolve(onRemoveFromWishlist(productId)).then(function () {});
|
|
16075
|
-
}, function (
|
|
16076
|
-
console.log('error', error);
|
|
16077
|
-
});
|
|
16458
|
+
}, function () {});
|
|
16078
16459
|
}, function (_wasThrown, _result) {
|
|
16079
16460
|
setDeleteLoading(false);
|
|
16080
16461
|
if (_wasThrown) throw _result;
|
|
@@ -16119,9 +16500,7 @@ var ProductCard = function ProductCard(_ref3) {
|
|
|
16119
16500
|
var _temp3 = _catch(function () {
|
|
16120
16501
|
e.stopPropagation();
|
|
16121
16502
|
return Promise.resolve(removeFromWishlist(product === null || product === void 0 ? void 0 : product.productId)).then(function () {});
|
|
16122
|
-
}, function (
|
|
16123
|
-
console.log('error', error);
|
|
16124
|
-
});
|
|
16503
|
+
}, function () {});
|
|
16125
16504
|
return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(function () {}) : void 0);
|
|
16126
16505
|
} catch (e) {
|
|
16127
16506
|
return Promise.reject(e);
|
|
@@ -16153,7 +16532,7 @@ var ProductCard = function ProductCard(_ref3) {
|
|
|
16153
16532
|
onClick: function onClick(e) {
|
|
16154
16533
|
e.stopPropagation();
|
|
16155
16534
|
e.preventDefault();
|
|
16156
|
-
if (product !== null && product !== void 0 && product.
|
|
16535
|
+
if (product !== null && product !== void 0 && product.hasChildProduct) {
|
|
16157
16536
|
router.push("/products/" + (product === null || product === void 0 ? void 0 : product.productId));
|
|
16158
16537
|
} else {
|
|
16159
16538
|
if (onAddToCart) {
|