@salesgenterp/ui-components 0.4.290 → 0.4.291
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 +136 -16
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +137 -18
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1004,6 +1004,13 @@ var getRandomString = function getRandomString(length) {
|
|
|
1004
1004
|
}
|
|
1005
1005
|
return text;
|
|
1006
1006
|
};
|
|
1007
|
+
var toCapitalCase = function toCapitalCase(string) {
|
|
1008
|
+
var _string$;
|
|
1009
|
+
if (!string) {
|
|
1010
|
+
return string;
|
|
1011
|
+
}
|
|
1012
|
+
return ((_string$ = string[0]) === null || _string$ === void 0 ? void 0 : _string$.toUpperCase()) + (string === null || string === void 0 ? void 0 : string.slice(1));
|
|
1013
|
+
};
|
|
1007
1014
|
var currentTimeText = function currentTimeText() {
|
|
1008
1015
|
var data = [[0, 4, 'Good Night'], [5, 11, 'Good Morning'], [12, 16, 'Good Afternoon'], [17, 19, 'Good Evening'], [20, 24, 'Good Night']];
|
|
1009
1016
|
var hr = new Date().getHours();
|
|
@@ -3545,7 +3552,7 @@ var _templateObject$l, _templateObject2$c, _templateObject3$7, _templateObject4$
|
|
|
3545
3552
|
var AccountDetails = function AccountDetails(_ref) {
|
|
3546
3553
|
var _storeData$map, _storeData$find, _storeData$;
|
|
3547
3554
|
var _ref$apiEndPoint = _ref.apiEndPoint,
|
|
3548
|
-
apiEndPoint = _ref$apiEndPoint === void 0 ? 'https://
|
|
3555
|
+
apiEndPoint = _ref$apiEndPoint === void 0 ? 'https://erp.salesgenterp.com/api' : _ref$apiEndPoint,
|
|
3549
3556
|
_ref$token = _ref.token,
|
|
3550
3557
|
token = _ref$token === void 0 ? 'eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJzYWxlc2dlbnRlcnBAZ21haWwuY29tIiwidGllciI6MiwidXNlclR5cGUiOiJDdXN0b21lciIsInRva2VuVHlwZSI6ImFjY2VzcyIsInN0b3JlSWQiOjIsImV4cCI6MTY3MDI2ODk4OSwidXNlcklkIjoyNDU1LCJpYXQiOjE2NzAyMzI5ODksInJlc2V0UGFzc3dvcmRSZXF1aXJlZCI6ZmFsc2V9.-SdkA9CatCY-g4ln5ZU9hKsYvBfoTPspZV_hSQHo8wI' : _ref$token,
|
|
3551
3558
|
_ref$primaryColor = _ref.primaryColor,
|
|
@@ -3961,7 +3968,7 @@ var ReactSlick = styled__default(Slider)(_templateObject3$8 || (_templateObject3
|
|
|
3961
3968
|
var _templateObject$n, _templateObject2$e;
|
|
3962
3969
|
var BrandList = function BrandList(_ref) {
|
|
3963
3970
|
var _ref$apiEndPoint = _ref.apiEndPoint,
|
|
3964
|
-
apiEndPoint = _ref$apiEndPoint === void 0 ? 'https://
|
|
3971
|
+
apiEndPoint = _ref$apiEndPoint === void 0 ? 'https://erp.salesgenterp.com/api' : _ref$apiEndPoint,
|
|
3965
3972
|
_ref$colors = _ref.colors,
|
|
3966
3973
|
colors = _ref$colors === void 0 ? {
|
|
3967
3974
|
primaryColor: '#D2122E'
|
|
@@ -6454,7 +6461,7 @@ var ReactSlick$1 = styled__default(Slider)(_templateObject3$g || (_templateObjec
|
|
|
6454
6461
|
var _templateObject$x, _templateObject2$o;
|
|
6455
6462
|
var HomeBanner = function HomeBanner(_ref) {
|
|
6456
6463
|
var _ref$apiEndPoint = _ref.apiEndPoint,
|
|
6457
|
-
apiEndPoint = _ref$apiEndPoint === void 0 ? 'https://
|
|
6464
|
+
apiEndPoint = _ref$apiEndPoint === void 0 ? 'https://erp.salesgenterp.com/api' : _ref$apiEndPoint,
|
|
6458
6465
|
_ref$colors = _ref.colors,
|
|
6459
6466
|
colors = _ref$colors === void 0 ? {
|
|
6460
6467
|
primaryColor: '#D2122E'
|
|
@@ -7966,7 +7973,119 @@ var StaticPage = function StaticPage(_ref) {
|
|
|
7966
7973
|
};
|
|
7967
7974
|
var Root$c = styled__default(material.Box)(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose([""])));
|
|
7968
7975
|
|
|
7976
|
+
var _excluded$4 = ["userName", "children", "style"];
|
|
7977
|
+
var colors$1 = ['#FFB900', '#D83B01', '#B50E0E', '#E81123', '#B4009E', '#5C2D91', '#0078D7', '#00B4FF', '#008272', '#107C10'];
|
|
7978
|
+
var getRandomColor = function getRandomColor(userName) {
|
|
7979
|
+
return colors$1[(userName === null || userName === void 0 ? void 0 : userName.length) % (colors$1 === null || colors$1 === void 0 ? void 0 : colors$1.length)];
|
|
7980
|
+
};
|
|
7981
|
+
var getInitials = function getInitials(name) {
|
|
7982
|
+
var parts = name.split(' ');
|
|
7983
|
+
var initials = '';
|
|
7984
|
+
for (var i = 0; i < parts.length; i++) {
|
|
7985
|
+
if (parts[i].length > 0 && parts[i] !== '') {
|
|
7986
|
+
initials += parts[i][0];
|
|
7987
|
+
}
|
|
7988
|
+
}
|
|
7989
|
+
return toCapitalCase(initials);
|
|
7990
|
+
};
|
|
7991
|
+
var Avatar = function Avatar(_ref) {
|
|
7992
|
+
var userName = _ref.userName,
|
|
7993
|
+
children = _ref.children,
|
|
7994
|
+
style = _ref.style,
|
|
7995
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
|
|
7996
|
+
var backgroundColor = '#1f62ff';
|
|
7997
|
+
if (userName) {
|
|
7998
|
+
backgroundColor = getRandomColor(userName);
|
|
7999
|
+
children = getInitials(userName);
|
|
8000
|
+
}
|
|
8001
|
+
return /*#__PURE__*/React__default.createElement(material.Avatar, _extends({}, props, {
|
|
8002
|
+
children: children,
|
|
8003
|
+
style: _extends({
|
|
8004
|
+
color: 'white',
|
|
8005
|
+
background: backgroundColor
|
|
8006
|
+
}, style)
|
|
8007
|
+
}));
|
|
8008
|
+
};
|
|
8009
|
+
|
|
7969
8010
|
var _templateObject$F, _templateObject2$s;
|
|
8011
|
+
var SwitchUser = function SwitchUser(_ref) {
|
|
8012
|
+
var _customerData$filter, _customerData$filter$;
|
|
8013
|
+
var _ref$apiEndPoint = _ref.apiEndPoint,
|
|
8014
|
+
apiEndPoint = _ref$apiEndPoint === void 0 ? 'https://erp.salesgenterp.com/api' : _ref$apiEndPoint,
|
|
8015
|
+
token = _ref.token,
|
|
8016
|
+
_ref$colors = _ref.colors,
|
|
8017
|
+
colors = _ref$colors === void 0 ? {
|
|
8018
|
+
primaryColor: '#D2122E'
|
|
8019
|
+
} : _ref$colors,
|
|
8020
|
+
onSelectCustomer = _ref.onSelectCustomer;
|
|
8021
|
+
var _useState = React.useState([]),
|
|
8022
|
+
customerData = _useState[0],
|
|
8023
|
+
setCustomerData = _useState[1];
|
|
8024
|
+
React.useEffect(function () {
|
|
8025
|
+
try {
|
|
8026
|
+
if (token && apiEndPoint) {
|
|
8027
|
+
try {
|
|
8028
|
+
var getCustomer = API$1({
|
|
8029
|
+
apiEndPoint: apiEndPoint,
|
|
8030
|
+
token: token,
|
|
8031
|
+
url: "/ecommerce/customer"
|
|
8032
|
+
});
|
|
8033
|
+
var getChildCustomer = API$1({
|
|
8034
|
+
apiEndPoint: apiEndPoint,
|
|
8035
|
+
token: token,
|
|
8036
|
+
url: "/ecommerce/customer/child"
|
|
8037
|
+
});
|
|
8038
|
+
Promise.all([getCustomer, getChildCustomer]).then(function (results) {
|
|
8039
|
+
var customerData = results[0],
|
|
8040
|
+
childCustomerData = results[1];
|
|
8041
|
+
setCustomerData([customerData === null || customerData === void 0 ? void 0 : customerData.customerDto].concat(childCustomerData === null || childCustomerData === void 0 ? void 0 : childCustomerData.map(function (item) {
|
|
8042
|
+
var _customerData$custome;
|
|
8043
|
+
return _extends({}, item, {
|
|
8044
|
+
parentCustomerId: customerData === null || customerData === void 0 ? void 0 : (_customerData$custome = customerData.customerDto) === null || _customerData$custome === void 0 ? void 0 : _customerData$custome.id
|
|
8045
|
+
});
|
|
8046
|
+
})));
|
|
8047
|
+
})["catch"](function (error) {});
|
|
8048
|
+
} catch (error) {}
|
|
8049
|
+
}
|
|
8050
|
+
} catch (e) {
|
|
8051
|
+
Promise.reject(e);
|
|
8052
|
+
}
|
|
8053
|
+
}, [token]);
|
|
8054
|
+
return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
|
|
8055
|
+
theme: colors
|
|
8056
|
+
}, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(RootContainer$4, null, /*#__PURE__*/React__default.createElement("h2", {
|
|
8057
|
+
style: {
|
|
8058
|
+
fontWeight: 500,
|
|
8059
|
+
marginBottom: '2rem'
|
|
8060
|
+
}
|
|
8061
|
+
}, "Select/Switch Users"), /*#__PURE__*/React__default.createElement(material.Grid, {
|
|
8062
|
+
container: true,
|
|
8063
|
+
justifyContent: "center",
|
|
8064
|
+
spacing: 3
|
|
8065
|
+
}, customerData === null || customerData === void 0 ? void 0 : (_customerData$filter = customerData.filter) === null || _customerData$filter === void 0 ? void 0 : (_customerData$filter$ = _customerData$filter.call(customerData, function (item) {
|
|
8066
|
+
return item;
|
|
8067
|
+
})) === null || _customerData$filter$ === void 0 ? void 0 : _customerData$filter$.map(function (item, i) {
|
|
8068
|
+
return /*#__PURE__*/React__default.createElement(material.Grid, {
|
|
8069
|
+
key: i,
|
|
8070
|
+
item: true
|
|
8071
|
+
}, /*#__PURE__*/React__default.createElement(CustomerContainer, {
|
|
8072
|
+
onClick: function onClick() {
|
|
8073
|
+
return onSelectCustomer(item);
|
|
8074
|
+
}
|
|
8075
|
+
}, /*#__PURE__*/React__default.createElement(Avatar, {
|
|
8076
|
+
userName: ((item === null || item === void 0 ? void 0 : item.firstName) || '') + " " + ((item === null || item === void 0 ? void 0 : item.lastName) || ''),
|
|
8077
|
+
sx: {
|
|
8078
|
+
width: 80,
|
|
8079
|
+
height: 80,
|
|
8080
|
+
fontSize: '2.4rem'
|
|
8081
|
+
}
|
|
8082
|
+
}), /*#__PURE__*/React__default.createElement("p", null, item === null || item === void 0 ? void 0 : item.company), /*#__PURE__*/React__default.createElement("p", null, item === null || item === void 0 ? void 0 : item.dbaName)));
|
|
8083
|
+
}))));
|
|
8084
|
+
};
|
|
8085
|
+
var RootContainer$4 = styled__default.div(_templateObject$F || (_templateObject$F = _taggedTemplateLiteralLoose(["\n margin: auto;\n text-align: center;\n padding: 2.4rem;\n"])));
|
|
8086
|
+
var CustomerContainer = styled__default.div(_templateObject2$s || (_templateObject2$s = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n flex-direction: column;\n align-items: center;\n transition: all 0.5s;\n &:hover {\n transform: scale(1.05);\n }\n"])));
|
|
8087
|
+
|
|
8088
|
+
var _templateObject$G, _templateObject2$t;
|
|
7970
8089
|
var ThankYou = function ThankYou(_ref) {
|
|
7971
8090
|
var _ref$id = _ref.id,
|
|
7972
8091
|
id = _ref$id === void 0 ? 0 : _ref$id,
|
|
@@ -8025,8 +8144,8 @@ var ThankYou = function ThankYou(_ref) {
|
|
|
8025
8144
|
onClick: onContinue
|
|
8026
8145
|
}, /*#__PURE__*/React__default.createElement("p", null, "Continue Shopping"))))))));
|
|
8027
8146
|
};
|
|
8028
|
-
var Root$d = styled__default(material.Box)(_templateObject$
|
|
8029
|
-
var StyledButton = styled__default.button(_templateObject2$
|
|
8147
|
+
var Root$d = styled__default(material.Box)(_templateObject$G || (_templateObject$G = _taggedTemplateLiteralLoose([""])));
|
|
8148
|
+
var StyledButton = styled__default.button(_templateObject2$t || (_templateObject2$t = _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) {
|
|
8030
8149
|
return props.theme.primaryColor;
|
|
8031
8150
|
}, function (props) {
|
|
8032
8151
|
return props.theme.primaryColor;
|
|
@@ -8034,11 +8153,11 @@ var StyledButton = styled__default.button(_templateObject2$s || (_templateObject
|
|
|
8034
8153
|
return props.theme.primaryColor;
|
|
8035
8154
|
});
|
|
8036
8155
|
|
|
8037
|
-
var _templateObject$
|
|
8038
|
-
var CheckoutRootContainer = styled__default.div(_templateObject$
|
|
8156
|
+
var _templateObject$H, _templateObject2$u, _templateObject3$k, _templateObject4$f, _templateObject5$d, _templateObject6$c, _templateObject7$8, _templateObject8$6;
|
|
8157
|
+
var CheckoutRootContainer = styled__default.div(_templateObject$H || (_templateObject$H = _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) {
|
|
8039
8158
|
return props.bg;
|
|
8040
8159
|
});
|
|
8041
|
-
var CheckoutPageContainer = styled__default.div(_templateObject2$
|
|
8160
|
+
var CheckoutPageContainer = styled__default.div(_templateObject2$u || (_templateObject2$u = _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) {
|
|
8042
8161
|
return props.maxWidth || '1605px';
|
|
8043
8162
|
}, function (props) {
|
|
8044
8163
|
return props.bg || '#fff8f6';
|
|
@@ -8056,13 +8175,13 @@ var CheckoutHeading = styled__default.div(_templateObject6$c || (_templateObject
|
|
|
8056
8175
|
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"])));
|
|
8057
8176
|
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"])));
|
|
8058
8177
|
|
|
8059
|
-
var _templateObject$
|
|
8060
|
-
var CheckoutSummaryContainer = styled__default.div(_templateObject$
|
|
8178
|
+
var _templateObject$I, _templateObject2$v, _templateObject3$l;
|
|
8179
|
+
var CheckoutSummaryContainer = styled__default.div(_templateObject$I || (_templateObject$I = _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) {
|
|
8061
8180
|
return props.bg || 'rgba(255, 240, 236, 1)';
|
|
8062
8181
|
}, function (props) {
|
|
8063
8182
|
return props.color || ' rgba(50, 50, 50, 1)';
|
|
8064
8183
|
});
|
|
8065
|
-
var TextRow = styled__default.div(_templateObject2$
|
|
8184
|
+
var TextRow = styled__default.div(_templateObject2$v || (_templateObject2$v = _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 text-transform: capitalize;\n }\n .total {\n font-size: 1.65em;\n font-weight: 800;\n }\n"])));
|
|
8066
8185
|
var FilledInfo = styled__default.div(_templateObject3$l || (_templateObject3$l = _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 padding-bottom: 2em;\n opacity: 0;\n }\n"])));
|
|
8067
8186
|
|
|
8068
8187
|
var CheckoutSummary = function CheckoutSummary(_ref) {
|
|
@@ -8117,9 +8236,9 @@ var CheckoutSummary = function CheckoutSummary(_ref) {
|
|
|
8117
8236
|
}, paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.name)));
|
|
8118
8237
|
};
|
|
8119
8238
|
|
|
8120
|
-
var _templateObject$
|
|
8121
|
-
var StepContainer = styled__default.div(_templateObject$
|
|
8122
|
-
var StepsContent = styled__default.div(_templateObject2$
|
|
8239
|
+
var _templateObject$J, _templateObject2$w, _templateObject3$m, _templateObject4$g, _templateObject5$e, _templateObject6$d, _templateObject7$9, _templateObject8$7, _templateObject9$4, _templateObject10$2, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1;
|
|
8240
|
+
var StepContainer = styled__default.div(_templateObject$J || (_templateObject$J = _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"])));
|
|
8241
|
+
var StepsContent = styled__default.div(_templateObject2$w || (_templateObject2$w = _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) {
|
|
8123
8242
|
return 'transparent' + '!important';
|
|
8124
8243
|
}, function (props) {
|
|
8125
8244
|
return props.bg || 'red';
|
|
@@ -8700,7 +8819,7 @@ var Step1 = function Step1(_ref) {
|
|
|
8700
8819
|
})));
|
|
8701
8820
|
};
|
|
8702
8821
|
|
|
8703
|
-
var _templateObject$
|
|
8822
|
+
var _templateObject$K;
|
|
8704
8823
|
var Step2 = function Step2(_ref) {
|
|
8705
8824
|
var _filter, _customer$customerDto, _addressList$, _addressList, _styles$button2, _JSON$parse2, _styles$button3;
|
|
8706
8825
|
var apiEndPoint = _ref.apiEndPoint,
|
|
@@ -8975,7 +9094,7 @@ var Step2 = function Step2(_ref) {
|
|
|
8975
9094
|
color: styles === null || styles === void 0 ? void 0 : (_styles$button3 = styles.button) === null || _styles$button3 === void 0 ? void 0 : _styles$button3.bg
|
|
8976
9095
|
})));
|
|
8977
9096
|
};
|
|
8978
|
-
var ImageContainer$1 = styled__default(material.CardMedia)(_templateObject$
|
|
9097
|
+
var ImageContainer$1 = styled__default(material.CardMedia)(_templateObject$K || (_templateObject$K = _taggedTemplateLiteralLoose(["\n max-width: 100%;\n max-height: 3rem,\n border-radius: 14px;\n img {\n max-width: 100%;\n }\n"])));
|
|
8979
9098
|
|
|
8980
9099
|
var CreditCardForm = function CreditCardForm(_ref) {
|
|
8981
9100
|
var _React$createElement, _React$createElement2;
|
|
@@ -10521,6 +10640,7 @@ exports.QuickOrder = QuickOrder;
|
|
|
10521
10640
|
exports.RenderTawk = RenderTawk;
|
|
10522
10641
|
exports.Snowfall = SnowfallComponent;
|
|
10523
10642
|
exports.StaticPage = StaticPage;
|
|
10643
|
+
exports.SwitchUser = SwitchUser;
|
|
10524
10644
|
exports.ThankYou = ThankYou;
|
|
10525
10645
|
exports.Variant = Variant;
|
|
10526
10646
|
exports.useGridSize = useGridSize;
|