@prezly/theme-kit-intl 10.6.1 → 10.8.0-alpha.0

package/build/formatting/datetime/lib.cjs

@@ -8,6 +8,7 @@ exports.formatTime = formatTime;
 exports.getTimeFormat = exports.getDateFormat = void 0;
 var _index = require("../../locales/index.cjs");
 var _index2 = require("../../utils/index.cjs");
+var _momentFormat = require("./momentFormat.cjs");
 var _shared = require("./shared.cjs");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -32,15 +33,33 @@ var getTimeFormat = exports.getTimeFormat = (0, _index2.withCache)(function (loc
     timeZoneName: 'longOffset'
   }, options));
 });
+var getTimezoneOffsetFormat = (0, _index2.withCache)((locale, timeZone) => new Intl.DateTimeFormat(_index.Locale.from(locale).isoCode, {
+  timeZone,
+  timeZoneName: 'longOffset',
+  hour: 'numeric'
+}));
+function getTimezoneOffsetString(date, locale, timezone) {
+  var _parts$find$value, _parts$find;
+  var parts = getTimezoneOffsetFormat(locale, timezone).formatToParts(date);
+  return (_parts$find$value = (_parts$find = parts.find(p => p.type === 'timeZoneName')) === null || _parts$find === void 0 ? void 0 : _parts$find.value) !== null && _parts$find$value !== void 0 ? _parts$find$value : '';
+}
 function formatDate(input, context) {
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   var dateTime = (0, _shared.toDate)(input);
+  if (context.dateFormat) {
+    return (0, _momentFormat.formatWithMomentPattern)(dateTime, context.dateFormat, context.locale, context.timezone);
+  }
   var format = getDateFormat(context.locale, context.timezone, options);
   return format.format(dateTime);
 }
 function formatTime(input, context) {
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   var dateTime = (0, _shared.toDate)(input);
+  if (context.timeFormat) {
+    var formatted = (0, _momentFormat.formatWithMomentPattern)(dateTime, context.timeFormat, context.locale, context.timezone);
+    var offset = getTimezoneOffsetString(dateTime, context.locale, context.timezone);
+    return offset ? "".concat(formatted, " ").concat(offset) : formatted;
+  }
   var format = getTimeFormat(context.locale, context.timezone, options);
   return format.format(dateTime);
 }

package/build/formatting/datetime/lib.d.ts

@@ -5,8 +5,10 @@ export declare const getTimeFormat: (locale: Locale.Code, timeZone: string, opti
 export declare function formatDate(input: Date | Iso8601Date | UnixTimestampInSeconds, context: {
     locale: Locale.Code;
     timezone: Timezone;
+    dateFormat?: string;
 }, options?: Intl.DateTimeFormatOptions): string;
 export declare function formatTime(input: Date | Iso8601Date | UnixTimestampInSeconds, context: {
     locale: Locale.Code;
     timezone: Timezone;
+    timeFormat?: string;
 }, options?: Intl.DateTimeFormatOptions): string;

package/build/formatting/datetime/lib.mjs

@@ -5,6 +5,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { Locale } from "../../locales/index.mjs";
 import { withCache } from "../../utils/index.mjs";
+import { formatWithMomentPattern } from "./momentFormat.mjs";
 import { toDate } from "./shared.mjs";
 export var getDateFormat = withCache(function (locale, timeZone) {
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
@@ -24,15 +25,33 @@ export var getTimeFormat = withCache(function (locale, timeZone) {
     timeZoneName: 'longOffset'
   }, options));
 });
+var getTimezoneOffsetFormat = withCache((locale, timeZone) => new Intl.DateTimeFormat(Locale.from(locale).isoCode, {
+  timeZone,
+  timeZoneName: 'longOffset',
+  hour: 'numeric'
+}));
+function getTimezoneOffsetString(date, locale, timezone) {
+  var _parts$find$value, _parts$find;
+  var parts = getTimezoneOffsetFormat(locale, timezone).formatToParts(date);
+  return (_parts$find$value = (_parts$find = parts.find(p => p.type === 'timeZoneName')) === null || _parts$find === void 0 ? void 0 : _parts$find.value) !== null && _parts$find$value !== void 0 ? _parts$find$value : '';
+}
 export function formatDate(input, context) {
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   var dateTime = toDate(input);
+  if (context.dateFormat) {
+    return formatWithMomentPattern(dateTime, context.dateFormat, context.locale, context.timezone);
+  }
   var format = getDateFormat(context.locale, context.timezone, options);
   return format.format(dateTime);
 }
 export function formatTime(input, context) {
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   var dateTime = toDate(input);
+  if (context.timeFormat) {
+    var formatted = formatWithMomentPattern(dateTime, context.timeFormat, context.locale, context.timezone);
+    var offset = getTimezoneOffsetString(dateTime, context.locale, context.timezone);
+    return offset ? "".concat(formatted, " ").concat(offset) : formatted;
+  }
   var format = getTimeFormat(context.locale, context.timezone, options);
   return format.format(dateTime);
 }

package/build/formatting/datetime/lib.test.cjs

@@ -11,4 +11,60 @@ describe('getTimeFormat', () => {
   test.each(_index.supportedLocales)('should be safe to use with any of the supported locales: %s', locale => {
     expect((0, _lib.getTimeFormat)(_index.Locale.from(locale).code, 'Europe/London')).toBeInstanceOf(Intl.DateTimeFormat);
   });
+});
+describe('formatDate', () => {
+  var date = new Date('2024-03-15T10:00:00.000Z');
+  it('formats using locale defaults when no dateFormat is provided', () => {
+    var result = (0, _lib.formatDate)(date, {
+      locale: 'en',
+      timezone: 'Europe/London'
+    });
+    expect(result).toMatch(/March/);
+    expect(result).toContain('2024');
+  });
+  it('formats using a moment-style dateFormat when provided', () => {
+    expect((0, _lib.formatDate)(date, {
+      locale: 'en',
+      timezone: 'Europe/London',
+      dateFormat: 'DD/MM/YYYY'
+    })).toBe('15/03/2024');
+    expect((0, _lib.formatDate)(date, {
+      locale: 'en',
+      timezone: 'Europe/London',
+      dateFormat: 'MMM D, YYYY'
+    })).toBe('Mar 15, 2024');
+    expect((0, _lib.formatDate)(date, {
+      locale: 'en',
+      timezone: 'Europe/London',
+      dateFormat: 'DD.MM.YYYY'
+    })).toBe('15.03.2024');
+  });
+  it('respects the provided timezone when using a moment-style dateFormat', () => {
+    // 2024-03-15 23:30 UTC is already 2024-03-16 in Tokyo
+    var lateNight = new Date('2024-03-15T23:30:00.000Z');
+    expect((0, _lib.formatDate)(lateNight, {
+      locale: 'en',
+      timezone: 'Asia/Tokyo',
+      dateFormat: 'DD/MM/YYYY'
+    })).toBe('16/03/2024');
+  });
+});
+describe('formatTime', () => {
+  var date = new Date('2024-03-15T10:00:00.000Z');
+  it('appends the timezone offset when a moment-style timeFormat is provided', () => {
+    var result = (0, _lib.formatTime)(date, {
+      locale: 'en',
+      timezone: 'Europe/London',
+      timeFormat: 'HH:mm'
+    });
+    expect(result).toMatch(/^10:00 GMT[+-]\d{2}:\d{2}$/);
+  });
+  it('supports 12-hour moment-style format', () => {
+    var result = (0, _lib.formatTime)(date, {
+      locale: 'en',
+      timezone: 'Europe/London',
+      timeFormat: 'hh:mm a'
+    });
+    expect(result).toMatch(/^10:00 (am|AM) GMT[+-]\d{2}:\d{2}$/);
+  });
 });

package/build/formatting/datetime/lib.test.mjs

@@ -1,5 +1,5 @@
 import { Locale, supportedLocales } from "../../locales/index.mjs";
-import { getDateFormat, getTimeFormat } from "./lib.mjs";
+import { formatDate, formatTime, getDateFormat, getTimeFormat } from "./lib.mjs";
 describe('getDateFormat', () => {
   test.each(supportedLocales)('should be safe to use with any of the supported locales: %s', locale => {
     expect(getDateFormat(Locale.from(locale).code, 'Europe/London')).toBeInstanceOf(Intl.DateTimeFormat);
@@ -9,4 +9,60 @@ describe('getTimeFormat', () => {
   test.each(supportedLocales)('should be safe to use with any of the supported locales: %s', locale => {
     expect(getTimeFormat(Locale.from(locale).code, 'Europe/London')).toBeInstanceOf(Intl.DateTimeFormat);
   });
+});
+describe('formatDate', () => {
+  var date = new Date('2024-03-15T10:00:00.000Z');
+  it('formats using locale defaults when no dateFormat is provided', () => {
+    var result = formatDate(date, {
+      locale: 'en',
+      timezone: 'Europe/London'
+    });
+    expect(result).toMatch(/March/);
+    expect(result).toContain('2024');
+  });
+  it('formats using a moment-style dateFormat when provided', () => {
+    expect(formatDate(date, {
+      locale: 'en',
+      timezone: 'Europe/London',
+      dateFormat: 'DD/MM/YYYY'
+    })).toBe('15/03/2024');
+    expect(formatDate(date, {
+      locale: 'en',
+      timezone: 'Europe/London',
+      dateFormat: 'MMM D, YYYY'
+    })).toBe('Mar 15, 2024');
+    expect(formatDate(date, {
+      locale: 'en',
+      timezone: 'Europe/London',
+      dateFormat: 'DD.MM.YYYY'
+    })).toBe('15.03.2024');
+  });
+  it('respects the provided timezone when using a moment-style dateFormat', () => {
+    // 2024-03-15 23:30 UTC is already 2024-03-16 in Tokyo
+    var lateNight = new Date('2024-03-15T23:30:00.000Z');
+    expect(formatDate(lateNight, {
+      locale: 'en',
+      timezone: 'Asia/Tokyo',
+      dateFormat: 'DD/MM/YYYY'
+    })).toBe('16/03/2024');
+  });
+});
+describe('formatTime', () => {
+  var date = new Date('2024-03-15T10:00:00.000Z');
+  it('appends the timezone offset when a moment-style timeFormat is provided', () => {
+    var result = formatTime(date, {
+      locale: 'en',
+      timezone: 'Europe/London',
+      timeFormat: 'HH:mm'
+    });
+    expect(result).toMatch(/^10:00 GMT[+-]\d{2}:\d{2}$/);
+  });
+  it('supports 12-hour moment-style format', () => {
+    var result = formatTime(date, {
+      locale: 'en',
+      timezone: 'Europe/London',
+      timeFormat: 'hh:mm a'
+    });
+    expect(result).toMatch(/^10:00 (am|AM) GMT[+-]\d{2}:\d{2}$/);
+  });
 });

package/build/formatting/datetime/momentFormat.cjs

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatWithMomentPattern = formatWithMomentPattern;
+var _index = require("../../locales/index.cjs");
+var _index2 = require("../../utils/index.cjs");
+/**
+ * Format a Date using a moment.js-style format string against a specific locale and timezone.
+ *
+ * The Prezly backend stores Newsroom date and time formats in moment.js syntax
+ * (see Newsroom['date_format'] and Newsroom['time_format']). This formatter
+ * supports the subset of moment tokens that show up in those formats and uses
+ * `Intl.DateTimeFormat.formatToParts` so the output is correctly localized and
+ * timezone-aware without pulling in a heavy dependency.
+ *
+ * Supported Newsroom date formats: D/M/YY, M/D/YY, YY/M/D, MMM D, YY,
+ * MMM D, YYYY, DD/MM/YYYY, MM/DD/YYYY, DD.MM.YYYY.
+ * Supported Newsroom time formats: hh:mm a, HH:mm.
+ */
+
+var TOKEN_PATTERN = /YYYY|YY|MMMM|MMM|MM|M|DD|D|HH|hh|H|h|mm|m|ss|s|a|A/g;
+var getPartsFormatter = (0, _index2.withCache)((locale, timeZone) => new Intl.DateTimeFormat(_index.Locale.from(locale).isoCode, {
+  timeZone,
+  year: 'numeric',
+  month: 'long',
+  day: '2-digit',
+  hour: '2-digit',
+  minute: '2-digit',
+  second: '2-digit',
+  hourCycle: 'h23'
+}));
+var getMonthFormatter = (0, _index2.withCache)((locale, timeZone, month) => new Intl.DateTimeFormat(_index.Locale.from(locale).isoCode, {
+  timeZone,
+  month
+}));
+var get12HourFormatter = (0, _index2.withCache)((locale, timeZone) => new Intl.DateTimeFormat(_index.Locale.from(locale).isoCode, {
+  timeZone,
+  hour: 'numeric',
+  hourCycle: 'h12'
+}));
+function findPart(parts, type) {
+  var _parts$find$value, _parts$find;
+  return (_parts$find$value = (_parts$find = parts.find(part => part.type === type)) === null || _parts$find === void 0 ? void 0 : _parts$find.value) !== null && _parts$find$value !== void 0 ? _parts$find$value : '';
+}
+function pad(value, length) {
+  return value.padStart(length, '0');
+}
+function formatWithMomentPattern(date, pattern, locale, timeZone) {
+  var parts = getPartsFormatter(locale, timeZone).formatToParts(date);
+  var year = findPart(parts, 'year');
+  var dayOfMonth = findPart(parts, 'day');
+  var hour24 = findPart(parts, 'hour');
+  var minute = findPart(parts, 'minute');
+  var second = findPart(parts, 'second');
+  return pattern.replace(TOKEN_PATTERN, match => {
+    switch (match) {
+      case 'YYYY':
+        return year;
+      case 'YY':
+        return year.slice(-2);
+      case 'MMMM':
+        {
+          var monthParts = getMonthFormatter(locale, timeZone, 'long').formatToParts(date);
+          return findPart(monthParts, 'month');
+        }
+      case 'MMM':
+        {
+          var _monthParts = getMonthFormatter(locale, timeZone, 'short').formatToParts(date);
+          return findPart(_monthParts, 'month');
+        }
+      case 'MM':
+        {
+          var _monthParts2 = getMonthFormatter(locale, timeZone, '2-digit').formatToParts(date);
+          return pad(findPart(_monthParts2, 'month'), 2);
+        }
+      case 'M':
+        {
+          var _monthParts3 = getMonthFormatter(locale, timeZone, 'numeric').formatToParts(date);
+          return findPart(_monthParts3, 'month');
+        }
+      case 'DD':
+        return pad(dayOfMonth, 2);
+      case 'D':
+        return String(Number(dayOfMonth));
+      case 'HH':
+        return pad(hour24, 2);
+      case 'H':
+        return String(Number(hour24));
+      case 'hh':
+      case 'h':
+        {
+          var hourParts = get12HourFormatter(locale, timeZone).formatToParts(date);
+          var hour = findPart(hourParts, 'hour');
+          return match === 'hh' ? pad(hour, 2) : String(Number(hour));
+        }
+      case 'mm':
+        return pad(minute, 2);
+      case 'm':
+        return String(Number(minute));
+      case 'ss':
+        return pad(second, 2);
+      case 's':
+        return String(Number(second));
+      case 'a':
+      case 'A':
+        {
+          var _hour = Number(hour24);
+          var isAm = _hour < 12;
+          if (match === 'A') return isAm ? 'AM' : 'PM';
+          return isAm ? 'am' : 'pm';
+        }
+      default:
+        return match;
+    }
+  });
+}

package/build/formatting/datetime/momentFormat.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Format a Date using a moment.js-style format string against a specific locale and timezone.
+ *
+ * The Prezly backend stores Newsroom date and time formats in moment.js syntax
+ * (see Newsroom['date_format'] and Newsroom['time_format']). This formatter
+ * supports the subset of moment tokens that show up in those formats and uses
+ * `Intl.DateTimeFormat.formatToParts` so the output is correctly localized and
+ * timezone-aware without pulling in a heavy dependency.
+ *
+ * Supported Newsroom date formats: D/M/YY, M/D/YY, YY/M/D, MMM D, YY,
+ * MMM D, YYYY, DD/MM/YYYY, MM/DD/YYYY, DD.MM.YYYY.
+ * Supported Newsroom time formats: hh:mm a, HH:mm.
+ */
+import { Locale } from '../../locales';
+export declare function formatWithMomentPattern(date: Date, pattern: string, locale: Locale.Code, timeZone: string): string;

package/build/formatting/datetime/momentFormat.mjs

@@ -0,0 +1,111 @@
+/**
+ * Format a Date using a moment.js-style format string against a specific locale and timezone.
+ *
+ * The Prezly backend stores Newsroom date and time formats in moment.js syntax
+ * (see Newsroom['date_format'] and Newsroom['time_format']). This formatter
+ * supports the subset of moment tokens that show up in those formats and uses
+ * `Intl.DateTimeFormat.formatToParts` so the output is correctly localized and
+ * timezone-aware without pulling in a heavy dependency.
+ *
+ * Supported Newsroom date formats: D/M/YY, M/D/YY, YY/M/D, MMM D, YY,
+ * MMM D, YYYY, DD/MM/YYYY, MM/DD/YYYY, DD.MM.YYYY.
+ * Supported Newsroom time formats: hh:mm a, HH:mm.
+ */
+import { Locale } from "../../locales/index.mjs";
+import { withCache } from "../../utils/index.mjs";
+var TOKEN_PATTERN = /YYYY|YY|MMMM|MMM|MM|M|DD|D|HH|hh|H|h|mm|m|ss|s|a|A/g;
+var getPartsFormatter = withCache((locale, timeZone) => new Intl.DateTimeFormat(Locale.from(locale).isoCode, {
+  timeZone,
+  year: 'numeric',
+  month: 'long',
+  day: '2-digit',
+  hour: '2-digit',
+  minute: '2-digit',
+  second: '2-digit',
+  hourCycle: 'h23'
+}));
+var getMonthFormatter = withCache((locale, timeZone, month) => new Intl.DateTimeFormat(Locale.from(locale).isoCode, {
+  timeZone,
+  month
+}));
+var get12HourFormatter = withCache((locale, timeZone) => new Intl.DateTimeFormat(Locale.from(locale).isoCode, {
+  timeZone,
+  hour: 'numeric',
+  hourCycle: 'h12'
+}));
+function findPart(parts, type) {
+  var _parts$find$value, _parts$find;
+  return (_parts$find$value = (_parts$find = parts.find(part => part.type === type)) === null || _parts$find === void 0 ? void 0 : _parts$find.value) !== null && _parts$find$value !== void 0 ? _parts$find$value : '';
+}
+function pad(value, length) {
+  return value.padStart(length, '0');
+}
+export function formatWithMomentPattern(date, pattern, locale, timeZone) {
+  var parts = getPartsFormatter(locale, timeZone).formatToParts(date);
+  var year = findPart(parts, 'year');
+  var dayOfMonth = findPart(parts, 'day');
+  var hour24 = findPart(parts, 'hour');
+  var minute = findPart(parts, 'minute');
+  var second = findPart(parts, 'second');
+  return pattern.replace(TOKEN_PATTERN, match => {
+    switch (match) {
+      case 'YYYY':
+        return year;
+      case 'YY':
+        return year.slice(-2);
+      case 'MMMM':
+        {
+          var monthParts = getMonthFormatter(locale, timeZone, 'long').formatToParts(date);
+          return findPart(monthParts, 'month');
+        }
+      case 'MMM':
+        {
+          var _monthParts = getMonthFormatter(locale, timeZone, 'short').formatToParts(date);
+          return findPart(_monthParts, 'month');
+        }
+      case 'MM':
+        {
+          var _monthParts2 = getMonthFormatter(locale, timeZone, '2-digit').formatToParts(date);
+          return pad(findPart(_monthParts2, 'month'), 2);
+        }
+      case 'M':
+        {
+          var _monthParts3 = getMonthFormatter(locale, timeZone, 'numeric').formatToParts(date);
+          return findPart(_monthParts3, 'month');
+        }
+      case 'DD':
+        return pad(dayOfMonth, 2);
+      case 'D':
+        return String(Number(dayOfMonth));
+      case 'HH':
+        return pad(hour24, 2);
+      case 'H':
+        return String(Number(hour24));
+      case 'hh':
+      case 'h':
+        {
+          var hourParts = get12HourFormatter(locale, timeZone).formatToParts(date);
+          var hour = findPart(hourParts, 'hour');
+          return match === 'hh' ? pad(hour, 2) : String(Number(hour));
+        }
+      case 'mm':
+        return pad(minute, 2);
+      case 'm':
+        return String(Number(minute));
+      case 'ss':
+        return pad(second, 2);
+      case 's':
+        return String(Number(second));
+      case 'a':
+      case 'A':
+        {
+          var _hour = Number(hour24);
+          var isAm = _hour < 12;
+          if (match === 'A') return isAm ? 'AM' : 'PM';
+          return isAm ? 'am' : 'pm';
+        }
+      default:
+        return match;
+    }
+  });
+}

package/build/formatting/datetime/momentFormat.test.cjs

@@ -0,0 +1,22 @@
+"use strict";
+
+var _momentFormat = require("./momentFormat.cjs");
+describe('formatWithMomentPattern', () => {
+  var date = new Date('2024-03-05T07:30:45.000Z');
+  test.each([['D/M/YY', '5/3/24'], ['M/D/YY', '3/5/24'], ['YY/M/D', '24/3/5'], ['DD/MM/YYYY', '05/03/2024'], ['MM/DD/YYYY', '03/05/2024'], ['DD.MM.YYYY', '05.03.2024']])('formats numeric pattern "%s" as "%s"', (pattern, expected) => {
+    expect((0, _momentFormat.formatWithMomentPattern)(date, pattern, 'en', 'UTC')).toBe(expected);
+  });
+  it('formats month abbreviations using the locale', () => {
+    expect((0, _momentFormat.formatWithMomentPattern)(date, 'MMM D, YYYY', 'en', 'UTC')).toBe('Mar 5, 2024');
+  });
+  it('formats time in 24-hour mode', () => {
+    expect((0, _momentFormat.formatWithMomentPattern)(date, 'HH:mm', 'en', 'UTC')).toBe('07:30');
+  });
+  it('formats time in 12-hour mode with am/pm marker', () => {
+    expect((0, _momentFormat.formatWithMomentPattern)(date, 'hh:mm a', 'en', 'UTC')).toBe('07:30 am');
+  });
+  it('respects the provided timezone', () => {
+    var lateNight = new Date('2024-03-15T23:30:00.000Z');
+    expect((0, _momentFormat.formatWithMomentPattern)(lateNight, 'DD/MM/YYYY', 'en', 'Asia/Tokyo')).toBe('16/03/2024');
+  });
+});

package/build/formatting/datetime/momentFormat.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/formatting/datetime/momentFormat.test.mjs

@@ -0,0 +1,20 @@
+import { formatWithMomentPattern } from "./momentFormat.mjs";
+describe('formatWithMomentPattern', () => {
+  var date = new Date('2024-03-05T07:30:45.000Z');
+  test.each([['D/M/YY', '5/3/24'], ['M/D/YY', '3/5/24'], ['YY/M/D', '24/3/5'], ['DD/MM/YYYY', '05/03/2024'], ['MM/DD/YYYY', '03/05/2024'], ['DD.MM.YYYY', '05.03.2024']])('formats numeric pattern "%s" as "%s"', (pattern, expected) => {
+    expect(formatWithMomentPattern(date, pattern, 'en', 'UTC')).toBe(expected);
+  });
+  it('formats month abbreviations using the locale', () => {
+    expect(formatWithMomentPattern(date, 'MMM D, YYYY', 'en', 'UTC')).toBe('Mar 5, 2024');
+  });
+  it('formats time in 24-hour mode', () => {
+    expect(formatWithMomentPattern(date, 'HH:mm', 'en', 'UTC')).toBe('07:30');
+  });
+  it('formats time in 12-hour mode with am/pm marker', () => {
+    expect(formatWithMomentPattern(date, 'hh:mm a', 'en', 'UTC')).toBe('07:30 am');
+  });
+  it('respects the provided timezone', () => {
+    var lateNight = new Date('2024-03-15T23:30:00.000Z');
+    expect(formatWithMomentPattern(lateNight, 'DD/MM/YYYY', 'en', 'Asia/Tokyo')).toBe('16/03/2024');
+  });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@prezly/theme-kit-intl",
-    "version": "10.6.1",
+    "version": "10.8.0-alpha.0",
     "description": "Translations for Prezly themes",
     "type": "module",
     "main": "build/index.mjs",
@@ -45,7 +45,7 @@
         "test:build": "pnpm test:build:i18n && pnpm test:build:i18n:dist && pnpm test:build:cjs && pnpm test:build:esm && pnpm test:build:types",
         "test:build:types": "tsc --noEmit build/index.d.ts",
         "test:build:i18n": "node tests/test-i18n.mjs",
-        "test:build:i18n:dist": "echo 'Checking if the build/i18n directory contains 49 files' && ls build/i18n/*.json | cut -d\\/ -f3 | cut -d. -f1 | sort | wc -l | grep -q 49 || (echo 'Fail' && false) && echo 'OK'",
+        "test:build:i18n:dist": "echo 'Checking if the build/i18n directory contains 55 files' && ls build/i18n/*.json | cut -d\\/ -f3 | cut -d. -f1 | sort | wc -l | grep -q 55 || (echo 'Fail' && false) && echo 'OK'",
         "test:build:cjs": "node tests/test-build.cjs",
         "test:build:esm": "node tests/test-build.mjs",
         "intl:extract": "formatjs extract 'src/messages/**/*.ts' --out-file i18n/en.json --format crowdin --id-interpolation-pattern '[sha512:contenthash:base64:6]'",
@@ -74,5 +74,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "2e48bb44e892cfb7e16b6083a0fdfef506456c73"
+    "gitHead": "d056a9b0e4ca7ef2adc14ef502c9a2eafb7dcf96"
 }