@vixoniccom/aniversarios 1.2.3-dev.1 → 1.2.3-dev.2

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [1.2.3-dev.2](https://github.com/Vixonic/store-aniversarios/compare/v1.2.3-dev.1...v1.2.3-dev.2) (2025-07-11)
+
 ### [1.2.3-dev.1](https://github.com/Vixonic/store-aniversarios/compare/v1.2.3-dev.0...v1.2.3-dev.1) (2025-07-09)
 
 ### [1.2.3-dev.0](https://github.com/Vixonic/store-aniversarios/compare/v1.2.2...v1.2.3-dev.0) (2025-07-04)

package/configuration/appearanceGroup/AppearanceInputs.ts

@@ -0,0 +1,101 @@
+import {
+  Label,
+  NumberInput,
+  NumberRangeValue,
+  SelectAssetKna,
+  SelectInput,
+  Switch,
+  TextInput,
+} from '@vixoniccom/modules'
+
+export const appearanceInputs = [
+  new Label({ label: 'Orientación' }),
+  new SelectInput({
+    id: 'orientation',
+    required: true,
+    label: 'Orientación',
+    items: [
+      { label: 'Horizontal', value: 'h' },
+      { label: 'Vertical', value: 'v' },
+    ],
+    defaultValue: 'h',
+  }),
+
+  new Label({ label: 'Animación' }),
+  new SelectInput({
+    id: 'animationMode',
+    required: true,
+    label: 'Tipo de animación',
+    items: [
+      { label: 'Fundido', value: 'fade' },
+      { label: 'Izquierda - derecha', value: 'slideRight' },
+      { label: 'Derecha - izquierda', value: 'slideLeft' },
+    ],
+    defaultValue: 'fade',
+    description: 'Por defecto, Fundido.'
+  }),
+  new SelectInput({
+    id: 'animationSpeed',
+    label: 'Velocidad',
+    items: [
+      { label: 'Lenta', value: 2 },
+      { label: 'Normal', value: 1.5 },
+      { label: 'Rápida', value: 1 },
+    ],
+    defaultValue: 1.5,
+  }),
+  new Switch({
+    id: "animationOrder",
+    label: "Orden",
+    displayOnTrue: "Invertido",
+    displayOnFalse: "Normal",
+    defaultValue: false
+  }),
+  new NumberInput({
+    id: 'animationTime',
+    label: 'Tiempo',
+    description: 'Duración de cada grupo de datos (en segundos).',
+    required: true,
+    range: new NumberRangeValue(1, 9999),
+  }),
+
+  new Label({ label: 'Contenedor' }),
+  new NumberInput({
+    id: 'containerColumns',
+    label: 'Columnas',
+    description: 'Cantidad de items horizontales. Por defecto, 1.',
+    range: new NumberRangeValue(1, 999),
+  }),
+  new NumberInput({
+    id: 'containerColumnsGap',
+    label: 'Separador horizontal',
+    description: 'Espacio entre columnas (en porcentaje). Por defecto, 1%.',
+    range: new NumberRangeValue(1, 100),
+  }),
+  new NumberInput({
+    id: 'containerRows',
+    label: 'Filas',
+    description: 'Cantidad de items verticales. Por defecto, 3.',
+    range: new NumberRangeValue(1, 999),
+  }),
+  new NumberInput({
+    id: 'containerRowsGap',
+    label: 'Separador vertical',
+    description: 'Espacio entre filas (en porcentaje). Por defecto, 5%.',
+    range: new NumberRangeValue(1, 100),
+  }),
+
+  new Label({ label: 'Avanzado' }),
+  new SelectAssetKna({
+    id: 'backgroundImage',
+    label: 'Fondo',
+    required: false,
+    extensions: ['jpg', 'png'],
+  }),
+  new TextInput({
+    id: 'padding',
+    required: false,
+    label: 'Márgenes',
+    description: 'CSS para dar espacio arriba/derecha/abajo/izquieda.',
+  }),
+]

package/configuration/appearanceGroup/index.ts

@@ -0,0 +1,8 @@
+import { Group } from '@vixoniccom/modules'
+import { appearanceInputs } from './AppearanceInputs'
+
+export const appearanceGroup = new Group({
+  id: 'appearanceGroup',
+  label: 'Apariencia',
+  items: [...appearanceInputs],
+})

package/configuration/dataGroup/DataInputs.ts

@@ -0,0 +1,52 @@
+import { Label, SelectAssetKna, SelectInput, ServiceInput, TextFormat, TextInput } from '@vixoniccom/modules'
+import { serviceEnabled } from '../utils'
+
+export const dataInputs = [
+  new Label({ label: 'Datos' }),
+  new SelectInput({
+    id: 'displayService',
+    label: 'Selecciona la fuente de los cumpleaños',
+    items: [
+      { label: 'Documento', value: 'AnniversaryAppService' },
+      { label: 'Rexmas', value: 'RexmasAnniversarieService'}
+    ],
+    defaultValue: 'AnniversaryAppService',
+    description: 'Selecciona la fuente de los cumpleaños. Por defecto, Documento.'
+  }),
+  new ServiceInput({
+    id: 'documentService',
+    label: 'Documento',
+    serviceType: 'AnniversaryAppService',
+    show: serviceEnabled.annivesaryAppServiceEnabled
+  }),
+  new ServiceInput({
+    id: 'rexmasService',
+    label: 'Rexmas',
+    serviceType: 'RexmasAnniversarieService',
+    show: serviceEnabled.rexmasServiceEnabled
+  }),
+  new SelectAssetKna({
+    id: 'photosZip',
+    label: 'Archivo Zip para fotos',
+    extensions: ['zip'],
+    show: serviceEnabled.annivesaryAppServiceEnabled
+  }),
+  new Label({ label: 'Funcionamiento' }),
+  new SelectInput({
+    id: 'updateTime',
+    label: 'Actualización',
+    items: [
+      { label: '10 minutos', value: 600000 },
+      { label: '30 minutos', value: 1800000 },
+      { label: '1 hora', value: 3600000 },
+      { label: '6 horas', value: 21600000 },
+      { label: '12 horas', value: 43200000 },
+      { label: 'Diario', value: 86400000 },
+      { label: 'Semanal', value: 604800000 },
+    ],
+    defaultValue: 86400000,
+    description: 'Tiempo de actualización de los datos. Por defecto, diario.',
+  }),
+  new TextInput({ id: 'defaultMessage', label: 'Sin Aniversarios' }),
+  new TextFormat({ id: 'defaultMessageFormat', label: 'Formato Mensaje sin aniversarios' }),
+]

package/configuration/dataGroup/index.ts

@@ -0,0 +1,8 @@
+import { Group } from '@vixoniccom/modules'
+import { dataInputs } from './DataInputs'
+
+export const dataGroup = new Group({
+  id: 'dataGroup',
+  label: 'Configuración',
+  items: [...dataInputs],
+})

package/configuration/index.ts

@@ -0,0 +1,8 @@
+import { Configuration } from '@vixoniccom/modules'
+import { dataGroup } from './dataGroup'
+import { appearanceGroup } from './appearanceGroup'
+import { standardGroup } from './standardGroup'
+
+export const configuration = new Configuration({
+  schema: [dataGroup, appearanceGroup, standardGroup],
+})

package/configuration/standardGroup/StandardInputs.ts

@@ -0,0 +1,211 @@
+import {
+  ColorPicker,
+  Label,
+  NumberInput,
+  NumberRangeValue,
+  SelectInput,
+  Switch,
+  TextFormat,
+  TextInput,
+} from '@vixoniccom/modules'
+import { ShowValidations } from '../utils'
+
+export const standardInputs = [
+  new Label({ label: 'Textos' }),
+  new SelectInput({
+    id: 'textPosition',
+    label: 'Posición',
+    items: [
+      { label: 'Inicio', value: 1 },
+      { label: 'Centro', value: 2 },
+      { label: 'Final', value: 3 },
+    ],
+    defaultValue: 2,
+  }),
+  new SelectInput({
+    id: 'textAlignment',
+    label: 'Alineación',
+    items: [
+      { label: 'Inicio', value: 'start' },
+      { label: 'Centro', value: 'center' },
+      { label: 'Final', value: 'end' },
+    ],
+    defaultValue: 'center',
+  }),
+
+  new Label({ label: 'Nombre' }),
+  new TextFormat({ id: 'nameFormat', label: 'Formato' }),
+  new NumberInput({ id: 'nameMaxChar', label: 'Caracteres máximos' }),
+  new TextInput({
+    id: 'textMargin',
+    label: 'Margen',
+    description: 'Margen derecho de los textos (en porcentaje). Por defecto 4%.',
+  }),
+
+  new Switch({
+    id: 'descriptionEnabled',
+    label: 'Descripción',
+    displayOnTrue: 'habilitada',
+    displayOnFalse: 'deshabilitada',
+    defaultValue: true,
+  }),
+
+  new Label({ label: 'Descripción', show: ShowValidations.descriptionEnabled }),
+  new TextFormat({ id: 'descriptionFormat', label: 'Formato', show: ShowValidations.descriptionEnabled }),
+  new NumberInput({ id: 'descriptionMaxChar', label: 'Caracteres máximos', show: ShowValidations.descriptionEnabled }),
+
+  new Switch({
+    id: 'optionalEnabled',
+    label: 'Campo opcional',
+    displayOnTrue: 'habilitado',
+    displayOnFalse: 'deshabilitado',
+    defaultValue: true,
+  }),
+
+  new Label({ label: 'Campo opcional', show: ShowValidations.optionalEnabled }),
+  new TextFormat({ id: 'optionalFormat', label: 'Formato', show: ShowValidations.optionalEnabled }),
+
+  new Label({ label: 'Fotografía' }),
+
+  new Label({ label: 'Imagen' }),
+  new Switch({
+    id: 'imageEnabled',
+    label: 'Imagen',
+    displayOnTrue: 'habilitada',
+    displayOnFalse: 'deshabilitada',
+    defaultValue: true,
+  }),
+  new SelectInput({
+    id: 'imagePosition',
+    label: 'Posición',
+    items: [
+      { label: 'Inicio', value: 1 },
+      { label: 'Centro', value: 2 },
+      { label: 'Final', value: 3 },
+    ],
+    defaultValue: 2,
+    show: ShowValidations.imageEnabled,
+  }),
+  new SelectInput({
+    id: 'imageAlignment',
+    label: 'Alineación',
+    items: [
+      { label: 'Inicio', value: 'start' },
+      { label: 'Centro', value: 'center' },
+      { label: 'Final', value: 'end' },
+    ],
+    defaultValue: 'center',
+    show: ShowValidations.imageEnabled,
+  }),
+  new SelectInput({
+    id: 'imageStyle',
+    label: 'Estilo',
+    description: 'Forma de enmarcar la fotografía.',
+    required: true,
+    items: [
+      { label: 'Normal', value: 'normal' },
+      { label: 'Redondeado', value: 'rounded' },
+      { label: 'Círculo', value: 'circle' },
+    ],
+    defaultValue: 'normal',
+    show: ShowValidations.imageEnabled,
+  }),
+  new TextInput({
+    id: 'imageMargin',
+    label: 'Margen',
+    description: 'Margen derecho de la imagen (en porcentaje). Por defecto 4%.',
+    show: ShowValidations.imageEnabled,
+  }),
+  new NumberInput({
+    id: 'imageSize',
+    label: 'Tamaño',
+    description: 'Tamaño de la imagen (en porcentaje).',
+    range: new NumberRangeValue(1, 100),
+    show: ShowValidations.imageEnabled,
+  }),
+
+  new Label({ label: 'Fecha' }),
+  new Switch({
+    id: 'dateEnabled',
+    label: 'Fecha',
+    displayOnTrue: 'habilitada',
+    displayOnFalse: 'deshabilitada',
+    defaultValue: true,
+  }),
+  new SelectInput({
+    id: 'datePosition',
+    label: 'Posición',
+    items: [
+      { label: 'Inicio', value: 1 },
+      { label: 'Centro', value: 2 },
+      { label: 'Final', value: 3 },
+    ],
+    defaultValue: 3,
+    show: ShowValidations.dateEnabled,
+  }),
+  new SelectInput({
+    id: 'dateAlignment',
+    label: 'Alineación',
+    items: [
+      { label: 'Inicio', value: 'start' },
+      { label: 'Centro', value: 'center' },
+      { label: 'Final', value: 'end' },
+    ],
+    defaultValue: 'center',
+    show: ShowValidations.dateEnabled,
+  }),
+  new SelectInput({
+    id: 'dateStyle',
+    label: 'Estilo',
+    description: 'Forma de enmarcar la fotografía.',
+    required: true,
+    items: [
+      { label: 'Calendario simple', value: 'calendarFlat' },
+      { label: 'Calendario texto', value: 'calendarText' },
+      { label: 'Circular', value: 'circle' },
+      { label: 'Texto', value: 'text' },
+      { label: 'Líneas', value: 'outlines' },
+    ],
+    defaultValue: 'calendarFlat',
+    show: ShowValidations.dateEnabled,
+  }),
+  new TextFormat({ id: 'dateDayFormat', label: 'Formato del día', show: ShowValidations.dateEnabled }),
+  new TextFormat({ id: 'dateMonthFormat', label: 'Formato del mes', show: ShowValidations.dateEnabled }),
+  new Switch({
+    id: 'abbreviatedMonths',
+    label: 'Meses',
+    displayOnTrue: 'abreviados',
+    displayOnFalse: 'no abreviados',
+    defaultValue: false,
+    show: ShowValidations.abbreviatedMonthsCondition,
+  }),
+  new ColorPicker({
+    id: 'datePrimaryColor',
+    label: 'Color primario',
+    show: ShowValidations.dateColorCondition,
+  }),
+  new TextInput({
+    id: 'dateMargin',
+    label: 'Margen',
+    description: 'Margen derecho de la fecha (en porcentaje). Por defecto 4%.',
+    show: ShowValidations.dateEnabled,
+  }),
+
+  new Label({ label: 'Separador' }),
+  new Switch({
+    id: 'separator',
+    label: 'Separador',
+    displayOnTrue: 'habilitado',
+    displayOnFalse: 'deshabilitado',
+    defaultValue: true,
+  }),
+  new NumberInput({ id: 'separatorWidth', label: 'Ancho', show: ShowValidations.separatorEnabled }),
+  new ColorPicker({ id: 'separatorColor', label: 'Color', show: ShowValidations.separatorEnabled }),
+  new TextInput({
+    id: 'itemMargins',
+    label: 'Márgenes',
+    description: 'Un CSS de longitud de uno o dos valores.',
+    pattern: '^(( )?[+-]?[0-9]+.?([0-9]+)?(px|em|ex|%|in|cm|mm|pt|pc)){1,2}$',
+    show: ShowValidations.separatorEnabled,
+  }),
+]

package/configuration/standardGroup/index.ts

@@ -0,0 +1,8 @@
+import { Group } from '@vixoniccom/modules'
+import { standardInputs } from './StandardInputs'
+
+export const standardGroup = new Group({
+  id: 'standardGroup',
+  label: 'Estilo',
+  items: [...standardInputs],
+})

package/configuration/utils.ts

@@ -0,0 +1,17 @@
+export const ShowValidations = {
+  descriptionEnabled: '{{descriptionEnabled}} === true',
+  optionalEnabled: '{{optionalEnabled}} === true',
+  imageEnabled: '{{imageEnabled}} === true',
+  dateEnabled: '{{dateEnabled}} === true',
+  abbreviatedMonthsCondition:
+    "{{dateEnabled}} === true && ['calendarFlat', 'calendarText', 'outlines'].indexOf({{dateStyle}}) !== -1",
+  dateColorCondition:
+    "({{dateEnabled}} === true && ['calendarFlat', 'circle', 'outlines'].indexOf({{dateStyle}}) !== -1)",
+  separatorEnabled: '{{separator}} === true',
+}
+
+
+export const serviceEnabled = {
+  rexmasServiceEnabled: '{{displayService}} === "RexmasBirthdayService"',
+  annivesaryAppServiceEnabled: '{{displayService}} === "AnniversaryAppService"',
+}