import { defineStore } from 'pinia'
import { store } from '..'
import type { NodeDataType } from '@/api/node/model'
import type { ProductAndDevice } from '@/api/content/model'

interface ContentDataStoreType {
  contentData: NodeDataType[]
  configurationId: Nullable<string>
  currentNodeData: Nullable<Recordable>
  productAndDevice: ProductAndDevice[]
  isTemplate?: number | null | string
  configurationContentList?: any
  configurationContentId: Nullable<string>
}

export const useContentDataStore = defineStore('app-content-data', {
  state: (): ContentDataStoreType => ({
    contentData: [],
    configurationId: null,
    currentNodeData: null,
    isTemplate: null,
    productAndDevice: [],
    configurationContentList: [],
    configurationContentId: null,
  }),
  actions: {

    getNodeDataById(id: string): Undefineable<NodeDataType> {
      const data = this.contentData.find(item => item.id === id)
      return data
    },

    setNodeDataById(id: string, nodeData: NodeDataType) {
      const index = this.contentData.findIndex(item => item.id === id)
      this.contentData.splice(index, 1, nodeData)
    },

    saveContentData(contentData: NodeDataType[]) {
      this.contentData = contentData
    },

    setConfigurationContentId(string: Nullable<string>) {
      this.configurationContentId = string
    },

    setIsTemplate(string?: string | number) {
      this.isTemplate = string
    },

    setProductAndDevice(string: ProductAndDevice[]) {
      return this.productAndDevice = string
    },
  },

  getters: {
    getProductIds(): string[] {
      return this.productAndDevice.map(item => item.profileId)
    },

    getProductAndDevice(): Nullable<ProductAndDevice[]> {
      return this.productAndDevice || []
    },
    getIsTemplate(): number | null | string | undefined {
      return this.isTemplate
    },
  },
})

export function useContentDataStoreWithOut() {
  return useContentDataStore(store)
}