@salesgenterp/ui-components 0.4.322 → 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 +48 -36
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +48 -36
- 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,7 +7333,7 @@ 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(Video, {
|
|
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,
|
|
@@ -7334,8 +7346,8 @@ var LandingCarousel$1 = function LandingCarousel(_ref) {
|
|
|
7334
7346
|
})));
|
|
7335
7347
|
};
|
|
7336
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"])));
|
|
7337
|
-
var Video = 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"])));
|
|
7338
|
-
var Root$9 = styled__default.div(_templateObject3$
|
|
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"])));
|
|
7339
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) {
|
|
7340
7352
|
return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
|
|
7341
7353
|
}, function (props) {
|
|
@@ -7479,7 +7491,7 @@ var HomeBanner = function HomeBanner(_ref) {
|
|
|
7479
7491
|
var Root$a = styled__default.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose([""])));
|
|
7480
7492
|
var MainContainer$3 = styled__default.div(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteralLoose([""])));
|
|
7481
7493
|
|
|
7482
|
-
var _templateObject$A, _templateObject2$q, _templateObject3$
|
|
7494
|
+
var _templateObject$A, _templateObject2$q, _templateObject3$j, _templateObject4$d, _templateObject5$a, _templateObject6$9;
|
|
7483
7495
|
var OutOfStock = function OutOfStock(_ref) {
|
|
7484
7496
|
var _product$body, _product$body$content, _product$body2, _product$body2$conten, _product$masterProduc, _product$header;
|
|
7485
7497
|
var product = _ref.product,
|
|
@@ -7714,7 +7726,7 @@ var VariantsContainer = styled__default.div(_templateObject$A || (_templateObjec
|
|
|
7714
7726
|
var MainCheckbox = styled__default(Checkbox)(_templateObject2$q || (_templateObject2$q = _taggedTemplateLiteralLoose(["\n &.Mui-checked,\n &.MuiCheckbox-indeterminate {\n color: ", ";\n }\n"])), function (props) {
|
|
7715
7727
|
return props.theme.primaryColor;
|
|
7716
7728
|
});
|
|
7717
|
-
var EmailInput = styled__default(InputBase)(_templateObject3$
|
|
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"])));
|
|
7718
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"])));
|
|
7719
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) {
|
|
7720
7732
|
return props.height ? props.height : 'auto';
|
|
@@ -8222,7 +8234,7 @@ var AsyncSelect = function AsyncSelect(_ref3) {
|
|
|
8222
8234
|
var _templateObject$C;
|
|
8223
8235
|
var Container$1 = styled__default.div(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose([""])));
|
|
8224
8236
|
|
|
8225
|
-
var _templateObject$D, _templateObject2$r, _templateObject3$
|
|
8237
|
+
var _templateObject$D, _templateObject2$r, _templateObject3$k, _templateObject4$e, _templateObject5$b, _templateObject6$a;
|
|
8226
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"])));
|
|
8227
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) {
|
|
8228
8240
|
return props.size || '1em';
|
|
@@ -8231,7 +8243,7 @@ var ProductName$1 = styled__default.h6(_templateObject2$r || (_templateObject2$r
|
|
|
8231
8243
|
}, function (props) {
|
|
8232
8244
|
return props.maxHeight ? props.maxHeight + "em" : '2.80em';
|
|
8233
8245
|
});
|
|
8234
|
-
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) {
|
|
8235
8247
|
return props.size || '1.19em';
|
|
8236
8248
|
}, function (prop) {
|
|
8237
8249
|
return prop.bg;
|
|
@@ -8353,7 +8365,7 @@ var CardRow$1 = function CardRow(_ref) {
|
|
|
8353
8365
|
}))));
|
|
8354
8366
|
};
|
|
8355
8367
|
|
|
8356
|
-
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;
|
|
8357
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) {
|
|
8358
8370
|
return props.bg;
|
|
8359
8371
|
}, function (props) {
|
|
@@ -8372,7 +8384,7 @@ var CartPageContainer$1 = styled__default.div(_templateObject2$s || (_templateOb
|
|
|
8372
8384
|
}, function (props) {
|
|
8373
8385
|
return props.color || '#BFC3CA';
|
|
8374
8386
|
});
|
|
8375
|
-
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) {
|
|
8376
8388
|
return props.retail ? 'grid' : 'flex';
|
|
8377
8389
|
});
|
|
8378
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) {
|
|
@@ -9082,7 +9094,7 @@ var StyledButton = styled__default.button(_templateObject2$u || (_templateObject
|
|
|
9082
9094
|
return props.theme.primaryColor;
|
|
9083
9095
|
});
|
|
9084
9096
|
|
|
9085
|
-
var _templateObject$J, _templateObject2$v, _templateObject3$
|
|
9097
|
+
var _templateObject$J, _templateObject2$v, _templateObject3$m, _templateObject4$g, _templateObject5$d, _templateObject6$c, _templateObject7$8, _templateObject8$6;
|
|
9086
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) {
|
|
9087
9099
|
return props.bg;
|
|
9088
9100
|
});
|
|
@@ -9093,7 +9105,7 @@ var CheckoutPageContainer = styled__default.div(_templateObject2$v || (_template
|
|
|
9093
9105
|
}, function (props) {
|
|
9094
9106
|
return props.primaryColor || 'rgba(50, 50, 50, 1)';
|
|
9095
9107
|
});
|
|
9096
|
-
var Row = styled__default.div(_templateObject3$
|
|
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"])));
|
|
9097
9109
|
var CheckoutMainWithHeader = styled__default(material.Stack)(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose([""])));
|
|
9098
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) {
|
|
9099
9111
|
return props.bg || 'rgba(102,112,128,0.5)';
|
|
@@ -9106,14 +9118,14 @@ var CheckoutHeading = styled__default.div(_templateObject6$c || (_templateObject
|
|
|
9106
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"])));
|
|
9107
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"])));
|
|
9108
9120
|
|
|
9109
|
-
var _templateObject$K, _templateObject2$w, _templateObject3$
|
|
9121
|
+
var _templateObject$K, _templateObject2$w, _templateObject3$n;
|
|
9110
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) {
|
|
9111
9123
|
return props.bg || 'rgba(255, 240, 236, 1)';
|
|
9112
9124
|
}, function (props) {
|
|
9113
9125
|
return props.color || ' rgba(50, 50, 50, 1)';
|
|
9114
9126
|
});
|
|
9115
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"])));
|
|
9116
|
-
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"])));
|
|
9117
9129
|
|
|
9118
9130
|
var CheckoutSummary = function CheckoutSummary(_ref) {
|
|
9119
9131
|
var billingInformation = _ref.billingInformation,
|
|
@@ -9178,14 +9190,14 @@ var CheckoutSummary = function CheckoutSummary(_ref) {
|
|
|
9178
9190
|
}, renderMoney(orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.adjustmentValue))));
|
|
9179
9191
|
};
|
|
9180
9192
|
|
|
9181
|
-
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;
|
|
9182
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"])));
|
|
9183
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) {
|
|
9184
9196
|
return 'transparent' + '!important';
|
|
9185
9197
|
}, function (props) {
|
|
9186
9198
|
return props.bg || 'red';
|
|
9187
9199
|
});
|
|
9188
|
-
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) {
|
|
9189
9201
|
return props.single ? '1.8em 2em' : '1em 0';
|
|
9190
9202
|
}, function (props) {
|
|
9191
9203
|
return props.single ? '-1.56em' : '1em';
|