@salesgenterp/ui-components 0.4.271 → 0.4.273
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 +21 -25
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +21 -25
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -6726,7 +6726,7 @@ var HomeBanner = function HomeBanner(_ref) {
|
|
|
6726
6726
|
var Root$7 = styled__default.div(_templateObject$v || (_templateObject$v = _taggedTemplateLiteralLoose([""])));
|
|
6727
6727
|
var MainContainer$2 = styled__default.div(_templateObject2$m || (_templateObject2$m = _taggedTemplateLiteralLoose([""])));
|
|
6728
6728
|
|
|
6729
|
-
var _templateObject$w, _templateObject2$n, _templateObject3$g, _templateObject4$c, _templateObject5$a, _templateObject6$9
|
|
6729
|
+
var _templateObject$w, _templateObject2$n, _templateObject3$g, _templateObject4$c, _templateObject5$a, _templateObject6$9;
|
|
6730
6730
|
var OutOfStock = function OutOfStock(_ref) {
|
|
6731
6731
|
var _product$body, _product$body$content, _product$body2, _product$body2$conten;
|
|
6732
6732
|
var product = _ref.product,
|
|
@@ -6794,7 +6794,6 @@ var OutOfStock = function OutOfStock(_ref) {
|
|
|
6794
6794
|
var _temp3 = _finallyRethrows(function () {
|
|
6795
6795
|
return _catch(function () {
|
|
6796
6796
|
function _temp2() {
|
|
6797
|
-
message.success('Subscribed successfully');
|
|
6798
6797
|
setSubscribed(true);
|
|
6799
6798
|
setSelected([]);
|
|
6800
6799
|
}
|
|
@@ -6823,9 +6822,7 @@ var OutOfStock = function OutOfStock(_ref) {
|
|
|
6823
6822
|
}
|
|
6824
6823
|
}();
|
|
6825
6824
|
return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
|
|
6826
|
-
}, function (
|
|
6827
|
-
console.error(error);
|
|
6828
|
-
});
|
|
6825
|
+
}, function () {});
|
|
6829
6826
|
}, function (_wasThrown, _result) {
|
|
6830
6827
|
if (_wasThrown) throw _result;
|
|
6831
6828
|
return _result;
|
|
@@ -6838,8 +6835,9 @@ var OutOfStock = function OutOfStock(_ref) {
|
|
|
6838
6835
|
return Promise.reject(e);
|
|
6839
6836
|
}
|
|
6840
6837
|
};
|
|
6841
|
-
var handleSubscribeClick = function handleSubscribeClick() {
|
|
6838
|
+
var handleSubscribeClick = function handleSubscribeClick(event) {
|
|
6842
6839
|
try {
|
|
6840
|
+
event.preventDefault();
|
|
6843
6841
|
var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
|
|
6844
6842
|
if (!(email !== null && email !== void 0 && email.match(mailformat))) {
|
|
6845
6843
|
return Promise.resolve();
|
|
@@ -6910,7 +6908,7 @@ var OutOfStock = function OutOfStock(_ref) {
|
|
|
6910
6908
|
return selectitem(variant);
|
|
6911
6909
|
},
|
|
6912
6910
|
padding: "checkbox"
|
|
6913
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
6911
|
+
}, /*#__PURE__*/React__default.createElement(MainCheckbox, {
|
|
6914
6912
|
checked: isSelected(variant.productId)
|
|
6915
6913
|
})), Object.keys(variant.productVariantLabelValues).map(function (key, index) {
|
|
6916
6914
|
return /*#__PURE__*/React__default.createElement(TableCell, {
|
|
@@ -6932,7 +6930,9 @@ var OutOfStock = function OutOfStock(_ref) {
|
|
|
6932
6930
|
style: {
|
|
6933
6931
|
fontWeight: 'bold'
|
|
6934
6932
|
}
|
|
6935
|
-
}, "Subscribe to back in stock notification")), /*#__PURE__*/React__default.createElement(
|
|
6933
|
+
}, "Subscribe to back in stock notification")), /*#__PURE__*/React__default.createElement("form", {
|
|
6934
|
+
onSubmit: handleSubscribeClick
|
|
6935
|
+
}, /*#__PURE__*/React__default.createElement(ContainerDiv, null, /*#__PURE__*/React__default.createElement(EmailInput, {
|
|
6936
6936
|
onChange: function onChange(e) {
|
|
6937
6937
|
return setEmail(e.target.value);
|
|
6938
6938
|
},
|
|
@@ -6943,25 +6943,21 @@ var OutOfStock = function OutOfStock(_ref) {
|
|
|
6943
6943
|
required: true
|
|
6944
6944
|
}), /*#__PURE__*/React__default.createElement(StyledSubscribe, {
|
|
6945
6945
|
subscribed: subscribed,
|
|
6946
|
-
Loading: loading
|
|
6947
|
-
onClick: handleSubscribeClick
|
|
6946
|
+
Loading: loading
|
|
6948
6947
|
}, loading && /*#__PURE__*/React__default.createElement(material.CircularProgress, {
|
|
6949
6948
|
size: 20,
|
|
6950
6949
|
style: {
|
|
6951
6950
|
color: '#fff'
|
|
6952
6951
|
}
|
|
6953
|
-
}), /*#__PURE__*/React__default.createElement("span", null, subscribed ? 'Subscribed Successfully' : 'Subscribe'))))));
|
|
6952
|
+
}), /*#__PURE__*/React__default.createElement("span", null, subscribed ? 'Subscribed Successfully' : 'Subscribe')))))));
|
|
6954
6953
|
};
|
|
6955
6954
|
var VariantsContainer = styled__default.div(_templateObject$w || (_templateObject$w = _taggedTemplateLiteralLoose(["\n ::-webkit-scrollbar {\n -webkit-appearance: none;\n width: 5px;\n }\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: rgba(178, 169, 169, 1);\n box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n }\n"])));
|
|
6956
|
-
var
|
|
6957
|
-
return props.theme.primaryColor;
|
|
6958
|
-
});
|
|
6959
|
-
var MainCheckbox = styled__default(Checkbox)(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n border-color: #fff;\n & .Mui-checked {\n color: ", ";\n }\n"])), function (props) {
|
|
6955
|
+
var MainCheckbox = styled__default(Checkbox)(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteralLoose(["\n &.Mui-checked,\n &.MuiCheckbox-indeterminate {\n color: ", ";\n }\n"])), function (props) {
|
|
6960
6956
|
return props.theme.primaryColor;
|
|
6961
6957
|
});
|
|
6962
|
-
var EmailInput = styled__default(InputBase)(
|
|
6963
|
-
var Root$8 = styled__default.div(
|
|
6964
|
-
var ContainerDiv = styled__default.div(
|
|
6958
|
+
var EmailInput = styled__default(InputBase)(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n border: 1px solid #a9a9a9;\n padding: 3px 10px;\n fontsize: 12px;\n width: 100%;\n border-radius: 3px;\n"])));
|
|
6959
|
+
var Root$8 = styled__default.div(_templateObject4$c || (_templateObject4$c = _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"])));
|
|
6960
|
+
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) {
|
|
6965
6961
|
return props.height ? props.height : 'auto';
|
|
6966
6962
|
}, function (props) {
|
|
6967
6963
|
return props.margin ? props.margin : '0.3rem 0';
|
|
@@ -6972,7 +6968,7 @@ var ContainerDiv = styled__default.div(_templateObject6$9 || (_templateObject6$9
|
|
|
6972
6968
|
}, function (props) {
|
|
6973
6969
|
return props.justifyContent ? props.justifyContent : 'default';
|
|
6974
6970
|
});
|
|
6975
|
-
var StyledSubscribe = styled__default.button(
|
|
6971
|
+
var StyledSubscribe = styled__default.button(_templateObject6$9 || (_templateObject6$9 = _taggedTemplateLiteralLoose(["\n align-items: center;\n background: ", ";\n border-radius: 3px;\n color: #fff;\n display: flex;\n justify-content: center;\n padding: ", ";\n border: none;\n outline: none;\n font-weight: 600;\n cursor: ", ";\n opacity: ", ";\n width: ", ";\n pointer-events: ", ";\n span {\n white-space: nowrap;\n font-size: ", ";\n margin-left: 10px;\n }\n &:hover {\n opacity: ", ";\n }\n margin: 0px;\n margin-left: 1%;\n text-transform: uppercase;\n pointer-events: ", ";\n span {\n margin: 0px 10px;\n }\n"])), function (props) {
|
|
6976
6972
|
return props.theme.primaryColor;
|
|
6977
6973
|
}, function (props) {
|
|
6978
6974
|
return props.padding ? props.padding : '5px 15px';
|
|
@@ -7598,7 +7594,7 @@ var CardRow$1 = function CardRow(_ref) {
|
|
|
7598
7594
|
}))));
|
|
7599
7595
|
};
|
|
7600
7596
|
|
|
7601
|
-
var _templateObject$A, _templateObject2$p, _templateObject3$i, _templateObject4$e, _templateObject5$c, _templateObject6$b, _templateObject7$
|
|
7597
|
+
var _templateObject$A, _templateObject2$p, _templateObject3$i, _templateObject4$e, _templateObject5$c, _templateObject6$b, _templateObject7$7, _templateObject8$5, _templateObject9$3;
|
|
7602
7598
|
var CartPageSection$1 = styled__default.section(_templateObject$A || (_templateObject$A = _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) {
|
|
7603
7599
|
return props.bg;
|
|
7604
7600
|
}, function (props) {
|
|
@@ -7635,7 +7631,7 @@ var CartTableCell$3 = styled__default(material.TableCell)(_templateObject6$b ||
|
|
|
7635
7631
|
}, function (props) {
|
|
7636
7632
|
return "" + props.color || 'inherit';
|
|
7637
7633
|
});
|
|
7638
|
-
var CartTableContainer$1 = styled__default(material.TableContainer)(_templateObject7$
|
|
7634
|
+
var CartTableContainer$1 = styled__default(material.TableContainer)(_templateObject7$7 || (_templateObject7$7 = _taggedTemplateLiteralLoose(["\n max-height: 580px;\n padding-right: 1.5em;\n overflow: inherit !important;\n &::-webkit-scrollbar {\n width: ", ";\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: ", ";\n background: ", ";\n border-radius: 16px;\n width: 100%;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n border-radius: 16px;\n margin: 5px 2px;\n background: ", ";\n }\n @media screen and (max-width: 750px) {\n padding: 0;\n }\n"])), function (props) {
|
|
7639
7635
|
return props.retail ? '12px' : '10px';
|
|
7640
7636
|
}, function (props) {
|
|
7641
7637
|
return props.retail ? '#667080' : 'rgba(102, 112, 128, 0.5)';
|
|
@@ -8283,7 +8279,7 @@ var StyledButton = styled__default.button(_templateObject2$r || (_templateObject
|
|
|
8283
8279
|
return props.theme.primaryColor;
|
|
8284
8280
|
});
|
|
8285
8281
|
|
|
8286
|
-
var _templateObject$F, _templateObject2$s, _templateObject3$j, _templateObject4$f, _templateObject5$d, _templateObject6$c, _templateObject7$
|
|
8282
|
+
var _templateObject$F, _templateObject2$s, _templateObject3$j, _templateObject4$f, _templateObject5$d, _templateObject6$c, _templateObject7$8;
|
|
8287
8283
|
var CheckoutPageContainer = styled__default.div(_templateObject$F || (_templateObject$F = _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 ////////////checkout and cart fonts\n /////////////////\n /* /////remove arrows from number input */\n /* Chrome, Safari, Edge, Opera */\n input::-webkit-outer-spin-button,\n input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n /* Firefox */\n input[type='number'] {\n -moz-appearance: textfield;\n }\n\n /* //////mui inputs */\n\n .checkout .MuiOutlinedInput-notchedOutline,\n .checkout .css-1d3z3hw-MuiOutlinedInput-notchedOutline {\n border: none !important;\n outline: none !important;\n }\n /* ////checkbox */\n .checkout .Mui-checked {\n color: #060606 !important;\n }\n\n /* //////select inputs */\n // .checkout .MuiInputLabel-formControl,\n // .checkout .Mui-focused {\n // color: grey !important;\n // font-size: 0.875em;\n // }\n .checkout .MuiInputBase-root .checkout .MuiOutlinedInput-root,\n .checkout .MuiInputBase-colorPrimary,\n .checkout .MuiInputBase-fullWidth,\n .checkout .MuiInputBase-formControl,\n .checkout .css-md26zr-MuiInputBase-root-MuiOutlinedInput-root {\n border-radius: 10px;\n }\n // /* /////stepper length */\n .checkout .MuiStepConnector-line,\n .MuiStepConnector-lineVertical {\n min-height: 60px !important;\n }\n\n @media only screen and (max-width: 640px) {\n .checkout .MuiStepConnector-line,\n .MuiStepConnector-lineVertical {\n min-height: 40px !important;\n }\n }\n"])), function (props) {
|
|
8288
8284
|
return props.maxWidth || '1605px';
|
|
8289
8285
|
}, function (props) {
|
|
@@ -8300,7 +8296,7 @@ var CheckoutMain = styled__default.div(_templateObject4$f || (_templateObject4$f
|
|
|
8300
8296
|
});
|
|
8301
8297
|
var CheckoutHeading = styled__default.div(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteralLoose(["\n margin-left: 2.5em;\n margin-bottom: 2em;\n h5 {\n font-size: 2.3em;\n font-weight: 600;\n text-transform: capitalize;\n }\n p {\n font-size: 0.875em;\n margin-top: 0.5em;\n }\n @media only screen and (max-width: 788px) {\n margin-left: 0;\n padding-left: 1em;\n }\n"])));
|
|
8302
8298
|
var CheckoutHeader = styled__default(Row)(_templateObject6$c || (_templateObject6$c = _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"])));
|
|
8303
|
-
var CheckoutStepIcon = styled__default.div(_templateObject7$
|
|
8299
|
+
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"])));
|
|
8304
8300
|
|
|
8305
8301
|
var _templateObject$G, _templateObject2$t, _templateObject3$k;
|
|
8306
8302
|
var CheckoutSummaryContainer = styled__default.div(_templateObject$G || (_templateObject$G = _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) {
|
|
@@ -8363,7 +8359,7 @@ var CheckoutSummary = function CheckoutSummary(_ref) {
|
|
|
8363
8359
|
}, paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.name)));
|
|
8364
8360
|
};
|
|
8365
8361
|
|
|
8366
|
-
var _templateObject$H, _templateObject2$u, _templateObject3$l, _templateObject4$g, _templateObject5$e, _templateObject6$d, _templateObject7$
|
|
8362
|
+
var _templateObject$H, _templateObject2$u, _templateObject3$l, _templateObject4$g, _templateObject5$e, _templateObject6$d, _templateObject7$9, _templateObject8$6, _templateObject9$4, _templateObject10$2, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1;
|
|
8367
8363
|
var StepContainer = styled__default.div(_templateObject$H || (_templateObject$H = _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"])));
|
|
8368
8364
|
var StepsContent = styled__default.div(_templateObject2$u || (_templateObject2$u = _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) {
|
|
8369
8365
|
return 'transparent' + '!important';
|
|
@@ -8408,7 +8404,7 @@ var Select = styled__default.div.attrs({
|
|
|
8408
8404
|
});
|
|
8409
8405
|
var SaveButton = styled__default.button.attrs({
|
|
8410
8406
|
className: 'checkout-btn'
|
|
8411
|
-
})(_templateObject7$
|
|
8407
|
+
})(_templateObject7$9 || (_templateObject7$9 = _taggedTemplateLiteralLoose(["\n border: none;\n outline: none;\n font-size: 0.8125em;\n text-transform: uppercase;\n font-weight: 600;\n border-radius: 7px;\n padding: 0.55em 1em;\n background: ", ";\n display: grid;\n place-items: center;\n color: white;\n margin: 1em 0;\n letter-spacing: 1px;\n transition: 0.4s;\n cursor: ", ";\n &:hover,\n &:focus {\n opacity: 0.7;\n }\n"])), function (props) {
|
|
8412
8408
|
return props.color || '#FD0015';
|
|
8413
8409
|
}, function (props) {
|
|
8414
8410
|
return props.disabled ? 'not-allowed' : 'pointer';
|