@payloadcms/plugin-form-builder 3.0.0-beta.78 → 3.0.0-beta.80

package/dist/collections/Forms/DynamicFieldSelector.d.ts

@@ -1,6 +1,6 @@
-import type { SelectFieldValidation, TextFieldProps } from 'payload';
+import type { SelectFieldProps, SelectFieldValidation } from 'payload';
 import React from 'react';
 export declare const DynamicFieldSelector: React.FC<{
     validate: SelectFieldValidation;
-} & TextFieldProps>;
+} & SelectFieldProps>;
 //# sourceMappingURL=DynamicFieldSelector.d.ts.map

package/dist/collections/Forms/DynamicFieldSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicFieldSelector.d.ts","sourceRoot":"","sources":["../../../src/collections/Forms/DynamicFieldSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAGpE,OAAO,KAA8B,MAAM,OAAO,CAAA;AAIlD,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CACzC;IAAE,QAAQ,EAAE,qBAAqB,CAAA;CAAE,GAAG,cAAc,CA6BrD,CAAA"}
+{"version":3,"file":"DynamicFieldSelector.d.ts","sourceRoot":"","sources":["../../../src/collections/Forms/DynamicFieldSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAGtE,OAAO,KAA8B,MAAM,OAAO,CAAA;AAIlD,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CACzC;IAAE,QAAQ,EAAE,qBAAqB,CAAA;CAAE,GAAG,gBAAgB,CAqCvD,CAAA"}

package/dist/collections/Forms/DynamicFieldSelector.js

@@ -26,7 +26,10 @@ export const DynamicFieldSelector = (props)=>{
     ]);
     return /*#__PURE__*/ _jsx(SelectField, {
         ...props,
-        options: options
+        field: {
+            options,
+            ...props.field || {}
+        }
     });
 };
 

package/dist/collections/Forms/DynamicFieldSelector.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/collections/Forms/DynamicFieldSelector.tsx"],"sourcesContent":["'use client'\n\nimport type { SelectFieldValidation, TextFieldProps } from 'payload'\n\nimport { SelectField, useForm } from '@payloadcms/ui'\nimport React, { useEffect, useState } from 'react'\n\nimport type { SelectFieldOption } from '../../types.js'\n\nexport const DynamicFieldSelector: React.FC<\n  { validate: SelectFieldValidation } & TextFieldProps\n> = (props) => {\n  const { fields, getDataByPath } = useForm()\n\n  const [options, setOptions] = useState<SelectFieldOption[]>([])\n\n  useEffect(() => {\n    const fields: any[] = getDataByPath('fields')\n\n    if (fields) {\n      const allNonPaymentFields = fields\n        .map((block): SelectFieldOption | null => {\n          const { name, blockType, label } = block\n\n          if (blockType !== 'payment') {\n            return {\n              label,\n              value: name,\n            }\n          }\n\n          return null\n        })\n        .filter(Boolean)\n      setOptions(allNonPaymentFields)\n    }\n  }, [fields, getDataByPath])\n\n  return <SelectField {...props} options={options} />\n}\n"],"names":["SelectField","useForm","React","useEffect","useState","DynamicFieldSelector","props","fields","getDataByPath","options","setOptions","allNonPaymentFields","map","block","name","blockType","label","value","filter","Boolean"],"mappings":"AAAA;;AAIA,SAASA,WAAW,EAAEC,OAAO,QAAQ,iBAAgB;AACrD,OAAOC,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAIlD,OAAO,MAAMC,uBAET,CAACC;IACH,MAAM,EAAEC,MAAM,EAAEC,aAAa,EAAE,GAAGP;IAElC,MAAM,CAACQ,SAASC,WAAW,GAAGN,SAA8B,EAAE;IAE9DD,UAAU;QACR,MAAMI,SAAgBC,cAAc;QAEpC,IAAID,QAAQ;YACV,MAAMI,sBAAsBJ,OACzBK,GAAG,CAAC,CAACC;gBACJ,MAAM,EAAEC,IAAI,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAGH;gBAEnC,IAAIE,cAAc,WAAW;oBAC3B,OAAO;wBACLC;wBACAC,OAAOH;oBACT;gBACF;gBAEA,OAAO;YACT,GACCI,MAAM,CAACC;YACVT,WAAWC;QACb;IACF,GAAG;QAACJ;QAAQC;KAAc;IAE1B,qBAAO,KAACR;QAAa,GAAGM,KAAK;QAAEG,SAASA;;AAC1C,EAAC"}
+{"version":3,"sources":["../../../src/collections/Forms/DynamicFieldSelector.tsx"],"sourcesContent":["'use client'\n\nimport type { SelectFieldProps, SelectFieldValidation } from 'payload'\n\nimport { SelectField, useForm } from '@payloadcms/ui'\nimport React, { useEffect, useState } from 'react'\n\nimport type { SelectFieldOption } from '../../types.js'\n\nexport const DynamicFieldSelector: React.FC<\n  { validate: SelectFieldValidation } & SelectFieldProps\n> = (props) => {\n  const { fields, getDataByPath } = useForm()\n\n  const [options, setOptions] = useState<SelectFieldOption[]>([])\n\n  useEffect(() => {\n    const fields: any[] = getDataByPath('fields')\n\n    if (fields) {\n      const allNonPaymentFields = fields\n        .map((block): SelectFieldOption | null => {\n          const { name, blockType, label } = block\n\n          if (blockType !== 'payment') {\n            return {\n              label,\n              value: name,\n            }\n          }\n\n          return null\n        })\n        .filter(Boolean)\n      setOptions(allNonPaymentFields)\n    }\n  }, [fields, getDataByPath])\n\n  return (\n    <SelectField\n      {...props}\n      field={{\n        options,\n        ...(props.field || {}),\n      }}\n    />\n  )\n}\n"],"names":["SelectField","useForm","React","useEffect","useState","DynamicFieldSelector","props","fields","getDataByPath","options","setOptions","allNonPaymentFields","map","block","name","blockType","label","value","filter","Boolean","field"],"mappings":"AAAA;;AAIA,SAASA,WAAW,EAAEC,OAAO,QAAQ,iBAAgB;AACrD,OAAOC,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAIlD,OAAO,MAAMC,uBAET,CAACC;IACH,MAAM,EAAEC,MAAM,EAAEC,aAAa,EAAE,GAAGP;IAElC,MAAM,CAACQ,SAASC,WAAW,GAAGN,SAA8B,EAAE;IAE9DD,UAAU;QACR,MAAMI,SAAgBC,cAAc;QAEpC,IAAID,QAAQ;YACV,MAAMI,sBAAsBJ,OACzBK,GAAG,CAAC,CAACC;gBACJ,MAAM,EAAEC,IAAI,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAGH;gBAEnC,IAAIE,cAAc,WAAW;oBAC3B,OAAO;wBACLC;wBACAC,OAAOH;oBACT;gBACF;gBAEA,OAAO;YACT,GACCI,MAAM,CAACC;YACVT,WAAWC;QACb;IACF,GAAG;QAACJ;QAAQC;KAAc;IAE1B,qBACE,KAACR;QACE,GAAGM,KAAK;QACTc,OAAO;YACLX;YACA,GAAIH,MAAMc,KAAK,IAAI,CAAC,CAAC;QACvB;;AAGN,EAAC"}

package/dist/collections/Forms/DynamicPriceSelector.js

@@ -3,15 +3,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { TextField, useLocale, useWatchForm } from '@payloadcms/ui';
 import React, { useEffect, useState } from 'react';
 export const DynamicPriceSelector = (props)=>{
-    const { label, path } = props;
+    const { field } = props;
     const { fields, getData, getDataByPath } = useWatchForm();
     const locale = useLocale();
     const [isNumberField, setIsNumberField] = useState();
     const [valueType, setValueType] = useState();
     // only number fields can use 'valueOfField`
     useEffect(()=>{
-        if (path) {
-            const parentPath = path.split('.').slice(0, -1).join('.');
+        if (field?._path) {
+            const parentPath = field._path.split('.').slice(0, -1).join('.');
             const paymentFieldData = getDataByPath(parentPath);
             if (paymentFieldData) {
                 const { fieldToUse, valueType } = paymentFieldData;
@@ -26,7 +26,7 @@ export const DynamicPriceSelector = (props)=>{
         }
     }, [
         fields,
-        path,
+        field._path,
         getDataByPath,
         getData
     ]);
@@ -37,8 +37,8 @@ export const DynamicPriceSelector = (props)=>{
         });
     }
     const localeCode = typeof locale === 'object' && 'code' in locale ? locale.code : locale;
-    const localLabels = typeof label === 'object' ? label : {
-        [localeCode]: label
+    const localLabels = typeof field.label === 'object' ? field.label : {
+        [localeCode]: field.label
     };
     const labelValue = localLabels[localeCode] || localLabels['en'] || '';
     if (valueType === 'valueOfField' && !isNumberField) {

package/dist/collections/Forms/DynamicPriceSelector.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/collections/Forms/DynamicPriceSelector.tsx"],"sourcesContent":["'use client'\n\nimport type { Data, TextFieldProps } from 'payload'\n\nimport { TextField, useLocale, useWatchForm } from '@payloadcms/ui'\nimport React, { useEffect, useState } from 'react'\n\ntype FieldWithID = {\n  id: string\n  name: string\n}\n\nexport const DynamicPriceSelector: React.FC<TextFieldProps> = (props) => {\n  const { label, path } = props\n\n  const { fields, getData, getDataByPath } = useWatchForm()\n\n  const locale = useLocale()\n\n  const [isNumberField, setIsNumberField] = useState<boolean>()\n  const [valueType, setValueType] = useState<'static' | 'valueOfField'>()\n\n  // only number fields can use 'valueOfField`\n  useEffect(() => {\n    if (path) {\n      const parentPath = path.split('.').slice(0, -1).join('.')\n      const paymentFieldData: any = getDataByPath(parentPath)\n\n      if (paymentFieldData) {\n        const { fieldToUse, valueType } = paymentFieldData\n\n        setValueType(valueType)\n\n        const { fields: allFields }: Data = getData()\n        const field = allFields.find((field: FieldWithID) => field.name === fieldToUse)\n\n        if (field) {\n          const { blockType } = field\n          setIsNumberField(blockType === 'number')\n        }\n      }\n    }\n  }, [fields, path, getDataByPath, getData])\n\n  // TODO: make this a number field, block by Payload\n  if (valueType === 'static') {\n    return <TextField {...props} />\n  }\n\n  const localeCode = typeof locale === 'object' && 'code' in locale ? locale.code : locale\n\n  const localLabels = typeof label === 'object' ? label : { [localeCode]: label }\n\n  const labelValue = localLabels[localeCode] || localLabels['en'] || ''\n\n  if (valueType === 'valueOfField' && !isNumberField) {\n    return (\n      <div>\n        <div>{String(labelValue)}</div>\n        <div\n          style={{\n            color: '#9A9A9A',\n          }}\n        >\n          The selected field must be a number field.\n        </div>\n      </div>\n    )\n  }\n\n  return null\n}\n"],"names":["TextField","useLocale","useWatchForm","React","useEffect","useState","DynamicPriceSelector","props","label","path","fields","getData","getDataByPath","locale","isNumberField","setIsNumberField","valueType","setValueType","parentPath","split","slice","join","paymentFieldData","fieldToUse","allFields","field","find","name","blockType","localeCode","code","localLabels","labelValue","div","String","style","color"],"mappings":"AAAA;;AAIA,SAASA,SAAS,EAAEC,SAAS,EAAEC,YAAY,QAAQ,iBAAgB;AACnE,OAAOC,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAOlD,OAAO,MAAMC,uBAAiD,CAACC;IAC7D,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGF;IAExB,MAAM,EAAEG,MAAM,EAAEC,OAAO,EAAEC,aAAa,EAAE,GAAGV;IAE3C,MAAMW,SAASZ;IAEf,MAAM,CAACa,eAAeC,iBAAiB,GAAGV;IAC1C,MAAM,CAACW,WAAWC,aAAa,GAAGZ;IAElC,4CAA4C;IAC5CD,UAAU;QACR,IAAIK,MAAM;YACR,MAAMS,aAAaT,KAAKU,KAAK,CAAC,KAAKC,KAAK,CAAC,GAAG,CAAC,GAAGC,IAAI,CAAC;YACrD,MAAMC,mBAAwBV,cAAcM;YAE5C,IAAII,kBAAkB;gBACpB,MAAM,EAAEC,UAAU,EAAEP,SAAS,EAAE,GAAGM;gBAElCL,aAAaD;gBAEb,MAAM,EAAEN,QAAQc,SAAS,EAAE,GAASb;gBACpC,MAAMc,QAAQD,UAAUE,IAAI,CAAC,CAACD,QAAuBA,MAAME,IAAI,KAAKJ;gBAEpE,IAAIE,OAAO;oBACT,MAAM,EAAEG,SAAS,EAAE,GAAGH;oBACtBV,iBAAiBa,cAAc;gBACjC;YACF;QACF;IACF,GAAG;QAAClB;QAAQD;QAAMG;QAAeD;KAAQ;IAEzC,mDAAmD;IACnD,IAAIK,cAAc,UAAU;QAC1B,qBAAO,KAAChB;YAAW,GAAGO,KAAK;;IAC7B;IAEA,MAAMsB,aAAa,OAAOhB,WAAW,YAAY,UAAUA,SAASA,OAAOiB,IAAI,GAAGjB;IAElF,MAAMkB,cAAc,OAAOvB,UAAU,WAAWA,QAAQ;QAAE,CAACqB,WAAW,EAAErB;IAAM;IAE9E,MAAMwB,aAAaD,WAAW,CAACF,WAAW,IAAIE,WAAW,CAAC,KAAK,IAAI;IAEnE,IAAIf,cAAc,kBAAkB,CAACF,eAAe;QAClD,qBACE,MAACmB;;8BACC,KAACA;8BAAKC,OAAOF;;8BACb,KAACC;oBACCE,OAAO;wBACLC,OAAO;oBACT;8BACD;;;;IAKP;IAEA,OAAO;AACT,EAAC"}
+{"version":3,"sources":["../../../src/collections/Forms/DynamicPriceSelector.tsx"],"sourcesContent":["'use client'\n\nimport type { Data, TextFieldProps } from 'payload'\n\nimport { TextField, useLocale, useWatchForm } from '@payloadcms/ui'\nimport React, { useEffect, useState } from 'react'\n\ntype FieldWithID = {\n  id: string\n  name: string\n}\n\nexport const DynamicPriceSelector: React.FC<TextFieldProps> = (props) => {\n  const { field } = props\n\n  const { fields, getData, getDataByPath } = useWatchForm()\n\n  const locale = useLocale()\n\n  const [isNumberField, setIsNumberField] = useState<boolean>()\n  const [valueType, setValueType] = useState<'static' | 'valueOfField'>()\n\n  // only number fields can use 'valueOfField`\n  useEffect(() => {\n    if (field?._path) {\n      const parentPath = field._path.split('.').slice(0, -1).join('.')\n      const paymentFieldData: any = getDataByPath(parentPath)\n\n      if (paymentFieldData) {\n        const { fieldToUse, valueType } = paymentFieldData\n\n        setValueType(valueType)\n\n        const { fields: allFields }: Data = getData()\n        const field = allFields.find((field: FieldWithID) => field.name === fieldToUse)\n\n        if (field) {\n          const { blockType } = field\n          setIsNumberField(blockType === 'number')\n        }\n      }\n    }\n  }, [fields, field._path, getDataByPath, getData])\n\n  // TODO: make this a number field, block by Payload\n  if (valueType === 'static') {\n    return <TextField {...props} />\n  }\n\n  const localeCode = typeof locale === 'object' && 'code' in locale ? locale.code : locale\n\n  const localLabels = typeof field.label === 'object' ? field.label : { [localeCode]: field.label }\n\n  const labelValue = localLabels[localeCode] || localLabels['en'] || ''\n\n  if (valueType === 'valueOfField' && !isNumberField) {\n    return (\n      <div>\n        <div>{String(labelValue)}</div>\n        <div\n          style={{\n            color: '#9A9A9A',\n          }}\n        >\n          The selected field must be a number field.\n        </div>\n      </div>\n    )\n  }\n\n  return null\n}\n"],"names":["TextField","useLocale","useWatchForm","React","useEffect","useState","DynamicPriceSelector","props","field","fields","getData","getDataByPath","locale","isNumberField","setIsNumberField","valueType","setValueType","_path","parentPath","split","slice","join","paymentFieldData","fieldToUse","allFields","find","name","blockType","localeCode","code","localLabels","label","labelValue","div","String","style","color"],"mappings":"AAAA;;AAIA,SAASA,SAAS,EAAEC,SAAS,EAAEC,YAAY,QAAQ,iBAAgB;AACnE,OAAOC,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAOlD,OAAO,MAAMC,uBAAiD,CAACC;IAC7D,MAAM,EAAEC,KAAK,EAAE,GAAGD;IAElB,MAAM,EAAEE,MAAM,EAAEC,OAAO,EAAEC,aAAa,EAAE,GAAGT;IAE3C,MAAMU,SAASX;IAEf,MAAM,CAACY,eAAeC,iBAAiB,GAAGT;IAC1C,MAAM,CAACU,WAAWC,aAAa,GAAGX;IAElC,4CAA4C;IAC5CD,UAAU;QACR,IAAII,OAAOS,OAAO;YAChB,MAAMC,aAAaV,MAAMS,KAAK,CAACE,KAAK,CAAC,KAAKC,KAAK,CAAC,GAAG,CAAC,GAAGC,IAAI,CAAC;YAC5D,MAAMC,mBAAwBX,cAAcO;YAE5C,IAAII,kBAAkB;gBACpB,MAAM,EAAEC,UAAU,EAAER,SAAS,EAAE,GAAGO;gBAElCN,aAAaD;gBAEb,MAAM,EAAEN,QAAQe,SAAS,EAAE,GAASd;gBACpC,MAAMF,QAAQgB,UAAUC,IAAI,CAAC,CAACjB,QAAuBA,MAAMkB,IAAI,KAAKH;gBAEpE,IAAIf,OAAO;oBACT,MAAM,EAAEmB,SAAS,EAAE,GAAGnB;oBACtBM,iBAAiBa,cAAc;gBACjC;YACF;QACF;IACF,GAAG;QAAClB;QAAQD,MAAMS,KAAK;QAAEN;QAAeD;KAAQ;IAEhD,mDAAmD;IACnD,IAAIK,cAAc,UAAU;QAC1B,qBAAO,KAACf;YAAW,GAAGO,KAAK;;IAC7B;IAEA,MAAMqB,aAAa,OAAOhB,WAAW,YAAY,UAAUA,SAASA,OAAOiB,IAAI,GAAGjB;IAElF,MAAMkB,cAAc,OAAOtB,MAAMuB,KAAK,KAAK,WAAWvB,MAAMuB,KAAK,GAAG;QAAE,CAACH,WAAW,EAAEpB,MAAMuB,KAAK;IAAC;IAEhG,MAAMC,aAAaF,WAAW,CAACF,WAAW,IAAIE,WAAW,CAAC,KAAK,IAAI;IAEnE,IAAIf,cAAc,kBAAkB,CAACF,eAAe;QAClD,qBACE,MAACoB;;8BACC,KAACA;8BAAKC,OAAOF;;8BACb,KAACC;oBACCE,OAAO;wBACLC,OAAO;oBACT;8BACD;;;;IAKP;IAEA,OAAO;AACT,EAAC"}

package/dist/collections/Forms/fields.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fields.d.ts","sourceRoot":"","sources":["../../../src/collections/Forms/fields.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAS,MAAM,SAAS,CAAA;AAE3C,OAAO,KAAK,EAAE,WAAW,EAAsB,MAAM,gBAAgB,CAAA;AA6jBrE,eAAO,MAAM,MAAM,EAWd;IACH,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,CAAC,WAAW,CAAC,EAAE,WAAW,GAAG,OAAO,KAAK,KAAK,CAAC,GAAG,KAAK,CAAA;CACxE,CAAA"}
+{"version":3,"file":"fields.d.ts","sourceRoot":"","sources":["../../../src/collections/Forms/fields.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAS,MAAM,SAAS,CAAA;AAE3C,OAAO,KAAK,EAAE,WAAW,EAAsB,MAAM,gBAAgB,CAAA;AAyjBrE,eAAO,MAAM,MAAM,EAWd;IACH,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,CAAC,WAAW,CAAC,EAAE,WAAW,GAAG,OAAO,KAAK,KAAK,CAAC,GAAG,KAAK,CAAA;CACxE,CAAA"}

package/dist/collections/Forms/fields.js

@@ -1,5 +1,3 @@
-import { DynamicFieldSelector } from './DynamicFieldSelector.js';
-import { DynamicPriceSelector } from './DynamicPriceSelector.js';
 const name = {
     name: 'name',
     type: 'text',
@@ -436,7 +434,7 @@ const Payment = (fieldConfig)=>{
                         type: 'text',
                         admin: {
                             components: {
-                                Field: DynamicFieldSelector
+                                Field: '@payloadcms/plugin-form-builder/client#DynamicFieldSelector'
                             }
                         }
                     },
@@ -515,7 +513,7 @@ const Payment = (fieldConfig)=>{
                         type: 'text',
                         admin: {
                             components: {
-                                Field: DynamicPriceSelector
+                                Field: '@payloadcms/plugin-form-builder/client#DynamicPriceSelector'
                             }
                         },
                         label: 'Value'

package/dist/collections/Forms/fields.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/collections/Forms/fields.ts"],"sourcesContent":["import type { Block, Field } from 'payload'\n\nimport type { FieldConfig, PaymentFieldConfig } from '../../types.js'\n\nimport { DynamicFieldSelector } from './DynamicFieldSelector.js'\nimport { DynamicPriceSelector } from './DynamicPriceSelector.js'\n\nconst name: Field = {\n  name: 'name',\n  type: 'text',\n  label: 'Name (lowercase, no special characters)',\n  required: true,\n}\n\nconst label: Field = {\n  name: 'label',\n  type: 'text',\n  label: 'Label',\n  localized: true,\n}\n\nconst required: Field = {\n  name: 'required',\n  type: 'checkbox',\n  label: 'Required',\n}\n\nconst width: Field = {\n  name: 'width',\n  type: 'number',\n  label: 'Field Width (percentage)',\n}\n\nconst Select: Block = {\n  slug: 'select',\n  fields: [\n    {\n      type: 'row',\n      fields: [\n        {\n          ...name,\n          admin: {\n            width: '50%',\n          },\n        },\n        {\n          ...label,\n          admin: {\n            width: '50%',\n          },\n        },\n      ],\n    },\n    {\n      type: 'row',\n      fields: [\n        {\n          ...width,\n          admin: {\n            width: '50%',\n          },\n        },\n        {\n          name: 'defaultValue',\n          type: 'text',\n          admin: {\n            width: '50%',\n          },\n          label: 'Default Value',\n          localized: true,\n        },\n      ],\n    },\n    {\n      name: 'options',\n      type: 'array',\n      fields: [\n        {\n          type: 'row',\n          fields: [\n            {\n              name: 'label',\n              type: 'text',\n              admin: {\n                width: '50%',\n              },\n              label: 'Label',\n              localized: true,\n              required: true,\n            },\n            {\n              name: 'value',\n              type: 'text',\n              admin: {\n                width: '50%',\n              },\n              label: 'Value',\n              required: true,\n            },\n          ],\n        },\n      ],\n      label: 'Select Attribute Options',\n      labels: {\n        plural: 'Options',\n        singular: 'Option',\n      },\n    },\n    required,\n  ],\n  labels: {\n    plural: 'Select Fields',\n    singular: 'Select',\n  },\n}\n\nconst Text: Block = {\n  slug: 'text',\n  fields: [\n    {\n      type: 'row',\n      fields: [\n        {\n          ...name,\n          admin: {\n            width: '50%',\n          },\n        },\n        {\n          ...label,\n          admin: {\n            width: '50%',\n          },\n        },\n      ],\n    },\n    {\n      type: 'row',\n      fields: [\n        {\n          ...width,\n          admin: {\n            width: '50%',\n          },\n        },\n        {\n          name: 'defaultValue',\n          type: 'text',\n          admin: {\n            width: '50%',\n          },\n          label: 'Default Value',\n          localized: true,\n        },\n      ],\n    },\n    required,\n  ],\n  labels: {\n    plural: 'Text Fields',\n    singular: 'Text',\n  },\n}\n\nconst TextArea: Block = {\n  slug: 'textarea',\n  fields: [\n    {\n      type: 'row',\n      fields: [\n        {\n          ...name,\n          admin: {\n            width: '50%',\n          },\n        },\n        {\n          ...label,\n          admin: {\n            width: '50%',\n          },\n        },\n      ],\n    },\n    {\n      type: 'row',\n      fields: [\n        {\n          ...width,\n          admin: {\n            width: '50%',\n          },\n        },\n        {\n          name: 'defaultValue',\n          type: 'text',\n          admin: {\n            width: '50%',\n          },\n          label: 'Default Value',\n          localized: true,\n        },\n      ],\n    },\n    required,\n  ],\n  labels: {\n    plural: 'Text Area Fields',\n    singular: 'Text Area',\n  },\n}\n\nconst Number: Block = {\n  slug: 'number',\n  fields: [\n    {\n      type: 'row',\n      fields: [\n        {\n          ...name,\n          admin: {\n            width: '50%',\n          },\n        },\n        {\n          ...label,\n          admin: {\n            width: '50%',\n          },\n        },\n      ],\n    },\n    {\n      type: 'row',\n      fields: [\n        {\n          ...width,\n          admin: {\n            width: '50%',\n          },\n        },\n        {\n          name: 'defaultValue',\n          type: 'number',\n          admin: {\n            width: '50%',\n          },\n          label: 'Default Value',\n        },\n      ],\n    },\n    required,\n  ],\n  labels: {\n    plural: 'Number Fields',\n    singular: 'Number',\n  },\n}\n\nconst Email: Block = {\n  slug: 'email',\n  fields: [\n    {\n      type: 'row',\n      fields: [\n        {\n          ...name,\n          admin: {\n            width: '50%',\n          },\n        },\n        {\n          ...label,\n          admin: {\n            width: '50%',\n          },\n        },\n      ],\n    },\n    width,\n    required,\n  ],\n  labels: {\n    plural: 'Email Fields',\n    singular: 'Email',\n  },\n}\n\nconst State: Block = {\n  slug: 'state',\n  fields: [\n    {\n      type: 'row',\n      fields: [\n        {\n          ...name,\n          admin: {\n            width: '50%',\n          },\n        },\n        {\n          ...label,\n          admin: {\n            width: '50%',\n          },\n        },\n      ],\n    },\n    width,\n    required,\n  ],\n  labels: {\n    plural: 'State Fields',\n    singular: 'State',\n  },\n}\n\nconst Country: Block = {\n  slug: 'country',\n  fields: [\n    {\n      type: 'row',\n      fields: [\n        {\n          ...name,\n          admin: {\n            width: '50%',\n          },\n        },\n        {\n          ...label,\n          admin: {\n            width: '50%',\n          },\n        },\n      ],\n    },\n    width,\n    required,\n  ],\n  labels: {\n    plural: 'Country Fields',\n    singular: 'Country',\n  },\n}\n\nconst Checkbox: Block = {\n  slug: 'checkbox',\n  fields: [\n    {\n      type: 'row',\n      fields: [\n        {\n          ...name,\n          admin: {\n            width: '50%',\n          },\n        },\n        {\n          ...label,\n          admin: {\n            width: '50%',\n          },\n        },\n      ],\n    },\n    {\n      type: 'row',\n      fields: [\n        {\n          ...width,\n          admin: {\n            width: '50%',\n          },\n        },\n        {\n          ...required,\n          admin: {\n            width: '50%',\n          },\n        },\n      ],\n    },\n    {\n      name: 'defaultValue',\n      type: 'checkbox',\n      label: 'Default Value',\n    },\n  ],\n  labels: {\n    plural: 'Checkbox Fields',\n    singular: 'Checkbox',\n  },\n}\n\nconst Payment = (fieldConfig: PaymentFieldConfig): Block => {\n  let paymentProcessorField = null\n  if (fieldConfig?.paymentProcessor) {\n    paymentProcessorField = {\n      name: 'paymentProcessor',\n      type: 'select',\n      label: 'Payment Processor',\n      options: [],\n      ...fieldConfig.paymentProcessor,\n    }\n  }\n\n  const fields = {\n    slug: 'payment',\n    fields: [\n      {\n        type: 'row',\n        fields: [\n          {\n            ...name,\n            admin: {\n              width: '50%',\n            },\n          },\n          {\n            ...label,\n            admin: {\n              width: '50%',\n            },\n          },\n        ],\n      },\n      {\n        type: 'row',\n        fields: [\n          {\n            ...width,\n            admin: {\n              width: '50%',\n            },\n          },\n          {\n            name: 'basePrice',\n            type: 'number',\n            admin: {\n              width: '50%',\n            },\n            label: 'Base Price',\n          },\n        ],\n      },\n      paymentProcessorField,\n      {\n        name: 'priceConditions',\n        type: 'array',\n        fields: [\n          {\n            name: 'fieldToUse',\n            type: 'text',\n            admin: {\n              components: {\n                Field: DynamicFieldSelector,\n              },\n            },\n          },\n          {\n            name: 'condition',\n            type: 'select',\n            defaultValue: 'hasValue',\n            label: 'Condition',\n            options: [\n              {\n                label: 'Has Any Value',\n                value: 'hasValue',\n              },\n              {\n                label: 'Equals',\n                value: 'equals',\n              },\n              {\n                label: 'Does Not Equal',\n                value: 'notEquals',\n              },\n            ],\n          },\n          {\n            name: 'valueForCondition',\n            type: 'text',\n            admin: {\n              condition: (_: any, { condition }: any) =>\n                condition === 'equals' || condition === 'notEquals',\n            },\n            label: 'Value',\n          },\n          {\n            name: 'operator',\n            type: 'select',\n            defaultValue: 'add',\n            options: [\n              {\n                label: 'Add',\n                value: 'add',\n              },\n              {\n                label: 'Subtract',\n                value: 'subtract',\n              },\n              {\n                label: 'Multiply',\n                value: 'multiply',\n              },\n              {\n                label: 'Divide',\n                value: 'divide',\n              },\n            ],\n          },\n          {\n            name: 'valueType',\n            type: 'radio',\n            admin: {\n              width: '100%',\n            },\n            defaultValue: 'static',\n            label: 'Value Type',\n            options: [\n              {\n                label: 'Static Value',\n                value: 'static',\n              },\n              {\n                label: 'Value Of Field',\n                value: 'valueOfField',\n              },\n            ],\n          },\n          {\n            name: 'valueForOperator',\n            type: 'text',\n            admin: {\n              components: {\n                Field: DynamicPriceSelector,\n              },\n            },\n            label: 'Value',\n          },\n        ],\n        label: 'Price Conditions',\n        labels: {\n          plural: 'Price Conditions',\n          singular: 'Price Condition',\n        },\n      },\n      required,\n    ].filter(Boolean) as Field[],\n    labels: {\n      plural: 'Payment Fields',\n      singular: 'Payment',\n    },\n  }\n\n  return fields\n}\n\nconst Message: Block = {\n  slug: 'message',\n  fields: [\n    {\n      name: 'message',\n      type: 'richText',\n      localized: true,\n    },\n  ],\n  labels: {\n    plural: 'Message Blocks',\n    singular: 'Message',\n  },\n}\n\n \nexport const fields = {\n  checkbox: Checkbox,\n  country: Country,\n  email: Email,\n  message: Message,\n  number: Number,\n  payment: Payment,\n  select: Select,\n  state: State,\n  text: Text,\n  textarea: TextArea,\n} as {\n  [key: string]: ((fieldConfig?: FieldConfig | boolean) => Block) | Block\n}\n"],"names":["DynamicFieldSelector","DynamicPriceSelector","name","type","label","required","localized","width","Select","slug","fields","admin","labels","plural","singular","Text","TextArea","Number","Email","State","Country","Checkbox","Payment","fieldConfig","paymentProcessorField","paymentProcessor","options","components","Field","defaultValue","value","condition","_","filter","Boolean","Message","checkbox","country","email","message","number","payment","select","state","text","textarea"],"mappings":"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"}
+{"version":3,"sources":["../../../src/collections/Forms/fields.ts"],"sourcesContent":["import type { Block, Field } from 'payload'\n\nimport type { FieldConfig, PaymentFieldConfig } from '../../types.js'\n\nconst name: Field = {\n  name: 'name',\n  type: 'text',\n  label: 'Name (lowercase, no special characters)',\n  required: true,\n}\n\nconst label: Field = {\n  name: 'label',\n  type: 'text',\n  label: 'Label',\n  localized: true,\n}\n\nconst required: Field = {\n  name: 'required',\n  type: 'checkbox',\n  label: 'Required',\n}\n\nconst width: Field = {\n  name: 'width',\n  type: 'number',\n  label: 'Field Width (percentage)',\n}\n\nconst Select: Block = {\n  slug: 'select',\n  fields: [\n    {\n      type: 'row',\n      fields: [\n        {\n          ...name,\n          admin: {\n            width: '50%',\n          },\n        },\n        {\n          ...label,\n          admin: {\n            width: '50%',\n          },\n        },\n      ],\n    },\n    {\n      type: 'row',\n      fields: [\n        {\n          ...width,\n          admin: {\n            width: '50%',\n          },\n        },\n        {\n          name: 'defaultValue',\n          type: 'text',\n          admin: {\n            width: '50%',\n          },\n          label: 'Default Value',\n          localized: true,\n        },\n      ],\n    },\n    {\n      name: 'options',\n      type: 'array',\n      fields: [\n        {\n          type: 'row',\n          fields: [\n            {\n              name: 'label',\n              type: 'text',\n              admin: {\n                width: '50%',\n              },\n              label: 'Label',\n              localized: true,\n              required: true,\n            },\n            {\n              name: 'value',\n              type: 'text',\n              admin: {\n                width: '50%',\n              },\n              label: 'Value',\n              required: true,\n            },\n          ],\n        },\n      ],\n      label: 'Select Attribute Options',\n      labels: {\n        plural: 'Options',\n        singular: 'Option',\n      },\n    },\n    required,\n  ],\n  labels: {\n    plural: 'Select Fields',\n    singular: 'Select',\n  },\n}\n\nconst Text: Block = {\n  slug: 'text',\n  fields: [\n    {\n      type: 'row',\n      fields: [\n        {\n          ...name,\n          admin: {\n            width: '50%',\n          },\n        },\n        {\n          ...label,\n          admin: {\n            width: '50%',\n          },\n        },\n      ],\n    },\n    {\n      type: 'row',\n      fields: [\n        {\n          ...width,\n          admin: {\n            width: '50%',\n          },\n        },\n        {\n          name: 'defaultValue',\n          type: 'text',\n          admin: {\n            width: '50%',\n          },\n          label: 'Default Value',\n          localized: true,\n        },\n      ],\n    },\n    required,\n  ],\n  labels: {\n    plural: 'Text Fields',\n    singular: 'Text',\n  },\n}\n\nconst TextArea: Block = {\n  slug: 'textarea',\n  fields: [\n    {\n      type: 'row',\n      fields: [\n        {\n          ...name,\n          admin: {\n            width: '50%',\n          },\n        },\n        {\n          ...label,\n          admin: {\n            width: '50%',\n          },\n        },\n      ],\n    },\n    {\n      type: 'row',\n      fields: [\n        {\n          ...width,\n          admin: {\n            width: '50%',\n          },\n        },\n        {\n          name: 'defaultValue',\n          type: 'text',\n          admin: {\n            width: '50%',\n          },\n          label: 'Default Value',\n          localized: true,\n        },\n      ],\n    },\n    required,\n  ],\n  labels: {\n    plural: 'Text Area Fields',\n    singular: 'Text Area',\n  },\n}\n\nconst Number: Block = {\n  slug: 'number',\n  fields: [\n    {\n      type: 'row',\n      fields: [\n        {\n          ...name,\n          admin: {\n            width: '50%',\n          },\n        },\n        {\n          ...label,\n          admin: {\n            width: '50%',\n          },\n        },\n      ],\n    },\n    {\n      type: 'row',\n      fields: [\n        {\n          ...width,\n          admin: {\n            width: '50%',\n          },\n        },\n        {\n          name: 'defaultValue',\n          type: 'number',\n          admin: {\n            width: '50%',\n          },\n          label: 'Default Value',\n        },\n      ],\n    },\n    required,\n  ],\n  labels: {\n    plural: 'Number Fields',\n    singular: 'Number',\n  },\n}\n\nconst Email: Block = {\n  slug: 'email',\n  fields: [\n    {\n      type: 'row',\n      fields: [\n        {\n          ...name,\n          admin: {\n            width: '50%',\n          },\n        },\n        {\n          ...label,\n          admin: {\n            width: '50%',\n          },\n        },\n      ],\n    },\n    width,\n    required,\n  ],\n  labels: {\n    plural: 'Email Fields',\n    singular: 'Email',\n  },\n}\n\nconst State: Block = {\n  slug: 'state',\n  fields: [\n    {\n      type: 'row',\n      fields: [\n        {\n          ...name,\n          admin: {\n            width: '50%',\n          },\n        },\n        {\n          ...label,\n          admin: {\n            width: '50%',\n          },\n        },\n      ],\n    },\n    width,\n    required,\n  ],\n  labels: {\n    plural: 'State Fields',\n    singular: 'State',\n  },\n}\n\nconst Country: Block = {\n  slug: 'country',\n  fields: [\n    {\n      type: 'row',\n      fields: [\n        {\n          ...name,\n          admin: {\n            width: '50%',\n          },\n        },\n        {\n          ...label,\n          admin: {\n            width: '50%',\n          },\n        },\n      ],\n    },\n    width,\n    required,\n  ],\n  labels: {\n    plural: 'Country Fields',\n    singular: 'Country',\n  },\n}\n\nconst Checkbox: Block = {\n  slug: 'checkbox',\n  fields: [\n    {\n      type: 'row',\n      fields: [\n        {\n          ...name,\n          admin: {\n            width: '50%',\n          },\n        },\n        {\n          ...label,\n          admin: {\n            width: '50%',\n          },\n        },\n      ],\n    },\n    {\n      type: 'row',\n      fields: [\n        {\n          ...width,\n          admin: {\n            width: '50%',\n          },\n        },\n        {\n          ...required,\n          admin: {\n            width: '50%',\n          },\n        },\n      ],\n    },\n    {\n      name: 'defaultValue',\n      type: 'checkbox',\n      label: 'Default Value',\n    },\n  ],\n  labels: {\n    plural: 'Checkbox Fields',\n    singular: 'Checkbox',\n  },\n}\n\nconst Payment = (fieldConfig: PaymentFieldConfig): Block => {\n  let paymentProcessorField = null\n  if (fieldConfig?.paymentProcessor) {\n    paymentProcessorField = {\n      name: 'paymentProcessor',\n      type: 'select',\n      label: 'Payment Processor',\n      options: [],\n      ...fieldConfig.paymentProcessor,\n    }\n  }\n\n  const fields = {\n    slug: 'payment',\n    fields: [\n      {\n        type: 'row',\n        fields: [\n          {\n            ...name,\n            admin: {\n              width: '50%',\n            },\n          },\n          {\n            ...label,\n            admin: {\n              width: '50%',\n            },\n          },\n        ],\n      },\n      {\n        type: 'row',\n        fields: [\n          {\n            ...width,\n            admin: {\n              width: '50%',\n            },\n          },\n          {\n            name: 'basePrice',\n            type: 'number',\n            admin: {\n              width: '50%',\n            },\n            label: 'Base Price',\n          },\n        ],\n      },\n      paymentProcessorField,\n      {\n        name: 'priceConditions',\n        type: 'array',\n        fields: [\n          {\n            name: 'fieldToUse',\n            type: 'text',\n            admin: {\n              components: {\n                Field: '@payloadcms/plugin-form-builder/client#DynamicFieldSelector',\n              },\n            },\n          },\n          {\n            name: 'condition',\n            type: 'select',\n            defaultValue: 'hasValue',\n            label: 'Condition',\n            options: [\n              {\n                label: 'Has Any Value',\n                value: 'hasValue',\n              },\n              {\n                label: 'Equals',\n                value: 'equals',\n              },\n              {\n                label: 'Does Not Equal',\n                value: 'notEquals',\n              },\n            ],\n          },\n          {\n            name: 'valueForCondition',\n            type: 'text',\n            admin: {\n              condition: (_: any, { condition }: any) =>\n                condition === 'equals' || condition === 'notEquals',\n            },\n            label: 'Value',\n          },\n          {\n            name: 'operator',\n            type: 'select',\n            defaultValue: 'add',\n            options: [\n              {\n                label: 'Add',\n                value: 'add',\n              },\n              {\n                label: 'Subtract',\n                value: 'subtract',\n              },\n              {\n                label: 'Multiply',\n                value: 'multiply',\n              },\n              {\n                label: 'Divide',\n                value: 'divide',\n              },\n            ],\n          },\n          {\n            name: 'valueType',\n            type: 'radio',\n            admin: {\n              width: '100%',\n            },\n            defaultValue: 'static',\n            label: 'Value Type',\n            options: [\n              {\n                label: 'Static Value',\n                value: 'static',\n              },\n              {\n                label: 'Value Of Field',\n                value: 'valueOfField',\n              },\n            ],\n          },\n          {\n            name: 'valueForOperator',\n            type: 'text',\n            admin: {\n              components: {\n                Field: '@payloadcms/plugin-form-builder/client#DynamicPriceSelector',\n              },\n            },\n            label: 'Value',\n          },\n        ],\n        label: 'Price Conditions',\n        labels: {\n          plural: 'Price Conditions',\n          singular: 'Price Condition',\n        },\n      },\n      required,\n    ].filter(Boolean) as Field[],\n    labels: {\n      plural: 'Payment Fields',\n      singular: 'Payment',\n    },\n  }\n\n  return fields\n}\n\nconst Message: Block = {\n  slug: 'message',\n  fields: [\n    {\n      name: 'message',\n      type: 'richText',\n      localized: true,\n    },\n  ],\n  labels: {\n    plural: 'Message Blocks',\n    singular: 'Message',\n  },\n}\n\nexport const fields = {\n  checkbox: Checkbox,\n  country: Country,\n  email: Email,\n  message: Message,\n  number: Number,\n  payment: Payment,\n  select: Select,\n  state: State,\n  text: Text,\n  textarea: TextArea,\n} as {\n  [key: string]: ((fieldConfig?: FieldConfig | boolean) => Block) | Block\n}\n"],"names":["name","type","label","required","localized","width","Select","slug","fields","admin","labels","plural","singular","Text","TextArea","Number","Email","State","Country","Checkbox","Payment","fieldConfig","paymentProcessorField","paymentProcessor","options","components","Field","defaultValue","value","condition","_","filter","Boolean","Message","checkbox","country","email","message","number","payment","select","state","text","textarea"],"mappings":"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"}

package/dist/exports/client.d.ts

@@ -0,0 +1,3 @@
+export { DynamicFieldSelector } from '../collections/Forms/DynamicFieldSelector.js';
+export { DynamicPriceSelector } from '../collections/Forms/DynamicPriceSelector.js';
+//# sourceMappingURL=client.d.ts.map

package/dist/exports/client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/exports/client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,8CAA8C,CAAA;AACnF,OAAO,EAAE,oBAAoB,EAAE,MAAM,8CAA8C,CAAA"}

package/dist/exports/client.js

@@ -0,0 +1,4 @@
+export { DynamicFieldSelector } from '../collections/Forms/DynamicFieldSelector.js';
+export { DynamicPriceSelector } from '../collections/Forms/DynamicPriceSelector.js';
+
+//# sourceMappingURL=client.js.map

package/dist/exports/client.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/exports/client.ts"],"sourcesContent":["export { DynamicFieldSelector } from '../collections/Forms/DynamicFieldSelector.js'\nexport { DynamicPriceSelector } from '../collections/Forms/DynamicPriceSelector.js'\n"],"names":["DynamicFieldSelector","DynamicPriceSelector"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ,+CAA8C;AACnF,SAASC,oBAAoB,QAAQ,+CAA8C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/plugin-form-builder",
-  "version": "3.0.0-beta.78",
+  "version": "3.0.0-beta.80",
   "description": "Form builder plugin for Payload CMS",
   "keywords": [
     "payload",
@@ -31,6 +31,11 @@
       "import": "./dist/exports/types.js",
       "types": "./dist/exports/types.d.ts",
       "default": "./dist/exports/types.js"
+    },
+    "./client": {
+      "import": "./dist/exports/client.js",
+      "types": "./dist/exports/client.d.ts",
+      "default": "./dist/exports/client.js"
     }
   },
   "main": "./dist/index.js",
@@ -40,7 +45,7 @@
   ],
   "dependencies": {
     "escape-html": "^1.0.3",
-    "@payloadcms/ui": "3.0.0-beta.78"
+    "@payloadcms/ui": "3.0.0-beta.80"
   },
   "devDependencies": {
     "@types/escape-html": "^1.0.4",
@@ -49,13 +54,13 @@
     "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0",
     "copyfiles": "^2.4.1",
     "cross-env": "^7.0.3",
-    "@payloadcms/eslint-config": "3.0.0-beta.59",
-    "payload": "3.0.0-beta.78"
+    "payload": "3.0.0-beta.80",
+    "@payloadcms/eslint-config": "3.0.0-beta.59"
   },
   "peerDependencies": {
     "react": "^19.0.0 || ^19.0.0-rc-06d0b89e-20240801",
     "react-dom": "^19.0.0 || ^19.0.0-rc-06d0b89e-20240801",
-    "payload": "3.0.0-beta.78"
+    "payload": "3.0.0-beta.80"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"