@vixoniccom/aniversarios 1.4.0-dev.1 → 1.4.0-dev.3

package/configuration/dataGroup/DataInputs.ts

@@ -9,7 +9,8 @@ export const dataInputs = [
     items: [
       { label: 'Documento', value: 'AnniversaryAppService' },
       { label: 'Rexmas', value: 'RexmasAnniversarieService'},
-      { label: 'Buk', value: 'BukAnniversarieService' }
+      { label: 'Buk', value: 'BukAnniversarieService' },
+      { label: 'Talana', value: 'TalanaAnniversariesService' }
     ],
     defaultValue: 'AnniversaryAppService',
     description: 'Selecciona la fuente de los cumpleaños. Por defecto, Documento.'
@@ -18,7 +19,7 @@ export const dataInputs = [
     id: 'documentService',
     label: 'Documento',
     serviceType: 'AnniversaryAppService',
-    show: serviceEnabled.annivesaryAppServiceEnabled
+    show: serviceEnabled.anniversaryAppServiceEnabled
   }),
   new ServiceInput({
     id: 'rexmasService',
@@ -32,6 +33,12 @@ export const dataInputs = [
     serviceType: 'BukAnniversariesService',
     show: serviceEnabled.bukServiceEnabled
   }),
+  new ServiceInput({
+    id: 'talanaService',
+    label: 'Talana',
+    serviceType: 'TalanaAnniversariesService',
+    show: serviceEnabled.talanaServiceEnabled
+  }),
   new SelectInput({
     id: 'photoMode',
     label: 'Modo de fotos',
@@ -46,7 +53,7 @@ export const dataInputs = [
     id: 'photosZip',
     label: 'Archivo Zip para fotos',
     extensions: ['zip'],
-    show: serviceEnabled.annivesaryAppServiceEnabled
+    show: serviceEnabled.anniversaryAppServiceEnabled
   }),
   new Label({ label: 'Funcionamiento' }),
   new SelectInput({

package/configuration/utils.ts

@@ -12,7 +12,8 @@ export const ShowValidations = {
 
 
 export const serviceEnabled = {
+  anniversaryAppServiceEnabled: '{{displayService}} === "AnniversaryAppService"',
   rexmasServiceEnabled: '{{displayService}} === "RexmasAnniversarieService"',
-  annivesaryAppServiceEnabled: '{{displayService}} === "AnniversaryAppService"',
-  bukServiceEnabled: '{{displayService}} === "BukAnniversarieService"'
-}
+  bukServiceEnabled: '{{displayService}} === "BukAnniversarieService"',
+  talanaServiceEnabled: '{{displayService}} === "TalanaAnniversariesService"',
+}

package/configuration.json

@@ -26,6 +26,10 @@
             {
               "label": "Buk",
               "value": "BukAnniversarieService"
+            },
+            {
+              "label": "Talana",
+              "value": "TalanaAnniversariesService"
             }
           ],
           "defaultValue": "AnniversaryAppService"
@@ -51,6 +55,13 @@
           "type": "service-input",
           "serviceType": "BukAnniversariesService"
         },
+        {
+          "id": "talanaService",
+          "label": "Talana",
+          "show": "{{displayService}} === \"TalanaAnniversariesService\"",
+          "type": "service-input",
+          "serviceType": "TalanaAnniversariesService"
+        },
         {
           "id": "photoMode",
           "label": "Modo de fotos",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vixoniccom/aniversarios",
   "alias": "Aniversarios",
-  "version": "1.4.0-dev.1",
+  "version": "1.4.0-dev.3",
   "description": "Muestra el día que el trabajador está de aniversario en la empresa.",
   "main": "main.js",
   "author": "",
@@ -18,21 +18,15 @@
   },
   "dependencies": {
     "animejs": "^3.2.2",
-    "axios": "^1.6.0",
-    "localforage": "^1.10.0",
-    "moment": "^2.29.4",
-    "prop-types": "^15.8.1",
     "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "use-state-with-callback": "^3.0.2"
+    "react-dom": "^18.3.1"
   },
   "devDependencies": {
     "@types/animejs": "^3.1.13",
-    "@types/lodash": "^4.17.0",
     "@types/react": "^18.3.23",
     "@types/react-dom": "^18.3.7",
     "@vixoniccom/module-packager": "2.12.0-dev.10",
-    "@vixoniccom/modules": "^2.22.0-dev.7",
+    "@vixoniccom/modules": "^2.24.0-dev.1",
     "standard-version": "^9.5.0"
   }
 }

package/src/App.tsx

@@ -3,7 +3,7 @@ import { Render } from './components'
 
 interface Props {
   start: boolean
-  appData: VixonicData
+  appData?: VixonicData
   anniversaries: Anniversary[]
 }
 

package/src/anniversary-loader.ts

@@ -1,23 +1,27 @@
-import { AnniversaryServiceParsers } from "./service-parsers"
+import { AnniversaryServiceParsers } from './service-parsers'
 
- 
 export class AnniversaryLoader {
-
-  public onData: ((birthdays: Anniversary[]) => void) | undefined = undefined
+  public onData?: (birthdays: Anniversary[]) => void = undefined
   private updateTime: number = 86400000
-  private updateTimer: number | undefined = undefined
+  private updateTimer?: number = undefined
   private anniversariesData: Anniversary[] = []
   private serviceType: VixonicData['parameters']['displayService'] = 'AnniversaryAppService'
 
-  update(appData: VixonicData) {    
-    let selectedServiceId: string | undefined
-    if (appData.parameters.displayService === 'AnniversaryAppService') {
-      selectedServiceId = appData.parameters.documentService?.id
-    } else if(appData.parameters.displayService === 'BukAnniversarieService') {
-      selectedServiceId = appData.parameters.bukService?.id
-    } else {
-      selectedServiceId = appData.parameters.rexmasService?.id
+  private getServiceType(appData: VixonicData) {
+    switch (appData.parameters.displayService) {
+      case 'RexmasAnniversarieService':
+        return appData.parameters.rexmasService?.id
+      case 'BukAnniversarieService':
+        return appData.parameters.bukService?.id
+      case 'TalanaAnniversariesService':
+        return appData.parameters.talanaService?.id
+      default:
+        return appData.parameters.documentService?.id
     }
+  }
+
+  update(appData: VixonicData) {
+    const selectedServiceId = this.getServiceType(appData)
     if (!selectedServiceId || !appData.services[selectedServiceId]) return
     const serviceData = appData.services[selectedServiceId].data as Anniversary[] | undefined
 
@@ -40,30 +44,28 @@ export class AnniversaryLoader {
     this.setUpdateTime(undefined)
   }
 
-  private setUpdateTime(milliseconds: number | undefined) {
+  private setUpdateTime(milliseconds?: number) {
     window.clearTimeout(this.updateTimer)
-    if (milliseconds === undefined) return
+    if (!milliseconds) return
     this.updateTimer = window.setTimeout(this.requestBirthdays, milliseconds)
   }
 
   private dispatchData(anniversaries: Anniversary[]) {
-    this.onData && this.onData(anniversaries)
+    this.onData?.(anniversaries)
   }
 
   private readonly requestBirthdays = () => {
-
     window.clearTimeout(this.updateTimer)
     const birthdays: Anniversary[] = []
 
     if (Array.isArray(this.anniversariesData)) {
-      this.anniversariesData.forEach(item => {
+      this.anniversariesData.forEach((item) => {
         birthdays.push(item)
       })
     }
 
-    if (birthdays.length > 0) { this.dispatchData(birthdays) }
+    if (birthdays.length > 0) this.dispatchData(birthdays)
 
     this.setUpdateTime(this.updateTime > 10000 ? this.updateTime : 10000)
-
   }
 }

package/src/components/ItemsContainer/index.tsx

@@ -1,9 +1,13 @@
-import { useState, useRef, useEffect } from 'react'
+import React, { useState, useEffect, useRef } from 'react'
 import { Item } from './components/Item'
-import { useStateWithCallbackLazy } from 'use-state-with-callback'
-import { ReactElementLike } from 'prop-types'
 import { AnimationController } from './components/animation'
 
+interface AnimationType {
+  mode?: 'fade' | 'slideLeft' | 'slideRight'
+  duration?: number
+  speed?: number
+}
+
 const stages = {
   idle: 'idle',
   prepared: 'prepared',
@@ -11,121 +15,105 @@ const stages = {
 }
 
 interface Props {
-  items: ReactElementLike[],
-  animation: Animation,
+  items: React.ReactElement[],
+  animation: AnimationType,
   animate: boolean
-  data: VixonicData
-}
-
-interface Animation {
-  mode?: "fade" | "slideRight" | "slideLeft"
-  duration?: number,
-  speed?: number,
-  reverse?: boolean
+  containerRows: number
+  containerColumns: number
+  containerRowsGap: number
+  containerColumnsGap: number
 }
 
-export const ItemsContainer = ({ animation, items, animate, data }: Props) => {
-  const { containerColumns, containerRows, containerRowsGap, containerColumnsGap } = data.parameters
+export const ItemsContainer: React.FunctionComponent<Props> = ({ items, animation, animate, containerRows, containerColumns, containerRowsGap, containerColumnsGap }) => {
   const container = useRef<HTMLDivElement>(null)
-  const [animations] = useState(new AnimationController())
-  let itemsCount = Number(containerColumns) * Number(containerRows)
-  let columns = Number(containerColumns) || 1
-  let rows = Number(containerRows) || 1
-  let rowsGap = Number(containerRowsGap) || 0
-  let columnsGap = Number(containerColumnsGap) || 1
-
-  const [show, setShow] = useState(false)
-  const [item, setItem] = useState([])
-  const [stage, setStage] = useStateWithCallbackLazy('idle')
+  const [animations] = useState(() => new AnimationController)
+  const [birthdayItems, setBirthdayItems] = useState<React.ReactElement[]>([])
   const [lastIndex, setLastIndex] = useState(0)
+  const [show, setShow] = useState(false)
+  const [stage, setStage] = useState(stages.idle)
 
   useEffect(() => {
     configure()
   }, [animation])
 
   useEffect(() => {
-    if (animate && stage === stages.prepared) {
-      setStage(stages.animating, () => {
-        if (null !== container.current) {
-          animations.animate(container.current.childNodes, () => {
-            createItems(lastIndex, items)
-          })
-        }
-      })
+    if (null !== container.current && stage === stages.animating) {
+      animations.animate(container.current.childNodes, () => createItems())
     }
-  }, [item, animate])
+  }, [stage])
 
-  const configure = () => {
-    animations.configure(animation)
-    itemsCount = Number(containerColumns) * Number(containerRows)
-    columns = Number(containerColumns) || 1
-    rows = Number(containerRows) || 1
-    rowsGap = Number(containerRowsGap) || 0
-    columnsGap = Number(containerColumnsGap) || 1
+  useEffect(() => {
+    if (animate && stage === stages.prepared) setStage(stages.animating)
+  }, [birthdayItems, animate])
 
-    if (animate && stage === stages.idle) createItems(lastIndex, items)
+  const configure = () => {
+    animations.configure({
+      mode: animation.mode,
+      duration: animation.duration,
+      speed: animation.speed
+    })
+    if (animate && stage === stages.idle) createItems()
   }
 
-  const createItems = (lastIndex: number, items: any) => {
-    if (items.length === 0) {
-      setShow(false)
-      setStage(stages.idle, () => { })
-      return
+  const updateIndex = (newIndex: number) => {
+    if (newIndex >= items.length) {
+      setLastIndex(0)
+    } else {
+      setLastIndex(newIndex)
     }
+  }
 
-    let currentIndex = lastIndex % items.length
-    const newItems: any = []
-    const remainingItems = items.length - currentIndex
-    const itemsToShow = Math.min(itemsCount, remainingItems)
+  const createItems = () => {
 
-    for (let i = 0; i < itemsToShow; i++) {
-      const itemIndex = currentIndex + i
-      const item = items[itemIndex]
+    const remainingItems = items.length - lastIndex
+    const itemsToShow = Math.min(containerRows * containerColumns, remainingItems)
 
-      newItems.push(
+    const newItems = items.slice(lastIndex, lastIndex + itemsToShow).map(
+      (item: React.ReactElement, index: number, arr: React.ReactElement[]) => (
         <Item
-          key={`item-${itemIndex}`}
+          key={lastIndex + index + 1}
           containerData={{
-            ic_index: i,
-            ic_rowIndex: Math.floor(i / columns),
-            ic_columnIndex: i % columns,
-            ic_firstChild: i === 0,
-            ic_lastChild: i === (itemsToShow - 1)
+            ic_index: index,
+            ic_rowIndex: index / containerColumns,
+            ic_columnIndex: index % containerColumns,
+            ic_firstChild: index === 0,
+            ic_lastChild: index === (arr.length - 1)
           }}
           style={animations.getInitialStyle()}
-          width={`${(100 - ((columnsGap * (columns - 1)))) / columns}%`}
-          height={`${(100 - ((rowsGap * (rows - 1)))) / rows}%`}
-          horizontalGap={columnsGap}
-          verticalGap={rowsGap}
-        >
+          width={`${(100 - ((containerColumnsGap * (containerColumns - 1)))) / containerColumns}%`}
+          height={`${(100 - ((containerRowsGap * (containerRows - 1)))) / containerRows}%`}
+          horizontalGap={containerColumnsGap}
+          verticalGap={containerRowsGap}>
           {item}
         </Item>
-      )
-    }
-
-    setLastIndex((currentIndex + itemsToShow) % items.length)
+      ))
 
     if (newItems.length > 0) {
       setShow(true)
-      setStage(stages.prepared, () => { })
-      setItem(newItems)
+      setStage(stages.prepared)
+      setBirthdayItems(newItems)
     } else {
       setShow(false)
-      setStage(stages.idle, () => { })
+      setStage(stages.idle)
     }
+
+    updateIndex(lastIndex + newItems.length)
   }
 
   return (
-    <div ref={container} style={{
-      opacity: show ? 1 : 0,
-      position: 'relative',
-      height: '100%',
-      width: '100%',
-      display: 'flex',
-      flexWrap: 'wrap',
-      alignContent: 'flex-start'
-    }}>
-      {item}
+    <div
+      ref={container}
+      style={{
+        opacity: show ? 1 : 0,
+        position: 'relative',
+        height: '100%',
+        width: '100%',
+        display: 'flex',
+        flexWrap: 'wrap',
+        alignContent: 'flex-start'
+      }}
+    >
+      {birthdayItems}
     </div>
   )
 }

package/src/components/Render/index.tsx

@@ -14,11 +14,14 @@ export const Render = ({ start, appData, anniversaries }: Props) => {
   const { parameters, downloadsPath } = appData
   const { backgroundImage,
     padding,
-    defaultMessage = '',
-    animationMode,
-    animationOrder,
+    defaultMessage = 'Sin ingresos',
+    animationMode = 'fade',
     animationSpeed,
     animationTime,
+    containerRows = 3,
+    containerColumns = 1,
+    containerRowsGap = 5,
+    containerColumnsGap = 1,
   } = parameters
 
   const backgroundImageState = backgroundImage?.filename
@@ -40,17 +43,19 @@ export const Render = ({ start, appData, anniversaries }: Props) => {
       padding: padding
     }}>
       <FontLoader paths={['nameFormat.font', 'descriptionFormat.font', 'dateDayFormat.font', 'dateMonthFormat.font', 'optionalFormat.font']} data={appData} />
-      {( anniversaries.length > 0) ?
+      {(anniversaries.length > 0) ?
         <ItemsContainer
           items={anniversaryItems}
           animation={{
             mode: animationMode,
             duration: Number(animationTime) * 1000,
             speed: animationSpeed,
-            reverse: animationOrder
           }}
           animate={start}
-          data={appData}
+          containerRows={containerRows}
+          containerColumns={containerColumns}
+          containerRowsGap={containerRowsGap}
+          containerColumnsGap={containerColumnsGap}
         /> :
         <div style={{
           width: '100%',
@@ -59,9 +64,9 @@ export const Render = ({ start, appData, anniversaries }: Props) => {
           justifyContent: 'center',
           alignItems: 'center'
         }}>
-          <FormattedText text={defaultMessage.trim() || 'Sin ingresos'} format={parameters.defaultMessageFormat} />
+          <FormattedText text={defaultMessage.trim()} format={parameters.defaultMessageFormat} />
         </div>
       }
     </div >
   )
-}
+}

package/src/parameters.d.ts

@@ -1,9 +1,88 @@
 declare type VixonicData = {
   downloadsPath: string
-  services: { [key: string]: { data?: any, updatedAt?: number } }
+  services: {[key: string]: {data?: any; updatedAt?: number}}
   parameters: VixonicParameters
 }
 
 declare type VixonicParameters = Partial<{
-  displayService: 'AnniversaryAppService' | 'RexmasAnniversarieService' | 'BukAnniversarieService', documentService: { id: string }, rexmasService: { id: string }, bukService: { id: string }, photoMode: 'zip' | 'online', photosZip: {id?: string, filename?: string, extension?: string}, updateTime: 600000 | 1800000 | 3600000 | 21600000 | 43200000 | 86400000 | 604800000, defaultMessage: string, defaultMessageFormat: { fontSize?: number, fontColor?: string, alignment?: { horizontal?: 'left' | 'right' | 'center' }, font?: { filename: string, id: string, __isAsset: true } }, orientation: 'h' | 'v', animationMode: 'fade' | 'slideRight' | 'slideLeft', animationSpeed: 2 | 1.5 | 1, animationOrder: boolean, animationTime: number, containerColumns: number, containerColumnsGap: number, containerRows: number, containerRowsGap: number, backgroundImage: {id?: string, filename?: string, extension?: string}, padding: string, textPosition: 1 | 2 | 3, textAlignment: 'start' | 'center' | 'end', nameFormat: { fontSize?: number, fontColor?: string, alignment?: { horizontal?: 'left' | 'right' | 'center' }, font?: { filename: string, id: string, __isAsset: true } }, nameMaxChar: number, textMargin: string, descriptionEnabled: boolean, descriptionFormat: { fontSize?: number, fontColor?: string, alignment?: { horizontal?: 'left' | 'right' | 'center' }, font?: { filename: string, id: string, __isAsset: true } }, descriptionMaxChar: number, optionalEnabled: boolean, optionalFormat: { fontSize?: number, fontColor?: string, alignment?: { horizontal?: 'left' | 'right' | 'center' }, font?: { filename: string, id: string, __isAsset: true } }, imageEnabled: boolean, imagePosition: 1 | 2 | 3, imageAlignment: 'start' | 'center' | 'end', imageStyle: 'normal' | 'rounded' | 'circle', imageMargin: string, imageSize: number, dateEnabled: boolean, datePosition: 1 | 2 | 3, dateAlignment: 'start' | 'center' | 'end', dateStyle: 'calendarFlat' | 'calendarText' | 'circle' | 'text' | 'outlines', dateDayFormat: { fontSize?: number, fontColor?: string, alignment?: { horizontal?: 'left' | 'right' | 'center' }, font?: { filename: string, id: string, __isAsset: true } }, dateMonthFormat: { fontSize?: number, fontColor?: string, alignment?: { horizontal?: 'left' | 'right' | 'center' }, font?: { filename: string, id: string, __isAsset: true } }, abbreviatedMonths: boolean, datePrimaryColor: string, dateMargin: string, separator: boolean, separatorWidth: number, separatorColor: string, itemMargins: string
-}>
+  displayService: 'AnniversaryAppService' | 'RexmasAnniversarieService' | 'BukAnniversarieService' | 'TalanaAnniversariesService'
+  documentService: {id: string}
+  rexmasService: {id: string}
+  bukService: {id: string}
+  talanaService: {id: string}
+  photoMode: 'zip' | 'online'
+  photosZip: {id?: string; filename?: string; extension?: string}
+  updateTime: 600000 | 1800000 | 3600000 | 21600000 | 43200000 | 86400000 | 604800000
+  defaultMessage: string
+  defaultMessageFormat: {
+    fontSize?: number
+    fontColor?: string
+    alignment?: {horizontal?: 'left' | 'right' | 'center'}
+    font?: {filename: string; id: string; __isAsset: true}
+  }
+  orientation: 'h' | 'v'
+  animationMode: 'fade' | 'slideRight' | 'slideLeft'
+  animationSpeed: 2 | 1.5 | 1
+  animationOrder: boolean
+  animationTime: number
+  containerColumns: number
+  containerColumnsGap: number
+  containerRows: number
+  containerRowsGap: number
+  backgroundImage: {id?: string; filename?: string; extension?: string}
+  padding: string
+  textPosition: 1 | 2 | 3
+  textAlignment: 'start' | 'center' | 'end'
+  nameFormat: {
+    fontSize?: number
+    fontColor?: string
+    alignment?: {horizontal?: 'left' | 'right' | 'center'}
+    font?: {filename: string; id: string; __isAsset: true}
+  }
+  nameMaxChar: number
+  textMargin: string
+  descriptionEnabled: boolean
+  descriptionFormat: {
+    fontSize?: number
+    fontColor?: string
+    alignment?: {horizontal?: 'left' | 'right' | 'center'}
+    font?: {filename: string; id: string; __isAsset: true}
+  }
+  descriptionMaxChar: number
+  optionalEnabled: boolean
+  optionalFormat: {
+    fontSize?: number
+    fontColor?: string
+    alignment?: {horizontal?: 'left' | 'right' | 'center'}
+    font?: {filename: string; id: string; __isAsset: true}
+  }
+  imageEnabled: boolean
+  imagePosition: 1 | 2 | 3
+  imageAlignment: 'start' | 'center' | 'end'
+  imageStyle: 'normal' | 'rounded' | 'circle'
+  imageMargin: string
+  imageSize: number
+  dateEnabled: boolean
+  datePosition: 1 | 2 | 3
+  dateAlignment: 'start' | 'center' | 'end'
+  dateStyle: 'calendarFlat' | 'calendarText' | 'circle' | 'text' | 'outlines'
+  dateDayFormat: {
+    fontSize?: number
+    fontColor?: string
+    alignment?: {horizontal?: 'left' | 'right' | 'center'}
+    font?: {filename: string; id: string; __isAsset: true}
+  }
+  dateMonthFormat: {
+    fontSize?: number
+    fontColor?: string
+    alignment?: {horizontal?: 'left' | 'right' | 'center'}
+    font?: {filename: string; id: string; __isAsset: true}
+  }
+  abbreviatedMonths: boolean
+  datePrimaryColor: string
+  dateMargin: string
+  separator: boolean
+  separatorWidth: number
+  separatorColor: string
+  itemMargins: string
+}>

package/src/service-parsers.ts

@@ -1,3 +1,7 @@
+export interface ServiceParser {
+  parse: (data: any[]) => Anniversary[]
+}
+
 export class AnniversaryServiceParsers {
   static readonly AnniversaryAppService = {
     parse: (data: any[]): Anniversary[] => {
@@ -5,6 +9,7 @@ export class AnniversaryServiceParsers {
         month: item.month,
         day: item.day,
         name: item.name,
+        position: item.description,
         image: item.image,
        }))
     }
@@ -16,7 +21,33 @@ export class AnniversaryServiceParsers {
         month: item.month,
         day: item.day,
         name: item.name,
-        description: undefined, 
+        position: undefined, 
+        image: item.image,
+        optional: undefined
+      }))
+    }
+  }
+
+  static readonly BukAnniversaryService = {
+    parse: (data: any[]): Anniversary[] => {
+      return data.map(item => ({
+        month: item.month,
+        day: item.day,
+        name: item.name,
+        position: item.position,
+        image: item.image,
+        optional: undefined
+      }))
+    }
+  }
+
+  static readonly TalanaAnniversariesService = {
+    parse: (data: any[]): Anniversary[] => {
+      return data.map(item => ({
+        month: item.month,
+        day: item.day,
+        name: item.name,
+        position: item.position,
         image: item.image,
         optional: undefined
       }))
@@ -25,16 +56,14 @@ export class AnniversaryServiceParsers {
 
   static getParser(serviceType: VixonicData['parameters']['displayService']): ServiceParser {
     switch (serviceType) {
-      case 'AnniversaryAppService':
-        return this.AnniversaryAppService
       case 'RexmasAnniversarieService':
         return this.RexmasAnniversaryService
+      case 'BukAnniversarieService':
+        return this.BukAnniversaryService
+      case 'TalanaAnniversariesService':
+        return this.TalanaAnniversariesService
       default:
         return this.AnniversaryAppService 
     }
   }
 }
-
-export interface ServiceParser {
-  parse: (data: any[]) => Anniversary[]
-}

package/src/test/parameters.json

@@ -1,8 +1,19 @@
 {
   "parameters": {
-    "documentService": {"id":"080a7a66-bf46-5884-0c8a-bda3a834dc56"},
-    "rexmasService": {"id":"e945ee89-c2ed-3eb5-d7a6-d53a3b701df8"},
-    "defaultMessage": "No ingresos",
+    "documentService": {
+      "id": "080a7a66-bf46-5884-0c8a-bda3a834dc56"
+    },
+    "rexmasService": {
+      "id": "e945ee89-c2ed-3eb5-d7a6-d53a3b701df8"
+    },
+    "bukService": {
+      "id": "0159f12d-4a7d-24d1-f260-f33908c049e2"
+    },
+    "talanaService": {
+      "id": "5fedefa9-5818-4be0-bfe1-1df8605c32d2"
+    },
+    "displayService": "TalanaAnniversariesService",
+    "defaultMessage": "No hay ingresos",
     "padding": "365px 25px 80px 40px",
     "dataMode": "monthly",
     "template": "standard",