@jobber/components-native 0.112.1 → 0.113.0

package/dist/types/src/hooks/useAtlantisI18n/useAtlantisI18n.d.ts

@@ -2,9 +2,7 @@ import en from "./locales/en.json";
 export type I18nKeys = keyof typeof en;
 export interface useAtlantisI18nValue {
     /**
-     * The effective locale, resolved from the AtlantisContext locale against the
-     * list of released languages. Regional variants (e.g. "en-CA") are preserved
-     * when their language is released. Unreleased locales fall back to "en".
+     * The set locale based on the AtlantisContext.
      */
     readonly locale: string;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components-native",
-  "version": "0.112.1",
+  "version": "0.113.0",
   "license": "MIT",
   "description": "React Native implementation of Atlantis",
   "repository": {
@@ -53,7 +53,8 @@
     "compile": "tsc -p tsconfig.build.json",
     "build:clean": "rm -rf ./dist",
     "storybook": "storybook dev -p 6008 --disable-telemetry",
-    "storybook:build": "storybook build --disable-telemetry"
+    "storybook:build": "storybook build --disable-telemetry",
+    "lint:locales": "node scripts/check-locale-parity.mjs"
   },
   "dependencies": {
     "@react-native-clipboard/clipboard": "^1.11.2",
@@ -124,5 +125,5 @@
     "react-native-screens": ">=4.18.0",
     "react-native-svg": ">=12.0.0"
   },
-  "gitHead": "2557e3892ae9903c706aebba90ff44bbb349618c"
+  "gitHead": "25cd8815738e86b9f49311096e7d4ffd02d843b5"
 }

package/src/hooks/useAtlantisI18n/useAtlantisI18n.test.ts

@@ -2,7 +2,6 @@ import { renderHook } from "@testing-library/react-native";
 import { useAtlantisI18n } from ".";
 import en from "./locales/en.json";
 import es from "./locales/es.json";
-import * as releasedLanguages from "./releasedLanguages";
 import * as context from "../../AtlantisContext";
 
 jest.mock("../../AtlantisContext", () => ({
@@ -11,14 +10,6 @@ jest.mock("../../AtlantisContext", () => ({
   ...jest.requireActual("../../AtlantisContext"),
 }));
 
-// Mock releasedLanguages so that jest.spyOn can reliably intercept calls from
-// inside the hook. Without this, Babel may resolve the named import as a local
-// binding at module load time, bypassing any spy set up afterwards.
-jest.mock("./releasedLanguages", () => ({
-  __esModule: true,
-  ...jest.requireActual("./releasedLanguages"),
-}));
-
 const spy = jest.spyOn(context, "useAtlantisContext");
 const testDate = new Date("2020-01-01T00:00:00.000Z");
 const dateAfterSpringForward = new Date("2020-04-10T00:00:00.000Z");
@@ -43,21 +34,7 @@ describe("useAtlantisI18n", () => {
     );
   });
 
-  // These tests bypass the release gate via a spy so we can validate Spanish
-  // string correctness as the feature is built, independently of RELEASED_LANGUAGES.
   describe("Español", () => {
-    let getReleasedLocaleSpy: jest.SpyInstance;
-
-    beforeEach(() => {
-      getReleasedLocaleSpy = jest
-        .spyOn(releasedLanguages, "getReleasedLocale")
-        .mockImplementation(locale => locale);
-    });
-
-    afterEach(() => {
-      getReleasedLocaleSpy.mockRestore();
-    });
-
     it("should return español", () => {
       spy.mockReturnValueOnce({
         ...context.atlantisContextDefaultValues,
@@ -67,191 +44,17 @@ describe("useAtlantisI18n", () => {
 
       expect(result.current.t("cancel")).toBe("Cancelar");
     });
+  });
 
-    it("should return español for regional variant es-US", () => {
+  describe("Unsupported language", () => {
+    it("should return the english translation", () => {
       spy.mockReturnValueOnce({
         ...context.atlantisContextDefaultValues,
-        locale: "es-US",
+        locale: "fr",
       });
       const { result } = renderHook(useAtlantisI18n);
 
-      expect(result.current.t("cancel")).toBe("Cancelar");
-    });
-
-    describe("formatDate", () => {
-      it("should return the date formatted for es", () => {
-        spy.mockReturnValueOnce({
-          ...context.atlantisContextDefaultValues,
-          locale: "es",
-        });
-
-        const { result } = renderHook(useAtlantisI18n);
-        expect(result.current.formatDate(testDate)).toBe("1 ene 2020");
-      });
-    });
-
-    describe("formatTime", () => {
-      it("should return the time formatted for es", () => {
-        spy.mockReturnValueOnce({
-          ...context.atlantisContextDefaultValues,
-          locale: "es",
-        });
-
-        const { result } = renderHook(useAtlantisI18n);
-        expect(result.current.formatTime(testDate)).toBe("00:00");
-      });
-    });
-  });
-
-  describe("RELEASED_LANGUAGES fallback", () => {
-    describe("unsupported language (fr)", () => {
-      it("should return 'en' as the locale", () => {
-        spy.mockReturnValueOnce({
-          ...context.atlantisContextDefaultValues,
-          locale: "fr",
-        });
-        const { result } = renderHook(useAtlantisI18n);
-
-        expect(result.current.locale).toBe("en");
-      });
-
-      it("should return english translations", () => {
-        spy.mockReturnValueOnce({
-          ...context.atlantisContextDefaultValues,
-          locale: "fr",
-        });
-        const { result } = renderHook(useAtlantisI18n);
-
-        expect(result.current.t("cancel")).toBe("Cancel");
-      });
-    });
-
-    describe("es-US (unreleased locale variant)", () => {
-      it("should return 'en' as the locale", () => {
-        spy.mockReturnValueOnce({
-          ...context.atlantisContextDefaultValues,
-          locale: "es-US",
-        });
-        const { result } = renderHook(useAtlantisI18n);
-
-        expect(result.current.locale).toBe("en");
-      });
-
-      it("should return english translations", () => {
-        spy.mockReturnValueOnce({
-          ...context.atlantisContextDefaultValues,
-          locale: "es-US",
-        });
-        const { result } = renderHook(useAtlantisI18n);
-
-        expect(result.current.t("cancel")).toBe("Cancel");
-      });
-
-      it("should format date using english locale", () => {
-        spy.mockReturnValueOnce({
-          ...context.atlantisContextDefaultValues,
-          locale: "es-US",
-        });
-        const { result } = renderHook(useAtlantisI18n);
-
-        expect(result.current.formatDate(testDate)).toBe("Jan 1, 2020");
-      });
-
-      it("should format time using english locale", () => {
-        spy.mockReturnValueOnce({
-          ...context.atlantisContextDefaultValues,
-          locale: "es-US",
-        });
-        const { result } = renderHook(useAtlantisI18n);
-
-        expect(result.current.formatTime(testDate)).toBe("12:00 AM");
-      });
-    });
-
-    describe("es (not yet released)", () => {
-      it("should return 'en' as the locale", () => {
-        spy.mockReturnValueOnce({
-          ...context.atlantisContextDefaultValues,
-          locale: "es",
-        });
-        const { result } = renderHook(useAtlantisI18n);
-
-        expect(result.current.locale).toBe("en");
-      });
-
-      it("should return english translations", () => {
-        spy.mockReturnValueOnce({
-          ...context.atlantisContextDefaultValues,
-          locale: "es",
-        });
-        const { result } = renderHook(useAtlantisI18n);
-
-        expect(result.current.t("cancel")).toBe("Cancel");
-      });
-
-      it("should format date using english locale", () => {
-        spy.mockReturnValueOnce({
-          ...context.atlantisContextDefaultValues,
-          locale: "es",
-        });
-        const { result } = renderHook(useAtlantisI18n);
-
-        expect(result.current.formatDate(testDate)).toBe("Jan 1, 2020");
-      });
-
-      it("should format time using english locale", () => {
-        spy.mockReturnValueOnce({
-          ...context.atlantisContextDefaultValues,
-          locale: "es",
-        });
-        const { result } = renderHook(useAtlantisI18n);
-
-        expect(result.current.formatTime(testDate)).toBe("12:00 AM");
-      });
-    });
-
-    describe("en-CA (released language, regional variant)", () => {
-      it("should preserve the full locale for date formatting", () => {
-        spy.mockReturnValueOnce({
-          ...context.atlantisContextDefaultValues,
-          locale: "en-CA",
-        });
-        const { result } = renderHook(useAtlantisI18n);
-
-        expect(result.current.locale).toBe("en-CA");
-      });
-
-      it("should return english translations", () => {
-        spy.mockReturnValueOnce({
-          ...context.atlantisContextDefaultValues,
-          locale: "en-CA",
-        });
-        const { result } = renderHook(useAtlantisI18n);
-
-        expect(result.current.t("cancel")).toBe("Cancel");
-      });
-    });
-
-    describe("en-GB (released language, regional variant)", () => {
-      it("should preserve the full locale for date formatting", () => {
-        spy.mockReturnValueOnce({
-          ...context.atlantisContextDefaultValues,
-          locale: "en-GB",
-        });
-        const { result } = renderHook(useAtlantisI18n);
-
-        expect(result.current.locale).toBe("en-GB");
-      });
-
-      it("should return english translations", () => {
-        spy.mockReturnValueOnce({
-          ...context.atlantisContextDefaultValues,
-          locale: "en-GB",
-        });
-        const { result } = renderHook(useAtlantisI18n);
-
-        expect(result.current.t("cancel")).toBe("Cancel");
-      });
+      expect(result.current.t("cancel")).toBe("Cancel");
     });
   });
 
@@ -267,6 +70,16 @@ describe("useAtlantisI18n", () => {
       expect(result.current.formatDate(testDate)).toBe("Jan 1, 2020");
     });
 
+    it("should return the date formatted for es", () => {
+      spy.mockReturnValueOnce({
+        ...context.atlantisContextDefaultValues,
+        locale: "es",
+      });
+
+      const { result } = renderHook(useAtlantisI18n);
+      expect(result.current.formatDate(testDate)).toBe("1 ene 2020");
+    });
+
     describe("Timezone", () => {
       it.each([
         ["America/New_York", "Dec 31, 2019"],
@@ -292,6 +105,16 @@ describe("useAtlantisI18n", () => {
       expect(result.current.formatTime(testDate)).toBe("12:00 AM");
     });
 
+    it("should return the time formatted for es", () => {
+      spy.mockReturnValueOnce({
+        ...context.atlantisContextDefaultValues,
+        locale: "es",
+      });
+
+      const { result } = renderHook(useAtlantisI18n);
+      expect(result.current.formatTime(testDate)).toBe("00:00");
+    });
+
     describe("Timezone", () => {
       it.each([
         ["America/New_York", "7:00 PM"],

package/src/hooks/useAtlantisI18n/useAtlantisI18n.ts

@@ -1,7 +1,6 @@
 import { useCallback } from "react";
 import en from "./locales/en.json";
 import es from "./locales/es.json";
-import { getReleasedLocale } from "./releasedLanguages";
 import { dateFormatter } from "./utils/dateFormatter";
 import { useAtlantisContext } from "../../AtlantisContext";
 
@@ -9,9 +8,7 @@ export type I18nKeys = keyof typeof en;
 
 export interface useAtlantisI18nValue {
   /**
-   * The effective locale, resolved from the AtlantisContext locale against the
-   * list of released languages. Regional variants (e.g. "en-CA") are preserved
-   * when their language is released. Unreleased locales fall back to "en".
+   * The set locale based on the AtlantisContext.
    */
   readonly locale: string;
 
@@ -35,14 +32,7 @@ export interface useAtlantisI18nValue {
 }
 
 export function useAtlantisI18n(): useAtlantisI18nValue {
-  const {
-    locale: contextLocale,
-    dateFormat,
-    timeFormat,
-    timeZone,
-  } = useAtlantisContext();
-
-  const locale = getReleasedLocale(contextLocale);
+  const { locale, dateFormat, timeFormat, timeZone } = useAtlantisContext();
 
   const t = useCallback(
     (messageKey: keyof typeof en, values?: Record<string, string>) =>
@@ -64,7 +54,7 @@ export function useAtlantisI18n(): useAtlantisI18nValue {
 }
 
 function getLocalizedStrings(locale: string): typeof en {
-  switch (locale.split("-")[0]) {
+  switch (locale) {
     case "es":
       return es;
     default:

package/dist/src/hooks/useAtlantisI18n/releasedLanguages.js

@@ -1,21 +0,0 @@
-/**
- * Languages that have been fully released and are safe to surface to users.
- * Any locale not present in this list will fall back to "en".
- *
- * To release a new language, add its BCP 47 language tag here (e.g. "es").
- */
-export const RELEASED_LANGUAGES = ["en"];
-/**
- * Returns the locale to use based on what has been released. Matches on the
- * language part of the locale (before the "-") so that regional variants like
- * "en-CA" or "es-US" resolve correctly:
- *
- * - "en-CA" → "en-CA"  (language "en" is released; full locale preserved for
- *                        date/time formatting)
- * - "es-US" → "en"     (language "es" not yet released; falls back to "en")
- * - "fr"    → "en"     (language "fr" not released; falls back to "en")
- */
-export function getReleasedLocale(locale) {
-    const language = locale.split("-")[0];
-    return RELEASED_LANGUAGES.includes(language) ? locale : "en";
-}

package/dist/types/src/hooks/useAtlantisI18n/releasedLanguages.d.ts

@@ -1,18 +0,0 @@
-/**
- * Languages that have been fully released and are safe to surface to users.
- * Any locale not present in this list will fall back to "en".
- *
- * To release a new language, add its BCP 47 language tag here (e.g. "es").
- */
-export declare const RELEASED_LANGUAGES: readonly string[];
-/**
- * Returns the locale to use based on what has been released. Matches on the
- * language part of the locale (before the "-") so that regional variants like
- * "en-CA" or "es-US" resolve correctly:
- *
- * - "en-CA" → "en-CA"  (language "en" is released; full locale preserved for
- *                        date/time formatting)
- * - "es-US" → "en"     (language "es" not yet released; falls back to "en")
- * - "fr"    → "en"     (language "fr" not released; falls back to "en")
- */
-export declare function getReleasedLocale(locale: string): string;

package/src/hooks/useAtlantisI18n/releasedLanguages.ts

@@ -1,23 +0,0 @@
-/**
- * Languages that have been fully released and are safe to surface to users.
- * Any locale not present in this list will fall back to "en".
- *
- * To release a new language, add its BCP 47 language tag here (e.g. "es").
- */
-export const RELEASED_LANGUAGES: readonly string[] = ["en"];
-
-/**
- * Returns the locale to use based on what has been released. Matches on the
- * language part of the locale (before the "-") so that regional variants like
- * "en-CA" or "es-US" resolve correctly:
- *
- * - "en-CA" → "en-CA"  (language "en" is released; full locale preserved for
- *                        date/time formatting)
- * - "es-US" → "en"     (language "es" not yet released; falls back to "en")
- * - "fr"    → "en"     (language "fr" not released; falls back to "en")
- */
-export function getReleasedLocale(locale: string): string {
-  const language = locale.split("-")[0];
-
-  return RELEASED_LANGUAGES.includes(language) ? locale : "en";
-}