@jobber/components 8.29.1 → 8.30.0

package/dist/Banner/Banner.messages.d.ts

@@ -0,0 +1,6 @@
+export declare const bannerMessages: {
+    dismissLabel: {
+        en: string;
+        es: string;
+    };
+};

package/dist/Banner/index.cjs

@@ -5,6 +5,8 @@ require('../tslib.es6-cjs.js');
 require('react');
 require('classnames');
 require('@jobber/hooks');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../Icon-cjs.js');
 require('@jobber/design');
 require('../ButtonDismiss-cjs.js');

package/dist/Banner/index.mjs

@@ -3,6 +3,8 @@ import '../tslib.es6-es.js';
 import 'react';
 import 'classnames';
 import '@jobber/hooks';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../Icon-es.js';
 import '@jobber/design';
 import '../ButtonDismiss-es.js';

package/dist/Banner-cjs.js

@@ -4,6 +4,7 @@ var tslib_es6 = require('./tslib.es6-cjs.js');
 var React = require('react');
 var classnames = require('classnames');
 var jobberHooks = require('@jobber/hooks');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 var Icon = require('./Icon-cjs.js');
 var ButtonDismiss = require('./ButtonDismiss-cjs.js');
 var Button = require('./Button-cjs.js');
@@ -23,6 +24,13 @@ function useBanner() {
     return React.useContext(BannerContext);
 }
 
+const bannerMessages = useAtlantisI18n.defineMessages({
+    dismissLabel: {
+        en: "Dismiss notification",
+        es: "Descartar notificación",
+    },
+});
+
 function Banner({ children, type, primaryAction, dismissible = true, icon, onDismiss, controlledVisiblity, }) {
     if (primaryAction != undefined) {
         primaryAction = Object.assign({
@@ -97,7 +105,8 @@ Banner.Content = function BannerContent(props) {
 Banner.DismissButton = function DismissButton(props) {
     var _a, _b, _c, _d;
     const { setIsVisible } = useBanner();
-    const ariaLabel = (_a = props.ariaLabel) !== null && _a !== void 0 ? _a : "Dismiss notification";
+    const { t } = useAtlantisI18n.useAtlantisI18n(bannerMessages);
+    const ariaLabel = (_a = props.ariaLabel) !== null && _a !== void 0 ? _a : t("dismissLabel");
     const onClick = (_b = props.onClick) !== null && _b !== void 0 ? _b : (() => {
         setIsVisible(false);
     });

package/dist/Banner-es.js

@@ -2,6 +2,7 @@ import { _ as __rest } from './tslib.es6-es.js';
 import React__default, { createContext, useContext, useState } from 'react';
 import classnames from 'classnames';
 import { useResizeObserver } from '@jobber/hooks';
+import { d as defineMessages, u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 import { I as Icon } from './Icon-es.js';
 import { B as ButtonDismiss } from './ButtonDismiss-es.js';
 import { B as Button } from './Button-es.js';
@@ -21,6 +22,13 @@ function useBanner() {
     return useContext(BannerContext);
 }
 
+const bannerMessages = defineMessages({
+    dismissLabel: {
+        en: "Dismiss notification",
+        es: "Descartar notificación",
+    },
+});
+
 function Banner({ children, type, primaryAction, dismissible = true, icon, onDismiss, controlledVisiblity, }) {
     if (primaryAction != undefined) {
         primaryAction = Object.assign({
@@ -95,7 +103,8 @@ Banner.Content = function BannerContent(props) {
 Banner.DismissButton = function DismissButton(props) {
     var _a, _b, _c, _d;
     const { setIsVisible } = useBanner();
-    const ariaLabel = (_a = props.ariaLabel) !== null && _a !== void 0 ? _a : "Dismiss notification";
+    const { t } = useAtlantisI18n(bannerMessages);
+    const ariaLabel = (_a = props.ariaLabel) !== null && _a !== void 0 ? _a : t("dismissLabel");
     const onClick = (_b = props.onClick) !== null && _b !== void 0 ? _b : (() => {
         setIsVisible(false);
     });

package/dist/Drawer/Drawer.messages.d.ts

@@ -0,0 +1,6 @@
+export declare const drawerMessages: {
+    "Close {title}": {
+        en: string;
+        es: string;
+    };
+};

package/dist/Drawer/index.cjs

@@ -3,6 +3,8 @@
 var DrawerGrid = require('../DrawerGrid-cjs.js');
 require('react');
 require('classnames');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../Heading-cjs.js');
 require('../Typography-cjs.js');
 require('../ButtonDismiss-cjs.js');

package/dist/Drawer/index.mjs

@@ -1,6 +1,8 @@
 export { D as Drawer, a as DrawerGrid } from '../DrawerGrid-es.js';
 import 'react';
 import 'classnames';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../Heading-es.js';
 import '../Typography-es.js';
 import '../ButtonDismiss-es.js';

package/dist/DrawerGrid-cjs.js

@@ -2,11 +2,19 @@
 
 var React = require('react');
 var classnames = require('classnames');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 var Heading = require('./Heading-cjs.js');
 var ButtonDismiss = require('./ButtonDismiss-cjs.js');
 
 var styles$1 = {"container":"LNIwHwCs8gQ-","drawer":"iDSQR4mxUvM-","open":"y9lAhWPltyg-","header":"s830oNhRdZE-","heading":"MZuJ7od4r-o-","contentScroll":"I4XEGwkvw74-","content":"jZzp04L7Gao-","spinning":"dzsdJUdmmt8-"};
 
+const drawerMessages = useAtlantisI18n.defineMessages({
+    "Close {title}": {
+        en: "Close {title}",
+        es: "Cerrar {title}",
+    },
+});
+
 function Drawer({ title, children, open = true, onRequestClose, id, }) {
     const drawerClassNames = classnames(styles$1.container, open && styles$1.open);
     return (React.createElement("aside", { className: drawerClassNames, "data-testid": "drawer-container", "aria-label": title, "aria-hidden": !open, id: id },
@@ -16,10 +24,11 @@ function Drawer({ title, children, open = true, onRequestClose, id, }) {
                 React.createElement("div", { className: styles$1.content }, children)))));
 }
 function Header({ title, onRequestClose }) {
+    const { t } = useAtlantisI18n.useAtlantisI18n(drawerMessages);
     return (React.createElement("div", { className: styles$1.header, "data-testid": "drawer-header" },
         React.createElement("div", { className: styles$1.heading },
             React.createElement(Heading.Heading, { level: 2 }, title)),
-        React.createElement(ButtonDismiss.ButtonDismiss, { onClick: onRequestClose, ariaLabel: `Close ${title || "drawer"}` })));
+        React.createElement(ButtonDismiss.ButtonDismiss, { onClick: onRequestClose, ariaLabel: t("Close {title}", { title }) })));
 }
 
 var styles = {"drawerGrid":"_50Jq09W07gg-","spinning":"GqOdr2k9PX8-"};

package/dist/DrawerGrid-es.js

@@ -1,10 +1,18 @@
 import React__default from 'react';
 import classnames from 'classnames';
+import { d as defineMessages, u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 import { H as Heading } from './Heading-es.js';
 import { B as ButtonDismiss } from './ButtonDismiss-es.js';
 
 var styles$1 = {"container":"LNIwHwCs8gQ-","drawer":"iDSQR4mxUvM-","open":"y9lAhWPltyg-","header":"s830oNhRdZE-","heading":"MZuJ7od4r-o-","contentScroll":"I4XEGwkvw74-","content":"jZzp04L7Gao-","spinning":"dzsdJUdmmt8-"};
 
+const drawerMessages = defineMessages({
+    "Close {title}": {
+        en: "Close {title}",
+        es: "Cerrar {title}",
+    },
+});
+
 function Drawer({ title, children, open = true, onRequestClose, id, }) {
     const drawerClassNames = classnames(styles$1.container, open && styles$1.open);
     return (React__default.createElement("aside", { className: drawerClassNames, "data-testid": "drawer-container", "aria-label": title, "aria-hidden": !open, id: id },
@@ -14,10 +22,11 @@ function Drawer({ title, children, open = true, onRequestClose, id, }) {
                 React__default.createElement("div", { className: styles$1.content }, children)))));
 }
 function Header({ title, onRequestClose }) {
+    const { t } = useAtlantisI18n(drawerMessages);
     return (React__default.createElement("div", { className: styles$1.header, "data-testid": "drawer-header" },
         React__default.createElement("div", { className: styles$1.heading },
             React__default.createElement(Heading, { level: 2 }, title)),
-        React__default.createElement(ButtonDismiss, { onClick: onRequestClose, ariaLabel: `Close ${title || "drawer"}` })));
+        React__default.createElement(ButtonDismiss, { onClick: onRequestClose, ariaLabel: t("Close {title}", { title }) })));
 }
 
 var styles = {"drawerGrid":"_50Jq09W07gg-","spinning":"GqOdr2k9PX8-"};

package/dist/SideDrawer/SideDrawer.messages.d.ts

@@ -0,0 +1,10 @@
+export declare const sideDrawerMessages: {
+    Close: {
+        en: string;
+        es: string;
+    };
+    Back: {
+        en: string;
+        es: string;
+    };
+};

package/dist/SideDrawer/index.cjs

@@ -9,6 +9,8 @@ require('classnames');
 require('@jobber/design');
 require('../Heading-cjs.js');
 require('../Typography-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../Button-cjs.js');
 require('../tslib.es6-cjs.js');
 require('react-router-dom');

package/dist/SideDrawer/index.mjs

@@ -7,6 +7,8 @@ import 'classnames';
 import '@jobber/design';
 import '../Heading-es.js';
 import '../Typography-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../Button-es.js';
 import '../tslib.es6-es.js';
 import 'react-router-dom';

package/dist/SideDrawer-cjs.js

@@ -7,6 +7,7 @@ var jobberHooks = require('@jobber/hooks');
 var classnames = require('classnames');
 var design = require('@jobber/design');
 var Heading = require('./Heading-cjs.js');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 var Button = require('./Button-cjs.js');
 var Flex = require('./Flex-cjs.js');
 
@@ -48,8 +49,20 @@ function SideDrawerToolbar({ children }) {
 
 var styles = {"drawer":"cCwRgRAz4qk-","inline":"ONUfsWMLKdo-","container":"XipkpXgyzyg-","header":"LuqC0RF-R1U-","content":"vArEcEUxGxQ-","footer":"_4HzuRZKD9u8-","subtle":"v5Db-FCF2kU-","heading":"Eti1JL3rghE-","hasShadow":"PtbV1GtWwzY-","headerActions":"YCdqkhcLHfI-","hideWhenEmpty":"ZH2Mp84HhX8-","overlay":"Ro-pE7hx0wY-","reverseScroll":"gSN5nWDwGm4-","headerShadowListener":"tMeBAjf4vEA-","footerShadowListener":"-lPSZVGIIAs-","backButton":"XOqA4Hw6S6g-","backButtonVisible":"b4VHPS-RG34-","spinning":"McL3-VWXVbs-"};
 
+const sideDrawerMessages = useAtlantisI18n.defineMessages({
+    Close: {
+        en: "Close",
+        es: "Cerrar",
+    },
+    Back: {
+        en: "Back",
+        es: "Atrás",
+    },
+});
+
 function SideDrawerBackButton({ onClick, }) {
     const { backPortal, registerComponent, unRegisterComponent } = useSideDrawerContext();
+    const { t } = useAtlantisI18n.useAtlantisI18n(sideDrawerMessages);
     React.useEffect(() => {
         registerComponent("backButton");
         return () => {
@@ -58,7 +71,7 @@ function SideDrawerBackButton({ onClick, }) {
     }, []);
     if (!backPortal)
         return null;
-    return ReactDOM.createPortal(React.createElement(Button.Button, { ariaLabel: "Back", icon: "longArrowLeft", variation: "subtle", type: "tertiary", onClick: onClick }), backPortal);
+    return ReactDOM.createPortal(React.createElement(Button.Button, { ariaLabel: t("Back"), icon: "longArrowLeft", variation: "subtle", type: "tertiary", onClick: onClick }), backPortal);
 }
 
 function SideDrawerFooter({ children }) {
@@ -104,6 +117,7 @@ const useSideDrawerState = (open) => {
 function SideDrawer({ children, onRequestClose, open, variation = "base", scrollDirection, inline = false, UNSAFE_className, UNSAFE_style, }) {
     var _a;
     const { ref, setRef, components, setComponents, slots, sideDrawerRef, headerShadowRef, noHeaderShadow, footerShadowRef, noFooterShadow, } = useSideDrawerState(open);
+    const { t } = useAtlantisI18n.useAtlantisI18n(sideDrawerMessages);
     jobberHooks.useRefocusOnActivator(open);
     const container = ((_a = globalThis.document) === null || _a === void 0 ? void 0 : _a.body) || null;
     const isMounted = jobberHooks.useIsMounted();
@@ -119,7 +133,7 @@ function SideDrawer({ children, onRequestClose, open, variation = "base", scroll
             registerComponent: key => setComponents(prev => (Object.assign(Object.assign({}, prev), { [key]: true }))),
             unRegisterComponent: key => setComponents(prev => (Object.assign(Object.assign({}, prev), { [key]: false }))),
         } },
-        open && !inline && (React.createElement("button", { className: styles.overlay, "aria-label": "Close", onClick: onRequestClose, type: "button" })),
+        open && !inline && (React.createElement("button", { className: styles.overlay, "aria-label": t("Close"), onClick: onRequestClose, type: "button" })),
         React.createElement(framerMotion.AnimatePresence, { initial: false }, open && (React.createElement(framerMotion.motion.div, { className: classnames(styles.drawer, {
                 [styles.reverseScroll]: scrollDirection === "reverse",
                 [styles.inline]: inline,
@@ -140,7 +154,7 @@ function SideDrawer({ children, onRequestClose, open, variation = "base", scroll
                             React.createElement("div", Object.assign({ className: classnames(styles.heading) }, slots.title.attr))),
                         React.createElement("div", { className: styles.headerActions },
                             React.createElement("div", Object.assign({ className: styles.hideWhenEmpty }, slots.actions.attr)),
-                            React.createElement(Button.Button, { ariaLabel: "Close", icon: "cross", onClick: onRequestClose, type: "tertiary", variation: "subtle" }))),
+                            React.createElement(Button.Button, { ariaLabel: t("Close"), icon: "cross", onClick: onRequestClose, type: "tertiary", variation: "subtle" }))),
                     React.createElement("div", Object.assign({ className: styles.hideWhenEmpty }, slots.toolbar.attr))),
                 React.createElement("div", { className: styles.content },
                     React.createElement("div", { className: styles.headerShadowListener, ref: headerShadowRef }),

package/dist/SideDrawer-es.js

@@ -5,6 +5,7 @@ import { useRefocusOnActivator, useIsMounted, useFocusTrap, useInView } from '@j
 import classnames from 'classnames';
 import { tokens } from '@jobber/design';
 import { H as Heading } from './Heading-es.js';
+import { d as defineMessages, u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 import { B as Button } from './Button-es.js';
 import { F as Flex } from './Flex-es.js';
 
@@ -46,8 +47,20 @@ function SideDrawerToolbar({ children }) {
 
 var styles = {"drawer":"cCwRgRAz4qk-","inline":"ONUfsWMLKdo-","container":"XipkpXgyzyg-","header":"LuqC0RF-R1U-","content":"vArEcEUxGxQ-","footer":"_4HzuRZKD9u8-","subtle":"v5Db-FCF2kU-","heading":"Eti1JL3rghE-","hasShadow":"PtbV1GtWwzY-","headerActions":"YCdqkhcLHfI-","hideWhenEmpty":"ZH2Mp84HhX8-","overlay":"Ro-pE7hx0wY-","reverseScroll":"gSN5nWDwGm4-","headerShadowListener":"tMeBAjf4vEA-","footerShadowListener":"-lPSZVGIIAs-","backButton":"XOqA4Hw6S6g-","backButtonVisible":"b4VHPS-RG34-","spinning":"McL3-VWXVbs-"};
 
+const sideDrawerMessages = defineMessages({
+    Close: {
+        en: "Close",
+        es: "Cerrar",
+    },
+    Back: {
+        en: "Back",
+        es: "Atrás",
+    },
+});
+
 function SideDrawerBackButton({ onClick, }) {
     const { backPortal, registerComponent, unRegisterComponent } = useSideDrawerContext();
+    const { t } = useAtlantisI18n(sideDrawerMessages);
     useEffect(() => {
         registerComponent("backButton");
         return () => {
@@ -56,7 +69,7 @@ function SideDrawerBackButton({ onClick, }) {
     }, []);
     if (!backPortal)
         return null;
-    return createPortal(React__default.createElement(Button, { ariaLabel: "Back", icon: "longArrowLeft", variation: "subtle", type: "tertiary", onClick: onClick }), backPortal);
+    return createPortal(React__default.createElement(Button, { ariaLabel: t("Back"), icon: "longArrowLeft", variation: "subtle", type: "tertiary", onClick: onClick }), backPortal);
 }
 
 function SideDrawerFooter({ children }) {
@@ -102,6 +115,7 @@ const useSideDrawerState = (open) => {
 function SideDrawer({ children, onRequestClose, open, variation = "base", scrollDirection, inline = false, UNSAFE_className, UNSAFE_style, }) {
     var _a;
     const { ref, setRef, components, setComponents, slots, sideDrawerRef, headerShadowRef, noHeaderShadow, footerShadowRef, noFooterShadow, } = useSideDrawerState(open);
+    const { t } = useAtlantisI18n(sideDrawerMessages);
     useRefocusOnActivator(open);
     const container = ((_a = globalThis.document) === null || _a === void 0 ? void 0 : _a.body) || null;
     const isMounted = useIsMounted();
@@ -117,7 +131,7 @@ function SideDrawer({ children, onRequestClose, open, variation = "base", scroll
             registerComponent: key => setComponents(prev => (Object.assign(Object.assign({}, prev), { [key]: true }))),
             unRegisterComponent: key => setComponents(prev => (Object.assign(Object.assign({}, prev), { [key]: false }))),
         } },
-        open && !inline && (React__default.createElement("button", { className: styles.overlay, "aria-label": "Close", onClick: onRequestClose, type: "button" })),
+        open && !inline && (React__default.createElement("button", { className: styles.overlay, "aria-label": t("Close"), onClick: onRequestClose, type: "button" })),
         React__default.createElement(AnimatePresence, { initial: false }, open && (React__default.createElement(motion.div, { className: classnames(styles.drawer, {
                 [styles.reverseScroll]: scrollDirection === "reverse",
                 [styles.inline]: inline,
@@ -138,7 +152,7 @@ function SideDrawer({ children, onRequestClose, open, variation = "base", scroll
                             React__default.createElement("div", Object.assign({ className: classnames(styles.heading) }, slots.title.attr))),
                         React__default.createElement("div", { className: styles.headerActions },
                             React__default.createElement("div", Object.assign({ className: styles.hideWhenEmpty }, slots.actions.attr)),
-                            React__default.createElement(Button, { ariaLabel: "Close", icon: "cross", onClick: onRequestClose, type: "tertiary", variation: "subtle" }))),
+                            React__default.createElement(Button, { ariaLabel: t("Close"), icon: "cross", onClick: onRequestClose, type: "tertiary", variation: "subtle" }))),
                     React__default.createElement("div", Object.assign({ className: styles.hideWhenEmpty }, slots.toolbar.attr))),
                 React__default.createElement("div", { className: styles.content },
                     React__default.createElement("div", { className: styles.headerShadowListener, ref: headerShadowRef }),

package/dist/index.cjs

@@ -111,6 +111,7 @@ require('./mergeRefs-cjs.js');
 require('./filterDataAttributes-cjs.js');
 require('color');
 require('./tslib.es6-cjs.js');
+require('./useAtlantisI18n-cjs.js');
 require('react-router-dom');
 require('./getMappedAtlantisSpaceToken-cjs.js');
 require('./useChildComponent-cjs.js');

package/dist/index.mjs

@@ -109,6 +109,7 @@ import './mergeRefs-es.js';
 import './filterDataAttributes-es.js';
 import 'color';
 import './tslib.es6-es.js';
+import './useAtlantisI18n-es.js';
 import 'react-router-dom';
 import './getMappedAtlantisSpaceToken-es.js';
 import './useChildComponent-es.js';

package/dist/sharedHelpers/i18n/index.cjs

@@ -1,37 +1,10 @@
 'use strict';
 
-var React = require('react');
-var AtlantisContext = require('../../AtlantisContext-cjs.js');
+var useAtlantisI18n = require('../../useAtlantisI18n-cjs.js');
+require('react');
+require('../../AtlantisContext-cjs.js');
 
-function defineMessages(messages) {
-    return messages;
-}
-function useAtlantisI18n(messages) {
-    const { locale } = AtlantisContext.useAtlantisContext();
-    const normalizedLocale = normalizeLocale(locale);
-    const t = React.useCallback((messageKey, values) => {
-        return interpolateMessage(resolveMessage(messages[messageKey], normalizedLocale), values);
-    }, [normalizedLocale, messages]);
-    return { locale: normalizedLocale, t };
-}
-function resolveMessage(message, normalizedLocale) {
-    var _a, _b;
-    const baseLocale = normalizedLocale.split("-")[0];
-    return (_b = (_a = message[normalizedLocale]) !== null && _a !== void 0 ? _a : message[baseLocale]) !== null && _b !== void 0 ? _b : message.en;
-}
-function normalizeLocale(locale) {
-    return locale.trim().replace(/_/g, "-").toLowerCase();
-}
-function interpolateMessage(message, values) {
-    if (!values)
-        return message;
-    return message.replace(/\{(\w+)\}/g, (placeholder, key) => {
-        const value = values[key];
-        return value === undefined ? placeholder : String(value);
-    });
-}
-
-const commonMessages = defineMessages({
+const commonMessages = useAtlantisI18n.defineMessages({
     Loading: {
         en: "Loading",
         es: "Cargando",
@@ -46,6 +19,6 @@ const commonMessages = defineMessages({
     },
 });
 
+exports.defineMessages = useAtlantisI18n.defineMessages;
+exports.useAtlantisI18n = useAtlantisI18n.useAtlantisI18n;
 exports.commonMessages = commonMessages;
-exports.defineMessages = defineMessages;
-exports.useAtlantisI18n = useAtlantisI18n;

package/dist/sharedHelpers/i18n/index.mjs

@@ -1,33 +1,7 @@
-import { useCallback } from 'react';
-import { u as useAtlantisContext } from '../../AtlantisContext-es.js';
-
-function defineMessages(messages) {
-    return messages;
-}
-function useAtlantisI18n(messages) {
-    const { locale } = useAtlantisContext();
-    const normalizedLocale = normalizeLocale(locale);
-    const t = useCallback((messageKey, values) => {
-        return interpolateMessage(resolveMessage(messages[messageKey], normalizedLocale), values);
-    }, [normalizedLocale, messages]);
-    return { locale: normalizedLocale, t };
-}
-function resolveMessage(message, normalizedLocale) {
-    var _a, _b;
-    const baseLocale = normalizedLocale.split("-")[0];
-    return (_b = (_a = message[normalizedLocale]) !== null && _a !== void 0 ? _a : message[baseLocale]) !== null && _b !== void 0 ? _b : message.en;
-}
-function normalizeLocale(locale) {
-    return locale.trim().replace(/_/g, "-").toLowerCase();
-}
-function interpolateMessage(message, values) {
-    if (!values)
-        return message;
-    return message.replace(/\{(\w+)\}/g, (placeholder, key) => {
-        const value = values[key];
-        return value === undefined ? placeholder : String(value);
-    });
-}
+import { d as defineMessages } from '../../useAtlantisI18n-es.js';
+export { u as useAtlantisI18n } from '../../useAtlantisI18n-es.js';
+import 'react';
+import '../../AtlantisContext-es.js';
 
 const commonMessages = defineMessages({
     Loading: {
@@ -44,4 +18,4 @@ const commonMessages = defineMessages({
     },
 });
 
-export { commonMessages, defineMessages, useAtlantisI18n };
+export { commonMessages, defineMessages };

package/dist/useAtlantisI18n-cjs.js

@@ -0,0 +1,35 @@
+'use strict';
+
+var React = require('react');
+var AtlantisContext = require('./AtlantisContext-cjs.js');
+
+function defineMessages(messages) {
+    return messages;
+}
+function useAtlantisI18n(messages) {
+    const { locale } = AtlantisContext.useAtlantisContext();
+    const normalizedLocale = normalizeLocale(locale);
+    const t = React.useCallback((messageKey, values) => {
+        return interpolateMessage(resolveMessage(messages[messageKey], normalizedLocale), values);
+    }, [normalizedLocale, messages]);
+    return { locale: normalizedLocale, t };
+}
+function resolveMessage(message, normalizedLocale) {
+    var _a, _b;
+    const baseLocale = normalizedLocale.split("-")[0];
+    return (_b = (_a = message[normalizedLocale]) !== null && _a !== void 0 ? _a : message[baseLocale]) !== null && _b !== void 0 ? _b : message.en;
+}
+function normalizeLocale(locale) {
+    return locale.trim().replace(/_/g, "-").toLowerCase();
+}
+function interpolateMessage(message, values) {
+    if (!values)
+        return message;
+    return message.replace(/\{(\w+)\}/g, (placeholder, key) => {
+        const value = values[key];
+        return value === undefined ? placeholder : String(value);
+    });
+}
+
+exports.defineMessages = defineMessages;
+exports.useAtlantisI18n = useAtlantisI18n;

package/dist/useAtlantisI18n-es.js

@@ -0,0 +1,32 @@
+import { useCallback } from 'react';
+import { u as useAtlantisContext } from './AtlantisContext-es.js';
+
+function defineMessages(messages) {
+    return messages;
+}
+function useAtlantisI18n(messages) {
+    const { locale } = useAtlantisContext();
+    const normalizedLocale = normalizeLocale(locale);
+    const t = useCallback((messageKey, values) => {
+        return interpolateMessage(resolveMessage(messages[messageKey], normalizedLocale), values);
+    }, [normalizedLocale, messages]);
+    return { locale: normalizedLocale, t };
+}
+function resolveMessage(message, normalizedLocale) {
+    var _a, _b;
+    const baseLocale = normalizedLocale.split("-")[0];
+    return (_b = (_a = message[normalizedLocale]) !== null && _a !== void 0 ? _a : message[baseLocale]) !== null && _b !== void 0 ? _b : message.en;
+}
+function normalizeLocale(locale) {
+    return locale.trim().replace(/_/g, "-").toLowerCase();
+}
+function interpolateMessage(message, values) {
+    if (!values)
+        return message;
+    return message.replace(/\{(\w+)\}/g, (placeholder, key) => {
+        const value = values[key];
+        return value === undefined ? placeholder : String(value);
+    });
+}
+
+export { defineMessages as d, useAtlantisI18n as u };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "8.29.1",
+  "version": "8.30.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -545,5 +545,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "a9b32a282f2f70d07b99600c8ce8dfdd2d6e3db9"
+  "gitHead": "899477f724a451b575e667d2565080cac5cc10e5"
 }