@salesgenterp/ui-components 0.4.261 → 0.4.263
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 +149 -33
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +150 -35
- package/dist/index.modern.js.map +1 -1
- package/package.json +9 -6
package/dist/index.modern.js
CHANGED
|
@@ -12,7 +12,7 @@ import { TfiWallet } from 'react-icons/tfi';
|
|
|
12
12
|
import { GoPackage } from 'react-icons/go';
|
|
13
13
|
import { RiAccountBoxLine, RiHome7Line, RiFileTextLine, RiFileList3Line, RiDeleteBin5Line } from 'react-icons/ri';
|
|
14
14
|
import { BiLockOpen, BiNotepad, BiWallet } from 'react-icons/bi';
|
|
15
|
-
import { template, isEmpty, get, isPlainObject, sortBy, uniqBy, isNumber, remove,
|
|
15
|
+
import { template, isEmpty, get, isPlainObject, sortBy, uniqBy, filter, isObject, isNumber, remove, cloneDeep } from 'lodash';
|
|
16
16
|
import moment from 'moment';
|
|
17
17
|
import { IoMailUnreadOutline } from 'react-icons/io5';
|
|
18
18
|
import { FaRegUser, FaFacebookF, FaInstagram, FaTwitter, FaLinkedinIn, FaYoutube } from 'react-icons/fa';
|
|
@@ -6557,12 +6557,127 @@ var GTagManager = function GTagManager(_ref) {
|
|
|
6557
6557
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
6558
6558
|
};
|
|
6559
6559
|
|
|
6560
|
-
var _templateObject$t;
|
|
6560
|
+
var _templateObject$t, _templateObject2$k;
|
|
6561
|
+
var BannerImages = function BannerImages(_ref) {
|
|
6562
|
+
var config = _ref.config,
|
|
6563
|
+
sliderImages = _ref.sliderImages,
|
|
6564
|
+
itemStyle = _ref.itemStyle;
|
|
6565
|
+
var sliderImageList = sliderImages === null || sliderImages === void 0 ? void 0 : sliderImages.sliderImageList;
|
|
6566
|
+
return /*#__PURE__*/React__default.createElement(BannerContainer$1, null, /*#__PURE__*/React__default.createElement(Grid, {
|
|
6567
|
+
container: true,
|
|
6568
|
+
spacing: (config === null || config === void 0 ? void 0 : config.spaceBetweenCol) || 0
|
|
6569
|
+
}, sliderImageList === null || sliderImageList === void 0 ? void 0 : sliderImageList.map(function (v, i) {
|
|
6570
|
+
return /*#__PURE__*/React__default.createElement(Grid, {
|
|
6571
|
+
item: true,
|
|
6572
|
+
xs: (config === null || config === void 0 ? void 0 : config.colSm) || 12,
|
|
6573
|
+
sm: (config === null || config === void 0 ? void 0 : config.colSm) || 12,
|
|
6574
|
+
md: (config === null || config === void 0 ? void 0 : config.colMd) || 12,
|
|
6575
|
+
lg: (config === null || config === void 0 ? void 0 : config.colLg) || 12,
|
|
6576
|
+
xl: (config === null || config === void 0 ? void 0 : config.colLg) || 12,
|
|
6577
|
+
key: i
|
|
6578
|
+
}, /*#__PURE__*/React__default.createElement(Box, null, /*#__PURE__*/React__default.createElement("a", {
|
|
6579
|
+
href: (v === null || v === void 0 ? void 0 : v.redirectPath) || ''
|
|
6580
|
+
}, /*#__PURE__*/React__default.createElement(Image, {
|
|
6581
|
+
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,
|
|
6582
|
+
alt: "image",
|
|
6583
|
+
style: _extends({}, itemStyle)
|
|
6584
|
+
}))));
|
|
6585
|
+
})));
|
|
6586
|
+
};
|
|
6587
|
+
var Image = styled.img(_templateObject$t || (_templateObject$t = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: auto;\n cursor: pointer;\n transition: all 0.5s;\n &:hover {\n transform: scale(1.05);\n }\n"])));
|
|
6588
|
+
var BannerContainer$1 = styled.section(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n font-size: 0;\n"])));
|
|
6589
|
+
|
|
6590
|
+
var _templateObject$u, _templateObject2$l;
|
|
6591
|
+
var HomeBanner = function HomeBanner(_ref) {
|
|
6592
|
+
var _ref$apiEndPoint = _ref.apiEndPoint,
|
|
6593
|
+
apiEndPoint = _ref$apiEndPoint === void 0 ? 'https://dev.salesgent.xyz/api' : _ref$apiEndPoint,
|
|
6594
|
+
_ref$colors = _ref.colors,
|
|
6595
|
+
colors = _ref$colors === void 0 ? {
|
|
6596
|
+
primaryColor: '#D2122E'
|
|
6597
|
+
} : _ref$colors,
|
|
6598
|
+
_ref$businessTypeId = _ref.businessTypeId,
|
|
6599
|
+
businessTypeId = _ref$businessTypeId === void 0 ? 1 : _ref$businessTypeId;
|
|
6600
|
+
var _useState = useState(),
|
|
6601
|
+
sliderTypes = _useState[0],
|
|
6602
|
+
setSliderTypes = _useState[1];
|
|
6603
|
+
useEffect(function () {
|
|
6604
|
+
(function () {
|
|
6605
|
+
try {
|
|
6606
|
+
var _temp = _catch(function () {
|
|
6607
|
+
return Promise.resolve(API$1({
|
|
6608
|
+
apiEndPoint: apiEndPoint,
|
|
6609
|
+
url: "/home/sliderTypes"
|
|
6610
|
+
})).then(function (data) {
|
|
6611
|
+
setSliderTypes(data);
|
|
6612
|
+
});
|
|
6613
|
+
}, function () {});
|
|
6614
|
+
return _temp && _temp.then ? _temp.then(function () {}) : void 0;
|
|
6615
|
+
} catch (e) {
|
|
6616
|
+
Promise.reject(e);
|
|
6617
|
+
}
|
|
6618
|
+
})();
|
|
6619
|
+
}, []);
|
|
6620
|
+
var geSliderImages = useCallback(function (_ref2) {
|
|
6621
|
+
var sliderTypeId = _ref2.sliderTypeId;
|
|
6622
|
+
return Promise.resolve(_catch(function () {
|
|
6623
|
+
return Promise.resolve(API$1({
|
|
6624
|
+
apiEndPoint: apiEndPoint,
|
|
6625
|
+
url: "/home/sliderImages?sliderTypeId=" + sliderTypeId + "&businessTypeId=" + businessTypeId
|
|
6626
|
+
}));
|
|
6627
|
+
}, function () {}));
|
|
6628
|
+
}, []);
|
|
6629
|
+
var modifySliderTypes = sortBy(filter(sliderTypes, function (o) {
|
|
6630
|
+
var config = isObject(JSON.parse(o === null || o === void 0 ? void 0 : o.config)) ? JSON.parse(o === null || o === void 0 ? void 0 : o.config) : {};
|
|
6631
|
+
return !(config !== null && config !== void 0 && config.hideFromEcommerce);
|
|
6632
|
+
}), function (o) {
|
|
6633
|
+
var config = isObject(JSON.parse(o === null || o === void 0 ? void 0 : o.config)) ? JSON.parse(o === null || o === void 0 ? void 0 : o.config) : {};
|
|
6634
|
+
return config === null || config === void 0 ? void 0 : config.sequenceNumber;
|
|
6635
|
+
});
|
|
6636
|
+
return /*#__PURE__*/React__default.createElement(ThemeProvider, {
|
|
6637
|
+
theme: colors
|
|
6638
|
+
}, /*#__PURE__*/React__default.createElement(Root$6, null, /*#__PURE__*/React__default.createElement(CssBaseline, null), /*#__PURE__*/React__default.createElement(MainContainer$2, null, /*#__PURE__*/React__default.createElement(Grid, {
|
|
6639
|
+
container: true,
|
|
6640
|
+
spacing: 0
|
|
6641
|
+
}, modifySliderTypes === null || modifySliderTypes === void 0 ? void 0 : modifySliderTypes.map(function (sliderType) {
|
|
6642
|
+
var config = isObject(JSON.parse(sliderType === null || sliderType === void 0 ? void 0 : sliderType.config)) ? JSON.parse(sliderType === null || sliderType === void 0 ? void 0 : sliderType.config) : {};
|
|
6643
|
+
return /*#__PURE__*/React__default.createElement(Grid, {
|
|
6644
|
+
item: true,
|
|
6645
|
+
xs: (config === null || config === void 0 ? void 0 : config.rowSm) || 12,
|
|
6646
|
+
sm: (config === null || config === void 0 ? void 0 : config.rowSm) || 12,
|
|
6647
|
+
md: (config === null || config === void 0 ? void 0 : config.rowMd) || 12,
|
|
6648
|
+
lg: (config === null || config === void 0 ? void 0 : config.rowLg) || 12,
|
|
6649
|
+
xl: (config === null || config === void 0 ? void 0 : config.rowLg) || 12
|
|
6650
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
6651
|
+
style: {
|
|
6652
|
+
padding: ((config === null || config === void 0 ? void 0 : config.spaceBetweenRow) || 0) * 4 + "px"
|
|
6653
|
+
}
|
|
6654
|
+
}, /*#__PURE__*/React__default.createElement(AsyncDataLoadComponent, {
|
|
6655
|
+
apiEndPoint: apiEndPoint,
|
|
6656
|
+
asyncService: function asyncService() {
|
|
6657
|
+
return geSliderImages({
|
|
6658
|
+
sliderTypeId: sliderType === null || sliderType === void 0 ? void 0 : sliderType.id
|
|
6659
|
+
});
|
|
6660
|
+
}
|
|
6661
|
+
}, function (sliderImages) {
|
|
6662
|
+
return /*#__PURE__*/React__default.createElement("div", null, config !== null && config !== void 0 && config.isSlider ? /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(BannerImages, {
|
|
6663
|
+
config: config,
|
|
6664
|
+
sliderImages: sliderImages
|
|
6665
|
+
})) : /*#__PURE__*/React__default.createElement(BannerImages, {
|
|
6666
|
+
config: config,
|
|
6667
|
+
sliderImages: sliderImages
|
|
6668
|
+
}));
|
|
6669
|
+
})));
|
|
6670
|
+
})))));
|
|
6671
|
+
};
|
|
6672
|
+
var Root$6 = styled.div(_templateObject$u || (_templateObject$u = _taggedTemplateLiteralLoose([""])));
|
|
6673
|
+
var MainContainer$2 = styled.div(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteralLoose([""])));
|
|
6674
|
+
|
|
6675
|
+
var _templateObject$v;
|
|
6561
6676
|
var NoData = function NoData(_ref) {
|
|
6562
6677
|
_objectDestructuringEmpty(_ref);
|
|
6563
6678
|
return /*#__PURE__*/React__default.createElement(CustomNoRowsOverlay, null);
|
|
6564
6679
|
};
|
|
6565
|
-
var Container = styled.div(_templateObject$
|
|
6680
|
+
var Container = styled.div(_templateObject$v || (_templateObject$v = _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"])));
|
|
6566
6681
|
var CustomNoRowsOverlay = function CustomNoRowsOverlay(_ref2) {
|
|
6567
6682
|
_objectDestructuringEmpty(_ref2);
|
|
6568
6683
|
return /*#__PURE__*/React__default.createElement(Container, null, /*#__PURE__*/React__default.createElement("svg", {
|
|
@@ -7029,12 +7144,12 @@ var AsyncSelect = function AsyncSelect(_ref3) {
|
|
|
7029
7144
|
return /*#__PURE__*/React__default.createElement(AsyncSelectField, props);
|
|
7030
7145
|
};
|
|
7031
7146
|
|
|
7032
|
-
var _templateObject$
|
|
7033
|
-
var Container$1 = styled.div(_templateObject$
|
|
7147
|
+
var _templateObject$w;
|
|
7148
|
+
var Container$1 = styled.div(_templateObject$w || (_templateObject$w = _taggedTemplateLiteralLoose([""])));
|
|
7034
7149
|
|
|
7035
|
-
var _templateObject$
|
|
7036
|
-
var ProductImage$1 = styled.img(_templateObject$
|
|
7037
|
-
var ProductName$1 = styled.h6(_templateObject2$
|
|
7150
|
+
var _templateObject$x, _templateObject2$m, _templateObject3$f, _templateObject4$c, _templateObject5$a, _templateObject6$9;
|
|
7151
|
+
var ProductImage$1 = styled.img(_templateObject$x || (_templateObject$x = _taggedTemplateLiteralLoose(["\n min-width: 50px;\n min-height: 58px;\n @media only screen and (max-width: 640px) {\n margin: 0.5em 0;\n padding-right: 0.5em;\n }\n"])));
|
|
7152
|
+
var ProductName$1 = styled.h6(_templateObject2$m || (_templateObject2$m = _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) {
|
|
7038
7153
|
return props.size || '1em';
|
|
7039
7154
|
}, function (props) {
|
|
7040
7155
|
return props.maxHeight ? props.maxHeight + "em" : '2.75em';
|
|
@@ -7163,13 +7278,13 @@ var CardRow$1 = function CardRow(_ref) {
|
|
|
7163
7278
|
}))));
|
|
7164
7279
|
};
|
|
7165
7280
|
|
|
7166
|
-
var _templateObject$
|
|
7167
|
-
var CartPageSection$1 = styled.section(_templateObject$
|
|
7281
|
+
var _templateObject$y, _templateObject2$n, _templateObject3$g, _templateObject4$d, _templateObject5$b, _templateObject6$a, _templateObject7$7, _templateObject8$5, _templateObject9$3;
|
|
7282
|
+
var CartPageSection$1 = styled.section(_templateObject$y || (_templateObject$y = _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) {
|
|
7168
7283
|
return props.bg;
|
|
7169
7284
|
}, function (props) {
|
|
7170
7285
|
return props.bg || '#FAE8E5';
|
|
7171
7286
|
});
|
|
7172
|
-
var CartPageContainer$1 = styled.div(_templateObject2$
|
|
7287
|
+
var CartPageContainer$1 = styled.div(_templateObject2$n || (_templateObject2$n = _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 height: 630px;\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: ", ";\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: 1340px) {\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) {
|
|
7173
7288
|
return props.maxWidth || '1620px';
|
|
7174
7289
|
}, function (props) {
|
|
7175
7290
|
return "min(" + (props.maxWidth || '1620px') + ",100%)";
|
|
@@ -7582,7 +7697,7 @@ var RenderTawk = function RenderTawk(_ref) {
|
|
|
7582
7697
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
7583
7698
|
};
|
|
7584
7699
|
|
|
7585
|
-
var _templateObject$
|
|
7700
|
+
var _templateObject$z, _templateObject2$o;
|
|
7586
7701
|
var ContactUsForm = function ContactUsForm(_ref) {
|
|
7587
7702
|
var apiEndPoint = _ref.apiEndPoint,
|
|
7588
7703
|
primaryColor = _ref.primaryColor,
|
|
@@ -7700,21 +7815,21 @@ var ContactUsForm = function ContactUsForm(_ref) {
|
|
|
7700
7815
|
}
|
|
7701
7816
|
}, "Submit"))));
|
|
7702
7817
|
};
|
|
7703
|
-
var TypographyContainer$8 = styled(Typography)(_templateObject$
|
|
7818
|
+
var TypographyContainer$8 = styled(Typography)(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n font-size: 1.2rem !important;\n align-items: center;\n"])), function (props) {
|
|
7704
7819
|
return props.fontColor;
|
|
7705
7820
|
});
|
|
7706
|
-
var RootContainer$4 = styled(Stack)(_templateObject2$
|
|
7821
|
+
var RootContainer$4 = styled(Stack)(_templateObject2$o || (_templateObject2$o = _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) {
|
|
7707
7822
|
return props.secondaryColor;
|
|
7708
7823
|
});
|
|
7709
7824
|
|
|
7710
|
-
var _templateObject$
|
|
7711
|
-
var StaticContainer = styled.div(_templateObject$
|
|
7825
|
+
var _templateObject$A;
|
|
7826
|
+
var StaticContainer = styled.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose(["\n padding: 1rem;\n width: 100%;\n color: #606060;\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 }\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: #606060;\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: #606060;\n }\n"])), function (props) {
|
|
7712
7827
|
return props.theme.primaryColor;
|
|
7713
7828
|
}, function (props) {
|
|
7714
7829
|
return props.theme.primaryColor;
|
|
7715
7830
|
});
|
|
7716
7831
|
|
|
7717
|
-
var _templateObject$
|
|
7832
|
+
var _templateObject$B;
|
|
7718
7833
|
var StaticPage = function StaticPage(_ref) {
|
|
7719
7834
|
var _data$content;
|
|
7720
7835
|
var _ref$colors = _ref.colors,
|
|
@@ -7731,7 +7846,7 @@ var StaticPage = function StaticPage(_ref) {
|
|
|
7731
7846
|
logoUrl = _ref.logoUrl;
|
|
7732
7847
|
return /*#__PURE__*/React__default.createElement(ThemeProvider, {
|
|
7733
7848
|
theme: colors
|
|
7734
|
-
}, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$
|
|
7849
|
+
}, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$7, null, /*#__PURE__*/React__default.createElement(StaticContainer, null, /*#__PURE__*/React__default.createElement("div", {
|
|
7735
7850
|
className: "top-bar"
|
|
7736
7851
|
}, data.mainTitle), mapSrc && /*#__PURE__*/React__default.createElement("iframe", {
|
|
7737
7852
|
width: "100%",
|
|
@@ -7778,9 +7893,9 @@ var StaticPage = function StaticPage(_ref) {
|
|
|
7778
7893
|
logoUrl: logoUrl
|
|
7779
7894
|
}))))))));
|
|
7780
7895
|
};
|
|
7781
|
-
var Root$
|
|
7896
|
+
var Root$7 = styled(Box)(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose([""])));
|
|
7782
7897
|
|
|
7783
|
-
var _templateObject$
|
|
7898
|
+
var _templateObject$C, _templateObject2$p;
|
|
7784
7899
|
var ThankYou = function ThankYou(_ref) {
|
|
7785
7900
|
var _ref$id = _ref.id,
|
|
7786
7901
|
id = _ref$id === void 0 ? 0 : _ref$id,
|
|
@@ -7791,7 +7906,7 @@ var ThankYou = function ThankYou(_ref) {
|
|
|
7791
7906
|
onContinue = _ref.onContinue;
|
|
7792
7907
|
return /*#__PURE__*/React__default.createElement(ThemeProvider, {
|
|
7793
7908
|
theme: colors
|
|
7794
|
-
}, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$
|
|
7909
|
+
}, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$8, null, /*#__PURE__*/React__default.createElement(Grid, {
|
|
7795
7910
|
container: true,
|
|
7796
7911
|
justify: "center"
|
|
7797
7912
|
}, /*#__PURE__*/React__default.createElement(Grid, {
|
|
@@ -7839,8 +7954,8 @@ var ThankYou = function ThankYou(_ref) {
|
|
|
7839
7954
|
onClick: onContinue
|
|
7840
7955
|
}, /*#__PURE__*/React__default.createElement("p", null, "Continue Shopping"))))))));
|
|
7841
7956
|
};
|
|
7842
|
-
var Root$
|
|
7843
|
-
var StyledButton = styled.button(_templateObject2$
|
|
7957
|
+
var Root$8 = styled(Box)(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose([""])));
|
|
7958
|
+
var StyledButton = styled.button(_templateObject2$p || (_templateObject2$p = _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) {
|
|
7844
7959
|
return props.theme.primaryColor;
|
|
7845
7960
|
}, function (props) {
|
|
7846
7961
|
return props.theme.primaryColor;
|
|
@@ -7848,13 +7963,13 @@ var StyledButton = styled.button(_templateObject2$n || (_templateObject2$n = _ta
|
|
|
7848
7963
|
return props.theme.primaryColor;
|
|
7849
7964
|
});
|
|
7850
7965
|
|
|
7851
|
-
var _templateObject$
|
|
7852
|
-
var CheckoutPageContainer = styled.div(_templateObject$
|
|
7966
|
+
var _templateObject$D, _templateObject2$q, _templateObject3$h, _templateObject4$e, _templateObject5$c, _templateObject6$b, _templateObject7$8;
|
|
7967
|
+
var CheckoutPageContainer = styled.div(_templateObject$D || (_templateObject$D = _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: 2.375em 3.5em 2.5em 4.5em;\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: 1508px) {\n flex-direction: column;\n align-items: center;\n max-height: max-content;\n }\n @media only screen and (max-width: 788px) {\n padding: 1em 0.5em;\n }\n .icon {\n font-size: 12px;\n }\n"])), function (props) {
|
|
7853
7968
|
return props.maxWidth || '1605px';
|
|
7854
7969
|
}, function (props) {
|
|
7855
7970
|
return props.bg || '#fff8f6';
|
|
7856
7971
|
});
|
|
7857
|
-
var Row = styled.div(_templateObject2$
|
|
7972
|
+
var Row = styled.div(_templateObject2$q || (_templateObject2$q = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
7858
7973
|
var CheckoutMainWithHeader = styled(Stack)(_templateObject3$h || (_templateObject3$h = _taggedTemplateLiteralLoose([""])));
|
|
7859
7974
|
var CheckoutMain = styled.div(_templateObject4$e || (_templateObject4$e = _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) {
|
|
7860
7975
|
return props.bg || 'rgba(102,112,128,0.5)';
|
|
@@ -7867,13 +7982,13 @@ var CheckoutHeading = styled.div(_templateObject5$c || (_templateObject5$c = _ta
|
|
|
7867
7982
|
var CheckoutHeader = styled(Row)(_templateObject6$b || (_templateObject6$b = _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 font-weight: 300;\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"])));
|
|
7868
7983
|
var CheckoutStepIcon = styled.div(_templateObject7$8 || (_templateObject7$8 = _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"])));
|
|
7869
7984
|
|
|
7870
|
-
var _templateObject$
|
|
7871
|
-
var CheckoutSummaryContainer = styled.div(_templateObject$
|
|
7985
|
+
var _templateObject$E, _templateObject2$r, _templateObject3$i;
|
|
7986
|
+
var CheckoutSummaryContainer = styled.div(_templateObject$E || (_templateObject$E = _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) {
|
|
7872
7987
|
return props.bg || 'rgba(255, 240, 236, 1)';
|
|
7873
7988
|
}, function (props) {
|
|
7874
7989
|
return props.color || ' rgba(50, 50, 50, 1)';
|
|
7875
7990
|
});
|
|
7876
|
-
var TextRow = styled.div(_templateObject2$
|
|
7991
|
+
var TextRow = styled.div(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n max-width: 90%;\n margin-bottom: 1em;\n padding-bottom: 1em;\n width: 90%;\n border-bottom: 1px solid #f7f7f7;\n .text {\n font-size: 1.1em;\n font-weight: 300;\n text-transform: capitalize;\n }\n .total {\n font-size: 1.65em;\n font-weight: 800;\n }\n"])));
|
|
7877
7992
|
var FilledInfo = styled.div(_templateObject3$i || (_templateObject3$i = _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 font-weight: 300;\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 padding-bottom: 2em;\n opacity: 0;\n }\n"])));
|
|
7878
7993
|
|
|
7879
7994
|
var CheckoutSummary = function CheckoutSummary(_ref) {
|
|
@@ -7928,9 +8043,9 @@ var CheckoutSummary = function CheckoutSummary(_ref) {
|
|
|
7928
8043
|
}, paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.name)));
|
|
7929
8044
|
};
|
|
7930
8045
|
|
|
7931
|
-
var _templateObject$
|
|
7932
|
-
var StepContainer = styled.div(_templateObject$
|
|
7933
|
-
var StepsContent = styled.div(_templateObject2$
|
|
8046
|
+
var _templateObject$F, _templateObject2$s, _templateObject3$j, _templateObject4$f, _templateObject5$d, _templateObject6$c, _templateObject7$9, _templateObject8$6, _templateObject9$4, _templateObject10$2, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1;
|
|
8047
|
+
var StepContainer = styled.div(_templateObject$F || (_templateObject$F = _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"])));
|
|
8048
|
+
var StepsContent = styled.div(_templateObject2$s || (_templateObject2$s = _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) {
|
|
7934
8049
|
return 'transparent' + '!important';
|
|
7935
8050
|
}, function (props) {
|
|
7936
8051
|
return props.bg || 'red';
|
|
@@ -8632,7 +8747,7 @@ var Step1 = function Step1(_ref) {
|
|
|
8632
8747
|
})));
|
|
8633
8748
|
};
|
|
8634
8749
|
|
|
8635
|
-
var _templateObject$
|
|
8750
|
+
var _templateObject$G;
|
|
8636
8751
|
var Step2 = function Step2(_ref) {
|
|
8637
8752
|
var _filter, _addressList$, _addressList, _JSON$parse2, _styles$button2;
|
|
8638
8753
|
var apiEndPoint = _ref.apiEndPoint,
|
|
@@ -8907,7 +9022,7 @@ var Step2 = function Step2(_ref) {
|
|
|
8907
9022
|
color: styles === null || styles === void 0 ? void 0 : (_styles$button2 = styles.button) === null || _styles$button2 === void 0 ? void 0 : _styles$button2.bg
|
|
8908
9023
|
})));
|
|
8909
9024
|
};
|
|
8910
|
-
var ImageContainer$1 = styled(CardMedia)(_templateObject$
|
|
9025
|
+
var ImageContainer$1 = styled(CardMedia)(_templateObject$G || (_templateObject$G = _taggedTemplateLiteralLoose(["\n max-width: 100%;\n max-height: 3rem,\n border-radius: 14px;\n img {\n max-width: 100%;\n }\n"])));
|
|
8911
9026
|
|
|
8912
9027
|
var CreditCardForm = function CreditCardForm(_ref) {
|
|
8913
9028
|
var _React$createElement, _React$createElement2;
|
|
@@ -10110,5 +10225,5 @@ function useGridSize() {
|
|
|
10110
10225
|
return layout;
|
|
10111
10226
|
}
|
|
10112
10227
|
|
|
10113
|
-
export { AccountDetails, BrandStock, Breakpoint, CartDrawer, CartPageComponent, CheckoutPageComponent, ContactUsForm, GTagManager, QuickOrder, RenderTawk, StaticPage, ThankYou, Variant, useGridSize, useWindowSize };
|
|
10228
|
+
export { AccountDetails, BrandStock, Breakpoint, CartDrawer, CartPageComponent, CheckoutPageComponent, ContactUsForm, GTagManager, HomeBanner, QuickOrder, RenderTawk, StaticPage, ThankYou, Variant, useGridSize, useWindowSize };
|
|
10114
10229
|
//# sourceMappingURL=index.modern.js.map
|