ordering-ui-external 10.9.0 → 10.9.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_bundles/{0.ordering-ui.ac159b0ec9eb4a80c944.js → 0.ordering-ui.c4b4f29a4f0c8eaad874.js} +1 -1
- package/_bundles/{1.ordering-ui.ac159b0ec9eb4a80c944.js → 1.ordering-ui.c4b4f29a4f0c8eaad874.js} +1 -1
- package/_bundles/{2.ordering-ui.ac159b0ec9eb4a80c944.js → 2.ordering-ui.c4b4f29a4f0c8eaad874.js} +1 -1
- package/_bundles/{4.ordering-ui.ac159b0ec9eb4a80c944.js → 4.ordering-ui.c4b4f29a4f0c8eaad874.js} +1 -1
- package/_bundles/{5.ordering-ui.ac159b0ec9eb4a80c944.js → 5.ordering-ui.c4b4f29a4f0c8eaad874.js} +1 -1
- package/_bundles/{6.ordering-ui.ac159b0ec9eb4a80c944.js → 6.ordering-ui.c4b4f29a4f0c8eaad874.js} +1 -1
- package/_bundles/{7.ordering-ui.ac159b0ec9eb4a80c944.js → 7.ordering-ui.c4b4f29a4f0c8eaad874.js} +2 -2
- package/_bundles/{8.ordering-ui.ac159b0ec9eb4a80c944.js → 8.ordering-ui.c4b4f29a4f0c8eaad874.js} +1 -1
- package/_bundles/{9.ordering-ui.ac159b0ec9eb4a80c944.js → 9.ordering-ui.c4b4f29a4f0c8eaad874.js} +1 -1
- package/_bundles/ordering-ui.c4b4f29a4f0c8eaad874.js +2 -0
- package/_modules/components/AddressForm/index.js +5 -8
- package/_modules/components/BusinessProductsListing/index.js +5 -8
- package/_modules/components/Checkout/index.js +5 -8
- package/_modules/components/Footer/index.js +5 -7
- package/_modules/components/HelpStaticPage/index.js +5 -7
- package/_modules/components/LoginForm/index.js +5 -8
- package/_modules/components/OrdersOption/index.js +5 -8
- package/_modules/components/PagesList/index.js +5 -7
- package/_modules/components/StripeMethodForm/index.js +5 -8
- package/_modules/hooks/useIntersectionObserver.js +5 -7
- package/_modules/themes/callcenterOriginal/src/components/AddressDetails/index.js +11 -5
- package/_modules/themes/callcenterOriginal/src/components/AddressForm/index.js +22 -14
- package/_modules/themes/callcenterOriginal/src/components/AddressForm/styles.js +5 -4
- package/_modules/themes/callcenterOriginal/src/components/AddressList/index.js +10 -5
- package/_modules/themes/callcenterOriginal/src/components/AddressList/styles.js +7 -6
- package/_modules/themes/callcenterOriginal/src/components/Checkout/index.js +7 -9
- package/_modules/themes/callcenterOriginal/src/components/Footer/index.js +5 -7
- package/_modules/themes/callcenterOriginal/src/components/Header/index.js +5 -2
- package/_modules/themes/callcenterOriginal/src/components/HelpStaticPage/index.js +5 -7
- package/_modules/themes/callcenterOriginal/src/components/LoginForm/index.js +5 -8
- package/_modules/themes/callcenterOriginal/src/components/Orders/AddressForm/index.js +6 -9
- package/_modules/themes/callcenterOriginal/src/components/Orders/CreateCustomOrder/Checkout/index.js +5 -8
- package/_modules/themes/callcenterOriginal/src/components/Orders/CreateCustomOrder/StripeMethodForm/index.js +5 -8
- package/_modules/themes/callcenterOriginal/src/components/OrdersOption/index.js +5 -8
- package/_modules/themes/callcenterOriginal/src/components/PhoneAutocomplete/index.js +40 -25
- package/_modules/themes/callcenterOriginal/src/components/PhoneAutocomplete/styles.js +9 -7
- package/_modules/themes/callcenterOriginal/src/components/Shared/ImageCrop/index.js +5 -7
- package/_modules/themes/eight/src/components/AddressForm/index.js +5 -8
- package/_modules/themes/eight/src/components/Checkout/index.js +5 -8
- package/_modules/themes/eight/src/components/Footer/index.js +5 -7
- package/_modules/themes/eight/src/components/LoginForm/index.js +5 -8
- package/_modules/themes/five/src/components/AddressForm/index.js +5 -8
- package/_modules/themes/five/src/components/AddressList/index.js +5 -8
- package/_modules/themes/five/src/components/BusinessProductsListing/index.js +9 -15
- package/_modules/themes/five/src/components/Checkout/index.js +5 -8
- package/_modules/themes/five/src/components/Footer/index.js +5 -8
- package/_modules/themes/five/src/components/HelpStaticPage/index.js +5 -7
- package/_modules/themes/five/src/components/LoginForm/index.js +5 -8
- package/_modules/themes/five/src/components/LogoutPopup/index.js +9 -15
- package/_modules/themes/five/src/components/NotNetworkConnectivity/index.js +5 -8
- package/_modules/themes/five/src/components/OrderDetails/index.js +10 -16
- package/_modules/themes/five/src/components/OrderDetails/layouts/Kiosk/index.js +5 -8
- package/_modules/themes/five/src/components/SignUpForm/index.js +5 -8
- package/_modules/themes/five/src/components/SingleOrderCard/index.js +5 -8
- package/_modules/themes/four/src/components/AddressForm/index.js +5 -8
- package/_modules/themes/four/src/components/BusinessProductsListing/index.js +5 -8
- package/_modules/themes/four/src/components/Checkout/index.js +5 -8
- package/_modules/themes/four/src/components/Footer/index.js +5 -7
- package/_modules/themes/four/src/components/HelpStaticPage/index.js +5 -7
- package/_modules/themes/four/src/components/LoginForm/index.js +5 -8
- package/_modules/themes/four/src/components/OrdersOption/index.js +5 -8
- package/_modules/themes/franchise/src/components/AddressForm/index.js +5 -8
- package/_modules/themes/franchise/src/components/Checkout/index.js +5 -8
- package/_modules/themes/franchise/src/components/Footer/index.js +5 -7
- package/_modules/themes/franchise/src/components/HelpStaticPage/index.js +5 -7
- package/_modules/themes/franchise/src/components/LoginForm/index.js +5 -8
- package/_modules/themes/franchise/src/components/OrdersOption/index.js +5 -8
- package/_modules/themes/orderAndPay/src/components/Checkout/index.js +20 -31
- package/_modules/themes/orderAndPay/src/components/Footer/index.js +5 -7
- package/_modules/themes/orderAndPay/src/components/LoginForm/index.js +5 -8
- package/_modules/themes/orderAndPay/src/components/OrderTypeSelectorContent/index.js +9 -15
- package/_modules/themes/orderAndPay/src/components/OrdersOption/index.js +5 -8
- package/_modules/themes/pwa/src/components/AddressForm/index.js +5 -8
- package/_modules/themes/pwa/src/components/Checkout/index.js +5 -8
- package/_modules/themes/pwa/src/components/Footer/index.js +5 -7
- package/_modules/themes/pwa/src/components/HelpStaticPage/index.js +5 -7
- package/_modules/themes/pwa/src/components/LoginForm/index.js +5 -8
- package/_modules/themes/pwa/src/components/OrdersOption/index.js +5 -8
- package/_modules/themes/seven/src/components/AddressForm/index.js +5 -8
- package/_modules/themes/seven/src/components/Checkout/index.js +5 -8
- package/_modules/themes/seven/src/components/Footer/index.js +5 -7
- package/_modules/themes/seven/src/components/LoginForm/index.js +5 -8
- package/_modules/themes/seven/src/components/OrdersOption/index.js +5 -8
- package/_modules/themes/seven/src/components/ProductForm/productForm.js +9 -15
- package/_modules/themes/six/src/components/AddressForm/index.js +5 -8
- package/_modules/themes/six/src/components/Checkout/index.js +5 -8
- package/_modules/themes/six/src/components/Footer/index.js +5 -7
- package/_modules/themes/six/src/components/LoginForm/index.js +5 -8
- package/_modules/themes/three/src/components/AddressForm/index.js +5 -8
- package/_modules/themes/three/src/components/Checkout/index.js +5 -8
- package/_modules/themes/three/src/components/Footer/index.js +5 -7
- package/_modules/themes/three/src/components/HelpStaticPage/index.js +5 -7
- package/_modules/themes/three/src/components/LoginForm/index.js +5 -8
- package/_modules/themes/three/src/components/OrdersOption/index.js +5 -8
- package/_modules/themes/two/src/components/Checkout/index.js +5 -8
- package/_modules/themes/two/src/components/HelpStaticPage/index.js +5 -7
- package/_modules/themes/two/src/components/LoginForm/index.js +5 -8
- package/_modules/themes/two/src/components/OrdersOption/index.js +5 -8
- package/_modules/themes/wow/src/components/AddressForm/index.js +5 -8
- package/_modules/themes/wow/src/components/Checkout/index.js +5 -8
- package/_modules/themes/wow/src/components/LoginForm/index.js +5 -8
- package/_modules/themes/wow/src/components/OrdersOption/index.js +5 -8
- package/package.json +2 -2
- package/src/themes/callcenterOriginal/src/components/AddressDetails/index.js +10 -3
- package/src/themes/callcenterOriginal/src/components/AddressForm/index.js +15 -4
- package/src/themes/callcenterOriginal/src/components/AddressForm/styles.js +3 -1
- package/src/themes/callcenterOriginal/src/components/AddressList/index.js +14 -4
- package/src/themes/callcenterOriginal/src/components/AddressList/styles.js +5 -5
- package/src/themes/callcenterOriginal/src/components/Checkout/index.js +1 -0
- package/src/themes/callcenterOriginal/src/components/Header/index.js +4 -1
- package/src/themes/callcenterOriginal/src/components/Orders/AddressForm/index.js +1 -1
- package/src/themes/callcenterOriginal/src/components/PhoneAutocomplete/index.js +39 -11
- package/src/themes/callcenterOriginal/src/components/PhoneAutocomplete/styles.js +9 -4
- package/_bundles/ordering-ui.ac159b0ec9eb4a80c944.js +0 -2
- /package/_bundles/{7.ordering-ui.ac159b0ec9eb4a80c944.js.LICENSE.txt → 7.ordering-ui.c4b4f29a4f0c8eaad874.js.LICENSE.txt} +0 -0
- /package/_bundles/{ordering-ui.ac159b0ec9eb4a80c944.js.LICENSE.txt → ordering-ui.c4b4f29a4f0c8eaad874.js.LICENSE.txt} +0 -0
|
@@ -252,7 +252,8 @@ var CheckoutUI = function CheckoutUI(props) {
|
|
|
252
252
|
businessId: cart === null || cart === void 0 ? void 0 : cart.business_id,
|
|
253
253
|
apiKey: configs === null || configs === void 0 || (_configs$google_maps_ = configs.google_maps_api_key) === null || _configs$google_maps_ === void 0 ? void 0 : _configs$google_maps_.value,
|
|
254
254
|
mapConfigs: mapConfigs,
|
|
255
|
-
isCustomerMode: isCustomerMode
|
|
255
|
+
isCustomerMode: isCustomerMode,
|
|
256
|
+
notUseCustomerInfo: true
|
|
256
257
|
})), (_props$beforeElements3 = props.beforeElementsSectionTwo) === null || _props$beforeElements3 === void 0 ? void 0 : _props$beforeElements3.map(function (BeforeElement, i) {
|
|
257
258
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
|
|
258
259
|
key: i
|
|
@@ -476,7 +477,7 @@ var CheckoutUI = function CheckoutUI(props) {
|
|
|
476
477
|
}));
|
|
477
478
|
};
|
|
478
479
|
var Checkout = function Checkout(props) {
|
|
479
|
-
var _Object$values2, _cartState$cart, _cartState$error, _cartState$cart2;
|
|
480
|
+
var _Object$values2, _ref, _cartState$cart, _cartState$error, _cartState$cart2;
|
|
480
481
|
var errors = props.errors,
|
|
481
482
|
clearErrors = props.clearErrors,
|
|
482
483
|
cartUuid = props.cartUuid,
|
|
@@ -566,8 +567,8 @@ var Checkout = function Checkout(props) {
|
|
|
566
567
|
});
|
|
567
568
|
}
|
|
568
569
|
}, [errors]);
|
|
569
|
-
var getOrder =
|
|
570
|
-
|
|
570
|
+
var getOrder = function getOrder(_x) {
|
|
571
|
+
return (_ref = _ref || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(cartId) {
|
|
571
572
|
var _result$order, userCustomer, url, response, _yield$response$json, result, _confirmCartRes$resul, confirmCartRes, cart;
|
|
572
573
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
573
574
|
while (1) switch (_context.prev = _context.next) {
|
|
@@ -661,11 +662,8 @@ var Checkout = function Checkout(props) {
|
|
|
661
662
|
return _context.stop();
|
|
662
663
|
}
|
|
663
664
|
}, _callee, null, [[0, 35], [17, 26]]);
|
|
664
|
-
}));
|
|
665
|
-
|
|
666
|
-
return _ref.apply(this, arguments);
|
|
667
|
-
};
|
|
668
|
-
}();
|
|
665
|
+
}))).apply(this, arguments);
|
|
666
|
+
};
|
|
669
667
|
(0, _react.useEffect)(function () {
|
|
670
668
|
if (token && cartUuid) {
|
|
671
669
|
getOrder(cartUuid);
|
|
@@ -24,6 +24,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
24
24
|
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; } }
|
|
25
25
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
26
26
|
var Footer = function Footer() {
|
|
27
|
+
var _ref;
|
|
27
28
|
var _useState = (0, _react.useState)({
|
|
28
29
|
body: null,
|
|
29
30
|
loading: false,
|
|
@@ -36,8 +37,8 @@ var Footer = function Footer() {
|
|
|
36
37
|
_useApi2 = _slicedToArray(_useApi, 1),
|
|
37
38
|
ordering = _useApi2[0];
|
|
38
39
|
var requestsState = {};
|
|
39
|
-
var getPage =
|
|
40
|
-
|
|
40
|
+
var getPage = function getPage() {
|
|
41
|
+
return (_ref = _ref || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
41
42
|
var source, _yield$ordering$pages, _yield$ordering$pages2, error, result;
|
|
42
43
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
43
44
|
while (1) switch (_context.prev = _context.next) {
|
|
@@ -85,11 +86,8 @@ var Footer = function Footer() {
|
|
|
85
86
|
return _context.stop();
|
|
86
87
|
}
|
|
87
88
|
}, _callee, null, [[1, 14]]);
|
|
88
|
-
}));
|
|
89
|
-
|
|
90
|
-
return _ref.apply(this, arguments);
|
|
91
|
-
};
|
|
92
|
-
}();
|
|
89
|
+
}))).apply(this, arguments);
|
|
90
|
+
};
|
|
93
91
|
(0, _react.useEffect)(function () {
|
|
94
92
|
getPage();
|
|
95
93
|
return function () {
|
|
@@ -54,7 +54,8 @@ var Header = function Header(props) {
|
|
|
54
54
|
isShowOrderOptions = props.isShowOrderOptions,
|
|
55
55
|
isHideSignup = props.isHideSignup,
|
|
56
56
|
isCustomerMode = props.isCustomerMode,
|
|
57
|
-
isShowRedirectButton = props.isShowRedirectButton
|
|
57
|
+
isShowRedirectButton = props.isShowRedirectButton,
|
|
58
|
+
franchiseId = props.franchiseId;
|
|
58
59
|
var _useLocation = (0, _reactRouterDom.useLocation)(),
|
|
59
60
|
pathname = _useLocation.pathname;
|
|
60
61
|
var _useEvent = (0, _orderingComponentsExternal.useEvent)(),
|
|
@@ -390,7 +391,8 @@ var Header = function Header(props) {
|
|
|
390
391
|
setIsOpenUserData: setIsOpenUserData,
|
|
391
392
|
onClose: function onClose() {
|
|
392
393
|
return setCustomerModalOpen(false);
|
|
393
|
-
}
|
|
394
|
+
},
|
|
395
|
+
franchiseId: franchiseId
|
|
394
396
|
}), /*#__PURE__*/_react.default.createElement(_AddressList.AddressList, {
|
|
395
397
|
isModal: true,
|
|
396
398
|
userId: customerState === null || customerState === void 0 || (_customerState$user2 = customerState.user) === null || _customerState$user2 === void 0 ? void 0 : _customerState$user2.id,
|
|
@@ -400,6 +402,7 @@ var Header = function Header(props) {
|
|
|
400
402
|
setCustomerModalOpen: setCustomerModalOpen,
|
|
401
403
|
setIsOpenUserData: setIsOpenUserData,
|
|
402
404
|
setIsAddressFormOpen: setIsAddressFormOpen,
|
|
405
|
+
franchiseId: franchiseId,
|
|
403
406
|
isHeader: true
|
|
404
407
|
})))), /*#__PURE__*/_react.default.createElement(_Confirm.Confirm, {
|
|
405
408
|
title: t('CUSTOMER', (theme === null || theme === void 0 || (_theme$defaultLanguag4 = theme.defaultLanguages) === null || _theme$defaultLanguag4 === void 0 ? void 0 : _theme$defaultLanguag4.CUSTOMER) || 'Customer'),
|
|
@@ -26,6 +26,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
26
26
|
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; } }
|
|
27
27
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
28
28
|
var HelpStaticPage = function HelpStaticPage(props) {
|
|
29
|
+
var _ref;
|
|
29
30
|
var slug = props.slug;
|
|
30
31
|
var _useState = (0, _react.useState)({
|
|
31
32
|
body: null,
|
|
@@ -39,8 +40,8 @@ var HelpStaticPage = function HelpStaticPage(props) {
|
|
|
39
40
|
_useApi2 = _slicedToArray(_useApi, 1),
|
|
40
41
|
ordering = _useApi2[0];
|
|
41
42
|
var requestsState = {};
|
|
42
|
-
var getPage =
|
|
43
|
-
|
|
43
|
+
var getPage = function getPage() {
|
|
44
|
+
return (_ref = _ref || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
44
45
|
var source, _yield$ordering$pages, _yield$ordering$pages2, error, result;
|
|
45
46
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
46
47
|
while (1) switch (_context.prev = _context.next) {
|
|
@@ -88,11 +89,8 @@ var HelpStaticPage = function HelpStaticPage(props) {
|
|
|
88
89
|
return _context.stop();
|
|
89
90
|
}
|
|
90
91
|
}, _callee, null, [[1, 14]]);
|
|
91
|
-
}));
|
|
92
|
-
|
|
93
|
-
return _ref.apply(this, arguments);
|
|
94
|
-
};
|
|
95
|
-
}();
|
|
92
|
+
}))).apply(this, arguments);
|
|
93
|
+
};
|
|
96
94
|
(0, _react.useEffect)(function () {
|
|
97
95
|
getPage();
|
|
98
96
|
return function () {
|
|
@@ -40,7 +40,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
40
40
|
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; } }
|
|
41
41
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
42
42
|
var LoginFormUI = function LoginFormUI(props) {
|
|
43
|
-
var _theme$images, _theme$images2;
|
|
43
|
+
var _ref, _theme$images, _theme$images2;
|
|
44
44
|
var useLoginByEmail = props.useLoginByEmail,
|
|
45
45
|
useLoginByCellphone = props.useLoginByCellphone,
|
|
46
46
|
handleChangeInput = props.handleChangeInput,
|
|
@@ -122,8 +122,8 @@ var LoginFormUI = function LoginFormUI(props) {
|
|
|
122
122
|
otpLeftTime = _useCountdownTimer2[0],
|
|
123
123
|
_ = _useCountdownTimer2[1],
|
|
124
124
|
resetOtpLeftTime = _useCountdownTimer2[2];
|
|
125
|
-
var onSubmit =
|
|
126
|
-
|
|
125
|
+
var onSubmit = function onSubmit() {
|
|
126
|
+
return (_ref = _ref || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
127
127
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
128
128
|
while (1) switch (_context.prev = _context.next) {
|
|
129
129
|
case 0:
|
|
@@ -162,11 +162,8 @@ var LoginFormUI = function LoginFormUI(props) {
|
|
|
162
162
|
return _context.stop();
|
|
163
163
|
}
|
|
164
164
|
}, _callee);
|
|
165
|
-
}));
|
|
166
|
-
|
|
167
|
-
return _ref.apply(this, arguments);
|
|
168
|
-
};
|
|
169
|
-
}();
|
|
165
|
+
}))).apply(this, arguments);
|
|
166
|
+
};
|
|
170
167
|
var togglePasswordView = function togglePasswordView() {
|
|
171
168
|
setPasswordSee(!passwordSee);
|
|
172
169
|
};
|
|
@@ -50,7 +50,7 @@ var inputNames = [{
|
|
|
50
50
|
code: 'Address notes'
|
|
51
51
|
}];
|
|
52
52
|
var AddressFormUI = function AddressFormUI(props) {
|
|
53
|
-
var _addressState$address, _ref, _formState$changes$ad, _formState$changes, _addressState$address2, _addressState$address3, _addressState$address4, _formState$changes$lo, _formState$changes2, _configState$configs, _configState$configs2, _configState$configs3, _configState$configs4, _props$beforeElements, _props$beforeComponen, _props$beforeMidEleme, _props$beforeMidCompo, _props$afterMidElemen, _props$afterMidCompon, _orderState$options6, _props$afterComponent, _props$afterElements;
|
|
53
|
+
var _addressState$address, _ref, _formState$changes$ad, _formState$changes, _addressState$address2, _addressState$address3, _addressState$address4, _formState$changes$lo, _formState$changes2, _configState$configs, _configState$configs2, _configState$configs3, _configState$configs4, _ref2, _props$beforeElements, _props$beforeComponen, _props$beforeMidEleme, _props$beforeMidCompo, _props$afterMidElemen, _props$afterMidCompon, _orderState$options6, _props$afterComponent, _props$afterElements;
|
|
54
54
|
var addressesList = props.addressesList,
|
|
55
55
|
googleMapsControls = props.googleMapsControls,
|
|
56
56
|
formState = props.formState,
|
|
@@ -223,8 +223,8 @@ var AddressFormUI = function AddressFormUI(props) {
|
|
|
223
223
|
e.preventDefault();
|
|
224
224
|
}
|
|
225
225
|
};
|
|
226
|
-
var onSubmit =
|
|
227
|
-
|
|
226
|
+
var onSubmit = function onSubmit() {
|
|
227
|
+
return (_ref2 = _ref2 || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
228
228
|
var _formState$changes3, _addressState$address6, _formState$changes4, _formState$changes5, _arrayList$map$some2;
|
|
229
229
|
var _formState$changes6, arrayList, addressToCompare, isAddressAlreadyExist;
|
|
230
230
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
@@ -285,11 +285,8 @@ var AddressFormUI = function AddressFormUI(props) {
|
|
|
285
285
|
return _context.stop();
|
|
286
286
|
}
|
|
287
287
|
}, _callee);
|
|
288
|
-
}));
|
|
289
|
-
|
|
290
|
-
return _ref2.apply(this, arguments);
|
|
291
|
-
};
|
|
292
|
-
}();
|
|
288
|
+
}))).apply(this, arguments);
|
|
289
|
+
};
|
|
293
290
|
var handleAddressTag = function handleAddressTag(tag) {
|
|
294
291
|
setAddressTag(tag);
|
|
295
292
|
handleChangeInput({
|
|
@@ -447,7 +444,7 @@ var AddressFormUI = function AddressFormUI(props) {
|
|
|
447
444
|
mapControls: googleMapsControls,
|
|
448
445
|
handleChangeAddressMap: handleChangeAddress,
|
|
449
446
|
setErrors: setMapErrors,
|
|
450
|
-
maxLimitLocation: maxLimitLocation
|
|
447
|
+
maxLimitLocation: parseInt(maxLimitLocation, 10)
|
|
451
448
|
})), inputNames.map(function (field) {
|
|
452
449
|
var _configState$configs5, _ref8, _formState$changes$fi, _formState$changes25, _addressState$address11, _ref9, _formState$changes$ad5, _formState$changes26;
|
|
453
450
|
return showField && showField(field.name) && (field.name === 'address' ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
|
package/_modules/themes/callcenterOriginal/src/components/Orders/CreateCustomOrder/Checkout/index.js
CHANGED
|
@@ -250,7 +250,7 @@ var CheckoutUI = function CheckoutUI(props) {
|
|
|
250
250
|
}));
|
|
251
251
|
};
|
|
252
252
|
var Checkout = function Checkout(props) {
|
|
253
|
-
var _Object$values, _cartState$error, _cartState$cart2;
|
|
253
|
+
var _Object$values, _ref, _cartState$error, _cartState$cart2;
|
|
254
254
|
var errors = props.errors,
|
|
255
255
|
clearErrors = props.clearErrors,
|
|
256
256
|
cartUuid = props.cartUuid,
|
|
@@ -325,8 +325,8 @@ var Checkout = function Checkout(props) {
|
|
|
325
325
|
});
|
|
326
326
|
}
|
|
327
327
|
}, [errors]);
|
|
328
|
-
var getOrder =
|
|
329
|
-
|
|
328
|
+
var getOrder = function getOrder(_x) {
|
|
329
|
+
return (_ref = _ref || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(cartId) {
|
|
330
330
|
var _result$order, result, cart, userCustomer, url, response, content, _result, credomaticData, urlParams, paramsObj, _confirmCartRes$resul, confirmCartRes, _cart, spotNumberFromStorage, _JSON$parse, _JSON$parse2, _cart2, spotNumber, slug;
|
|
331
331
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
332
332
|
while (1) switch (_context.prev = _context.next) {
|
|
@@ -452,11 +452,8 @@ var Checkout = function Checkout(props) {
|
|
|
452
452
|
return _context.stop();
|
|
453
453
|
}
|
|
454
454
|
}, _callee, null, [[0, 45], [25, 34]]);
|
|
455
|
-
}));
|
|
456
|
-
|
|
457
|
-
return _ref.apply(this, arguments);
|
|
458
|
-
};
|
|
459
|
-
}();
|
|
455
|
+
}))).apply(this, arguments);
|
|
456
|
+
};
|
|
460
457
|
(0, _react.useEffect)(function () {
|
|
461
458
|
if (token && cartUuid) {
|
|
462
459
|
getOrder(cartUuid);
|
|
@@ -51,7 +51,7 @@ var StripeMethodFormUI = function StripeMethodFormUI(props) {
|
|
|
51
51
|
var googlePayMethods = ['google_pay', 'global_google_pay'];
|
|
52
52
|
(0, _react.useEffect)(function () {
|
|
53
53
|
if (stripe) {
|
|
54
|
-
var _configs$stripe_curre, _configs$stripe_curre2, _cart$business2;
|
|
54
|
+
var _configs$stripe_curre, _configs$stripe_curre2, _cart$business2, _ref;
|
|
55
55
|
var cartNames = '';
|
|
56
56
|
if (cartGroup) {
|
|
57
57
|
// eslint-disable-next-line no-unused-expressions
|
|
@@ -77,8 +77,8 @@ var StripeMethodFormUI = function StripeMethodFormUI(props) {
|
|
|
77
77
|
setMethodUnavailable(true);
|
|
78
78
|
}
|
|
79
79
|
});
|
|
80
|
-
pr.on('paymentmethod',
|
|
81
|
-
|
|
80
|
+
pr.on('paymentmethod', function (_x) {
|
|
81
|
+
return (_ref = _ref || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(e) {
|
|
82
82
|
var _e$paymentMethod, _e$paymentMethod2;
|
|
83
83
|
var data;
|
|
84
84
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
@@ -101,11 +101,8 @@ var StripeMethodFormUI = function StripeMethodFormUI(props) {
|
|
|
101
101
|
return _context.stop();
|
|
102
102
|
}
|
|
103
103
|
}, _callee);
|
|
104
|
-
}));
|
|
105
|
-
|
|
106
|
-
return _ref.apply(this, arguments);
|
|
107
|
-
};
|
|
108
|
-
}());
|
|
104
|
+
}))).apply(this, arguments);
|
|
105
|
+
});
|
|
109
106
|
}
|
|
110
107
|
}, [stripe]);
|
|
111
108
|
return /*#__PURE__*/_react.default.createElement(_styles.Container, null, methodUnavailable ? /*#__PURE__*/_react.default.createElement("h2", null, googlePayMethods.includes(paymethod) ? t('GOOGLE_PAY_UNAVAILABLE', 'Google pay unavailable') : t('APPLE_PAY_UNAVAILABLE', 'Apple pay unavailable')) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, paymentRequest ? /*#__PURE__*/_react.default.createElement(_reactStripeJs.PaymentRequestButtonElement, {
|
|
@@ -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 OrdersOptionUI = function OrdersOptionUI(props) {
|
|
39
|
-
var _theme$images, _theme$images2, _props$beforeElements, _props$beforeComponen, _props$afterComponent, _props$afterElements;
|
|
39
|
+
var _theme$images, _theme$images2, _ref, _props$beforeElements, _props$beforeComponen, _props$afterComponent, _props$afterElements;
|
|
40
40
|
var horizontal = props.horizontal,
|
|
41
41
|
activeOrders = props.activeOrders,
|
|
42
42
|
orderList = props.orderList,
|
|
@@ -76,8 +76,8 @@ var OrdersOptionUI = function OrdersOptionUI(props) {
|
|
|
76
76
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
77
77
|
loadingOrders = _useState4[0],
|
|
78
78
|
setLoadingOrders = _useState4[1];
|
|
79
|
-
var handleReorder =
|
|
80
|
-
|
|
79
|
+
var handleReorder = function handleReorder(_x) {
|
|
80
|
+
return (_ref = _ref || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(orderId) {
|
|
81
81
|
var _yield$reorder, _error, result;
|
|
82
82
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
83
83
|
while (1) switch (_context.prev = _context.next) {
|
|
@@ -114,11 +114,8 @@ var OrdersOptionUI = function OrdersOptionUI(props) {
|
|
|
114
114
|
return _context.stop();
|
|
115
115
|
}
|
|
116
116
|
}, _callee, null, [[1, 13]]);
|
|
117
|
-
}));
|
|
118
|
-
|
|
119
|
-
return _ref.apply(this, arguments);
|
|
120
|
-
};
|
|
121
|
-
}();
|
|
117
|
+
}))).apply(this, arguments);
|
|
118
|
+
};
|
|
122
119
|
var getOrderStatus = function getOrderStatus(s) {
|
|
123
120
|
var _theme$defaultLanguag, _theme$defaultLanguag2, _theme$defaultLanguag3, _theme$defaultLanguag4, _theme$defaultLanguag5, _theme$defaultLanguag6, _theme$defaultLanguag7, _theme$defaultLanguag8, _theme$defaultLanguag9, _theme$defaultLanguag10, _theme$defaultLanguag11, _theme$defaultLanguag12, _theme$defaultLanguag13, _theme$defaultLanguag14, _theme$defaultLanguag15, _theme$defaultLanguag16, _theme$defaultLanguag17, _theme$defaultLanguag18, _theme$defaultLanguag19, _theme$defaultLanguag20, _theme$defaultLanguag21, _theme$defaultLanguag22, _theme$defaultLanguag23, _theme$defaultLanguag24;
|
|
124
121
|
var status = parseInt(s);
|
|
@@ -9,8 +9,10 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
9
9
|
var _reactSelect = _interopRequireDefault(require("react-select"));
|
|
10
10
|
var _orderingComponentsExternal = require("ordering-components-external");
|
|
11
11
|
var _styledComponents = require("styled-components");
|
|
12
|
-
var
|
|
13
|
-
var
|
|
12
|
+
var _Modal = require("../Modal");
|
|
13
|
+
var _SignUpForm = require("../SignUpForm");
|
|
14
|
+
var _Buttons = require("../../styles/Buttons");
|
|
15
|
+
var _Confirm = require("../Confirm");
|
|
14
16
|
var _AddressList = require("../AddressList");
|
|
15
17
|
var _UserDetails = require("../UserDetails");
|
|
16
18
|
var _styles = require("./styles");
|
|
@@ -34,7 +36,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
34
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; } }
|
|
35
37
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
36
38
|
var PhoneAutocompleteUI = function PhoneAutocompleteUI(props) {
|
|
37
|
-
var _orderState$options, _configState$configs,
|
|
39
|
+
var _orderState$options, _configState$configs, _orderState$options4, _orderState$options7, _theme$images, _theme$images2, _orderState$options8, _orderState$options9, _orderState$options11, _orderState$options12, _theme$colors, _theme$images3, _customerState$result, _customerState$result2;
|
|
38
40
|
var phone = props.phone,
|
|
39
41
|
customerState = props.customerState,
|
|
40
42
|
customersPhones = props.customersPhones,
|
|
@@ -48,7 +50,9 @@ var PhoneAutocompleteUI = function PhoneAutocompleteUI(props) {
|
|
|
48
50
|
onRedirectPage = props.onRedirectPage,
|
|
49
51
|
urlPhone = props.urlPhone,
|
|
50
52
|
orderTypes = props.orderTypes,
|
|
51
|
-
localPhoneCode = props.localPhoneCode
|
|
53
|
+
localPhoneCode = props.localPhoneCode,
|
|
54
|
+
isFromUrlPhone = props.isFromUrlPhone,
|
|
55
|
+
onRedirectPhoneUrlPage = props.onRedirectPhoneUrlPage;
|
|
52
56
|
var allOrderTypes = [1, 2, 3, 4, 5];
|
|
53
57
|
var pickupTypes = [2, 3, 4, 5];
|
|
54
58
|
var _useOrder = (0, _orderingComponentsExternal.useOrder)(),
|
|
@@ -115,10 +119,10 @@ var PhoneAutocompleteUI = function PhoneAutocompleteUI(props) {
|
|
|
115
119
|
setCustomerState(_objectSpread(_objectSpread({}, customerState), {}, {
|
|
116
120
|
result: user
|
|
117
121
|
}));
|
|
118
|
-
setOpenModal({
|
|
122
|
+
setOpenModal(_objectSpread(_objectSpread({}, openModal), {}, {
|
|
119
123
|
customer: true,
|
|
120
124
|
signup: false
|
|
121
|
-
});
|
|
125
|
+
}));
|
|
122
126
|
};
|
|
123
127
|
var handleFindClick = function handleFindClick() {
|
|
124
128
|
var _orderState$options2;
|
|
@@ -168,6 +172,9 @@ var PhoneAutocompleteUI = function PhoneAutocompleteUI(props) {
|
|
|
168
172
|
setInputValue(option ? option === null || option === void 0 ? void 0 : option.value : '');
|
|
169
173
|
if (!option) {
|
|
170
174
|
onChangeNumber('');
|
|
175
|
+
if (isFromUrlPhone) {
|
|
176
|
+
onRedirectPhoneUrlPage && onRedirectPhoneUrlPage('home');
|
|
177
|
+
}
|
|
171
178
|
return;
|
|
172
179
|
}
|
|
173
180
|
var user = (_customersPhones$user = customersPhones.users) === null || _customersPhones$user === void 0 ? void 0 : _customersPhones$user.find(function (user) {
|
|
@@ -177,20 +184,14 @@ var PhoneAutocompleteUI = function PhoneAutocompleteUI(props) {
|
|
|
177
184
|
setCustomerState(_objectSpread(_objectSpread({}, customerState), {}, {
|
|
178
185
|
result: user
|
|
179
186
|
}));
|
|
180
|
-
setOpenModal({
|
|
187
|
+
setOpenModal(_objectSpread(_objectSpread({}, openModal), {}, {
|
|
181
188
|
signup: false,
|
|
182
189
|
customer: true
|
|
183
|
-
});
|
|
190
|
+
}));
|
|
184
191
|
} else {
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
error: false
|
|
188
|
-
}
|
|
192
|
+
setOpenModal(_objectSpread(_objectSpread({}, openModal), {}, {
|
|
193
|
+
error: true
|
|
189
194
|
}));
|
|
190
|
-
setOpenModal({
|
|
191
|
-
customer: false,
|
|
192
|
-
signup: true
|
|
193
|
-
});
|
|
194
195
|
}
|
|
195
196
|
};
|
|
196
197
|
var createNewUser = function createNewUser() {
|
|
@@ -216,6 +217,9 @@ var PhoneAutocompleteUI = function PhoneAutocompleteUI(props) {
|
|
|
216
217
|
}
|
|
217
218
|
}));
|
|
218
219
|
deleteUserCustomer(true);
|
|
220
|
+
if (isFromUrlPhone) {
|
|
221
|
+
onRedirectPhoneUrlPage && onRedirectPhoneUrlPage('home');
|
|
222
|
+
}
|
|
219
223
|
};
|
|
220
224
|
var handleChangeToPickup = function handleChangeToPickup() {
|
|
221
225
|
var _orderTypes$find;
|
|
@@ -232,6 +236,10 @@ var PhoneAutocompleteUI = function PhoneAutocompleteUI(props) {
|
|
|
232
236
|
return obj;
|
|
233
237
|
}) || [];
|
|
234
238
|
(0, _react.useEffect)(function () {
|
|
239
|
+
if (customersPhones !== null && customersPhones !== void 0 && customersPhones.loading) return;
|
|
240
|
+
if (!urlPhone && isFromUrlPhone) {
|
|
241
|
+
onRedirectPhoneUrlPage && onRedirectPhoneUrlPage('home');
|
|
242
|
+
}
|
|
235
243
|
if (!urlPhone) return;
|
|
236
244
|
onInputChange(urlPhone, {
|
|
237
245
|
action: 'url'
|
|
@@ -240,7 +248,7 @@ var PhoneAutocompleteUI = function PhoneAutocompleteUI(props) {
|
|
|
240
248
|
value: urlPhone,
|
|
241
249
|
label: urlPhone
|
|
242
250
|
});
|
|
243
|
-
}, [urlPhone, customersPhones === null || customersPhones === void 0
|
|
251
|
+
}, [urlPhone, customersPhones === null || customersPhones === void 0 ? void 0 : customersPhones.loading]);
|
|
244
252
|
(0, _react.useEffect)(function () {
|
|
245
253
|
var _orderState$options3;
|
|
246
254
|
if (pickupTypes.includes(orderState === null || orderState === void 0 || (_orderState$options3 = orderState.options) === null || _orderState$options3 === void 0 ? void 0 : _orderState$options3.type)) {
|
|
@@ -252,7 +260,7 @@ var PhoneAutocompleteUI = function PhoneAutocompleteUI(props) {
|
|
|
252
260
|
return (configTypes === null || configTypes === void 0 ? void 0 : configTypes.includes(type.value)) && type.value !== 1;
|
|
253
261
|
}) : orderTypes).map(function (item, i) {
|
|
254
262
|
var _orderState$options5, _orderState$options6;
|
|
255
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
263
|
+
return /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
|
|
256
264
|
key: item.value,
|
|
257
265
|
onClick: function onClick() {
|
|
258
266
|
return handleChangeType(item.value);
|
|
@@ -289,7 +297,7 @@ var PhoneAutocompleteUI = function PhoneAutocompleteUI(props) {
|
|
|
289
297
|
src: theme === null || theme === void 0 || (_theme$images2 = theme.images) === null || _theme$images2 === void 0 || (_theme$images2 = _theme$images2.general) === null || _theme$images2 === void 0 ? void 0 : _theme$images2.pickupIco,
|
|
290
298
|
width: 22,
|
|
291
299
|
height: 22
|
|
292
|
-
})), /*#__PURE__*/_react.default.createElement("p", null, t('PICKUP', 'Pickup')))), isPickupSelected && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", null, t('WHAT_PICKUP_YOU_NEED', 'What kind of pickup do you need?')), /*#__PURE__*/_react.default.createElement(_styles.AdditionalTypesContainer, null, /*#__PURE__*/_react.default.createElement(OrderTypesComponent, null))), configTypes.includes(orderState === null || orderState === void 0 || (_orderState$options8 = orderState.options) === null || _orderState$options8 === void 0 ? void 0 : _orderState$options8.type) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !userCustomer && /*#__PURE__*/_react.default.createElement(_styles.PhoneAutocompleteContainer, null, /*#__PURE__*/_react.default.createElement("h2", null, t('ADDING_CUSTOMERS_PHONE_NUMBER', 'Adding the customers’ phone number')), /*#__PURE__*/_react.default.createElement(_styles.WrappBtn, null, /*#__PURE__*/_react.default.createElement(
|
|
300
|
+
})), /*#__PURE__*/_react.default.createElement("p", null, t('PICKUP', 'Pickup')))), isPickupSelected && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", null, t('WHAT_PICKUP_YOU_NEED', 'What kind of pickup do you need?')), /*#__PURE__*/_react.default.createElement(_styles.AdditionalTypesContainer, null, /*#__PURE__*/_react.default.createElement(OrderTypesComponent, null))), configTypes.includes(orderState === null || orderState === void 0 || (_orderState$options8 = orderState.options) === null || _orderState$options8 === void 0 ? void 0 : _orderState$options8.type) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !userCustomer && /*#__PURE__*/_react.default.createElement(_styles.PhoneAutocompleteContainer, null, /*#__PURE__*/_react.default.createElement("h2", null, t('ADDING_CUSTOMERS_PHONE_NUMBER', 'Adding the customers’ phone number')), /*#__PURE__*/_react.default.createElement(_styles.WrappBtn, null, /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
|
|
293
301
|
color: inputValue || userCustomer && orderState !== null && orderState !== void 0 && (_orderState$options9 = orderState.options) !== null && _orderState$options9 !== void 0 && (_orderState$options9 = _orderState$options9.address) !== null && _orderState$options9 !== void 0 && _orderState$options9.address ? 'primary' : 'secundary',
|
|
294
302
|
onMouseDown: function onMouseDown() {
|
|
295
303
|
var _orderState$options10;
|
|
@@ -314,14 +322,14 @@ var PhoneAutocompleteUI = function PhoneAutocompleteUI(props) {
|
|
|
314
322
|
onInputChange: onInputChange,
|
|
315
323
|
isLoading: customersPhones === null || customersPhones === void 0 ? void 0 : customersPhones.loading,
|
|
316
324
|
options: optionsToSelect
|
|
317
|
-
}), optSelected && /*#__PURE__*/_react.default.createElement(_styles.ContinueButton, null, /*#__PURE__*/_react.default.createElement(
|
|
325
|
+
}), optSelected && /*#__PURE__*/_react.default.createElement(_styles.ContinueButton, null, /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
|
|
318
326
|
onClick: function onClick() {
|
|
319
327
|
return onChange(optSelected);
|
|
320
328
|
},
|
|
321
329
|
color: "primary"
|
|
322
330
|
}, t('CONTINUE', 'Continue'))))))), /*#__PURE__*/_react.default.createElement(_styles.ImageWrapper, {
|
|
323
331
|
bgimage: theme === null || theme === void 0 || (_theme$images3 = theme.images) === null || _theme$images3 === void 0 || (_theme$images3 = _theme$images3.general) === null || _theme$images3 === void 0 ? void 0 : _theme$images3.phoneHero
|
|
324
|
-
})), /*#__PURE__*/_react.default.createElement(
|
|
332
|
+
})), /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
|
|
325
333
|
open: openModal.signup,
|
|
326
334
|
width: "80%",
|
|
327
335
|
onClose: function onClose() {
|
|
@@ -329,14 +337,14 @@ var PhoneAutocompleteUI = function PhoneAutocompleteUI(props) {
|
|
|
329
337
|
signup: false
|
|
330
338
|
}));
|
|
331
339
|
}
|
|
332
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
340
|
+
}, /*#__PURE__*/_react.default.createElement(_SignUpForm.SignUpForm, {
|
|
333
341
|
externalPhoneNumber: "".concat(localPhoneCode || countryCallingCode, " ").concat((optSelected === null || optSelected === void 0 ? void 0 : optSelected.value) || phone),
|
|
334
342
|
saveCustomerUser: saveCustomerUser,
|
|
335
343
|
fieldsNotValid: props.fieldsNotValid,
|
|
336
344
|
useChekoutFileds: true,
|
|
337
345
|
isCustomerMode: true,
|
|
338
346
|
isPopup: true
|
|
339
|
-
})), /*#__PURE__*/_react.default.createElement(
|
|
347
|
+
})), /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
|
|
340
348
|
open: openModal.customer,
|
|
341
349
|
width: "80%",
|
|
342
350
|
onClose: function onClose() {
|
|
@@ -344,7 +352,7 @@ var PhoneAutocompleteUI = function PhoneAutocompleteUI(props) {
|
|
|
344
352
|
},
|
|
345
353
|
hideCloseDefault: true,
|
|
346
354
|
padding: "20px"
|
|
347
|
-
}, /*#__PURE__*/_react.default.createElement(_styles.UserEdit, null, !(customerState !== null && customerState !== void 0 && customerState.loading) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_UserDetails.UserDetails, {
|
|
355
|
+
}, /*#__PURE__*/_react.default.createElement(_styles.UserEdit, null, !(customerState !== null && customerState !== void 0 && customerState.loading) && !(customersPhones !== null && customersPhones !== void 0 && customersPhones.loading) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_UserDetails.UserDetails, {
|
|
348
356
|
isAddressFormOpen: isAddressFormOpen,
|
|
349
357
|
isOpenUserData: isOpenUserData,
|
|
350
358
|
userId: customerState === null || customerState === void 0 || (_customerState$result = customerState.result) === null || _customerState$result === void 0 ? void 0 : _customerState$result.id,
|
|
@@ -367,7 +375,14 @@ var PhoneAutocompleteUI = function PhoneAutocompleteUI(props) {
|
|
|
367
375
|
isOpenUserData: isOpenUserData,
|
|
368
376
|
setIsOpenUserData: setIsOpenUserData,
|
|
369
377
|
setIsAddressFormOpen: setIsAddressFormOpen
|
|
370
|
-
})))), /*#__PURE__*/_react.default.createElement(
|
|
378
|
+
})))), /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
|
|
379
|
+
open: openModal.error,
|
|
380
|
+
width: "50%",
|
|
381
|
+
onClose: function onClose() {
|
|
382
|
+
return handleCloseAddressList();
|
|
383
|
+
},
|
|
384
|
+
padding: "20px"
|
|
385
|
+
}, /*#__PURE__*/_react.default.createElement(_styles.NotFoundUser, null, /*#__PURE__*/_react.default.createElement("h2", null, t('NO_USER_FOUND', 'No user found')))), /*#__PURE__*/_react.default.createElement(_Confirm.Alert, {
|
|
371
386
|
title: t('ERROR', 'Error'),
|
|
372
387
|
open: alertState.open,
|
|
373
388
|
content: alertState.content,
|
|
@@ -4,10 +4,10 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.WrappBtn = exports.WrapInput = exports.UserEdit = exports.TypesContainer = exports.TypeButton = exports.Title = exports.Slogan = exports.SelectContainer = exports.SearchContainer = exports.PhoneContainer = exports.PhoneAutocompleteContainer = exports.Info = exports.ImageWrapper = exports.IconTypeButton = exports.ContinueButton = exports.ContentWrapper = exports.AutoComplete = exports.AdditionalTypesContainer = void 0;
|
|
7
|
+
exports.WrappBtn = exports.WrapInput = exports.UserEdit = exports.TypesContainer = exports.TypeButton = exports.Title = exports.Slogan = exports.SelectContainer = exports.SearchContainer = exports.PhoneContainer = exports.PhoneAutocompleteContainer = exports.NotFoundUser = exports.Info = exports.ImageWrapper = exports.IconTypeButton = exports.ContinueButton = exports.ContentWrapper = exports.AutoComplete = exports.AdditionalTypesContainer = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
10
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31;
|
|
10
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32;
|
|
11
11
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
12
12
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
13
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -50,7 +50,7 @@ var Slogan = _styledComponents.default.p(_templateObject9 || (_templateObject9 =
|
|
|
50
50
|
return ((_props$theme7 = props.theme) === null || _props$theme7 === void 0 ? void 0 : _props$theme7.rtl) && (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n text-align: right;\n "])));
|
|
51
51
|
});
|
|
52
52
|
exports.Slogan = Slogan;
|
|
53
|
-
var WrapInput = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n position: relative;\n cursor: pointer;\n\n ", "\n
|
|
53
|
+
var WrapInput = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n position: relative;\n cursor: pointer;\n\n ", "\n\n div{\n color: #FFF;\n position: relative;\n bottom: 25px;\n left: 15px;\n ", "\n }\n\n svg {\n color: #FFF;\n position: absolute;\n font-size: 22px;\n\n margin-right: 10px;\n ", "\n\n ", "\n\n }\n"])), function (_ref2) {
|
|
54
54
|
var withIcon = _ref2.withIcon;
|
|
55
55
|
return withIcon && (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n width: calc(100% - 20px);\n box-sizing: border-box;\n\n &::before {\n content: \"\";\n position: absolute;\n right: 5px;\n top: 0;\n bottom: 18px;\n width: 15px;\n\n ", "\n }\n\n @media (min-width: 1024px) {\n width: calc(50% - 20px);\n }\n "])), function (props) {
|
|
56
56
|
var _props$theme8;
|
|
@@ -67,9 +67,9 @@ var WrapInput = _styledComponents.default.div(_templateObject11 || (_templateObj
|
|
|
67
67
|
return (_props$theme11 = props.theme) !== null && _props$theme11 !== void 0 && _props$theme11.rtl ? (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n left: 0px;\n "]))) : (0, _styledComponents.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n right: 0px;\n "])));
|
|
68
68
|
});
|
|
69
69
|
exports.WrapInput = WrapInput;
|
|
70
|
-
var AutoComplete = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n width: 45
|
|
70
|
+
var AutoComplete = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n width: 45%;\n button {\n position: absolute;\n left: 100%;\n transform: translate(-90%, -165%)\n }\n"])));
|
|
71
71
|
exports.AutoComplete = AutoComplete;
|
|
72
|
-
var UserEdit = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n > :first-child{\n margin-bottom: 20px
|
|
72
|
+
var UserEdit = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n > :first-child{\n margin-bottom: 20px;\n }\n"])));
|
|
73
73
|
exports.UserEdit = UserEdit;
|
|
74
74
|
var Info = _styledComponents.default.p(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral([""])));
|
|
75
75
|
exports.Info = Info;
|
|
@@ -118,5 +118,7 @@ var AdditionalTypesContainer = _styledComponents.default.div(_templateObject29 |
|
|
|
118
118
|
exports.AdditionalTypesContainer = AdditionalTypesContainer;
|
|
119
119
|
var PhoneAutocompleteContainer = _styledComponents.default.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n position: relative;\n h2 {\n font-size: 20px;\n margin-bottom: 20px;\n }\n"])));
|
|
120
120
|
exports.PhoneAutocompleteContainer = PhoneAutocompleteContainer;
|
|
121
|
-
var ContinueButton = _styledComponents.default.span(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n position: absolute;\n right: 35px;\n bottom: 5px;\n width
|
|
122
|
-
exports.ContinueButton = ContinueButton;
|
|
121
|
+
var ContinueButton = _styledComponents.default.span(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n position: absolute;\n right: 35px;\n bottom: 5px;\n width:\n button {\n cursor: pointer;\n }\n"])));
|
|
122
|
+
exports.ContinueButton = ContinueButton;
|
|
123
|
+
var NotFoundUser = _styledComponents.default.div(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n margin: 70px 0px;\n text-align: center;\n"])));
|
|
124
|
+
exports.NotFoundUser = NotFoundUser;
|
|
@@ -27,6 +27,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
27
27
|
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; } }
|
|
28
28
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
29
29
|
var ImageCrop = function ImageCrop(props) {
|
|
30
|
+
var _ref;
|
|
30
31
|
var photo = props.photo,
|
|
31
32
|
handleChangePhoto = props.handleChangePhoto,
|
|
32
33
|
onClose = props.onClose,
|
|
@@ -65,8 +66,8 @@ var ImageCrop = function ImageCrop(props) {
|
|
|
65
66
|
cropper.scale(value / 50);
|
|
66
67
|
setZoomValue(value);
|
|
67
68
|
};
|
|
68
|
-
var getCropData =
|
|
69
|
-
|
|
69
|
+
var getCropData = function getCropData() {
|
|
70
|
+
return (_ref = _ref || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
70
71
|
var _photo, response, _yield$response$json, result, error;
|
|
71
72
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
72
73
|
while (1) switch (_context.prev = _context.next) {
|
|
@@ -128,11 +129,8 @@ var ImageCrop = function ImageCrop(props) {
|
|
|
128
129
|
return _context.stop();
|
|
129
130
|
}
|
|
130
131
|
}, _callee);
|
|
131
|
-
}));
|
|
132
|
-
|
|
133
|
-
return _ref.apply(this, arguments);
|
|
134
|
-
};
|
|
135
|
-
}();
|
|
132
|
+
}))).apply(this, arguments);
|
|
133
|
+
};
|
|
136
134
|
var handleChangeRotate = function handleChangeRotate() {
|
|
137
135
|
if (!photo) return;
|
|
138
136
|
cropper.rotate(45);
|
|
@@ -53,7 +53,7 @@ var inputNames = [{
|
|
|
53
53
|
code: 'Address notes'
|
|
54
54
|
}];
|
|
55
55
|
var AddressFormUI = function AddressFormUI(props) {
|
|
56
|
-
var _ref, _formState$changes$ad, _formState$changes, _addressState$address, _addressState$address2, _addressState$address3, _formState$changes$lo, _formState$changes2, _configState$configs, _configState$configs2, _configState$configs3, _configState$configs4, _props$beforeElements, _props$beforeComponen, _theme$defaultLanguag, _theme$defaultLanguag2, _theme$defaultLanguag3, _props$beforeMidEleme, _props$beforeMidCompo, _props$afterMidElemen, _props$afterMidCompon, _orderState$options6, _props$afterComponent, _props$afterElements;
|
|
56
|
+
var _ref, _formState$changes$ad, _formState$changes, _addressState$address, _addressState$address2, _addressState$address3, _formState$changes$lo, _formState$changes2, _configState$configs, _configState$configs2, _configState$configs3, _configState$configs4, _ref2, _props$beforeElements, _props$beforeComponen, _theme$defaultLanguag, _theme$defaultLanguag2, _theme$defaultLanguag3, _props$beforeMidEleme, _props$beforeMidCompo, _props$afterMidElemen, _props$afterMidCompon, _orderState$options6, _props$afterComponent, _props$afterElements;
|
|
57
57
|
var isPopup = props.isPopup,
|
|
58
58
|
addressesList = props.addressesList,
|
|
59
59
|
googleMapsControls = props.googleMapsControls,
|
|
@@ -247,8 +247,8 @@ var AddressFormUI = function AddressFormUI(props) {
|
|
|
247
247
|
var handleGoToPage = function handleGoToPage(data) {
|
|
248
248
|
events.emit('go_to_page', data);
|
|
249
249
|
};
|
|
250
|
-
var onSubmit =
|
|
251
|
-
|
|
250
|
+
var onSubmit = function onSubmit() {
|
|
251
|
+
return (_ref2 = _ref2 || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
252
252
|
var _formState$changes3, _addressState$address5, _formState$changes4, _formState$changes5, _arrayList$map$some2;
|
|
253
253
|
var _formState$changes6, arrayList, addressToCompare, isAddressAlreadyExist;
|
|
254
254
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
@@ -315,11 +315,8 @@ var AddressFormUI = function AddressFormUI(props) {
|
|
|
315
315
|
return _context.stop();
|
|
316
316
|
}
|
|
317
317
|
}, _callee);
|
|
318
|
-
}));
|
|
319
|
-
|
|
320
|
-
return _ref2.apply(this, arguments);
|
|
321
|
-
};
|
|
322
|
-
}();
|
|
318
|
+
}))).apply(this, arguments);
|
|
319
|
+
};
|
|
323
320
|
|
|
324
321
|
// const handleAddressTag = (tag) => {
|
|
325
322
|
// setAddressTag(tag)
|