anton-bakker-feedback 0.3.3 → 0.4.1

package/dist/react.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import React__default, { createContext, lazy, useMemo, useReducer, useEffect, useCallback, Suspense, useContext, useState, useRef } from "react";
-import { v as validateConfig, r as resolveConfig, d as detectLocale, t } from "./chunks/i18n-Du-or3T4.js";
+import { v as validateConfig, r as resolveConfig, d as detectLocale, t } from "./chunks/i18n-Cba0xHU-.js";
 import { c } from "./chunks/submitResolver-DsfkrUHY.js";
 const FeedbackContext = createContext(null);
 FeedbackContext.displayName = "FeedbackContext";
@@ -975,9 +975,9 @@ function FeedbackConfirm({ className }) {
       "aria-label": "Submit feedback",
       noValidate: true,
       children: [
-        /* @__PURE__ */ jsx("h2", { id: "feedback-confirm-title", className: "feedback-confirm__title", children: "Review your feedback" }),
+        /* @__PURE__ */ jsx("h2", { id: "feedback-confirm-title", className: "feedback-confirm__title", children: t("feedback.confirm.heading", locale, customTranslations) }),
         duplicates.length > 0 && /* @__PURE__ */ jsxs("div", { className: "feedback-confirm__duplicate-warning", role: "alert", children: [
-          /* @__PURE__ */ jsx("strong", { children: "Similar feedback already exists:" }),
+          /* @__PURE__ */ jsx("strong", { children: t("feedback.confirm.duplicateWarning", locale, customTranslations) }),
           /* @__PURE__ */ jsx("ul", { children: duplicates.map((d) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("a", { href: `#${d.id}`, className: "feedback-confirm__duplicate-link", children: [
             d.title,
             " (",
@@ -987,7 +987,7 @@ function FeedbackConfirm({ className }) {
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "feedback-confirm__field", children: [
           /* @__PURE__ */ jsxs("label", { htmlFor: "feedback-confirm-title-input", className: "feedback-confirm__label", children: [
-            t("feedback.confirm.titleLabel", locale, customTranslations) || "Title",
+            t("feedback.confirm.titleLabel", locale, customTranslations),
             " ",
             /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "feedback-confirm__required", children: "*" }),
             /* @__PURE__ */ jsx("span", { className: "sr-only", children: "(required)" })
@@ -1016,7 +1016,7 @@ function FeedbackConfirm({ className }) {
           )
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "feedback-confirm__field", children: [
-          /* @__PURE__ */ jsx("label", { htmlFor: "feedback-confirm-description", className: "feedback-confirm__label", children: t("feedback.confirm.descriptionLabel", locale, customTranslations) || "Description" }),
+          /* @__PURE__ */ jsx("label", { htmlFor: "feedback-confirm-description", className: "feedback-confirm__label", children: t("feedback.confirm.descriptionLabel", locale, customTranslations) }),
           /* @__PURE__ */ jsx(
             "textarea",
             {
@@ -1030,7 +1030,7 @@ function FeedbackConfirm({ className }) {
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "feedback-confirm__field", children: [
           /* @__PURE__ */ jsxs("label", { htmlFor: "feedback-confirm-type", className: "feedback-confirm__label", children: [
-            t("feedback.confirm.typeLabel", locale, customTranslations) || "Type",
+            t("feedback.confirm.typeLabel", locale, customTranslations),
             " ",
             /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "feedback-confirm__required", children: "*" }),
             /* @__PURE__ */ jsx("span", { className: "sr-only", children: "(required)" })
@@ -1065,7 +1065,7 @@ function FeedbackConfirm({ className }) {
           )
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "feedback-confirm__field", children: [
-          /* @__PURE__ */ jsx("label", { htmlFor: "feedback-confirm-scope", className: "feedback-confirm__label", children: t("feedback.confirm.scopeLabel", locale, customTranslations) || "Scope" }),
+          /* @__PURE__ */ jsx("label", { htmlFor: "feedback-confirm-scope", className: "feedback-confirm__label", children: t("feedback.confirm.scopeLabel", locale, customTranslations) }),
           /* @__PURE__ */ jsxs(
             "select",
             {
@@ -1074,16 +1074,16 @@ function FeedbackConfirm({ className }) {
               value: values.scope,
               onChange: (e) => handleChange("scope", e.target.value),
               children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: "Select scope (optional)" }),
-                /* @__PURE__ */ jsx("option", { value: "isolated", children: "Isolated" }),
-                /* @__PURE__ */ jsx("option", { value: "cross-cutting", children: "Cross-cutting" }),
-                /* @__PURE__ */ jsx("option", { value: "systemic", children: "Systemic" })
+                /* @__PURE__ */ jsx("option", { value: "", children: t("feedback.confirm.scopePlaceholder", locale, customTranslations) }),
+                /* @__PURE__ */ jsx("option", { value: "isolated", children: t("feedback.confirm.scope.isolated", locale, customTranslations) }),
+                /* @__PURE__ */ jsx("option", { value: "cross-cutting", children: t("feedback.confirm.scope.crossCutting", locale, customTranslations) }),
+                /* @__PURE__ */ jsx("option", { value: "systemic", children: t("feedback.confirm.scope.systemic", locale, customTranslations) })
               ]
             }
           )
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "feedback-confirm__field", children: [
-          /* @__PURE__ */ jsx("label", { htmlFor: "feedback-confirm-size", className: "feedback-confirm__label", children: t("feedback.confirm.sizeLabel", locale, customTranslations) || "Size" }),
+          /* @__PURE__ */ jsx("label", { htmlFor: "feedback-confirm-size", className: "feedback-confirm__label", children: t("feedback.confirm.sizeLabel", locale, customTranslations) }),
           /* @__PURE__ */ jsxs(
             "select",
             {
@@ -1092,11 +1092,11 @@ function FeedbackConfirm({ className }) {
               value: values.size,
               onChange: (e) => handleChange("size", e.target.value),
               children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: "Select size (optional)" }),
-                /* @__PURE__ */ jsx("option", { value: "trivial", children: "Trivial" }),
-                /* @__PURE__ */ jsx("option", { value: "small", children: "Small" }),
-                /* @__PURE__ */ jsx("option", { value: "medium", children: "Medium" }),
-                /* @__PURE__ */ jsx("option", { value: "large", children: "Large" })
+                /* @__PURE__ */ jsx("option", { value: "", children: t("feedback.confirm.sizePlaceholder", locale, customTranslations) }),
+                /* @__PURE__ */ jsx("option", { value: "trivial", children: t("feedback.confirm.size.trivial", locale, customTranslations) }),
+                /* @__PURE__ */ jsx("option", { value: "small", children: t("feedback.confirm.size.small", locale, customTranslations) }),
+                /* @__PURE__ */ jsx("option", { value: "medium", children: t("feedback.confirm.size.medium", locale, customTranslations) }),
+                /* @__PURE__ */ jsx("option", { value: "large", children: t("feedback.confirm.size.large", locale, customTranslations) })
               ]
             }
           )