@stack-spot/portal-components 2.25.0 → 2.25.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [2.25.1](https://github.com/stack-spot/portal-commons/compare/portal-components@v2.25.0...portal-components@v2.25.1) (2025-08-14)
+
+
+### Bug Fixes
+
+* maintenance banner ([#1406](https://github.com/stack-spot/portal-commons/issues/1406)) ([41c5258](https://github.com/stack-spot/portal-commons/commit/41c52588c7ab4377da31e79cf4e31b17b7b714c0))
+
 ## [2.25.0](https://github.com/stack-spot/portal-commons/compare/portal-components@v2.24.3...portal-components@v2.25.0) (2025-08-14)
 
 

package/dist/components/InfoMaintenanceBanner.d.ts

@@ -1,9 +1,8 @@
 interface InfoMaintenanceBannerProps {
-    date: string;
-    year: string;
+    date: Date;
     initialHour: string;
     endHour: string;
 }
-export declare const InfoMaintenanceBanner: ({ date, year, initialHour, endHour }: InfoMaintenanceBannerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InfoMaintenanceBanner: ({ date, initialHour, endHour }: InfoMaintenanceBannerProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=InfoMaintenanceBanner.d.ts.map

package/dist/components/InfoMaintenanceBanner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfoMaintenanceBanner.d.ts","sourceRoot":"","sources":["../../src/components/InfoMaintenanceBanner.tsx"],"names":[],"mappings":"AAGA,UAAU,0BAA0B;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,qBAAqB,GAAI,sCAAsC,0BAA0B,4CAGrG,CAAA"}
+{"version":3,"file":"InfoMaintenanceBanner.d.ts","sourceRoot":"","sources":["../../src/components/InfoMaintenanceBanner.tsx"],"names":[],"mappings":"AAKA,UAAU,0BAA0B;IAClC,IAAI,EAAE,IAAI,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,qBAAqB,GAAI,gCAAgC,0BAA0B,4CAQ/F,CAAA"}

package/dist/components/InfoMaintenanceBanner.js

@@ -1,16 +1,23 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Text } from '@citric/core';
-import { interpolate, useTranslate } from '@stack-spot/portal-translate';
-export const InfoMaintenanceBanner = ({ date, year, initialHour, endHour }) => {
+import { interpolate, useLanguage, useTranslate } from '@stack-spot/portal-translate';
+import { format } from 'date-fns';
+import { enUS, ptBR } from 'date-fns/locale';
+export const InfoMaintenanceBanner = ({ date, initialHour, endHour }) => {
     const t = useTranslate(dictionary);
-    return _jsx(Text, { children: interpolate(t.info, [date, year, initialHour, endHour]) });
+    const language = useLanguage();
+    const locale = language === 'pt' ? ptBR : enUS;
+    const dateToString = language === 'en' ?
+        format(date, "MMMM do',' yyyy", { locale }) :
+        format(date, "dd 'de' MMMM 'de' yyyy", { locale });
+    return _jsx(Text, { children: interpolate(t.info, dateToString, initialHour, endHour) });
 };
 const dictionary = {
     en: {
-        info: 'We would like to inform you that StackSpot will undergo maintenance on $0, $1, from $2 (GMT-3) to $3. During this period, this web portal will be temporarily unavailable.',
+        info: 'We would like to inform you that StackSpot will undergo maintenance on $0, from $1 (GMT-3) to $2. During this period, this web portal will be temporarily unavailable.',
     },
     pt: {
-        info: 'Gostaríamos de informar que a StackSpot passará por manutenção no dia $0 de $1, das $2 (GMT-3) às $3. Durante este período, este portal web estará temporariamente indisponível.',
+        info: 'Gostaríamos de informar que a StackSpot passará por manutenção no dia $0, das $1 (GMT-3) às $2. Durante este período, este portal web estará temporariamente indisponível.',
     },
 };
 //# sourceMappingURL=InfoMaintenanceBanner.js.map

package/dist/components/InfoMaintenanceBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoMaintenanceBanner.js","sourceRoot":"","sources":["../../src/components/InfoMaintenanceBanner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AASxE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAA8B,EAAE,EAAE;IACxG,MAAM,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAA;IAClC,OAAO,KAAC,IAAI,cAAE,WAAW,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC,GAAQ,CAAA;AAC/E,CAAC,CAAA;AAED,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE;QACF,IAAI,EAAE,4KAA4K;KACnL;IACD,EAAE,EAAE;QACF,IAAI,EAAE,kLAAkL;KACzL;CACF,CAAA"}
+{"version":3,"file":"InfoMaintenanceBanner.js","sourceRoot":"","sources":["../../src/components/InfoMaintenanceBanner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAQ5C,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAA8B,EAAE,EAAE;IAClG,MAAM,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAA;IAClC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,MAAM,GAAG,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;IAC9C,MAAM,YAAY,GAAG,QAAQ,KAAK,IAAI,CAAC,CAAC;QACtC,MAAM,CAAC,IAAI,EAAE,iBAAiB,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;QAC7C,MAAM,CAAC,IAAI,EAAE,wBAAwB,EAAE,EAAE,MAAM,EAAE,CAAC,CAAA;IACpD,OAAO,KAAC,IAAI,cAAE,WAAW,CAAC,CAAC,CAAC,IAAI,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,CAAC,GAAQ,CAAA;AAC/E,CAAC,CAAA;AAED,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE;QACF,IAAI,EAAE,wKAAwK;KAC/K;IACD,EAAE,EAAE;QACF,IAAI,EAAE,4KAA4K;KACnL;CACF,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stack-spot/portal-components",
-  "version": "2.25.0",
+  "version": "2.25.1",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/InfoMaintenanceBanner.tsx

@@ -1,23 +1,29 @@
 import { Text } from '@citric/core'
-import { interpolate, useTranslate } from '@stack-spot/portal-translate'
+import { interpolate, useLanguage, useTranslate } from '@stack-spot/portal-translate'
+import { format } from 'date-fns'
+import { enUS, ptBR } from 'date-fns/locale'
 
 interface InfoMaintenanceBannerProps {
-  date: string,
-  year: string,
+  date: Date,
   initialHour: string,
   endHour: string,
 }
 
-export const InfoMaintenanceBanner = ({ date, year, initialHour, endHour }: InfoMaintenanceBannerProps) => {
+export const InfoMaintenanceBanner = ({ date, initialHour, endHour }: InfoMaintenanceBannerProps) => {
   const t = useTranslate(dictionary)
-  return <Text>{interpolate(t.info, [date, year, initialHour, endHour])}</Text>
+  const language = useLanguage()
+  const locale = language === 'pt' ? ptBR : enUS
+  const dateToString = language === 'en' ?
+    format(date, "MMMM do',' yyyy", { locale }) :
+    format(date, "dd 'de' MMMM 'de' yyyy", { locale })
+  return <Text>{interpolate(t.info, dateToString, initialHour, endHour)}</Text>
 }
 
 const dictionary = {
   en: {
-    info: 'We would like to inform you that StackSpot will undergo maintenance on $0, $1, from $2 (GMT-3) to $3. During this period, this web portal will be temporarily unavailable.',
+    info: 'We would like to inform you that StackSpot will undergo maintenance on $0, from $1 (GMT-3) to $2. During this period, this web portal will be temporarily unavailable.',
   },
   pt: {
-    info: 'Gostaríamos de informar que a StackSpot passará por manutenção no dia $0 de $1, das $2 (GMT-3) às $3. Durante este período, este portal web estará temporariamente indisponível.',
+    info: 'Gostaríamos de informar que a StackSpot passará por manutenção no dia $0, das $1 (GMT-3) às $2. Durante este período, este portal web estará temporariamente indisponível.',
   },
 }