ordering-components-external 13.2.13 → 13.2.15

package/src/contexts/ValidationsFieldsContext/index.js

@@ -1,65 +1,65 @@
-import React, { useEffect, useState, useContext, createContext } from 'react'
-import { useOptimizationLoad } from '../OptimizationLoadContext'
-import { useApi } from '../ApiContext'
-
-export const ValidationFieldsContext = createContext()
-
-export const ValidationFieldsProvider = ({ children, appId }) => {
-  const [ordering] = useApi()
-  const [optimizationLoad] = useOptimizationLoad()
-  const [state, setState] = useState({ loading: true, fields: {}, error: false })
-
-  const loadOriginalValidationFields = async (options, fields = null) => {
-    const forceLoading = options?.forceLoading
-    try {
-      if (forceLoading) {
-        setState({ ...state, loading: true })
-      }
-      let error = fields?.error ?? null
-      let result = fields?.result ?? null
-      const fieldsObj = {
-        checkout: {},
-        address: {},
-        card: {}
-      }
-      if (!result) {
-        const response = await ordering.validationFields().get({ headers: { 'X-APP-X': appId } })
-        error = response?.content?.error
-        result = response?.content?.result
-      }
-      if (!error) {
-        result.forEach(item => {
-          const code = item.code === 'mobile_phone' ? 'cellphone' : item.code
-          fieldsObj[item.validate][code] = item
-        })
-      }
-      setState({ loading: false, fields: fieldsObj })
-    } catch (err) {
-      setState({ ...state, loading: false, error: [err.message] })
-    }
-  }
-
-  const functions = {
-    loadOriginalValidationFields
-  }
-
-  useEffect(() => {
-    if (optimizationLoad.loading) return
-    const _fields = optimizationLoad.result ? {
-      error: optimizationLoad.error,
-      result: optimizationLoad.result?.validation_fields
-    } : null
-    loadOriginalValidationFields(null, _fields)
-  }, [optimizationLoad])
-
-  return (
-    <ValidationFieldsContext.Provider value={[state, functions]}>
-      {children}
-    </ValidationFieldsContext.Provider>
-  )
-}
-
-export const useValidationFields = () => {
-  const validationFieldsManager = useContext(ValidationFieldsContext)
-  return validationFieldsManager || [{}, async () => { }]
-}
+import React, { useEffect, useState, useContext, createContext } from 'react'
+import { useOptimizationLoad } from '../OptimizationLoadContext'
+import { useApi } from '../ApiContext'
+
+export const ValidationFieldsContext = createContext()
+
+export const ValidationFieldsProvider = ({ children, appId }) => {
+  const [ordering] = useApi()
+  const [optimizationLoad] = useOptimizationLoad()
+  const [state, setState] = useState({ loading: true, fields: {}, error: false })
+
+  const loadOriginalValidationFields = async (options, fields = null) => {
+    const forceLoading = options?.forceLoading
+    try {
+      if (forceLoading) {
+        setState({ ...state, loading: true })
+      }
+      let error = fields?.error ?? null
+      let result = fields?.result ?? null
+      const fieldsObj = {
+        checkout: {},
+        address: {},
+        card: {}
+      }
+      if (!result) {
+        const response = await ordering.validationFields().get({ headers: { 'X-APP-X': appId } })
+        error = response?.content?.error
+        result = response?.content?.result
+      }
+      if (!error) {
+        result.forEach(item => {
+          const code = item.code === 'mobile_phone' ? 'cellphone' : item.code
+          fieldsObj[item.validate][code] = item
+        })
+      }
+      setState({ loading: false, fields: fieldsObj })
+    } catch (err) {
+      setState({ ...state, loading: false, error: [err.message] })
+    }
+  }
+
+  const functions = {
+    loadOriginalValidationFields
+  }
+
+  useEffect(() => {
+    if (optimizationLoad.loading) return
+    const _fields = optimizationLoad.result ? {
+      error: optimizationLoad.error,
+      result: optimizationLoad.result?.validation_fields
+    } : null
+    loadOriginalValidationFields(null, _fields)
+  }, [optimizationLoad])
+
+  return (
+    <ValidationFieldsContext.Provider value={[state, functions]}>
+      {children}
+    </ValidationFieldsContext.Provider>
+  )
+}
+
+export const useValidationFields = () => {
+  const validationFieldsManager = useContext(ValidationFieldsContext)
+  return validationFieldsManager || [{}, async () => { }]
+}

package/src/contexts/WebsocketContext/index.js

@@ -1,91 +1,91 @@
-import React, { createContext, useContext, useEffect, useState } from 'react'
-import { useSession } from '../SessionContext'
-import { Socket } from './socket'
-
-/**
- * Create SessionContext
- * This context will manage the socket conection and provide an easy interface
- */
-export const WebsocketContext = createContext()
-
-// let socket = null
-
-/**
- * Custom provider to session manager
- * This provider has a reducer for manage session state
- * @param {props} props
- */
-export const WebsocketProvider = ({ settings, children, strategy, isAlsea }) => {
-  const [session] = useSession()
-  const [socket, setSocket] = useState()
-  const [configs, setConfigs] = useState(settings)
-
-  useEffect(() => {
-    if (session.loading) return
-    if (configs.project && (session.token || !configs.use_root_point)) {
-      const _socket = new Socket({ ...configs, accessToken: session.token, url: isAlsea ? 'https://alsea-socket3-production.ordering.co' : 'https://socket-v3.ordering.co' })
-      setSocket(_socket)
-    }
-  }, [session.loading, session.token, JSON.stringify(configs)])
-
-  useEffect(() => {
-    if (socket) {
-      socket.connect()
-    }
-    return () => {
-      socket && socket.close()
-    }
-  }, [socket, session?.user?.id])
-
-  useEffect(() => {
-    if (session.auth) return
-    const projectInputInterval = setInterval(async () => {
-      let project = null
-      if (configs.use_root_point) {
-        project = await strategy.getItem('project_name')
-      } else {
-        await strategy.removeItem('project_name')
-        clearInterval(projectInputInterval)
-      }
-      if (project) {
-        setConfigs({ ...configs, project })
-        configs.project = project
-        clearInterval(projectInputInterval)
-      }
-    }, 1000)
-    return () => clearInterval(projectInputInterval)
-  }, [session])
-
-  useEffect(() => {
-    if (!socket?.socket) return
-    let disconnectTimeout = null
-    let connectionErrorTimeout = null
-    socket.socket.on('disconnect', () => {
-      disconnectTimeout = setTimeout(() => socket.socket.connect(), 1000)
-    })
-
-    socket.socket.on('connect_error', (error) => {
-      if (error.message !== 'invalid signature') {
-        connectionErrorTimeout = setTimeout(() => socket.socket.connect(), 1000)
-      }
-    })
-    return () => {
-      clearInterval(disconnectTimeout)
-      clearInterval(connectionErrorTimeout)
-    }
-  }, [socket?.socket, session])
-
-  return (
-    <WebsocketContext.Provider value={socket}>
-      {children}
-    </WebsocketContext.Provider>
-  )
-}
-
-/**
- * Hook to get and update websocket state
- */
-export const useWebsocket = () => {
-  const sockerManager = useContext(WebsocketContext)
-  return sockerManager || new Socket({})
-}
+import React, { createContext, useContext, useEffect, useState } from 'react'
+import { useSession } from '../SessionContext'
+import { Socket } from './socket'
+
+/**
+ * Create SessionContext
+ * This context will manage the socket conection and provide an easy interface
+ */
+export const WebsocketContext = createContext()
+
+// let socket = null
+
+/**
+ * Custom provider to session manager
+ * This provider has a reducer for manage session state
+ * @param {props} props
+ */
+export const WebsocketProvider = ({ settings, children, strategy, isAlsea }) => {
+  const [session] = useSession()
+  const [socket, setSocket] = useState()
+  const [configs, setConfigs] = useState(settings)
+
+  useEffect(() => {
+    if (session.loading) return
+    if (configs.project && (session.token || !configs.use_root_point)) {
+      const _socket = new Socket({ ...configs, accessToken: session.token, url: isAlsea ? 'https://alsea-socket3-production.ordering.co' : 'https://socket-v3.ordering.co' })
+      setSocket(_socket)
+    }
+  }, [session.loading, session.token, JSON.stringify(configs)])
+
+  useEffect(() => {
+    if (socket) {
+      socket.connect()
+    }
+    return () => {
+      socket && socket.close()
+    }
+  }, [socket, session?.user?.id])
+
+  useEffect(() => {
+    if (session.auth) return
+    const projectInputInterval = setInterval(async () => {
+      let project = null
+      if (configs.use_root_point) {
+        project = await strategy.getItem('project_name')
+      } else {
+        await strategy.removeItem('project_name')
+        clearInterval(projectInputInterval)
+      }
+      if (project) {
+        setConfigs({ ...configs, project })
+        configs.project = project
+        clearInterval(projectInputInterval)
+      }
+    }, 1000)
+    return () => clearInterval(projectInputInterval)
+  }, [session])
+
+  useEffect(() => {
+    if (!socket?.socket) return
+    let disconnectTimeout = null
+    let connectionErrorTimeout = null
+    socket.socket.on('disconnect', () => {
+      disconnectTimeout = setTimeout(() => socket.socket.connect(), 1000)
+    })
+
+    socket.socket.on('connect_error', (error) => {
+      if (error.message !== 'invalid signature') {
+        connectionErrorTimeout = setTimeout(() => socket.socket.connect(), 1000)
+      }
+    })
+    return () => {
+      clearInterval(disconnectTimeout)
+      clearInterval(connectionErrorTimeout)
+    }
+  }, [socket?.socket, session])
+
+  return (
+    <WebsocketContext.Provider value={socket}>
+      {children}
+    </WebsocketContext.Provider>
+  )
+}
+
+/**
+ * Hook to get and update websocket state
+ */
+export const useWebsocket = () => {
+  const sockerManager = useContext(WebsocketContext)
+  return sockerManager || new Socket({})
+}

package/src/contexts/WebsocketContext/socket.js

@@ -1,92 +1,92 @@
-import io from 'socket.io-client'
-
-export class Socket {
-  constructor ({ url, project, accessToken }) {
-    this.url = url
-    this.project = project
-    this.accessToken = accessToken
-    this.queue = []
-  }
-
-  connect () {
-    const options = {
-      query: `project=${this.project}`,
-      transports: ['websocket']
-    }
-
-    if (this.accessToken) {
-      options.extraHeaders = {
-        Authorization: `Bearer ${this.accessToken}`
-      }
-      options.query = `${options.query}&token=${this.accessToken}`
-    }
-
-    this.socket = io(this.url, options)
-    this.socket.on('connect', () => {
-      let item
-      while ((item = this.queue.shift()) !== undefined) {
-        if (item.action === 'on') {
-          this.on(item.event, item.func)
-        } else if (item.action === 'join') {
-          this.join(item.room)
-        } else if (item.action === 'leave') {
-          this.leave(item.room)
-        } else if (item.action === 'off') {
-          this.off(item.room)
-        }
-      }
-    })
-  }
-
-  getId () {
-    return this.socket?.id
-  }
-
-  close () {
-    if (this.socket?.connected) {
-      this.socket.close()
-    }
-  }
-
-  join (room) {
-    if (this.socket?.connected) {
-      this.socket.emit(
-        'join',
-        typeof room === 'string' ? `${this.project}_${room}` : room
-      )
-    } else {
-      this.queue.push({ action: 'join', room })
-    }
-    return this
-  }
-
-  leave (room) {
-    if (this.socket?.connected) {
-      this.socket.emit(
-        'leave',
-        typeof room === 'string' ? `${this.project}_${room}` : room
-      )
-    } else {
-      this.queue.push({ action: 'leave', room })
-    }
-    return this
-  }
-
-  on (event, func = () => {}) {
-    if (this.socket?.connected) {
-      this.socket.on(event, func)
-    } else {
-      this.queue.push({ action: 'on', event, func })
-    }
-    return this
-  }
-
-  off (event, func = () => {}) {
-    if (this.socket?.connected) {
-      this.socket.off(event, func)
-    } else {
-      this.queue.push({ action: 'off', event, func })
-    }
-    return this
-  }
-}
+import io from 'socket.io-client'
+
+export class Socket {
+  constructor ({ url, project, accessToken }) {
+    this.url = url
+    this.project = project
+    this.accessToken = accessToken
+    this.queue = []
+  }
+
+  connect () {
+    const options = {
+      query: `project=${this.project}`,
+      transports: ['websocket']
+    }
+
+    if (this.accessToken) {
+      options.extraHeaders = {
+        Authorization: `Bearer ${this.accessToken}`
+      }
+      options.query = `${options.query}&token=${this.accessToken}`
+    }
+
+    this.socket = io(this.url, options)
+    this.socket.on('connect', () => {
+      let item
+      while ((item = this.queue.shift()) !== undefined) {
+        if (item.action === 'on') {
+          this.on(item.event, item.func)
+        } else if (item.action === 'join') {
+          this.join(item.room)
+        } else if (item.action === 'leave') {
+          this.leave(item.room)
+        } else if (item.action === 'off') {
+          this.off(item.room)
+        }
+      }
+    })
+  }
+
+  getId () {
+    return this.socket?.id
+  }
+
+  close () {
+    if (this.socket?.connected) {
+      this.socket.close()
+    }
+  }
+
+  join (room) {
+    if (this.socket?.connected) {
+      this.socket.emit(
+        'join',
+        typeof room === 'string' ? `${this.project}_${room}` : room
+      )
+    } else {
+      this.queue.push({ action: 'join', room })
+    }
+    return this
+  }
+
+  leave (room) {
+    if (this.socket?.connected) {
+      this.socket.emit(
+        'leave',
+        typeof room === 'string' ? `${this.project}_${room}` : room
+      )
+    } else {
+      this.queue.push({ action: 'leave', room })
+    }
+    return this
+  }
+
+  on (event, func = () => {}) {
+    if (this.socket?.connected) {
+      this.socket.on(event, func)
+    } else {
+      this.queue.push({ action: 'on', event, func })
+    }
+    return this
+  }
+
+  off (event, func = () => {}) {
+    if (this.socket?.connected) {
+      this.socket.off(event, func)
+    } else {
+      this.queue.push({ action: 'off', event, func })
+    }
+    return this
+  }
+}