ordering-ui-external 14.1.1 → 14.1.3

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 (33) hide show
  1. package/_bundles/{7.ordering-ui.a407efaab5937b12a967.js → 7.ordering-ui.cb382f2d6328bf2368fb.js} +1 -1
  2. package/_bundles/{ordering-ui.a407efaab5937b12a967.js → ordering-ui.cb382f2d6328bf2368fb.js} +2 -2
  3. package/_modules/components/InputPhoneNumber/index.js +2 -2
  4. package/_modules/themes/callcenterOriginal/src/components/AddressForm/styles.js +3 -3
  5. package/_modules/themes/callcenterOriginal/src/components/AddressList/index.js +3 -9
  6. package/_modules/themes/callcenterOriginal/src/components/AddressList/styles.js +7 -7
  7. package/_modules/themes/callcenterOriginal/src/components/Header/index.js +5 -2
  8. package/_modules/themes/callcenterOriginal/src/components/PhoneAutocomplete/index.js +6 -4
  9. package/_modules/themes/callcenterOriginal/src/components/UserDetails/index.js +4 -3
  10. package/_modules/themes/callcenterOriginal/src/components/UserFormDetails/index.js +5 -19
  11. package/_modules/themes/five/src/components/BusinessPreorder/index.js +17 -11
  12. package/_modules/themes/five/src/components/MomentControl/index.js +2 -2
  13. package/package.json +2 -2
  14. package/src/components/InputPhoneNumber/index.js +3 -3
  15. package/src/themes/callcenterOriginal/src/components/AddressForm/styles.js +3 -1
  16. package/src/themes/callcenterOriginal/src/components/AddressList/index.js +1 -12
  17. package/src/themes/callcenterOriginal/src/components/AddressList/styles.js +6 -7
  18. package/src/themes/callcenterOriginal/src/components/Header/index.js +11 -4
  19. package/src/themes/callcenterOriginal/src/components/PhoneAutocomplete/index.js +6 -4
  20. package/src/themes/callcenterOriginal/src/components/UserDetails/index.js +3 -2
  21. package/src/themes/callcenterOriginal/src/components/UserFormDetails/index.js +4 -26
  22. package/src/themes/five/src/components/BusinessPreorder/index.js +21 -11
  23. package/src/themes/five/src/components/MomentControl/index.js +1 -1
  24. /package/_bundles/{0.ordering-ui.a407efaab5937b12a967.js → 0.ordering-ui.cb382f2d6328bf2368fb.js} +0 -0
  25. /package/_bundles/{1.ordering-ui.a407efaab5937b12a967.js → 1.ordering-ui.cb382f2d6328bf2368fb.js} +0 -0
  26. /package/_bundles/{2.ordering-ui.a407efaab5937b12a967.js → 2.ordering-ui.cb382f2d6328bf2368fb.js} +0 -0
  27. /package/_bundles/{4.ordering-ui.a407efaab5937b12a967.js → 4.ordering-ui.cb382f2d6328bf2368fb.js} +0 -0
  28. /package/_bundles/{5.ordering-ui.a407efaab5937b12a967.js → 5.ordering-ui.cb382f2d6328bf2368fb.js} +0 -0
  29. /package/_bundles/{6.ordering-ui.a407efaab5937b12a967.js → 6.ordering-ui.cb382f2d6328bf2368fb.js} +0 -0
  30. /package/_bundles/{7.ordering-ui.a407efaab5937b12a967.js.LICENSE.txt → 7.ordering-ui.cb382f2d6328bf2368fb.js.LICENSE.txt} +0 -0
  31. /package/_bundles/{8.ordering-ui.a407efaab5937b12a967.js → 8.ordering-ui.cb382f2d6328bf2368fb.js} +0 -0
  32. /package/_bundles/{9.ordering-ui.a407efaab5937b12a967.js → 9.ordering-ui.cb382f2d6328bf2368fb.js} +0 -0
  33. /package/_bundles/{ordering-ui.a407efaab5937b12a967.js.LICENSE.txt → ordering-ui.cb382f2d6328bf2368fb.js.LICENSE.txt} +0 -0
package/_modules/components/InputPhoneNumber/index.js CHANGED
@@ -22,7 +22,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
22
22
  function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
23
23
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
24
24
  var InputPhoneNumber = exports.InputPhoneNumber = function InputPhoneNumber(props) {
25
- var _props$beforeElements, _props$beforeComponen, _theme$defaultLanguag, _configs$default_coun, _props$afterComponent, _props$afterElements;
25
+ var _props$beforeElements, _props$beforeComponen, _theme$defaultLanguag, _configs$default_coun, _user$country_phone_c, _user$country_phone_c2, _props$afterComponent, _props$afterElements;
26
26
  var user = props.user,
27
27
  value = props.value,
28
28
  setValue = props.setValue,
@@ -73,7 +73,7 @@ var InputPhoneNumber = exports.InputPhoneNumber = function InputPhoneNumber(prop
73
73
  onChange: function onChange(val) {
74
74
  return setValue && setValue(val, isValidPhoneNumber(val));
75
75
  }
76
- }), value && !isValidPhoneNumber(value) && !disabled && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (auth && (user === null || user === void 0 ? void 0 : user.country_phone_code) || !auth || value.includes('+')) && /*#__PURE__*/_react.default.createElement(_styles.ErrorMsg, null, t('INVALID_ERROR_PHONE_NUMBER', 'The Phone Number field is invalid')), auth && !(user !== null && user !== void 0 && user.country_phone_code) && !value.includes('+') && /*#__PURE__*/_react.default.createElement(_styles.ErrorMsg, null, t('INVALID_ERROR_COUNTRY_CODE_PHONE_NUMBER', 'The country code of the phone number is invalid'))), (_props$afterComponent = props.afterComponents) === null || _props$afterComponent === void 0 ? void 0 : _props$afterComponent.map(function (AfterComponent, i) {
76
+ }), value && !isValidPhoneNumber(value) && !disabled && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (auth && ((_user$country_phone_c = user === null || user === void 0 ? void 0 : user.country_phone_code) !== null && _user$country_phone_c !== void 0 ? _user$country_phone_c : user === null || user === void 0 ? void 0 : user.country_code) || !auth || value.includes('+')) && /*#__PURE__*/_react.default.createElement(_styles.ErrorMsg, null, t('INVALID_ERROR_PHONE_NUMBER', 'The Phone Number field is invalid')), auth && !((_user$country_phone_c2 = user === null || user === void 0 ? void 0 : user.country_phone_code) !== null && _user$country_phone_c2 !== void 0 ? _user$country_phone_c2 : user === null || user === void 0 ? void 0 : user.country_code) && !value.includes('+') && /*#__PURE__*/_react.default.createElement(_styles.ErrorMsg, null, t('INVALID_ERROR_COUNTRY_CODE_PHONE_NUMBER', 'The country code of the phone number is invalid'))), (_props$afterComponent = props.afterComponents) === null || _props$afterComponent === void 0 ? void 0 : _props$afterComponent.map(function (AfterComponent, i) {
77
77
  return /*#__PURE__*/_react.default.createElement(AfterComponent, _extends({
78
78
  key: i
79
79
  }, props));
package/_modules/themes/callcenterOriginal/src/components/AddressForm/styles.js CHANGED
@@ -12,7 +12,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
12
12
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
13
13
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
14
14
  var FormActions = exports.FormActions = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n margin-top: 5px;\n padding: 10px 0px;\n display: flex;\n justify-content: space-between;\n width: 100%;\n button {\n height: 44px;\n width: 100%;\n text-transform: lowercase;\n &:first-letter {\n text-transform: uppercase;\n }\n }\n"])));
15
- var FormControl = exports.FormControl = _styledComponents.default.form(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 0px;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n\n input {\n box-sizing: border-box;\n margin: 10px 0px;\n height: 43px;\n width: 100%;\n &.internal_number,\n &.zipcode {\n flex: auto;\n }\n &::placeholder{\n color: #CBCBCB\n }\n }\n\n textarea {\n width: 100%;\n margin: 10px 0;\n border-radius: 7.6px;\n }\n\n .input-autocomplete {\n width: 100%;\n background: #FFF;\n border: 1px solid #BBB;\n border-radius: 30px;\n font-size: 16px;\n padding: 7px 15px;\n outline: none;\n ::placeholder {\n color: #DBDCDB;\n }\n\n &:-ms-input-placeholder {\n color: #DBDCDB;\n }\n\n &::-ms-input-placeholder { /* Microsoft Edge */\n color: #DBDCDB;\n }\n &:focus {\n border-color: ", ";\n }\n }\n\n .google-control {\n .gps-button {\n border-radius: 7.6px;\n }\n\n input {\n border-radius: 7.6px;\n border: 1px solid ", ";\n\n &:focus {\n border: 1px solid ", ";\n }\n }\n }\n\n .internal_number {\n width: 45%;\n ", "\n }\n\n .zipcode {\n width: 45%;\n }\n\n @media (min-width: 481px) {\n padding: 10px;\n }\n"])), function () {
15
+ var FormControl = exports.FormControl = _styledComponents.default.form(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 0px;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n\n input {\n box-sizing: border-box;\n margin: 10px 0px;\n height: 43px;\n width: 100%;\n &.internal_number,\n &.zipcode {\n flex: auto;\n }\n &::placeholder{\n color: #CBCBCB\n }\n }\n\n textarea {\n width: 100%;\n margin: 10px 0;\n border-radius: 7.6px;\n }\n\n .input-autocomplete {\n width: 100%;\n background: #FFF;\n border: 1px solid #BBB;\n border-radius: 30px;\n font-size: 16px;\n padding: 7px 15px;\n outline: none;\n ::placeholder {\n color: #DBDCDB;\n }\n\n &:-ms-input-placeholder {\n color: #DBDCDB;\n }\n\n &::-ms-input-placeholder { /* Microsoft Edge */\n color: #DBDCDB;\n }\n &:focus {\n border-color: ", ";\n }\n }\n\n .google-control {\n .gps-button {\n border-radius: 7.6px;\n width: 43px;\n }\n\n input {\n border-radius: 7.6px;\n border: 1px solid ", ";\n\n &:focus {\n border: 1px solid ", ";\n }\n }\n }\n\n .internal_number {\n width: 45%;\n ", "\n }\n\n .zipcode {\n width: 45%;\n }\n\n @media (min-width: 481px) {\n padding: 10px;\n }\n"])), function () {
16
16
  return (0, _polished.darken)(0.07, '#CCC');
17
17
  }, function (props) {
18
18
  return props.theme.colors.primary;
@@ -22,11 +22,11 @@ var FormControl = exports.FormControl = _styledComponents.default.form(_template
22
22
  var _props$theme;
23
23
  return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n margin-left: 15px;\n "]))) : (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n margin-right: 15px;\n "])));
24
24
  });
25
- var AddressWrap = exports.AddressWrap = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n width: 50%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n position: absolute;\n bottom: 75%;\n right: 0px;\n padding-right: 20px;\n button {\n height: 41px;\n right: 25px;\n border: none;\n width: 25px;\n position: absolute;\n z-index: 1000;\n\n ", "\n\n svg {\n font-size: 18px;\n }\n }\n"])), function (props) {
25
+ var AddressWrap = exports.AddressWrap = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n width: 50%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n position: absolute;\n bottom: 79%;\n right: 0px;\n padding-right: 20px;\n button {\n height: 41px;\n right: 25px;\n border: none;\n width: 25px;\n position: absolute;\n z-index: 1000;\n\n ", "\n\n svg {\n font-size: 18px;\n }\n }\n"])), function (props) {
26
26
  var _props$theme2;
27
27
  return ((_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.rtl) && (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n left: 25px;\n right: initial;\n "])));
28
28
  });
29
- var WrapAddressInput = exports.WrapAddressInput = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n width: 100%;\n i {\n padding: 0px 10px;\n }\n\n svg {\n position: absolute;\n color: ", ";\n top: 21px;\n left: 10px;\n font-size: 20px;\n ", "\n }\n\n input {\n background-position: left 10px center !important;\n background-repeat: no-repeat !important;\n background-size: 13px !important;\n padding: 7px 30px 7px 15px !important;\n ", "\n }\n"])), function (props) {
29
+ var WrapAddressInput = exports.WrapAddressInput = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n width: 100%;\n z-index: 1000;\n i {\n padding: 0px 10px;\n }\n\n svg {\n position: absolute;\n color: ", ";\n top: 21px;\n left: 10px;\n font-size: 20px;\n ", "\n }\n\n input {\n background-position: left 10px center !important;\n background-repeat: no-repeat !important;\n background-size: 13px !important;\n padding: 7px 30px 7px 15px !important;\n ", "\n }\n"])), function (props) {
30
30
  return props.theme.colors.primary;
31
31
  }, function (props) {
32
32
  var _props$theme3;
package/_modules/themes/callcenterOriginal/src/components/AddressList/index.js CHANGED
@@ -36,7 +36,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
36
36
  function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
37
37
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
38
38
  var AddressListUI = function AddressListUI(props) {
39
- var _addressList$addresse, _props$beforeElements, _props$beforeComponen, _addressList$addresse3, _addressList$addresse4, _orderState$options6, _addressList$addresse5, _theme$images2, _addressList$error$, _orderState$options7, _orderState$options8, _props$afterComponent, _props$afterElements;
39
+ var _addressList$addresse, _props$beforeElements, _props$beforeComponen, _addressList$addresse3, _addressList$addresse4, _orderState$options6, _addressList$error$, _orderState$options7, _orderState$options8, _props$afterComponent, _props$afterElements;
40
40
  var actionStatus = props.actionStatus,
41
41
  addressList = props.addressList,
42
42
  handleDelete = props.handleDelete,
@@ -290,13 +290,7 @@ var AddressListUI = function AddressListUI(props) {
290
290
  return handleSetAddress(address);
291
291
  }
292
292
  }, t('CONTINUE_WITH', 'Continue with'), ": ", address.address));
293
- })), !(addressList.loading || actionStatus.loading || orderState.loading) && !addressList.error && (addressList === null || addressList === void 0 || (_addressList$addresse5 = addressList.addresses) === null || _addressList$addresse5 === void 0 ? void 0 : _addressList$addresse5.length) === 0 && !isProductForm && /*#__PURE__*/_react.default.createElement(_styles.WrappNotAddresses, null, /*#__PURE__*/_react.default.createElement("img", {
294
- src: (_theme$images2 = theme.images) === null || _theme$images2 === void 0 || (_theme$images2 = _theme$images2.general) === null || _theme$images2 === void 0 ? void 0 : _theme$images2.notFound,
295
- alt: "Not Found",
296
- width: "200px",
297
- height: "112px",
298
- loading: "lazy"
299
- }), /*#__PURE__*/_react.default.createElement("h1", null, t('NOT_FOUND_ADDRESS', 'Sorry, You don\'t seem to have any addresses.'))), !(addressList.loading || actionStatus.loading || orderState.loading) && addressList.error && addressList.error.length > 0 && /*#__PURE__*/_react.default.createElement(_NotFoundSource.NotFoundSource, {
293
+ })), !(addressList.loading || actionStatus.loading || orderState.loading) && addressList.error && addressList.error.length > 0 && /*#__PURE__*/_react.default.createElement(_NotFoundSource.NotFoundSource, {
300
294
  content: ((_addressList$error$ = addressList.error[0]) === null || _addressList$error$ === void 0 ? void 0 : _addressList$error$.message) || addressList.error[0]
301
295
  }), !(addressList.loading || actionStatus.loading || orderState.loading) && _typeof((_orderState$options7 = orderState.options) === null || _orderState$options7 === void 0 ? void 0 : _orderState$options7.address) !== 'object' && !addressList.error && /*#__PURE__*/_react.default.createElement(_NotFoundSource.NotFoundSource, {
302
296
  content: t('NETWORK_ERROR', 'Network error, please reload the page')
@@ -321,7 +315,7 @@ var AddressListUI = function AddressListUI(props) {
321
315
  onClick: function onClick() {
322
316
  return handleCloseAddressForm();
323
317
  }
324
- })), /*#__PURE__*/_react.default.createElement("h1", null, t('ADD_NEW_ADDRESS', 'Add new address'))))), (addressList.loading || actionStatus.loading || orderState.loading) && !isProductForm && /*#__PURE__*/_react.default.createElement(_styles.AddressListUl, null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
318
+ })), /*#__PURE__*/_react.default.createElement("h1", null, t('ADD_NEW_ADDRESS', 'Add new address'))))), (addressList.loading || actionStatus.loading || orderState.loading) && !isProductForm && !addressOpen && /*#__PURE__*/_react.default.createElement(_styles.AddressListUl, null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
325
319
  height: 50,
326
320
  count: 3,
327
321
  style: {
package/_modules/themes/callcenterOriginal/src/components/AddressList/styles.js CHANGED
@@ -30,7 +30,7 @@ var AddressItem = exports.AddressItem = _styledComponents.default.li(_templateOb
30
30
  }, function (props) {
31
31
  return props.theme.colors.lightGray;
32
32
  });
33
- var AddressItemActions = exports.AddressItemActions = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n a {\n display: flex;\n cursor: pointer;\n margin: 0px 5px;\n font-size: 20px;\n \n svg {\n color: #B1BCCC;\n }\n }\n a.disabled {\n svg {\n color: #CCC;\n }\n pointer-events: none;\n }\n"])));
33
+ var AddressItemActions = exports.AddressItemActions = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n a {\n display: flex;\n cursor: pointer;\n margin: 0px 5px;\n font-size: 20px;\n\n svg {\n color: #B1BCCC;\n }\n }\n a.disabled {\n svg {\n color: #CCC;\n }\n pointer-events: none;\n }\n"])));
34
34
  var WrappNotAddresses = exports.WrappNotAddresses = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n height: 270px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 80%;\n margin: 20px auto 10px;\n\n img {\n width: 200px;\n height: auto;\n aspect-ratio: attr(width) / attr(height)\n }\n h1 {\n margin: 5px 0px 0px;\n opacity: 0.5;\n text-align: center;\n font-size: 24px;\n }\n"])));
35
35
  var FormActions = exports.FormActions = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n padding: 10px 0px;\n display: flex;\n justify-content: space-between;\n width: 100%;\n button {\n height: 45px;\n flex: 1;\n\n &:last-child#second-btn {\n margin-left: 10px;\n ", "\n }\n }\n\n @media (min-width: 769px) {\n button {\n &:last-child#second-btn {\n margin-left: 25px;\n ", "\n }\n }\n }\n"])), function (props) {
36
36
  var _props$theme3;
@@ -39,33 +39,33 @@ var FormActions = exports.FormActions = _styledComponents.default.div(_templateO
39
39
  var _props$theme4;
40
40
  return ((_props$theme4 = props.theme) === null || _props$theme4 === void 0 ? void 0 : _props$theme4.rtl) && (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n margin-left: 0;\n margin-right: 25px;\n "])));
41
41
  });
42
- var ContinueButton = exports.ContinueButton = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n width: 100%;\n position: sticky;\n bottom: 1px;\n \n button {\n width: 100%;\n white-space: nowrap;\n height: 50px;\n }\n"])));
42
+ var ContinueButton = exports.ContinueButton = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n width: 100%;\n position: sticky;\n bottom: 1px;\n\n button {\n width: 100%;\n white-space: nowrap;\n height: 50px;\n }\n"])));
43
43
  var AddressTitle = exports.AddressTitle = _styledComponents.default.span(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n font-size: 16px;\n margin-bottom: 25px;\n text-align: left;\n ", "\n"])), function (props) {
44
44
  var _props$theme5;
45
45
  return ((_props$theme5 = props.theme) === null || _props$theme5 === void 0 ? void 0 : _props$theme5.rtl) && (0, _styledComponents.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n text-align: right;\n "])));
46
46
  });
47
47
  var AddressHalfContainer = exports.AddressHalfContainer = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n"])));
48
- var List = exports.List = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n width: ", ";\n padding-right: 10px;\n ", " \n ", "\n button {\n width: 100%;\n }\n"])), function (_ref2) {
48
+ var List = exports.List = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n width: ", ";\n padding-right: 10px;\n ", "\n ", "\n button {\n width: 100%;\n }\n"])), function (_ref2) {
49
49
  var halfWidth = _ref2.halfWidth;
50
50
  return halfWidth ? '50%' : '100%';
51
51
  }, function (_ref3) {
52
52
  var isEnableContinueButton = _ref3.isEnableContinueButton,
53
53
  isOpenUserData = _ref3.isOpenUserData,
54
54
  notUseCustomerInfo = _ref3.notUseCustomerInfo;
55
- return isEnableContinueButton || isOpenUserData || notUseCustomerInfo ? (0, _styledComponents.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n margin-top: 0px;\n "]))) : (0, _styledComponents.css)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n margin-top: 222px;\n "])));
55
+ return isEnableContinueButton || isOpenUserData || notUseCustomerInfo ? (0, _styledComponents.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n margin-top: 0px;\n "]))) : (0, _styledComponents.css)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n margin-top: 200px;\n "])));
56
56
  }, function (_ref4) {
57
57
  var addFormRestrictions = _ref4.addFormRestrictions;
58
58
  return addFormRestrictions && (0, _styledComponents.css)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n height: 405px;\n "])));
59
59
  });
60
- var AddressFormContainer = exports.AddressFormContainer = _styledComponents.default.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n z-index: 10;\n height: 100%;\n padding-left: 10px;\n ", "\n ", "\n"])), function (_ref5) {
60
+ var AddressFormContainer = exports.AddressFormContainer = _styledComponents.default.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n z-index: 10;\n padding-left: 10px;\n ", "\n ", "\n"])), function (_ref5) {
61
61
  var width = _ref5.width;
62
62
  return (0, _styledComponents.css)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n width: ", ";\n "])), width);
63
63
  }, function (_ref6) {
64
64
  var isEnableContinueButton = _ref6.isEnableContinueButton;
65
- return isEnableContinueButton && (0, _styledComponents.css)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n position: relative;\n bottom: 190px;\n "])));
65
+ return isEnableContinueButton && (0, _styledComponents.css)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n position: relative;\n bottom: 189px;\n "])));
66
66
  });
67
67
  var CloseIcon = exports.CloseIcon = _styledComponents.default.div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n cursor: pointer;\n svg{\n width: 30px;\n height: 30px;\n }\n"])));
68
- var TitleFormContainer = exports.TitleFormContainer = _styledComponents.default.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n display: flex; \n align-items: center;\n margin-top: 7px;\n h1 {\n margin: auto;\n font-size: 24px;\n }\n"])));
68
+ var TitleFormContainer = exports.TitleFormContainer = _styledComponents.default.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n margin-top: 7px;\n h1 {\n margin: auto;\n font-size: 24px;\n }\n"])));
69
69
  var AddressHoverInfo = exports.AddressHoverInfo = _styledComponents.default.span(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n background: #FFE69C;\n border: 1px solid #FFF3CD;\n display: flex;\n padding: 8px;\n justify-content: center;\n align-items: center;\n border-radius: 4px;\n position: absolute;\n top: 0px;\n left: 25px;\n opacity: 0;\n width: max-content;\n p {\n margin: 0;\n color: #664D03;\n font-size: 12px;\n }\n\n"])));
70
70
  var AddressBookMark = exports.AddressBookMark = _styledComponents.default.div(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n span {\n opacity: 0;\n transition: opacity 0.3s, visibility 0.3s;\n\n }\n &:hover + span {\n opacity: 1;\n transition: opacity 0.3s, visibility 0.3s;\n }\n"])));
71
71
  var AddressBookMarkContainer = exports.AddressBookMarkContainer = _styledComponents.default.div(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n position: relative;\n"])));
package/_modules/themes/callcenterOriginal/src/components/Header/index.js CHANGED
@@ -242,7 +242,10 @@ var Header = exports.Header = function Header(props) {
242
242
  onClick: function onClick() {
243
243
  return openModal('delivery');
244
244
  }
245
- })), (user === null || user === void 0 ? void 0 : user.level) === 0 && /*#__PURE__*/_react.default.createElement(_AdminAreaPopover.AdminAreaPopover, {
245
+ }))), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (user === null || user === void 0 ? void 0 : user.level) === 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !isShowOrderOptions && /*#__PURE__*/_react.default.createElement(_styles.Menu, {
246
+ className: "left-header invisible",
247
+ id: "center-side"
248
+ }), /*#__PURE__*/_react.default.createElement(_AdminAreaPopover.AdminAreaPopover, {
246
249
  withLogout: true,
247
250
  isCustomerMode: isCustomerMode,
248
251
  open: openPopover.admin,
@@ -252,7 +255,7 @@ var Header = exports.Header = function Header(props) {
252
255
  onClose: function onClose() {
253
256
  return handleClosePopover('admin');
254
257
  }
255
- })), onlineStatus && /*#__PURE__*/_react.default.createElement(_styles.RightHeader, null, /*#__PURE__*/_react.default.createElement(_styles.Menu, null, isShowRedirectButton && /*#__PURE__*/_react.default.createElement(_styles.MenuLink, {
258
+ }))), onlineStatus && /*#__PURE__*/_react.default.createElement(_styles.RightHeader, null, /*#__PURE__*/_react.default.createElement(_styles.Menu, null, isShowRedirectButton && /*#__PURE__*/_react.default.createElement(_styles.MenuLink, {
256
259
  onClick: function onClick() {
257
260
  return window.open("".concat(t('CALL_CENTER_REDIRECT_URL', '#')));
258
261
  },
package/_modules/themes/callcenterOriginal/src/components/PhoneAutocomplete/index.js CHANGED
@@ -36,7 +36,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
36
36
  function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
37
37
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
38
38
  var PhoneAutocompleteUI = function PhoneAutocompleteUI(props) {
39
- var _orderState$options, _ref, _userCustomer$address, _configState$configs, _userCustomer$name, _orderState$options5, _orderState$options8, _orderState$options9, _theme$images2, _theme$images3, _orderState$options12, _orderState$options13, _orderState$options15, _orderState$options16, _theme$colors, _theme$images4, _customerState$result, _customerState$result2;
39
+ var _orderState$options, _ref, _userCustomer$country, _userCustomer$address, _configState$configs, _userCustomer$name, _orderState$options5, _orderState$options8, _orderState$options9, _theme$images2, _theme$images3, _orderState$options12, _orderState$options13, _orderState$options15, _orderState$options16, _theme$colors, _theme$images4, _customerState$result, _customerState$result2;
40
40
  var phone = props.phone,
41
41
  customerState = props.customerState,
42
42
  customersPhones = props.customersPhones,
@@ -101,9 +101,10 @@ var PhoneAutocompleteUI = function PhoneAutocompleteUI(props) {
101
101
  _useState12 = _slicedToArray(_useState11, 2),
102
102
  isSavedAddress = _useState12[0],
103
103
  setIsSavedAddress = _useState12[1];
104
+ var countryPhoneCode = (_userCustomer$country = userCustomer === null || userCustomer === void 0 ? void 0 : userCustomer.country_phone_code) !== null && _userCustomer$country !== void 0 ? _userCustomer$country : userCustomer === null || userCustomer === void 0 ? void 0 : userCustomer.country_code;
104
105
  var _useState13 = (0, _react.useState)(userCustomer ? {
105
106
  value: userCustomer.cellphone || userCustomer.phone,
106
- label: "".concat(userCustomer !== null && userCustomer !== void 0 && userCustomer.country_phone_code ? "(".concat(userCustomer === null || userCustomer === void 0 ? void 0 : userCustomer.country_phone_code, ")") : '', " ").concat(userCustomer !== null && userCustomer !== void 0 && userCustomer.phone && !(userCustomer !== null && userCustomer !== void 0 && userCustomer.cellphone) ? "".concat(userCustomer === null || userCustomer === void 0 ? void 0 : userCustomer.phone) : '', " ").concat(userCustomer !== null && userCustomer !== void 0 && userCustomer.cellphone ? "".concat(userCustomer.cellphone) : '', " - {").concat(userCustomer.name, "}"),
107
+ label: "".concat(countryPhoneCode ? "(".concat(countryPhoneCode, ")") : '', " ").concat(userCustomer !== null && userCustomer !== void 0 && userCustomer.phone && !(userCustomer !== null && userCustomer !== void 0 && userCustomer.cellphone) ? "".concat(userCustomer === null || userCustomer === void 0 ? void 0 : userCustomer.phone) : '', " ").concat(userCustomer !== null && userCustomer !== void 0 && userCustomer.cellphone ? "".concat(userCustomer.cellphone) : '', " - {").concat(userCustomer.name, "}"),
107
108
  flag: (userCustomer === null || userCustomer === void 0 ? void 0 : userCustomer.imported_address_text) && (userCustomer === null || userCustomer === void 0 || (_userCustomer$address = userCustomer.addresses) === null || _userCustomer$address === void 0 ? void 0 : _userCustomer$address.length) === 0,
108
109
  lastname: userCustomer.lastname
109
110
  } : null),
@@ -259,10 +260,11 @@ var PhoneAutocompleteUI = function PhoneAutocompleteUI(props) {
259
260
  setIsPickupSelected(true);
260
261
  };
261
262
  var optionsToSelect = customersPhones.users.map(function (user) {
262
- var _user$addresses;
263
+ var _user$country_phone_c, _user$addresses;
264
+ var countryPhoneCode = (_user$country_phone_c = user === null || user === void 0 ? void 0 : user.country_phone_code) !== null && _user$country_phone_c !== void 0 ? _user$country_phone_c : user === null || user === void 0 ? void 0 : user.country_code;
263
265
  var obj = {};
264
266
  obj.value = user.cellphone || user.phone;
265
- obj.label = "".concat(user !== null && user !== void 0 && user.country_phone_code ? "(".concat(user === null || user === void 0 ? void 0 : user.country_phone_code, ")") : '', " ").concat(user !== null && user !== void 0 && user.phone && !(user !== null && user !== void 0 && user.cellphone) ? "".concat(user === null || user === void 0 ? void 0 : user.phone) : '', " ").concat(user !== null && user !== void 0 && user.cellphone ? "".concat(user.cellphone) : '', " - {").concat(user.name, "}");
267
+ obj.label = "".concat(countryPhoneCode ? "(".concat(countryPhoneCode, ")") : '', " ").concat(user !== null && user !== void 0 && user.phone && !(user !== null && user !== void 0 && user.cellphone) ? "".concat(user === null || user === void 0 ? void 0 : user.phone) : '', " ").concat(user !== null && user !== void 0 && user.cellphone ? "".concat(user.cellphone) : '', " - {").concat(user.name, "}");
266
268
  obj.flag = (user === null || user === void 0 ? void 0 : user.imported_address_text) && (user === null || user === void 0 || (_user$addresses = user.addresses) === null || _user$addresses === void 0 ? void 0 : _user$addresses.length) === 0;
267
269
  return obj;
268
270
  }) || [];
package/_modules/themes/callcenterOriginal/src/components/UserDetails/index.js CHANGED
@@ -30,7 +30,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
30
30
  function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
31
31
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
32
32
  var UserDetailsUI = function UserDetailsUI(props) {
33
- var _userState$result, _formState$result, _Object$values, _validationFields$fie, _props$beforeElements, _props$beforeComponen, _parsePhoneNumber, _userData$country_pho, _props$afterComponent, _props$afterElements;
33
+ var _userState$result, _formState$result, _Object$values, _validationFields$fie, _userData$country_pho, _props$beforeElements, _props$beforeComponen, _parsePhoneNumber, _userData$cellphone, _props$afterComponent, _props$afterElements;
34
34
  var isEdit = props.isEdit,
35
35
  formState = props.formState,
36
36
  cleanFormState = props.cleanFormState,
@@ -54,6 +54,7 @@ var UserDetailsUI = function UserDetailsUI(props) {
54
54
  var validationFieldsLength = (_Object$values = Object.values(validationFields === null || validationFields === void 0 || (_validationFields$fie = validationFields.fields) === null || _validationFields$fie === void 0 ? void 0 : _validationFields$fie.checkout)) === null || _Object$values === void 0 ? void 0 : _Object$values.map(function (field) {
55
55
  return field.enabled;
56
56
  });
57
+ var countryPhoneCode = (_userData$country_pho = userData === null || userData === void 0 ? void 0 : userData.country_phone_code) !== null && _userData$country_pho !== void 0 ? _userData$country_pho : userData === null || userData === void 0 ? void 0 : userData.country_code;
57
58
  (0, _react.useEffect)(function () {
58
59
  if (isUserDetailsEdit) {
59
60
  !isEdit && toggleIsEdit();
@@ -106,9 +107,9 @@ var UserDetailsUI = function UserDetailsUI(props) {
106
107
  onClick: function onClick() {
107
108
  return toggleEditState();
108
109
  }
109
- }))), !isEdit ? /*#__PURE__*/_react.default.createElement(_styles.UserData, null, (userData === null || userData === void 0 ? void 0 : userData.address) && /*#__PURE__*/_react.default.createElement("p", null, userData === null || userData === void 0 ? void 0 : userData.address), ((userData === null || userData === void 0 ? void 0 : userData.name) || (userData === null || userData === void 0 ? void 0 : userData.middle_name) || (userData === null || userData === void 0 ? void 0 : userData.lastname) || (userData === null || userData === void 0 ? void 0 : userData.second_lastname)) && /*#__PURE__*/_react.default.createElement(_styles.UserName, null, userData === null || userData === void 0 ? void 0 : userData.name, " ", userData === null || userData === void 0 ? void 0 : userData.middle_name, " ", userData === null || userData === void 0 ? void 0 : userData.lastname, " ", userData === null || userData === void 0 ? void 0 : userData.second_lastname), (userData === null || userData === void 0 ? void 0 : userData.email) && /*#__PURE__*/_react.default.createElement("p", null, userData === null || userData === void 0 ? void 0 : userData.email), ((userData === null || userData === void 0 ? void 0 : userData.cellphone) || (user === null || user === void 0 ? void 0 : user.cellphone)) && /*#__PURE__*/_react.default.createElement(_styles.PhoneContainer, null, /*#__PURE__*/_react.default.createElement(_styles.CountryFlag, null, (userData === null || userData === void 0 ? void 0 : userData.country_phone_code) && (userData === null || userData === void 0 ? void 0 : userData.cellphone) && /*#__PURE__*/_react.default.createElement(_reactPhoneNumberInput.default, {
110
+ }))), !isEdit ? /*#__PURE__*/_react.default.createElement(_styles.UserData, null, (userData === null || userData === void 0 ? void 0 : userData.address) && /*#__PURE__*/_react.default.createElement("p", null, userData === null || userData === void 0 ? void 0 : userData.address), ((userData === null || userData === void 0 ? void 0 : userData.name) || (userData === null || userData === void 0 ? void 0 : userData.middle_name) || (userData === null || userData === void 0 ? void 0 : userData.lastname) || (userData === null || userData === void 0 ? void 0 : userData.second_lastname)) && /*#__PURE__*/_react.default.createElement(_styles.UserName, null, userData === null || userData === void 0 ? void 0 : userData.name, " ", userData === null || userData === void 0 ? void 0 : userData.middle_name, " ", userData === null || userData === void 0 ? void 0 : userData.lastname, " ", userData === null || userData === void 0 ? void 0 : userData.second_lastname), (userData === null || userData === void 0 ? void 0 : userData.email) && /*#__PURE__*/_react.default.createElement("p", null, userData === null || userData === void 0 ? void 0 : userData.email), ((userData === null || userData === void 0 ? void 0 : userData.cellphone) || (user === null || user === void 0 ? void 0 : user.cellphone)) && /*#__PURE__*/_react.default.createElement(_styles.PhoneContainer, null, /*#__PURE__*/_react.default.createElement(_styles.CountryFlag, null, countryPhoneCode && (userData === null || userData === void 0 ? void 0 : userData.cellphone) && /*#__PURE__*/_react.default.createElement(_reactPhoneNumberInput.default, {
110
111
  onChange: function onChange() {},
111
- defaultCountry: (_parsePhoneNumber = (0, _libphonenumberJs.parsePhoneNumber)("+".concat(userData === null || userData === void 0 || (_userData$country_pho = userData.country_phone_code) === null || _userData$country_pho === void 0 ? void 0 : _userData$country_pho.replace('+', ''), " ").concat(userData === null || userData === void 0 ? void 0 : userData.cellphone.replace("+".concat(userData === null || userData === void 0 ? void 0 : userData.country_phone_code), '')))) === null || _parsePhoneNumber === void 0 ? void 0 : _parsePhoneNumber.country
112
+ defaultCountry: (_parsePhoneNumber = (0, _libphonenumberJs.parsePhoneNumber)("+".concat(countryPhoneCode === null || countryPhoneCode === void 0 ? void 0 : countryPhoneCode.replace('+', ''), " ").concat(userData === null || userData === void 0 || (_userData$cellphone = userData.cellphone) === null || _userData$cellphone === void 0 ? void 0 : _userData$cellphone.replace("+".concat(countryPhoneCode), '')))) === null || _parsePhoneNumber === void 0 ? void 0 : _parsePhoneNumber.country
112
113
  })), /*#__PURE__*/_react.default.createElement("p", null, userData === null || userData === void 0 ? void 0 : userData.cellphone))) : /*#__PURE__*/_react.default.createElement(_styles.SideForm, null, /*#__PURE__*/_react.default.createElement(_UserFormDetails.UserFormDetailsUI, _extends({}, props, {
113
114
  userData: userData,
114
115
  isCustomerMode: isCustomerMode
package/_modules/themes/callcenterOriginal/src/components/UserFormDetails/index.js CHANGED
@@ -31,7 +31,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
31
31
  function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
32
32
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
33
33
  var UserFormDetailsUI = exports.UserFormDetailsUI = function UserFormDetailsUI(props) {
34
- var _validationFields$fie, _validationFields$fie2, _props$beforeElements, _props$beforeComponen, _props$beforeMidEleme, _props$beforeMidCompo, _validationFields$fie5, _props$afterMidElemen, _props$afterMidCompon, _props$afterComponent, _props$afterElements;
34
+ var _user$country_phone_c, _validationFields$fie, _validationFields$fie2, _props$beforeElements, _props$beforeComponen, _props$beforeMidEleme, _props$beforeMidCompo, _validationFields$fie5, _props$afterMidElemen, _props$afterMidCompon, _props$afterComponent, _props$afterElements;
35
35
  var isEdit = props.isEdit,
36
36
  formState = props.formState,
37
37
  onCancel = props.onCancel,
@@ -72,6 +72,7 @@ var UserFormDetailsUI = exports.UserFormDetailsUI = function UserFormDetailsUI(p
72
72
  setUserCustomer = _useCustomer2[1].setUserCustomer;
73
73
  var emailInput = (0, _react.useRef)(null);
74
74
  var user = userData || userSession;
75
+ var countryPhoneCode = (_user$country_phone_c = user === null || user === void 0 ? void 0 : user.country_phone_code) !== null && _user$country_phone_c !== void 0 ? _user$country_phone_c : user === null || user === void 0 ? void 0 : user.country_code;
75
76
  var closeAlert = function closeAlert() {
76
77
  setAlertState({
77
78
  open: false,
@@ -99,8 +100,8 @@ var UserFormDetailsUI = exports.UserFormDetailsUI = function UserFormDetailsUI(p
99
100
  setUserPhoneNumber(phone);
100
101
  return;
101
102
  }
102
- if (user !== null && user !== void 0 && user.country_phone_code) {
103
- phone = "+".concat(user === null || user === void 0 ? void 0 : user.country_phone_code, " ").concat(user === null || user === void 0 ? void 0 : user.cellphone);
103
+ if (countryPhoneCode) {
104
+ phone = "+".concat(countryPhoneCode, " ").concat(user === null || user === void 0 ? void 0 : user.cellphone);
104
105
  } else {
105
106
  phone = user === null || user === void 0 ? void 0 : user.cellphone;
106
107
  }
@@ -120,7 +121,7 @@ var UserFormDetailsUI = exports.UserFormDetailsUI = function UserFormDetailsUI(p
120
121
  return;
121
122
  }
122
123
  if (!isPhoneNumberValid && userPhoneNumber) {
123
- if (user !== null && user !== void 0 && user.country_phone_code) {
124
+ if (countryPhoneCode) {
124
125
  setAlertState({
125
126
  open: true,
126
127
  content: [t('INVALID_ERROR_PHONE_NUMBER', 'The Phone Number field is invalid')]
@@ -304,21 +305,6 @@ var UserFormDetailsUI = exports.UserFormDetailsUI = function UserFormDetailsUI(p
304
305
  setValue: handleChangePhoneNumber,
305
306
  handleIsValid: setIsValidPhoneNumber,
306
307
  disabled: !isEdit
307
- })), !isCheckout && /*#__PURE__*/_react.default.createElement(_styles.InputGroup, null, /*#__PURE__*/_react.default.createElement("p", null, t('PASSWORD', 'Password')), /*#__PURE__*/_react.default.createElement(_Inputs.Input, {
308
- type: "password",
309
- name: "password",
310
- className: "form",
311
- disabled: !isEdit,
312
- borderBottom: true,
313
- placeholder: t('FRONT_VISUALS_PASSWORD', 'Password'),
314
- onChange: handleChangeInput,
315
- ref: formMethods.register({
316
- required: isRequiredField('password') ? t('VALIDATION_ERROR_PASSWORD_REQUIRED', 'The field Password is required').replace('_attribute_', t('PASSWORD', 'Password')) : null,
317
- minLength: {
318
- value: 8,
319
- message: t('VALIDATION_ERROR_PASSWORD_MIN_STRING', 'The Password must be at least 8 characters.').replace('_attribute_', t('PASSWORD', 'Password')).replace('_min_', 8)
320
- }
321
- })
322
308
  })), /*#__PURE__*/_react.default.createElement(_styles.Divider, null), (_props$afterMidElemen = props.afterMidElements) === null || _props$afterMidElemen === void 0 ? void 0 : _props$afterMidElemen.map(function (MidElement, i) {
323
309
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
324
310
  key: i
package/_modules/themes/five/src/components/BusinessPreorder/index.js CHANGED
@@ -134,16 +134,21 @@ var BusinessPreorderUI = function BusinessPreorderUI(props) {
134
134
  };
135
135
  (0, _react.useEffect)(function () {
136
136
  if (cateringPreorder) {
137
- var _Object$keys;
137
+ var _timeLists2;
138
+ var _timeLists = [];
138
139
  var schedule = business && getActualSchedule();
139
- if (!schedule && cateringPreorder && ((_Object$keys = Object.keys(business)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length) > 0) {
140
- setIsEnabled(false);
140
+ if (!schedule && business) {
141
+ setTimeList([]);
141
142
  return;
142
143
  }
143
- var _timeLists = hoursList.filter(function (hour) {
144
- var _Object$keys2, _schedule$lapses;
145
- return (((_Object$keys2 = Object.keys(business || {})) === null || _Object$keys2 === void 0 ? void 0 : _Object$keys2.length) === 0 || (schedule === null || schedule === void 0 || (_schedule$lapses = schedule.lapses) === null || _schedule$lapses === void 0 ? void 0 : _schedule$lapses.some(function (lapse) {
146
- return (0, _moment2.default)(dateSelected + " ".concat(hour.startTime)) >= (0, _moment2.default)(dateSelected + " ".concat(lapse.open.hour, ":").concat(lapse.open.minute)).add(preorderLeadTime, 'minutes') && (0, _moment2.default)(dateSelected + " ".concat(hour.endTime)) <= (0, _moment2.default)(dateSelected + " ".concat(lapse.close.hour, ":").concat(lapse.close.minute));
144
+ _timeLists = hoursList.filter(function (hour) {
145
+ var _Object$keys, _schedule$lapses;
146
+ return (((_Object$keys = Object.keys(business || {})) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length) === 0 || (schedule === null || schedule === void 0 || (_schedule$lapses = schedule.lapses) === null || _schedule$lapses === void 0 ? void 0 : _schedule$lapses.some(function (lapse) {
147
+ var openHour = lapse.open.hour < 10 ? "0".concat(lapse.open.hour) : lapse.open.hour;
148
+ var openMinute = lapse.open.minute < 10 ? "0".concat(lapse.open.minute) : lapse.open.minute;
149
+ var closeHour = lapse.close.hour < 10 ? "0".concat(lapse.close.hour) : lapse.close.hour;
150
+ var closeMinute = lapse.close.minute < 10 ? "0".concat(lapse.close.minute) : lapse.close.minute;
151
+ return (0, _moment2.default)(dateSelected + " ".concat(hour.startTime)) >= (0, _moment2.default)(dateSelected + " ".concat(openHour, ":").concat(openMinute)).add(preorderLeadTime, 'minutes') && (0, _moment2.default)(dateSelected + " ".concat(hour.endTime)) <= (0, _moment2.default)(dateSelected + " ".concat(closeHour, ":").concat(closeMinute));
147
152
  }))) && (0, _moment2.default)(dateSelected + " ".concat(hour.startTime)) < (0, _moment2.default)(dateSelected + " ".concat(hour.endTime)) && ((0, _moment2.default)().add(preorderLeadTime, 'minutes') < (0, _moment2.default)(dateSelected + " ".concat(hour.startTime)) || !cateringPreorder);
148
153
  }).map(function (hour) {
149
154
  return {
@@ -160,14 +165,15 @@ var BusinessPreorderUI = function BusinessPreorderUI(props) {
160
165
  })
161
166
  };
162
167
  });
163
- setIsEnabled(true);
164
- setTimeList(_timeLists);
168
+ if (((_timeLists2 = _timeLists) === null || _timeLists2 === void 0 ? void 0 : _timeLists2.length) > 0) {
169
+ setTimeList(_timeLists);
170
+ }
165
171
  } else {
166
172
  var selectedMenu = menu ? menu !== null && menu !== void 0 && menu.use_business_schedule ? business : menu : business;
167
173
  var _times = getTimeList(dateSelected, selectedMenu);
168
174
  setTimeList(_times);
169
175
  }
170
- }, [dateSelected, menu, business, cateringPreorder, hoursList]);
176
+ }, [dateSelected, menu, JSON.stringify(business), cateringPreorder, JSON.stringify(hoursList), dateSelected]);
171
177
  (0, _react.useEffect)(function () {
172
178
  if (type === 'business_hours') setMenu(null);
173
179
  }, [type]);
@@ -227,7 +233,7 @@ var BusinessPreorderUI = function BusinessPreorderUI(props) {
227
233
  return handleChangeDate(date);
228
234
  }
229
235
  }, /*#__PURE__*/_react.default.createElement(_styles.DayName, null, dayName), /*#__PURE__*/_react.default.createElement(_styles.DayNumber, null, dayNumber)));
230
- })))), /*#__PURE__*/_react.default.createElement(_styles.TimeListWrapper, null, isEnabled && (timeList === null || timeList === void 0 ? void 0 : timeList.length) > 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, timeList.map(function (time, i) {
236
+ })))), /*#__PURE__*/_react.default.createElement(_styles.TimeListWrapper, null, (isEnabled || cateringPreorder) && (timeList === null || timeList === void 0 ? void 0 : timeList.length) > 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, timeList.map(function (time, i) {
231
237
  return /*#__PURE__*/_react.default.createElement(_styles.TimeItem, {
232
238
  key: i,
233
239
  active: timeSelected === time.value,
package/_modules/themes/five/src/components/MomentControl/index.js CHANGED
@@ -37,7 +37,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
37
37
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
38
38
  _swiper.default.use([_swiper.Navigation]);
39
39
  var MomentControlUI = function MomentControlUI(props) {
40
- var _configs$general_hour, _datesList$slice, _configs$max_days_pre, _configs$max_days_pre2, _configs$max_days_pre3, _configs$max_days_pre4, _configs$max_days_pre5, _configs$max_days_pre6;
40
+ var _configs$general_hour, _configs$general_hour2, _datesList$slice, _configs$max_days_pre, _configs$max_days_pre2, _configs$max_days_pre3, _configs$max_days_pre4, _configs$max_days_pre5, _configs$max_days_pre6;
41
41
  var isAsap = props.isAsap,
42
42
  datesList = props.datesList,
43
43
  hoursList = props.hoursList,
@@ -209,7 +209,7 @@ var MomentControlUI = function MomentControlUI(props) {
209
209
  return handleCheckBoxChange(true);
210
210
  },
211
211
  isLoading: orderState === null || orderState === void 0 ? void 0 : orderState.loading
212
- }, isASP ? /*#__PURE__*/_react.default.createElement(_styles.CheckedIcon, null) : /*#__PURE__*/_react.default.createElement(_CgRadioCheck.default, null), /*#__PURE__*/_react.default.createElement("span", null, t('CHECKOUT_ASAP', 'ASAP'), " (", (0, _moment.default)(new Date()).format('LLLL'), " + ", t('DELIVERY_TIME', 'delivery time'), ")")), /*#__PURE__*/_react.default.createElement(_styles.CheckBoxWrapper, {
212
+ }, isASP ? /*#__PURE__*/_react.default.createElement(_styles.CheckedIcon, null) : /*#__PURE__*/_react.default.createElement(_CgRadioCheck.default, null), /*#__PURE__*/_react.default.createElement("span", null, t('CHECKOUT_ASAP', 'ASAP'), " (", (0, _moment.default)(new Date()).format("dddd, MMMM DD, YYYY ".concat(configs === null || configs === void 0 || (_configs$general_hour2 = configs.general_hour_format) === null || _configs$general_hour2 === void 0 ? void 0 : _configs$general_hour2.value)), " + ", t('DELIVERY_TIME', 'delivery time'), ")")), /*#__PURE__*/_react.default.createElement(_styles.CheckBoxWrapper, {
213
213
  highlight: !isASP,
214
214
  onClick: function onClick() {
215
215
  return handleCheckBoxChange(null);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ordering-ui-external",
3
- "version": "14.1.1",
3
+ "version": "14.1.3",
4
4
  "description": "Ordering UI Components",
5
5
  "main": "./_modules/index.js",
6
6
  "exports": {
@@ -88,7 +88,7 @@
88
88
  "lodash": "^4.17.19",
89
89
  "moment": "^2.29.4",
90
90
  "nanoid": "^4.0.0",
91
- "ordering-components-external": "13.0.17",
91
+ "ordering-components-external": "13.0.18",
92
92
  "payment": "^2.4.6",
93
93
  "polished": "^3.6.6",
94
94
  "react-bootstrap-icons": "^1.7.2",
package/src/components/InputPhoneNumber/index.js CHANGED
@@ -45,7 +45,7 @@ export const InputPhoneNumber = (props) => {
45
45
  <BeforeComponent key={i} {...props} />))}
46
46
  <PhoneInput
47
47
  disabled={disabled}
48
- placeholder={t('PHONE_NUMBER', theme?.defaultLanguages?.PHONE_NUMBER ||'Phone number')}
48
+ placeholder={t('PHONE_NUMBER', theme?.defaultLanguages?.PHONE_NUMBER || 'Phone number')}
49
49
  defaultCountry={configs?.default_country_code?.value}
50
50
  value={value}
51
51
  displayInitialValueAsLocalNumber
@@ -53,11 +53,11 @@ export const InputPhoneNumber = (props) => {
53
53
  />
54
54
  {value && !isValidPhoneNumber(value) && !disabled && (
55
55
  <>
56
- {((auth && user?.country_phone_code) || !auth || value.includes('+')) && (
56
+ {((auth && (user?.country_phone_code ?? user?.country_code)) || !auth || value.includes('+')) && (
57
57
  <ErrorMsg>{t('INVALID_ERROR_PHONE_NUMBER', 'The Phone Number field is invalid')}</ErrorMsg>
58
58
  )}
59
59
 
60
- {auth && !user?.country_phone_code && !value.includes('+') && (
60
+ {auth && !(user?.country_phone_code ?? user?.country_code) && !value.includes('+') && (
61
61
  <ErrorMsg>{t('INVALID_ERROR_COUNTRY_CODE_PHONE_NUMBER', 'The country code of the phone number is invalid')}</ErrorMsg>
62
62
  )}
63
63
  </>
package/src/themes/callcenterOriginal/src/components/AddressForm/styles.js CHANGED
@@ -70,6 +70,7 @@ export const FormControl = styled.form`
70
70
  .google-control {
71
71
  .gps-button {
72
72
  border-radius: 7.6px;
73
+ width: 43px;
73
74
  }
74
75
 
75
76
  input {
@@ -106,7 +107,7 @@ export const AddressWrap = styled.div`
106
107
  justify-content: space-between;
107
108
  align-items: center;
108
109
  position: absolute;
109
- bottom: 75%;
110
+ bottom: 79%;
110
111
  right: 0px;
111
112
  padding-right: 20px;
112
113
  button {
@@ -132,6 +133,7 @@ export const WrapAddressInput = styled.div`
132
133
  display: flex;
133
134
  flex-direction: column;
134
135
  width: 100%;
136
+ z-index: 1000;
135
137
  i {
136
138
  padding: 0px 10px;
137
139
  }
package/src/themes/callcenterOriginal/src/components/AddressList/index.js CHANGED
@@ -316,17 +316,6 @@ const AddressListUI = (props) => {
316
316
  </AddressListUl>
317
317
  )
318
318
  }
319
- {!(addressList.loading || actionStatus.loading || orderState.loading) &&
320
- !addressList.error &&
321
- addressList?.addresses?.length === 0 &&
322
- !isProductForm &&
323
- (
324
- <WrappNotAddresses>
325
- <img src={theme.images?.general?.notFound} alt='Not Found' width='200px' height='112px' loading='lazy' />
326
- <h1>{t('NOT_FOUND_ADDRESS', 'Sorry, You don\'t seem to have any addresses.')}</h1>
327
- </WrappNotAddresses>
328
- )}
329
-
330
319
  {!(addressList.loading || actionStatus.loading || orderState.loading) && addressList.error && (
331
320
  addressList.error.length > 0 && (
332
321
  <NotFoundSource
@@ -372,7 +361,7 @@ const AddressListUI = (props) => {
372
361
  )}
373
362
  </AddressHalfContainer>
374
363
 
375
- {(addressList.loading || actionStatus.loading || orderState.loading) && !isProductForm && (
364
+ {(addressList.loading || actionStatus.loading || orderState.loading) && !isProductForm && !addressOpen && (
376
365
  <AddressListUl>
377
366
  <Skeleton height={50} count={3} style={{ marginBottom: '10px' }} />
378
367
  </AddressListUl>
package/src/themes/callcenterOriginal/src/components/AddressList/styles.js CHANGED
@@ -105,7 +105,7 @@ export const AddressItemActions = styled.div`
105
105
  cursor: pointer;
106
106
  margin: 0px 5px;
107
107
  font-size: 20px;
108
-
108
+
109
109
  svg {
110
110
  color: #B1BCCC;
111
111
  }
@@ -175,7 +175,7 @@ export const ContinueButton = styled.div`
175
175
  width: 100%;
176
176
  position: sticky;
177
177
  bottom: 1px;
178
-
178
+
179
179
  button {
180
180
  width: 100%;
181
181
  white-space: nowrap;
@@ -203,8 +203,8 @@ export const List = styled.div`
203
203
  ${({ isEnableContinueButton, isOpenUserData, notUseCustomerInfo }) => isEnableContinueButton || isOpenUserData || notUseCustomerInfo ? css`
204
204
  margin-top: 0px;
205
205
  ` : css`
206
- margin-top: 222px;
207
- `}
206
+ margin-top: 200px;
207
+ `}
208
208
  ${({ addFormRestrictions }) => addFormRestrictions && css`
209
209
  height: 405px;
210
210
  `}
@@ -215,14 +215,13 @@ export const List = styled.div`
215
215
 
216
216
  export const AddressFormContainer = styled.div`
217
217
  z-index: 10;
218
- height: 100%;
219
218
  padding-left: 10px;
220
219
  ${({ width }) => css`
221
220
  width: ${width};
222
221
  `}
223
222
  ${({ isEnableContinueButton }) => isEnableContinueButton && css`
224
223
  position: relative;
225
- bottom: 190px;
224
+ bottom: 189px;
226
225
  `}
227
226
  `
228
227
 
@@ -235,7 +234,7 @@ export const CloseIcon = styled.div`
235
234
  `
236
235
 
237
236
  export const TitleFormContainer = styled.div`
238
- display: flex;
237
+ display: flex;
239
238
  align-items: center;
240
239
  margin-top: 7px;
241
240
  h1 {
package/src/themes/callcenterOriginal/src/components/Header/index.js CHANGED
@@ -212,7 +212,14 @@ export const Header = (props) => {
212
212
  />
213
213
  )}
214
214
  </Menu>
215
- {user?.level === 0 && (
215
+ </>
216
+ )}
217
+ <>
218
+ {user?.level === 0 && (
219
+ <>
220
+ {!isShowOrderOptions && (
221
+ <Menu className='left-header invisible' id='center-side' />
222
+ )}
216
223
  <AdminAreaPopover
217
224
  withLogout
218
225
  isCustomerMode={isCustomerMode}
@@ -220,9 +227,9 @@ export const Header = (props) => {
220
227
  onClick={() => handleTogglePopover('admin')}
221
228
  onClose={() => handleClosePopover('admin')}
222
229
  />
223
- )}
224
- </>
225
- )}
230
+ </>
231
+ )}
232
+ </>
226
233
  {onlineStatus && (
227
234
  <RightHeader>
228
235
  <Menu>
package/src/themes/callcenterOriginal/src/components/PhoneAutocomplete/index.js CHANGED
@@ -72,9 +72,11 @@ const PhoneAutocompleteUI = (props) => {
72
72
  const userCustomer = JSON.parse(window.localStorage.getItem('user-customer'))
73
73
  const [inputValue, setInputValue] = useState(urlPhone ?? userCustomer?.cellphone ?? '')
74
74
  const [isSavedAddress, setIsSavedAddress] = useState(false)
75
+ const countryPhoneCode = userCustomer?.country_phone_code ?? userCustomer?.country_code
76
+
75
77
  const [optSelected, setOptSelected] = useState(userCustomer ? {
76
78
  value: userCustomer.cellphone || userCustomer.phone,
77
- label: `${userCustomer?.country_phone_code ? `(${userCustomer?.country_phone_code})` : ''} ${userCustomer?.phone && !userCustomer?.cellphone ? `${userCustomer?.phone}` : ''} ${userCustomer?.cellphone ? `${userCustomer.cellphone}` : ''} - {${userCustomer.name}}`,
79
+ label: `${countryPhoneCode ? `(${countryPhoneCode})` : ''} ${userCustomer?.phone && !userCustomer?.cellphone ? `${userCustomer?.phone}` : ''} ${userCustomer?.cellphone ? `${userCustomer.cellphone}` : ''} - {${userCustomer.name}}`,
78
80
  flag: userCustomer?.imported_address_text && userCustomer?.addresses?.length === 0,
79
81
  lastname: userCustomer.lastname
80
82
  } : null)
@@ -97,8 +99,7 @@ const PhoneAutocompleteUI = (props) => {
97
99
  const handleFindClick = () => {
98
100
  if (optSelected && !(userCustomer?.id && orderState?.options?.address?.address)) {
99
101
  onChange(optSelected)
100
- }
101
- else if (userCustomer?.id && orderState?.options?.address?.address) {
102
+ } else if (userCustomer?.id && orderState?.options?.address?.address) {
102
103
  onRedirectPage && onRedirectPage('search')
103
104
  } else {
104
105
  setAlertState({ open: true, content: t('SELECT_ADDRESS_CUSTOMER', 'Please select an address for the selected customer') })
@@ -193,9 +194,10 @@ const PhoneAutocompleteUI = (props) => {
193
194
  }
194
195
 
195
196
  const optionsToSelect = customersPhones.users.map(user => {
197
+ const countryPhoneCode = user?.country_phone_code ?? user?.country_code
196
198
  const obj = {}
197
199
  obj.value = user.cellphone || user.phone
198
- obj.label = `${user?.country_phone_code ? `(${user?.country_phone_code})` : ''} ${user?.phone && !user?.cellphone ? `${user?.phone}` : ''} ${user?.cellphone ? `${user.cellphone}` : ''} - {${user.name}}`
200
+ obj.label = `${countryPhoneCode ? `(${countryPhoneCode})` : ''} ${user?.phone && !user?.cellphone ? `${user?.phone}` : ''} ${user?.cellphone ? `${user.cellphone}` : ''} - {${user.name}}`
199
201
  obj.flag = user?.imported_address_text && user?.addresses?.length === 0
200
202
  return obj
201
203
  }) || []