@salesgenterp/ui-components 0.4.539 → 0.4.541
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +593 -212
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +603 -222
- package/dist/index.modern.js.map +1 -1
- package/package.json +3 -2
package/dist/index.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,
|
|
@@ -4951,9 +5328,9 @@ var AccountDetails = function AccountDetails(_ref) {
|
|
|
4951
5328
|
var _useState4 = useState([]),
|
|
4952
5329
|
storeData = _useState4[0],
|
|
4953
5330
|
setStoreData = _useState4[1];
|
|
4954
|
-
var _useState5 = useState((storeData === null || storeData === void 0 ? void 0 : (_storeData$map = storeData.map(function (
|
|
4955
|
-
return
|
|
4956
|
-
})) === null || _storeData$map === void 0 ? void 0 : _storeData$map.join(',')
|
|
5331
|
+
var _useState5 = useState(Array.isArray(storeData) && (storeData === null || storeData === void 0 ? void 0 : storeData.length) > 0 ? storeData === null || storeData === void 0 ? void 0 : (_storeData$map = storeData.map(function (store) {
|
|
5332
|
+
return store === null || store === void 0 ? void 0 : store.id;
|
|
5333
|
+
})) === null || _storeData$map === void 0 ? void 0 : _storeData$map.join(',') : '1'),
|
|
4957
5334
|
storeIdList = _useState5[0],
|
|
4958
5335
|
setSoreIdList = _useState5[1];
|
|
4959
5336
|
var _useState6 = useState((storeData === null || storeData === void 0 ? void 0 : (_storeData$find = storeData.find(function (data) {
|
|
@@ -5017,8 +5394,10 @@ var AccountDetails = function AccountDetails(_ref) {
|
|
|
5017
5394
|
token: token,
|
|
5018
5395
|
url: "store"
|
|
5019
5396
|
})).then(function (data) {
|
|
5020
|
-
var _data$find;
|
|
5021
|
-
var storeIds = Array.isArray(data) && (data === null || data === void 0 ? void 0 : data.length) > 0 ? data === null || data === void 0 ? void 0 : data.
|
|
5397
|
+
var _data$map, _data$find;
|
|
5398
|
+
var storeIds = Array.isArray(data) && (data === null || data === void 0 ? void 0 : data.length) > 0 ? data === null || data === void 0 ? void 0 : (_data$map = data.map(function (store) {
|
|
5399
|
+
return store === null || store === void 0 ? void 0 : store.id;
|
|
5400
|
+
})) === null || _data$map === void 0 ? void 0 : _data$map.join(',') : '1';
|
|
5022
5401
|
setStoreData(data);
|
|
5023
5402
|
setSoreIdList(storeIds);
|
|
5024
5403
|
setDefaultStoreId((data === null || data === void 0 ? void 0 : (_data$find = data.find(function (data) {
|
|
@@ -5143,6 +5522,12 @@ var AccountDetails = function AccountDetails(_ref) {
|
|
|
5143
5522
|
storeIdList: storeIdList,
|
|
5144
5523
|
defaultStoreId: defaultStoreId
|
|
5145
5524
|
});
|
|
5525
|
+
case 'uploadDocuments':
|
|
5526
|
+
return /*#__PURE__*/React__default.createElement(UploadDocument, {
|
|
5527
|
+
apiEndPoint: apiEndPoint,
|
|
5528
|
+
token: token,
|
|
5529
|
+
primaryColor: colors.primaryColor
|
|
5530
|
+
});
|
|
5146
5531
|
default:
|
|
5147
5532
|
return /*#__PURE__*/React__default.createElement(TypographyContainer$7, {
|
|
5148
5533
|
fontColor: colors.fontColor
|
|
@@ -5237,14 +5622,14 @@ var AccountDetails = function AccountDetails(_ref) {
|
|
|
5237
5622
|
skeleton: true
|
|
5238
5623
|
}, apiEndPoint && token && renderListItemComponent(tabValue))))))));
|
|
5239
5624
|
};
|
|
5240
|
-
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) {
|
|
5241
5626
|
var _props$theme;
|
|
5242
5627
|
return (_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.backgroundImage;
|
|
5243
5628
|
}, function (props) {
|
|
5244
5629
|
var _props$theme2, _props$theme3, _props$theme4;
|
|
5245
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)";
|
|
5246
5631
|
});
|
|
5247
|
-
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) {
|
|
5248
5633
|
return props.backgroundColor;
|
|
5249
5634
|
}, function (props) {
|
|
5250
5635
|
return props.open ? '1800px' : '1600px';
|
|
@@ -5279,12 +5664,12 @@ var Main = styled$1('main', {
|
|
|
5279
5664
|
overflow: 'auto'
|
|
5280
5665
|
});
|
|
5281
5666
|
});
|
|
5282
|
-
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) {
|
|
5283
5668
|
return props.open && '2rem';
|
|
5284
5669
|
}, function (props) {
|
|
5285
5670
|
return props.primaryColor || transparent;
|
|
5286
5671
|
});
|
|
5287
|
-
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) {
|
|
5288
5673
|
return props.fontColor;
|
|
5289
5674
|
});
|
|
5290
5675
|
|
|
@@ -5365,7 +5750,7 @@ var AsyncDataLoad = function AsyncDataLoad(_ref) {
|
|
|
5365
5750
|
};
|
|
5366
5751
|
var AsyncDataLoadComponent = memo(AsyncDataLoad);
|
|
5367
5752
|
|
|
5368
|
-
var _templateObject$
|
|
5753
|
+
var _templateObject$m, _templateObject2$e, _templateObject3$a;
|
|
5369
5754
|
var BannerImages = function BannerImages(_ref) {
|
|
5370
5755
|
var config = _ref.config,
|
|
5371
5756
|
sliderImages = _ref.sliderImages,
|
|
@@ -5430,11 +5815,11 @@ var BannerImages = function BannerImages(_ref) {
|
|
|
5430
5815
|
}))));
|
|
5431
5816
|
})));
|
|
5432
5817
|
};
|
|
5433
|
-
var Video = styled.video(_templateObject$
|
|
5434
|
-
var Image = styled.img(_templateObject2$
|
|
5435
|
-
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"])));
|
|
5436
5821
|
|
|
5437
|
-
var _templateObject$
|
|
5822
|
+
var _templateObject$n, _templateObject2$f, _templateObject3$b, _templateObject4$8;
|
|
5438
5823
|
var LandingCarousel = function LandingCarousel(_ref) {
|
|
5439
5824
|
var _config$spaceBetweenC, _config$colLg, _ref2, _ref3, _config$colSm, _ref4, _config$colMd, _config$colLg2;
|
|
5440
5825
|
var config = _ref.config,
|
|
@@ -5516,16 +5901,16 @@ var LandingCarousel = function LandingCarousel(_ref) {
|
|
|
5516
5901
|
})));
|
|
5517
5902
|
})));
|
|
5518
5903
|
};
|
|
5519
|
-
var Image$1 = styled.img(_templateObject$
|
|
5520
|
-
var Video$1 = styled.video(_templateObject2$
|
|
5521
|
-
var Root$5 = styled.div(_templateObject3$
|
|
5522
|
-
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) {
|
|
5523
5908
|
return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
|
|
5524
5909
|
}, function (props) {
|
|
5525
5910
|
return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
|
|
5526
5911
|
});
|
|
5527
5912
|
|
|
5528
|
-
var _templateObject$
|
|
5913
|
+
var _templateObject$o, _templateObject2$g;
|
|
5529
5914
|
var inDebounce;
|
|
5530
5915
|
var JUSTIFY = {
|
|
5531
5916
|
Left: {
|
|
@@ -5720,8 +6105,8 @@ var HomeBanner = function HomeBanner(_ref) {
|
|
|
5720
6105
|
}, item === null || item === void 0 ? void 0 : item.component);
|
|
5721
6106
|
}))))));
|
|
5722
6107
|
};
|
|
5723
|
-
var Root$6 = styled.div(_templateObject$
|
|
5724
|
-
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([""])));
|
|
5725
6110
|
var SingleBanner = function SingleBanner(_ref3) {
|
|
5726
6111
|
var config = _ref3.config,
|
|
5727
6112
|
sliderImages = _ref3.sliderImages,
|
|
@@ -5754,7 +6139,7 @@ var adjustResponsiveSpace = function adjustResponsiveSpace(_ref4) {
|
|
|
5754
6139
|
return spaceValue;
|
|
5755
6140
|
};
|
|
5756
6141
|
|
|
5757
|
-
var _templateObject$
|
|
6142
|
+
var _templateObject$p, _templateObject2$h, _templateObject3$c, _templateObject4$9, _templateObject5$5;
|
|
5758
6143
|
var LandingCarousel$1 = function LandingCarousel(_ref) {
|
|
5759
6144
|
var _brandData2;
|
|
5760
6145
|
var brandList = _ref.brandList,
|
|
@@ -5880,17 +6265,17 @@ var LandingCarousel$1 = function LandingCarousel(_ref) {
|
|
|
5880
6265
|
})));
|
|
5881
6266
|
})));
|
|
5882
6267
|
};
|
|
5883
|
-
var Image$2 = styled.img(_templateObject$
|
|
5884
|
-
var Video$2 = styled.video(_templateObject2$
|
|
5885
|
-
var Root$7 = styled.div(_templateObject3$
|
|
5886
|
-
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) {
|
|
5887
6272
|
return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
|
|
5888
6273
|
});
|
|
5889
|
-
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) {
|
|
5890
6275
|
return (props === null || props === void 0 ? void 0 : props.spaceBetweenCol) || 0;
|
|
5891
6276
|
});
|
|
5892
6277
|
|
|
5893
|
-
var _templateObject$
|
|
6278
|
+
var _templateObject$q, _templateObject2$i;
|
|
5894
6279
|
var BrandList = function BrandList(_ref) {
|
|
5895
6280
|
var apiEndPoint = _ref.apiEndPoint,
|
|
5896
6281
|
_ref$colors = _ref.colors,
|
|
@@ -5952,10 +6337,10 @@ var BrandList = function BrandList(_ref) {
|
|
|
5952
6337
|
autoplaySpeed: autoplaySpeed
|
|
5953
6338
|
}))));
|
|
5954
6339
|
};
|
|
5955
|
-
var Root$8 = styled.div(_templateObject$
|
|
5956
|
-
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([""])));
|
|
5957
6342
|
|
|
5958
|
-
var _templateObject$
|
|
6343
|
+
var _templateObject$r, _templateObject2$j, _templateObject3$d, _templateObject4$a, _templateObject5$6, _templateObject6$4, _templateObject7$3, _templateObject8$3, _templateObject9$3;
|
|
5959
6344
|
var BrandStock = function BrandStock(_ref) {
|
|
5960
6345
|
var _Object$keys, _Object$keys2, _data$brands;
|
|
5961
6346
|
var storeData = _ref.storeData,
|
|
@@ -6110,38 +6495,38 @@ var BrandStock = function BrandStock(_ref) {
|
|
|
6110
6495
|
}));
|
|
6111
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))));
|
|
6112
6497
|
};
|
|
6113
|
-
var Root$9 = styled.div(_templateObject$
|
|
6114
|
-
var TitleContainer$1 = styled.div(_templateObject2$
|
|
6115
|
-
var MainContainer$3 = styled.div(_templateObject3$
|
|
6116
|
-
var DetailsContainer = styled.div(_templateObject4$
|
|
6117
|
-
var BrandContainer = styled.div(_templateObject5$
|
|
6118
|
-
var ReturnPolicyContainer = styled.div(_templateObject6$
|
|
6119
|
-
var TablePaperContainer = styled(TableContainer$4)(_templateObject7$
|
|
6120
|
-
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) {
|
|
6121
6506
|
return !props.availableQuantity && '#cd2323';
|
|
6122
6507
|
});
|
|
6123
|
-
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) {
|
|
6124
6509
|
return props.availableQuantity ? props.stockCol && 'green' : '#ffffff';
|
|
6125
6510
|
});
|
|
6126
6511
|
|
|
6127
|
-
var _templateObject$
|
|
6128
|
-
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) {
|
|
6129
6514
|
return props.maxWidth || '650px';
|
|
6130
6515
|
});
|
|
6131
|
-
var CartDrawerBar = styled.div(_templateObject2$
|
|
6132
|
-
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) {
|
|
6133
6518
|
return props.opacity;
|
|
6134
6519
|
});
|
|
6135
|
-
var CartDrawerBottomSection = styled.div(_templateObject4$
|
|
6136
|
-
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) {
|
|
6137
6522
|
return props.color || 'black';
|
|
6138
6523
|
}, function (props) {
|
|
6139
6524
|
return props.color || 'black';
|
|
6140
6525
|
});
|
|
6141
|
-
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) {
|
|
6142
6527
|
return props.color || 'black';
|
|
6143
6528
|
});
|
|
6144
|
-
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) {
|
|
6145
6530
|
return props.color || 'red';
|
|
6146
6531
|
});
|
|
6147
6532
|
|
|
@@ -6233,13 +6618,13 @@ function useGridSize() {
|
|
|
6233
6618
|
return layout;
|
|
6234
6619
|
}
|
|
6235
6620
|
|
|
6236
|
-
var _templateObject$
|
|
6237
|
-
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) {
|
|
6238
6623
|
return props.bg;
|
|
6239
6624
|
}, function (props) {
|
|
6240
6625
|
return props.bg || '#FAE8E5';
|
|
6241
6626
|
});
|
|
6242
|
-
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) {
|
|
6243
6628
|
return props.maxWidth || '1600px';
|
|
6244
6629
|
}, function (props) {
|
|
6245
6630
|
return "min(" + (props.maxWidth || '1600px') + ",100%)";
|
|
@@ -6252,34 +6637,34 @@ var CartPageContainer = styled.div(_templateObject2$k || (_templateObject2$k = _
|
|
|
6252
6637
|
var _props$scroll2;
|
|
6253
6638
|
return (props === null || props === void 0 ? void 0 : (_props$scroll2 = props.scroll) === null || _props$scroll2 === void 0 ? void 0 : _props$scroll2.color) || '#BFC3CA';
|
|
6254
6639
|
});
|
|
6255
|
-
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) {
|
|
6256
6641
|
return props.retail ? 'grid' : 'flex';
|
|
6257
6642
|
});
|
|
6258
|
-
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) {
|
|
6259
6644
|
return props.color || 'black';
|
|
6260
6645
|
}, function (props) {
|
|
6261
6646
|
return props.h1 || 'inherit';
|
|
6262
6647
|
});
|
|
6263
|
-
var Loader$1 = styled.div(_templateObject5$
|
|
6264
|
-
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) {
|
|
6265
6650
|
return "" + props.color || 'inherit';
|
|
6266
6651
|
}, function (props) {
|
|
6267
6652
|
return "" + props.color || 'inherit';
|
|
6268
6653
|
}, function (props) {
|
|
6269
6654
|
return "" + props.color || 'inherit';
|
|
6270
6655
|
});
|
|
6271
|
-
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) {
|
|
6272
6657
|
return 'rgba(102, 112, 128, 0.5)';
|
|
6273
6658
|
}, function (props) {
|
|
6274
6659
|
return props.color;
|
|
6275
6660
|
});
|
|
6276
|
-
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) {
|
|
6277
6662
|
return props.bg || 'rgba(107, 106, 106, 1)';
|
|
6278
6663
|
}, function (props) {
|
|
6279
6664
|
return props.color || 'white';
|
|
6280
6665
|
});
|
|
6281
|
-
var PaginationRow = styled.div(_templateObject9$
|
|
6282
|
-
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"])));
|
|
6283
6668
|
|
|
6284
6669
|
function createCommonjsModule(fn, module) {
|
|
6285
6670
|
return module = { exports: {} }, fn(module, module.exports), module.exports;
|
|
@@ -7409,21 +7794,21 @@ var TotalAfterDiscount = function TotalAfterDiscount(_ref2) {
|
|
|
7409
7794
|
}, renderMoney(totalAmount)) : /*#__PURE__*/createElement(Fragment$1, null), /*#__PURE__*/createElement("b", null, renderMoney(total))));
|
|
7410
7795
|
};
|
|
7411
7796
|
|
|
7412
|
-
var _templateObject$
|
|
7413
|
-
var ProductImage = styled.img(_templateObject$
|
|
7414
|
-
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) {
|
|
7415
7800
|
return props.size || '1em';
|
|
7416
7801
|
});
|
|
7417
|
-
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) {
|
|
7418
7803
|
return props.size || '1.19em';
|
|
7419
7804
|
}, function (prop) {
|
|
7420
7805
|
return prop.bg;
|
|
7421
7806
|
}, function (prop) {
|
|
7422
7807
|
return prop.bg;
|
|
7423
7808
|
});
|
|
7424
|
-
var CartTableCell$1 = styled(TableCell)(_templateObject4$
|
|
7425
|
-
var QuantityBox = styled.div(_templateObject5$
|
|
7426
|
-
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"])));
|
|
7427
7812
|
var CardRow = function CardRow(_ref) {
|
|
7428
7813
|
var _styles$price, _styles$Btn;
|
|
7429
7814
|
var row = _ref.row,
|
|
@@ -7947,18 +8332,18 @@ function EnhancedTable(_ref2) {
|
|
|
7947
8332
|
}))))));
|
|
7948
8333
|
}
|
|
7949
8334
|
|
|
7950
|
-
var _templateObject$
|
|
7951
|
-
var CartPageCard = styled.div(_templateObject$
|
|
7952
|
-
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) {
|
|
7953
8338
|
return props.width || 'auto';
|
|
7954
8339
|
}, function (props) {
|
|
7955
8340
|
return props.height || 'auto';
|
|
7956
8341
|
});
|
|
7957
|
-
var NameAndQtBox = styled.div(_templateObject3$
|
|
7958
|
-
var CartPageCardName = styled.div(_templateObject4$
|
|
7959
|
-
var QtAndPriceBox = styled.div(_templateObject5$
|
|
7960
|
-
var CartPageQtBox = styled.div(_templateObject6$
|
|
7961
|
-
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"])));
|
|
7962
8347
|
|
|
7963
8348
|
var CartPageProductCard = function CartPageProductCard(_ref) {
|
|
7964
8349
|
var item = _ref.item,
|
|
@@ -8176,23 +8561,23 @@ var CartPageMainRetail = function CartPageMainRetail(_ref) {
|
|
|
8176
8561
|
})))));
|
|
8177
8562
|
};
|
|
8178
8563
|
|
|
8179
|
-
var _templateObject$
|
|
8180
|
-
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) {
|
|
8181
8566
|
return props.background || '#667080';
|
|
8182
8567
|
}, function (props) {
|
|
8183
8568
|
return props.color || 'white';
|
|
8184
8569
|
}, function (props) {
|
|
8185
8570
|
return props.color || 'white';
|
|
8186
8571
|
});
|
|
8187
|
-
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) {
|
|
8188
8573
|
return props.justify || 'space-between';
|
|
8189
8574
|
}, function (props) {
|
|
8190
8575
|
return props.h5 || '1.31em';
|
|
8191
8576
|
});
|
|
8192
|
-
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) {
|
|
8193
8578
|
return props.color || 'rgba(255, 255, 255, 0.5)';
|
|
8194
8579
|
});
|
|
8195
|
-
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) {
|
|
8196
8581
|
return props.paddingBottom ? '0' : '0';
|
|
8197
8582
|
}, function (props) {
|
|
8198
8583
|
return props.background || '#bfc3ca';
|
|
@@ -8207,16 +8592,16 @@ var CartSummaryInputBox = styled.form(_templateObject4$e || (_templateObject4$e
|
|
|
8207
8592
|
}, function (props) {
|
|
8208
8593
|
return props.btn || '#393f48';
|
|
8209
8594
|
});
|
|
8210
|
-
var DiscountCouponContainer = styled.div(_templateObject5$
|
|
8211
|
-
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) {
|
|
8212
8597
|
return props.btn || '#393f48';
|
|
8213
8598
|
});
|
|
8214
|
-
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) {
|
|
8215
8600
|
return props.background || '#393f48';
|
|
8216
8601
|
}, function (props) {
|
|
8217
8602
|
return props.color || 'inherit';
|
|
8218
8603
|
});
|
|
8219
|
-
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) {
|
|
8220
8605
|
return props.background || 'white';
|
|
8221
8606
|
}, function (props) {
|
|
8222
8607
|
return props.selected ? props.background : 'transparent';
|
|
@@ -8623,12 +9008,12 @@ var checkMinMaxQty = function checkMinMaxQty(_ref2) {
|
|
|
8623
9008
|
return quantityReturn;
|
|
8624
9009
|
};
|
|
8625
9010
|
|
|
8626
|
-
var _templateObject$
|
|
8627
|
-
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) {
|
|
8628
9013
|
return props.color || 'grey';
|
|
8629
9014
|
});
|
|
8630
|
-
var CartDrawerQtBox = styled.div(_templateObject2$
|
|
8631
|
-
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"])));
|
|
8632
9017
|
|
|
8633
9018
|
var CartDrawerProductCard = function CartDrawerProductCard(_ref) {
|
|
8634
9019
|
var product = _ref.product,
|
|
@@ -8889,7 +9274,7 @@ var GTagManager = function GTagManager(_ref) {
|
|
|
8889
9274
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
8890
9275
|
};
|
|
8891
9276
|
|
|
8892
|
-
var _templateObject$
|
|
9277
|
+
var _templateObject$y, _templateObject2$q, _templateObject3$k, _templateObject4$g, _templateObject5$c, _templateObject6$a;
|
|
8893
9278
|
var OutOfStock = function OutOfStock(_ref) {
|
|
8894
9279
|
var _product$body, _product$body$content, _product$body2, _product$body2$conten, _product$masterProduc, _product$header;
|
|
8895
9280
|
var product = _ref.product,
|
|
@@ -9120,13 +9505,13 @@ var OutOfStock = function OutOfStock(_ref) {
|
|
|
9120
9505
|
}
|
|
9121
9506
|
}), /*#__PURE__*/React__default.createElement("span", null, subscribed ? 'Subscribed Successfully' : 'Subscribe')))))));
|
|
9122
9507
|
};
|
|
9123
|
-
var VariantsContainer = styled.div(_templateObject$
|
|
9124
|
-
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) {
|
|
9125
9510
|
return props.theme.primaryColor;
|
|
9126
9511
|
});
|
|
9127
|
-
var EmailInput = styled(InputBase)(_templateObject3$
|
|
9128
|
-
var Root$a = styled.div(_templateObject4$
|
|
9129
|
-
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) {
|
|
9130
9515
|
return props.height ? props.height : 'auto';
|
|
9131
9516
|
}, function (props) {
|
|
9132
9517
|
return props.margin ? props.margin : '0.3rem 0';
|
|
@@ -9137,7 +9522,7 @@ var ContainerDiv = styled.div(_templateObject5$b || (_templateObject5$b = _tagge
|
|
|
9137
9522
|
}, function (props) {
|
|
9138
9523
|
return props.justifyContent ? props.justifyContent : 'default';
|
|
9139
9524
|
});
|
|
9140
|
-
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) {
|
|
9141
9526
|
return props.theme.primaryColor;
|
|
9142
9527
|
}, function (props) {
|
|
9143
9528
|
return props.padding ? props.padding : '5px 15px';
|
|
@@ -9157,15 +9542,15 @@ var StyledSubscribe = styled.button(_templateObject6$9 || (_templateObject6$9 =
|
|
|
9157
9542
|
return props.Loading || props.subscribed ? 'none' : 'auto';
|
|
9158
9543
|
});
|
|
9159
9544
|
|
|
9160
|
-
var _templateObject$
|
|
9545
|
+
var _templateObject$z;
|
|
9161
9546
|
var NoData = function NoData(_ref) {
|
|
9162
9547
|
_objectDestructuringEmpty(_ref);
|
|
9163
9548
|
return /*#__PURE__*/React__default.createElement(CustomNoRowsOverlay, null);
|
|
9164
9549
|
};
|
|
9165
|
-
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"])));
|
|
9166
9551
|
var CustomNoRowsOverlay = function CustomNoRowsOverlay(_ref2) {
|
|
9167
9552
|
_objectDestructuringEmpty(_ref2);
|
|
9168
|
-
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", {
|
|
9169
9554
|
width: "120",
|
|
9170
9555
|
height: "100",
|
|
9171
9556
|
viewBox: "0 0 184 152",
|
|
@@ -9629,28 +10014,28 @@ var AsyncSelect = function AsyncSelect(_ref3) {
|
|
|
9629
10014
|
return /*#__PURE__*/React__default.createElement(AsyncSelectField, props);
|
|
9630
10015
|
};
|
|
9631
10016
|
|
|
9632
|
-
var _templateObject$
|
|
9633
|
-
var Container$
|
|
10017
|
+
var _templateObject$A;
|
|
10018
|
+
var Container$2 = styled.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose([""])));
|
|
9634
10019
|
|
|
9635
|
-
var _templateObject$
|
|
9636
|
-
var ProductImage$1 = styled.img(_templateObject$
|
|
9637
|
-
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) {
|
|
9638
10023
|
return props.size || '1em';
|
|
9639
10024
|
}, function (props) {
|
|
9640
10025
|
return props.maxHeight ? props.maxHeight + "em" : '2.75em';
|
|
9641
10026
|
}, function (props) {
|
|
9642
10027
|
return props.maxHeight ? props.maxHeight + "em" : '2.80em';
|
|
9643
10028
|
});
|
|
9644
|
-
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) {
|
|
9645
10030
|
return props.size || '1.19em';
|
|
9646
10031
|
}, function (prop) {
|
|
9647
10032
|
return prop.bg;
|
|
9648
10033
|
}, function (prop) {
|
|
9649
10034
|
return prop.bg;
|
|
9650
10035
|
});
|
|
9651
|
-
var CartTableCell$2 = styled(TableCell)(_templateObject4$
|
|
9652
|
-
var QuantityBox$1 = styled.div(_templateObject5$
|
|
9653
|
-
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"])));
|
|
9654
10039
|
var CardRow$1 = function CardRow(_ref) {
|
|
9655
10040
|
var _styles$price, _styles$Btn, _row$standardPrice, _row$subtotal;
|
|
9656
10041
|
var row = _ref.row,
|
|
@@ -9768,13 +10153,13 @@ var CardRow$1 = function CardRow(_ref) {
|
|
|
9768
10153
|
}))));
|
|
9769
10154
|
};
|
|
9770
10155
|
|
|
9771
|
-
var _templateObject$
|
|
9772
|
-
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) {
|
|
9773
10158
|
return props.bg;
|
|
9774
10159
|
}, function (props) {
|
|
9775
10160
|
return props.bg || '#FAE8E5';
|
|
9776
10161
|
});
|
|
9777
|
-
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) {
|
|
9778
10163
|
return props.maxWidth || '1600px';
|
|
9779
10164
|
}, function (props) {
|
|
9780
10165
|
return "min(" + (props.maxWidth || '1600px') + ",100%)";
|
|
@@ -9785,16 +10170,16 @@ var CartPageContainer$1 = styled.div(_templateObject2$r || (_templateObject2$r =
|
|
|
9785
10170
|
}, function (props) {
|
|
9786
10171
|
return props.color || '#BFC3CA';
|
|
9787
10172
|
});
|
|
9788
|
-
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) {
|
|
9789
10174
|
return props.retail ? 'grid' : 'flex';
|
|
9790
10175
|
});
|
|
9791
|
-
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) {
|
|
9792
10177
|
return props.color || 'black';
|
|
9793
10178
|
}, function (props) {
|
|
9794
10179
|
return props.h1 || 'inherit';
|
|
9795
10180
|
});
|
|
9796
|
-
var Loader$2 = styled.div(_templateObject5$
|
|
9797
|
-
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) {
|
|
9798
10183
|
return "" + props.bg;
|
|
9799
10184
|
}, function (props) {
|
|
9800
10185
|
return "" + props.color || 'inherit';
|
|
@@ -9803,17 +10188,17 @@ var CartTableCell$3 = styled(TableCell)(_templateObject6$b || (_templateObject6$
|
|
|
9803
10188
|
}, function (props) {
|
|
9804
10189
|
return "" + props.color || 'inherit';
|
|
9805
10190
|
});
|
|
9806
|
-
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) {
|
|
9807
10192
|
return props.bg || '#fdccc480';
|
|
9808
10193
|
}, function (props) {
|
|
9809
10194
|
return props.color || 'red';
|
|
9810
10195
|
});
|
|
9811
|
-
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) {
|
|
9812
10197
|
return props.bg || 'rgba(107, 106, 106, 1)';
|
|
9813
10198
|
}, function (props) {
|
|
9814
10199
|
return props.color || 'white';
|
|
9815
10200
|
});
|
|
9816
|
-
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"])));
|
|
9817
10202
|
|
|
9818
10203
|
var headCells$1 = [{
|
|
9819
10204
|
id: 'image',
|
|
@@ -10140,7 +10525,7 @@ var QuickOrder = function QuickOrder(_ref) {
|
|
|
10140
10525
|
};
|
|
10141
10526
|
return /*#__PURE__*/React__default.createElement(ThemeProvider, {
|
|
10142
10527
|
theme: colors
|
|
10143
|
-
}, /*#__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, {
|
|
10144
10529
|
placeholder: 'Search Product',
|
|
10145
10530
|
minSearchChar: 3,
|
|
10146
10531
|
apiData: searchProductAPIData(),
|
|
@@ -10218,7 +10603,7 @@ var SnowfallComponent = function SnowfallComponent(_ref) {
|
|
|
10218
10603
|
}) : null;
|
|
10219
10604
|
};
|
|
10220
10605
|
|
|
10221
|
-
var _templateObject$
|
|
10606
|
+
var _templateObject$D, _templateObject2$t;
|
|
10222
10607
|
var ContactUsForm = function ContactUsForm(_ref) {
|
|
10223
10608
|
var apiEndPoint = _ref.apiEndPoint,
|
|
10224
10609
|
serviceApiEndPoint = _ref.serviceApiEndPoint,
|
|
@@ -10343,15 +10728,15 @@ var ContactUsForm = function ContactUsForm(_ref) {
|
|
|
10343
10728
|
}
|
|
10344
10729
|
}, "Submit"))));
|
|
10345
10730
|
};
|
|
10346
|
-
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) {
|
|
10347
10732
|
return props.fontColor;
|
|
10348
10733
|
});
|
|
10349
|
-
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) {
|
|
10350
10735
|
return props.secondaryColor;
|
|
10351
10736
|
});
|
|
10352
10737
|
|
|
10353
|
-
var _templateObject$
|
|
10354
|
-
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) {
|
|
10355
10740
|
return props.theme.fontColor || '#606060';
|
|
10356
10741
|
}, function (props) {
|
|
10357
10742
|
return props.theme.primaryColor;
|
|
@@ -10363,7 +10748,7 @@ var StaticContainer = styled.div(_templateObject$D || (_templateObject$D = _tagg
|
|
|
10363
10748
|
return props.theme.fontColor || '#606060';
|
|
10364
10749
|
});
|
|
10365
10750
|
|
|
10366
|
-
var _templateObject$
|
|
10751
|
+
var _templateObject$F;
|
|
10367
10752
|
var APIStaticPage = function APIStaticPage(_ref) {
|
|
10368
10753
|
var _ref$colors = _ref.colors,
|
|
10369
10754
|
colors = _ref$colors === void 0 ? {
|
|
@@ -10551,10 +10936,10 @@ var APIStaticPage = function APIStaticPage(_ref) {
|
|
|
10551
10936
|
}
|
|
10552
10937
|
}, "Not found"))));
|
|
10553
10938
|
};
|
|
10554
|
-
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"])));
|
|
10555
10940
|
|
|
10556
|
-
var _templateObject$
|
|
10557
|
-
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) {
|
|
10558
10943
|
return props.theme.fontColor || '#606060';
|
|
10559
10944
|
}, function (props) {
|
|
10560
10945
|
return props.theme.primaryColor;
|
|
@@ -10566,7 +10951,7 @@ var StaticContainer$1 = styled.div(_templateObject$F || (_templateObject$F = _ta
|
|
|
10566
10951
|
return props.theme.fontColor || '#606060';
|
|
10567
10952
|
});
|
|
10568
10953
|
|
|
10569
|
-
var _templateObject$
|
|
10954
|
+
var _templateObject$H;
|
|
10570
10955
|
var StaticPage = function StaticPage(_ref) {
|
|
10571
10956
|
var _data$content;
|
|
10572
10957
|
var _ref$colors = _ref.colors,
|
|
@@ -10634,9 +11019,9 @@ var StaticPage = function StaticPage(_ref) {
|
|
|
10634
11019
|
referrerPolicy: "no-referrer-when-downgrade"
|
|
10635
11020
|
})))));
|
|
10636
11021
|
};
|
|
10637
|
-
var Root$c = styled(Box)(_templateObject$
|
|
11022
|
+
var Root$c = styled(Box)(_templateObject$H || (_templateObject$H = _taggedTemplateLiteralLoose([""])));
|
|
10638
11023
|
|
|
10639
|
-
var _templateObject$
|
|
11024
|
+
var _templateObject$I;
|
|
10640
11025
|
var StaticPageList = function StaticPageList(_ref) {
|
|
10641
11026
|
var _sortBy;
|
|
10642
11027
|
var apiEndPoint = _ref.apiEndPoint,
|
|
@@ -10700,7 +11085,7 @@ var StaticPageList = function StaticPageList(_ref) {
|
|
|
10700
11085
|
lg: 3,
|
|
10701
11086
|
item: true,
|
|
10702
11087
|
key: i
|
|
10703
|
-
}, /*#__PURE__*/React__default.createElement(Card, {
|
|
11088
|
+
}, /*#__PURE__*/React__default.createElement(Card$1, {
|
|
10704
11089
|
style: {
|
|
10705
11090
|
height: '100%'
|
|
10706
11091
|
}
|
|
@@ -10744,7 +11129,7 @@ var StaticPageList = function StaticPageList(_ref) {
|
|
|
10744
11129
|
}
|
|
10745
11130
|
}, "Not found")))));
|
|
10746
11131
|
};
|
|
10747
|
-
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"])));
|
|
10748
11133
|
|
|
10749
11134
|
var _excluded$6 = ["userName", "children", "style"];
|
|
10750
11135
|
var colors$1 = ['#FFB900', '#D83B01', '#B50E0E', '#E81123', '#B4009E', '#5C2D91', '#0078D7', '#00B4FF', '#008272', '#107C10'];
|
|
@@ -10780,7 +11165,7 @@ var Avatar = function Avatar(_ref) {
|
|
|
10780
11165
|
}));
|
|
10781
11166
|
};
|
|
10782
11167
|
|
|
10783
|
-
var _templateObject$
|
|
11168
|
+
var _templateObject$J, _templateObject2$u;
|
|
10784
11169
|
var SwitchUser = function SwitchUser(_ref) {
|
|
10785
11170
|
var _customerData$filter, _customerData$filter$;
|
|
10786
11171
|
var apiEndPoint = _ref.apiEndPoint,
|
|
@@ -10867,14 +11252,14 @@ var SwitchUser = function SwitchUser(_ref) {
|
|
|
10867
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)))));
|
|
10868
11253
|
}))));
|
|
10869
11254
|
};
|
|
10870
|
-
var RootContainer$4 = styled.div(_templateObject$
|
|
10871
|
-
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) {
|
|
10872
11257
|
return props.theme.primaryColor || '#000000d9';
|
|
10873
11258
|
}, function (props) {
|
|
10874
11259
|
return props.theme.primaryColor || '#000000d9';
|
|
10875
11260
|
});
|
|
10876
11261
|
|
|
10877
|
-
var _templateObject$
|
|
11262
|
+
var _templateObject$K, _templateObject2$v;
|
|
10878
11263
|
var ThankYou = function ThankYou(_ref) {
|
|
10879
11264
|
var _ref$id = _ref.id,
|
|
10880
11265
|
id = _ref$id === void 0 ? 0 : _ref$id,
|
|
@@ -10933,8 +11318,8 @@ var ThankYou = function ThankYou(_ref) {
|
|
|
10933
11318
|
onClick: onContinue
|
|
10934
11319
|
}, /*#__PURE__*/React__default.createElement("p", null, "Continue Shopping"))))))));
|
|
10935
11320
|
};
|
|
10936
|
-
var Root$d = styled(Box)(_templateObject$
|
|
10937
|
-
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) {
|
|
10938
11323
|
return props.theme.primaryColor;
|
|
10939
11324
|
}, function (props) {
|
|
10940
11325
|
return props.theme.primaryColor;
|
|
@@ -11088,38 +11473,38 @@ var DiscountSummaryModal = function DiscountSummaryModal(_ref) {
|
|
|
11088
11473
|
}, "Okay"))));
|
|
11089
11474
|
};
|
|
11090
11475
|
|
|
11091
|
-
var _templateObject$
|
|
11092
|
-
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) {
|
|
11093
11478
|
return props.bg;
|
|
11094
11479
|
});
|
|
11095
|
-
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) {
|
|
11096
11481
|
return props.maxWidth || '1605px';
|
|
11097
11482
|
}, function (props) {
|
|
11098
11483
|
return props.bg || '#fff8f6';
|
|
11099
11484
|
}, function (props) {
|
|
11100
11485
|
return props.primaryColor || 'rgba(50, 50, 50, 1)';
|
|
11101
11486
|
});
|
|
11102
|
-
var Row = styled.div(_templateObject3$
|
|
11103
|
-
var CheckoutMainWithHeader = styled(Stack)(_templateObject4$
|
|
11104
|
-
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) {
|
|
11105
11490
|
return props.bg || 'rgba(102,112,128,0.5)';
|
|
11106
11491
|
}, function (props) {
|
|
11107
11492
|
return props.bg || 'rgba(102,112,128,0.5)';
|
|
11108
11493
|
}, function (props) {
|
|
11109
11494
|
return props.color;
|
|
11110
11495
|
});
|
|
11111
|
-
var CheckoutHeading = styled.div(_templateObject6$
|
|
11112
|
-
var CheckoutHeader = styled(Row)(_templateObject7$
|
|
11113
|
-
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"])));
|
|
11114
11499
|
|
|
11115
|
-
var _templateObject$
|
|
11116
|
-
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) {
|
|
11117
11502
|
return props.bg || 'rgba(255, 240, 236, 1)';
|
|
11118
11503
|
}, function (props) {
|
|
11119
11504
|
return props.color || ' rgba(50, 50, 50, 1)';
|
|
11120
11505
|
});
|
|
11121
|
-
var TextRow = styled.div(_templateObject2$
|
|
11122
|
-
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"])));
|
|
11123
11508
|
|
|
11124
11509
|
var CheckoutSummary = function CheckoutSummary(_ref) {
|
|
11125
11510
|
var billingInformation = _ref.billingInformation,
|
|
@@ -11191,14 +11576,14 @@ var CheckoutSummary = function CheckoutSummary(_ref) {
|
|
|
11191
11576
|
}, renderMoney(orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.adjustmentValue))));
|
|
11192
11577
|
};
|
|
11193
11578
|
|
|
11194
|
-
var _templateObject$
|
|
11195
|
-
var StepContainer = styled.div(_templateObject$
|
|
11196
|
-
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) {
|
|
11197
11582
|
return 'transparent' + '!important';
|
|
11198
11583
|
}, function (props) {
|
|
11199
11584
|
return props.bg || 'red';
|
|
11200
11585
|
});
|
|
11201
|
-
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) {
|
|
11202
11587
|
return props.single ? '1.8em 2em' : '1em 0';
|
|
11203
11588
|
}, function (props) {
|
|
11204
11589
|
return props.single ? '-1.56em' : '1em';
|
|
@@ -11211,11 +11596,11 @@ var StepsHeaderContainer = styled.div(_templateObject3$o || (_templateObject3$o
|
|
|
11211
11596
|
}, function (props) {
|
|
11212
11597
|
return props.username ? 'not-allowed' : 'pointer';
|
|
11213
11598
|
});
|
|
11214
|
-
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) {
|
|
11215
11600
|
var _props$theme, _props$theme$input;
|
|
11216
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';
|
|
11217
11602
|
});
|
|
11218
|
-
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) {
|
|
11219
11604
|
return props.width || '8.05em';
|
|
11220
11605
|
}, function (props) {
|
|
11221
11606
|
return props.height || '2.25em';
|
|
@@ -11228,7 +11613,7 @@ var CommonCheckoutBtn = styled.button(_templateObject5$f || (_templateObject5$f
|
|
|
11228
11613
|
});
|
|
11229
11614
|
var Select = styled.div.attrs({
|
|
11230
11615
|
className: 'checkout-input'
|
|
11231
|
-
})(_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) {
|
|
11232
11617
|
var _props$theme2, _props$theme2$input;
|
|
11233
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';
|
|
11234
11619
|
}, function (props) {
|
|
@@ -11236,12 +11621,12 @@ var Select = styled.div.attrs({
|
|
|
11236
11621
|
});
|
|
11237
11622
|
var SaveButton = styled.button.attrs({
|
|
11238
11623
|
className: 'checkout-btn'
|
|
11239
|
-
})(_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) {
|
|
11240
11625
|
return props.color || '#FD0015';
|
|
11241
11626
|
}, function (props) {
|
|
11242
11627
|
return props.disabled ? 'not-allowed' : 'pointer';
|
|
11243
11628
|
});
|
|
11244
|
-
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) {
|
|
11245
11630
|
return props.disabledNext && '0.5';
|
|
11246
11631
|
}, function (props) {
|
|
11247
11632
|
return props.color || '#fd0015';
|
|
@@ -11252,7 +11637,7 @@ var ButtonRowContainer = styled.div(_templateObject8$7 || (_templateObject8$7 =
|
|
|
11252
11637
|
}, function (props) {
|
|
11253
11638
|
return props.disabledBack ? 'not-allowed' : 'pointer';
|
|
11254
11639
|
});
|
|
11255
|
-
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) {
|
|
11256
11641
|
return props.padding;
|
|
11257
11642
|
}, function (props) {
|
|
11258
11643
|
return props.marginLeft;
|
|
@@ -11263,14 +11648,14 @@ var CheckBoxRow = styled.div(_templateObject9$5 || (_templateObject9$5 = _tagged
|
|
|
11263
11648
|
}, function (prop) {
|
|
11264
11649
|
return prop.colorText || 'red';
|
|
11265
11650
|
});
|
|
11266
|
-
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) {
|
|
11267
11652
|
return prop.bgInput + '!important' || '';
|
|
11268
11653
|
}, function (prop) {
|
|
11269
11654
|
return prop.btnBg + '!important' || '';
|
|
11270
11655
|
});
|
|
11271
|
-
var CardHeading = styled.div(_templateObject11$
|
|
11272
|
-
var DeliveryOptionContainer = styled.div(_templateObject12$
|
|
11273
|
-
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) {
|
|
11274
11659
|
return props.hovered ? props.bg : '';
|
|
11275
11660
|
}, function (props) {
|
|
11276
11661
|
return props.hovered ? "1px solid " + props.border : "1px solid" + props.bg;
|
|
@@ -11289,19 +11674,19 @@ var DeliveryOption = styled.div(_templateObject13$1 || (_templateObject13$1 = _t
|
|
|
11289
11674
|
}, function (props) {
|
|
11290
11675
|
return props.hovered ? '800' : '700';
|
|
11291
11676
|
});
|
|
11292
|
-
var CreditCard = styled.div(_templateObject14$
|
|
11293
|
-
var PaymentLi = styled.div(_templateObject15$
|
|
11294
|
-
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) {
|
|
11295
11680
|
return props.colored ? props.bg || "'rgba(255, 240, 236, 1)'" : 'white';
|
|
11296
11681
|
}, function (props) {
|
|
11297
11682
|
return props.bg || 'red';
|
|
11298
11683
|
});
|
|
11299
|
-
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) {
|
|
11300
11685
|
return props.noSmall ? 'none' : '';
|
|
11301
11686
|
}, function (props) {
|
|
11302
11687
|
return props.noAboveSmall ? 'none' : '';
|
|
11303
11688
|
});
|
|
11304
|
-
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) {
|
|
11305
11690
|
return prop.primaryColor || 'rgba(107, 106, 106, 1)';
|
|
11306
11691
|
}, function (prop) {
|
|
11307
11692
|
var _prop$bgTextArea;
|
|
@@ -12751,7 +13136,7 @@ var erSessionStorage = {
|
|
|
12751
13136
|
}
|
|
12752
13137
|
};
|
|
12753
13138
|
|
|
12754
|
-
var _templateObject$
|
|
13139
|
+
var _templateObject$O, _templateObject2$z;
|
|
12755
13140
|
var ConsentForm = function ConsentForm(_ref) {
|
|
12756
13141
|
var apiEndPoint = _ref.apiEndPoint,
|
|
12757
13142
|
token = _ref.token,
|
|
@@ -12917,7 +13302,7 @@ var InfoComponent = function InfoComponent(_ref2) {
|
|
|
12917
13302
|
});
|
|
12918
13303
|
}))));
|
|
12919
13304
|
};
|
|
12920
|
-
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"])));
|
|
12921
13306
|
var InfoItem = function InfoItem(_ref3) {
|
|
12922
13307
|
var name = _ref3.name,
|
|
12923
13308
|
value = _ref3.value;
|
|
@@ -12930,7 +13315,7 @@ var InfoItem = function InfoItem(_ref3) {
|
|
|
12930
13315
|
item: true
|
|
12931
13316
|
}, /*#__PURE__*/React__default.createElement("p", null, value))));
|
|
12932
13317
|
};
|
|
12933
|
-
var InfoItemContainer = styled.div(_templateObject2$
|
|
13318
|
+
var InfoItemContainer = styled.div(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n background: #00000010;\n padding: 0.5rem;\n"])));
|
|
12934
13319
|
|
|
12935
13320
|
var PaypalComponent = function PaypalComponent(_ref) {
|
|
12936
13321
|
var apiEndPoint = _ref.apiEndPoint,
|
|
@@ -14301,7 +14686,7 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref9) {
|
|
|
14301
14686
|
}, props)));
|
|
14302
14687
|
};
|
|
14303
14688
|
|
|
14304
|
-
var _templateObject$
|
|
14689
|
+
var _templateObject$P, _templateObject2$A, _templateObject3$q;
|
|
14305
14690
|
var columns = [{
|
|
14306
14691
|
id: 'id',
|
|
14307
14692
|
label: 'Id',
|
|
@@ -14416,11 +14801,11 @@ var PurchaseOrderList = function PurchaseOrderList(_ref) {
|
|
|
14416
14801
|
setTriggerTableData: setTriggerTableData
|
|
14417
14802
|
})));
|
|
14418
14803
|
};
|
|
14419
|
-
var TableContainer$2 = styled.div(_templateObject$
|
|
14420
|
-
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) {
|
|
14421
14806
|
return props.fontColor;
|
|
14422
14807
|
});
|
|
14423
|
-
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) {
|
|
14424
14809
|
return props.primaryColor;
|
|
14425
14810
|
});
|
|
14426
14811
|
|
|
@@ -14579,7 +14964,7 @@ var PurchaseOrderDetail = function PurchaseOrderDetail(_ref) {
|
|
|
14579
14964
|
item: true,
|
|
14580
14965
|
lg: 8,
|
|
14581
14966
|
xs: 12
|
|
14582
|
-
}, /*#__PURE__*/React__default.createElement(Card, {
|
|
14967
|
+
}, /*#__PURE__*/React__default.createElement(Card$1, {
|
|
14583
14968
|
variant: "outlined",
|
|
14584
14969
|
style: {
|
|
14585
14970
|
borderRadius: '14px'
|
|
@@ -14653,7 +15038,7 @@ var PurchaseOrderDetail = function PurchaseOrderDetail(_ref) {
|
|
|
14653
15038
|
item: true,
|
|
14654
15039
|
lg: 4,
|
|
14655
15040
|
xs: 12
|
|
14656
|
-
}, /*#__PURE__*/React__default.createElement(Card, {
|
|
15041
|
+
}, /*#__PURE__*/React__default.createElement(Card$1, {
|
|
14657
15042
|
variant: "outlined",
|
|
14658
15043
|
style: {
|
|
14659
15044
|
borderRadius: '14px'
|
|
@@ -14991,7 +15376,7 @@ var VendorInventory = function VendorInventory(_ref) {
|
|
|
14991
15376
|
})));
|
|
14992
15377
|
};
|
|
14993
15378
|
|
|
14994
|
-
var _templateObject$
|
|
15379
|
+
var _templateObject$Q, _templateObject2$B, _templateObject3$r, _templateObject4$l, _templateObject5$h, _templateObject6$f, _templateObject7$b, _templateObject8$9;
|
|
14995
15380
|
var VendorLogin = function VendorLogin(_ref) {
|
|
14996
15381
|
var primaryColor = _ref.primaryColor,
|
|
14997
15382
|
API_BASE_URL = _ref.API_BASE_URL;
|
|
@@ -15051,7 +15436,7 @@ var VendorLogin = function VendorLogin(_ref) {
|
|
|
15051
15436
|
minHeight: '60vh',
|
|
15052
15437
|
display: 'flex'
|
|
15053
15438
|
}
|
|
15054
|
-
}, /*#__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, {
|
|
15055
15440
|
variant: "h4"
|
|
15056
15441
|
}, "vendor sign in"), /*#__PURE__*/React__default.createElement(StyleInputBx, null, /*#__PURE__*/React__default.createElement("span", {
|
|
15057
15442
|
className: "icon"
|
|
@@ -15097,16 +15482,16 @@ var VendorLogin = function VendorLogin(_ref) {
|
|
|
15097
15482
|
color: "inherit"
|
|
15098
15483
|
}) : 'sign in'))))));
|
|
15099
15484
|
};
|
|
15100
|
-
var Container$
|
|
15101
|
-
var StyledLogin = styled.div(_templateObject2$
|
|
15102
|
-
var StyledCard = styled(Card)(_templateObject3$
|
|
15103
|
-
var H1 = styled(Typography)(_templateObject4$
|
|
15104
|
-
var StyleInputBx = styled.div(_templateObject5$
|
|
15105
|
-
var ShowPassBtn = styled.span(_templateObject6$
|
|
15106
|
-
var ButtonContianer = styled.span(_templateObject7$
|
|
15107
|
-
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"])));
|
|
15108
15493
|
|
|
15109
|
-
var _templateObject$
|
|
15494
|
+
var _templateObject$R, _templateObject2$C, _templateObject3$s, _templateObject4$m;
|
|
15110
15495
|
var menuItems = [{
|
|
15111
15496
|
name: 'My Account',
|
|
15112
15497
|
Icon: RiAccountBoxLine,
|
|
@@ -15314,8 +15699,8 @@ var VendorAccountDetails = function VendorAccountDetails(_ref) {
|
|
|
15314
15699
|
height: 200
|
|
15315
15700
|
}) : /*#__PURE__*/React__default.createElement(Fragment$1, null, API_BASE_URL && token && renderListItemComponent(tabValue)))))));
|
|
15316
15701
|
};
|
|
15317
|
-
var Root$e = styled(Box)(_templateObject$
|
|
15318
|
-
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) {
|
|
15319
15704
|
return props.open ? '1800px' : '1600px';
|
|
15320
15705
|
});
|
|
15321
15706
|
var Main$1 = styled$1('main', {
|
|
@@ -15348,12 +15733,12 @@ var Main$1 = styled$1('main', {
|
|
|
15348
15733
|
overflow: 'auto'
|
|
15349
15734
|
});
|
|
15350
15735
|
});
|
|
15351
|
-
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) {
|
|
15352
15737
|
return props.open && '2rem';
|
|
15353
15738
|
}, function (props) {
|
|
15354
15739
|
return props.primaryColor || transparent;
|
|
15355
15740
|
});
|
|
15356
|
-
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) {
|
|
15357
15742
|
return props.fontColor;
|
|
15358
15743
|
});
|
|
15359
15744
|
|
|
@@ -15384,7 +15769,7 @@ var MaintenancePage = function MaintenancePage(_ref) {
|
|
|
15384
15769
|
margin: 'auto',
|
|
15385
15770
|
objectFit: 'contain'
|
|
15386
15771
|
}
|
|
15387
|
-
}) : /*#__PURE__*/React__default.createElement(Container$
|
|
15772
|
+
}) : /*#__PURE__*/React__default.createElement(Container$4, null, /*#__PURE__*/React__default.createElement(Box, {
|
|
15388
15773
|
sx: {
|
|
15389
15774
|
display: 'flex',
|
|
15390
15775
|
flexDirection: 'column',
|
|
@@ -15458,7 +15843,7 @@ var getRestockedData = function getRestockedData(_ref3) {
|
|
|
15458
15843
|
}
|
|
15459
15844
|
};
|
|
15460
15845
|
|
|
15461
|
-
var _templateObject$
|
|
15846
|
+
var _templateObject$S;
|
|
15462
15847
|
var NewArrival = function NewArrival(_ref) {
|
|
15463
15848
|
var _newArrivalItems$cont;
|
|
15464
15849
|
var apiEndPoint = _ref.apiEndPoint,
|
|
@@ -15609,7 +15994,7 @@ var DateCard = function DateCard(_ref2) {
|
|
|
15609
15994
|
}
|
|
15610
15995
|
}, item === null || item === void 0 ? void 0 : item.count));
|
|
15611
15996
|
};
|
|
15612
|
-
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"])));
|
|
15613
15998
|
|
|
15614
15999
|
var ReStockedItem = function ReStockedItem(_ref) {
|
|
15615
16000
|
var _newArrivalItems$cont;
|
|
@@ -15898,7 +16283,7 @@ var WishlistProductCardSkeleton = function WishlistProductCardSkeleton(_ref) {
|
|
|
15898
16283
|
}));
|
|
15899
16284
|
};
|
|
15900
16285
|
|
|
15901
|
-
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;
|
|
15902
16287
|
var getProductImage = function getProductImage(imageUrl, imgNotFoundUrl) {
|
|
15903
16288
|
return imageUrl && imageUrl !== 'null' ? imageUrl : imgNotFoundUrl != null ? imgNotFoundUrl : '/images/products/imgnotfound.png';
|
|
15904
16289
|
};
|
|
@@ -16032,20 +16417,20 @@ var WishlistComponent = function WishlistComponent(_ref) {
|
|
|
16032
16417
|
}));
|
|
16033
16418
|
})));
|
|
16034
16419
|
};
|
|
16035
|
-
var ProductCardWrapper = styled.div(_templateObject$
|
|
16036
|
-
var TopBar = styled.div(_templateObject2$
|
|
16037
|
-
var SearchWrapper = styled(Box)(_templateObject3$
|
|
16038
|
-
var TotalItemsText = styled.div(_templateObject4$
|
|
16039
|
-
var EmptyStateText = styled.p(_templateObject5$
|
|
16040
|
-
var DeleteButton = styled.button(_templateObject6$
|
|
16041
|
-
var PriceContainer = styled.div(_templateObject7$
|
|
16042
|
-
var DiscountPriceRow = styled.div(_templateObject8$
|
|
16043
|
-
var ProductName$2 = styled.div(_templateObject9$
|
|
16044
|
-
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) {
|
|
16045
16430
|
var primaryColor = _ref2.primaryColor;
|
|
16046
16431
|
return primaryColor != null ? primaryColor : '#000000';
|
|
16047
16432
|
});
|
|
16048
|
-
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"])));
|
|
16049
16434
|
var ProductCard = function ProductCard(_ref3) {
|
|
16050
16435
|
var _product$standardPric, _product$retailPrice, _product$standardPric2;
|
|
16051
16436
|
var product = _ref3.product,
|
|
@@ -16070,9 +16455,7 @@ var ProductCard = function ProductCard(_ref3) {
|
|
|
16070
16455
|
var _temp = _finallyRethrows(function () {
|
|
16071
16456
|
return _catch(function () {
|
|
16072
16457
|
return Promise.resolve(onRemoveFromWishlist(productId)).then(function () {});
|
|
16073
|
-
}, function (
|
|
16074
|
-
console.log('error', error);
|
|
16075
|
-
});
|
|
16458
|
+
}, function () {});
|
|
16076
16459
|
}, function (_wasThrown, _result) {
|
|
16077
16460
|
setDeleteLoading(false);
|
|
16078
16461
|
if (_wasThrown) throw _result;
|
|
@@ -16117,9 +16500,7 @@ var ProductCard = function ProductCard(_ref3) {
|
|
|
16117
16500
|
var _temp3 = _catch(function () {
|
|
16118
16501
|
e.stopPropagation();
|
|
16119
16502
|
return Promise.resolve(removeFromWishlist(product === null || product === void 0 ? void 0 : product.productId)).then(function () {});
|
|
16120
|
-
}, function (
|
|
16121
|
-
console.log('error', error);
|
|
16122
|
-
});
|
|
16503
|
+
}, function () {});
|
|
16123
16504
|
return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(function () {}) : void 0);
|
|
16124
16505
|
} catch (e) {
|
|
16125
16506
|
return Promise.reject(e);
|