@djangocfg/ext-newsletter 1.0.20 → 1.0.22

package/dist/config.cjs

@@ -27,7 +27,7 @@ var import_ext_base = require("@djangocfg/ext-base");
 // package.json
 var package_default = {
   name: "@djangocfg/ext-newsletter",
-  version: "1.0.20",
+  version: "1.0.22",
   description: "Newsletter and subscription management extension for DjangoCFG",
   keywords: [
     "django",
@@ -73,6 +73,11 @@ var package_default = {
       types: "./dist/config.d.ts",
       import: "./dist/config.js",
       require: "./dist/config.cjs"
+    },
+    "./i18n": {
+      types: "./dist/i18n.d.ts",
+      import: "./dist/i18n.js",
+      require: "./dist/i18n.cjs"
     }
   },
   files: [
@@ -88,6 +93,7 @@ var package_default = {
   peerDependencies: {
     "@djangocfg/api": "workspace:*",
     "@djangocfg/ext-base": "workspace:*",
+    "@djangocfg/i18n": "workspace:*",
     "@djangocfg/ui-core": "workspace:*",
     consola: "^3.4.2",
     "lucide-react": "^0.545.0",
@@ -101,6 +107,7 @@ var package_default = {
   devDependencies: {
     "@djangocfg/api": "workspace:*",
     "@djangocfg/ext-base": "workspace:*",
+    "@djangocfg/i18n": "workspace:*",
     "@djangocfg/typescript-config": "workspace:*",
     "@types/node": "^24.7.2",
     "@types/react": "^19.0.0",

package/dist/config.js

@@ -4,7 +4,7 @@ import { createExtensionConfig } from "@djangocfg/ext-base";
 // package.json
 var package_default = {
   name: "@djangocfg/ext-newsletter",
-  version: "1.0.20",
+  version: "1.0.22",
   description: "Newsletter and subscription management extension for DjangoCFG",
   keywords: [
     "django",
@@ -50,6 +50,11 @@ var package_default = {
       types: "./dist/config.d.ts",
       import: "./dist/config.js",
       require: "./dist/config.cjs"
+    },
+    "./i18n": {
+      types: "./dist/i18n.d.ts",
+      import: "./dist/i18n.js",
+      require: "./dist/i18n.cjs"
     }
   },
   files: [
@@ -65,6 +70,7 @@ var package_default = {
   peerDependencies: {
     "@djangocfg/api": "workspace:*",
     "@djangocfg/ext-base": "workspace:*",
+    "@djangocfg/i18n": "workspace:*",
     "@djangocfg/ui-core": "workspace:*",
     consola: "^3.4.2",
     "lucide-react": "^0.545.0",
@@ -78,6 +84,7 @@ var package_default = {
   devDependencies: {
     "@djangocfg/api": "workspace:*",
     "@djangocfg/ext-base": "workspace:*",
+    "@djangocfg/i18n": "workspace:*",
     "@djangocfg/typescript-config": "workspace:*",
     "@types/node": "^24.7.2",
     "@types/react": "^19.0.0",

package/dist/hooks.cjs

@@ -10,6 +10,8 @@ var react = require('react');
 var hooks = require('@djangocfg/ext-base/hooks');
 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 uiCore = require('@djangocfg/ui-core');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -2124,7 +2126,7 @@ var apiNewsletter = api.createExtensionAPI(API);
 // package.json
 var package_default = {
   name: "@djangocfg/ext-newsletter",
-  version: "1.0.20",
+  version: "1.0.22",
   description: "Newsletter and subscription management extension for DjangoCFG",
   keywords: [
     "django",
@@ -2170,6 +2172,11 @@ var package_default = {
       types: "./dist/config.d.ts",
       import: "./dist/config.js",
       require: "./dist/config.cjs"
+    },
+    "./i18n": {
+      types: "./dist/i18n.d.ts",
+      import: "./dist/i18n.js",
+      require: "./dist/i18n.cjs"
     }
   },
   files: [
@@ -2185,6 +2192,7 @@ var package_default = {
   peerDependencies: {
     "@djangocfg/api": "workspace:*",
     "@djangocfg/ext-base": "workspace:*",
+    "@djangocfg/i18n": "workspace:*",
     "@djangocfg/ui-core": "workspace:*",
     consola: "^3.4.2",
     "lucide-react": "^0.545.0",
@@ -2198,6 +2206,7 @@ var package_default = {
   devDependencies: {
     "@djangocfg/api": "workspace:*",
     "@djangocfg/ext-base": "workspace:*",
+    "@djangocfg/i18n": "workspace:*",
     "@djangocfg/typescript-config": "workspace:*",
     "@types/node": "^24.7.2",
     "@types/react": "^19.0.0",
@@ -2476,6 +2485,51 @@ function useNewsletterContext() {
   }
   return context;
 }
+
+// src/i18n/locales/en.ts
+var en = {
+  hero: {
+    placeholder: "Enter your email",
+    subscribe: "Subscribe",
+    subscribing: "Subscribing...",
+    successMessage: "Successfully subscribed!",
+    errorMessage: "Subscription failed. Please try again.",
+    privacyNotice: "By subscribing, you agree to our Privacy Policy and consent to receive updates."
+  }
+};
+
+// src/i18n/locales/ru.ts
+var ru = {
+  hero: {
+    placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 email",
+    subscribe: "\u041F\u043E\u0434\u043F\u0438\u0441\u0430\u0442\u044C\u0441\u044F",
+    subscribing: "\u041F\u043E\u0434\u043F\u0438\u0441\u043A\u0430...",
+    successMessage: "\u0412\u044B \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u043F\u043E\u0434\u043F\u0438\u0441\u0430\u043B\u0438\u0441\u044C!",
+    errorMessage: "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043F\u043E\u0434\u043F\u0438\u0441\u0430\u0442\u044C\u0441\u044F. \u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u0435\u0449\u0451 \u0440\u0430\u0437.",
+    privacyNotice: "\u041F\u043E\u0434\u043F\u0438\u0441\u044B\u0432\u0430\u044F\u0441\u044C, \u0432\u044B \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044C \u0441 \u041F\u043E\u043B\u0438\u0442\u0438\u043A\u043E\u0439 \u043A\u043E\u043D\u0444\u0438\u0434\u0435\u043D\u0446\u0438\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u0438 \u0438 \u0434\u0430\u0451\u0442\u0435 \u0441\u043E\u0433\u043B\u0430\u0441\u0438\u0435 \u043D\u0430 \u043F\u043E\u043B\u0443\u0447\u0435\u043D\u0438\u0435 \u043E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u0439."
+  }
+};
+
+// src/i18n/locales/ko.ts
+var ko = {
+  hero: {
+    placeholder: "\uC774\uBA54\uC77C\uC744 \uC785\uB825\uD558\uC138\uC694",
+    subscribe: "\uAD6C\uB3C5\uD558\uAE30",
+    subscribing: "\uAD6C\uB3C5 \uC911...",
+    successMessage: "\uC131\uACF5\uC801\uC73C\uB85C \uAD6C\uB3C5\uB418\uC5C8\uC2B5\uB2C8\uB2E4!",
+    errorMessage: "\uAD6C\uB3C5\uC5D0 \uC2E4\uD328\uD588\uC2B5\uB2C8\uB2E4. \uB2E4\uC2DC \uC2DC\uB3C4\uD574 \uC8FC\uC138\uC694.",
+    privacyNotice: "\uAD6C\uB3C5 \uC2DC \uAC1C\uC778\uC815\uBCF4 \uCC98\uB9AC\uBC29\uCE68\uC5D0 \uB3D9\uC758\uD558\uACE0 \uC5C5\uB370\uC774\uD2B8 \uC218\uC2E0\uC5D0 \uB3D9\uC758\uD558\uB294 \uAC83\uC73C\uB85C \uAC04\uC8FC\uB429\uB2C8\uB2E4."
+  }
+};
+
+// src/i18n/index.ts
+var NEWSLETTER_NAMESPACE = "newsletter";
+var newsletterI18n = i18n.createExtensionI18n({
+  namespace: NEWSLETTER_NAMESPACE,
+  defaultLocale: "en",
+  locales: { en, ru, ko }
+});
+newsletterI18n.getAllTranslations();
 var isDevelopment = process.env.NODE_ENV === "development";
 var logger = consola.createConsola({
   level: isDevelopment ? 4 : 1
@@ -2487,15 +2541,25 @@ function Hero({
   primaryAction,
   secondaryAction,
   showNewsletter = true,
-  newsletterPlaceholder = "Enter your email",
-  newsletterButtonText = "Subscribe",
+  newsletterPlaceholder,
+  newsletterButtonText,
   onNewsletterSubmit,
   className = ""
 }) {
+  const baseT = i18n$1.useT();
   const [email, setEmail] = react.useState("");
   const [isLoading, setIsLoading] = react.useState(false);
   const [status, setStatus] = react.useState("idle");
   const [message, setMessage] = react.useState("");
+  const nt = i18n.createTypedExtensionT(baseT, NEWSLETTER_NAMESPACE);
+  const labels = react.useMemo(() => ({
+    placeholder: newsletterPlaceholder ?? nt("hero.placeholder"),
+    subscribe: newsletterButtonText ?? nt("hero.subscribe"),
+    subscribing: nt("hero.subscribing"),
+    successMessage: nt("hero.successMessage"),
+    errorMessage: nt("hero.errorMessage"),
+    privacyNotice: nt("hero.privacyNotice")
+  }), [nt, newsletterPlaceholder, newsletterButtonText]);
   const handleSubmit = async (e) => {
     e.preventDefault();
     if (!email || !onNewsletterSubmit) return;
@@ -2505,12 +2569,12 @@ function Hero({
     try {
       const result = await onNewsletterSubmit(email);
       setStatus("success");
-      setMessage((result && "message" in result ? result.message : void 0) || "Successfully subscribed!");
+      setMessage((result && "message" in result ? result.message : void 0) || labels.successMessage);
       setEmail("");
       newsletterLogger.success("Newsletter subscription successful:", email);
     } catch (error) {
       setStatus("error");
-      setMessage(error instanceof Error ? error.message : "Subscription failed. Please try again.");
+      setMessage(error instanceof Error ? error.message : labels.errorMessage);
       newsletterLogger.error("Newsletter subscription failed:", error);
     } finally {
       setIsLoading(false);
@@ -2553,7 +2617,7 @@ function Hero({
               uiCore.Input,
               {
                 type: "email",
-                placeholder: newsletterPlaceholder,
+                placeholder: labels.placeholder,
                 value: email,
                 onChange: (e) => setEmail(e.target.value),
                 disabled: isLoading,
@@ -2570,8 +2634,8 @@ function Hero({
               className: "w-full sm:w-auto",
               children: isLoading ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "mr-2 h-4 w-4 animate-spin" }),
-                "Subscribing..."
-              ] }) : newsletterButtonText
+                labels.subscribing
+              ] }) : labels.subscribe
             }
           )
         ] }),
@@ -2584,7 +2648,7 @@ function Hero({
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: message })
         ] })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-3", children: "By subscribing, you agree to our Privacy Policy and consent to receive updates." })
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-3", children: labels.privacyNotice })
     ] })
   ] }) }) });
 }

package/dist/hooks.js

@@ -4,10 +4,12 @@ import { z } from 'zod';
 import { initializeExtensionAPI, createExtensionAPI } from '@djangocfg/ext-base/api';
 import { createExtensionConfig } from '@djangocfg/ext-base';
 import useSWR, { useSWRConfig } from 'swr';
-import { createContext, useContext, useState } from 'react';
+import { createContext, useContext, useState, useMemo } from 'react';
 import { ExtensionProvider } from '@djangocfg/ext-base/hooks';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Mail, Loader2, CheckCircle2, AlertCircle } from 'lucide-react';
+import { createExtensionI18n, createTypedExtensionT } from '@djangocfg/ext-base/i18n';
+import { useT } from '@djangocfg/i18n';
 import { Button, Input } from '@djangocfg/ui-core';
 
 var __defProp = Object.defineProperty;
@@ -2117,7 +2119,7 @@ var apiNewsletter = createExtensionAPI(API);
 // package.json
 var package_default = {
   name: "@djangocfg/ext-newsletter",
-  version: "1.0.20",
+  version: "1.0.22",
   description: "Newsletter and subscription management extension for DjangoCFG",
   keywords: [
     "django",
@@ -2163,6 +2165,11 @@ var package_default = {
       types: "./dist/config.d.ts",
       import: "./dist/config.js",
       require: "./dist/config.cjs"
+    },
+    "./i18n": {
+      types: "./dist/i18n.d.ts",
+      import: "./dist/i18n.js",
+      require: "./dist/i18n.cjs"
     }
   },
   files: [
@@ -2178,6 +2185,7 @@ var package_default = {
   peerDependencies: {
     "@djangocfg/api": "workspace:*",
     "@djangocfg/ext-base": "workspace:*",
+    "@djangocfg/i18n": "workspace:*",
     "@djangocfg/ui-core": "workspace:*",
     consola: "^3.4.2",
     "lucide-react": "^0.545.0",
@@ -2191,6 +2199,7 @@ var package_default = {
   devDependencies: {
     "@djangocfg/api": "workspace:*",
     "@djangocfg/ext-base": "workspace:*",
+    "@djangocfg/i18n": "workspace:*",
     "@djangocfg/typescript-config": "workspace:*",
     "@types/node": "^24.7.2",
     "@types/react": "^19.0.0",
@@ -2469,6 +2478,51 @@ function useNewsletterContext() {
   }
   return context;
 }
+
+// src/i18n/locales/en.ts
+var en = {
+  hero: {
+    placeholder: "Enter your email",
+    subscribe: "Subscribe",
+    subscribing: "Subscribing...",
+    successMessage: "Successfully subscribed!",
+    errorMessage: "Subscription failed. Please try again.",
+    privacyNotice: "By subscribing, you agree to our Privacy Policy and consent to receive updates."
+  }
+};
+
+// src/i18n/locales/ru.ts
+var ru = {
+  hero: {
+    placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 email",
+    subscribe: "\u041F\u043E\u0434\u043F\u0438\u0441\u0430\u0442\u044C\u0441\u044F",
+    subscribing: "\u041F\u043E\u0434\u043F\u0438\u0441\u043A\u0430...",
+    successMessage: "\u0412\u044B \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u043F\u043E\u0434\u043F\u0438\u0441\u0430\u043B\u0438\u0441\u044C!",
+    errorMessage: "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043F\u043E\u0434\u043F\u0438\u0441\u0430\u0442\u044C\u0441\u044F. \u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u0435\u0449\u0451 \u0440\u0430\u0437.",
+    privacyNotice: "\u041F\u043E\u0434\u043F\u0438\u0441\u044B\u0432\u0430\u044F\u0441\u044C, \u0432\u044B \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044C \u0441 \u041F\u043E\u043B\u0438\u0442\u0438\u043A\u043E\u0439 \u043A\u043E\u043D\u0444\u0438\u0434\u0435\u043D\u0446\u0438\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u0438 \u0438 \u0434\u0430\u0451\u0442\u0435 \u0441\u043E\u0433\u043B\u0430\u0441\u0438\u0435 \u043D\u0430 \u043F\u043E\u043B\u0443\u0447\u0435\u043D\u0438\u0435 \u043E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u0439."
+  }
+};
+
+// src/i18n/locales/ko.ts
+var ko = {
+  hero: {
+    placeholder: "\uC774\uBA54\uC77C\uC744 \uC785\uB825\uD558\uC138\uC694",
+    subscribe: "\uAD6C\uB3C5\uD558\uAE30",
+    subscribing: "\uAD6C\uB3C5 \uC911...",
+    successMessage: "\uC131\uACF5\uC801\uC73C\uB85C \uAD6C\uB3C5\uB418\uC5C8\uC2B5\uB2C8\uB2E4!",
+    errorMessage: "\uAD6C\uB3C5\uC5D0 \uC2E4\uD328\uD588\uC2B5\uB2C8\uB2E4. \uB2E4\uC2DC \uC2DC\uB3C4\uD574 \uC8FC\uC138\uC694.",
+    privacyNotice: "\uAD6C\uB3C5 \uC2DC \uAC1C\uC778\uC815\uBCF4 \uCC98\uB9AC\uBC29\uCE68\uC5D0 \uB3D9\uC758\uD558\uACE0 \uC5C5\uB370\uC774\uD2B8 \uC218\uC2E0\uC5D0 \uB3D9\uC758\uD558\uB294 \uAC83\uC73C\uB85C \uAC04\uC8FC\uB429\uB2C8\uB2E4."
+  }
+};
+
+// src/i18n/index.ts
+var NEWSLETTER_NAMESPACE = "newsletter";
+var newsletterI18n = createExtensionI18n({
+  namespace: NEWSLETTER_NAMESPACE,
+  defaultLocale: "en",
+  locales: { en, ru, ko }
+});
+newsletterI18n.getAllTranslations();
 var isDevelopment = process.env.NODE_ENV === "development";
 var logger = createConsola({
   level: isDevelopment ? 4 : 1
@@ -2480,15 +2534,25 @@ function Hero({
   primaryAction,
   secondaryAction,
   showNewsletter = true,
-  newsletterPlaceholder = "Enter your email",
-  newsletterButtonText = "Subscribe",
+  newsletterPlaceholder,
+  newsletterButtonText,
   onNewsletterSubmit,
   className = ""
 }) {
+  const baseT = useT();
   const [email, setEmail] = useState("");
   const [isLoading, setIsLoading] = useState(false);
   const [status, setStatus] = useState("idle");
   const [message, setMessage] = useState("");
+  const nt = createTypedExtensionT(baseT, NEWSLETTER_NAMESPACE);
+  const labels = useMemo(() => ({
+    placeholder: newsletterPlaceholder ?? nt("hero.placeholder"),
+    subscribe: newsletterButtonText ?? nt("hero.subscribe"),
+    subscribing: nt("hero.subscribing"),
+    successMessage: nt("hero.successMessage"),
+    errorMessage: nt("hero.errorMessage"),
+    privacyNotice: nt("hero.privacyNotice")
+  }), [nt, newsletterPlaceholder, newsletterButtonText]);
   const handleSubmit = async (e) => {
     e.preventDefault();
     if (!email || !onNewsletterSubmit) return;
@@ -2498,12 +2562,12 @@ function Hero({
     try {
       const result = await onNewsletterSubmit(email);
       setStatus("success");
-      setMessage((result && "message" in result ? result.message : void 0) || "Successfully subscribed!");
+      setMessage((result && "message" in result ? result.message : void 0) || labels.successMessage);
       setEmail("");
       newsletterLogger.success("Newsletter subscription successful:", email);
     } catch (error) {
       setStatus("error");
-      setMessage(error instanceof Error ? error.message : "Subscription failed. Please try again.");
+      setMessage(error instanceof Error ? error.message : labels.errorMessage);
       newsletterLogger.error("Newsletter subscription failed:", error);
     } finally {
       setIsLoading(false);
@@ -2546,7 +2610,7 @@ function Hero({
               Input,
               {
                 type: "email",
-                placeholder: newsletterPlaceholder,
+                placeholder: labels.placeholder,
                 value: email,
                 onChange: (e) => setEmail(e.target.value),
                 disabled: isLoading,
@@ -2563,8 +2627,8 @@ function Hero({
               className: "w-full sm:w-auto",
               children: isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
                 /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }),
-                "Subscribing..."
-              ] }) : newsletterButtonText
+                labels.subscribing
+              ] }) : labels.subscribe
             }
           )
         ] }),
@@ -2577,7 +2641,7 @@ function Hero({
           /* @__PURE__ */ jsx("span", { children: message })
         ] })
       ] }),
-      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-3", children: "By subscribing, you agree to our Privacy Policy and consent to receive updates." })
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-3", children: labels.privacyNotice })
     ] })
   ] }) }) });
 }

package/dist/i18n.cjs

@@ -0,0 +1,78 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/i18n/index.ts
+var i18n_exports = {};
+__export(i18n_exports, {
+  NEWSLETTER_NAMESPACE: () => NEWSLETTER_NAMESPACE,
+  newsletterI18n: () => newsletterI18n,
+  newsletterTranslations: () => newsletterTranslations
+});
+module.exports = __toCommonJS(i18n_exports);
+var import_i18n = require("@djangocfg/ext-base/i18n");
+
+// src/i18n/locales/en.ts
+var en = {
+  hero: {
+    placeholder: "Enter your email",
+    subscribe: "Subscribe",
+    subscribing: "Subscribing...",
+    successMessage: "Successfully subscribed!",
+    errorMessage: "Subscription failed. Please try again.",
+    privacyNotice: "By subscribing, you agree to our Privacy Policy and consent to receive updates."
+  }
+};
+
+// src/i18n/locales/ru.ts
+var ru = {
+  hero: {
+    placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 email",
+    subscribe: "\u041F\u043E\u0434\u043F\u0438\u0441\u0430\u0442\u044C\u0441\u044F",
+    subscribing: "\u041F\u043E\u0434\u043F\u0438\u0441\u043A\u0430...",
+    successMessage: "\u0412\u044B \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u043F\u043E\u0434\u043F\u0438\u0441\u0430\u043B\u0438\u0441\u044C!",
+    errorMessage: "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043F\u043E\u0434\u043F\u0438\u0441\u0430\u0442\u044C\u0441\u044F. \u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u0435\u0449\u0451 \u0440\u0430\u0437.",
+    privacyNotice: "\u041F\u043E\u0434\u043F\u0438\u0441\u044B\u0432\u0430\u044F\u0441\u044C, \u0432\u044B \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044C \u0441 \u041F\u043E\u043B\u0438\u0442\u0438\u043A\u043E\u0439 \u043A\u043E\u043D\u0444\u0438\u0434\u0435\u043D\u0446\u0438\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u0438 \u0438 \u0434\u0430\u0451\u0442\u0435 \u0441\u043E\u0433\u043B\u0430\u0441\u0438\u0435 \u043D\u0430 \u043F\u043E\u043B\u0443\u0447\u0435\u043D\u0438\u0435 \u043E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u0439."
+  }
+};
+
+// src/i18n/locales/ko.ts
+var ko = {
+  hero: {
+    placeholder: "\uC774\uBA54\uC77C\uC744 \uC785\uB825\uD558\uC138\uC694",
+    subscribe: "\uAD6C\uB3C5\uD558\uAE30",
+    subscribing: "\uAD6C\uB3C5 \uC911...",
+    successMessage: "\uC131\uACF5\uC801\uC73C\uB85C \uAD6C\uB3C5\uB418\uC5C8\uC2B5\uB2C8\uB2E4!",
+    errorMessage: "\uAD6C\uB3C5\uC5D0 \uC2E4\uD328\uD588\uC2B5\uB2C8\uB2E4. \uB2E4\uC2DC \uC2DC\uB3C4\uD574 \uC8FC\uC138\uC694.",
+    privacyNotice: "\uAD6C\uB3C5 \uC2DC \uAC1C\uC778\uC815\uBCF4 \uCC98\uB9AC\uBC29\uCE68\uC5D0 \uB3D9\uC758\uD558\uACE0 \uC5C5\uB370\uC774\uD2B8 \uC218\uC2E0\uC5D0 \uB3D9\uC758\uD558\uB294 \uAC83\uC73C\uB85C \uAC04\uC8FC\uB429\uB2C8\uB2E4."
+  }
+};
+
+// src/i18n/index.ts
+var NEWSLETTER_NAMESPACE = "newsletter";
+var newsletterI18n = (0, import_i18n.createExtensionI18n)({
+  namespace: NEWSLETTER_NAMESPACE,
+  defaultLocale: "en",
+  locales: { en, ru, ko }
+});
+var newsletterTranslations = newsletterI18n.getAllTranslations();
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NEWSLETTER_NAMESPACE,
+  newsletterI18n,
+  newsletterTranslations
+});

package/dist/i18n.d.cts

@@ -0,0 +1,35 @@
+import * as _djangocfg_ext_base_i18n from '@djangocfg/ext-base/i18n';
+import { ExtensionKeys, PathKeys } from '@djangocfg/ext-base/i18n';
+
+/**
+ * Newsletter Extension I18n Types
+ */
+
+/**
+ * All valid keys for newsletter translations (with namespace)
+ */
+type NewsletterKeys = ExtensionKeys<'newsletter', NewsletterTranslations>;
+/**
+ * Keys without namespace prefix (for createTypedExtensionT)
+ */
+type NewsletterLocalKeys = PathKeys<NewsletterTranslations>;
+interface NewsletterTranslations {
+    /** Hero */
+    hero: {
+        placeholder: string;
+        subscribe: string;
+        subscribing: string;
+        successMessage: string;
+        errorMessage: string;
+        privacyNotice: string;
+    };
+}
+
+/** Newsletter extension namespace */
+declare const NEWSLETTER_NAMESPACE: "newsletter";
+declare const newsletterI18n: _djangocfg_ext_base_i18n.ExtensionI18n<NewsletterTranslations>;
+declare const newsletterTranslations: Record<string, {
+    [namespace: string]: NewsletterTranslations;
+}>;
+
+export { NEWSLETTER_NAMESPACE, type NewsletterKeys, type NewsletterLocalKeys, type NewsletterTranslations, newsletterI18n, newsletterTranslations };

package/dist/i18n.d.ts

@@ -0,0 +1,35 @@
+import * as _djangocfg_ext_base_i18n from '@djangocfg/ext-base/i18n';
+import { ExtensionKeys, PathKeys } from '@djangocfg/ext-base/i18n';
+
+/**
+ * Newsletter Extension I18n Types
+ */
+
+/**
+ * All valid keys for newsletter translations (with namespace)
+ */
+type NewsletterKeys = ExtensionKeys<'newsletter', NewsletterTranslations>;
+/**
+ * Keys without namespace prefix (for createTypedExtensionT)
+ */
+type NewsletterLocalKeys = PathKeys<NewsletterTranslations>;
+interface NewsletterTranslations {
+    /** Hero */
+    hero: {
+        placeholder: string;
+        subscribe: string;
+        subscribing: string;
+        successMessage: string;
+        errorMessage: string;
+        privacyNotice: string;
+    };
+}
+
+/** Newsletter extension namespace */
+declare const NEWSLETTER_NAMESPACE: "newsletter";
+declare const newsletterI18n: _djangocfg_ext_base_i18n.ExtensionI18n<NewsletterTranslations>;
+declare const newsletterTranslations: Record<string, {
+    [namespace: string]: NewsletterTranslations;
+}>;
+
+export { NEWSLETTER_NAMESPACE, type NewsletterKeys, type NewsletterLocalKeys, type NewsletterTranslations, newsletterI18n, newsletterTranslations };

package/dist/i18n.js

@@ -0,0 +1,52 @@
+// src/i18n/index.ts
+import { createExtensionI18n } from "@djangocfg/ext-base/i18n";
+
+// src/i18n/locales/en.ts
+var en = {
+  hero: {
+    placeholder: "Enter your email",
+    subscribe: "Subscribe",
+    subscribing: "Subscribing...",
+    successMessage: "Successfully subscribed!",
+    errorMessage: "Subscription failed. Please try again.",
+    privacyNotice: "By subscribing, you agree to our Privacy Policy and consent to receive updates."
+  }
+};
+
+// src/i18n/locales/ru.ts
+var ru = {
+  hero: {
+    placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 email",
+    subscribe: "\u041F\u043E\u0434\u043F\u0438\u0441\u0430\u0442\u044C\u0441\u044F",
+    subscribing: "\u041F\u043E\u0434\u043F\u0438\u0441\u043A\u0430...",
+    successMessage: "\u0412\u044B \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u043F\u043E\u0434\u043F\u0438\u0441\u0430\u043B\u0438\u0441\u044C!",
+    errorMessage: "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043F\u043E\u0434\u043F\u0438\u0441\u0430\u0442\u044C\u0441\u044F. \u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u0435\u0449\u0451 \u0440\u0430\u0437.",
+    privacyNotice: "\u041F\u043E\u0434\u043F\u0438\u0441\u044B\u0432\u0430\u044F\u0441\u044C, \u0432\u044B \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044C \u0441 \u041F\u043E\u043B\u0438\u0442\u0438\u043A\u043E\u0439 \u043A\u043E\u043D\u0444\u0438\u0434\u0435\u043D\u0446\u0438\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u0438 \u0438 \u0434\u0430\u0451\u0442\u0435 \u0441\u043E\u0433\u043B\u0430\u0441\u0438\u0435 \u043D\u0430 \u043F\u043E\u043B\u0443\u0447\u0435\u043D\u0438\u0435 \u043E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u0439."
+  }
+};
+
+// src/i18n/locales/ko.ts
+var ko = {
+  hero: {
+    placeholder: "\uC774\uBA54\uC77C\uC744 \uC785\uB825\uD558\uC138\uC694",
+    subscribe: "\uAD6C\uB3C5\uD558\uAE30",
+    subscribing: "\uAD6C\uB3C5 \uC911...",
+    successMessage: "\uC131\uACF5\uC801\uC73C\uB85C \uAD6C\uB3C5\uB418\uC5C8\uC2B5\uB2C8\uB2E4!",
+    errorMessage: "\uAD6C\uB3C5\uC5D0 \uC2E4\uD328\uD588\uC2B5\uB2C8\uB2E4. \uB2E4\uC2DC \uC2DC\uB3C4\uD574 \uC8FC\uC138\uC694.",
+    privacyNotice: "\uAD6C\uB3C5 \uC2DC \uAC1C\uC778\uC815\uBCF4 \uCC98\uB9AC\uBC29\uCE68\uC5D0 \uB3D9\uC758\uD558\uACE0 \uC5C5\uB370\uC774\uD2B8 \uC218\uC2E0\uC5D0 \uB3D9\uC758\uD558\uB294 \uAC83\uC73C\uB85C \uAC04\uC8FC\uB429\uB2C8\uB2E4."
+  }
+};
+
+// src/i18n/index.ts
+var NEWSLETTER_NAMESPACE = "newsletter";
+var newsletterI18n = createExtensionI18n({
+  namespace: NEWSLETTER_NAMESPACE,
+  defaultLocale: "en",
+  locales: { en, ru, ko }
+});
+var newsletterTranslations = newsletterI18n.getAllTranslations();
+export {
+  NEWSLETTER_NAMESPACE,
+  newsletterI18n,
+  newsletterTranslations
+};

package/dist/index.cjs

@@ -2117,7 +2117,7 @@ var apiNewsletter = api.createExtensionAPI(API);
 // package.json
 var package_default = {
   name: "@djangocfg/ext-newsletter",
-  version: "1.0.20",
+  version: "1.0.22",
   description: "Newsletter and subscription management extension for DjangoCFG",
   keywords: [
     "django",
@@ -2163,6 +2163,11 @@ var package_default = {
       types: "./dist/config.d.ts",
       import: "./dist/config.js",
       require: "./dist/config.cjs"
+    },
+    "./i18n": {
+      types: "./dist/i18n.d.ts",
+      import: "./dist/i18n.js",
+      require: "./dist/i18n.cjs"
     }
   },
   files: [
@@ -2178,6 +2183,7 @@ var package_default = {
   peerDependencies: {
     "@djangocfg/api": "workspace:*",
     "@djangocfg/ext-base": "workspace:*",
+    "@djangocfg/i18n": "workspace:*",
     "@djangocfg/ui-core": "workspace:*",
     consola: "^3.4.2",
     "lucide-react": "^0.545.0",
@@ -2191,6 +2197,7 @@ var package_default = {
   devDependencies: {
     "@djangocfg/api": "workspace:*",
     "@djangocfg/ext-base": "workspace:*",
+    "@djangocfg/i18n": "workspace:*",
     "@djangocfg/typescript-config": "workspace:*",
     "@types/node": "^24.7.2",
     "@types/react": "^19.0.0",

package/dist/index.js

@@ -2111,7 +2111,7 @@ var apiNewsletter = createExtensionAPI(API);
 // package.json
 var package_default = {
   name: "@djangocfg/ext-newsletter",
-  version: "1.0.20",
+  version: "1.0.22",
   description: "Newsletter and subscription management extension for DjangoCFG",
   keywords: [
     "django",
@@ -2157,6 +2157,11 @@ var package_default = {
       types: "./dist/config.d.ts",
       import: "./dist/config.js",
       require: "./dist/config.cjs"
+    },
+    "./i18n": {
+      types: "./dist/i18n.d.ts",
+      import: "./dist/i18n.js",
+      require: "./dist/i18n.cjs"
     }
   },
   files: [
@@ -2172,6 +2177,7 @@ var package_default = {
   peerDependencies: {
     "@djangocfg/api": "workspace:*",
     "@djangocfg/ext-base": "workspace:*",
+    "@djangocfg/i18n": "workspace:*",
     "@djangocfg/ui-core": "workspace:*",
     consola: "^3.4.2",
     "lucide-react": "^0.545.0",
@@ -2185,6 +2191,7 @@ var package_default = {
   devDependencies: {
     "@djangocfg/api": "workspace:*",
     "@djangocfg/ext-base": "workspace:*",
+    "@djangocfg/i18n": "workspace:*",
     "@djangocfg/typescript-config": "workspace:*",
     "@types/node": "^24.7.2",
     "@types/react": "^19.0.0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/ext-newsletter",
-  "version": "1.0.20",
+  "version": "1.0.22",
   "description": "Newsletter and subscription management extension for DjangoCFG",
   "keywords": [
     "django",
@@ -46,6 +46,11 @@
       "types": "./dist/config.d.ts",
       "import": "./dist/config.js",
       "require": "./dist/config.cjs"
+    },
+    "./i18n": {
+      "types": "./dist/i18n.d.ts",
+      "import": "./dist/i18n.js",
+      "require": "./dist/i18n.cjs"
     }
   },
   "files": [
@@ -59,9 +64,10 @@
     "check": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@djangocfg/api": "^2.1.109",
-    "@djangocfg/ext-base": "^1.0.15",
-    "@djangocfg/ui-core": "^2.1.109",
+    "@djangocfg/api": "^2.1.111",
+    "@djangocfg/ext-base": "^1.0.17",
+    "@djangocfg/i18n": "^2.1.111",
+    "@djangocfg/ui-core": "^2.1.111",
     "consola": "^3.4.2",
     "lucide-react": "^0.545.0",
     "next": "^16",
@@ -72,9 +78,10 @@
     "zod": "^4.3.4"
   },
   "devDependencies": {
-    "@djangocfg/api": "^2.1.109",
-    "@djangocfg/ext-base": "^1.0.15",
-    "@djangocfg/typescript-config": "^2.1.109",
+    "@djangocfg/api": "^2.1.111",
+    "@djangocfg/ext-base": "^1.0.17",
+    "@djangocfg/i18n": "^2.1.111",
+    "@djangocfg/typescript-config": "^2.1.111",
     "@types/node": "^24.7.2",
     "@types/react": "^19.0.0",
     "consola": "^3.4.2",

package/src/components/Hero/index.tsx

@@ -6,8 +6,11 @@
 'use client';
 
 import { AlertCircle, CheckCircle2, Loader2, Mail } from 'lucide-react';
-import React, { useState } from 'react';
+import React, { useMemo, useState } from 'react';
 
+import { createTypedExtensionT } from '@djangocfg/ext-base/i18n';
+import { useT } from '@djangocfg/i18n';
+import { NEWSLETTER_NAMESPACE, type NewsletterTranslations } from '../../i18n';
 import { Button, Input } from '@djangocfg/ui-core';
 
 import { newsletterLogger } from '../../utils/logger';
@@ -20,16 +23,31 @@ export function Hero({
   primaryAction,
   secondaryAction,
   showNewsletter = true,
-  newsletterPlaceholder = 'Enter your email',
-  newsletterButtonText = 'Subscribe',
+  newsletterPlaceholder,
+  newsletterButtonText,
   onNewsletterSubmit,
   className = '',
 }: HeroProps) {
+  const baseT = useT();
   const [email, setEmail] = useState('');
   const [isLoading, setIsLoading] = useState(false);
   const [status, setStatus] = useState<'idle' | 'success' | 'error'>('idle');
   const [message, setMessage] = useState('');
 
+  // Type-safe translation function for newsletter extension
+  // Keys are validated at compile time: nt('hero.placeholder') OK, nt('hero.typo') Error
+  const nt = createTypedExtensionT<typeof NEWSLETTER_NAMESPACE, NewsletterTranslations>(baseT, NEWSLETTER_NAMESPACE);
+
+  // Prepare labels before JSX render
+  const labels = useMemo(() => ({
+    placeholder: newsletterPlaceholder ?? nt('hero.placeholder'),
+    subscribe: newsletterButtonText ?? nt('hero.subscribe'),
+    subscribing: nt('hero.subscribing'),
+    successMessage: nt('hero.successMessage'),
+    errorMessage: nt('hero.errorMessage'),
+    privacyNotice: nt('hero.privacyNotice'),
+  }), [nt, newsletterPlaceholder, newsletterButtonText]);
+
   const handleSubmit = async (e: React.FormEvent) => {
     e.preventDefault();
 
@@ -42,12 +60,12 @@ export function Hero({
     try {
       const result = await onNewsletterSubmit(email);
       setStatus('success');
-      setMessage((result && 'message' in result ? result.message : undefined) || 'Successfully subscribed!');
+      setMessage((result && 'message' in result ? result.message : undefined) || labels.successMessage);
       setEmail('');
       newsletterLogger.success('Newsletter subscription successful:', email);
     } catch (error) {
       setStatus('error');
-      setMessage(error instanceof Error ? error.message : 'Subscription failed. Please try again.');
+      setMessage(error instanceof Error ? error.message : labels.errorMessage);
       newsletterLogger.error('Newsletter subscription failed:', error);
     } finally {
       setIsLoading(false);
@@ -109,7 +127,7 @@ export function Hero({
                     <Mail className="absolute left-3 top-1/2 -translate-y-1/2 h-5 w-5 text-muted-foreground" />
                     <Input
                       type="email"
-                      placeholder={newsletterPlaceholder}
+                      placeholder={labels.placeholder}
                       value={email}
                       onChange={(e) => setEmail(e.target.value)}
                       disabled={isLoading}
@@ -125,10 +143,10 @@ export function Hero({
                     {isLoading ? (
                       <>
                         <Loader2 className="mr-2 h-4 w-4 animate-spin" />
-                        Subscribing...
+                        {labels.subscribing}
                       </>
                     ) : (
-                      newsletterButtonText
+                      labels.subscribe
                     )}
                   </Button>
                 </div>
@@ -150,7 +168,7 @@ export function Hero({
               </form>
 
               <p className="text-xs text-muted-foreground mt-3">
-                By subscribing, you agree to our Privacy Policy and consent to receive updates.
+                {labels.privacyNotice}
               </p>
             </div>
           )}

package/src/i18n/index.ts

@@ -0,0 +1,23 @@
+/**
+ * Newsletter Extension I18n
+ */
+
+import { createExtensionI18n } from '@djangocfg/ext-base/i18n';
+import type { NewsletterTranslations } from './types';
+import { en } from './locales/en';
+import { ru } from './locales/ru';
+import { ko } from './locales/ko';
+
+/** Newsletter extension namespace */
+export const NEWSLETTER_NAMESPACE = 'newsletter' as const;
+
+export const newsletterI18n = createExtensionI18n<NewsletterTranslations>({
+  namespace: NEWSLETTER_NAMESPACE,
+  defaultLocale: 'en',
+  locales: { en, ru, ko },
+});
+
+export const newsletterTranslations = newsletterI18n.getAllTranslations();
+
+// Types
+export type { NewsletterTranslations, NewsletterKeys, NewsletterLocalKeys } from './types';

package/src/i18n/locales/en.ts

@@ -0,0 +1,12 @@
+import type { NewsletterTranslations } from '../types';
+
+export const en: NewsletterTranslations = {
+  hero: {
+    placeholder: 'Enter your email',
+    subscribe: 'Subscribe',
+    subscribing: 'Subscribing...',
+    successMessage: 'Successfully subscribed!',
+    errorMessage: 'Subscription failed. Please try again.',
+    privacyNotice: 'By subscribing, you agree to our Privacy Policy and consent to receive updates.',
+  },
+};

package/src/i18n/locales/ko.ts

@@ -0,0 +1,12 @@
+import type { NewsletterTranslations } from '../types';
+
+export const ko: NewsletterTranslations = {
+  hero: {
+    placeholder: '이메일을 입력하세요',
+    subscribe: '구독하기',
+    subscribing: '구독 중...',
+    successMessage: '성공적으로 구독되었습니다!',
+    errorMessage: '구독에 실패했습니다. 다시 시도해 주세요.',
+    privacyNotice: '구독 시 개인정보 처리방침에 동의하고 업데이트 수신에 동의하는 것으로 간주됩니다.',
+  },
+};

package/src/i18n/locales/ru.ts

@@ -0,0 +1,12 @@
+import type { NewsletterTranslations } from '../types';
+
+export const ru: NewsletterTranslations = {
+  hero: {
+    placeholder: 'Введите email',
+    subscribe: 'Подписаться',
+    subscribing: 'Подписка...',
+    successMessage: 'Вы успешно подписались!',
+    errorMessage: 'Не удалось подписаться. Попробуйте ещё раз.',
+    privacyNotice: 'Подписываясь, вы соглашаетесь с Политикой конфиденциальности и даёте согласие на получение обновлений.',
+  },
+};

package/src/i18n/types.ts

@@ -0,0 +1,27 @@
+/**
+ * Newsletter Extension I18n Types
+ */
+
+import type { ExtensionKeys, PathKeys } from '@djangocfg/ext-base/i18n';
+
+/**
+ * All valid keys for newsletter translations (with namespace)
+ */
+export type NewsletterKeys = ExtensionKeys<'newsletter', NewsletterTranslations>;
+
+/**
+ * Keys without namespace prefix (for createTypedExtensionT)
+ */
+export type NewsletterLocalKeys = PathKeys<NewsletterTranslations>;
+
+export interface NewsletterTranslations {
+  /** Hero */
+  hero: {
+    placeholder: string;
+    subscribe: string;
+    subscribing: string;
+    successMessage: string;
+    errorMessage: string;
+    privacyNotice: string;
+  };
+}