ordering-components-external 13.1.2 → 13.1.3

package/src/components/MyOrdersList/index.js

@@ -1,104 +1,104 @@
-import React, { useState, useEffect } from 'react'
-import PropTypes from 'prop-types'
-import { useSession } from '../../contexts/SessionContext'
-import { useApi } from '../../contexts/ApiContext'
-
-export const MyOrdersList = (props) => {
-  const {
-    status,
-    UIComponent
-  } = props
-
-  const [ordering] = useApi()
-
-  /**
-   * Get token from context
-   */
-  const [{ token }] = useSession()
-  /**
-   * Variable to save orders array
-   */
-  const [orders, setOrders] = useState([])
-  const requestsState = {}
-
-  /**
-   * Method to get orders from API
-   */
-  const getOrders = async () => {
-    try {
-      const source = {}
-      requestsState.orders = source
-      const { content: { result } } = await ordering.setAccessToken(token).orders().where([
-        { attribute: 'status', value: status }
-      ]).get({ cancelToken: source })
-      setOrders(result)
-    } catch (err) {
-    }
-  }
-
-  useEffect(() => {
-    getOrders()
-    return () => {
-      if (requestsState.orders) {
-        requestsState.orders.cancel()
-      }
-    }
-  }, [])
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          orders={orders}
-        />
-      )}
-    </>
-  )
-}
-
-MyOrdersList.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * Flag to change order card type [active, past]
-   */
-  orderType: PropTypes.oneOf(['active', 'previous']).isRequired,
-  /**
-   * array that must be containt order status
-   */
-  status: PropTypes.arrayOf(PropTypes.number).isRequired,
-  /**
-   * This must be contain array of orders
-   */
-  orders: PropTypes.arrayOf(PropTypes.object),
-  /**
-   * Components types before my orders list
-   * Array of type components, the parent props will pass to these components
-   */
-  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Components types after my orders list
-   * Array of type components, the parent props will pass to these components
-   */
-  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Elements before my orders list
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  beforeElements: PropTypes.arrayOf(PropTypes.element),
-  /**
-   * Elements after my orders list
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  afterElements: PropTypes.arrayOf(PropTypes.element)
-}
-
-MyOrdersList.defaultProps = {
-  beforeComponents: [],
-  afterComponents: [],
-  beforeElements: [],
-  afterElements: []
-}
+import React, { useState, useEffect } from 'react'
+import PropTypes from 'prop-types'
+import { useSession } from '../../contexts/SessionContext'
+import { useApi } from '../../contexts/ApiContext'
+
+export const MyOrdersList = (props) => {
+  const {
+    status,
+    UIComponent
+  } = props
+
+  const [ordering] = useApi()
+
+  /**
+   * Get token from context
+   */
+  const [{ token }] = useSession()
+  /**
+   * Variable to save orders array
+   */
+  const [orders, setOrders] = useState([])
+  const requestsState = {}
+
+  /**
+   * Method to get orders from API
+   */
+  const getOrders = async () => {
+    try {
+      const source = {}
+      requestsState.orders = source
+      const { content: { result } } = await ordering.setAccessToken(token).orders().where([
+        { attribute: 'status', value: status }
+      ]).get({ cancelToken: source })
+      setOrders(result)
+    } catch (err) {
+    }
+  }
+
+  useEffect(() => {
+    getOrders()
+    return () => {
+      if (requestsState.orders) {
+        requestsState.orders.cancel()
+      }
+    }
+  }, [])
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          orders={orders}
+        />
+      )}
+    </>
+  )
+}
+
+MyOrdersList.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * Flag to change order card type [active, past]
+   */
+  orderType: PropTypes.oneOf(['active', 'previous']).isRequired,
+  /**
+   * array that must be containt order status
+   */
+  status: PropTypes.arrayOf(PropTypes.number).isRequired,
+  /**
+   * This must be contain array of orders
+   */
+  orders: PropTypes.arrayOf(PropTypes.object),
+  /**
+   * Components types before my orders list
+   * Array of type components, the parent props will pass to these components
+   */
+  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Components types after my orders list
+   * Array of type components, the parent props will pass to these components
+   */
+  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Elements before my orders list
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  beforeElements: PropTypes.arrayOf(PropTypes.element),
+  /**
+   * Elements after my orders list
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  afterElements: PropTypes.arrayOf(PropTypes.element)
+}
+
+MyOrdersList.defaultProps = {
+  beforeComponents: [],
+  afterComponents: [],
+  beforeElements: [],
+  afterElements: []
+}

package/src/components/NewOrderNotification/index.js

@@ -1,30 +1,30 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import { useConfig } from '../../contexts/ConfigContext'
-
-export const NewOrderNotification = (props) => {
-  const { UIComponent } = props
-  const [{ configs }] = useConfig()
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          orderStatus={
-            props.isBusinessApp
-              ? configs?.notification_business_states?.value.split('|').map(value => Number(value)) || []
-              : configs?.notification_driver_states?.value.split('|').map(value => Number(value)) || []
-          }
-        />
-      )}
-    </>
-  )
-}
-
-NewOrderNotification.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType
-}
+import React from 'react'
+import PropTypes from 'prop-types'
+import { useConfig } from '../../contexts/ConfigContext'
+
+export const NewOrderNotification = (props) => {
+  const { UIComponent } = props
+  const [{ configs }] = useConfig()
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          orderStatus={
+            props.isBusinessApp
+              ? configs?.notification_business_states?.value.split('|').map(value => Number(value)) || []
+              : configs?.notification_driver_states?.value.split('|').map(value => Number(value)) || []
+          }
+        />
+      )}
+    </>
+  )
+}
+
+NewOrderNotification.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType
+}

package/src/components/OrderChange/index.js

@@ -1,128 +1,128 @@
-import React, { useState } from "react";
-import PropTypes from "prop-types";
-import { useSession } from "../../contexts/SessionContext";
-import { useApi } from "../../contexts/ApiContext";
-
-export const OrderChange = (props) => {
-  const { UIComponent } = props;
-
-  const [orderState, setOrderState] = useState({
-    order: null,
-    loading: false,
-    error: null,
-  });
-  const [ordering] = useApi();
-
-  /**
-   * Get token from context
-   */
-  const [{ token }] = useSession();
-  const requestsState = {};
-
-  /**
-   * Method to update  orders state from API
-   */
-
-  const handleUpdateStateOrder = async (body = {}) => {
-    setOrderState({ ...orderState, loading: true });
-    const { comments, min, hour, action, orderId } = body;
-    const time = hour * 60 + parseInt(min);
-
-    const orderStatus = {
-      acceptByBusiness: {
-        prepared_in: time,
-        status: 7,
-      },
-      rejectByBusiness: {
-        comment: comments,
-        status: 5,
-      },
-      acceptByDriver: {
-        delivered_in: time,
-        status: 8,
-      },
-      rejectByDriver: {
-        comment: comments,
-        status: 6,
-      },
-    };
-
-    try {
-      const source = {};
-      requestsState.order = source;
-      const bodyToSend = orderStatus[action] || {};
-      const {
-        content: { error, result },
-      } = await ordering.setAccessToken(token).orders(orderId).save(bodyToSend);
-
-      if (!error) {
-        setOrderState({ ...orderState, loading: false, order: result });
-      }
-      if (error) {
-        setOrderState({
-          ...orderState,
-          loading: false,
-          error: error,
-          order: result[0],
-        });
-      }
-    } catch (err) {
-      setOrderState({
-        ...orderState,
-        loading: false,
-        error: error,
-        order: err.message,
-      });
-    }
-  };
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          orderState={orderState}
-          updateStateOrder={handleUpdateStateOrder}
-        />
-      )}
-    </>
-  );
-};
-
-OrderChange.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * This must be contains orderId to fetch
-   */
-  orderId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  /**
-   * Components types before my orders list
-   * Array of type components, the parent props will pass to these components
-   */
-  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Components types after my orders list
-   * Array of type components, the parent props will pass to these components
-   */
-  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Elements before my orders list
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  beforeElements: PropTypes.arrayOf(PropTypes.element),
-  /**
-   * Elements after my orders list
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  afterElements: PropTypes.arrayOf(PropTypes.element),
-};
-
-OrderChange.defaultProps = {
-  beforeComponents: [],
-  afterComponents: [],
-  beforeElements: [],
-  afterElements: [],
-};
+import React, { useState } from "react";
+import PropTypes from "prop-types";
+import { useSession } from "../../contexts/SessionContext";
+import { useApi } from "../../contexts/ApiContext";
+
+export const OrderChange = (props) => {
+  const { UIComponent } = props;
+
+  const [orderState, setOrderState] = useState({
+    order: null,
+    loading: false,
+    error: null,
+  });
+  const [ordering] = useApi();
+
+  /**
+   * Get token from context
+   */
+  const [{ token }] = useSession();
+  const requestsState = {};
+
+  /**
+   * Method to update  orders state from API
+   */
+
+  const handleUpdateStateOrder = async (body = {}) => {
+    setOrderState({ ...orderState, loading: true });
+    const { comments, min, hour, action, orderId } = body;
+    const time = hour * 60 + parseInt(min);
+
+    const orderStatus = {
+      acceptByBusiness: {
+        prepared_in: time,
+        status: 7,
+      },
+      rejectByBusiness: {
+        comment: comments,
+        status: 5,
+      },
+      acceptByDriver: {
+        delivered_in: time,
+        status: 8,
+      },
+      rejectByDriver: {
+        comment: comments,
+        status: 6,
+      },
+    };
+
+    try {
+      const source = {};
+      requestsState.order = source;
+      const bodyToSend = orderStatus[action] || {};
+      const {
+        content: { error, result },
+      } = await ordering.setAccessToken(token).orders(orderId).save(bodyToSend);
+
+      if (!error) {
+        setOrderState({ ...orderState, loading: false, order: result });
+      }
+      if (error) {
+        setOrderState({
+          ...orderState,
+          loading: false,
+          error: error,
+          order: result[0],
+        });
+      }
+    } catch (err) {
+      setOrderState({
+        ...orderState,
+        loading: false,
+        error: error,
+        order: err.message,
+      });
+    }
+  };
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          orderState={orderState}
+          updateStateOrder={handleUpdateStateOrder}
+        />
+      )}
+    </>
+  );
+};
+
+OrderChange.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * This must be contains orderId to fetch
+   */
+  orderId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  /**
+   * Components types before my orders list
+   * Array of type components, the parent props will pass to these components
+   */
+  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Components types after my orders list
+   * Array of type components, the parent props will pass to these components
+   */
+  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Elements before my orders list
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  beforeElements: PropTypes.arrayOf(PropTypes.element),
+  /**
+   * Elements after my orders list
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  afterElements: PropTypes.arrayOf(PropTypes.element),
+};
+
+OrderChange.defaultProps = {
+  beforeComponents: [],
+  afterComponents: [],
+  beforeElements: [],
+  afterElements: [],
+};