ordering-components-external 13.1.7 → 13.1.8

package/src/components/Contacts/index.js

@@ -1,512 +1,512 @@
-import React, { useState, useEffect, useCallback } from 'react';
-import PropTypes, { string, object } from 'prop-types';
-import { useSession } from '../../contexts/SessionContext';
-import { useApi } from '../../contexts/ApiContext';
-import { useWebsocket } from '../../contexts/WebsocketContext';
-
-export const Contacts = (props) => {
-  const {
-    UIComponent,
-    firstFetch,
-    orderProps,
-    businessProps,
-    customerProps, // don't use because it prevents fetch "qualification"
-    driverProps,
-    businessConditions,
-    customerConditions,
-    driverConditions,
-    sortParams,
-    paginationSettings,
-    conditionsConector,
-  } = props;
-
-  const params = {
-    orderBy: (sortParams.direction === 'desc' ? '-' : '') + sortParams.param,
-  };
-
-  const [{ token, user }] = useSession();
-  const [ordering] = useApi();
-  const socket = useWebsocket();
-
-  const [sortBy, setSortBy] = useState(sortParams);
-  const [orders, setOrders] = useState({
-    data: [],
-    loading: true,
-    error: null,
-  });
-  const [contacts, setContacts] = useState({
-    data: [],
-    loading: true,
-    error: null,
-  });
-  const [pagination, setPagination] = useState({
-    currentPage:
-      paginationSettings.controlType === 'pages' &&
-      paginationSettings.page &&
-      paginationSettings.page >= 1
-        ? paginationSettings.page - 1
-        : 1,
-    pageSize: paginationSettings.pageSize ?? 6,
-  });
-
-  const getOrders = async (nextPage) => {
-    setOrders({
-      data: nextPage ? orders.data : [],
-      loading: true,
-      error: null,
-    });
-
-    const parameters = {
-      orderBy: (sortBy.direction === 'desc' ? '-' : '') + sortBy.param,
-    };
-    const pageFetch = {
-      page: nextPage ? pagination.currentPage + 1 : paginationSettings.page,
-      page_size: pagination.pageSize || paginationSettings.pageSize,
-    };
-
-    try {
-      const {
-        content: { result, error, pagination: pageConfig },
-      } = await ordering
-        .orders()
-        .parameters(parameters)
-        .asDashboard()
-        .get({ query: pageFetch });
-
-      if (!error) {
-        let hash = {};
-        setOrders({
-          ...orders,
-          data: nextPage
-            ? orders.data
-                .concat(result)
-                .filter((order) =>
-                  hash[order?.id] ? false : (hash[order?.id] = true)
-                )
-            : result,
-          loading: false,
-        });
-        setPagination({
-          currentPage: pageConfig?.current_page,
-          pageSize: pageConfig?.page_size,
-          totalPages: pageConfig?.total_pages,
-          total: pageConfig?.total,
-          from: pageConfig?.from,
-          to: pageConfig?.to,
-        });
-      } else {
-        setOrders({ ...orders, loading: false, error: result[0] });
-      }
-    } catch (err) {
-      setOrders({ ...orders, loading: false, error: [err.message] });
-    }
-  };
-
-  /**
-   * Method to get businesses from SDK
-   */
-  const getBusinesses = async (nextPage) => {
-    setContacts({
-      data: nextPage ? contacts.data : [],
-      loading: true,
-      error: null,
-    });
-
-    const where = {
-      conditions: businessConditions,
-      conector: conditionsConector,
-    };
-    const pageFetch = {
-      page: nextPage ? pagination.currentPage + 1 : paginationSettings.page,
-      page_size: pagination.pageSize || paginationSettings.pageSize,
-    };
-
-    try {
-      const {
-        content: { result, error, pagination: pageConfig },
-      } = await ordering
-        .businesses()
-        .select(businessProps)
-        .parameters(params)
-        .where(where)
-        .asDashboard()
-        .get({ query: pageFetch });
-
-      if (!error) {
-        setContacts({
-          ...contacts,
-          data: nextPage ? contacts.data.concat(result) : result,
-          loading: false,
-        });
-        setPagination({
-          currentPage: pageConfig?.current_page,
-          pageSize: pageConfig?.page_size,
-          totalPages: pageConfig?.total_pages,
-          total: pageConfig?.total,
-          from: pageConfig?.from,
-          to: pageConfig?.to,
-        });
-      } else {
-        setContacts({ ...contacts, loading: false, error: result[0] });
-      }
-    } catch (err) {
-      setContacts({ ...contacts, loading: false, error: err.message });
-    }
-  };
-
-  /**
-   * Method to get customers from SDK
-   */
-  const getCustomers = async (nextPage) => {
-    setContacts({
-      data: nextPage ? contacts.data : [],
-      loading: true,
-      error: null,
-    });
-
-    const where = {
-      conditions: customerConditions,
-      conector: conditionsConector,
-    };
-    const pageFetch = {
-      page: nextPage ? pagination.currentPage + 1 : paginationSettings.page,
-      page_size: pagination.pageSize || paginationSettings.pageSize,
-    };
-
-    try {
-      const {
-        content: { result, error, pagination: pageConfig },
-      } = await ordering
-        .setAccessToken(token)
-        .users()
-        .where(where)
-        .get({ query: pageFetch });
-
-      if (!error) {
-        setContacts({
-          ...contacts,
-          data: nextPage ? contacts.data.concat(result) : result,
-          loading: false,
-        });
-        setPagination({
-          currentPage: pageConfig?.current_page,
-          pageSize: pageConfig?.page_size,
-          totalPages: pageConfig?.total_pages,
-          total: pageConfig?.total,
-          from: pageConfig?.from,
-          to: pageConfig?.to,
-        });
-      } else {
-        setContacts({ ...contacts, loading: false, error: result[0] });
-      }
-    } catch (err) {
-      setContacts({ ...contacts, loading: false, error: err.message });
-    }
-  };
-
-  /**
-   * Method to get drivers from SDK
-   */
-  const getDrivers = async (nextPage) => {
-    setContacts({
-      data: nextPage ? contacts.data : [],
-      loading: true,
-      error: null,
-    });
-
-    const where = {
-      conditions: driverConditions,
-      conector: conditionsConector,
-    };
-    const pageFetch = {
-      page: nextPage ? pagination.currentPage + 1 : paginationSettings.page,
-      page_size: pagination.pageSize || paginationSettings.pageSize,
-    };
-
-    try {
-      const {
-        content: { result, error, pagination: pageConfig },
-      } = await ordering
-        .setAccessToken(token)
-        .users()
-        .select(driverProps)
-        .where(where)
-        .get({ query: pageFetch });
-
-      if (!error) {
-        setContacts({
-          ...contacts,
-          data: nextPage ? contacts.data.concat(result) : result,
-          loading: false,
-        });
-        setPagination({
-          currentPage: pageConfig?.current_page,
-          pageSize: pageConfig?.page_size,
-          totalPages: pageConfig?.total_pages,
-          total: pageConfig?.total,
-          from: pageConfig?.from,
-          to: pageConfig?.to,
-        });
-      } else {
-        setContacts({ ...contacts, loading: false, error: result[0] });
-      }
-    } catch (err) {
-      setContacts({ ...contacts, loading: false, error: err.message });
-    }
-  };
-
-  const loadMore = async (key) => {
-    switch (key) {
-      case 2:
-        getBusinesses(true);
-        break;
-      case 3:
-        getCustomers(true);
-        break;
-      case 4:
-        getDrivers(true);
-        break;
-      default:
-        getOrders(true);
-    }
-  };
-
-  useEffect(() => {
-    switch (firstFetch) {
-      case 'businesses':
-        getBusinesses();
-        break;
-      case 'customers':
-        getCustomers();
-        break;
-      case 'drivers':
-        getDrivers();
-        break;
-      default:
-        getOrders();
-    }
-  }, []);
-
-  useEffect(() => {
-    if (!orders.loading) {
-      getOrders();
-    }
-  }, [sortBy]);
-
-  useEffect(() => {
-    if (!token || !socket?.socket) return;
-
-    const messagesOrdersRoom =
-      user?.level === 0 ? 'messages_orders' : `messages_orders_${user?.id}`;
-    const ordersRoom = user?.level === 0 ? 'orders' : `orders_${user?.id}`;
-
-    socket.socket.on('connect', () => {
-      socket.join(messagesOrdersRoom);
-      socket.join(ordersRoom);
-    })
-
-    socket.join(messagesOrdersRoom);
-    socket.join(ordersRoom);
-
-    return () => {
-      socket.leave(messagesOrdersRoom);
-      socket.leave(ordersRoom);
-    };
-  }, [socket?.socket, user]);
-
-  const handleMessage = useCallback(async (message) => {
-    const { order_id: orderId } = message;
-
-    try {
-      const {
-        content: { result, error },
-      } = await ordering
-        .setAccessToken(token)
-        .orders(orderId)
-        .asDashboard()
-        .get();
-
-      if (!error) {
-        setOrders((prevOrders) => {
-          const { data } = prevOrders;
-
-          const order = data.find((order, index) => {
-            if (order.id === parseInt(orderId)) {
-              data.splice(index, 1);
-              data.unshift(result);
-              return true;
-            }
-
-            return false;
-          });
-
-          if (!order) {
-            data.unshift(result);
-          }
-
-          return { ...prevOrders, data };
-        });
-      }
-    } catch (err) {
-      return null;
-    }
-  }, []);
-
-  const handleOrder = useCallback(async (order) => {
-    const { id, status, driver } = order;
-
-    setOrders((prevOrders) => {
-      const { data } = prevOrders;
-
-      const newOrder = data.find((_order, index) => {
-        if (_order.id === id) {
-          if (_order.status !== status) {
-            delete order.total;
-            delete order.subtotal;
-            Object.assign(_order, order);
-          } else if (_order?.driver?.id !== driver?.id && user?.level === 4) {
-            data.splice(index, 1);
-          }
-
-          return true;
-        }
-
-        return false;
-      });
-
-      if (!newOrder) {
-        data.unshift(order);
-      }
-
-      return { ...prevOrders, data };
-    });
-  }, []);
-
-  useEffect(() => {
-    socket.on('message', handleMessage);
-    socket.on('orders_register', handleOrder);
-    socket.on('update_order', handleOrder);
-
-    return () => {
-      socket.off('message', handleMessage);
-      socket.off('update_order', handleOrder);
-    };
-  }, [socket, user]);
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          orders={orders}
-          setOrders={setOrders}
-          setSortBy={setSortBy}
-          contacts={contacts}
-          pagination={pagination}
-          getBusinesses={getBusinesses}
-          getCustomers={getCustomers}
-          getDrivers={getDrivers}
-          loadMore={loadMore}
-          getOrders={getOrders}
-        />
-      )}
-    </>
-  );
-};
-
-Contacts.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-
-  /**
-   * Initial page configuration
-   */
-  paginationSettings: PropTypes.object,
-
-  /**
-   * First data fetched
-   */
-  firstFetch: PropTypes.string,
-
-  /**
-   * Array of business props to fetch
-   */
-  businessProps: PropTypes.arrayOf(string),
-
-  /**
-   * Array of customer props to fetch
-   */
-  customerProps: PropTypes.arrayOf(string),
-
-  /**
-   * Array of driver props to fetch
-   */
-  driverProps: PropTypes.arrayOf(string),
-
-  /**
-   * Object parameters to sort the fetch
-   */
-  sortParams: PropTypes.object,
-
-  /**
-   * Array of conditions to fetch businesses
-   */
-  businessConditions: PropTypes.arrayOf(object),
-
-  /**
-   * Array of conditions to fetch customers
-   */
-  customerConditions: PropTypes.arrayOf(object),
-
-  /**
-   * Array of conditions to fetch drivers
-   */
-  driverConditions: PropTypes.arrayOf(object),
-
-  /**
-   * String that indicates the conector type of the conditions to fetch
-   */
-  conditionsConector: PropTypes.string,
-};
-
-Contacts.defaultProps = {
-  paginationSettings: { page: 1, pageSize: 6, controlType: 'infinity' },
-  firstFetch: 'businesses',
-  orderProps: [
-    'id',
-    'business',
-    'unread_count',
-    'delivery_datetime_utc',
-    'status',
-  ],
-  businessProps: ['id', 'name', 'logo'],
-  customerProps: [
-    'id',
-    'name',
-    'lastname',
-    'photo',
-    'assigned_orders_count',
-    'qualification', // do not select qualification
-    'level',
-  ],
-  driverProps: [
-    'id',
-    'name',
-    'lastname',
-    'photo',
-    'assigned_orders_count',
-    'level',
-  ],
-  sortParams: {
-    param: 'name',
-    direction: 'asc',
-  },
-  businessConditions: [
-    { attribute: 'enabled', value: { condition: '=', value: 'true' } },
-  ],
-  customerConditions: [{ attribute: 'level', value: [3] }],
-  driverConditions: [{ attribute: 'level', value: [4] }],
-  conditionsConector: 'AND',
-};
+import React, { useState, useEffect, useCallback } from 'react';
+import PropTypes, { string, object } from 'prop-types';
+import { useSession } from '../../contexts/SessionContext';
+import { useApi } from '../../contexts/ApiContext';
+import { useWebsocket } from '../../contexts/WebsocketContext';
+
+export const Contacts = (props) => {
+  const {
+    UIComponent,
+    firstFetch,
+    orderProps,
+    businessProps,
+    customerProps, // don't use because it prevents fetch "qualification"
+    driverProps,
+    businessConditions,
+    customerConditions,
+    driverConditions,
+    sortParams,
+    paginationSettings,
+    conditionsConector,
+  } = props;
+
+  const params = {
+    orderBy: (sortParams.direction === 'desc' ? '-' : '') + sortParams.param,
+  };
+
+  const [{ token, user }] = useSession();
+  const [ordering] = useApi();
+  const socket = useWebsocket();
+
+  const [sortBy, setSortBy] = useState(sortParams);
+  const [orders, setOrders] = useState({
+    data: [],
+    loading: true,
+    error: null,
+  });
+  const [contacts, setContacts] = useState({
+    data: [],
+    loading: true,
+    error: null,
+  });
+  const [pagination, setPagination] = useState({
+    currentPage:
+      paginationSettings.controlType === 'pages' &&
+      paginationSettings.page &&
+      paginationSettings.page >= 1
+        ? paginationSettings.page - 1
+        : 1,
+    pageSize: paginationSettings.pageSize ?? 6,
+  });
+
+  const getOrders = async (nextPage) => {
+    setOrders({
+      data: nextPage ? orders.data : [],
+      loading: true,
+      error: null,
+    });
+
+    const parameters = {
+      orderBy: (sortBy.direction === 'desc' ? '-' : '') + sortBy.param,
+    };
+    const pageFetch = {
+      page: nextPage ? pagination.currentPage + 1 : paginationSettings.page,
+      page_size: pagination.pageSize || paginationSettings.pageSize,
+    };
+
+    try {
+      const {
+        content: { result, error, pagination: pageConfig },
+      } = await ordering
+        .orders()
+        .parameters(parameters)
+        .asDashboard()
+        .get({ query: pageFetch });
+
+      if (!error) {
+        let hash = {};
+        setOrders({
+          ...orders,
+          data: nextPage
+            ? orders.data
+                .concat(result)
+                .filter((order) =>
+                  hash[order?.id] ? false : (hash[order?.id] = true)
+                )
+            : result,
+          loading: false,
+        });
+        setPagination({
+          currentPage: pageConfig?.current_page,
+          pageSize: pageConfig?.page_size,
+          totalPages: pageConfig?.total_pages,
+          total: pageConfig?.total,
+          from: pageConfig?.from,
+          to: pageConfig?.to,
+        });
+      } else {
+        setOrders({ ...orders, loading: false, error: result[0] });
+      }
+    } catch (err) {
+      setOrders({ ...orders, loading: false, error: [err.message] });
+    }
+  };
+
+  /**
+   * Method to get businesses from SDK
+   */
+  const getBusinesses = async (nextPage) => {
+    setContacts({
+      data: nextPage ? contacts.data : [],
+      loading: true,
+      error: null,
+    });
+
+    const where = {
+      conditions: businessConditions,
+      conector: conditionsConector,
+    };
+    const pageFetch = {
+      page: nextPage ? pagination.currentPage + 1 : paginationSettings.page,
+      page_size: pagination.pageSize || paginationSettings.pageSize,
+    };
+
+    try {
+      const {
+        content: { result, error, pagination: pageConfig },
+      } = await ordering
+        .businesses()
+        .select(businessProps)
+        .parameters(params)
+        .where(where)
+        .asDashboard()
+        .get({ query: pageFetch });
+
+      if (!error) {
+        setContacts({
+          ...contacts,
+          data: nextPage ? contacts.data.concat(result) : result,
+          loading: false,
+        });
+        setPagination({
+          currentPage: pageConfig?.current_page,
+          pageSize: pageConfig?.page_size,
+          totalPages: pageConfig?.total_pages,
+          total: pageConfig?.total,
+          from: pageConfig?.from,
+          to: pageConfig?.to,
+        });
+      } else {
+        setContacts({ ...contacts, loading: false, error: result[0] });
+      }
+    } catch (err) {
+      setContacts({ ...contacts, loading: false, error: err.message });
+    }
+  };
+
+  /**
+   * Method to get customers from SDK
+   */
+  const getCustomers = async (nextPage) => {
+    setContacts({
+      data: nextPage ? contacts.data : [],
+      loading: true,
+      error: null,
+    });
+
+    const where = {
+      conditions: customerConditions,
+      conector: conditionsConector,
+    };
+    const pageFetch = {
+      page: nextPage ? pagination.currentPage + 1 : paginationSettings.page,
+      page_size: pagination.pageSize || paginationSettings.pageSize,
+    };
+
+    try {
+      const {
+        content: { result, error, pagination: pageConfig },
+      } = await ordering
+        .setAccessToken(token)
+        .users()
+        .where(where)
+        .get({ query: pageFetch });
+
+      if (!error) {
+        setContacts({
+          ...contacts,
+          data: nextPage ? contacts.data.concat(result) : result,
+          loading: false,
+        });
+        setPagination({
+          currentPage: pageConfig?.current_page,
+          pageSize: pageConfig?.page_size,
+          totalPages: pageConfig?.total_pages,
+          total: pageConfig?.total,
+          from: pageConfig?.from,
+          to: pageConfig?.to,
+        });
+      } else {
+        setContacts({ ...contacts, loading: false, error: result[0] });
+      }
+    } catch (err) {
+      setContacts({ ...contacts, loading: false, error: err.message });
+    }
+  };
+
+  /**
+   * Method to get drivers from SDK
+   */
+  const getDrivers = async (nextPage) => {
+    setContacts({
+      data: nextPage ? contacts.data : [],
+      loading: true,
+      error: null,
+    });
+
+    const where = {
+      conditions: driverConditions,
+      conector: conditionsConector,
+    };
+    const pageFetch = {
+      page: nextPage ? pagination.currentPage + 1 : paginationSettings.page,
+      page_size: pagination.pageSize || paginationSettings.pageSize,
+    };
+
+    try {
+      const {
+        content: { result, error, pagination: pageConfig },
+      } = await ordering
+        .setAccessToken(token)
+        .users()
+        .select(driverProps)
+        .where(where)
+        .get({ query: pageFetch });
+
+      if (!error) {
+        setContacts({
+          ...contacts,
+          data: nextPage ? contacts.data.concat(result) : result,
+          loading: false,
+        });
+        setPagination({
+          currentPage: pageConfig?.current_page,
+          pageSize: pageConfig?.page_size,
+          totalPages: pageConfig?.total_pages,
+          total: pageConfig?.total,
+          from: pageConfig?.from,
+          to: pageConfig?.to,
+        });
+      } else {
+        setContacts({ ...contacts, loading: false, error: result[0] });
+      }
+    } catch (err) {
+      setContacts({ ...contacts, loading: false, error: err.message });
+    }
+  };
+
+  const loadMore = async (key) => {
+    switch (key) {
+      case 2:
+        getBusinesses(true);
+        break;
+      case 3:
+        getCustomers(true);
+        break;
+      case 4:
+        getDrivers(true);
+        break;
+      default:
+        getOrders(true);
+    }
+  };
+
+  useEffect(() => {
+    switch (firstFetch) {
+      case 'businesses':
+        getBusinesses();
+        break;
+      case 'customers':
+        getCustomers();
+        break;
+      case 'drivers':
+        getDrivers();
+        break;
+      default:
+        getOrders();
+    }
+  }, []);
+
+  useEffect(() => {
+    if (!orders.loading) {
+      getOrders();
+    }
+  }, [sortBy]);
+
+  useEffect(() => {
+    if (!token || !socket?.socket) return;
+
+    const messagesOrdersRoom =
+      user?.level === 0 ? 'messages_orders' : `messages_orders_${user?.id}`;
+    const ordersRoom = user?.level === 0 ? 'orders' : `orders_${user?.id}`;
+
+    socket.socket.on('connect', () => {
+      socket.join(messagesOrdersRoom);
+      socket.join(ordersRoom);
+    })
+
+    socket.join(messagesOrdersRoom);
+    socket.join(ordersRoom);
+
+    return () => {
+      socket.leave(messagesOrdersRoom);
+      socket.leave(ordersRoom);
+    };
+  }, [socket?.socket, user]);
+
+  const handleMessage = useCallback(async (message) => {
+    const { order_id: orderId } = message;
+
+    try {
+      const {
+        content: { result, error },
+      } = await ordering
+        .setAccessToken(token)
+        .orders(orderId)
+        .asDashboard()
+        .get();
+
+      if (!error) {
+        setOrders((prevOrders) => {
+          const { data } = prevOrders;
+
+          const order = data.find((order, index) => {
+            if (order.id === parseInt(orderId)) {
+              data.splice(index, 1);
+              data.unshift(result);
+              return true;
+            }
+
+            return false;
+          });
+
+          if (!order) {
+            data.unshift(result);
+          }
+
+          return { ...prevOrders, data };
+        });
+      }
+    } catch (err) {
+      return null;
+    }
+  }, []);
+
+  const handleOrder = useCallback(async (order) => {
+    const { id, status, driver } = order;
+
+    setOrders((prevOrders) => {
+      const { data } = prevOrders;
+
+      const newOrder = data.find((_order, index) => {
+        if (_order.id === id) {
+          if (_order.status !== status) {
+            delete order.total;
+            delete order.subtotal;
+            Object.assign(_order, order);
+          } else if (_order?.driver?.id !== driver?.id && user?.level === 4) {
+            data.splice(index, 1);
+          }
+
+          return true;
+        }
+
+        return false;
+      });
+
+      if (!newOrder) {
+        data.unshift(order);
+      }
+
+      return { ...prevOrders, data };
+    });
+  }, []);
+
+  useEffect(() => {
+    socket.on('message', handleMessage);
+    socket.on('orders_register', handleOrder);
+    socket.on('update_order', handleOrder);
+
+    return () => {
+      socket.off('message', handleMessage);
+      socket.off('update_order', handleOrder);
+    };
+  }, [socket, user]);
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          orders={orders}
+          setOrders={setOrders}
+          setSortBy={setSortBy}
+          contacts={contacts}
+          pagination={pagination}
+          getBusinesses={getBusinesses}
+          getCustomers={getCustomers}
+          getDrivers={getDrivers}
+          loadMore={loadMore}
+          getOrders={getOrders}
+        />
+      )}
+    </>
+  );
+};
+
+Contacts.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+
+  /**
+   * Initial page configuration
+   */
+  paginationSettings: PropTypes.object,
+
+  /**
+   * First data fetched
+   */
+  firstFetch: PropTypes.string,
+
+  /**
+   * Array of business props to fetch
+   */
+  businessProps: PropTypes.arrayOf(string),
+
+  /**
+   * Array of customer props to fetch
+   */
+  customerProps: PropTypes.arrayOf(string),
+
+  /**
+   * Array of driver props to fetch
+   */
+  driverProps: PropTypes.arrayOf(string),
+
+  /**
+   * Object parameters to sort the fetch
+   */
+  sortParams: PropTypes.object,
+
+  /**
+   * Array of conditions to fetch businesses
+   */
+  businessConditions: PropTypes.arrayOf(object),
+
+  /**
+   * Array of conditions to fetch customers
+   */
+  customerConditions: PropTypes.arrayOf(object),
+
+  /**
+   * Array of conditions to fetch drivers
+   */
+  driverConditions: PropTypes.arrayOf(object),
+
+  /**
+   * String that indicates the conector type of the conditions to fetch
+   */
+  conditionsConector: PropTypes.string,
+};
+
+Contacts.defaultProps = {
+  paginationSettings: { page: 1, pageSize: 6, controlType: 'infinity' },
+  firstFetch: 'businesses',
+  orderProps: [
+    'id',
+    'business',
+    'unread_count',
+    'delivery_datetime_utc',
+    'status',
+  ],
+  businessProps: ['id', 'name', 'logo'],
+  customerProps: [
+    'id',
+    'name',
+    'lastname',
+    'photo',
+    'assigned_orders_count',
+    'qualification', // do not select qualification
+    'level',
+  ],
+  driverProps: [
+    'id',
+    'name',
+    'lastname',
+    'photo',
+    'assigned_orders_count',
+    'level',
+  ],
+  sortParams: {
+    param: 'name',
+    direction: 'asc',
+  },
+  businessConditions: [
+    { attribute: 'enabled', value: { condition: '=', value: 'true' } },
+  ],
+  customerConditions: [{ attribute: 'level', value: [3] }],
+  driverConditions: [{ attribute: 'level', value: [4] }],
+  conditionsConector: 'AND',
+};