@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.js
CHANGED
|
@@ -6561,12 +6561,127 @@ var GTagManager = function GTagManager(_ref) {
|
|
|
6561
6561
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
6562
6562
|
};
|
|
6563
6563
|
|
|
6564
|
-
var _templateObject$t;
|
|
6564
|
+
var _templateObject$t, _templateObject2$k;
|
|
6565
|
+
var BannerImages = function BannerImages(_ref) {
|
|
6566
|
+
var config = _ref.config,
|
|
6567
|
+
sliderImages = _ref.sliderImages,
|
|
6568
|
+
itemStyle = _ref.itemStyle;
|
|
6569
|
+
var sliderImageList = sliderImages === null || sliderImages === void 0 ? void 0 : sliderImages.sliderImageList;
|
|
6570
|
+
return /*#__PURE__*/React__default.createElement(BannerContainer$1, null, /*#__PURE__*/React__default.createElement(material.Grid, {
|
|
6571
|
+
container: true,
|
|
6572
|
+
spacing: (config === null || config === void 0 ? void 0 : config.spaceBetweenCol) || 0
|
|
6573
|
+
}, sliderImageList === null || sliderImageList === void 0 ? void 0 : sliderImageList.map(function (v, i) {
|
|
6574
|
+
return /*#__PURE__*/React__default.createElement(material.Grid, {
|
|
6575
|
+
item: true,
|
|
6576
|
+
xs: (config === null || config === void 0 ? void 0 : config.colSm) || 12,
|
|
6577
|
+
sm: (config === null || config === void 0 ? void 0 : config.colSm) || 12,
|
|
6578
|
+
md: (config === null || config === void 0 ? void 0 : config.colMd) || 12,
|
|
6579
|
+
lg: (config === null || config === void 0 ? void 0 : config.colLg) || 12,
|
|
6580
|
+
xl: (config === null || config === void 0 ? void 0 : config.colLg) || 12,
|
|
6581
|
+
key: i
|
|
6582
|
+
}, /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement("a", {
|
|
6583
|
+
href: (v === null || v === void 0 ? void 0 : v.redirectPath) || ''
|
|
6584
|
+
}, /*#__PURE__*/React__default.createElement(Image, {
|
|
6585
|
+
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,
|
|
6586
|
+
alt: "image",
|
|
6587
|
+
style: _extends({}, itemStyle)
|
|
6588
|
+
}))));
|
|
6589
|
+
})));
|
|
6590
|
+
};
|
|
6591
|
+
var Image = styled__default.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"])));
|
|
6592
|
+
var BannerContainer$1 = styled__default.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"])));
|
|
6593
|
+
|
|
6594
|
+
var _templateObject$u, _templateObject2$l;
|
|
6595
|
+
var HomeBanner = function HomeBanner(_ref) {
|
|
6596
|
+
var _ref$apiEndPoint = _ref.apiEndPoint,
|
|
6597
|
+
apiEndPoint = _ref$apiEndPoint === void 0 ? 'https://dev.salesgent.xyz/api' : _ref$apiEndPoint,
|
|
6598
|
+
_ref$colors = _ref.colors,
|
|
6599
|
+
colors = _ref$colors === void 0 ? {
|
|
6600
|
+
primaryColor: '#D2122E'
|
|
6601
|
+
} : _ref$colors,
|
|
6602
|
+
_ref$businessTypeId = _ref.businessTypeId,
|
|
6603
|
+
businessTypeId = _ref$businessTypeId === void 0 ? 1 : _ref$businessTypeId;
|
|
6604
|
+
var _useState = React.useState(),
|
|
6605
|
+
sliderTypes = _useState[0],
|
|
6606
|
+
setSliderTypes = _useState[1];
|
|
6607
|
+
React.useEffect(function () {
|
|
6608
|
+
(function () {
|
|
6609
|
+
try {
|
|
6610
|
+
var _temp = _catch(function () {
|
|
6611
|
+
return Promise.resolve(API$1({
|
|
6612
|
+
apiEndPoint: apiEndPoint,
|
|
6613
|
+
url: "/home/sliderTypes"
|
|
6614
|
+
})).then(function (data) {
|
|
6615
|
+
setSliderTypes(data);
|
|
6616
|
+
});
|
|
6617
|
+
}, function () {});
|
|
6618
|
+
return _temp && _temp.then ? _temp.then(function () {}) : void 0;
|
|
6619
|
+
} catch (e) {
|
|
6620
|
+
Promise.reject(e);
|
|
6621
|
+
}
|
|
6622
|
+
})();
|
|
6623
|
+
}, []);
|
|
6624
|
+
var geSliderImages = React.useCallback(function (_ref2) {
|
|
6625
|
+
var sliderTypeId = _ref2.sliderTypeId;
|
|
6626
|
+
return Promise.resolve(_catch(function () {
|
|
6627
|
+
return Promise.resolve(API$1({
|
|
6628
|
+
apiEndPoint: apiEndPoint,
|
|
6629
|
+
url: "/home/sliderImages?sliderTypeId=" + sliderTypeId + "&businessTypeId=" + businessTypeId
|
|
6630
|
+
}));
|
|
6631
|
+
}, function () {}));
|
|
6632
|
+
}, []);
|
|
6633
|
+
var modifySliderTypes = lodash.sortBy(lodash.filter(sliderTypes, function (o) {
|
|
6634
|
+
var config = lodash.isObject(JSON.parse(o === null || o === void 0 ? void 0 : o.config)) ? JSON.parse(o === null || o === void 0 ? void 0 : o.config) : {};
|
|
6635
|
+
return !(config !== null && config !== void 0 && config.hideFromEcommerce);
|
|
6636
|
+
}), function (o) {
|
|
6637
|
+
var config = lodash.isObject(JSON.parse(o === null || o === void 0 ? void 0 : o.config)) ? JSON.parse(o === null || o === void 0 ? void 0 : o.config) : {};
|
|
6638
|
+
return config === null || config === void 0 ? void 0 : config.sequenceNumber;
|
|
6639
|
+
});
|
|
6640
|
+
return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
|
|
6641
|
+
theme: colors
|
|
6642
|
+
}, /*#__PURE__*/React__default.createElement(Root$6, null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(MainContainer$2, null, /*#__PURE__*/React__default.createElement(material.Grid, {
|
|
6643
|
+
container: true,
|
|
6644
|
+
spacing: 0
|
|
6645
|
+
}, modifySliderTypes === null || modifySliderTypes === void 0 ? void 0 : modifySliderTypes.map(function (sliderType) {
|
|
6646
|
+
var config = lodash.isObject(JSON.parse(sliderType === null || sliderType === void 0 ? void 0 : sliderType.config)) ? JSON.parse(sliderType === null || sliderType === void 0 ? void 0 : sliderType.config) : {};
|
|
6647
|
+
return /*#__PURE__*/React__default.createElement(material.Grid, {
|
|
6648
|
+
item: true,
|
|
6649
|
+
xs: (config === null || config === void 0 ? void 0 : config.rowSm) || 12,
|
|
6650
|
+
sm: (config === null || config === void 0 ? void 0 : config.rowSm) || 12,
|
|
6651
|
+
md: (config === null || config === void 0 ? void 0 : config.rowMd) || 12,
|
|
6652
|
+
lg: (config === null || config === void 0 ? void 0 : config.rowLg) || 12,
|
|
6653
|
+
xl: (config === null || config === void 0 ? void 0 : config.rowLg) || 12
|
|
6654
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
6655
|
+
style: {
|
|
6656
|
+
padding: ((config === null || config === void 0 ? void 0 : config.spaceBetweenRow) || 0) * 4 + "px"
|
|
6657
|
+
}
|
|
6658
|
+
}, /*#__PURE__*/React__default.createElement(AsyncDataLoadComponent, {
|
|
6659
|
+
apiEndPoint: apiEndPoint,
|
|
6660
|
+
asyncService: function asyncService() {
|
|
6661
|
+
return geSliderImages({
|
|
6662
|
+
sliderTypeId: sliderType === null || sliderType === void 0 ? void 0 : sliderType.id
|
|
6663
|
+
});
|
|
6664
|
+
}
|
|
6665
|
+
}, function (sliderImages) {
|
|
6666
|
+
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, {
|
|
6667
|
+
config: config,
|
|
6668
|
+
sliderImages: sliderImages
|
|
6669
|
+
})) : /*#__PURE__*/React__default.createElement(BannerImages, {
|
|
6670
|
+
config: config,
|
|
6671
|
+
sliderImages: sliderImages
|
|
6672
|
+
}));
|
|
6673
|
+
})));
|
|
6674
|
+
})))));
|
|
6675
|
+
};
|
|
6676
|
+
var Root$6 = styled__default.div(_templateObject$u || (_templateObject$u = _taggedTemplateLiteralLoose([""])));
|
|
6677
|
+
var MainContainer$2 = styled__default.div(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteralLoose([""])));
|
|
6678
|
+
|
|
6679
|
+
var _templateObject$v;
|
|
6565
6680
|
var NoData = function NoData(_ref) {
|
|
6566
6681
|
_objectDestructuringEmpty(_ref);
|
|
6567
6682
|
return /*#__PURE__*/React__default.createElement(CustomNoRowsOverlay, null);
|
|
6568
6683
|
};
|
|
6569
|
-
var Container = styled__default.div(_templateObject$
|
|
6684
|
+
var Container = styled__default.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"])));
|
|
6570
6685
|
var CustomNoRowsOverlay = function CustomNoRowsOverlay(_ref2) {
|
|
6571
6686
|
_objectDestructuringEmpty(_ref2);
|
|
6572
6687
|
return /*#__PURE__*/React__default.createElement(Container, null, /*#__PURE__*/React__default.createElement("svg", {
|
|
@@ -7033,12 +7148,12 @@ var AsyncSelect = function AsyncSelect(_ref3) {
|
|
|
7033
7148
|
return /*#__PURE__*/React__default.createElement(AsyncSelectField, props);
|
|
7034
7149
|
};
|
|
7035
7150
|
|
|
7036
|
-
var _templateObject$
|
|
7037
|
-
var Container$1 = styled__default.div(_templateObject$
|
|
7151
|
+
var _templateObject$w;
|
|
7152
|
+
var Container$1 = styled__default.div(_templateObject$w || (_templateObject$w = _taggedTemplateLiteralLoose([""])));
|
|
7038
7153
|
|
|
7039
|
-
var _templateObject$
|
|
7040
|
-
var ProductImage$1 = styled__default.img(_templateObject$
|
|
7041
|
-
var ProductName$1 = styled__default.h6(_templateObject2$
|
|
7154
|
+
var _templateObject$x, _templateObject2$m, _templateObject3$f, _templateObject4$c, _templateObject5$a, _templateObject6$9;
|
|
7155
|
+
var ProductImage$1 = styled__default.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"])));
|
|
7156
|
+
var ProductName$1 = styled__default.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) {
|
|
7042
7157
|
return props.size || '1em';
|
|
7043
7158
|
}, function (props) {
|
|
7044
7159
|
return props.maxHeight ? props.maxHeight + "em" : '2.75em';
|
|
@@ -7167,13 +7282,13 @@ var CardRow$1 = function CardRow(_ref) {
|
|
|
7167
7282
|
}))));
|
|
7168
7283
|
};
|
|
7169
7284
|
|
|
7170
|
-
var _templateObject$
|
|
7171
|
-
var CartPageSection$1 = styled__default.section(_templateObject$
|
|
7285
|
+
var _templateObject$y, _templateObject2$n, _templateObject3$g, _templateObject4$d, _templateObject5$b, _templateObject6$a, _templateObject7$7, _templateObject8$5, _templateObject9$3;
|
|
7286
|
+
var CartPageSection$1 = styled__default.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) {
|
|
7172
7287
|
return props.bg;
|
|
7173
7288
|
}, function (props) {
|
|
7174
7289
|
return props.bg || '#FAE8E5';
|
|
7175
7290
|
});
|
|
7176
|
-
var CartPageContainer$1 = styled__default.div(_templateObject2$
|
|
7291
|
+
var CartPageContainer$1 = styled__default.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) {
|
|
7177
7292
|
return props.maxWidth || '1620px';
|
|
7178
7293
|
}, function (props) {
|
|
7179
7294
|
return "min(" + (props.maxWidth || '1620px') + ",100%)";
|
|
@@ -7586,7 +7701,7 @@ var RenderTawk = function RenderTawk(_ref) {
|
|
|
7586
7701
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
7587
7702
|
};
|
|
7588
7703
|
|
|
7589
|
-
var _templateObject$
|
|
7704
|
+
var _templateObject$z, _templateObject2$o;
|
|
7590
7705
|
var ContactUsForm = function ContactUsForm(_ref) {
|
|
7591
7706
|
var apiEndPoint = _ref.apiEndPoint,
|
|
7592
7707
|
primaryColor = _ref.primaryColor,
|
|
@@ -7704,21 +7819,21 @@ var ContactUsForm = function ContactUsForm(_ref) {
|
|
|
7704
7819
|
}
|
|
7705
7820
|
}, "Submit"))));
|
|
7706
7821
|
};
|
|
7707
|
-
var TypographyContainer$8 = styled__default(material.Typography)(_templateObject$
|
|
7822
|
+
var TypographyContainer$8 = styled__default(material.Typography)(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n font-size: 1.2rem !important;\n align-items: center;\n"])), function (props) {
|
|
7708
7823
|
return props.fontColor;
|
|
7709
7824
|
});
|
|
7710
|
-
var RootContainer$4 = styled__default(material.Stack)(_templateObject2$
|
|
7825
|
+
var RootContainer$4 = styled__default(material.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) {
|
|
7711
7826
|
return props.secondaryColor;
|
|
7712
7827
|
});
|
|
7713
7828
|
|
|
7714
|
-
var _templateObject$
|
|
7715
|
-
var StaticContainer = styled__default.div(_templateObject$
|
|
7829
|
+
var _templateObject$A;
|
|
7830
|
+
var StaticContainer = styled__default.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) {
|
|
7716
7831
|
return props.theme.primaryColor;
|
|
7717
7832
|
}, function (props) {
|
|
7718
7833
|
return props.theme.primaryColor;
|
|
7719
7834
|
});
|
|
7720
7835
|
|
|
7721
|
-
var _templateObject$
|
|
7836
|
+
var _templateObject$B;
|
|
7722
7837
|
var StaticPage = function StaticPage(_ref) {
|
|
7723
7838
|
var _data$content;
|
|
7724
7839
|
var _ref$colors = _ref.colors,
|
|
@@ -7735,7 +7850,7 @@ var StaticPage = function StaticPage(_ref) {
|
|
|
7735
7850
|
logoUrl = _ref.logoUrl;
|
|
7736
7851
|
return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
|
|
7737
7852
|
theme: colors
|
|
7738
|
-
}, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$
|
|
7853
|
+
}, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$7, null, /*#__PURE__*/React__default.createElement(StaticContainer, null, /*#__PURE__*/React__default.createElement("div", {
|
|
7739
7854
|
className: "top-bar"
|
|
7740
7855
|
}, data.mainTitle), mapSrc && /*#__PURE__*/React__default.createElement("iframe", {
|
|
7741
7856
|
width: "100%",
|
|
@@ -7782,9 +7897,9 @@ var StaticPage = function StaticPage(_ref) {
|
|
|
7782
7897
|
logoUrl: logoUrl
|
|
7783
7898
|
}))))))));
|
|
7784
7899
|
};
|
|
7785
|
-
var Root$
|
|
7900
|
+
var Root$7 = styled__default(material.Box)(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose([""])));
|
|
7786
7901
|
|
|
7787
|
-
var _templateObject$
|
|
7902
|
+
var _templateObject$C, _templateObject2$p;
|
|
7788
7903
|
var ThankYou = function ThankYou(_ref) {
|
|
7789
7904
|
var _ref$id = _ref.id,
|
|
7790
7905
|
id = _ref$id === void 0 ? 0 : _ref$id,
|
|
@@ -7795,7 +7910,7 @@ var ThankYou = function ThankYou(_ref) {
|
|
|
7795
7910
|
onContinue = _ref.onContinue;
|
|
7796
7911
|
return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
|
|
7797
7912
|
theme: colors
|
|
7798
|
-
}, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$
|
|
7913
|
+
}, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$8, null, /*#__PURE__*/React__default.createElement(material.Grid, {
|
|
7799
7914
|
container: true,
|
|
7800
7915
|
justify: "center"
|
|
7801
7916
|
}, /*#__PURE__*/React__default.createElement(material.Grid, {
|
|
@@ -7843,8 +7958,8 @@ var ThankYou = function ThankYou(_ref) {
|
|
|
7843
7958
|
onClick: onContinue
|
|
7844
7959
|
}, /*#__PURE__*/React__default.createElement("p", null, "Continue Shopping"))))))));
|
|
7845
7960
|
};
|
|
7846
|
-
var Root$
|
|
7847
|
-
var StyledButton = styled__default.button(_templateObject2$
|
|
7961
|
+
var Root$8 = styled__default(material.Box)(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose([""])));
|
|
7962
|
+
var StyledButton = styled__default.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) {
|
|
7848
7963
|
return props.theme.primaryColor;
|
|
7849
7964
|
}, function (props) {
|
|
7850
7965
|
return props.theme.primaryColor;
|
|
@@ -7852,13 +7967,13 @@ var StyledButton = styled__default.button(_templateObject2$n || (_templateObject
|
|
|
7852
7967
|
return props.theme.primaryColor;
|
|
7853
7968
|
});
|
|
7854
7969
|
|
|
7855
|
-
var _templateObject$
|
|
7856
|
-
var CheckoutPageContainer = styled__default.div(_templateObject$
|
|
7970
|
+
var _templateObject$D, _templateObject2$q, _templateObject3$h, _templateObject4$e, _templateObject5$c, _templateObject6$b, _templateObject7$8;
|
|
7971
|
+
var CheckoutPageContainer = styled__default.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) {
|
|
7857
7972
|
return props.maxWidth || '1605px';
|
|
7858
7973
|
}, function (props) {
|
|
7859
7974
|
return props.bg || '#fff8f6';
|
|
7860
7975
|
});
|
|
7861
|
-
var Row = styled__default.div(_templateObject2$
|
|
7976
|
+
var Row = styled__default.div(_templateObject2$q || (_templateObject2$q = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
7862
7977
|
var CheckoutMainWithHeader = styled__default(material.Stack)(_templateObject3$h || (_templateObject3$h = _taggedTemplateLiteralLoose([""])));
|
|
7863
7978
|
var CheckoutMain = styled__default.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) {
|
|
7864
7979
|
return props.bg || 'rgba(102,112,128,0.5)';
|
|
@@ -7871,13 +7986,13 @@ var CheckoutHeading = styled__default.div(_templateObject5$c || (_templateObject
|
|
|
7871
7986
|
var CheckoutHeader = styled__default(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"])));
|
|
7872
7987
|
var CheckoutStepIcon = styled__default.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"])));
|
|
7873
7988
|
|
|
7874
|
-
var _templateObject$
|
|
7875
|
-
var CheckoutSummaryContainer = styled__default.div(_templateObject$
|
|
7989
|
+
var _templateObject$E, _templateObject2$r, _templateObject3$i;
|
|
7990
|
+
var CheckoutSummaryContainer = styled__default.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) {
|
|
7876
7991
|
return props.bg || 'rgba(255, 240, 236, 1)';
|
|
7877
7992
|
}, function (props) {
|
|
7878
7993
|
return props.color || ' rgba(50, 50, 50, 1)';
|
|
7879
7994
|
});
|
|
7880
|
-
var TextRow = styled__default.div(_templateObject2$
|
|
7995
|
+
var TextRow = styled__default.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"])));
|
|
7881
7996
|
var FilledInfo = styled__default.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"])));
|
|
7882
7997
|
|
|
7883
7998
|
var CheckoutSummary = function CheckoutSummary(_ref) {
|
|
@@ -7932,9 +8047,9 @@ var CheckoutSummary = function CheckoutSummary(_ref) {
|
|
|
7932
8047
|
}, paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.name)));
|
|
7933
8048
|
};
|
|
7934
8049
|
|
|
7935
|
-
var _templateObject$
|
|
7936
|
-
var StepContainer = styled__default.div(_templateObject$
|
|
7937
|
-
var StepsContent = styled__default.div(_templateObject2$
|
|
8050
|
+
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;
|
|
8051
|
+
var StepContainer = styled__default.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"])));
|
|
8052
|
+
var StepsContent = styled__default.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) {
|
|
7938
8053
|
return 'transparent' + '!important';
|
|
7939
8054
|
}, function (props) {
|
|
7940
8055
|
return props.bg || 'red';
|
|
@@ -8636,7 +8751,7 @@ var Step1 = function Step1(_ref) {
|
|
|
8636
8751
|
})));
|
|
8637
8752
|
};
|
|
8638
8753
|
|
|
8639
|
-
var _templateObject$
|
|
8754
|
+
var _templateObject$G;
|
|
8640
8755
|
var Step2 = function Step2(_ref) {
|
|
8641
8756
|
var _filter, _addressList$, _addressList, _JSON$parse2, _styles$button2;
|
|
8642
8757
|
var apiEndPoint = _ref.apiEndPoint,
|
|
@@ -8911,7 +9026,7 @@ var Step2 = function Step2(_ref) {
|
|
|
8911
9026
|
color: styles === null || styles === void 0 ? void 0 : (_styles$button2 = styles.button) === null || _styles$button2 === void 0 ? void 0 : _styles$button2.bg
|
|
8912
9027
|
})));
|
|
8913
9028
|
};
|
|
8914
|
-
var ImageContainer$1 = styled__default(material.CardMedia)(_templateObject$
|
|
9029
|
+
var ImageContainer$1 = styled__default(material.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"])));
|
|
8915
9030
|
|
|
8916
9031
|
var CreditCardForm = function CreditCardForm(_ref) {
|
|
8917
9032
|
var _React$createElement, _React$createElement2;
|
|
@@ -10122,6 +10237,7 @@ exports.CartPageComponent = CartPageComponent;
|
|
|
10122
10237
|
exports.CheckoutPageComponent = CheckoutPageComponent;
|
|
10123
10238
|
exports.ContactUsForm = ContactUsForm;
|
|
10124
10239
|
exports.GTagManager = GTagManager;
|
|
10240
|
+
exports.HomeBanner = HomeBanner;
|
|
10125
10241
|
exports.QuickOrder = QuickOrder;
|
|
10126
10242
|
exports.RenderTawk = RenderTawk;
|
|
10127
10243
|
exports.StaticPage = StaticPage;
|