aswi2023one-team-to-rule-them-all-gitlab/src/stores/actions/planThunks.ts @ 551f0c32

import { createAsyncThunk } from "@reduxjs/toolkit"
import { SortOptions } from "../../types/general";
import { Note } from "../../types/note";
import { getPlanAllRequest, getPlanFloorImageRequest, getPlanItemsRequest } from "../../api/planservice";
import { Floor, PlanImage, Room } from "../../types/plan";
import { ItemPreviewType } from "../../types/listViewTypes";
import { StringLiteralType } from "typescript";
import { Inventory } from "../../types/searchFormTypes";

// @ts-ignore
import { parseString } from 'react-native-xml2js';

export const getFloorList = createAsyncThunk(
    "plan/getFloorList",
    async () => {
        try {
            try {
                const response = await getPlanAllRequest()
                if (response.status === 200) {

                    let floorsDict: Record<string, Floor> = {
                        "ground_floor": { label: "Ground floor", id: "ground_floor", roomList: [] },
                        "first_floor": { label: "First floor", id: "first_floor", roomList: [] },
                        "second_floor": { label: "Second floor", id: "second_floor", roomList: [] }
                    }

                    const unstructeredRoomList: Room[] = response.data

                    unstructeredRoomList.map((room) => {
                        if (room.floor in floorsDict) {

                            // TODO handle on backend transformations :-)
                            if (room.floor == "first_floor") {
                                room.number_x = room.number_x - 1044.46
                                room.number_y = room.number_y - 1088.65
                            }
                            else if (room.floor == "second_floor") {
                                room.number_x = room.number_x - 2088.7
                                room.number_y = room.number_y - 1088.58
                            }

                            floorsDict[room.floor].roomList.push(room)
                        }
                        else {
                            floorsDict[room.floor] = { id: room.floor, label: room.floor, roomList: [room] }
                        }
                    }
                    )

                    let floorList = []

                    for (let key in floorsDict) {
                        let floor: Floor = floorsDict[key]
                        floorList.push(floor)
                    }

                    return floorList
                } else {
                    return Promise.reject(response.data ? response.data : "Get plan all request failed")
                }
            } catch (err: any) {
                return Promise.reject(err.response.data)
            }

        } catch (err: any) {
            console.log(err);
            return Promise.reject(err.response.data)
        }
    }
)


export const getPlanInventories = createAsyncThunk(
    "plan/getPlanInventories",
    async (params: { room: number, place?: number }) => {
        try {
            try {
                const response = await getPlanItemsRequest({ cursor: 0, room: params.room, items: 1, place: params.place })
                if (response.status === 200) {

                    const inventories: Inventory[] = response.data.pagination.inventories
                    const allInventoriesRecords = response.data.pagination.records

                    return {
                        inventories: inventories,
                        allInventoriesRecords: allInventoriesRecords
                    }
                } else {
                    return Promise.reject(response.data ? response.data : "Get plan items request failed")
                }
            } catch (err: any) {
                return Promise.reject(err.response.data)
            }

        } catch (err: any) {
            console.log(err);
            return Promise.reject(err.response.data)
        }
    })

export const getPlanItems = createAsyncThunk(
    "plan/getPlanItems",
    async (params: { cursor: number, room: number, place?: number, inventory: string }) => {
        try {
            try {
                const response = await getPlanItemsRequest({ cursor: params.cursor, room: params.room, place: params.place, inventory: params.inventory })
                if (response.status === 200) {

                    const items: ItemPreviewType[] = response.data.data
                    const inventoryPagination = {
                        cursor: response.data.pagination.cursor,
                        items: response.data.pagination.items,
                        records: response.data.pagination.records
                    }

                    return {
                        items: items,
                        inventoryPagination: inventoryPagination,
                    }
                } else {
                    return Promise.reject(response.data ? response.data : "Get plan items request failed")
                }
            } catch (err: any) {
                return Promise.reject(err.response.data)
            }

        } catch (err: any) {
            console.log(err);
            return Promise.reject(err.response.data)
        }
    }
)

export const getPlanFloorImage = createAsyncThunk(
    "plan/getPlanFloorImage",
    async (floorId: string) => {
        try {
            try {
                const response = await getPlanFloorImageRequest(floorId)

                if (response.status === 200) {

                    const svg: string = response.data

                    const output: PlanImage = {
                        svg: svg,
                        viewBox: { x: 0, y: 0, width: 0, height: 0 }
                    }

                    parseString(svg, (err: any, result: any) => {
                        if (!err && result && result.svg && result.svg.$.viewBox) {
                            const [x, y, width, height] = result.svg.$.viewBox.split(' ').map(Number);

                            // Set the SVG information in your component's state or use it as needed
                            output.viewBox = { x, y, width, height };
                        }
                    });

                    return output
                } else {
                    return Promise.reject(response.data ? response.data : "Get plan floor image request failed")
                }
            } catch (err: any) {
                return Promise.reject(err.response.data)
            }

        } catch (err: any) {
            console.log(err);
            return Promise.reject(err.response.data)
        }
    }
)