@djangocfg/ext-payments 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-payments",
-  version: "1.0.22",
+  version: "1.0.23",
   description: "Payments system extension for DjangoCFG",
   keywords: [
     "django",
@@ -101,16 +101,17 @@ var package_default = {
     "@djangocfg/i18n": "workspace:*",
     "@djangocfg/ui-core": "workspace:*",
     "@djangocfg/ui-nextjs": "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",
-    swr: "^2.3.7",
-    zod: "^4.3.4",
-    moment: "^2.30.1",
     "react-hook-form": "^7.69.0",
-    "@hookform/resolvers": "^5.2.2"
+    swr: "^2.3.7",
+    zod: "^4.3.4"
   },
   devDependencies: {
     "@djangocfg/api": "workspace:*",
@@ -121,6 +122,7 @@ var package_default = {
     "@types/node": "^24.7.2",
     "@types/react": "^19.0.0",
     consola: "^3.4.2",
+    "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-payments",
-  version: "1.0.22",
+  version: "1.0.23",
   description: "Payments system extension for DjangoCFG",
   keywords: [
     "django",
@@ -78,16 +78,17 @@ var package_default = {
     "@djangocfg/i18n": "workspace:*",
     "@djangocfg/ui-core": "workspace:*",
     "@djangocfg/ui-nextjs": "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",
-    swr: "^2.3.7",
-    zod: "^4.3.4",
-    moment: "^2.30.1",
     "react-hook-form": "^7.69.0",
-    "@hookform/resolvers": "^5.2.2"
+    swr: "^2.3.7",
+    zod: "^4.3.4"
   },
   devDependencies: {
     "@djangocfg/api": "workspace:*",
@@ -98,6 +99,7 @@ var package_default = {
     "@types/node": "^24.7.2",
     "@types/react": "^19.0.0",
     consola: "^3.4.2",
+    "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,15 +20,16 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/i18n/index.ts
 var i18n_exports = {};
 __export(i18n_exports, {
-  PAYMENTS_NAMESPACE: () => PAYMENTS_NAMESPACE,
   en: () => en,
   ko: () => ko,
-  paymentsI18n: () => paymentsI18n,
-  paymentsTranslations: () => paymentsTranslations,
-  ru: () => ru
+  ru: () => ru,
+  usePaymentsT: () => usePaymentsT
 });
 module.exports = __toCommonJS(i18n_exports);
-var import_i18n = require("@djangocfg/ext-base/i18n");
+
+// src/i18n/usePaymentsT.ts
+var import_next_intl = require("next-intl");
+var import_react = require("react");
 
 // src/i18n/locales/en.ts
 var en = {
@@ -401,20 +403,32 @@ var ko = {
   }
 };
 
-// src/i18n/index.ts
-var PAYMENTS_NAMESPACE = "payments";
-var paymentsI18n = (0, import_i18n.createExtensionI18n)({
-  namespace: PAYMENTS_NAMESPACE,
-  defaultLocale: "en",
-  locales: { en, ru, ko }
-});
-var paymentsTranslations = paymentsI18n.getAllTranslations();
+// src/i18n/usePaymentsT.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 usePaymentsT() {
+  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 = {
-  PAYMENTS_NAMESPACE,
   en,
   ko,
-  paymentsI18n,
-  paymentsTranslations,
-  ru
+  ru,
+  usePaymentsT
 });

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';
-
 /**
  * Payments Extension I18n Types
  */
-
 /**
- * All valid keys for payments translations (with namespace)
+ * Helper type to get dot-notation paths from nested object
  */
-type PaymentsKeys = ExtensionKeys<'payments', PaymentsTranslations>;
+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 payments translations
  */
 type PaymentsLocalKeys = PathKeys<PaymentsTranslations>;
 interface PaymentsTranslations {
@@ -149,23 +147,26 @@ interface PaymentsTranslations {
     };
 }
 
+/**
+ * Self-contained translation hook for payments 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 BalanceCard() {
+ *   const t = usePaymentsT();
+ *   return <span>{t('balance.available')}</span>;
+ * }
+ * ```
+ */
+declare function usePaymentsT(): (key: PaymentsLocalKeys) => string;
+
 declare const en: PaymentsTranslations;
 
 declare const ru: PaymentsTranslations;
 
 declare const ko: PaymentsTranslations;
 
-/** Payments extension namespace */
-declare const PAYMENTS_NAMESPACE: "payments";
-/**
- * Payments extension i18n instance
- */
-declare const paymentsI18n: _djangocfg_ext_base_i18n.ExtensionI18n<PaymentsTranslations>;
-/**
- * All payments translations ready to merge with app translations
- */
-declare const paymentsTranslations: Record<string, {
-    [namespace: string]: PaymentsTranslations;
-}>;
-
-export { PAYMENTS_NAMESPACE, type PaymentsKeys, type PaymentsLocalKeys, type PaymentsTranslations, en, ko, paymentsI18n, paymentsTranslations, ru };
+export { type PaymentsLocalKeys, type PaymentsTranslations, en, ko, ru, usePaymentsT };

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';
-
 /**
  * Payments Extension I18n Types
  */
-
 /**
- * All valid keys for payments translations (with namespace)
+ * Helper type to get dot-notation paths from nested object
  */
-type PaymentsKeys = ExtensionKeys<'payments', PaymentsTranslations>;
+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 payments translations
  */
 type PaymentsLocalKeys = PathKeys<PaymentsTranslations>;
 interface PaymentsTranslations {
@@ -149,23 +147,26 @@ interface PaymentsTranslations {
     };
 }
 
+/**
+ * Self-contained translation hook for payments 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 BalanceCard() {
+ *   const t = usePaymentsT();
+ *   return <span>{t('balance.available')}</span>;
+ * }
+ * ```
+ */
+declare function usePaymentsT(): (key: PaymentsLocalKeys) => string;
+
 declare const en: PaymentsTranslations;
 
 declare const ru: PaymentsTranslations;
 
 declare const ko: PaymentsTranslations;
 
-/** Payments extension namespace */
-declare const PAYMENTS_NAMESPACE: "payments";
-/**
- * Payments extension i18n instance
- */
-declare const paymentsI18n: _djangocfg_ext_base_i18n.ExtensionI18n<PaymentsTranslations>;
-/**
- * All payments translations ready to merge with app translations
- */
-declare const paymentsTranslations: Record<string, {
-    [namespace: string]: PaymentsTranslations;
-}>;
-
-export { PAYMENTS_NAMESPACE, type PaymentsKeys, type PaymentsLocalKeys, type PaymentsTranslations, en, ko, paymentsI18n, paymentsTranslations, ru };
+export { type PaymentsLocalKeys, type PaymentsTranslations, en, ko, ru, usePaymentsT };

package/dist/i18n.js

@@ -1,5 +1,8 @@
-// src/i18n/index.ts
-import { createExtensionI18n } from "@djangocfg/ext-base/i18n";
+"use client";
+
+// src/i18n/usePaymentsT.ts
+import { useLocale } from "next-intl";
+import { useMemo, useCallback } from "react";
 
 // src/i18n/locales/en.ts
 var en = {
@@ -373,19 +376,31 @@ var ko = {
   }
 };
 
-// src/i18n/index.ts
-var PAYMENTS_NAMESPACE = "payments";
-var paymentsI18n = createExtensionI18n({
-  namespace: PAYMENTS_NAMESPACE,
-  defaultLocale: "en",
-  locales: { en, ru, ko }
-});
-var paymentsTranslations = paymentsI18n.getAllTranslations();
+// src/i18n/usePaymentsT.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 usePaymentsT() {
+  const locale = useLocale();
+  const t = useMemo(() => translations[locale] || translations.en, [locale]);
+  return useCallback(
+    (key) => getNestedValue(t, key),
+    [t]
+  );
+}
 export {
-  PAYMENTS_NAMESPACE,
   en,
   ko,
-  paymentsI18n,
-  paymentsTranslations,
-  ru
+  ru,
+  usePaymentsT
 };

package/dist/index.cjs

@@ -8,8 +8,7 @@ var zod = require('zod');
 var useSWR = require('swr');
 var jsxRuntime = require('react/jsx-runtime');
 var lucideReact = require('lucide-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 lib = require('@djangocfg/ui-core/lib');
 var moment3 = require('moment');
@@ -2428,17 +2427,30 @@ var ko = {
   }
 };
 
-// src/i18n/index.ts
-var PAYMENTS_NAMESPACE = "payments";
-var paymentsI18n = i18n.createExtensionI18n({
-  namespace: PAYMENTS_NAMESPACE,
-  defaultLocale: "en",
-  locales: { en, ru, ko }
-});
-paymentsI18n.getAllTranslations();
+// src/i18n/usePaymentsT.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 usePaymentsT() {
+  const locale = nextIntl.useLocale();
+  const t = react.useMemo(() => translations[locale] || translations.en, [locale]);
+  return react.useCallback(
+    (key) => getNestedValue(t, key),
+    [t]
+  );
+}
 function BalanceHero({ onAddFunds, onWithdraw, className }) {
-  const baseT = i18n$1.useT();
-  const pt = i18n.createTypedExtensionT(baseT, PAYMENTS_NAMESPACE);
+  const pt = usePaymentsT();
   const { balance, balanceAmount, isLoadingBalance, refreshWallet } = useWallet();
   const labels = react.useMemo(() => ({
     available: pt("balance.available"),
@@ -2599,8 +2611,7 @@ function ActivityList({
   limit = 10,
   className
 }) {
-  const baseT = i18n$1.useT();
-  const pt = i18n.createTypedExtensionT(baseT, PAYMENTS_NAMESPACE);
+  const pt = usePaymentsT();
   const { activity, isLoadingActivity, hasMoreActivity } = useWallet();
   const labels = react.useMemo(() => ({
     title: pt("activity.title"),
@@ -2861,8 +2872,7 @@ function CurrencyCombobox({
   disabled,
   placeholder
 }) {
-  const baseT = i18n$1.useT();
-  const pt = i18n.createTypedExtensionT(baseT, PAYMENTS_NAMESPACE);
+  const pt = usePaymentsT();
   const labels = react.useMemo(() => ({
     selectCurrency: pt("form.selectCurrency"),
     search: pt("form.search")
@@ -2894,8 +2904,7 @@ var AddFundsSchema = zod.z.object({
 });
 var STORAGE_KEY = "payments:addFunds";
 function AddFundsSheet({ open, onOpenChange, onSuccess }) {
-  const baseT = i18n$1.useT();
-  const pt = i18n.createTypedExtensionT(baseT, PAYMENTS_NAMESPACE);
+  const pt = usePaymentsT();
   const { currencies, isLoadingCurrencies, addFunds } = useWallet();
   const [isSubmitting, setIsSubmitting] = react.useState(false);
   const [error, setError] = react.useState(null);
@@ -3130,8 +3139,7 @@ var WithdrawSchema = zod.z.object({
 });
 var STORAGE_KEY2 = "payments:withdraw";
 function WithdrawSheet({ open, onOpenChange, onSuccess }) {
-  const baseT = i18n$1.useT();
-  const pt = i18n.createTypedExtensionT(baseT, PAYMENTS_NAMESPACE);
+  const pt = usePaymentsT();
   const { currencies, isLoadingCurrencies, withdraw, balanceAmount } = useWallet();
   const [isSubmitting, setIsSubmitting] = react.useState(false);
   const [error, setError] = react.useState(null);
@@ -3404,8 +3412,7 @@ var statusConfig2 = {
   }
 };
 function WithdrawalSheet({ withdrawalId, open, onOpenChange }) {
-  const baseT = i18n$1.useT();
-  const pt = i18n.createTypedExtensionT(baseT, PAYMENTS_NAMESPACE);
+  const pt = usePaymentsT();
   const { getWithdrawalDetails, cancelWithdrawal, refreshWallet } = useWallet();
   const labels = react.useMemo(() => ({
     title: pt("sheets.withdrawalTitle"),
@@ -3661,8 +3668,7 @@ var statusConfig3 = {
   }
 };
 function PaymentSheet({ paymentId, open, onOpenChange, onCreateNew }) {
-  const baseT = i18n$1.useT();
-  const pt = i18n.createTypedExtensionT(baseT, PAYMENTS_NAMESPACE);
+  const pt = usePaymentsT();
   const { getPaymentDetails } = useWallet();
   const [timeLeft, setTimeLeft] = react.useState("");
   const labels = react.useMemo(() => ({
@@ -3970,7 +3976,7 @@ function WalletPage() {
 // package.json
 var package_default = {
   name: "@djangocfg/ext-payments",
-  version: "1.0.22",
+  version: "1.0.23",
   description: "Payments system extension for DjangoCFG",
   keywords: [
     "django",
@@ -4044,16 +4050,17 @@ var package_default = {
     "@djangocfg/i18n": "workspace:*",
     "@djangocfg/ui-core": "workspace:*",
     "@djangocfg/ui-nextjs": "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",
-    swr: "^2.3.7",
-    zod: "^4.3.4",
-    moment: "^2.30.1",
     "react-hook-form": "^7.69.0",
-    "@hookform/resolvers": "^5.2.2"
+    swr: "^2.3.7",
+    zod: "^4.3.4"
   },
   devDependencies: {
     "@djangocfg/api": "workspace:*",
@@ -4064,6 +4071,7 @@ var package_default = {
     "@types/node": "^24.7.2",
     "@types/react": "^19.0.0",
     consola: "^3.4.2",
+    "next-intl": "^4.1.0",
     "p-retry": "^7.0.0",
     swr: "^2.3.7",
     tsup: "^8.5.0",

package/dist/index.js

@@ -6,8 +6,7 @@ import { z } from 'zod';
 import useSWR, { useSWRConfig } from 'swr';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { Plus, ArrowUpRight, RefreshCw, AlertCircle, XCircle, CheckCircle2, Loader2, Clock, ArrowDownLeft, History, ChevronRight, Ban, ExternalLink } from 'lucide-react';
-import { createExtensionI18n, createTypedExtensionT } from '@djangocfg/ext-base/i18n';
-import { useT } from '@djangocfg/i18n';
+import { useLocale } from 'next-intl';
 import { Skeleton, Button, TokenIcon, useLocalStorage, ResponsiveSheet, ResponsiveSheetContent, ResponsiveSheetHeader, ResponsiveSheetTitle, ResponsiveSheetDescription, Form, FormField, FormItem, FormLabel, FormControl, Input, FormMessage, Alert, AlertDescription, CopyButton, Combobox } from '@djangocfg/ui-core';
 import { cn } from '@djangocfg/ui-core/lib';
 import moment3 from 'moment';
@@ -2420,17 +2419,30 @@ var ko = {
   }
 };
 
-// src/i18n/index.ts
-var PAYMENTS_NAMESPACE = "payments";
-var paymentsI18n = createExtensionI18n({
-  namespace: PAYMENTS_NAMESPACE,
-  defaultLocale: "en",
-  locales: { en, ru, ko }
-});
-paymentsI18n.getAllTranslations();
+// src/i18n/usePaymentsT.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 usePaymentsT() {
+  const locale = useLocale();
+  const t = useMemo(() => translations[locale] || translations.en, [locale]);
+  return useCallback(
+    (key) => getNestedValue(t, key),
+    [t]
+  );
+}
 function BalanceHero({ onAddFunds, onWithdraw, className }) {
-  const baseT = useT();
-  const pt = createTypedExtensionT(baseT, PAYMENTS_NAMESPACE);
+  const pt = usePaymentsT();
   const { balance, balanceAmount, isLoadingBalance, refreshWallet } = useWallet();
   const labels = useMemo(() => ({
     available: pt("balance.available"),
@@ -2591,8 +2603,7 @@ function ActivityList({
   limit = 10,
   className
 }) {
-  const baseT = useT();
-  const pt = createTypedExtensionT(baseT, PAYMENTS_NAMESPACE);
+  const pt = usePaymentsT();
   const { activity, isLoadingActivity, hasMoreActivity } = useWallet();
   const labels = useMemo(() => ({
     title: pt("activity.title"),
@@ -2853,8 +2864,7 @@ function CurrencyCombobox({
   disabled,
   placeholder
 }) {
-  const baseT = useT();
-  const pt = createTypedExtensionT(baseT, PAYMENTS_NAMESPACE);
+  const pt = usePaymentsT();
   const labels = useMemo(() => ({
     selectCurrency: pt("form.selectCurrency"),
     search: pt("form.search")
@@ -2886,8 +2896,7 @@ var AddFundsSchema = z.object({
 });
 var STORAGE_KEY = "payments:addFunds";
 function AddFundsSheet({ open, onOpenChange, onSuccess }) {
-  const baseT = useT();
-  const pt = createTypedExtensionT(baseT, PAYMENTS_NAMESPACE);
+  const pt = usePaymentsT();
   const { currencies, isLoadingCurrencies, addFunds } = useWallet();
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [error, setError] = useState(null);
@@ -3122,8 +3131,7 @@ var WithdrawSchema = z.object({
 });
 var STORAGE_KEY2 = "payments:withdraw";
 function WithdrawSheet({ open, onOpenChange, onSuccess }) {
-  const baseT = useT();
-  const pt = createTypedExtensionT(baseT, PAYMENTS_NAMESPACE);
+  const pt = usePaymentsT();
   const { currencies, isLoadingCurrencies, withdraw, balanceAmount } = useWallet();
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [error, setError] = useState(null);
@@ -3396,8 +3404,7 @@ var statusConfig2 = {
   }
 };
 function WithdrawalSheet({ withdrawalId, open, onOpenChange }) {
-  const baseT = useT();
-  const pt = createTypedExtensionT(baseT, PAYMENTS_NAMESPACE);
+  const pt = usePaymentsT();
   const { getWithdrawalDetails, cancelWithdrawal, refreshWallet } = useWallet();
   const labels = useMemo(() => ({
     title: pt("sheets.withdrawalTitle"),
@@ -3653,8 +3660,7 @@ var statusConfig3 = {
   }
 };
 function PaymentSheet({ paymentId, open, onOpenChange, onCreateNew }) {
-  const baseT = useT();
-  const pt = createTypedExtensionT(baseT, PAYMENTS_NAMESPACE);
+  const pt = usePaymentsT();
   const { getPaymentDetails } = useWallet();
   const [timeLeft, setTimeLeft] = useState("");
   const labels = useMemo(() => ({
@@ -3962,7 +3968,7 @@ function WalletPage() {
 // package.json
 var package_default = {
   name: "@djangocfg/ext-payments",
-  version: "1.0.22",
+  version: "1.0.23",
   description: "Payments system extension for DjangoCFG",
   keywords: [
     "django",
@@ -4036,16 +4042,17 @@ var package_default = {
     "@djangocfg/i18n": "workspace:*",
     "@djangocfg/ui-core": "workspace:*",
     "@djangocfg/ui-nextjs": "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",
-    swr: "^2.3.7",
-    zod: "^4.3.4",
-    moment: "^2.30.1",
     "react-hook-form": "^7.69.0",
-    "@hookform/resolvers": "^5.2.2"
+    swr: "^2.3.7",
+    zod: "^4.3.4"
   },
   devDependencies: {
     "@djangocfg/api": "workspace:*",
@@ -4056,6 +4063,7 @@ var package_default = {
     "@types/node": "^24.7.2",
     "@types/react": "^19.0.0",
     consola: "^3.4.2",
+    "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-payments",
-  "version": "1.0.22",
+  "version": "1.0.23",
   "description": "Payments system extension for DjangoCFG",
   "keywords": [
     "django",
@@ -69,31 +69,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/ui-nextjs": "^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/ui-nextjs": "^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",
-    "swr": "^2.3.7",
-    "zod": "^4.3.4",
-    "moment": "^2.30.1",
     "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/typescript-config": "^2.1.111",
-    "@djangocfg/ui-nextjs": "^2.1.111",
+    "@djangocfg/api": "^2.1.124",
+    "@djangocfg/ext-base": "^1.0.18",
+    "@djangocfg/i18n": "^2.1.124",
+    "@djangocfg/typescript-config": "^2.1.124",
+    "@djangocfg/ui-nextjs": "^2.1.124",
     "@types/node": "^24.7.2",
     "@types/react": "^19.0.0",
     "consola": "^3.4.2",
+    "next-intl": "^4.1.0",
     "p-retry": "^7.0.0",
     "swr": "^2.3.7",
     "tsup": "^8.5.0",

package/src/components/ActivityList.tsx

@@ -9,9 +9,7 @@
 import { useMemo } from 'react';
 import { History, ChevronRight } from 'lucide-react';
 
-import { createTypedExtensionT } from '@djangocfg/ext-base/i18n';
-import { useT } from '@djangocfg/i18n';
-import { PAYMENTS_NAMESPACE, type PaymentsTranslations } from '../i18n';
+import { usePaymentsT } from '../i18n';
 import { Button, Skeleton } from '@djangocfg/ui-core';
 import { cn } from '@djangocfg/ui-core/lib';
 
@@ -31,8 +29,7 @@ export function ActivityList({
   limit = 10,
   className,
 }: ActivityListProps) {
-  const baseT = useT();
-  const pt = createTypedExtensionT<typeof PAYMENTS_NAMESPACE, PaymentsTranslations>(baseT, PAYMENTS_NAMESPACE);
+  const pt = usePaymentsT();
   const { activity, isLoadingActivity, hasMoreActivity } = useWallet();
 
   // Prepare labels before render

package/src/components/AddFundsSheet.tsx

@@ -13,9 +13,7 @@ import { useForm } from 'react-hook-form';
 import { z } from 'zod';
 import { zodResolver } from '@hookform/resolvers/zod';
 
-import { createTypedExtensionT } from '@djangocfg/ext-base/i18n';
-import { useT } from '@djangocfg/i18n';
-import { PAYMENTS_NAMESPACE, type PaymentsTranslations } from '../i18n';
+import { usePaymentsT } from '../i18n';
 import {
   Alert,
   AlertDescription,
@@ -76,8 +74,7 @@ interface AddFundsSaved {
 }
 
 export function AddFundsSheet({ open, onOpenChange, onSuccess }: AddFundsSheetProps) {
-  const baseT = useT();
-  const pt = createTypedExtensionT<typeof PAYMENTS_NAMESPACE, PaymentsTranslations>(baseT, PAYMENTS_NAMESPACE);
+  const pt = usePaymentsT();
   const { currencies, isLoadingCurrencies, addFunds } = useWallet();
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [error, setError] = useState<string | null>(null);

package/src/components/BalanceHero.tsx

@@ -9,9 +9,7 @@
 import { useMemo } from 'react';
 import { Plus, ArrowUpRight, RefreshCw } from 'lucide-react';
 
-import { createTypedExtensionT } from '@djangocfg/ext-base/i18n';
-import { useT } from '@djangocfg/i18n';
-import { PAYMENTS_NAMESPACE, type PaymentsTranslations } from '../i18n';
+import { usePaymentsT } from '../i18n';
 import { Button, Skeleton } from '@djangocfg/ui-core';
 import { cn } from '@djangocfg/ui-core/lib';
 
@@ -24,8 +22,7 @@ interface BalanceHeroProps {
 }
 
 export function BalanceHero({ onAddFunds, onWithdraw, className }: BalanceHeroProps) {
-  const baseT = useT();
-  const pt = createTypedExtensionT<typeof PAYMENTS_NAMESPACE, PaymentsTranslations>(baseT, PAYMENTS_NAMESPACE);
+  const pt = usePaymentsT();
   const { balance, balanceAmount, isLoadingBalance, refreshWallet } = useWallet();
 
   // Prepare labels before render

package/src/components/CurrencyCombobox.tsx

@@ -6,9 +6,7 @@
 
 import { useMemo } from 'react';
 
-import { createTypedExtensionT } from '@djangocfg/ext-base/i18n';
-import { useT } from '@djangocfg/i18n';
-import { PAYMENTS_NAMESPACE, type PaymentsTranslations } from '../i18n';
+import { usePaymentsT } from '../i18n';
 import { Combobox, TokenIcon } from '@djangocfg/ui-core';
 import type { CurrencyOption } from '../types';
 
@@ -28,8 +26,7 @@ export function CurrencyCombobox({
   disabled,
   placeholder,
 }: CurrencyComboboxProps) {
-  const baseT = useT();
-  const pt = createTypedExtensionT<typeof PAYMENTS_NAMESPACE, PaymentsTranslations>(baseT, PAYMENTS_NAMESPACE);
+  const pt = usePaymentsT();
 
   const labels = useMemo(() => ({
     selectCurrency: pt('form.selectCurrency'),

package/src/components/PaymentSheet.tsx

@@ -19,9 +19,7 @@ import {
 import moment from 'moment';
 import useSWR from 'swr';
 
-import { createTypedExtensionT } from '@djangocfg/ext-base/i18n';
-import { useT } from '@djangocfg/i18n';
-import { PAYMENTS_NAMESPACE, type PaymentsTranslations } from '../i18n';
+import { usePaymentsT } from '../i18n';
 import {
   Button,
   CopyButton,
@@ -87,8 +85,7 @@ const statusConfig: Record<string, { icon: any; color: string; bg: string; anima
 // ─────────────────────────────────────────────────────────────────────────────
 
 export function PaymentSheet({ paymentId, open, onOpenChange, onCreateNew }: PaymentSheetProps) {
-  const baseT = useT();
-  const pt = createTypedExtensionT<typeof PAYMENTS_NAMESPACE, PaymentsTranslations>(baseT, PAYMENTS_NAMESPACE);
+  const pt = usePaymentsT();
   const { getPaymentDetails } = useWallet();
   const [timeLeft, setTimeLeft] = useState<string>('');
 

package/src/components/WithdrawSheet.tsx

@@ -13,9 +13,7 @@ import { useForm } from 'react-hook-form';
 import { z } from 'zod';
 import { zodResolver } from '@hookform/resolvers/zod';
 
-import { createTypedExtensionT } from '@djangocfg/ext-base/i18n';
-import { useT } from '@djangocfg/i18n';
-import { PAYMENTS_NAMESPACE, type PaymentsTranslations } from '../i18n';
+import { usePaymentsT } from '../i18n';
 import {
   Alert,
   AlertDescription,
@@ -77,8 +75,7 @@ interface WithdrawSaved {
 // ─────────────────────────────────────────────────────────────────────────────
 
 export function WithdrawSheet({ open, onOpenChange, onSuccess }: WithdrawSheetProps) {
-  const baseT = useT();
-  const pt = createTypedExtensionT<typeof PAYMENTS_NAMESPACE, PaymentsTranslations>(baseT, PAYMENTS_NAMESPACE);
+  const pt = usePaymentsT();
   const { currencies, isLoadingCurrencies, withdraw, balanceAmount } = useWallet();
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [error, setError] = useState<string | null>(null);

package/src/components/WithdrawalSheet.tsx

@@ -19,9 +19,7 @@ import {
 import moment from 'moment';
 import useSWR from 'swr';
 
-import { createTypedExtensionT } from '@djangocfg/ext-base/i18n';
-import { useT } from '@djangocfg/i18n';
-import { PAYMENTS_NAMESPACE, type PaymentsTranslations } from '../i18n';
+import { usePaymentsT } from '../i18n';
 import {
   Button,
   CopyButton,
@@ -91,8 +89,7 @@ const statusConfig: Record<string, { icon: any; color: string; bg: string; anima
 // ─────────────────────────────────────────────────────────────────────────────
 
 export function WithdrawalSheet({ withdrawalId, open, onOpenChange }: WithdrawalSheetProps) {
-  const baseT = useT();
-  const pt = createTypedExtensionT<typeof PAYMENTS_NAMESPACE, PaymentsTranslations>(baseT, PAYMENTS_NAMESPACE);
+  const pt = usePaymentsT();
   const { getWithdrawalDetails, cancelWithdrawal, refreshWallet } = useWallet();
 
   // Prepare labels before render

package/src/i18n/index.ts

@@ -1,35 +1,26 @@
 /**
  * Payments Extension I18n
  *
- * Provides translations for the payments extension.
- * Can be merged with app translations using mergeExtensionTranslations from @djangocfg/ext-base/i18n
- */
-
-import { createExtensionI18n } from '@djangocfg/ext-base/i18n';
-import type { PaymentsTranslations } from './types';
-import { en } from './locales/en';
-import { ru } from './locales/ru';
-import { ko } from './locales/ko';
-
-/** Payments extension namespace */
-export const PAYMENTS_NAMESPACE = 'payments' as const;
-
-/**
- * Payments extension i18n instance
+ * Self-contained translations - no app configuration needed.
+ *
+ * @example
+ * ```tsx
+ * import { usePaymentsT } from '@djangocfg/ext-payments/i18n';
+ *
+ * function MyComponent() {
+ *   const t = usePaymentsT();
+ *   return <span>{t('balance.available')}</span>;
+ * }
+ * ```
  */
-export const paymentsI18n = createExtensionI18n<PaymentsTranslations>({
-  namespace: PAYMENTS_NAMESPACE,
-  defaultLocale: 'en',
-  locales: { en, ru, ko },
-});
 
-/**
- * All payments translations ready to merge with app translations
- */
-export const paymentsTranslations = paymentsI18n.getAllTranslations();
+// Self-contained hook (recommended)
+export { usePaymentsT } from './usePaymentsT';
 
 // Types
-export type { PaymentsTranslations, PaymentsKeys, PaymentsLocalKeys } from './types';
+export type { PaymentsTranslations, PaymentsLocalKeys } from './types';
 
-// Re-export locales for direct access if needed
-export { en, ru, ko };
+// 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 @@
  * Payments Extension I18n Types
  */
 
-import type { ExtensionKeys, PathKeys } from '@djangocfg/ext-base/i18n';
-
 /**
- * All valid keys for payments translations (with namespace)
+ * Helper type to get dot-notation paths from nested object
  */
-export type PaymentsKeys = ExtensionKeys<'payments', PaymentsTranslations>;
+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 payments translations
  */
 export type PaymentsLocalKeys = PathKeys<PaymentsTranslations>;
 

package/src/i18n/usePaymentsT.ts

@@ -0,0 +1,60 @@
+'use client';
+
+/**
+ * Self-contained translation hook for ext-payments
+ *
+ * Uses built-in translations, no app configuration needed.
+ */
+
+import { useLocale } from 'next-intl';
+import { useMemo, useCallback } from 'react';
+
+import type { PaymentsTranslations, PaymentsLocalKeys } from './types';
+import { en } from './locales/en';
+import { ru } from './locales/ru';
+import { ko } from './locales/ko';
+
+const translations: Record<string, PaymentsTranslations> = { 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 payments 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 BalanceCard() {
+ *   const t = usePaymentsT();
+ *   return <span>{t('balance.available')}</span>;
+ * }
+ * ```
+ */
+export function usePaymentsT(): (key: PaymentsLocalKeys) => string {
+  const locale = useLocale();
+
+  const t = useMemo(() => translations[locale] || translations.en, [locale]);
+
+  return useCallback(
+    (key: PaymentsLocalKeys): string => getNestedValue(t as unknown as Record<string, unknown>, key),
+    [t]
+  );
+}