@salesgenterp/ui-components 0.4.217 → 0.4.219

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.
Files changed (5) hide show
  1. package/dist/index.js +318 -281
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.modern.js +320 -284
  4. package/dist/index.modern.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -40,10 +40,10 @@ var TableHead = _interopDefault(require('@mui/material/TableHead'));
40
40
  var TableRow = _interopDefault(require('@mui/material/TableRow'));
41
41
  var TableSortLabel = _interopDefault(require('@mui/material/TableSortLabel'));
42
42
  var hi2 = require('react-icons/hi2');
43
+ var ReCAPTCHA = _interopDefault(require('react-google-recaptcha'));
43
44
  var cg = require('react-icons/cg');
44
45
  var Cards = _interopDefault(require('react-credit-cards'));
45
46
  var fi = require('react-icons/fi');
46
- var ReCAPTCHA = _interopDefault(require('react-google-recaptcha'));
47
47
 
48
48
  function _extends() {
49
49
  _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -6057,13 +6057,318 @@ var CartPageComponent = function CartPageComponent(_ref) {
6057
6057
  })));
6058
6058
  };
6059
6059
 
6060
- var _templateObject$s, _templateObject2$j, _templateObject3$e, _templateObject4$b, _templateObject5$9, _templateObject6$8, _templateObject7$6;
6061
- var CheckoutPageContainer = styled__default.div(_templateObject$s || (_templateObject$s = _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 font-family: 'karla-fonts';\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) {
6060
+ var GTagManager = function GTagManager(_ref) {
6061
+ var gTagId = _ref.gTagId;
6062
+ React.useEffect(function () {
6063
+ if (gTagId) {
6064
+ setTimeout(function () {
6065
+ if (!document.getElementById('gTagManagerId')) {
6066
+ var gtag = function gtag() {
6067
+ dataLayer.push(arguments);
6068
+ };
6069
+ var script = document.createElement('script');
6070
+ script.src = "https://www.googletagmanager.com/gtag/js?id=" + gTagId;
6071
+ script.async = true;
6072
+ script.id = 'gTagManagerId';
6073
+ document.body.appendChild(script);
6074
+ window.dataLayer = window.dataLayer || [];
6075
+ gtag('js', new Date());
6076
+ gtag('config', "" + gTagId);
6077
+ }
6078
+ }, 1000);
6079
+ }
6080
+ }, []);
6081
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
6082
+ };
6083
+
6084
+ var RenderTawk = function RenderTawk(_ref) {
6085
+ var propertyId = _ref.propertyId,
6086
+ tawkId = _ref.tawkId;
6087
+ React.useEffect(function () {
6088
+ if (propertyId && tawkId) {
6089
+ setTimeout(function () {
6090
+ if (!document.getElementById('renderTawkId')) {
6091
+ var TAWK_SCRIPT = "https://embed.tawk.to/" + propertyId + "/" + tawkId;
6092
+ var script = document.createElement('script');
6093
+ script.id = 'renderTawkId';
6094
+ script.setAttribute('src', TAWK_SCRIPT);
6095
+ script.setAttribute('async', 'true');
6096
+ script.setAttribute('charset', 'UTF-8');
6097
+ script.setAttribute('crossorigin', '*');
6098
+ document.body.appendChild(script);
6099
+ }
6100
+ }, 1000);
6101
+ }
6102
+ }, []);
6103
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
6104
+ };
6105
+
6106
+ var _templateObject$s, _templateObject2$j;
6107
+ var ContactUsForm = function ContactUsForm(_ref) {
6108
+ var apiEndPoint = _ref.apiEndPoint,
6109
+ primaryColor = _ref.primaryColor,
6110
+ secondaryColor = _ref.secondaryColor,
6111
+ fontColor = _ref.fontColor,
6112
+ googleReCaptchaKey = _ref.googleReCaptchaKey,
6113
+ _ref$logoUrl = _ref.logoUrl,
6114
+ logoUrl = _ref$logoUrl === void 0 ? '' : _ref$logoUrl;
6115
+ var _useState = React.useState(false),
6116
+ isLoading = _useState[0],
6117
+ setIsLoading = _useState[1];
6118
+ var _React$useState = React__default.useState(false),
6119
+ isCaptchaVerified = _React$useState[0],
6120
+ setIsCaptchaVerified = _React$useState[1];
6121
+ var _useState2 = React.useState([]);
6122
+ var _useForm = reactHookForm.useForm({}),
6123
+ handleSubmit = _useForm.handleSubmit,
6124
+ control = _useForm.control,
6125
+ reset = _useForm.reset;
6126
+ var update = function update(formData) {
6127
+ try {
6128
+ if (!isCaptchaVerified) return Promise.resolve(alert('Please Mark the captcha to continue'));
6129
+ var _temp3 = function () {
6130
+ if (apiEndPoint) {
6131
+ var _temp2 = function _temp2() {
6132
+ setIsLoading(false);
6133
+ };
6134
+ setIsLoading(true);
6135
+ var _temp = _catch(function () {
6136
+ return Promise.resolve(API$1({
6137
+ apiEndPoint: apiEndPoint === null || apiEndPoint === void 0 ? void 0 : apiEndPoint.replace('/api', '/services/pdf'),
6138
+ method: 'POST',
6139
+ url: "/email/customer/contact-us",
6140
+ body: _extends({}, formData, {
6141
+ logoUrl: logoUrl
6142
+ }),
6143
+ errorMessage: 'Error in contact us form.',
6144
+ successMessage: 'Your message is sent successfully. We will contact you soon.'
6145
+ })).then(function () {
6146
+ reset();
6147
+ });
6148
+ }, function () {});
6149
+ return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
6150
+ }
6151
+ }();
6152
+ return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(function () {}) : void 0);
6153
+ } catch (e) {
6154
+ return Promise.reject(e);
6155
+ }
6156
+ };
6157
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RootContainer$4, {
6158
+ secondaryColor: secondaryColor
6159
+ }, /*#__PURE__*/React__default.createElement(TypographyContainer$8, {
6160
+ fontColor: fontColor
6161
+ }, "Get In Touch"), /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
6162
+ container: true,
6163
+ columnSpacing: 2
6164
+ }, /*#__PURE__*/React__default.createElement(material.Grid, {
6165
+ item: true,
6166
+ xs: 12,
6167
+ md: 6
6168
+ }, /*#__PURE__*/React__default.createElement(FormTextField, {
6169
+ label: "Name",
6170
+ name: "name",
6171
+ required: true,
6172
+ control: control,
6173
+ fontColor: fontColor
6174
+ })), /*#__PURE__*/React__default.createElement(material.Grid, {
6175
+ item: true,
6176
+ xs: 12,
6177
+ md: 6
6178
+ }, /*#__PURE__*/React__default.createElement(FormTextField, {
6179
+ label: "Email",
6180
+ name: "email",
6181
+ type: "email",
6182
+ required: true,
6183
+ control: control,
6184
+ fontColor: fontColor
6185
+ })), /*#__PURE__*/React__default.createElement(material.Grid, {
6186
+ item: true,
6187
+ xs: 12
6188
+ }, /*#__PURE__*/React__default.createElement(FormTextField, {
6189
+ label: "Phone",
6190
+ name: "phone",
6191
+ type: "number",
6192
+ control: control,
6193
+ fontColor: fontColor
6194
+ })), /*#__PURE__*/React__default.createElement(material.Grid, {
6195
+ item: true,
6196
+ xs: 12
6197
+ }, /*#__PURE__*/React__default.createElement(FormTextField, {
6198
+ label: "Message",
6199
+ name: "message",
6200
+ multiline: true,
6201
+ rows: 4,
6202
+ control: control,
6203
+ fontColor: fontColor
6204
+ })), /*#__PURE__*/React__default.createElement(material.Grid, {
6205
+ item: true,
6206
+ xs: 12
6207
+ }, /*#__PURE__*/React__default.createElement(ReCAPTCHA, {
6208
+ sitekey: googleReCaptchaKey,
6209
+ onChange: function onChange() {
6210
+ return setIsCaptchaVerified(true);
6211
+ }
6212
+ }))), /*#__PURE__*/React__default.createElement(MuiButton, {
6213
+ variant: "contained",
6214
+ loading: isLoading,
6215
+ onClick: handleSubmit(update),
6216
+ primaryColor: primaryColor,
6217
+ style: {
6218
+ marginTop: 12
6219
+ }
6220
+ }, "Submit"))));
6221
+ };
6222
+ var TypographyContainer$8 = styled__default(material.Typography)(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n font-size: 1.2rem !important;\n align-items: center;\n"])), function (props) {
6223
+ return props.fontColor;
6224
+ });
6225
+ var RootContainer$4 = styled__default(material.Stack)(_templateObject2$j || (_templateObject2$j = _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) {
6226
+ return props.secondaryColor;
6227
+ });
6228
+
6229
+ var _templateObject$t;
6230
+ var StaticContainer = styled__default.div(_templateObject$t || (_templateObject$t = _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) {
6231
+ return props.theme.primaryColor;
6232
+ }, function (props) {
6233
+ return props.theme.primaryColor;
6234
+ });
6235
+
6236
+ var _templateObject$u;
6237
+ var StaticPage = function StaticPage(_ref) {
6238
+ var _data$content;
6239
+ var _ref$colors = _ref.colors,
6240
+ colors = _ref$colors === void 0 ? {
6241
+ primaryColor: '#D2122E'
6242
+ } : _ref$colors,
6243
+ data = _ref.data,
6244
+ maxWidth = _ref.maxWidth,
6245
+ mapSrc = _ref.mapSrc,
6246
+ contactUsForm = _ref.contactUsForm,
6247
+ googleReCaptchaKey = _ref.googleReCaptchaKey,
6248
+ apiEndPoint = _ref.apiEndPoint,
6249
+ token = _ref.token,
6250
+ logoUrl = _ref.logoUrl;
6251
+ return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
6252
+ theme: colors
6253
+ }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$5, null, /*#__PURE__*/React__default.createElement(StaticContainer, null, /*#__PURE__*/React__default.createElement("div", {
6254
+ className: "top-bar"
6255
+ }, data.mainTitle), mapSrc && /*#__PURE__*/React__default.createElement("iframe", {
6256
+ width: "100%",
6257
+ height: "600",
6258
+ frameBorder: "0",
6259
+ src: mapSrc
6260
+ }), /*#__PURE__*/React__default.createElement("div", {
6261
+ className: "data-container",
6262
+ style: {
6263
+ maxWidth: maxWidth || 1470
6264
+ }
6265
+ }, /*#__PURE__*/React__default.createElement("div", {
6266
+ className: "route-bar"
6267
+ }, /*#__PURE__*/React__default.createElement("p", null, /*#__PURE__*/React__default.createElement(ai.AiOutlineHome, null), "\xA0Home\xA0", /*#__PURE__*/React__default.createElement(ai.AiOutlineRight, null), "\xA0", data.mainTitle)), /*#__PURE__*/React__default.createElement(material.Grid, {
6268
+ container: true,
6269
+ spacing: 4,
6270
+ justifyContent: "center"
6271
+ }, /*#__PURE__*/React__default.createElement(material.Grid, {
6272
+ item: true,
6273
+ sm: 12,
6274
+ md: contactUsForm ? 6 : 12
6275
+ }, data === null || data === void 0 ? void 0 : (_data$content = data.content) === null || _data$content === void 0 ? void 0 : _data$content.map(function (text, i) {
6276
+ return /*#__PURE__*/React__default.createElement("div", {
6277
+ key: i,
6278
+ style: {
6279
+ textAlign: text === null || text === void 0 ? void 0 : text.align
6280
+ }
6281
+ }, /*#__PURE__*/React__default.createElement("hr", null), text.h2 && /*#__PURE__*/React__default.createElement("h2", null, text.h2), text.pb && /*#__PURE__*/React__default.createElement("p", null, /*#__PURE__*/React__default.createElement("strong", null, text.pb)), text.p && /*#__PURE__*/React__default.createElement("p", null, text.p));
6282
+ })), contactUsForm && /*#__PURE__*/React__default.createElement(material.Grid, {
6283
+ item: true,
6284
+ sm: 12,
6285
+ md: 6
6286
+ }, /*#__PURE__*/React__default.createElement(ContactUsForm, {
6287
+ primaryColor: colors === null || colors === void 0 ? void 0 : colors.primaryColor,
6288
+ fontColor: "#606060",
6289
+ googleReCaptchaKey: googleReCaptchaKey,
6290
+ apiEndPoint: apiEndPoint,
6291
+ token: token,
6292
+ logoUrl: logoUrl
6293
+ }))))))));
6294
+ };
6295
+ var Root$5 = styled__default(material.Box)(_templateObject$u || (_templateObject$u = _taggedTemplateLiteralLoose([""])));
6296
+
6297
+ var _templateObject$v, _templateObject2$k;
6298
+ var ThankYou = function ThankYou(_ref) {
6299
+ var _ref$id = _ref.id,
6300
+ id = _ref$id === void 0 ? 0 : _ref$id,
6301
+ _ref$colors = _ref.colors,
6302
+ colors = _ref$colors === void 0 ? {
6303
+ primaryColor: '#D2122E'
6304
+ } : _ref$colors,
6305
+ onContinue = _ref.onContinue;
6306
+ return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
6307
+ theme: colors
6308
+ }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$6, null, /*#__PURE__*/React__default.createElement(material.Grid, {
6309
+ container: true,
6310
+ justify: "center"
6311
+ }, /*#__PURE__*/React__default.createElement(material.Grid, {
6312
+ item: true,
6313
+ xs: 12
6314
+ }, /*#__PURE__*/React__default.createElement("div", {
6315
+ style: {
6316
+ display: 'flex',
6317
+ padding: '50px 0px',
6318
+ flexDirection: 'column',
6319
+ alignItems: 'center'
6320
+ }
6321
+ }, /*#__PURE__*/React__default.createElement(md.MdCheckCircle, {
6322
+ style: {
6323
+ fontSize: '150px',
6324
+ color: 'green',
6325
+ marginBottom: '40px'
6326
+ }
6327
+ }), /*#__PURE__*/React__default.createElement("h1", {
6328
+ style: {
6329
+ fontSize: '40px',
6330
+ marginBottom: '20px',
6331
+ fontWeight: '500'
6332
+ }
6333
+ }, "Thank you."), /*#__PURE__*/React__default.createElement("h2", {
6334
+ style: {
6335
+ marginBottom: '40px',
6336
+ fontWeight: '500'
6337
+ }
6338
+ }, "Your order number ", id, " was placed successfully."), /*#__PURE__*/React__default.createElement("div", {
6339
+ style: {
6340
+ display: 'flex',
6341
+ alignItems: 'center',
6342
+ marginBottom: '40px'
6343
+ }
6344
+ }, /*#__PURE__*/React__default.createElement(md.MdMailOutline, {
6345
+ style: {
6346
+ fontSize: '50px'
6347
+ }
6348
+ }), /*#__PURE__*/React__default.createElement("div", {
6349
+ style: {
6350
+ marginLeft: '20px'
6351
+ }
6352
+ }, /*#__PURE__*/React__default.createElement("p", null, "An email receipt including the details about the order has been"), /*#__PURE__*/React__default.createElement("p", null, "sent to the email address provided. Please keep it for your records."))), /*#__PURE__*/React__default.createElement(StyledButton, {
6353
+ onClick: onContinue
6354
+ }, /*#__PURE__*/React__default.createElement("p", null, "Continue Shopping"))))))));
6355
+ };
6356
+ var Root$6 = styled__default(material.Box)(_templateObject$v || (_templateObject$v = _taggedTemplateLiteralLoose([""])));
6357
+ var StyledButton = styled__default.button(_templateObject2$k || (_templateObject2$k = _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) {
6358
+ return props.theme.primaryColor;
6359
+ }, function (props) {
6360
+ return props.theme.primaryColor;
6361
+ }, function (props) {
6362
+ return props.theme.primaryColor;
6363
+ });
6364
+
6365
+ var _templateObject$w, _templateObject2$l, _templateObject3$e, _templateObject4$b, _templateObject5$9, _templateObject6$8, _templateObject7$6;
6366
+ var CheckoutPageContainer = styled__default.div(_templateObject$w || (_templateObject$w = _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 font-family: 'karla-fonts';\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) {
6062
6367
  return props.maxWidth || '1605px';
6063
6368
  }, function (props) {
6064
6369
  return props.bg || '#fff8f6';
6065
6370
  });
6066
- var Row = styled__default.div(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n"])));
6371
+ var Row = styled__default.div(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n"])));
6067
6372
  var CheckoutMainWithHeader = styled__default(material.Stack)(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteralLoose([""])));
6068
6373
  var CheckoutMain = styled__default.div(_templateObject4$b || (_templateObject4$b = _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 border: 3px solid ", ";\n /* border: 3px solid black; */\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) {
6069
6374
  return props.bg || 'rgba(245, 197, 189, 0.5)';
@@ -6078,13 +6383,13 @@ var CheckoutHeading = styled__default.div(_templateObject5$9 || (_templateObject
6078
6383
  var CheckoutHeader = styled__default(Row)(_templateObject6$8 || (_templateObject6$8 = _taggedTemplateLiteralLoose(["\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"])));
6079
6384
  var CheckoutStepIcon = styled__default.div(_templateObject7$6 || (_templateObject7$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"])));
6080
6385
 
6081
- var _templateObject$t, _templateObject2$k, _templateObject3$f;
6082
- var CheckoutSummaryContainer = styled__default.div(_templateObject$t || (_templateObject$t = _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) {
6386
+ var _templateObject$x, _templateObject2$m, _templateObject3$f;
6387
+ var CheckoutSummaryContainer = styled__default.div(_templateObject$x || (_templateObject$x = _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) {
6083
6388
  return props.bg || 'rgba(255, 240, 236, 1)';
6084
6389
  }, function (props) {
6085
6390
  return props.color || ' rgba(50, 50, 50, 1)';
6086
6391
  });
6087
- var TextRow = styled__default.div(_templateObject2$k || (_templateObject2$k = _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 rgba(250, 232, 229, 1);\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"])));
6392
+ var TextRow = styled__default.div(_templateObject2$m || (_templateObject2$m = _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 rgba(250, 232, 229, 1);\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"])));
6088
6393
  var FilledInfo = styled__default.div(_templateObject3$f || (_templateObject3$f = _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"])));
6089
6394
 
6090
6395
  var CheckoutSummary = function CheckoutSummary(_ref) {
@@ -6139,9 +6444,9 @@ var CheckoutSummary = function CheckoutSummary(_ref) {
6139
6444
  }, paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.name)));
6140
6445
  };
6141
6446
 
6142
- var _templateObject$u, _templateObject2$l, _templateObject3$g, _templateObject4$c, _templateObject5$a, _templateObject6$9, _templateObject7$7, _templateObject8$4, _templateObject9$3, _templateObject10$2, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1;
6143
- var StepContainer = styled__default.div(_templateObject$u || (_templateObject$u = _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"])));
6144
- var StepsContent = styled__default.div(_templateObject2$l || (_templateObject2$l = _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: red;\n }\n }\n @media screen and (max-width: 768px) {\n padding: 0;\n width: 100%;\n }\n"])), function (props) {
6447
+ var _templateObject$y, _templateObject2$n, _templateObject3$g, _templateObject4$c, _templateObject5$a, _templateObject6$9, _templateObject7$7, _templateObject8$4, _templateObject9$3, _templateObject10$2, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1;
6448
+ var StepContainer = styled__default.div(_templateObject$y || (_templateObject$y = _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"])));
6449
+ var StepsContent = styled__default.div(_templateObject2$n || (_templateObject2$n = _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: red;\n }\n }\n @media screen and (max-width: 768px) {\n padding: 0;\n width: 100%;\n }\n"])), function (props) {
6145
6450
  return (props.bg || 'transparent') + '!important';
6146
6451
  });
6147
6452
  var StepsHeaderContainer = styled__default.div(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n font-family: 'karla-fonts';\n color: #323232;\n /* padding: ", "; */\n margin-bottom: ", ";\n margin-top: ", ";\n margin-left: ", ";\n /* color: grey; */\n border-bottom: 1px solid #fff0ec;\n background: #ffffff;\n border-radius: 20px;\n max-width: 919px;\n\n min-height: 4.35em;\n max-height: 4.35em;\n padding: ", ";\n h5 {\n font-size: 16px;\n font-weight: 600;\n text-transform: capitalize;\n margin-left: 0.6em;\n }\n .icon {\n font-size: 1.3em;\n margin-right: 8px;\n }\n .dropIcon {\n font-size: 1.4em;\n cursor: pointer;\n transform: rotate(-90deg);\n transition: 0.3s;\n color: rgba(50, 50, 50, 0.75);\n cursor: ", ";\n }\n .red {\n font-weight: 600;\n color: #fd0015;\n font-size: inherit;\n }\n @media screen and (max-width: 768px) {\n max-width: 97%;\n margin-left: 0.5em;\n padding-right: 1em;\n h5 {\n font-size: 12px;\n }\n }\n"])), function (props) {
@@ -6889,7 +7194,7 @@ var AsyncDataLoad = function AsyncDataLoad(_ref) {
6889
7194
  };
6890
7195
  var AsyncDataLoadComponent = React.memo(AsyncDataLoad);
6891
7196
 
6892
- var _templateObject$v;
7197
+ var _templateObject$z;
6893
7198
  var Step2 = function Step2(_ref) {
6894
7199
  var _addressList$, _addressList, _styles$button2;
6895
7200
  var apiEndPoint = _ref.apiEndPoint,
@@ -7111,7 +7416,7 @@ var Step2 = function Step2(_ref) {
7111
7416
  color: styles === null || styles === void 0 ? void 0 : (_styles$button2 = styles.button) === null || _styles$button2 === void 0 ? void 0 : _styles$button2.bg
7112
7417
  })));
7113
7418
  };
7114
- var ImageContainer$1 = styled__default(material.CardMedia)(_templateObject$v || (_templateObject$v = _taggedTemplateLiteralLoose(["\n max-width: 100%;\n max-height: 3rem,\n border-radius: 14px;\n img {\n max-width: 100%;\n }\n"])));
7419
+ var ImageContainer$1 = styled__default(material.CardMedia)(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose(["\n max-width: 100%;\n max-height: 3rem,\n border-radius: 14px;\n img {\n max-width: 100%;\n }\n"])));
7115
7420
 
7116
7421
  var CreditCardForm = function CreditCardForm(_ref) {
7117
7422
  var handleChange = _ref.handleChange,
@@ -8201,275 +8506,6 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
8201
8506
  }));
8202
8507
  };
8203
8508
 
8204
- var RenderTawk = function RenderTawk(_ref) {
8205
- var propertyId = _ref.propertyId,
8206
- tawkId = _ref.tawkId;
8207
- React.useEffect(function () {
8208
- if (propertyId && tawkId) {
8209
- var TAWK_SCRIPT = "https://embed.tawk.to/" + propertyId + "/" + tawkId;
8210
- var script = document.createElement('script');
8211
- script.setAttribute('src', TAWK_SCRIPT);
8212
- script.setAttribute('async', 'true');
8213
- script.setAttribute('charset', 'UTF-8');
8214
- script.setAttribute('crossorigin', '*');
8215
- document.body.appendChild(script);
8216
- }
8217
- }, []);
8218
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
8219
- };
8220
-
8221
- var _templateObject$w, _templateObject2$m;
8222
- var ContactUsForm = function ContactUsForm(_ref) {
8223
- var primaryColor = _ref.primaryColor,
8224
- secondaryColor = _ref.secondaryColor,
8225
- fontColor = _ref.fontColor,
8226
- googleReCaptchaKey = _ref.googleReCaptchaKey,
8227
- _ref$logoUrl = _ref.logoUrl,
8228
- logoUrl = _ref$logoUrl === void 0 ? '' : _ref$logoUrl;
8229
- var _useState = React.useState(false),
8230
- isLoading = _useState[0],
8231
- setIsLoading = _useState[1];
8232
- var _React$useState = React__default.useState(false),
8233
- isCaptchaVerified = _React$useState[0],
8234
- setIsCaptchaVerified = _React$useState[1];
8235
- var _useState2 = React.useState([]);
8236
- var _useForm = reactHookForm.useForm({}),
8237
- handleSubmit = _useForm.handleSubmit,
8238
- control = _useForm.control,
8239
- reset = _useForm.reset;
8240
- var update = function update(formData) {
8241
- try {
8242
- var _temp2 = function _temp2() {
8243
- setIsLoading(false);
8244
- };
8245
- if (!isCaptchaVerified) return Promise.resolve(alert('Please Mark the captcha to continue'));
8246
- setIsLoading(true);
8247
- var _temp = _catch(function () {
8248
- return Promise.resolve(API$1({
8249
- method: 'POST',
8250
- url: "/services/email/customer/contact-us",
8251
- body: _extends({}, formData, {
8252
- logoUrl: logoUrl
8253
- }),
8254
- errorMessage: 'Error in contact us form.',
8255
- successMessage: 'Your message is sent successfully. We will contact you soon.'
8256
- })).then(function () {
8257
- reset();
8258
- });
8259
- }, function () {});
8260
- return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
8261
- } catch (e) {
8262
- return Promise.reject(e);
8263
- }
8264
- };
8265
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RootContainer$4, {
8266
- secondaryColor: secondaryColor
8267
- }, /*#__PURE__*/React__default.createElement(TypographyContainer$8, {
8268
- fontColor: fontColor
8269
- }, "Get In Touch"), /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
8270
- container: true,
8271
- columnSpacing: 2
8272
- }, /*#__PURE__*/React__default.createElement(material.Grid, {
8273
- item: true,
8274
- xs: 12,
8275
- md: 6
8276
- }, /*#__PURE__*/React__default.createElement(FormTextField, {
8277
- label: "Name",
8278
- name: "name",
8279
- required: true,
8280
- control: control,
8281
- fontColor: fontColor
8282
- })), /*#__PURE__*/React__default.createElement(material.Grid, {
8283
- item: true,
8284
- xs: 12,
8285
- md: 6
8286
- }, /*#__PURE__*/React__default.createElement(FormTextField, {
8287
- label: "Email",
8288
- name: "email",
8289
- type: "email",
8290
- required: true,
8291
- control: control,
8292
- fontColor: fontColor
8293
- })), /*#__PURE__*/React__default.createElement(material.Grid, {
8294
- item: true,
8295
- xs: 12
8296
- }, /*#__PURE__*/React__default.createElement(FormTextField, {
8297
- label: "Phone",
8298
- name: "phone",
8299
- type: "number",
8300
- control: control,
8301
- fontColor: fontColor
8302
- })), /*#__PURE__*/React__default.createElement(material.Grid, {
8303
- item: true,
8304
- xs: 12
8305
- }, /*#__PURE__*/React__default.createElement(FormTextField, {
8306
- label: "Message",
8307
- name: "message",
8308
- multiline: true,
8309
- rows: 4,
8310
- control: control,
8311
- fontColor: fontColor
8312
- })), /*#__PURE__*/React__default.createElement(material.Grid, {
8313
- item: true,
8314
- xs: 12
8315
- }, /*#__PURE__*/React__default.createElement(ReCAPTCHA, {
8316
- sitekey: googleReCaptchaKey,
8317
- onChange: function onChange() {
8318
- return setIsCaptchaVerified(true);
8319
- }
8320
- }))), /*#__PURE__*/React__default.createElement(MuiButton, {
8321
- variant: "contained",
8322
- loading: isLoading,
8323
- onClick: handleSubmit(update),
8324
- primaryColor: primaryColor,
8325
- style: {
8326
- marginTop: 12
8327
- }
8328
- }, "Submit"))));
8329
- };
8330
- var TypographyContainer$8 = styled__default(material.Typography)(_templateObject$w || (_templateObject$w = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n font-size: 1.2rem !important;\n align-items: center;\n"])), function (props) {
8331
- return props.fontColor;
8332
- });
8333
- var RootContainer$4 = styled__default(material.Stack)(_templateObject2$m || (_templateObject2$m = _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) {
8334
- return props.secondaryColor;
8335
- });
8336
-
8337
- var _templateObject$x;
8338
- var StaticContainer = styled__default.div(_templateObject$x || (_templateObject$x = _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) {
8339
- return props.theme.primaryColor;
8340
- }, function (props) {
8341
- return props.theme.primaryColor;
8342
- });
8343
-
8344
- var _templateObject$y;
8345
- var StaticPage = function StaticPage(_ref) {
8346
- var _data$content;
8347
- var _ref$colors = _ref.colors,
8348
- colors = _ref$colors === void 0 ? {
8349
- primaryColor: '#D2122E'
8350
- } : _ref$colors,
8351
- data = _ref.data,
8352
- maxWidth = _ref.maxWidth,
8353
- mapSrc = _ref.mapSrc,
8354
- contactUsForm = _ref.contactUsForm,
8355
- googleReCaptchaKey = _ref.googleReCaptchaKey,
8356
- apiEndPoint = _ref.apiEndPoint,
8357
- token = _ref.token,
8358
- logoUrl = _ref.logoUrl;
8359
- return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
8360
- theme: colors
8361
- }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$5, null, /*#__PURE__*/React__default.createElement(StaticContainer, null, /*#__PURE__*/React__default.createElement("div", {
8362
- className: "top-bar"
8363
- }, data.mainTitle), mapSrc && /*#__PURE__*/React__default.createElement("iframe", {
8364
- width: "100%",
8365
- height: "600",
8366
- frameBorder: "0",
8367
- src: mapSrc
8368
- }), /*#__PURE__*/React__default.createElement("div", {
8369
- className: "data-container",
8370
- style: {
8371
- maxWidth: maxWidth || 1470
8372
- }
8373
- }, /*#__PURE__*/React__default.createElement("div", {
8374
- className: "route-bar"
8375
- }, /*#__PURE__*/React__default.createElement("p", null, /*#__PURE__*/React__default.createElement(ai.AiOutlineHome, null), "\xA0Home\xA0", /*#__PURE__*/React__default.createElement(ai.AiOutlineRight, null), "\xA0", data.mainTitle)), /*#__PURE__*/React__default.createElement(material.Grid, {
8376
- container: true,
8377
- spacing: 4,
8378
- justifyContent: "center"
8379
- }, /*#__PURE__*/React__default.createElement(material.Grid, {
8380
- item: true,
8381
- sm: 12,
8382
- md: contactUsForm ? 6 : 12
8383
- }, data === null || data === void 0 ? void 0 : (_data$content = data.content) === null || _data$content === void 0 ? void 0 : _data$content.map(function (text, i) {
8384
- return /*#__PURE__*/React__default.createElement("div", {
8385
- key: i,
8386
- style: {
8387
- textAlign: text === null || text === void 0 ? void 0 : text.align
8388
- }
8389
- }, /*#__PURE__*/React__default.createElement("hr", null), text.h2 && /*#__PURE__*/React__default.createElement("h2", null, text.h2), text.pb && /*#__PURE__*/React__default.createElement("p", null, /*#__PURE__*/React__default.createElement("strong", null, text.pb)), text.p && /*#__PURE__*/React__default.createElement("p", null, text.p));
8390
- })), contactUsForm && /*#__PURE__*/React__default.createElement(material.Grid, {
8391
- item: true,
8392
- sm: 12,
8393
- md: 6
8394
- }, /*#__PURE__*/React__default.createElement(ContactUsForm, {
8395
- primaryColor: colors === null || colors === void 0 ? void 0 : colors.primaryColor,
8396
- fontColor: "#606060",
8397
- googleReCaptchaKey: googleReCaptchaKey,
8398
- apiEndPoint: apiEndPoint,
8399
- token: token,
8400
- logoUrl: logoUrl
8401
- }))))))));
8402
- };
8403
- var Root$5 = styled__default(material.Box)(_templateObject$y || (_templateObject$y = _taggedTemplateLiteralLoose([""])));
8404
-
8405
- var _templateObject$z, _templateObject2$n;
8406
- var ThankYou = function ThankYou(_ref) {
8407
- var _ref$id = _ref.id,
8408
- id = _ref$id === void 0 ? 0 : _ref$id,
8409
- _ref$colors = _ref.colors,
8410
- colors = _ref$colors === void 0 ? {
8411
- primaryColor: '#D2122E'
8412
- } : _ref$colors,
8413
- onContinue = _ref.onContinue;
8414
- return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
8415
- theme: colors
8416
- }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$6, null, /*#__PURE__*/React__default.createElement(material.Grid, {
8417
- container: true,
8418
- justify: "center"
8419
- }, /*#__PURE__*/React__default.createElement(material.Grid, {
8420
- item: true,
8421
- xs: 12
8422
- }, /*#__PURE__*/React__default.createElement("div", {
8423
- style: {
8424
- display: 'flex',
8425
- padding: '50px 0px',
8426
- flexDirection: 'column',
8427
- alignItems: 'center'
8428
- }
8429
- }, /*#__PURE__*/React__default.createElement(md.MdCheckCircle, {
8430
- style: {
8431
- fontSize: '150px',
8432
- color: 'green',
8433
- marginBottom: '40px'
8434
- }
8435
- }), /*#__PURE__*/React__default.createElement("h1", {
8436
- style: {
8437
- fontSize: '40px',
8438
- marginBottom: '20px',
8439
- fontWeight: '500'
8440
- }
8441
- }, "Thank you."), /*#__PURE__*/React__default.createElement("h2", {
8442
- style: {
8443
- marginBottom: '40px',
8444
- fontWeight: '500'
8445
- }
8446
- }, "Your order number ", id, " was placed successfully."), /*#__PURE__*/React__default.createElement("div", {
8447
- style: {
8448
- display: 'flex',
8449
- alignItems: 'center',
8450
- marginBottom: '40px'
8451
- }
8452
- }, /*#__PURE__*/React__default.createElement(md.MdMailOutline, {
8453
- style: {
8454
- fontSize: '50px'
8455
- }
8456
- }), /*#__PURE__*/React__default.createElement("div", {
8457
- style: {
8458
- marginLeft: '20px'
8459
- }
8460
- }, /*#__PURE__*/React__default.createElement("p", null, "An email receipt including the details about the order has been"), /*#__PURE__*/React__default.createElement("p", null, "sent to the email address provided. Please keep it for your records."))), /*#__PURE__*/React__default.createElement(StyledButton, {
8461
- onClick: onContinue
8462
- }, /*#__PURE__*/React__default.createElement("p", null, "Continue Shopping"))))))));
8463
- };
8464
- var Root$6 = styled__default(material.Box)(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose([""])));
8465
- var StyledButton = styled__default.button(_templateObject2$n || (_templateObject2$n = _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) {
8466
- return props.theme.primaryColor;
8467
- }, function (props) {
8468
- return props.theme.primaryColor;
8469
- }, function (props) {
8470
- return props.theme.primaryColor;
8471
- });
8472
-
8473
8509
  var Breakpoint = function Breakpoint() {};
8474
8510
  Breakpoint.xs = 'xs';
8475
8511
  Breakpoint.sm = 'sm';
@@ -8563,6 +8599,7 @@ exports.Breakpoint = Breakpoint;
8563
8599
  exports.CartDrawer = CartDrawer;
8564
8600
  exports.CartPageComponent = CartPageComponent;
8565
8601
  exports.CheckoutPageComponent = CheckoutPageComponent;
8602
+ exports.GTagManager = GTagManager;
8566
8603
  exports.RenderTawk = RenderTawk;
8567
8604
  exports.StaticPage = StaticPage;
8568
8605
  exports.ThankYou = ThankYou;