@djangocfg/ext-support 1.0.22 → 1.0.23

package/dist/config.cjs

@@ -27,7 +27,7 @@ var import_ext_base = require("@djangocfg/ext-base");
 // package.json
 var package_default = {
   name: "@djangocfg/ext-support",
-  version: "1.0.22",
+  version: "1.0.23",
   description: "Support ticket system extension for DjangoCFG",
   keywords: [
     "django",
@@ -95,14 +95,15 @@ var package_default = {
     "@djangocfg/ext-base": "workspace:*",
     "@djangocfg/i18n": "workspace:*",
     "@djangocfg/ui-core": "workspace:*",
+    "@hookform/resolvers": "^5.2.2",
     consola: "^3.4.2",
     "lucide-react": "^0.545.0",
     moment: "^2.30.1",
     next: "^16",
+    "next-intl": "^4",
     "p-retry": "^7.0.0",
     react: "^19",
     "react-hook-form": "^7.69.0",
-    "@hookform/resolvers": "^5.2.2",
     swr: "^2.3.7",
     zod: "^4.3.4"
   },
@@ -116,6 +117,7 @@ var package_default = {
     "@types/react": "^19.0.0",
     consola: "^3.4.2",
     moment: "^2.30.1",
+    "next-intl": "^4.1.0",
     "p-retry": "^7.0.0",
     swr: "^2.3.7",
     tsup: "^8.5.0",

package/dist/config.js

@@ -4,7 +4,7 @@ import { createExtensionConfig } from "@djangocfg/ext-base";
 // package.json
 var package_default = {
   name: "@djangocfg/ext-support",
-  version: "1.0.22",
+  version: "1.0.23",
   description: "Support ticket system extension for DjangoCFG",
   keywords: [
     "django",
@@ -72,14 +72,15 @@ var package_default = {
     "@djangocfg/ext-base": "workspace:*",
     "@djangocfg/i18n": "workspace:*",
     "@djangocfg/ui-core": "workspace:*",
+    "@hookform/resolvers": "^5.2.2",
     consola: "^3.4.2",
     "lucide-react": "^0.545.0",
     moment: "^2.30.1",
     next: "^16",
+    "next-intl": "^4",
     "p-retry": "^7.0.0",
     react: "^19",
     "react-hook-form": "^7.69.0",
-    "@hookform/resolvers": "^5.2.2",
     swr: "^2.3.7",
     zod: "^4.3.4"
   },
@@ -93,6 +94,7 @@ var package_default = {
     "@types/react": "^19.0.0",
     consola: "^3.4.2",
     moment: "^2.30.1",
+    "next-intl": "^4.1.0",
     "p-retry": "^7.0.0",
     swr: "^2.3.7",
     tsup: "^8.5.0",

package/dist/hooks.cjs

@@ -6,8 +6,7 @@ var zod = require('zod');
 var api = require('@djangocfg/ext-base/api');
 var lucideReact = require('lucide-react');
 var React8 = require('react');
-var i18n = require('@djangocfg/ext-base/i18n');
-var i18n$1 = require('@djangocfg/i18n');
+var nextIntl = require('next-intl');
 var uiCore = require('@djangocfg/ui-core');
 var useSWR = require('swr');
 var jsxRuntime = require('react/jsx-runtime');
@@ -1832,14 +1831,28 @@ var ko = {
   }
 };
 
-// src/i18n/index.ts
-var SUPPORT_NAMESPACE = "support";
-var supportI18n = i18n.createExtensionI18n({
-  namespace: SUPPORT_NAMESPACE,
-  defaultLocale: "en",
-  locales: { en, ru, ko }
-});
-supportI18n.getAllTranslations();
+// src/i18n/useSupportT.ts
+var translations = { en, ru, ko };
+function getNestedValue(obj, path) {
+  const keys = path.split(".");
+  let result = obj;
+  for (const key of keys) {
+    if (result && typeof result === "object" && key in result) {
+      result = result[key];
+    } else {
+      return path;
+    }
+  }
+  return typeof result === "string" ? result : path;
+}
+function useSupportT() {
+  const locale = nextIntl.useLocale();
+  const t = React8.useMemo(() => translations[locale] || translations.en, [locale]);
+  return React8.useCallback(
+    (key) => getNestedValue(t, key),
+    [t]
+  );
+}
 function useSupportTicketsList(params, client) {
   return useSWR__default.default(
     params ? ["cfg-support-tickets", params] : "cfg-support-tickets",
@@ -2055,8 +2068,7 @@ var getStatusBadgeVariant = (status) => {
   }
 };
 var TicketCard = ({ ticket, isSelected, onClick }) => {
-  const baseT = i18n$1.useT();
-  const st = i18n.createTypedExtensionT(baseT, SUPPORT_NAMESPACE);
+  const st = useSupportT();
   const labels = React8.useMemo(() => ({
     status: {
       open: st("status.open"),
@@ -2382,8 +2394,7 @@ function useSupportLayoutContext() {
   return context;
 }
 var TicketList = () => {
-  const baseT = i18n$1.useT();
-  const st = i18n.createTypedExtensionT(baseT, SUPPORT_NAMESPACE);
+  const st = useSupportT();
   const { selectedTicket, selectTicket } = useSupportLayoutContext();
   const {
     tickets,
@@ -2529,8 +2540,7 @@ var MessageBubble = ({ message, isFromUser, currentUser, labels }) => {
   );
 };
 var MessageList = () => {
-  const baseT = i18n$1.useT();
-  const st = i18n.createTypedExtensionT(baseT, SUPPORT_NAMESPACE);
+  const st = useSupportT();
   const { selectedTicket } = useSupportLayoutContext();
   const { user } = auth.useAuth();
   const labels = React8.useMemo(() => ({
@@ -2681,8 +2691,7 @@ var logger = consola.createConsola({
 }).withTag("ext-support");
 var supportLogger = logger;
 var MessageInput = () => {
-  const baseT = i18n$1.useT();
-  const st = i18n.createTypedExtensionT(baseT, SUPPORT_NAMESPACE);
+  const st = useSupportT();
   const { selectedTicket, sendMessage } = useSupportLayoutContext();
   const { toast } = hooks.useToast();
   const [message, setMessage] = React8.useState("");
@@ -2747,8 +2756,7 @@ var MessageInput = () => {
   ] });
 };
 var CreateTicketDialog = () => {
-  const baseT = i18n$1.useT();
-  const st = i18n.createTypedExtensionT(baseT, SUPPORT_NAMESPACE);
+  const st = useSupportT();
   const { uiState, createTicket, closeCreateDialog } = useSupportLayoutContext();
   const { toast } = uiCore.useToast();
   const [isSubmitting, setIsSubmitting] = React8__default.default.useState(false);
@@ -2862,8 +2870,7 @@ var CreateTicketDialog = () => {
   ] }) });
 };
 var SupportLayoutContent = () => {
-  const baseT = i18n$1.useT();
-  const st = i18n.createTypedExtensionT(baseT, SUPPORT_NAMESPACE);
+  const st = useSupportT();
   const { selectedTicket, selectTicket, openCreateDialog, getUnreadCount } = useSupportLayoutContext();
   const [isMobile, setIsMobile] = React8__default.default.useState(false);
   const labels = React8.useMemo(() => ({
@@ -2947,7 +2954,7 @@ var SupportLayout = () => {
 // package.json
 var package_default = {
   name: "@djangocfg/ext-support",
-  version: "1.0.22",
+  version: "1.0.23",
   description: "Support ticket system extension for DjangoCFG",
   keywords: [
     "django",
@@ -3015,14 +3022,15 @@ var package_default = {
     "@djangocfg/ext-base": "workspace:*",
     "@djangocfg/i18n": "workspace:*",
     "@djangocfg/ui-core": "workspace:*",
+    "@hookform/resolvers": "^5.2.2",
     consola: "^3.4.2",
     "lucide-react": "^0.545.0",
     moment: "^2.30.1",
     next: "^16",
+    "next-intl": "^4",
     "p-retry": "^7.0.0",
     react: "^19",
     "react-hook-form": "^7.69.0",
-    "@hookform/resolvers": "^5.2.2",
     swr: "^2.3.7",
     zod: "^4.3.4"
   },
@@ -3036,6 +3044,7 @@ var package_default = {
     "@types/react": "^19.0.0",
     consola: "^3.4.2",
     moment: "^2.30.1",
+    "next-intl": "^4.1.0",
     "p-retry": "^7.0.0",
     swr: "^2.3.7",
     tsup: "^8.5.0",

package/dist/hooks.js

@@ -4,8 +4,7 @@ import { z } from 'zod';
 import { initializeExtensionAPI, createExtensionAPI } from '@djangocfg/ext-base/api';
 import { Clock, MessageSquare, Loader2, Send, Plus, Headphones, User, ArrowLeft, LifeBuoy } from 'lucide-react';
 import React8, { createContext, useContext, useMemo, useCallback, useState, useEffect, useRef } from 'react';
-import { createExtensionI18n, createTypedExtensionT } from '@djangocfg/ext-base/i18n';
-import { useT } from '@djangocfg/i18n';
+import { useLocale } from 'next-intl';
 import { Card, CardContent, Badge, Skeleton, ScrollArea, Button, Textarea, useToast as useToast$1, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Form, FormField, FormItem, FormLabel, FormControl, Input, FormMessage, Avatar, AvatarImage, AvatarFallback, ResizablePanelGroup, ResizablePanel, ResizableHandle } from '@djangocfg/ui-core';
 import useSWR, { useSWRConfig } from 'swr';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -1822,14 +1821,28 @@ var ko = {
   }
 };
 
-// src/i18n/index.ts
-var SUPPORT_NAMESPACE = "support";
-var supportI18n = createExtensionI18n({
-  namespace: SUPPORT_NAMESPACE,
-  defaultLocale: "en",
-  locales: { en, ru, ko }
-});
-supportI18n.getAllTranslations();
+// src/i18n/useSupportT.ts
+var translations = { en, ru, ko };
+function getNestedValue(obj, path) {
+  const keys = path.split(".");
+  let result = obj;
+  for (const key of keys) {
+    if (result && typeof result === "object" && key in result) {
+      result = result[key];
+    } else {
+      return path;
+    }
+  }
+  return typeof result === "string" ? result : path;
+}
+function useSupportT() {
+  const locale = useLocale();
+  const t = useMemo(() => translations[locale] || translations.en, [locale]);
+  return useCallback(
+    (key) => getNestedValue(t, key),
+    [t]
+  );
+}
 function useSupportTicketsList(params, client) {
   return useSWR(
     params ? ["cfg-support-tickets", params] : "cfg-support-tickets",
@@ -2045,8 +2058,7 @@ var getStatusBadgeVariant = (status) => {
   }
 };
 var TicketCard = ({ ticket, isSelected, onClick }) => {
-  const baseT = useT();
-  const st = createTypedExtensionT(baseT, SUPPORT_NAMESPACE);
+  const st = useSupportT();
   const labels = useMemo(() => ({
     status: {
       open: st("status.open"),
@@ -2372,8 +2384,7 @@ function useSupportLayoutContext() {
   return context;
 }
 var TicketList = () => {
-  const baseT = useT();
-  const st = createTypedExtensionT(baseT, SUPPORT_NAMESPACE);
+  const st = useSupportT();
   const { selectedTicket, selectTicket } = useSupportLayoutContext();
   const {
     tickets,
@@ -2519,8 +2530,7 @@ var MessageBubble = ({ message, isFromUser, currentUser, labels }) => {
   );
 };
 var MessageList = () => {
-  const baseT = useT();
-  const st = createTypedExtensionT(baseT, SUPPORT_NAMESPACE);
+  const st = useSupportT();
   const { selectedTicket } = useSupportLayoutContext();
   const { user } = useAuth();
   const labels = useMemo(() => ({
@@ -2671,8 +2681,7 @@ var logger = createConsola({
 }).withTag("ext-support");
 var supportLogger = logger;
 var MessageInput = () => {
-  const baseT = useT();
-  const st = createTypedExtensionT(baseT, SUPPORT_NAMESPACE);
+  const st = useSupportT();
   const { selectedTicket, sendMessage } = useSupportLayoutContext();
   const { toast } = useToast();
   const [message, setMessage] = useState("");
@@ -2737,8 +2746,7 @@ var MessageInput = () => {
   ] });
 };
 var CreateTicketDialog = () => {
-  const baseT = useT();
-  const st = createTypedExtensionT(baseT, SUPPORT_NAMESPACE);
+  const st = useSupportT();
   const { uiState, createTicket, closeCreateDialog } = useSupportLayoutContext();
   const { toast } = useToast$1();
   const [isSubmitting, setIsSubmitting] = React8.useState(false);
@@ -2852,8 +2860,7 @@ var CreateTicketDialog = () => {
   ] }) });
 };
 var SupportLayoutContent = () => {
-  const baseT = useT();
-  const st = createTypedExtensionT(baseT, SUPPORT_NAMESPACE);
+  const st = useSupportT();
   const { selectedTicket, selectTicket, openCreateDialog, getUnreadCount } = useSupportLayoutContext();
   const [isMobile, setIsMobile] = React8.useState(false);
   const labels = useMemo(() => ({
@@ -2937,7 +2944,7 @@ var SupportLayout = () => {
 // package.json
 var package_default = {
   name: "@djangocfg/ext-support",
-  version: "1.0.22",
+  version: "1.0.23",
   description: "Support ticket system extension for DjangoCFG",
   keywords: [
     "django",
@@ -3005,14 +3012,15 @@ var package_default = {
     "@djangocfg/ext-base": "workspace:*",
     "@djangocfg/i18n": "workspace:*",
     "@djangocfg/ui-core": "workspace:*",
+    "@hookform/resolvers": "^5.2.2",
     consola: "^3.4.2",
     "lucide-react": "^0.545.0",
     moment: "^2.30.1",
     next: "^16",
+    "next-intl": "^4",
     "p-retry": "^7.0.0",
     react: "^19",
     "react-hook-form": "^7.69.0",
-    "@hookform/resolvers": "^5.2.2",
     swr: "^2.3.7",
     zod: "^4.3.4"
   },
@@ -3026,6 +3034,7 @@ var package_default = {
     "@types/react": "^19.0.0",
     consola: "^3.4.2",
     moment: "^2.30.1",
+    "next-intl": "^4.1.0",
     "p-retry": "^7.0.0",
     swr: "^2.3.7",
     tsup: "^8.5.0",

package/dist/i18n.cjs

@@ -1,3 +1,4 @@
+"use client";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -19,12 +20,16 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/i18n/index.ts
 var i18n_exports = {};
 __export(i18n_exports, {
-  SUPPORT_NAMESPACE: () => SUPPORT_NAMESPACE,
-  supportI18n: () => supportI18n,
-  supportTranslations: () => supportTranslations
+  en: () => en,
+  ko: () => ko,
+  ru: () => ru,
+  useSupportT: () => useSupportT
 });
 module.exports = __toCommonJS(i18n_exports);
-var import_i18n = require("@djangocfg/ext-base/i18n");
+
+// src/i18n/useSupportT.ts
+var import_next_intl = require("next-intl");
+var import_react = require("react");
 
 // src/i18n/locales/en.ts
 var en = {
@@ -230,17 +235,32 @@ var ko = {
   }
 };
 
-// src/i18n/index.ts
-var SUPPORT_NAMESPACE = "support";
-var supportI18n = (0, import_i18n.createExtensionI18n)({
-  namespace: SUPPORT_NAMESPACE,
-  defaultLocale: "en",
-  locales: { en, ru, ko }
-});
-var supportTranslations = supportI18n.getAllTranslations();
+// src/i18n/useSupportT.ts
+var translations = { en, ru, ko };
+function getNestedValue(obj, path) {
+  const keys = path.split(".");
+  let result = obj;
+  for (const key of keys) {
+    if (result && typeof result === "object" && key in result) {
+      result = result[key];
+    } else {
+      return path;
+    }
+  }
+  return typeof result === "string" ? result : path;
+}
+function useSupportT() {
+  const locale = (0, import_next_intl.useLocale)();
+  const t = (0, import_react.useMemo)(() => translations[locale] || translations.en, [locale]);
+  return (0, import_react.useCallback)(
+    (key) => getNestedValue(t, key),
+    [t]
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  SUPPORT_NAMESPACE,
-  supportI18n,
-  supportTranslations
+  en,
+  ko,
+  ru,
+  useSupportT
 });

package/dist/i18n.d.cts

@@ -1,16 +1,14 @@
-import * as _djangocfg_ext_base_i18n from '@djangocfg/ext-base/i18n';
-import { ExtensionKeys, PathKeys } from '@djangocfg/ext-base/i18n';
-
 /**
  * Support Extension I18n Types
  */
-
 /**
- * All valid keys for support translations (with namespace)
+ * Helper type to get dot-notation paths from nested object
  */
-type SupportKeys = ExtensionKeys<'support', SupportTranslations>;
+type PathKeys<T, Prefix extends string = ''> = T extends object ? {
+    [K in keyof T]: K extends string ? T[K] extends object ? PathKeys<T[K], `${Prefix}${K}.`> : `${Prefix}${K}` : never;
+}[keyof T] : never;
 /**
- * Keys without namespace prefix (for createTypedExtensionT)
+ * Keys for support translations
  */
 type SupportLocalKeys = PathKeys<SupportTranslations>;
 interface SupportTranslations {
@@ -89,11 +87,26 @@ interface SupportTranslations {
     };
 }
 
-/** Support extension namespace */
-declare const SUPPORT_NAMESPACE: "support";
-declare const supportI18n: _djangocfg_ext_base_i18n.ExtensionI18n<SupportTranslations>;
-declare const supportTranslations: Record<string, {
-    [namespace: string]: SupportTranslations;
-}>;
+/**
+ * Self-contained translation hook for support extension
+ *
+ * Uses built-in translations based on current locale from next-intl.
+ * No need to add translations to app's i18n config.
+ *
+ * @example
+ * ```tsx
+ * function TicketList() {
+ *   const t = useSupportT();
+ *   return <h1>{t('layout.title')}</h1>;
+ * }
+ * ```
+ */
+declare function useSupportT(): (key: SupportLocalKeys) => string;
+
+declare const en: SupportTranslations;
+
+declare const ru: SupportTranslations;
+
+declare const ko: SupportTranslations;
 
-export { SUPPORT_NAMESPACE, type SupportKeys, type SupportLocalKeys, type SupportTranslations, supportI18n, supportTranslations };
+export { type SupportLocalKeys, type SupportTranslations, en, ko, ru, useSupportT };

package/dist/i18n.d.ts

@@ -1,16 +1,14 @@
-import * as _djangocfg_ext_base_i18n from '@djangocfg/ext-base/i18n';
-import { ExtensionKeys, PathKeys } from '@djangocfg/ext-base/i18n';
-
 /**
  * Support Extension I18n Types
  */
-
 /**
- * All valid keys for support translations (with namespace)
+ * Helper type to get dot-notation paths from nested object
  */
-type SupportKeys = ExtensionKeys<'support', SupportTranslations>;
+type PathKeys<T, Prefix extends string = ''> = T extends object ? {
+    [K in keyof T]: K extends string ? T[K] extends object ? PathKeys<T[K], `${Prefix}${K}.`> : `${Prefix}${K}` : never;
+}[keyof T] : never;
 /**
- * Keys without namespace prefix (for createTypedExtensionT)
+ * Keys for support translations
  */
 type SupportLocalKeys = PathKeys<SupportTranslations>;
 interface SupportTranslations {
@@ -89,11 +87,26 @@ interface SupportTranslations {
     };
 }
 
-/** Support extension namespace */
-declare const SUPPORT_NAMESPACE: "support";
-declare const supportI18n: _djangocfg_ext_base_i18n.ExtensionI18n<SupportTranslations>;
-declare const supportTranslations: Record<string, {
-    [namespace: string]: SupportTranslations;
-}>;
+/**
+ * Self-contained translation hook for support extension
+ *
+ * Uses built-in translations based on current locale from next-intl.
+ * No need to add translations to app's i18n config.
+ *
+ * @example
+ * ```tsx
+ * function TicketList() {
+ *   const t = useSupportT();
+ *   return <h1>{t('layout.title')}</h1>;
+ * }
+ * ```
+ */
+declare function useSupportT(): (key: SupportLocalKeys) => string;
+
+declare const en: SupportTranslations;
+
+declare const ru: SupportTranslations;
+
+declare const ko: SupportTranslations;
 
-export { SUPPORT_NAMESPACE, type SupportKeys, type SupportLocalKeys, type SupportTranslations, supportI18n, supportTranslations };
+export { type SupportLocalKeys, type SupportTranslations, en, ko, ru, useSupportT };

package/dist/i18n.js

@@ -1,5 +1,8 @@
-// src/i18n/index.ts
-import { createExtensionI18n } from "@djangocfg/ext-base/i18n";
+"use client";
+
+// src/i18n/useSupportT.ts
+import { useLocale } from "next-intl";
+import { useMemo, useCallback } from "react";
 
 // src/i18n/locales/en.ts
 var en = {
@@ -205,16 +208,31 @@ var ko = {
   }
 };
 
-// src/i18n/index.ts
-var SUPPORT_NAMESPACE = "support";
-var supportI18n = createExtensionI18n({
-  namespace: SUPPORT_NAMESPACE,
-  defaultLocale: "en",
-  locales: { en, ru, ko }
-});
-var supportTranslations = supportI18n.getAllTranslations();
+// src/i18n/useSupportT.ts
+var translations = { en, ru, ko };
+function getNestedValue(obj, path) {
+  const keys = path.split(".");
+  let result = obj;
+  for (const key of keys) {
+    if (result && typeof result === "object" && key in result) {
+      result = result[key];
+    } else {
+      return path;
+    }
+  }
+  return typeof result === "string" ? result : path;
+}
+function useSupportT() {
+  const locale = useLocale();
+  const t = useMemo(() => translations[locale] || translations.en, [locale]);
+  return useCallback(
+    (key) => getNestedValue(t, key),
+    [t]
+  );
+}
 export {
-  SUPPORT_NAMESPACE,
-  supportI18n,
-  supportTranslations
+  en,
+  ko,
+  ru,
+  useSupportT
 };

package/dist/index.cjs

@@ -6,8 +6,7 @@ var zod = require('zod');
 var api = require('@djangocfg/ext-base/api');
 var lucideReact = require('lucide-react');
 var React8 = require('react');
-var i18n = require('@djangocfg/ext-base/i18n');
-var i18n$1 = require('@djangocfg/i18n');
+var nextIntl = require('next-intl');
 var uiCore = require('@djangocfg/ui-core');
 var useSWR = require('swr');
 var jsxRuntime = require('react/jsx-runtime');
@@ -1832,14 +1831,28 @@ var ko = {
   }
 };
 
-// src/i18n/index.ts
-var SUPPORT_NAMESPACE = "support";
-var supportI18n = i18n.createExtensionI18n({
-  namespace: SUPPORT_NAMESPACE,
-  defaultLocale: "en",
-  locales: { en, ru, ko }
-});
-supportI18n.getAllTranslations();
+// src/i18n/useSupportT.ts
+var translations = { en, ru, ko };
+function getNestedValue(obj, path) {
+  const keys = path.split(".");
+  let result = obj;
+  for (const key of keys) {
+    if (result && typeof result === "object" && key in result) {
+      result = result[key];
+    } else {
+      return path;
+    }
+  }
+  return typeof result === "string" ? result : path;
+}
+function useSupportT() {
+  const locale = nextIntl.useLocale();
+  const t = React8.useMemo(() => translations[locale] || translations.en, [locale]);
+  return React8.useCallback(
+    (key) => getNestedValue(t, key),
+    [t]
+  );
+}
 function useSupportTicketsList(params, client) {
   return useSWR__default.default(
     params ? ["cfg-support-tickets", params] : "cfg-support-tickets",
@@ -2055,8 +2068,7 @@ var getStatusBadgeVariant = (status) => {
   }
 };
 var TicketCard = ({ ticket, isSelected, onClick }) => {
-  const baseT = i18n$1.useT();
-  const st = i18n.createTypedExtensionT(baseT, SUPPORT_NAMESPACE);
+  const st = useSupportT();
   const labels = React8.useMemo(() => ({
     status: {
       open: st("status.open"),
@@ -2382,8 +2394,7 @@ function useSupportLayoutContext() {
   return context;
 }
 var TicketList = () => {
-  const baseT = i18n$1.useT();
-  const st = i18n.createTypedExtensionT(baseT, SUPPORT_NAMESPACE);
+  const st = useSupportT();
   const { selectedTicket, selectTicket } = useSupportLayoutContext();
   const {
     tickets,
@@ -2529,8 +2540,7 @@ var MessageBubble = ({ message, isFromUser, currentUser, labels }) => {
   );
 };
 var MessageList = () => {
-  const baseT = i18n$1.useT();
-  const st = i18n.createTypedExtensionT(baseT, SUPPORT_NAMESPACE);
+  const st = useSupportT();
   const { selectedTicket } = useSupportLayoutContext();
   const { user } = auth.useAuth();
   const labels = React8.useMemo(() => ({
@@ -2681,8 +2691,7 @@ var logger = consola.createConsola({
 }).withTag("ext-support");
 var supportLogger = logger;
 var MessageInput = () => {
-  const baseT = i18n$1.useT();
-  const st = i18n.createTypedExtensionT(baseT, SUPPORT_NAMESPACE);
+  const st = useSupportT();
   const { selectedTicket, sendMessage } = useSupportLayoutContext();
   const { toast } = hooks.useToast();
   const [message, setMessage] = React8.useState("");
@@ -2747,8 +2756,7 @@ var MessageInput = () => {
   ] });
 };
 var CreateTicketDialog = () => {
-  const baseT = i18n$1.useT();
-  const st = i18n.createTypedExtensionT(baseT, SUPPORT_NAMESPACE);
+  const st = useSupportT();
   const { uiState, createTicket, closeCreateDialog } = useSupportLayoutContext();
   const { toast } = uiCore.useToast();
   const [isSubmitting, setIsSubmitting] = React8__default.default.useState(false);
@@ -2862,8 +2870,7 @@ var CreateTicketDialog = () => {
   ] }) });
 };
 var SupportLayoutContent = () => {
-  const baseT = i18n$1.useT();
-  const st = i18n.createTypedExtensionT(baseT, SUPPORT_NAMESPACE);
+  const st = useSupportT();
   const { selectedTicket, selectTicket, openCreateDialog, getUnreadCount } = useSupportLayoutContext();
   const [isMobile, setIsMobile] = React8__default.default.useState(false);
   const labels = React8.useMemo(() => ({
@@ -2947,7 +2954,7 @@ var SupportLayout = () => {
 // package.json
 var package_default = {
   name: "@djangocfg/ext-support",
-  version: "1.0.22",
+  version: "1.0.23",
   description: "Support ticket system extension for DjangoCFG",
   keywords: [
     "django",
@@ -3015,14 +3022,15 @@ var package_default = {
     "@djangocfg/ext-base": "workspace:*",
     "@djangocfg/i18n": "workspace:*",
     "@djangocfg/ui-core": "workspace:*",
+    "@hookform/resolvers": "^5.2.2",
     consola: "^3.4.2",
     "lucide-react": "^0.545.0",
     moment: "^2.30.1",
     next: "^16",
+    "next-intl": "^4",
     "p-retry": "^7.0.0",
     react: "^19",
     "react-hook-form": "^7.69.0",
-    "@hookform/resolvers": "^5.2.2",
     swr: "^2.3.7",
     zod: "^4.3.4"
   },
@@ -3036,6 +3044,7 @@ var package_default = {
     "@types/react": "^19.0.0",
     consola: "^3.4.2",
     moment: "^2.30.1",
+    "next-intl": "^4.1.0",
     "p-retry": "^7.0.0",
     swr: "^2.3.7",
     tsup: "^8.5.0",

package/dist/index.js

@@ -4,8 +4,7 @@ import { z } from 'zod';
 import { initializeExtensionAPI, createExtensionAPI } from '@djangocfg/ext-base/api';
 import { ArrowLeft, LifeBuoy, Plus, MessageSquare, Loader2, Send, Headphones, User, Clock } from 'lucide-react';
 import React8, { createContext, useState, useCallback, useEffect, useMemo, useContext, useRef } from 'react';
-import { createExtensionI18n, createTypedExtensionT } from '@djangocfg/ext-base/i18n';
-import { useT } from '@djangocfg/i18n';
+import { useLocale } from 'next-intl';
 import { Button, ResizablePanelGroup, ResizablePanel, ResizableHandle, Skeleton, ScrollArea, Textarea, useToast as useToast$1, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Form, FormField, FormItem, FormLabel, FormControl, Input, FormMessage, Avatar, AvatarImage, AvatarFallback, Card, CardContent, Badge } from '@djangocfg/ui-core';
 import useSWR, { useSWRConfig } from 'swr';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -1822,14 +1821,28 @@ var ko = {
   }
 };
 
-// src/i18n/index.ts
-var SUPPORT_NAMESPACE = "support";
-var supportI18n = createExtensionI18n({
-  namespace: SUPPORT_NAMESPACE,
-  defaultLocale: "en",
-  locales: { en, ru, ko }
-});
-supportI18n.getAllTranslations();
+// src/i18n/useSupportT.ts
+var translations = { en, ru, ko };
+function getNestedValue(obj, path) {
+  const keys = path.split(".");
+  let result = obj;
+  for (const key of keys) {
+    if (result && typeof result === "object" && key in result) {
+      result = result[key];
+    } else {
+      return path;
+    }
+  }
+  return typeof result === "string" ? result : path;
+}
+function useSupportT() {
+  const locale = useLocale();
+  const t = useMemo(() => translations[locale] || translations.en, [locale]);
+  return useCallback(
+    (key) => getNestedValue(t, key),
+    [t]
+  );
+}
 function useSupportTicketsList(params, client) {
   return useSWR(
     params ? ["cfg-support-tickets", params] : "cfg-support-tickets",
@@ -2045,8 +2058,7 @@ var getStatusBadgeVariant = (status) => {
   }
 };
 var TicketCard = ({ ticket, isSelected, onClick }) => {
-  const baseT = useT();
-  const st = createTypedExtensionT(baseT, SUPPORT_NAMESPACE);
+  const st = useSupportT();
   const labels = useMemo(() => ({
     status: {
       open: st("status.open"),
@@ -2372,8 +2384,7 @@ function useSupportLayoutContext() {
   return context;
 }
 var TicketList = () => {
-  const baseT = useT();
-  const st = createTypedExtensionT(baseT, SUPPORT_NAMESPACE);
+  const st = useSupportT();
   const { selectedTicket, selectTicket } = useSupportLayoutContext();
   const {
     tickets,
@@ -2519,8 +2530,7 @@ var MessageBubble = ({ message, isFromUser, currentUser, labels }) => {
   );
 };
 var MessageList = () => {
-  const baseT = useT();
-  const st = createTypedExtensionT(baseT, SUPPORT_NAMESPACE);
+  const st = useSupportT();
   const { selectedTicket } = useSupportLayoutContext();
   const { user } = useAuth();
   const labels = useMemo(() => ({
@@ -2671,8 +2681,7 @@ var logger = createConsola({
 }).withTag("ext-support");
 var supportLogger = logger;
 var MessageInput = () => {
-  const baseT = useT();
-  const st = createTypedExtensionT(baseT, SUPPORT_NAMESPACE);
+  const st = useSupportT();
   const { selectedTicket, sendMessage } = useSupportLayoutContext();
   const { toast } = useToast();
   const [message, setMessage] = useState("");
@@ -2737,8 +2746,7 @@ var MessageInput = () => {
   ] });
 };
 var CreateTicketDialog = () => {
-  const baseT = useT();
-  const st = createTypedExtensionT(baseT, SUPPORT_NAMESPACE);
+  const st = useSupportT();
   const { uiState, createTicket, closeCreateDialog } = useSupportLayoutContext();
   const { toast } = useToast$1();
   const [isSubmitting, setIsSubmitting] = React8.useState(false);
@@ -2852,8 +2860,7 @@ var CreateTicketDialog = () => {
   ] }) });
 };
 var SupportLayoutContent = () => {
-  const baseT = useT();
-  const st = createTypedExtensionT(baseT, SUPPORT_NAMESPACE);
+  const st = useSupportT();
   const { selectedTicket, selectTicket, openCreateDialog, getUnreadCount } = useSupportLayoutContext();
   const [isMobile, setIsMobile] = React8.useState(false);
   const labels = useMemo(() => ({
@@ -2937,7 +2944,7 @@ var SupportLayout = () => {
 // package.json
 var package_default = {
   name: "@djangocfg/ext-support",
-  version: "1.0.22",
+  version: "1.0.23",
   description: "Support ticket system extension for DjangoCFG",
   keywords: [
     "django",
@@ -3005,14 +3012,15 @@ var package_default = {
     "@djangocfg/ext-base": "workspace:*",
     "@djangocfg/i18n": "workspace:*",
     "@djangocfg/ui-core": "workspace:*",
+    "@hookform/resolvers": "^5.2.2",
     consola: "^3.4.2",
     "lucide-react": "^0.545.0",
     moment: "^2.30.1",
     next: "^16",
+    "next-intl": "^4",
     "p-retry": "^7.0.0",
     react: "^19",
     "react-hook-form": "^7.69.0",
-    "@hookform/resolvers": "^5.2.2",
     swr: "^2.3.7",
     zod: "^4.3.4"
   },
@@ -3026,6 +3034,7 @@ var package_default = {
     "@types/react": "^19.0.0",
     consola: "^3.4.2",
     moment: "^2.30.1",
+    "next-intl": "^4.1.0",
     "p-retry": "^7.0.0",
     swr: "^2.3.7",
     tsup: "^8.5.0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/ext-support",
-  "version": "1.0.22",
+  "version": "1.0.23",
   "description": "Support ticket system extension for DjangoCFG",
   "keywords": [
     "django",
@@ -64,31 +64,33 @@
     "check": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@djangocfg/api": "^2.1.111",
-    "@djangocfg/ext-base": "^1.0.17",
-    "@djangocfg/i18n": "^2.1.111",
-    "@djangocfg/ui-core": "^2.1.111",
+    "@djangocfg/api": "^2.1.124",
+    "@djangocfg/ext-base": "^1.0.18",
+    "@djangocfg/i18n": "^2.1.124",
+    "@djangocfg/ui-core": "^2.1.124",
+    "@hookform/resolvers": "^5.2.2",
     "consola": "^3.4.2",
     "lucide-react": "^0.545.0",
     "moment": "^2.30.1",
     "next": "^16",
+    "next-intl": "^4",
     "p-retry": "^7.0.0",
     "react": "^19",
     "react-hook-form": "^7.69.0",
-    "@hookform/resolvers": "^5.2.2",
     "swr": "^2.3.7",
     "zod": "^4.3.4"
   },
   "devDependencies": {
-    "@djangocfg/api": "^2.1.111",
-    "@djangocfg/ext-base": "^1.0.17",
-    "@djangocfg/i18n": "^2.1.111",
-    "@djangocfg/ui-core": "^2.1.111",
-    "@djangocfg/typescript-config": "^2.1.111",
+    "@djangocfg/api": "^2.1.124",
+    "@djangocfg/ext-base": "^1.0.18",
+    "@djangocfg/i18n": "^2.1.124",
+    "@djangocfg/ui-core": "^2.1.124",
+    "@djangocfg/typescript-config": "^2.1.124",
     "@types/node": "^24.7.2",
     "@types/react": "^19.0.0",
     "consola": "^3.4.2",
     "moment": "^2.30.1",
+    "next-intl": "^4.1.0",
     "p-retry": "^7.0.0",
     "swr": "^2.3.7",
     "tsup": "^8.5.0",

package/src/i18n/index.ts

@@ -1,23 +1,26 @@
 /**
  * Support Extension I18n
+ *
+ * Self-contained translations - no app configuration needed.
+ *
+ * @example
+ * ```tsx
+ * import { useSupportT } from '@djangocfg/ext-support/i18n';
+ *
+ * function MyComponent() {
+ *   const t = useSupportT();
+ *   return <h1>{t('layout.title')}</h1>;
+ * }
+ * ```
  */
 
-import { createExtensionI18n } from '@djangocfg/ext-base/i18n';
-import type { SupportTranslations } from './types';
-import { en } from './locales/en';
-import { ru } from './locales/ru';
-import { ko } from './locales/ko';
-
-/** Support extension namespace */
-export const SUPPORT_NAMESPACE = 'support' as const;
-
-export const supportI18n = createExtensionI18n<SupportTranslations>({
-  namespace: SUPPORT_NAMESPACE,
-  defaultLocale: 'en',
-  locales: { en, ru, ko },
-});
-
-export const supportTranslations = supportI18n.getAllTranslations();
+// Self-contained hook (recommended)
+export { useSupportT } from './useSupportT';
 
 // Types
-export type { SupportTranslations, SupportKeys, SupportLocalKeys } from './types';
+export type { SupportTranslations, SupportLocalKeys } from './types';
+
+// Locales (for direct access if needed)
+export { en } from './locales/en';
+export { ru } from './locales/ru';
+export { ko } from './locales/ko';

package/src/i18n/types.ts

@@ -2,15 +2,21 @@
  * Support Extension I18n Types
  */
 
-import type { ExtensionKeys, PathKeys } from '@djangocfg/ext-base/i18n';
-
 /**
- * All valid keys for support translations (with namespace)
+ * Helper type to get dot-notation paths from nested object
  */
-export type SupportKeys = ExtensionKeys<'support', SupportTranslations>;
+type PathKeys<T, Prefix extends string = ''> = T extends object
+  ? {
+      [K in keyof T]: K extends string
+        ? T[K] extends object
+          ? PathKeys<T[K], `${Prefix}${K}.`>
+          : `${Prefix}${K}`
+        : never;
+    }[keyof T]
+  : never;
 
 /**
- * Keys without namespace prefix (for createTypedExtensionT)
+ * Keys for support translations
  */
 export type SupportLocalKeys = PathKeys<SupportTranslations>;
 

package/src/i18n/useSupportT.ts

@@ -0,0 +1,60 @@
+'use client';
+
+/**
+ * Self-contained translation hook for ext-support
+ *
+ * Uses built-in translations, no app configuration needed.
+ */
+
+import { useLocale } from 'next-intl';
+import { useMemo, useCallback } from 'react';
+
+import type { SupportTranslations, SupportLocalKeys } from './types';
+import { en } from './locales/en';
+import { ru } from './locales/ru';
+import { ko } from './locales/ko';
+
+const translations: Record<string, SupportTranslations> = { en, ru, ko };
+
+/**
+ * Get nested value from object by dot-notation path
+ */
+function getNestedValue(obj: Record<string, unknown>, path: string): string {
+  const keys = path.split('.');
+  let result: unknown = obj;
+
+  for (const key of keys) {
+    if (result && typeof result === 'object' && key in result) {
+      result = (result as Record<string, unknown>)[key];
+    } else {
+      return path; // Return key if not found
+    }
+  }
+
+  return typeof result === 'string' ? result : path;
+}
+
+/**
+ * Self-contained translation hook for support extension
+ *
+ * Uses built-in translations based on current locale from next-intl.
+ * No need to add translations to app's i18n config.
+ *
+ * @example
+ * ```tsx
+ * function TicketList() {
+ *   const t = useSupportT();
+ *   return <h1>{t('layout.title')}</h1>;
+ * }
+ * ```
+ */
+export function useSupportT(): (key: SupportLocalKeys) => string {
+  const locale = useLocale();
+
+  const t = useMemo(() => translations[locale] || translations.en, [locale]);
+
+  return useCallback(
+    (key: SupportLocalKeys): string => getNestedValue(t as unknown as Record<string, unknown>, key),
+    [t]
+  );
+}

package/src/layouts/SupportLayout/SupportLayout.tsx

@@ -9,9 +9,7 @@
 import { ArrowLeft, LifeBuoy, Plus } from 'lucide-react';
 import React, { useMemo } from 'react';
 
-import { createTypedExtensionT } from '@djangocfg/ext-base/i18n';
-import { useT } from '@djangocfg/i18n';
-import { SUPPORT_NAMESPACE, type SupportTranslations } from '../../i18n';
+import { useSupportT } from '../../i18n';
 import { Button, ResizableHandle, ResizablePanel, ResizablePanelGroup } from '@djangocfg/ui-core';
 
 import { SupportProvider } from '../../contexts/SupportContext';
@@ -23,8 +21,7 @@ import { SupportLayoutProvider, useSupportLayoutContext } from './context';
 // ─────────────────────────────────────────────────────────────────────────
 
 const SupportLayoutContent: React.FC = () => {
-  const baseT = useT();
-  const st = createTypedExtensionT<typeof SUPPORT_NAMESPACE, SupportTranslations>(baseT, SUPPORT_NAMESPACE);
+  const st = useSupportT();
   const { selectedTicket, selectTicket, openCreateDialog, getUnreadCount } =
     useSupportLayoutContext();
   const [isMobile, setIsMobile] = React.useState(false);

package/src/layouts/SupportLayout/components/CreateTicketDialog.tsx

@@ -11,9 +11,7 @@ import React, { useMemo } from 'react';
 import { useForm } from 'react-hook-form';
 import { z } from 'zod';
 
-import { createTypedExtensionT } from '@djangocfg/ext-base/i18n';
-import { useT } from '@djangocfg/i18n';
-import { SUPPORT_NAMESPACE, type SupportTranslations } from '../../../i18n';
+import { useSupportT } from '../../../i18n';
 import {
     Button, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, Form, FormControl,
     FormField, FormItem, FormLabel, FormMessage, Input, Textarea, useToast
@@ -26,8 +24,7 @@ import { useSupportLayoutContext } from '../context';
 import type { TicketFormData } from '../types';
 
 export const CreateTicketDialog: React.FC = () => {
-  const baseT = useT();
-  const st = createTypedExtensionT<typeof SUPPORT_NAMESPACE, SupportTranslations>(baseT, SUPPORT_NAMESPACE);
+  const st = useSupportT();
   const { uiState, createTicket, closeCreateDialog } = useSupportLayoutContext();
   const { toast } = useToast();
   const [isSubmitting, setIsSubmitting] = React.useState(false);

package/src/layouts/SupportLayout/components/MessageInput.tsx

@@ -8,9 +8,7 @@
 import { Send } from 'lucide-react';
 import React, { useState, useMemo } from 'react';
 
-import { createTypedExtensionT } from '@djangocfg/ext-base/i18n';
-import { useT } from '@djangocfg/i18n';
-import { SUPPORT_NAMESPACE, type SupportTranslations } from '../../../i18n';
+import { useSupportT } from '../../../i18n';
 import { Button, Textarea } from '@djangocfg/ui-core';
 import { useToast } from '@djangocfg/ui-core/hooks';
 
@@ -18,8 +16,7 @@ import { supportLogger } from '../../../utils/logger';
 import { useSupportLayoutContext } from '../context';
 
 export const MessageInput: React.FC = () => {
-  const baseT = useT();
-  const st = createTypedExtensionT<typeof SUPPORT_NAMESPACE, SupportTranslations>(baseT, SUPPORT_NAMESPACE);
+  const st = useSupportT();
   const { selectedTicket, sendMessage } = useSupportLayoutContext();
   const { toast } = useToast();
   const [message, setMessage] = useState('');

package/src/layouts/SupportLayout/components/MessageList.tsx

@@ -10,9 +10,7 @@ import moment from 'moment';
 import React, { useCallback, useEffect, useRef, useMemo } from 'react';
 
 import { useAuth } from '@djangocfg/api/auth';
-import { createTypedExtensionT } from '@djangocfg/ext-base/i18n';
-import { useT } from '@djangocfg/i18n';
-import { SUPPORT_NAMESPACE, type SupportTranslations } from '../../../i18n';
+import { useSupportT } from '../../../i18n';
 import {
     Avatar, AvatarFallback, AvatarImage, Button, Card, CardContent, ScrollArea, Skeleton
 } from '@djangocfg/ui-core';
@@ -124,8 +122,7 @@ const MessageBubble: React.FC<MessageBubbleProps> = ({ message, isFromUser, curr
 };
 
 export const MessageList: React.FC = () => {
-  const baseT = useT();
-  const st = createTypedExtensionT<typeof SUPPORT_NAMESPACE, SupportTranslations>(baseT, SUPPORT_NAMESPACE);
+  const st = useSupportT();
   const { selectedTicket } = useSupportLayoutContext();
   const { user } = useAuth();
 

package/src/layouts/SupportLayout/components/TicketCard.tsx

@@ -9,9 +9,7 @@ import { Clock, MessageSquare } from 'lucide-react';
 import moment from 'moment';
 import React, { useMemo, useCallback } from 'react';
 
-import { createTypedExtensionT } from '@djangocfg/ext-base/i18n';
-import { useT } from '@djangocfg/i18n';
-import { SUPPORT_NAMESPACE, type SupportTranslations } from '../../../i18n';
+import { useSupportT } from '../../../i18n';
 import { Badge, Card, CardContent } from '@djangocfg/ui-core';
 import { cn } from '@djangocfg/ui-core/lib';
 
@@ -43,8 +41,7 @@ const getStatusBadgeVariant = (
 };
 
 export const TicketCard: React.FC<TicketCardProps> = ({ ticket, isSelected, onClick }) => {
-  const baseT = useT();
-  const st = createTypedExtensionT<typeof SUPPORT_NAMESPACE, SupportTranslations>(baseT, SUPPORT_NAMESPACE);
+  const st = useSupportT();
 
   const labels = useMemo(() => ({
     status: {

package/src/layouts/SupportLayout/components/TicketList.tsx

@@ -8,9 +8,7 @@
 import { Loader2, MessageSquare } from 'lucide-react';
 import React, { useEffect, useRef, useMemo } from 'react';
 
-import { createTypedExtensionT } from '@djangocfg/ext-base/i18n';
-import { useT } from '@djangocfg/i18n';
-import { SUPPORT_NAMESPACE, type SupportTranslations } from '../../../i18n';
+import { useSupportT } from '../../../i18n';
 import { Button, ScrollArea, Skeleton } from '@djangocfg/ui-core';
 
 import { useSupportLayoutContext } from '../context';
@@ -19,8 +17,7 @@ import { useInfiniteTickets } from '../hooks';
 import { TicketCard } from './TicketCard';
 
 export const TicketList: React.FC = () => {
-  const baseT = useT();
-  const st = createTypedExtensionT<typeof SUPPORT_NAMESPACE, SupportTranslations>(baseT, SUPPORT_NAMESPACE);
+  const st = useSupportT();
   const { selectedTicket, selectTicket } = useSupportLayoutContext();
   const {
     tickets,