ordering-ui-external 7.0.4 → 7.0.5

package/_modules/themes/five/src/components/PaymentOptions/index.js

@@ -129,7 +129,9 @@ var PaymentOptionsUI = function PaymentOptionsUI(props) {
     t = _useLanguage2[1];
   var _useSession = (0, _orderingComponentsExternal.useSession)(),
     _useSession2 = _slicedToArray(_useSession, 1),
-    token = _useSession2[0].token;
+    _useSession2$ = _useSession2[0],
+    token = _useSession2$.token,
+    user = _useSession2$.user;
   var _useOrder = (0, _orderingComponentsExternal.useOrder)(),
     _useOrder2 = _slicedToArray(_useOrder, 1),
     options = _useOrder2[0].options;
@@ -157,16 +159,17 @@ var PaymentOptionsUI = function PaymentOptionsUI(props) {
   })) === null || _list$filter === void 0 ? void 0 : _list$filter.filter(function (p) {
     return useKioskApp ? includeKioskPaymethods.includes(p.gateway) : p;
   });
+  var paymethodsFieldRequired = ['paypal', 'apple_pay', 'global_apple_pay'];
   var handlePaymentMethodClick = function handlePaymentMethodClick(paymethod) {
     var _validationFields$fie, _validationFields$fie2, _validationFields$fie3, _validationFields$fie4, _validationFields$fie5, _validationFields$fie6;
-    if ((paymethod === null || paymethod === void 0 ? void 0 : paymethod.gateway) === 'paypal' && options.type === 1 && validationFields !== null && validationFields !== void 0 && (_validationFields$fie = validationFields.fields) !== null && _validationFields$fie !== void 0 && (_validationFields$fie2 = _validationFields$fie.checkout) !== null && _validationFields$fie2 !== void 0 && (_validationFields$fie3 = _validationFields$fie2.driver_tip) !== null && _validationFields$fie3 !== void 0 && _validationFields$fie3.enabled && validationFields !== null && validationFields !== void 0 && (_validationFields$fie4 = validationFields.fields) !== null && _validationFields$fie4 !== void 0 && (_validationFields$fie5 = _validationFields$fie4.checkout) !== null && _validationFields$fie5 !== void 0 && (_validationFields$fie6 = _validationFields$fie5.driver_tip) !== null && _validationFields$fie6 !== void 0 && _validationFields$fie6.required && Number(cart === null || cart === void 0 ? void 0 : cart.driver_tip) <= 0) {
+    if (paymethodsFieldRequired.includes(paymethod === null || paymethod === void 0 ? void 0 : paymethod.gateway) && options.type === 1 && validationFields !== null && validationFields !== void 0 && (_validationFields$fie = validationFields.fields) !== null && _validationFields$fie !== void 0 && (_validationFields$fie2 = _validationFields$fie.checkout) !== null && _validationFields$fie2 !== void 0 && (_validationFields$fie3 = _validationFields$fie2.driver_tip) !== null && _validationFields$fie3 !== void 0 && _validationFields$fie3.enabled && validationFields !== null && validationFields !== void 0 && (_validationFields$fie4 = validationFields.fields) !== null && _validationFields$fie4 !== void 0 && (_validationFields$fie5 = _validationFields$fie4.checkout) !== null && _validationFields$fie5 !== void 0 && (_validationFields$fie6 = _validationFields$fie5.driver_tip) !== null && _validationFields$fie6 !== void 0 && _validationFields$fie6.required && Number(cart === null || cart === void 0 ? void 0 : cart.driver_tip) <= 0) {
       setAlertState({
         open: true,
         content: [t('DRIVER_TIPS_REQUIRED', 'Driver tips is required, please select a driver tip before select this paymethod')]
       });
       return;
     }
-    if ((paymethod === null || paymethod === void 0 ? void 0 : paymethod.gateway) === 'paypal' && requiredFields.length > 0) {
+    if (paymethodsFieldRequired.includes(paymethod === null || paymethod === void 0 ? void 0 : paymethod.gateway) && requiredFields.length > 0) {
       openUserModal && openUserModal(true);
       setPaymethodClicked({
         confirmed: false,
@@ -174,7 +177,7 @@ var PaymentOptionsUI = function PaymentOptionsUI(props) {
       });
       return;
     }
-    if ((cart === null || cart === void 0 ? void 0 : cart.balance) > 0) {
+    if ((cart === null || cart === void 0 ? void 0 : cart.balance) > 0 || user !== null && user !== void 0 && user.guest_id) {
       var isPopupMethod = popupMethods.includes(paymethod === null || paymethod === void 0 ? void 0 : paymethod.gateway);
       handlePaymethodClick(paymethod, isPopupMethod);
       return;

package/_modules/themes/five/src/components/ProductForm/index.js

@@ -55,7 +55,7 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 _swiper.default.use([_swiper.Navigation, _swiper.Thumbs]);
 var ProductOptionsUI = function ProductOptionsUI(props) {
-  var _configs$unaddressed_, _configs$guest_checko, _orderState$options, _configs$allowed_orde, _configs$allowed_orde2, _orderState$options2, _theme$business_view, _theme$business_view$, _theme$business_view$2, _theme$business_view$3, _theme$business_view$4, _theme$business_view$5, _theme$business_view$6, _theme$defaultLanguag, _product$tags, _product$ingredients2, _product$extras, _product$ingredients3, _product$ingredients4, _product$ingredients5, _product$extras2, _theme$defaultLanguag2, _theme$defaultLanguag3, _props$afterMidElemen, _props$afterMidCompon, _orderState$options3, _orderState$options4, _orderState$options5, _orderState$options6, _theme$defaultLanguag4, _theme$defaultLanguag5, _theme$defaultLanguag6, _orderState$options7, _orderState$options8, _theme$defaultLanguag7, _theme$defaultLanguag8, _theme$defaultLanguag9, _theme$defaultLanguag10, _theme$defaultLanguag11, _theme$defaultLanguag12, _theme$defaultLanguag13, _error$;
+  var _configs$unaddressed_, _configs$guest_checko, _orderState$options, _configs$allowed_orde, _configs$allowed_orde2, _orderState$options2, _theme$business_view, _theme$business_view$, _theme$business_view$2, _theme$business_view$3, _theme$business_view$4, _theme$business_view$5, _theme$business_view$6, _theme$defaultLanguag, _product$tags, _product$ingredients2, _product$extras, _product$ingredients3, _product$ingredients4, _product$ingredients5, _product$extras2, _theme$defaultLanguag2, _theme$defaultLanguag3, _props$afterMidElemen, _props$afterMidCompon, _orderState$options3, _orderState$options4, _orderState$options5, _orderState$options6, _theme$defaultLanguag4, _theme$defaultLanguag5, _theme$defaultLanguag6, _orderState$options7, _orderState$options8, _theme$defaultLanguag7, _orderState$options9, _theme$defaultLanguag8, _theme$defaultLanguag9, _theme$defaultLanguag10, _theme$defaultLanguag11, _theme$defaultLanguag12, _theme$defaultLanguag13, _error$;
   var businessSlug = props.businessSlug,
     editMode = props.editMode,
     isSoldOut = props.isSoldOut,
@@ -685,7 +685,7 @@ var ProductOptionsUI = function ProductOptionsUI(props) {
     className: "add",
     color: "primary",
     disabled: true
-  }, t('LOADING', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag7 = theme.defaultLanguages) === null || _theme$defaultLanguag7 === void 0 ? void 0 : _theme$defaultLanguag7.LOADING) || 'Loading')) : /*#__PURE__*/_react.default.createElement(_AddressList.AddressList, {
+  }, t('LOADING', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag7 = theme.defaultLanguages) === null || _theme$defaultLanguag7 === void 0 ? void 0 : _theme$defaultLanguag7.LOADING) || 'Loading')) : !(orderState !== null && orderState !== void 0 && (_orderState$options9 = orderState.options) !== null && _orderState$options9 !== void 0 && _orderState$options9.address) && /*#__PURE__*/_react.default.createElement(_AddressList.AddressList, {
     isModal: true,
     isProfile: true,
     userId: isNaN(userCustomer === null || userCustomer === void 0 ? void 0 : userCustomer.id) ? null : userCustomer === null || userCustomer === void 0 ? void 0 : userCustomer.id,
@@ -701,7 +701,7 @@ var ProductOptionsUI = function ProductOptionsUI(props) {
     }
   }, isSoldOut || maxProductQuantity <= 0 ? t('SOLD_OUT', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag8 = theme.defaultLanguages) === null || _theme$defaultLanguag8 === void 0 ? void 0 : _theme$defaultLanguag8.SOLD_OUT) || 'Sold out') : t('LOGIN_SIGNUP', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag9 = theme.defaultLanguages) === null || _theme$defaultLanguag9 === void 0 ? void 0 : _theme$defaultLanguag9.LOGIN_SIGNUP) || 'Login / Sign Up')), !auth && guestCheckoutEnabled && orderTypeEnabled && /*#__PURE__*/_react.default.createElement(_styles.GuestUserLink, {
     onClick: handleUpdateGuest
-  }, t('WITH_GUEST_USER', 'With Guest user')))))), modalIsOpen && !auth && /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
+  }, t('AS_GUEST_USER', 'As guest user')))))), modalIsOpen && !auth && /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
     open: modalIsOpen,
     onClose: function onClose() {
       return closeModal();

package/_modules/themes/five/src/components/ServiceForm/index.js

@@ -439,7 +439,7 @@ var ServiceFormUI = function ServiceFormUI(props) {
   }, actionStatus !== null && actionStatus !== void 0 && actionStatus.loading ? /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
     height: 25,
     width: 70
-  }) : t('WITH_GUEST_USER', 'With Guest user')))), modalIsOpen && !auth && /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
+  }) : t('AS_GUEST_USER', 'As guest user')))), modalIsOpen && !auth && /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
     open: modalIsOpen,
     onClose: function onClose() {
       return closeModal();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ordering-ui-external",
-  "version": "7.0.4",
+  "version": "7.0.5",
   "description": "Ordering UI Components",
   "main": "./_modules/index.js",
   "exports": {
@@ -87,7 +87,7 @@
     "lodash": "^4.17.19",
     "moment": "^2.29.4",
     "nanoid": "^4.0.0",
-    "ordering-components-external": "6.0.1",
+    "ordering-components-external": "6.0.2",
     "payment": "^2.4.6",
     "polished": "^3.6.6",
     "react-bootstrap-icons": "^1.7.2",

package/src/themes/five/src/components/PaymentOptions/index.js

@@ -109,7 +109,7 @@ const PaymentOptionsUI = (props) => {
     setPaymethodClicked
   } = props
   const [, t] = useLanguage()
-  const [{ token }] = useSession()
+  const [{ token, user }] = useSession()
   const [{ options }] = useOrder()
   const [alertState, setAlertState] = useState({ open: false, content: [] })
   const [validationFields] = useValidationFields()
@@ -129,8 +129,10 @@ const PaymentOptionsUI = (props) => {
 
   const supportedMethods = list?.filter(p => !multiCheckoutMethods.includes(p.gateway))?.filter(p => useKioskApp ? includeKioskPaymethods.includes(p.gateway) : p)
 
+  const paymethodsFieldRequired = ['paypal', 'apple_pay', 'global_apple_pay']
+
   const handlePaymentMethodClick = (paymethod) => {
-    if (paymethod?.gateway === 'paypal' &&
+    if (paymethodsFieldRequired.includes(paymethod?.gateway) &&
       options.type === 1 &&
       validationFields?.fields?.checkout?.driver_tip?.enabled &&
       validationFields?.fields?.checkout?.driver_tip?.required &&
@@ -142,7 +144,7 @@ const PaymentOptionsUI = (props) => {
       })
       return
     }
-    if (paymethod?.gateway === 'paypal' && requiredFields.length > 0) {
+    if (paymethodsFieldRequired.includes(paymethod?.gateway) && requiredFields.length > 0) {
       openUserModal && openUserModal(true)
       setPaymethodClicked({
         confirmed: false,
@@ -151,7 +153,7 @@ const PaymentOptionsUI = (props) => {
       return
     }
 
-    if (cart?.balance > 0) {
+    if (cart?.balance > 0 || user?.guest_id) {
       const isPopupMethod = popupMethods.includes(paymethod?.gateway)
       handlePaymethodClick(paymethod, isPopupMethod)
       return

package/src/themes/five/src/components/ProductForm/index.js

@@ -761,7 +761,7 @@ const ProductOptionsUI = (props) => {
                       >
                         {t('LOADING', theme?.defaultLanguages?.LOADING || 'Loading')}
                       </Button>
-                    ) : (
+                    ) : (!orderState?.options?.address && (
                       <AddressList
                         isModal
                         isProfile
@@ -770,6 +770,7 @@ const ProductOptionsUI = (props) => {
                         isProductForm
                       />
                     )
+                    )
                   )}
 
                   {(!auth || isSoldOut || maxProductQuantity <= 0) && (
@@ -785,7 +786,7 @@ const ProductOptionsUI = (props) => {
                   )}
                   {!auth && guestCheckoutEnabled && orderTypeEnabled && (
                     <GuestUserLink onClick={handleUpdateGuest}>
-                      {t('WITH_GUEST_USER', 'With Guest user')}
+                      {t('AS_GUEST_USER', 'As guest user')}
                     </GuestUserLink>
                   )}
                 </>

package/src/themes/five/src/components/ServiceForm/index.js

@@ -500,7 +500,7 @@ const ServiceFormUI = (props) => {
               )}
               {!auth && guestCheckoutEnabled && orderTypeEnabled && (
                 <GuestUserLink onClick={handleUpdateGuest}>
-                  {actionStatus?.loading ? <Skeleton height={25} width={70} /> : t('WITH_GUEST_USER', 'With Guest user')}
+                  {actionStatus?.loading ? <Skeleton height={25} width={70} /> : t('AS_GUEST_USER', 'As guest user')}
                 </GuestUserLink>
               )}
             </ButtonWrapper>