@salesgenterp/ui-components 0.4.321 → 0.4.323
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 +58 -49
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +58 -49
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -3352,7 +3352,7 @@ var _templateObject$f;
|
|
|
3352
3352
|
var SideMenuItemComponent = function SideMenuItemComponent(props) {
|
|
3353
3353
|
var className = props.className,
|
|
3354
3354
|
onClick = props.onClick,
|
|
3355
|
-
|
|
3355
|
+
path = props.path,
|
|
3356
3356
|
link = props.link,
|
|
3357
3357
|
children = props.children,
|
|
3358
3358
|
primaryColor = props.primaryColor,
|
|
@@ -3380,7 +3380,7 @@ var SideMenuItemComponent = function SideMenuItemComponent(props) {
|
|
|
3380
3380
|
}),
|
|
3381
3381
|
onClick: function onClick() {
|
|
3382
3382
|
if (list && onTabChange) {
|
|
3383
|
-
onTabChange(
|
|
3383
|
+
onTabChange(path);
|
|
3384
3384
|
}
|
|
3385
3385
|
},
|
|
3386
3386
|
to: link
|
|
@@ -3388,6 +3388,7 @@ var SideMenuItemComponent = function SideMenuItemComponent(props) {
|
|
|
3388
3388
|
};
|
|
3389
3389
|
var SideMenuItem = function SideMenuItem(props) {
|
|
3390
3390
|
var name = props.name,
|
|
3391
|
+
path = props.path,
|
|
3391
3392
|
link = props.link,
|
|
3392
3393
|
Icon = props.Icon,
|
|
3393
3394
|
_props$items = props.items,
|
|
@@ -3406,6 +3407,7 @@ var SideMenuItem = function SideMenuItem(props) {
|
|
|
3406
3407
|
}
|
|
3407
3408
|
var MenuItemRoot = /*#__PURE__*/React__default.createElement(SideMenuItemComponentContainer, {
|
|
3408
3409
|
link: link,
|
|
3410
|
+
path: path,
|
|
3409
3411
|
onClick: handleClick,
|
|
3410
3412
|
primaryColor: primaryColor,
|
|
3411
3413
|
fontColor: fontColor,
|
|
@@ -3428,7 +3430,7 @@ var SideMenuItem = function SideMenuItem(props) {
|
|
|
3428
3430
|
}, /*#__PURE__*/React__default.createElement(material.List, {
|
|
3429
3431
|
component: "div",
|
|
3430
3432
|
disablePadding: true
|
|
3431
|
-
}, items.map(function (item, index) {
|
|
3433
|
+
}, items === null || items === void 0 ? void 0 : items.map(function (item, index) {
|
|
3432
3434
|
return /*#__PURE__*/React__default.createElement(SideMenuItem, _extends({}, item, {
|
|
3433
3435
|
key: index,
|
|
3434
3436
|
primaryColor: primaryColor,
|
|
@@ -3472,22 +3474,27 @@ var sideMenuItems = [{
|
|
|
3472
3474
|
Icon: ri.RiAccountBoxLine,
|
|
3473
3475
|
items: [{
|
|
3474
3476
|
name: 'Dashboard',
|
|
3477
|
+
path: 'dashboard',
|
|
3475
3478
|
link: '/',
|
|
3476
3479
|
Icon: ri.RiHome7Line
|
|
3477
3480
|
}, {
|
|
3478
3481
|
name: 'My Profile',
|
|
3482
|
+
path: 'myProfile',
|
|
3479
3483
|
link: '/',
|
|
3480
3484
|
Icon: tb.TbUserCircle
|
|
3481
3485
|
}, {
|
|
3482
3486
|
name: 'Address List',
|
|
3487
|
+
path: 'addressList',
|
|
3483
3488
|
link: '/',
|
|
3484
3489
|
Icon: tb.TbBuildingStore
|
|
3485
3490
|
}, {
|
|
3486
3491
|
name: 'Statement',
|
|
3492
|
+
path: 'statement',
|
|
3487
3493
|
link: '/',
|
|
3488
3494
|
Icon: ri.RiFileTextLine
|
|
3489
3495
|
}, {
|
|
3490
3496
|
name: 'Change Password',
|
|
3497
|
+
path: 'changePassword',
|
|
3491
3498
|
link: '/',
|
|
3492
3499
|
Icon: bi.BiLockOpen
|
|
3493
3500
|
}]
|
|
@@ -3497,14 +3504,17 @@ var sideMenuItems = [{
|
|
|
3497
3504
|
items: [{
|
|
3498
3505
|
name: 'Orders list',
|
|
3499
3506
|
link: '/orders',
|
|
3507
|
+
path: '',
|
|
3500
3508
|
Icon: bs.BsBoxSeam
|
|
3501
3509
|
}, {
|
|
3502
3510
|
name: 'Return Orders list',
|
|
3503
3511
|
link: '/orders',
|
|
3512
|
+
path: '',
|
|
3504
3513
|
Icon: go.GoPackage
|
|
3505
3514
|
}, {
|
|
3506
3515
|
name: 'Wishlist',
|
|
3507
3516
|
link: '/orders',
|
|
3517
|
+
path: '',
|
|
3508
3518
|
Icon: ai.AiOutlineHeart
|
|
3509
3519
|
}]
|
|
3510
3520
|
}, {
|
|
@@ -3513,14 +3523,17 @@ var sideMenuItems = [{
|
|
|
3513
3523
|
items: [{
|
|
3514
3524
|
name: 'Payment List',
|
|
3515
3525
|
link: '/customers',
|
|
3526
|
+
path: '',
|
|
3516
3527
|
Icon: ri.RiFileList3Line
|
|
3517
3528
|
}, {
|
|
3518
3529
|
name: 'Store Credit History',
|
|
3519
3530
|
link: '/customers',
|
|
3531
|
+
path: '',
|
|
3520
3532
|
Icon: md.MdOutlineStorefront
|
|
3521
3533
|
}, {
|
|
3522
3534
|
name: 'Saved Cards',
|
|
3523
3535
|
link: '/customers',
|
|
3536
|
+
path: '',
|
|
3524
3537
|
Icon: ai.AiOutlineCreditCard
|
|
3525
3538
|
}]
|
|
3526
3539
|
}, {
|
|
@@ -3529,10 +3542,12 @@ var sideMenuItems = [{
|
|
|
3529
3542
|
items: [{
|
|
3530
3543
|
name: 'Deals List',
|
|
3531
3544
|
link: '/deals',
|
|
3545
|
+
path: '',
|
|
3532
3546
|
Icon: ai.AiOutlineFileText
|
|
3533
3547
|
}, {
|
|
3534
3548
|
name: 'Setting',
|
|
3535
3549
|
link: '/setting',
|
|
3550
|
+
path: '',
|
|
3536
3551
|
Icon: ai.AiOutlineSetting
|
|
3537
3552
|
}]
|
|
3538
3553
|
}];
|
|
@@ -4462,15 +4477,15 @@ var AccountDetails = function AccountDetails(_ref) {
|
|
|
4462
4477
|
}),
|
|
4463
4478
|
colors = _useState7[0],
|
|
4464
4479
|
setColors = _useState7[1];
|
|
4465
|
-
var _useState8 = React.useState(path || '
|
|
4480
|
+
var _useState8 = React.useState(path || 'dashboard'),
|
|
4466
4481
|
tabValue = _useState8[0],
|
|
4467
4482
|
setTabValue = _useState8[1];
|
|
4468
4483
|
React.useEffect(function () {
|
|
4469
|
-
setTabValue(path || '
|
|
4484
|
+
setTabValue(path || 'dashboard');
|
|
4470
4485
|
}, [path]);
|
|
4471
4486
|
var onTabChange = function onTabChange(data) {
|
|
4472
4487
|
setTabValue(data);
|
|
4473
|
-
onChangePath && onChangePath(data || '
|
|
4488
|
+
onChangePath && onChangePath(data || 'dashboard');
|
|
4474
4489
|
};
|
|
4475
4490
|
var handleDrawerOpen = function handleDrawerOpen() {
|
|
4476
4491
|
setOpen(function (prev) {
|
|
@@ -4542,7 +4557,7 @@ var AccountDetails = function AccountDetails(_ref) {
|
|
|
4542
4557
|
var renderListItemComponent = function renderListItemComponent(path) {
|
|
4543
4558
|
var key = tabValue;
|
|
4544
4559
|
switch (key) {
|
|
4545
|
-
case '
|
|
4560
|
+
case 'dashboard':
|
|
4546
4561
|
return /*#__PURE__*/React__default.createElement(Dashboard, {
|
|
4547
4562
|
apiEndPoint: apiEndPoint,
|
|
4548
4563
|
serviceApiEndPoint: serviceApiEndPoint,
|
|
@@ -4566,7 +4581,7 @@ var AccountDetails = function AccountDetails(_ref) {
|
|
|
4566
4581
|
hideInvoiceAction: hideInvoiceAction,
|
|
4567
4582
|
payInvoiceFromDashboard: payInvoiceFromDashboard
|
|
4568
4583
|
});
|
|
4569
|
-
case '
|
|
4584
|
+
case 'myProfile':
|
|
4570
4585
|
return /*#__PURE__*/React__default.createElement(MyProfile, {
|
|
4571
4586
|
apiEndPoint: apiEndPoint,
|
|
4572
4587
|
serviceApiEndPoint: serviceApiEndPoint,
|
|
@@ -4579,7 +4594,7 @@ var AccountDetails = function AccountDetails(_ref) {
|
|
|
4579
4594
|
defaultStoreId: defaultStoreId,
|
|
4580
4595
|
imgNotFoundUrl: imgNotFoundUrl
|
|
4581
4596
|
});
|
|
4582
|
-
case '
|
|
4597
|
+
case 'addressList':
|
|
4583
4598
|
return /*#__PURE__*/React__default.createElement(StoreList, {
|
|
4584
4599
|
apiEndPoint: apiEndPoint,
|
|
4585
4600
|
serviceApiEndPoint: serviceApiEndPoint,
|
|
@@ -4591,7 +4606,7 @@ var AccountDetails = function AccountDetails(_ref) {
|
|
|
4591
4606
|
storeIdList: storeIdList,
|
|
4592
4607
|
defaultStoreId: defaultStoreId
|
|
4593
4608
|
});
|
|
4594
|
-
case '
|
|
4609
|
+
case 'statement':
|
|
4595
4610
|
return /*#__PURE__*/React__default.createElement(Statement, {
|
|
4596
4611
|
apiEndPoint: apiEndPoint,
|
|
4597
4612
|
serviceApiEndPoint: serviceApiEndPoint,
|
|
@@ -4603,7 +4618,7 @@ var AccountDetails = function AccountDetails(_ref) {
|
|
|
4603
4618
|
storeIdList: storeIdList,
|
|
4604
4619
|
defaultStoreId: defaultStoreId
|
|
4605
4620
|
});
|
|
4606
|
-
case '
|
|
4621
|
+
case 'changePassword':
|
|
4607
4622
|
return /*#__PURE__*/React__default.createElement(ChangePassword, {
|
|
4608
4623
|
apiEndPoint: apiEndPoint,
|
|
4609
4624
|
serviceApiEndPoint: serviceApiEndPoint,
|
|
@@ -7222,7 +7237,7 @@ var GTagManager = function GTagManager(_ref) {
|
|
|
7222
7237
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
7223
7238
|
};
|
|
7224
7239
|
|
|
7225
|
-
var _templateObject$x, _templateObject2$n;
|
|
7240
|
+
var _templateObject$x, _templateObject2$n, _templateObject3$h;
|
|
7226
7241
|
var BannerImages = function BannerImages(_ref) {
|
|
7227
7242
|
var config = _ref.config,
|
|
7228
7243
|
sliderImages = _ref.sliderImages,
|
|
@@ -7250,16 +7265,12 @@ var BannerImages = function BannerImages(_ref) {
|
|
|
7250
7265
|
}
|
|
7251
7266
|
}, /*#__PURE__*/React__default.createElement("a", {
|
|
7252
7267
|
href: (v === null || v === void 0 ? void 0 : v.redirectPath) || ''
|
|
7253
|
-
}, isVideo(v === null || v === void 0 ? void 0 : v.imageUrl) ? /*#__PURE__*/React__default.createElement(
|
|
7268
|
+
}, isVideo(v === null || v === void 0 ? void 0 : v.imageUrl) ? /*#__PURE__*/React__default.createElement(Video, {
|
|
7254
7269
|
src: v === null || v === void 0 ? void 0 : v.imageUrl,
|
|
7255
7270
|
loop: true,
|
|
7256
7271
|
autoPlay: true,
|
|
7257
7272
|
muted: true,
|
|
7258
|
-
playsInline: true
|
|
7259
|
-
style: {
|
|
7260
|
-
width: '100%',
|
|
7261
|
-
height: 'auto'
|
|
7262
|
-
}
|
|
7273
|
+
playsInline: true
|
|
7263
7274
|
}) : /*#__PURE__*/React__default.createElement(Image$1, {
|
|
7264
7275
|
src: v !== null && v !== void 0 && v.imageUrl && (v === null || v === void 0 ? void 0 : v.imageUrl) !== 'null' ? v === null || v === void 0 ? void 0 : v.imageUrl : noImgAvailable$1,
|
|
7265
7276
|
alt: "image",
|
|
@@ -7267,10 +7278,11 @@ var BannerImages = function BannerImages(_ref) {
|
|
|
7267
7278
|
}))));
|
|
7268
7279
|
})));
|
|
7269
7280
|
};
|
|
7270
|
-
var
|
|
7271
|
-
var
|
|
7281
|
+
var Video = styled__default.video(_templateObject$x || (_templateObject$x = _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"])));
|
|
7282
|
+
var Image$1 = styled__default.img(_templateObject2$n || (_templateObject2$n = _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"])));
|
|
7283
|
+
var BannerContainer$1 = styled__default.section(_templateObject3$h || (_templateObject3$h = _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"])));
|
|
7272
7284
|
|
|
7273
|
-
var _templateObject$y, _templateObject2$o, _templateObject3$
|
|
7285
|
+
var _templateObject$y, _templateObject2$o, _templateObject3$i, _templateObject4$c;
|
|
7274
7286
|
var LandingCarousel$1 = function LandingCarousel(_ref) {
|
|
7275
7287
|
var _config$spaceBetweenC, _config$colLg, _ref2, _ref3, _config$colSm, _ref4, _config$colMd, _config$colLg2;
|
|
7276
7288
|
var config = _ref.config,
|
|
@@ -7321,25 +7333,22 @@ var LandingCarousel$1 = function LandingCarousel(_ref) {
|
|
|
7321
7333
|
className: "slideItem"
|
|
7322
7334
|
}, /*#__PURE__*/React__default.createElement("a", {
|
|
7323
7335
|
href: (slide === null || slide === void 0 ? void 0 : slide.redirectPath) || ''
|
|
7324
|
-
}, isVideo(slide === null || slide === void 0 ? void 0 : slide.imageUrl) ? /*#__PURE__*/React__default.createElement(
|
|
7336
|
+
}, isVideo(slide === null || slide === void 0 ? void 0 : slide.imageUrl) ? /*#__PURE__*/React__default.createElement(Video$1, {
|
|
7325
7337
|
src: slide === null || slide === void 0 ? void 0 : slide.imageUrl,
|
|
7326
7338
|
loop: true,
|
|
7327
7339
|
autoPlay: true,
|
|
7328
7340
|
muted: true,
|
|
7329
|
-
playsInline: true
|
|
7330
|
-
style: {
|
|
7331
|
-
width: '100%',
|
|
7332
|
-
height: 'auto'
|
|
7333
|
-
}
|
|
7341
|
+
playsInline: true
|
|
7334
7342
|
}) : /*#__PURE__*/React__default.createElement(Image$2, {
|
|
7335
7343
|
src: slide !== null && slide !== void 0 && slide.imageUrl && (slide === null || slide === void 0 ? void 0 : slide.imageUrl) !== 'null' ? slide === null || slide === void 0 ? void 0 : slide.imageUrl : noImgAvailable,
|
|
7336
7344
|
alt: "image"
|
|
7337
7345
|
})));
|
|
7338
7346
|
})));
|
|
7339
7347
|
};
|
|
7340
|
-
var Image$2 = styled__default.img(_templateObject$y || (_templateObject$y = _taggedTemplateLiteralLoose(["\n width: 100%;\n
|
|
7341
|
-
var
|
|
7342
|
-
var
|
|
7348
|
+
var Image$2 = styled__default.img(_templateObject$y || (_templateObject$y = _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"])));
|
|
7349
|
+
var Video$1 = styled__default.video(_templateObject2$o || (_templateObject2$o = _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"])));
|
|
7350
|
+
var Root$9 = styled__default.div(_templateObject3$i || (_templateObject3$i = _taggedTemplateLiteralLoose(["\n height: 100%;\n"])));
|
|
7351
|
+
var ReactSlick$1 = styled__default(Slider)(_templateObject4$c || (_templateObject4$c = _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;\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) {
|
|
7343
7352
|
return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
|
|
7344
7353
|
}, function (props) {
|
|
7345
7354
|
return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
|
|
@@ -7463,10 +7472,10 @@ var HomeBanner = function HomeBanner(_ref) {
|
|
|
7463
7472
|
style: {
|
|
7464
7473
|
height: '100%'
|
|
7465
7474
|
}
|
|
7466
|
-
}, config !== null && config !== void 0 && config.isSlider ? /*#__PURE__*/React__default.createElement(
|
|
7475
|
+
}, config !== null && config !== void 0 && config.isSlider ? /*#__PURE__*/React__default.createElement(LandingCarousel$1, {
|
|
7467
7476
|
config: config,
|
|
7468
7477
|
sliderImages: sliderImages
|
|
7469
|
-
})
|
|
7478
|
+
}) : /*#__PURE__*/React__default.createElement(BannerImages, {
|
|
7470
7479
|
config: config,
|
|
7471
7480
|
sliderImages: sliderImages
|
|
7472
7481
|
}));
|
|
@@ -7482,7 +7491,7 @@ var HomeBanner = function HomeBanner(_ref) {
|
|
|
7482
7491
|
var Root$a = styled__default.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose([""])));
|
|
7483
7492
|
var MainContainer$3 = styled__default.div(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteralLoose([""])));
|
|
7484
7493
|
|
|
7485
|
-
var _templateObject$A, _templateObject2$q, _templateObject3$
|
|
7494
|
+
var _templateObject$A, _templateObject2$q, _templateObject3$j, _templateObject4$d, _templateObject5$a, _templateObject6$9;
|
|
7486
7495
|
var OutOfStock = function OutOfStock(_ref) {
|
|
7487
7496
|
var _product$body, _product$body$content, _product$body2, _product$body2$conten, _product$masterProduc, _product$header;
|
|
7488
7497
|
var product = _ref.product,
|
|
@@ -7717,8 +7726,8 @@ var VariantsContainer = styled__default.div(_templateObject$A || (_templateObjec
|
|
|
7717
7726
|
var MainCheckbox = styled__default(Checkbox)(_templateObject2$q || (_templateObject2$q = _taggedTemplateLiteralLoose(["\n &.Mui-checked,\n &.MuiCheckbox-indeterminate {\n color: ", ";\n }\n"])), function (props) {
|
|
7718
7727
|
return props.theme.primaryColor;
|
|
7719
7728
|
});
|
|
7720
|
-
var EmailInput = styled__default(InputBase)(_templateObject3$
|
|
7721
|
-
var Root$b = styled__default.div(_templateObject4$
|
|
7729
|
+
var EmailInput = styled__default(InputBase)(_templateObject3$j || (_templateObject3$j = _taggedTemplateLiteralLoose(["\n border: 1px solid #a9a9a9;\n padding: 3px 10px;\n fontsize: 12px;\n width: 100%;\n border-radius: 3px;\n"])));
|
|
7730
|
+
var Root$b = styled__default.div(_templateObject4$d || (_templateObject4$d = _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"])));
|
|
7722
7731
|
var ContainerDiv = styled__default.div(_templateObject5$a || (_templateObject5$a = _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) {
|
|
7723
7732
|
return props.height ? props.height : 'auto';
|
|
7724
7733
|
}, function (props) {
|
|
@@ -8225,7 +8234,7 @@ var AsyncSelect = function AsyncSelect(_ref3) {
|
|
|
8225
8234
|
var _templateObject$C;
|
|
8226
8235
|
var Container$1 = styled__default.div(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose([""])));
|
|
8227
8236
|
|
|
8228
|
-
var _templateObject$D, _templateObject2$r, _templateObject3$
|
|
8237
|
+
var _templateObject$D, _templateObject2$r, _templateObject3$k, _templateObject4$e, _templateObject5$b, _templateObject6$a;
|
|
8229
8238
|
var ProductImage$1 = styled__default.img(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n min-width: 50px;\n min-height: 50px;\n @media only screen and (max-width: 640px) {\n margin: 0.5em 0;\n padding-right: 0.5em;\n }\n"])));
|
|
8230
8239
|
var ProductName$1 = styled__default.h6(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteralLoose(["\n font-size: ", ";\n padding: 0;\n line-height: 1.3em;\n max-height: ", ";\n height: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n height: fit-content;\n"])), function (props) {
|
|
8231
8240
|
return props.size || '1em';
|
|
@@ -8234,14 +8243,14 @@ var ProductName$1 = styled__default.h6(_templateObject2$r || (_templateObject2$r
|
|
|
8234
8243
|
}, function (props) {
|
|
8235
8244
|
return props.maxHeight ? props.maxHeight + "em" : '2.80em';
|
|
8236
8245
|
});
|
|
8237
|
-
var CartTableRow$1 = styled__default(material.TableRow)(_templateObject3$
|
|
8246
|
+
var CartTableRow$1 = styled__default(material.TableRow)(_templateObject3$k || (_templateObject3$k = _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 width: 0;\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: 13px;\n display: inline-block;\n }\n }\n @media only screen and (max-width: 640px) {\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) {
|
|
8238
8247
|
return props.size || '1.19em';
|
|
8239
8248
|
}, function (prop) {
|
|
8240
8249
|
return prop.bg;
|
|
8241
8250
|
}, function (prop) {
|
|
8242
8251
|
return prop.bg;
|
|
8243
8252
|
});
|
|
8244
|
-
var CartTableCell$2 = styled__default(material.TableCell)(_templateObject4$
|
|
8253
|
+
var CartTableCell$2 = styled__default(material.TableCell)(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteralLoose(["\n && {\n border: none !important;\n font-size: 1em;\n }\n"])));
|
|
8245
8254
|
var QuantityBox$1 = styled__default.div(_templateObject5$b || (_templateObject5$b = _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"])));
|
|
8246
8255
|
var DeleteBtn$1 = styled__default.div(_templateObject6$a || (_templateObject6$a = _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"])));
|
|
8247
8256
|
var CardRow$1 = function CardRow(_ref) {
|
|
@@ -8356,7 +8365,7 @@ var CardRow$1 = function CardRow(_ref) {
|
|
|
8356
8365
|
}))));
|
|
8357
8366
|
};
|
|
8358
8367
|
|
|
8359
|
-
var _templateObject$E, _templateObject2$s, _templateObject3$
|
|
8368
|
+
var _templateObject$E, _templateObject2$s, _templateObject3$l, _templateObject4$f, _templateObject5$c, _templateObject6$b, _templateObject7$7, _templateObject8$5, _templateObject9$4;
|
|
8360
8369
|
var CartPageSection$1 = styled__default.section(_templateObject$E || (_templateObject$E = _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: 1340px) {\n padding: 0 1em;\n }\n @media screen and (max-width: 640px) {\n padding: 0 1em;\n }\n"])), function (props) {
|
|
8361
8370
|
return props.bg;
|
|
8362
8371
|
}, function (props) {
|
|
@@ -8375,10 +8384,10 @@ var CartPageContainer$1 = styled__default.div(_templateObject2$s || (_templateOb
|
|
|
8375
8384
|
}, function (props) {
|
|
8376
8385
|
return props.color || '#BFC3CA';
|
|
8377
8386
|
});
|
|
8378
|
-
var CardsBox$1 = styled__default.div(_templateObject3$
|
|
8387
|
+
var CardsBox$1 = styled__default.div(_templateObject3$l || (_templateObject3$l = _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: 960px) {\n display: flex;\n }\n @media only screen and (max-width: 640px) {\n padding: 1em 0.2em;\n }\n"])), function (props) {
|
|
8379
8388
|
return props.retail ? 'grid' : 'flex';
|
|
8380
8389
|
});
|
|
8381
|
-
var CartHeading$1 = styled__default.div(_templateObject4$
|
|
8390
|
+
var CartHeading$1 = styled__default.div(_templateObject4$f || (_templateObject4$f = _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) {
|
|
8382
8391
|
return props.color || 'black';
|
|
8383
8392
|
}, function (props) {
|
|
8384
8393
|
return props.h1 || 'inherit';
|
|
@@ -9085,7 +9094,7 @@ var StyledButton = styled__default.button(_templateObject2$u || (_templateObject
|
|
|
9085
9094
|
return props.theme.primaryColor;
|
|
9086
9095
|
});
|
|
9087
9096
|
|
|
9088
|
-
var _templateObject$J, _templateObject2$v, _templateObject3$
|
|
9097
|
+
var _templateObject$J, _templateObject2$v, _templateObject3$m, _templateObject4$g, _templateObject5$d, _templateObject6$c, _templateObject7$8, _templateObject8$6;
|
|
9089
9098
|
var CheckoutRootContainer = styled__default.div(_templateObject$J || (_templateObject$J = _taggedTemplateLiteralLoose(["\n width: 100%;\n padding: 4rem;\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: 1620px) {\n padding: 3em 0.5em;\n }\n @media screen and (max-width: 840px) {\n div,\n button,\n span {\n font-size: 12px;\n }\n padding: 2rem 0.5rem;\n }\n"])), function (props) {
|
|
9090
9099
|
return props.bg;
|
|
9091
9100
|
});
|
|
@@ -9096,8 +9105,8 @@ var CheckoutPageContainer = styled__default.div(_templateObject2$v || (_template
|
|
|
9096
9105
|
}, function (props) {
|
|
9097
9106
|
return props.primaryColor || 'rgba(50, 50, 50, 1)';
|
|
9098
9107
|
});
|
|
9099
|
-
var Row = styled__default.div(_templateObject3$
|
|
9100
|
-
var CheckoutMainWithHeader = styled__default(material.Stack)(_templateObject4$
|
|
9108
|
+
var Row = styled__default.div(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
9109
|
+
var CheckoutMainWithHeader = styled__default(material.Stack)(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose([""])));
|
|
9101
9110
|
var CheckoutMain = styled__default.div(_templateObject5$d || (_templateObject5$d = _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: 1488px) {\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: 788px) {\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) {
|
|
9102
9111
|
return props.bg || 'rgba(102,112,128,0.5)';
|
|
9103
9112
|
}, function (props) {
|
|
@@ -9109,14 +9118,14 @@ var CheckoutHeading = styled__default.div(_templateObject6$c || (_templateObject
|
|
|
9109
9118
|
var CheckoutHeader = styled__default(Row)(_templateObject7$8 || (_templateObject7$8 = _taggedTemplateLiteralLoose(["\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: 4.18em;\n max-height: 4.1875em;\n max-width: 57.43em;\n width: 98%;\n background: #ffffff;\n border-radius: 20px;\n margin-bottom: 1em;\n margin-right: 0.35em;\n color: #7d7b7b;\n padding: 0 2em;\n margin-right: 5em;\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: 1508px) {\n margin-right: 2em;\n }\n @media only screen and (max-width: 788px) {\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"])));
|
|
9110
9119
|
var CheckoutStepIcon = styled__default.div(_templateObject8$6 || (_templateObject8$6 = _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"])));
|
|
9111
9120
|
|
|
9112
|
-
var _templateObject$K, _templateObject2$w, _templateObject3$
|
|
9121
|
+
var _templateObject$K, _templateObject2$w, _templateObject3$n;
|
|
9113
9122
|
var CheckoutSummaryContainer = styled__default.div(_templateObject$K || (_templateObject$K = _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: 422px;\n min-width: min(412px, 95%);\n font-size: 16px;\n margin-top: 6.15em;\n @media only screen and (max-width: 1508px) {\n margin-top: 0;\n }\n"])), function (props) {
|
|
9114
9123
|
return props.bg || 'rgba(255, 240, 236, 1)';
|
|
9115
9124
|
}, function (props) {
|
|
9116
9125
|
return props.color || ' rgba(50, 50, 50, 1)';
|
|
9117
9126
|
});
|
|
9118
9127
|
var TextRow = styled__default.div(_templateObject2$w || (_templateObject2$w = _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"])));
|
|
9119
|
-
var FilledInfo = styled__default.div(_templateObject3$
|
|
9128
|
+
var FilledInfo = styled__default.div(_templateObject3$n || (_templateObject3$n = _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"])));
|
|
9120
9129
|
|
|
9121
9130
|
var CheckoutSummary = function CheckoutSummary(_ref) {
|
|
9122
9131
|
var billingInformation = _ref.billingInformation,
|
|
@@ -9181,14 +9190,14 @@ var CheckoutSummary = function CheckoutSummary(_ref) {
|
|
|
9181
9190
|
}, renderMoney(orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.adjustmentValue))));
|
|
9182
9191
|
};
|
|
9183
9192
|
|
|
9184
|
-
var _templateObject$L, _templateObject2$x, _templateObject3$
|
|
9193
|
+
var _templateObject$L, _templateObject2$x, _templateObject3$o, _templateObject4$h, _templateObject5$e, _templateObject6$d, _templateObject7$9, _templateObject8$7, _templateObject9$5, _templateObject10$2, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1;
|
|
9185
9194
|
var StepContainer = styled__default.div(_templateObject$L || (_templateObject$L = _taggedTemplateLiteralLoose(["\n width: 100%;\n min-width: 57.43em;\n max-width: 57.43em;\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: 1305px) {\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: 540px) {\n width: 94%;\n margin-left: 1.2em;\n }\n"])));
|
|
9186
9195
|
var StepsContent = styled__default.div(_templateObject2$x || (_templateObject2$x = _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) {
|
|
9187
9196
|
return 'transparent' + '!important';
|
|
9188
9197
|
}, function (props) {
|
|
9189
9198
|
return props.bg || 'red';
|
|
9190
9199
|
});
|
|
9191
|
-
var StepsHeaderContainer = styled__default.div(_templateObject3$
|
|
9200
|
+
var StepsHeaderContainer = styled__default.div(_templateObject3$o || (_templateObject3$o = _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\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) {
|
|
9192
9201
|
return props.single ? '1.8em 2em' : '1em 0';
|
|
9193
9202
|
}, function (props) {
|
|
9194
9203
|
return props.single ? '-1.56em' : '1em';
|
|
@@ -9201,7 +9210,7 @@ var StepsHeaderContainer = styled__default.div(_templateObject3$n || (_templateO
|
|
|
9201
9210
|
}, function (props) {
|
|
9202
9211
|
return props.username ? 'not-allowed' : 'pointer';
|
|
9203
9212
|
});
|
|
9204
|
-
var TextFeildContainer = styled__default.div(_templateObject4$
|
|
9213
|
+
var TextFeildContainer = styled__default.div(_templateObject4$h || (_templateObject4$h = _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) {
|
|
9205
9214
|
var _props$theme, _props$theme$input;
|
|
9206
9215
|
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';
|
|
9207
9216
|
});
|