payload-intl 1.4.4 → 1.4.6

package/dist/components/MessagesField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessagesField.d.ts","sourceRoot":"","sources":["../../src/components/MessagesField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAGpD,OAAO,KAAK,EAAY,cAAc,EAAE,MAAM,SAAS,CAAC;AAGxD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAC;IAChC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CAClC;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,YAAY,EACZ,IAAI,GACL,EAAE,oBAAoB,GAAG,kBAAkB,2CAwB3C"}
+{"version":3,"file":"MessagesField.d.ts","sourceRoot":"","sources":["../../src/components/MessagesField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAGpD,OAAO,KAAK,EAAY,cAAc,EAAE,MAAM,SAAS,CAAC;AAGxD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAC;IAChC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CAClC;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,YAAY,EACZ,IAAI,GACL,EAAE,oBAAoB,GAAG,kBAAkB,2CAgC3C"}

package/dist/components/MessagesField.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useField } from '@payloadcms/ui';
-import { useEffect } from 'react';
+import { useEffect, useRef } from 'react';
 import { useForm } from 'react-hook-form';
 import { MessagesTree } from './layout/MessagesTree';
 /**
@@ -11,14 +11,22 @@ import { MessagesTree } from './layout/MessagesTree';
     const { value, setValue } = useField({
         path
     });
+    const lastPushedRef = useRef(value);
     const form = useForm({
         values: value,
         reValidateMode: 'onBlur'
     });
-    // When form values change, push back to Payload's field
+    // When form values change, push back to Payload's field.
+    // Guard against the circular loop: Payload value → useForm syncs → watch
+    // fires → setValue → Payload value changes → repeat. Only call setValue
+    // when the form produced genuinely new data.
     useEffect(()=>{
         const subscription = form.watch((formValues)=>{
-            setValue(formValues);
+            const json = JSON.stringify(formValues);
+            if (json !== JSON.stringify(lastPushedRef.current)) {
+                lastPushedRef.current = formValues;
+                setValue(formValues);
+            }
         });
         return ()=>subscription.unsubscribe();
     }, [

package/dist/components/MessagesField.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/MessagesField.tsx"],"sourcesContent":["'use client';\n\nimport { useField } from '@payloadcms/ui';\nimport type { JSONFieldClientProps } from 'payload';\nimport { useEffect } from 'react';\nimport { useForm } from 'react-hook-form';\nimport type { Messages, MessagesSchema } from '@/types';\nimport { MessagesTree } from './layout/MessagesTree';\n\nexport interface MessagesFieldProps {\n  readonly schema: MessagesSchema;\n  readonly hiddenGroups?: string[];\n}\n\n/**\n * Payload JSON field client component that bridges the virtual `_intlMessages`\n * field with the existing MessagesFormProvider / MessagesTree component tree.\n */\nexport function MessagesField({\n  schema,\n  hiddenGroups,\n  path,\n}: JSONFieldClientProps & MessagesFieldProps) {\n  const { value, setValue } = useField<Messages>({ path });\n\n  const form = useForm<Messages>({\n    values: value,\n    reValidateMode: 'onBlur',\n  });\n\n  // When form values change, push back to Payload's field\n  useEffect(() => {\n    const subscription = form.watch((formValues) => {\n      setValue(formValues);\n    });\n    return () => subscription.unsubscribe();\n  }, [form, setValue]);\n\n  return (\n    <MessagesTree\n      control={form.control}\n      hiddenGroups={hiddenGroups}\n      path=\"\"\n      schema={schema}\n    />\n  );\n}\n"],"names":["useField","useEffect","useForm","MessagesTree","MessagesField","schema","hiddenGroups","path","value","setValue","form","values","reValidateMode","subscription","watch","formValues","unsubscribe","control"],"mappings":"AAAA;;AAEA,SAASA,QAAQ,QAAQ,iBAAiB;AAE1C,SAASC,SAAS,QAAQ,QAAQ;AAClC,SAASC,OAAO,QAAQ,kBAAkB;AAE1C,SAASC,YAAY,QAAQ,wBAAwB;AAOrD;;;CAGC,GACD,OAAO,SAASC,cAAc,EAC5BC,MAAM,EACNC,YAAY,EACZC,IAAI,EACsC;IAC1C,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGT,SAAmB;QAAEO;IAAK;IAEtD,MAAMG,OAAOR,QAAkB;QAC7BS,QAAQH;QACRI,gBAAgB;IAClB;IAEA,wDAAwD;IACxDX,UAAU;QACR,MAAMY,eAAeH,KAAKI,KAAK,CAAC,CAACC;YAC/BN,SAASM;QACX;QACA,OAAO,IAAMF,aAAaG,WAAW;IACvC,GAAG;QAACN;QAAMD;KAAS;IAEnB,qBACE,KAACN;QACCc,SAASP,KAAKO,OAAO;QACrBX,cAAcA;QACdC,MAAK;QACLF,QAAQA;;AAGd"}
+{"version":3,"sources":["../../src/components/MessagesField.tsx"],"sourcesContent":["'use client';\n\nimport { useField } from '@payloadcms/ui';\nimport type { JSONFieldClientProps } from 'payload';\nimport { useEffect, useRef } from 'react';\nimport { useForm } from 'react-hook-form';\nimport type { Messages, MessagesSchema } from '@/types';\nimport { MessagesTree } from './layout/MessagesTree';\n\nexport interface MessagesFieldProps {\n  readonly schema: MessagesSchema;\n  readonly hiddenGroups?: string[];\n}\n\n/**\n * Payload JSON field client component that bridges the virtual `_intlMessages`\n * field with the existing MessagesFormProvider / MessagesTree component tree.\n */\nexport function MessagesField({\n  schema,\n  hiddenGroups,\n  path,\n}: JSONFieldClientProps & MessagesFieldProps) {\n  const { value, setValue } = useField<Messages>({ path });\n  const lastPushedRef = useRef(value);\n\n  const form = useForm<Messages>({\n    values: value,\n    reValidateMode: 'onBlur',\n  });\n\n  // When form values change, push back to Payload's field.\n  // Guard against the circular loop: Payload value → useForm syncs → watch\n  // fires → setValue → Payload value changes → repeat. Only call setValue\n  // when the form produced genuinely new data.\n  useEffect(() => {\n    const subscription = form.watch((formValues) => {\n      const json = JSON.stringify(formValues);\n      if (json !== JSON.stringify(lastPushedRef.current)) {\n        lastPushedRef.current = formValues as Messages;\n        setValue(formValues);\n      }\n    });\n    return () => subscription.unsubscribe();\n  }, [form, setValue]);\n\n  return (\n    <MessagesTree\n      control={form.control}\n      hiddenGroups={hiddenGroups}\n      path=\"\"\n      schema={schema}\n    />\n  );\n}\n"],"names":["useField","useEffect","useRef","useForm","MessagesTree","MessagesField","schema","hiddenGroups","path","value","setValue","lastPushedRef","form","values","reValidateMode","subscription","watch","formValues","json","JSON","stringify","current","unsubscribe","control"],"mappings":"AAAA;;AAEA,SAASA,QAAQ,QAAQ,iBAAiB;AAE1C,SAASC,SAAS,EAAEC,MAAM,QAAQ,QAAQ;AAC1C,SAASC,OAAO,QAAQ,kBAAkB;AAE1C,SAASC,YAAY,QAAQ,wBAAwB;AAOrD;;;CAGC,GACD,OAAO,SAASC,cAAc,EAC5BC,MAAM,EACNC,YAAY,EACZC,IAAI,EACsC;IAC1C,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGV,SAAmB;QAAEQ;IAAK;IACtD,MAAMG,gBAAgBT,OAAOO;IAE7B,MAAMG,OAAOT,QAAkB;QAC7BU,QAAQJ;QACRK,gBAAgB;IAClB;IAEA,yDAAyD;IACzD,yEAAyE;IACzE,wEAAwE;IACxE,6CAA6C;IAC7Cb,UAAU;QACR,MAAMc,eAAeH,KAAKI,KAAK,CAAC,CAACC;YAC/B,MAAMC,OAAOC,KAAKC,SAAS,CAACH;YAC5B,IAAIC,SAASC,KAAKC,SAAS,CAACT,cAAcU,OAAO,GAAG;gBAClDV,cAAcU,OAAO,GAAGJ;gBACxBP,SAASO;YACX;QACF;QACA,OAAO,IAAMF,aAAaO,WAAW;IACvC,GAAG;QAACV;QAAMF;KAAS;IAEnB,qBACE,KAACN;QACCmB,SAASX,KAAKW,OAAO;QACrBhB,cAAcA;QACdC,MAAK;QACLF,QAAQA;;AAGd"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "payload-intl",
-  "version": "1.4.4",
+  "version": "1.4.6",
   "description": "Payload Plugin for I18N using ICU Messages",
   "keywords": [
     "payload",
@@ -53,7 +53,7 @@
     "lodash-es": "^4.17.21",
     "react-hook-form": "^7.58.1",
     "zod": "4.3.5",
-    "@davincicoding/payload-plugin-kit": "0.0.7"
+    "@davincicoding/payload-plugin-kit": "0.1.0"
   },
   "devDependencies": {
     "@payloadcms/richtext-lexical": "3.72.0",
@@ -87,11 +87,11 @@
   },
   "scripts": {
     "prebuild": "pnpm check:types",
-    "build": "plugin-build",
+    "build": "plugin-kit build",
     "check:types": "tsc --noEmit",
     "dev": "next dev dev",
-    "dev:build": "plugin-build --watch",
-    "generate:types": "generate-types --opt uploadCollection=uploads",
+    "dev:build": "plugin-kit build --watch",
+    "generate:types": "plugin-kit generate-types --options uploadCollection=uploads",
     "lint": "biome check .",
     "lint:fix": "biome check --write .",
     "test": "vitest run",