@brilo/base-blocks 0.1.38 → 0.1.40

package/build/blocks/form/form-field/constants.d.ts

@@ -1,4 +1,4 @@
-export declare const FIELD_TYPE_VALUES: readonly ['text', 'textarea', 'select', 'hidden'];
+export declare const FIELD_TYPE_VALUES: readonly ['text', 'textarea', 'select', 'hidden', 'file'];
 export declare const FIELD_TYPES: readonly [{
     readonly value: "text";
     readonly label: import("@wordpress/i18n").TransformedText<"Text">;
@@ -11,6 +11,9 @@ export declare const FIELD_TYPES: readonly [{
 }, {
     readonly value: "hidden";
     readonly label: import("@wordpress/i18n").TransformedText<"Hidden">;
+}, {
+    readonly value: "file";
+    readonly label: import("@wordpress/i18n").TransformedText<"Soubor">;
 }];
 export declare const FIELD_TEXT_TYPE_VALUES: readonly ['text', 'tel', 'email', 'number', 'date', 'time'];
 export declare const FIELD_TEXT_TYPES: ({
@@ -45,4 +48,33 @@ export declare const FIELD_SELECT_MODES: readonly [{
     readonly value: "email";
     readonly label: import("@wordpress/i18n").TransformedText<"Výběr s routováním e-mailu">;
 }];
+export declare const FILE_EXTENSION_PRESETS: readonly [{
+    readonly value: 'jpg,jpeg,png,webp';
+    readonly label: import("@wordpress/i18n").TransformedText<"Obrázky">;
+}, {
+    readonly value: 'pdf';
+    readonly label: import("@wordpress/i18n").TransformedText<"PDF">;
+}, {
+    readonly value: 'doc,docx';
+    readonly label: import("@wordpress/i18n").TransformedText<"Word">;
+}, {
+    readonly value: 'xls,xlsx';
+    readonly label: import("@wordpress/i18n").TransformedText<"Excel">;
+}];
+export declare const FILE_BUTTON_VARIANT_VALUES: readonly ['primary', 'secondary', 'neutral', 'ghost'];
+export declare const FILE_BUTTON_VARIANTS: readonly [{
+    readonly value: "primary";
+    readonly label: import("@wordpress/i18n").TransformedText<"Primary">;
+}, {
+    readonly value: "secondary";
+    readonly label: import("@wordpress/i18n").TransformedText<"Secondary">;
+}, {
+    readonly value: "neutral";
+    readonly label: import("@wordpress/i18n").TransformedText<"Neutral">;
+}, {
+    readonly value: "ghost";
+    readonly label: import("@wordpress/i18n").TransformedText<"Ghost">;
+}];
+export declare const FIELD_FILE_BUTTON_VARIANT_DEFAULT = "secondary";
+export declare const FIELD_FILE_BUTTON_LABEL_DEFAULT: import("@wordpress/i18n").TransformedText<"Nahrát soubor">;
 //# sourceMappingURL=constants.d.ts.map

package/build/blocks/form/form-field/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/form/form-field/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,YAAI,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,CAAU,CAAA;AAElF,eAAO,MAAM,WAAW;aACrB,KAAK;aAAwB,KAAK;;aAClC,KAAK;aAAwB,KAAK;;aAClC,KAAK;aAAwB,KAAK;;aAClC,KAAK;aAAwB,KAAK;EAC3B,CAAA;AAEV,eAAO,MAAM,sBAAsB,YAAI,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAU,CAAA;AACjG,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;IAO5B,CAAA;AAED,eAAO,MAAM,mBAAmB;aAAI,GAAG,EAAE,CAAC;aAAE,GAAG,EAAE,EAAE;CAAU,CAAA;AAE7D,eAAO,MAAM,qBAAqB,IAAI,CAAA;AAEtC,eAAO,MAAM,wBAAwB,YAAI,SAAS,EAAE,OAAO,CAAU,CAAA;AAErE,eAAO,MAAM,kBAAkB;aAC5B,KAAK;aAA+B,KAAK;;aACzC,KAAK;aAA+B,KAAK;EAClC,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/form/form-field/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,YAAI,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,CAAU,CAAA;AAE1F,eAAO,MAAM,WAAW;aACrB,KAAK;aAAwB,KAAK;;aAClC,KAAK;aAAwB,KAAK;;aAClC,KAAK;aAAwB,KAAK;;aAClC,KAAK;aAAwB,KAAK;;aAClC,KAAK;aAAwB,KAAK;EAC3B,CAAA;AAEV,eAAO,MAAM,sBAAsB,YAAI,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAU,CAAA;AACjG,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;IAO5B,CAAA;AAED,eAAO,MAAM,mBAAmB;aAAI,GAAG,EAAE,CAAC;aAAE,GAAG,EAAE,EAAE;CAAU,CAAA;AAE7D,eAAO,MAAM,qBAAqB,IAAI,CAAA;AAEtC,eAAO,MAAM,wBAAwB,YAAI,SAAS,EAAE,OAAO,CAAU,CAAA;AAErE,eAAO,MAAM,kBAAkB;aAC5B,KAAK;aAA+B,KAAK;;aACzC,KAAK;aAA+B,KAAK;EAClC,CAAA;AAEV,eAAO,MAAM,sBAAsB;aAChC,KAAK,EAAE,mBAAmB;aAAE,KAAK;;aACjC,KAAK,EAAE,KAAK;aAAE,KAAK;;aACnB,KAAK,EAAE,UAAU;aAAE,KAAK;;aACxB,KAAK,EAAE,UAAU;aAAE,KAAK;EACjB,CAAA;AAEV,eAAO,MAAM,0BAA0B,YAAI,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,CAAU,CAAA;AAE/F,eAAO,MAAM,oBAAoB;aAC9B,KAAK;aAAiC,KAAK;;aAC3C,KAAK;aAAiC,KAAK;;aAC3C,KAAK;aAAiC,KAAK;;aAC3C,KAAK;aAAiC,KAAK;EACpC,CAAA;AAEV,eAAO,MAAM,iCAAiC,cAAc,CAAA;AAE5D,eAAO,MAAM,+BAA+B,4DAAsC,CAAA"}

package/build/blocks/form/form-field/constants.js

@@ -1,10 +1,11 @@
 import { __ } from '@wordpress/i18n';
-export const FIELD_TYPE_VALUES = ['text', 'textarea', 'select', 'hidden'];
+export const FIELD_TYPE_VALUES = ['text', 'textarea', 'select', 'hidden', 'file'];
 export const FIELD_TYPES = [
     { value: FIELD_TYPE_VALUES[0], label: __('Text', 'brilo-blocks') },
     { value: FIELD_TYPE_VALUES[1], label: __('Textarea', 'brilo-blocks') },
     { value: FIELD_TYPE_VALUES[2], label: __('Select', 'brilo-blocks') },
     { value: FIELD_TYPE_VALUES[3], label: __('Hidden', 'brilo-blocks') },
+    { value: FIELD_TYPE_VALUES[4], label: __('Soubor', 'brilo-blocks') },
 ];
 export const FIELD_TEXT_TYPE_VALUES = ['text', 'tel', 'email', 'number', 'date', 'time'];
 export const FIELD_TEXT_TYPES = [
@@ -22,3 +23,18 @@ export const FIELD_SELECT_MODES = [
     { value: FIELD_SELECT_MODE_VALUES[0], label: __('Klasický', 'brilo-blocks') },
     { value: FIELD_SELECT_MODE_VALUES[1], label: __('Výběr s routováním e-mailu', 'brilo-blocks') },
 ];
+export const FILE_EXTENSION_PRESETS = [
+    { value: 'jpg,jpeg,png,webp', label: __('Obrázky', 'brilo-blocks') },
+    { value: 'pdf', label: __('PDF', 'brilo-blocks') },
+    { value: 'doc,docx', label: __('Word', 'brilo-blocks') },
+    { value: 'xls,xlsx', label: __('Excel', 'brilo-blocks') },
+];
+export const FILE_BUTTON_VARIANT_VALUES = ['primary', 'secondary', 'neutral', 'ghost'];
+export const FILE_BUTTON_VARIANTS = [
+    { value: FILE_BUTTON_VARIANT_VALUES[0], label: __('Primary', 'brilo-blocks') },
+    { value: FILE_BUTTON_VARIANT_VALUES[1], label: __('Secondary', 'brilo-blocks') },
+    { value: FILE_BUTTON_VARIANT_VALUES[2], label: __('Neutral', 'brilo-blocks') },
+    { value: FILE_BUTTON_VARIANT_VALUES[3], label: __('Ghost', 'brilo-blocks') },
+];
+export const FIELD_FILE_BUTTON_VARIANT_DEFAULT = 'secondary';
+export const FIELD_FILE_BUTTON_LABEL_DEFAULT = __('Nahrát soubor', 'brilo-blocks');

package/build/blocks/form/form-field/edit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/form/form-field/edit.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAC,mBAAmB,EAAE,gBAAgB,EAAwD,MAAM,SAAS,CAAA;AAepH,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,gBAAgB,oCAIzD;IACD,UAAU,EAAE,mBAAmB,CAAA;IAC/B,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;CACzD,iCAwLF"}
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/form/form-field/edit.tsx"],"names":[],"mappings":"AAgBA,OAAO,EACL,mBAAmB,EAEnB,gBAAgB,EAIjB,MAAM,SAAS,CAAA;AAehB,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,gBAAgB,oCAIzD;IACD,UAAU,EAAE,mBAAmB,CAAA;IAC/B,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;CACzD,iCAqQF"}

package/build/blocks/form/form-field/edit.js

@@ -1,10 +1,10 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { InspectorControls, useBlockProps } from '@wordpress/block-editor';
-import { Button, Modal, PanelBody, RangeControl, SelectControl, TextControl, ToggleControl } from '@wordpress/components';
+import { CheckboxControl, Button, Modal, PanelBody, RangeControl, SelectControl, TextControl, ToggleControl } from '@wordpress/components';
 import { __, sprintf } from '@wordpress/i18n';
 import clsx from 'clsx';
 import { useState } from 'react';
-import { FIELD_COLUMNS_DEFAULT, FIELD_COLUMNS_RANGE, FIELD_SELECT_MODES, FIELD_TEXT_TYPES, FIELD_TYPES } from './constants';
+import { FIELD_COLUMNS_DEFAULT, FIELD_COLUMNS_RANGE, FIELD_SELECT_MODES, FIELD_TEXT_TYPES, FIELD_TYPES, FILE_BUTTON_VARIANTS, FILE_EXTENSION_PRESETS, } from './constants';
 import { normalizeOptions, serializeOptions } from './normalizeOptions';
 import { SelectOptionsRepeater } from './SelectOptionsRepeater';
 const { min: MIN_COLUMNS, max: MAX_COLUMNS } = FIELD_COLUMNS_RANGE;
@@ -20,7 +20,7 @@ function sanitizeHtmlName(raw) {
 }
 export function createFormFieldEdit(_options) {
     return function Edit({ attributes, setAttributes, }) {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
         const currentColumns = Math.max(MIN_COLUMNS, Math.min(MAX_COLUMNS, attributes.columns || MIN_COLUMNS));
         const blockProps = useBlockProps({
             className: clsx('i-form-field', `--type-${attributes.type}`, `--cols-${currentColumns}`, attributes.required && '--required'),
@@ -37,6 +37,14 @@ export function createFormFieldEdit(_options) {
             { label: __('Žádná', 'brilo-blocks'), value: '' },
             ...optionRows.map((row) => ({ label: row.label, value: row.label })),
         ];
-        return (_jsxs(_Fragment, { children: [_jsx(InspectorControls, { children: _jsxs(PanelBody, { title: __('Pole formuláře', 'brilo-blocks'), children: [_jsx(SelectControl, { label: __('Typ inputu', 'brilo-blocks'), value: attributes.type, options: FIELD_TYPES.map((t) => ({ label: t.label, value: t.value })), onChange: (type) => setAttributes({ type: type }) }), attributes.type === 'text' && (_jsx(_Fragment, { children: _jsx(SelectControl, { label: __('Typ textovho inputu', 'brilo-blocks'), value: attributes.textType, options: FIELD_TEXT_TYPES.map((t) => ({ label: t.label, value: t.value })), onChange: (fieldType) => setAttributes({ textType: fieldType }) }) })), attributes.type !== 'hidden' && (_jsxs(_Fragment, { children: [_jsx(TextControl, { label: __('Popisek', 'brilo-blocks'), value: attributes.label, onChange: (label) => setAttributes({ label }) }), _jsx(ToggleControl, { label: __('Povinné', 'brilo-blocks'), checked: attributes.required, onChange: (required) => setAttributes({ required }) }), _jsx(TextControl, { label: __('Název html atributu', 'brilo-blocks'), value: attributes.name, help: __('Použijte pouze bezpečné znaky: a-z, 0-9, pomlčka a podtržítko. Např. city-born-to. Mezery a diakritika se automaticky odstraní.', 'brilo-blocks'), onChange: (name) => setAttributes({ name: sanitizeHtmlName(name) }) }), _jsx(TextControl, { label: __('Placeholder', 'brilo-blocks'), value: attributes.placeholder, onChange: (placeholder) => setAttributes({ placeholder }) })] })), attributes.type === 'select' && (_jsxs(_Fragment, { children: [_jsx(SelectControl, { label: __('Režim selectu', 'brilo-blocks'), value: (_a = attributes.selectMode) !== null && _a !== void 0 ? _a : 'classic', options: FIELD_SELECT_MODES.map((m) => ({ label: m.label, value: m.value })), onChange: (selectMode) => setAttributes({ selectMode: selectMode }) }), _jsx("div", { className: "i-form-field__options-trigger", children: _jsx(Button, { variant: "secondary", onClick: () => setIsOptionsModalOpen(true), children: sprintf(__('Upravit možnosti (%d)', 'brilo-blocks'), optionRows.length) }) }), isOptionsModalOpen && (_jsx(Modal, { title: __('Možnosti pole', 'brilo-blocks'), onRequestClose: () => setIsOptionsModalOpen(false), size: "large", children: _jsx(SelectOptionsRepeater, { rows: optionRows, onChange: updateOptionRows, showEmail: ((_b = attributes.selectMode) !== null && _b !== void 0 ? _b : 'classic') === 'email', onClose: () => setIsOptionsModalOpen(false) }) })), _jsx(SelectControl, { label: __('Výchozí hodnota', 'brilo-blocks'), value: (_c = attributes.defaultValue) !== null && _c !== void 0 ? _c : '', options: selectOptions, onChange: (defaultValue) => setAttributes({ defaultValue: defaultValue !== null && defaultValue !== void 0 ? defaultValue : '' }) })] })), attributes.type === 'hidden' && (_jsxs(_Fragment, { children: [_jsx(TextControl, { label: __('Hodnota', 'brilo-blocks'), value: (_d = attributes.value) !== null && _d !== void 0 ? _d : '', onChange: (value) => setAttributes({ value }), help: __('Hodnota, která bude odeslána s formulářem.', 'brilo-blocks') }), _jsx(TextControl, { label: __('Název html atributu', 'brilo-blocks'), value: attributes.name, help: __('Použijte pouze bezpečné znaky: a-z, 0-9, pomlčka a podtržítko. Mezery a diakritika se automaticky odstraní.', 'brilo-blocks'), onChange: (name) => setAttributes({ name: sanitizeHtmlName(name) }) })] })), attributes.type !== 'hidden' && (_jsx(RangeControl, { label: __('Počet sloupců', 'brilo-blocks'), value: currentColumns, min: MIN_COLUMNS, max: MAX_COLUMNS, onChange: (columns) => setAttributes({ columns: Math.max(MIN_COLUMNS, Math.min(MAX_COLUMNS, columns !== null && columns !== void 0 ? columns : FIELD_COLUMNS_DEFAULT)) }) }))] }) }), _jsx("div", { ...blockProps, children: _jsx("div", { className: "i-form-field__wrapper", children: attributes.type === 'hidden' ? (_jsxs(_Fragment, { children: [_jsx("strong", { children: __('Skryté pole', 'brilo-blocks') }), _jsxs("div", { children: [__('Hodnota', 'brilo-blocks'), ": ", (_e = attributes.value) !== null && _e !== void 0 ? _e : ''] }), _jsxs("div", { children: [__('Název', 'brilo-blocks'), ": ", (_f = attributes.name) !== null && _f !== void 0 ? _f : ''] })] })) : (_jsxs(_Fragment, { children: [_jsx("strong", { children: attributes.label || __('Pole', 'brilo-blocks') }), _jsx("div", { children: attributes.type }), _jsxs("div", { className: "i-form-field__columns-control", children: [_jsx(Button, { size: "small", variant: "secondary", onClick: () => setAttributes({ columns: Math.max(MIN_COLUMNS, currentColumns - 1) }), disabled: currentColumns <= MIN_COLUMNS, "aria-label": __('Snížit počet sloupců', 'brilo-blocks'), children: "-" }), _jsx("div", { className: "i-form-field__columns-value", children: `${currentColumns}/${MAX_COLUMNS}` }), _jsx(Button, { size: "small", variant: "secondary", onClick: () => setAttributes({ columns: Math.min(MAX_COLUMNS, currentColumns + 1) }), disabled: currentColumns >= MAX_COLUMNS, "aria-label": __('Zvýšit počet sloupců', 'brilo-blocks'), children: "+" })] })] })) }) })] }));
+        return (_jsxs(_Fragment, { children: [_jsx(InspectorControls, { children: _jsxs(PanelBody, { title: __('Pole formuláře', 'brilo-blocks'), children: [_jsx(SelectControl, { label: __('Typ inputu', 'brilo-blocks'), value: attributes.type, options: FIELD_TYPES.map((t) => ({ label: t.label, value: t.value })), onChange: (type) => setAttributes({ type: type }) }), attributes.type === 'text' && (_jsxs(_Fragment, { children: [_jsx(SelectControl, { label: __('Typ textovho inputu', 'brilo-blocks'), value: attributes.textType, options: FIELD_TEXT_TYPES.map((t) => ({ label: t.label, value: t.value })), onChange: (textType) => setAttributes(textType === 'email'
+                                            ? { textType: textType }
+                                            : { textType: textType, isReplyTo: false }) }), attributes.textType === 'email' && (_jsx(ToggleControl, { label: __('Použít jako Reply-To pole', 'brilo-blocks'), help: __('Hodnota tohoto pole se použije jako Reply-To adresa notifikačního e-mailu.', 'brilo-blocks'), checked: (_a = attributes.isReplyTo) !== null && _a !== void 0 ? _a : false, onChange: (isReplyTo) => setAttributes({ isReplyTo }) }))] })), attributes.type !== 'hidden' && (_jsxs(_Fragment, { children: [_jsx(TextControl, { label: __('Popisek', 'brilo-blocks'), value: attributes.label, onChange: (label) => setAttributes({ label }) }), _jsx(ToggleControl, { label: __('Povinné', 'brilo-blocks'), checked: attributes.required, onChange: (required) => setAttributes({ required }) }), _jsx(TextControl, { label: __('Název html atributu', 'brilo-blocks'), value: attributes.name, help: __('Použijte pouze bezpečné znaky: a-z, 0-9, pomlčka a podtržítko. Např. city-born-to. Mezery a diakritika se automaticky odstraní.', 'brilo-blocks'), onChange: (name) => setAttributes({ name: sanitizeHtmlName(name) }) }), attributes.type !== 'file' && (_jsx(TextControl, { label: __('Placeholder', 'brilo-blocks'), value: attributes.placeholder, onChange: (placeholder) => setAttributes({ placeholder }) })), attributes.type !== 'file' && (_jsx(ToggleControl, { label: __('Odesílat do GTM (dataLayer)', 'brilo-blocks'), help: __('Po úspěšném odeslání formuláře se do dataLayer pushne klíč podle názvu html atributu s vyplněnou/vybranou hodnotou tohoto pole.', 'brilo-blocks'), checked: (_b = attributes.gtmEnabled) !== null && _b !== void 0 ? _b : false, onChange: (gtmEnabled) => setAttributes({ gtmEnabled }) }))] })), attributes.type === 'file' && (_jsxs(_Fragment, { children: [_jsx(ToggleControl, { label: __('Povolit více souborů', 'brilo-blocks'), checked: (_c = attributes.multiple) !== null && _c !== void 0 ? _c : false, onChange: (multiple) => setAttributes({ multiple }) }), _jsx("p", { className: "i-form-field__file-extensions-label", children: __('Povolené přípony', 'brilo-blocks') }), FILE_EXTENSION_PRESETS.map((preset) => { var _a; return (_jsx(CheckboxControl, { label: preset.label, checked: ((_a = attributes.extensionsPreset) !== null && _a !== void 0 ? _a : []).includes(preset.value), onChange: (checked) => {
+                                            var _a;
+                                            const current = (_a = attributes.extensionsPreset) !== null && _a !== void 0 ? _a : [];
+                                            setAttributes({
+                                                extensionsPreset: checked ? [...current, preset.value] : current.filter((value) => value !== preset.value),
+                                            });
+                                        } }, preset.value)); }), _jsx(TextControl, { label: __('Vlastní přípony', 'brilo-blocks'), help: __('Oddělené čárkou, bez tečky. Např. heic,zip', 'brilo-blocks'), value: (_d = attributes.extensionsCustom) !== null && _d !== void 0 ? _d : '', onChange: (extensionsCustom) => setAttributes({ extensionsCustom }) }), _jsx(SelectControl, { label: __('Vzhled tlačítka', 'brilo-blocks'), value: (_e = attributes.buttonVariant) !== null && _e !== void 0 ? _e : 'secondary', options: FILE_BUTTON_VARIANTS.map((v) => ({ label: v.label, value: v.value })), onChange: (buttonVariant) => setAttributes({ buttonVariant: buttonVariant }) }), _jsx(ToggleControl, { label: __('Outline styl tlačítka', 'brilo-blocks'), checked: (_f = attributes.buttonOutline) !== null && _f !== void 0 ? _f : true, onChange: (buttonOutline) => setAttributes({ buttonOutline }) }), _jsx(TextControl, { label: __('Text tlačítka', 'brilo-blocks'), value: (_g = attributes.buttonLabel) !== null && _g !== void 0 ? _g : '', onChange: (buttonLabel) => setAttributes({ buttonLabel }) })] })), attributes.type === 'select' && (_jsxs(_Fragment, { children: [_jsx(SelectControl, { label: __('Režim selectu', 'brilo-blocks'), value: (_h = attributes.selectMode) !== null && _h !== void 0 ? _h : 'classic', options: FIELD_SELECT_MODES.map((m) => ({ label: m.label, value: m.value })), onChange: (selectMode) => setAttributes({ selectMode: selectMode }) }), _jsx("div", { className: "i-form-field__options-trigger", children: _jsx(Button, { variant: "secondary", onClick: () => setIsOptionsModalOpen(true), children: sprintf(__('Upravit možnosti (%d)', 'brilo-blocks'), optionRows.length) }) }), isOptionsModalOpen && (_jsx(Modal, { title: __('Možnosti pole', 'brilo-blocks'), onRequestClose: () => setIsOptionsModalOpen(false), size: "large", children: _jsx(SelectOptionsRepeater, { rows: optionRows, onChange: updateOptionRows, showEmail: ((_j = attributes.selectMode) !== null && _j !== void 0 ? _j : 'classic') === 'email', onClose: () => setIsOptionsModalOpen(false) }) })), _jsx(SelectControl, { label: __('Výchozí hodnota', 'brilo-blocks'), value: (_k = attributes.defaultValue) !== null && _k !== void 0 ? _k : '', options: selectOptions, onChange: (defaultValue) => setAttributes({ defaultValue: defaultValue !== null && defaultValue !== void 0 ? defaultValue : '' }) })] })), attributes.type === 'hidden' && (_jsxs(_Fragment, { children: [_jsx(TextControl, { label: __('Hodnota', 'brilo-blocks'), value: (_l = attributes.value) !== null && _l !== void 0 ? _l : '', onChange: (value) => setAttributes({ value }), help: __('Hodnota, která bude odeslána s formulářem.', 'brilo-blocks') }), _jsx(TextControl, { label: __('Název html atributu', 'brilo-blocks'), value: attributes.name, help: __('Použijte pouze bezpečné znaky: a-z, 0-9, pomlčka a podtržítko. Mezery a diakritika se automaticky odstraní.', 'brilo-blocks'), onChange: (name) => setAttributes({ name: sanitizeHtmlName(name) }) })] })), attributes.type !== 'hidden' && (_jsx(RangeControl, { label: __('Počet sloupců', 'brilo-blocks'), value: currentColumns, min: MIN_COLUMNS, max: MAX_COLUMNS, onChange: (columns) => setAttributes({ columns: Math.max(MIN_COLUMNS, Math.min(MAX_COLUMNS, columns !== null && columns !== void 0 ? columns : FIELD_COLUMNS_DEFAULT)) }) }))] }) }), _jsx("div", { ...blockProps, children: _jsx("div", { className: "i-form-field__wrapper", children: attributes.type === 'hidden' ? (_jsxs(_Fragment, { children: [_jsx("strong", { children: __('Skryté pole', 'brilo-blocks') }), _jsxs("div", { children: [__('Hodnota', 'brilo-blocks'), ": ", (_m = attributes.value) !== null && _m !== void 0 ? _m : ''] }), _jsxs("div", { children: [__('Název', 'brilo-blocks'), ": ", (_o = attributes.name) !== null && _o !== void 0 ? _o : ''] })] })) : (_jsxs(_Fragment, { children: [_jsx("strong", { children: attributes.label || __('Pole', 'brilo-blocks') }), _jsx("div", { children: attributes.type }), _jsxs("div", { className: "i-form-field__columns-control", children: [_jsx(Button, { size: "small", variant: "secondary", onClick: () => setAttributes({ columns: Math.max(MIN_COLUMNS, currentColumns - 1) }), disabled: currentColumns <= MIN_COLUMNS, "aria-label": __('Snížit počet sloupců', 'brilo-blocks'), children: "-" }), _jsx("div", { className: "i-form-field__columns-value", children: `${currentColumns}/${MAX_COLUMNS}` }), _jsx(Button, { size: "small", variant: "secondary", onClick: () => setAttributes({ columns: Math.min(MAX_COLUMNS, currentColumns + 1) }), disabled: currentColumns >= MAX_COLUMNS, "aria-label": __('Zvýšit počet sloupců', 'brilo-blocks'), children: "+" })] })] })) }) })] }));
     };
 }

package/build/blocks/form/form-field/factory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/form/form-field/factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAIzD,OAAO,KAAK,EAAC,mBAAmB,EAAE,gBAAgB,EAAC,MAAM,SAAS,CAAA;AAElE,YAAY,EAAC,mBAAmB,EAAE,gBAAgB,EAAC,CAAA;AAEnD,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,gBAAgB,GAAG,kBAAkB,CAAC,mBAAmB,CAAC,CAyBvG"}
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/form/form-field/factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAIzD,OAAO,KAAK,EAAC,mBAAmB,EAAE,gBAAgB,EAAC,MAAM,SAAS,CAAA;AAElE,YAAY,EAAC,mBAAmB,EAAE,gBAAgB,EAAC,CAAA;AAEnD,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,gBAAgB,GAAG,kBAAkB,CAAC,mBAAmB,CAAC,CAiCvG"}

package/build/blocks/form/form-field/factory.js

@@ -1,5 +1,5 @@
 import { __ } from '@wordpress/i18n';
-import { FIELD_COLUMNS_DEFAULT } from './constants';
+import { FIELD_COLUMNS_DEFAULT, FIELD_FILE_BUTTON_LABEL_DEFAULT, FIELD_FILE_BUTTON_VARIANT_DEFAULT } from './constants';
 import { createFormFieldEdit } from './edit';
 export function createFormFieldBlock(options) {
     var _a, _b, _c;
@@ -23,6 +23,14 @@ export function createFormFieldBlock(options) {
             selectMode: { type: 'string', default: 'classic' },
             defaultValue: { type: 'string', default: '' },
             value: { type: 'string', default: '' },
+            isReplyTo: { type: 'boolean', default: false },
+            gtmEnabled: { type: 'boolean', default: false },
+            multiple: { type: 'boolean', default: false },
+            extensionsPreset: { type: 'array', default: [] },
+            extensionsCustom: { type: 'string', default: '' },
+            buttonVariant: { type: 'string', default: FIELD_FILE_BUTTON_VARIANT_DEFAULT },
+            buttonOutline: { type: 'boolean', default: true },
+            buttonLabel: { type: 'string', default: FIELD_FILE_BUTTON_LABEL_DEFAULT },
         },
         edit: createFormFieldEdit(options),
         save: () => null,

package/build/blocks/form/form-field/types.d.ts

@@ -1,8 +1,9 @@
-import { FIELD_SELECT_MODE_VALUES, FIELD_TEXT_TYPE_VALUES, FIELD_TYPE_VALUES } from './constants';
+import { FIELD_SELECT_MODE_VALUES, FIELD_TEXT_TYPE_VALUES, FIELD_TYPE_VALUES, FILE_BUTTON_VARIANT_VALUES } from './constants';
 import type { BriloBlockType } from '../../../types';
 export type FormFieldType = (typeof FIELD_TYPE_VALUES)[number];
 export type FormFieldTextType = (typeof FIELD_TEXT_TYPE_VALUES)[number];
 export type FormFieldSelectMode = (typeof FIELD_SELECT_MODE_VALUES)[number];
+export type FormFieldFileButtonVariant = (typeof FILE_BUTTON_VARIANT_VALUES)[number];
 export type FormFieldOption = string | {
     label?: string;
     value?: string;
@@ -20,6 +21,14 @@ export interface FormFieldAttributes extends Record<string, unknown> {
     selectMode: FormFieldSelectMode;
     defaultValue: string;
     value: string;
+    isReplyTo: boolean;
+    gtmEnabled: boolean;
+    multiple: boolean;
+    extensionsPreset: string[];
+    extensionsCustom: string;
+    buttonVariant: FormFieldFileButtonVariant;
+    buttonOutline: boolean;
+    buttonLabel: string;
 }
 export interface FormFieldOptions extends BriloBlockType {
 }

package/build/blocks/form/form-field/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/form/form-field/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,wBAAwB,EAAoB,sBAAsB,EAAE,iBAAiB,EAAC,MAAM,aAAa,CAAA;AACjH,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;AAC9D,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAA;AACvE,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE3E,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAC,CAAA;AAEvF,MAAM,WAAW,mBAAoB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAClE,IAAI,EAAE,aAAa,CAAA;IACnB,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,eAAe,EAAE,CAAA;IAC1B,UAAU,EAAE,mBAAmB,CAAA;IAC/B,YAAY,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc;CAAG"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/form/form-field/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EAExB,sBAAsB,EACtB,iBAAiB,EACjB,0BAA0B,EAC3B,MAAM,aAAa,CAAA;AACpB,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;AAC9D,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAA;AACvE,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAA;AAC3E,MAAM,MAAM,0BAA0B,GAAG,CAAC,OAAO,0BAA0B,CAAC,CAAC,MAAM,CAAC,CAAA;AAEpF,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAC,CAAA;AAEvF,MAAM,WAAW,mBAAoB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAClE,IAAI,EAAE,aAAa,CAAA;IACnB,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,eAAe,EAAE,CAAA;IAC1B,UAAU,EAAE,mBAAmB,CAAA;IAC/B,YAAY,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,gBAAgB,EAAE,MAAM,EAAE,CAAA;IAC1B,gBAAgB,EAAE,MAAM,CAAA;IACxB,aAAa,EAAE,0BAA0B,CAAA;IACzC,aAAa,EAAE,OAAO,CAAA;IACtB,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc;CAAG"}

package/build/blocks/form/form-group/edit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/form/form-group/edit.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAiB,mBAAmB,EAAE,gBAAgB,EAAyC,MAAM,SAAS,CAAA;AAW1H,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,gBAAgB,8CAKxD;IACD,UAAU,EAAE,mBAAmB,CAAA;IAC/B,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;IACxD,QAAQ,EAAE,MAAM,CAAA;CACjB,iCAwLF"}
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/form/form-group/edit.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAiB,mBAAmB,EAAE,gBAAgB,EAAyC,MAAM,SAAS,CAAA;AA8C1H,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,gBAAgB,8CAKxD;IACD,UAAU,EAAE,mBAAmB,CAAA;IAC/B,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;IACxD,QAAQ,EAAE,MAAM,CAAA;CACjB,iCAyRF"}

package/build/blocks/form/form-group/edit.js

@@ -1,11 +1,11 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { InspectorControls, RichText } from '@wordpress/block-editor';
 import { FormTokenField, Notice, PanelBody, SelectControl, TextControl, ToggleControl } from '@wordpress/components';
-import { useDispatch } from '@wordpress/data';
+import { useDispatch, useSelect } from '@wordpress/data';
 import { __ } from '@wordpress/i18n';
 import { cleanForSlug } from '@wordpress/url';
 import clsx from 'clsx';
-import { useEffect } from 'react';
+import { useEffect, useMemo } from 'react';
 import { useGroupBlock } from '../../../hooks/useGroupBlock';
 import { EXTERNAL_METHODS, INTERNAL_SUBMIT_BEHAVIORS, PROCESSING_MODES } from './constants';
 const ALLOWED_BLOCKS = ['brilo/form-field'];
@@ -14,10 +14,38 @@ function generateFormId(formName) {
     const hash = Math.random().toString(36).slice(2, 8);
     return `form-${slug}-${hash}`;
 }
+function slugifyFieldName(raw) {
+    return (raw !== null && raw !== void 0 ? raw : '')
+        .normalize('NFD')
+        .replace(/\p{Diacritic}/gu, '')
+        .replace(/[\s_]+/g, '-')
+        .replace(/[^a-zA-Z0-9_-]/g, '')
+        .replace(/[-_]{2,}/g, '-')
+        .replace(/^[-_]+/g, '')
+        .toLowerCase();
+}
+function gtmPlaceholderValue(type, textType) {
+    if (type === 'select') {
+        return '<vybraná možnost>';
+    }
+    if (type === 'textarea') {
+        return '<vyplněný text>';
+    }
+    if (textType === 'email') {
+        return '<vyplněný email>';
+    }
+    if (textType === 'tel') {
+        return '<vyplněné telefonní číslo>';
+    }
+    if (textType === 'number') {
+        return '<vyplněné číslo>';
+    }
+    return '<vyplněná hodnota>';
+}
 export function createFormGroupEdit(options) {
     return function Edit({ attributes, setAttributes, clientId, }) {
         var _a, _b, _c;
-        var _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
+        var _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
         const { lockPostSaving, unlockPostSaving } = useDispatch('core/editor');
         const processingMode = (_d = attributes.processingMode) !== null && _d !== void 0 ? _d : 'internal';
         const isInternal = processingMode === 'internal';
@@ -25,16 +53,37 @@ export function createFormGroupEdit(options) {
         const recipients = Array.isArray(attributes.senders) ? attributes.senders : [];
         const isRecipientsMissing = isInternal && recipients.length === 0;
         const isExternalUrlMissing = isExternal && ((_e = attributes.externalUrl) !== null && _e !== void 0 ? _e : '').trim() === '';
+        const { replyToCount, gtmFields } = useSelect((select) => {
+            const editor = select('core/block-editor');
+            const blocks = editor.getBlocks(clientId) || [];
+            const replyToCount = blocks.filter((block) => block.attributes.type === 'text' && block.attributes.textType === 'email' && block.attributes.isReplyTo === true).length;
+            const gtmFields = blocks.filter((block) => block.attributes.gtmEnabled).map((block) => block.attributes);
+            return { replyToCount, gtmFields };
+        }, [clientId]);
+        const hasMultipleReplyTo = replyToCount > 1;
+        const gtmPreview = useMemo(() => {
+            var _a;
+            const preview = {
+                event: ((_a = attributes.gtmEventName) !== null && _a !== void 0 ? _a : '').trim() || '<název eventu>',
+                url: '<URL stránky, odkud bylo odesláno>',
+            };
+            gtmFields.forEach((field) => {
+                var _a;
+                const name = (field.name && field.name.trim() !== '' ? field.name : slugifyFieldName((_a = field.label) !== null && _a !== void 0 ? _a : '')) || '<pole-bez-nazvu>';
+                preview[name] = gtmPlaceholderValue(field.type, field.textType);
+            });
+            return preview;
+        }, [attributes.gtmEventName, gtmFields]);
         useEffect(() => {
             const lockName = `brilo-form-group-${clientId}`;
-            if (isRecipientsMissing || isExternalUrlMissing) {
+            if (isRecipientsMissing || isExternalUrlMissing || hasMultipleReplyTo) {
                 lockPostSaving(lockName);
             }
             else {
                 unlockPostSaving(lockName);
             }
             return () => unlockPostSaving(lockName);
-        }, [clientId, isRecipientsMissing, isExternalUrlMissing, lockPostSaving, unlockPostSaving]);
+        }, [clientId, isRecipientsMissing, isExternalUrlMissing, hasMultipleReplyTo, lockPostSaving, unlockPostSaving]);
         // Generated once and persisted into the block's attributes so it stays stable across edits.
         // biome-ignore lint/correctness/useExhaustiveDependencies: must run once on mount only
         useEffect(() => {
@@ -51,10 +100,10 @@ export function createFormGroupEdit(options) {
             orientation: 'horizontal',
             layout: { type: 'default' },
         });
-        return (_jsxs(_Fragment, { children: [_jsx(InspectorControls, { children: _jsxs(PanelBody, { title: __('Formulář', 'brilo-blocks'), children: [_jsx(TextControl, { label: __('ID formuláře', 'brilo-blocks'), value: (_j = attributes.formId) !== null && _j !== void 0 ? _j : '', readOnly: true, onChange: () => { }, help: __('Generuje se automaticky, slouží k jednoznačné identifikaci formuláře.', 'brilo-blocks') }), _jsx(TextControl, { label: __('Název formuláře (volitelné)', 'brilo-blocks'), value: (_k = attributes.formName) !== null && _k !== void 0 ? _k : '', placeholder: __('Např. Kontaktní formulář', 'brilo-blocks'), onChange: (formName) => setAttributes({ formName }) }), _jsx(SelectControl, { label: __('Zpracování', 'brilo-blocks'), value: processingMode, options: PROCESSING_MODES.map((m) => ({ label: m.label, value: m.value })), onChange: (mode) => setAttributes({ processingMode: mode }) }), isExternal && (_jsxs(_Fragment, { children: [_jsx(SelectControl, { label: __('Metoda odeslání', 'brilo-blocks'), value: (_l = attributes.externalMethod) !== null && _l !== void 0 ? _l : 'POST', options: EXTERNAL_METHODS.map((m) => ({ label: m.label, value: m.value })), onChange: (externalMethod) => setAttributes({ externalMethod: externalMethod }) }), _jsx(TextControl, { label: __('Externí URL', 'brilo-blocks'), value: (_m = attributes.externalUrl) !== null && _m !== void 0 ? _m : '', onChange: (externalUrl) => setAttributes({ externalUrl }) }), isExternalUrlMissing && (_jsx(Notice, { status: "warning", isDismissible: false, children: __('Pole „Externí URL“ je povinné pro externí zpracování.', 'brilo-blocks') }))] })), isInternal && (_jsxs(_Fragment, { children: [_jsx(FormTokenField, { label: __('Komu (příjemci)', 'brilo-blocks'), value: recipients, __next40pxDefaultSize: true, onChange: (senders) => setAttributes({
-                                            senders: (senders !== null && senders !== void 0 ? senders : [])
-                                                .map((item) => (typeof item === 'string' ? item.trim() : ''))
-                                                .filter((item) => item.length > 0),
-                                        }) }), isRecipientsMissing && (_jsx(Notice, { status: "warning", isDismissible: false, children: __('Pole „Komu (příjemci)“ je povinné. Vyplňte alespoň jeden e-mail příjemce.', 'brilo-blocks') })), _jsx(TextControl, { label: __('Od koho (From email)', 'brilo-blocks'), value: (_o = attributes.fromEmail) !== null && _o !== void 0 ? _o : '', onChange: (fromEmail) => setAttributes({ fromEmail }) }), _jsx(TextControl, { label: __('Předmět emailu', 'brilo-blocks'), value: (_p = attributes.subject) !== null && _p !== void 0 ? _p : '', placeholder: __('Potvrzení odeslaného formuláře', 'brilo-blocks'), onChange: (subject) => setAttributes({ subject }) }), _jsx(SelectControl, { label: __('Po odeslání', 'brilo-blocks'), value: (_q = attributes.internalSubmitBehavior) !== null && _q !== void 0 ? _q : 'stay', options: INTERNAL_SUBMIT_BEHAVIORS.map((b) => ({ label: b.label, value: b.value })), onChange: (internalSubmitBehavior) => setAttributes({ internalSubmitBehavior: internalSubmitBehavior }) }), ((_r = attributes.internalSubmitBehavior) !== null && _r !== void 0 ? _r : 'stay') === 'redirect' && (_jsx(TextControl, { label: __('URL děkovné stránky', 'brilo-blocks'), value: (_s = attributes.internalRedirectUrl) !== null && _s !== void 0 ? _s : '', onChange: (internalRedirectUrl) => setAttributes({ internalRedirectUrl }) })), _jsx(TextControl, { label: __('Úspěšná zpráva', 'brilo-blocks'), value: (_t = attributes.successMessage) !== null && _t !== void 0 ? _t : '', onChange: (successMessage) => setAttributes({ successMessage }) })] })), _jsx(TextControl, { label: __('Titulek tlačítka odeslání', 'brilo-blocks'), value: (_u = (_a = attributes.submit) === null || _a === void 0 ? void 0 : _a.label) !== null && _u !== void 0 ? _u : 'Odeslat', onChange: (label) => setAttributes({ submit: { label } }) })] }) }), _jsxs("div", { ...blockProps, children: [_jsx("div", { ...innerBlocksProps }), _jsxs("div", { className: "g-form__gdpr", children: [_jsxs("div", { className: "g-form__gdpr-header", children: [_jsx("strong", { children: __('GDPR obsah', 'brilo-blocks') }), _jsx(ToggleControl, { label: __('S checkboxem?', 'brilo-blocks'), checked: (_v = (_b = attributes.gdpr) === null || _b === void 0 ? void 0 : _b.checkbox) !== null && _v !== void 0 ? _v : true, onChange: (checkbox) => { var _a; var _b; return setAttributes({ gdpr: { content: (_b = (_a = attributes.gdpr) === null || _a === void 0 ? void 0 : _a.content) !== null && _b !== void 0 ? _b : '', checkbox } }); } })] }), _jsx(RichText, { className: "g-form__gdpr-content", tagName: "div", value: (_w = (_c = attributes.gdpr) === null || _c === void 0 ? void 0 : _c.content) !== null && _w !== void 0 ? _w : '', allowedFormats: ['core/bold', 'core/link'], onChange: (content) => { var _a; var _b; return setAttributes({ gdpr: { content, checkbox: (_b = (_a = attributes.gdpr) === null || _a === void 0 ? void 0 : _a.checkbox) !== null && _b !== void 0 ? _b : true } }); }, placeholder: __('Text GDPR souhlasu…', 'brilo-blocks') })] })] })] }));
+        return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsxs(PanelBody, { title: __('Formulář', 'brilo-blocks'), children: [_jsx(TextControl, { label: __('ID formuláře', 'brilo-blocks'), value: (_j = attributes.formId) !== null && _j !== void 0 ? _j : '', readOnly: true, onChange: () => { }, help: __('Generuje se automaticky, slouží k jednoznačné identifikaci formuláře.', 'brilo-blocks') }), _jsx(TextControl, { label: __('Název formuláře (volitelné)', 'brilo-blocks'), value: (_k = attributes.formName) !== null && _k !== void 0 ? _k : '', placeholder: __('Např. Kontaktní formulář', 'brilo-blocks'), onChange: (formName) => setAttributes({ formName }) }), _jsx(SelectControl, { label: __('Zpracování', 'brilo-blocks'), value: processingMode, options: PROCESSING_MODES.map((m) => ({ label: m.label, value: m.value })), onChange: (mode) => setAttributes({ processingMode: mode }) }), isExternal && (_jsxs(_Fragment, { children: [_jsx(SelectControl, { label: __('Metoda odeslání', 'brilo-blocks'), value: (_l = attributes.externalMethod) !== null && _l !== void 0 ? _l : 'POST', options: EXTERNAL_METHODS.map((m) => ({ label: m.label, value: m.value })), onChange: (externalMethod) => setAttributes({ externalMethod: externalMethod }) }), _jsx(TextControl, { label: __('Externí URL', 'brilo-blocks'), value: (_m = attributes.externalUrl) !== null && _m !== void 0 ? _m : '', onChange: (externalUrl) => setAttributes({ externalUrl }) }), isExternalUrlMissing && (_jsx(Notice, { status: "warning", isDismissible: false, children: __('Pole „Externí URL“ je povinné pro externí zpracování.', 'brilo-blocks') }))] })), isInternal && (_jsxs(_Fragment, { children: [_jsx(FormTokenField, { label: __('Komu (příjemci)', 'brilo-blocks'), value: recipients, __next40pxDefaultSize: true, onChange: (senders) => setAttributes({
+                                                senders: (senders !== null && senders !== void 0 ? senders : [])
+                                                    .map((item) => (typeof item === 'string' ? item.trim() : ''))
+                                                    .filter((item) => item.length > 0),
+                                            }) }), isRecipientsMissing && (_jsx(Notice, { status: "warning", isDismissible: false, children: __('Pole „Komu (příjemci)“ je povinné. Vyplňte alespoň jeden e-mail příjemce.', 'brilo-blocks') })), _jsx(TextControl, { label: __('Od koho (From email)', 'brilo-blocks'), value: (_o = attributes.fromEmail) !== null && _o !== void 0 ? _o : '', onChange: (fromEmail) => setAttributes({ fromEmail }) }), _jsx(TextControl, { label: __('Předmět emailu', 'brilo-blocks'), value: (_p = attributes.subject) !== null && _p !== void 0 ? _p : '', placeholder: __('Potvrzení odeslaného formuláře', 'brilo-blocks'), onChange: (subject) => setAttributes({ subject }) }), _jsx(SelectControl, { label: __('Po odeslání', 'brilo-blocks'), value: (_q = attributes.internalSubmitBehavior) !== null && _q !== void 0 ? _q : 'stay', options: INTERNAL_SUBMIT_BEHAVIORS.map((b) => ({ label: b.label, value: b.value })), onChange: (internalSubmitBehavior) => setAttributes({ internalSubmitBehavior: internalSubmitBehavior }) }), ((_r = attributes.internalSubmitBehavior) !== null && _r !== void 0 ? _r : 'stay') === 'redirect' && (_jsx(TextControl, { label: __('URL děkovné stránky', 'brilo-blocks'), value: (_s = attributes.internalRedirectUrl) !== null && _s !== void 0 ? _s : '', onChange: (internalRedirectUrl) => setAttributes({ internalRedirectUrl }) })), _jsx(TextControl, { label: __('Úspěšná zpráva', 'brilo-blocks'), value: (_t = attributes.successMessage) !== null && _t !== void 0 ? _t : '', onChange: (successMessage) => setAttributes({ successMessage }) })] })), hasMultipleReplyTo && (_jsx(Notice, { status: "warning", isDismissible: false, children: __('Formulář obsahuje více polí označených jako Reply-To. Podporováno je pouze jedno takové pole.', 'brilo-blocks') })), _jsx(TextControl, { label: __('Titulek tlačítka odeslání', 'brilo-blocks'), value: (_u = (_a = attributes.submit) === null || _a === void 0 ? void 0 : _a.label) !== null && _u !== void 0 ? _u : 'Odeslat', onChange: (label) => setAttributes({ submit: { label } }) })] }), isInternal && (_jsxs(PanelBody, { title: __('Google Tag Manager', 'brilo-blocks'), initialOpen: false, children: [_jsx(ToggleControl, { label: __('Odesílat data do dataLayer', 'brilo-blocks'), help: __('Po úspěšném odeslání formuláře se pushne event do window.dataLayer. Zbytek (cíle, tagy) se nastavuje v GTM.', 'brilo-blocks'), checked: (_v = attributes.gtmEnabled) !== null && _v !== void 0 ? _v : false, onChange: (gtmEnabled) => setAttributes({ gtmEnabled }) }), ((_w = attributes.gtmEnabled) !== null && _w !== void 0 ? _w : false) && (_jsxs(_Fragment, { children: [_jsx(TextControl, { label: __('Název GTM eventu', 'brilo-blocks'), placeholder: __('napr. website_form', 'brilo-blocks'), value: (_x = attributes.gtmEventName) !== null && _x !== void 0 ? _x : '', onChange: (gtmEventName) => setAttributes({ gtmEventName }), help: __('Pushne se { event: <tento název>, url: <stránka, odkud bylo odesláno>, ...pole s GTM }. Jednotlivá pole si zapnete u nich ("Odesílat do GTM").', 'brilo-blocks') }), ((_y = attributes.gtmEventName) !== null && _y !== void 0 ? _y : '').trim() === '' && (_jsx(Notice, { status: "warning", isDismissible: false, children: __('Bez názvu eventu se dataLayer push neodešle.', 'brilo-blocks') })), _jsx("p", { children: _jsx("strong", { children: __('Náhled objektu při úspěšném odeslání:', 'brilo-blocks') }) }), _jsx("pre", { className: "g-form__gtm-preview", children: JSON.stringify(gtmPreview, null, 2) }), gtmFields.length === 0 && (_jsx(Notice, { status: "info", isDismissible: false, children: __('Žádné pole formuláře nemá zapnuté "Odesílat do GTM" - do dataLayer půjde jen event a url. Zapněte to u polí, jejichž hodnotu chcete v dataLayer mít.', 'brilo-blocks') }))] }))] }))] }), _jsxs("div", { ...blockProps, children: [_jsx("div", { ...innerBlocksProps }), _jsxs("div", { className: "g-form__gdpr", children: [_jsxs("div", { className: "g-form__gdpr-header", children: [_jsx("strong", { children: __('GDPR obsah', 'brilo-blocks') }), _jsx(ToggleControl, { label: __('S checkboxem?', 'brilo-blocks'), checked: (_z = (_b = attributes.gdpr) === null || _b === void 0 ? void 0 : _b.checkbox) !== null && _z !== void 0 ? _z : true, onChange: (checkbox) => { var _a; var _b; return setAttributes({ gdpr: { content: (_b = (_a = attributes.gdpr) === null || _a === void 0 ? void 0 : _a.content) !== null && _b !== void 0 ? _b : '', checkbox } }); } })] }), _jsx(RichText, { className: "g-form__gdpr-content", tagName: "div", value: (_0 = (_c = attributes.gdpr) === null || _c === void 0 ? void 0 : _c.content) !== null && _0 !== void 0 ? _0 : '', allowedFormats: ['core/bold', 'core/link'], onChange: (content) => { var _a; var _b; return setAttributes({ gdpr: { content, checkbox: (_b = (_a = attributes.gdpr) === null || _a === void 0 ? void 0 : _a.checkbox) !== null && _b !== void 0 ? _b : true } }); }, placeholder: __('Text GDPR souhlasu…', 'brilo-blocks') })] })] })] }));
     };
 }

package/build/blocks/form/form-group/factory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/form/form-group/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAGzD,OAAO,KAAK,EAAC,mBAAmB,EAAE,gBAAgB,EAAC,MAAM,SAAS,CAAA;AAElE,YAAY,EAAC,mBAAmB,EAAE,gBAAgB,EAAC,CAAA;AAEnD,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,gBAAgB,GAAG,kBAAkB,CAAC,mBAAmB,CAAC,CA2BvG"}
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/form/form-group/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAGzD,OAAO,KAAK,EAAC,mBAAmB,EAAE,gBAAgB,EAAC,MAAM,SAAS,CAAA;AAElE,YAAY,EAAC,mBAAmB,EAAE,gBAAgB,EAAC,CAAA;AAEnD,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,gBAAgB,GAAG,kBAAkB,CAAC,mBAAmB,CAAC,CA6BvG"}

package/build/blocks/form/form-group/factory.js

@@ -26,6 +26,8 @@ export function createFormGroupBlock(options) {
             submit: { type: 'object', default: { label: 'Odeslat' } },
             gdpr: { type: 'object', default: { content: '', checkbox: true } },
             successMessage: { type: 'string', default: 'Formulář byl úspěšně odeslán.' },
+            gtmEnabled: { type: 'boolean', default: false },
+            gtmEventName: { type: 'string', default: '' },
         },
         edit: createFormGroupEdit(options),
         save: () => _jsx(InnerBlocks.Content, {}),

package/build/blocks/form/form-group/types.d.ts

@@ -21,6 +21,8 @@ export interface FormGroupAttributes extends Record<string, unknown> {
         checkbox: boolean;
     };
     successMessage: string;
+    gtmEnabled: boolean;
+    gtmEventName: string;
 }
 export interface FormGroupOptions extends BriloBlockType {
 }

package/build/blocks/form/form-group/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/form/form-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,UAAU,CAAA;AACpD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,KAAK,CAAA;AAC3C,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,UAAU,CAAA;AAExD,MAAM,WAAW,mBAAoB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAClE,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,cAAc,CAAA;IAC9B,cAAc,EAAE,cAAc,CAAA;IAC9B,WAAW,EAAE,MAAM,CAAA;IACnB,sBAAsB,EAAE,sBAAsB,CAAA;IAC9C,mBAAmB,EAAE,MAAM,CAAA;IAC3B,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,CAAA;IACvB,IAAI,EAAE;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAC,CAAA;IAC1C,cAAc,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc;CAAG"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/form/form-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,UAAU,CAAA;AACpD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,KAAK,CAAA;AAC3C,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,UAAU,CAAA;AAExD,MAAM,WAAW,mBAAoB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAClE,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,cAAc,CAAA;IAC9B,cAAc,EAAE,cAAc,CAAA;IAC9B,WAAW,EAAE,MAAM,CAAA;IACnB,sBAAsB,EAAE,sBAAsB,CAAA;IAC9C,mBAAmB,EAAE,MAAM,CAAA;IAC3B,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,CAAA;IACvB,IAAI,EAAE;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAC,CAAA;IAC1C,cAAc,EAAE,MAAM,CAAA;IACtB,UAAU,EAAE,OAAO,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc;CAAG"}

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@brilo/base-blocks",
-  "version": "0.1.38",
+  "version": "0.1.40",
   "author": "Brilo",
   "main": "./build/index.js",
   "types": "./build/index.d.ts",
+  "sideEffects": false,
   "scripts": {
     "build": "tsc && tsc-alias",
     "watch": "tsc --watch",

package/src/blocks/form/form-field/constants.ts

@@ -1,12 +1,13 @@
 import {__} from '@wordpress/i18n'
 
-export const FIELD_TYPE_VALUES = ['text', 'textarea', 'select', 'hidden'] as const
+export const FIELD_TYPE_VALUES = ['text', 'textarea', 'select', 'hidden', 'file'] as const
 
 export const FIELD_TYPES = [
   {value: FIELD_TYPE_VALUES[0], label: __('Text', 'brilo-blocks')},
   {value: FIELD_TYPE_VALUES[1], label: __('Textarea', 'brilo-blocks')},
   {value: FIELD_TYPE_VALUES[2], label: __('Select', 'brilo-blocks')},
   {value: FIELD_TYPE_VALUES[3], label: __('Hidden', 'brilo-blocks')},
+  {value: FIELD_TYPE_VALUES[4], label: __('Soubor', 'brilo-blocks')},
 ] as const
 
 export const FIELD_TEXT_TYPE_VALUES = ['text', 'tel', 'email', 'number', 'date', 'time'] as const
@@ -29,3 +30,23 @@ export const FIELD_SELECT_MODES = [
   {value: FIELD_SELECT_MODE_VALUES[0], label: __('Klasický', 'brilo-blocks')},
   {value: FIELD_SELECT_MODE_VALUES[1], label: __('Výběr s routováním e-mailu', 'brilo-blocks')},
 ] as const
+
+export const FILE_EXTENSION_PRESETS = [
+  {value: 'jpg,jpeg,png,webp', label: __('Obrázky', 'brilo-blocks')},
+  {value: 'pdf', label: __('PDF', 'brilo-blocks')},
+  {value: 'doc,docx', label: __('Word', 'brilo-blocks')},
+  {value: 'xls,xlsx', label: __('Excel', 'brilo-blocks')},
+] as const
+
+export const FILE_BUTTON_VARIANT_VALUES = ['primary', 'secondary', 'neutral', 'ghost'] as const
+
+export const FILE_BUTTON_VARIANTS = [
+  {value: FILE_BUTTON_VARIANT_VALUES[0], label: __('Primary', 'brilo-blocks')},
+  {value: FILE_BUTTON_VARIANT_VALUES[1], label: __('Secondary', 'brilo-blocks')},
+  {value: FILE_BUTTON_VARIANT_VALUES[2], label: __('Neutral', 'brilo-blocks')},
+  {value: FILE_BUTTON_VARIANT_VALUES[3], label: __('Ghost', 'brilo-blocks')},
+] as const
+
+export const FIELD_FILE_BUTTON_VARIANT_DEFAULT = 'secondary'
+
+export const FIELD_FILE_BUTTON_LABEL_DEFAULT = __('Nahrát soubor', 'brilo-blocks')

package/src/blocks/form/form-field/edit.tsx

@@ -1,12 +1,27 @@
 import {InspectorControls, useBlockProps} from '@wordpress/block-editor'
-import {Button, Modal, PanelBody, RangeControl, SelectControl, TextControl, ToggleControl} from '@wordpress/components'
+import {CheckboxControl, Button, Modal, PanelBody, RangeControl, SelectControl, TextControl, ToggleControl} from '@wordpress/components'
 import {__, sprintf} from '@wordpress/i18n'
 import clsx from 'clsx'
 import {useState} from 'react'
-import {FIELD_COLUMNS_DEFAULT, FIELD_COLUMNS_RANGE, FIELD_SELECT_MODES, FIELD_TEXT_TYPES, FIELD_TYPES} from './constants'
+import {
+  FIELD_COLUMNS_DEFAULT,
+  FIELD_COLUMNS_RANGE,
+  FIELD_SELECT_MODES,
+  FIELD_TEXT_TYPES,
+  FIELD_TYPES,
+  FILE_BUTTON_VARIANTS,
+  FILE_EXTENSION_PRESETS,
+} from './constants'
 import {normalizeOptions, serializeOptions, type OptionRow} from './normalizeOptions'
 import {SelectOptionsRepeater} from './SelectOptionsRepeater'
-import {FormFieldAttributes, FormFieldOptions, FormFieldSelectMode, FormFieldTextType, FormFieldType} from './types'
+import {
+  FormFieldAttributes,
+  FormFieldFileButtonVariant,
+  FormFieldOptions,
+  FormFieldSelectMode,
+  FormFieldTextType,
+  FormFieldType,
+} from './types'
 
 const {min: MIN_COLUMNS, max: MAX_COLUMNS} = FIELD_COLUMNS_RANGE
 
@@ -67,8 +82,23 @@ export function createFormFieldEdit(_options: FormFieldOptions) {
                   label={__('Typ textovho inputu', 'brilo-blocks')}
                   value={attributes.textType}
                   options={FIELD_TEXT_TYPES.map((t) => ({label: t.label, value: t.value}))}
-                  onChange={(fieldType) => setAttributes({textType: fieldType as FormFieldTextType})}
+                  onChange={(textType) =>
+                    setAttributes(
+                      textType === 'email'
+                        ? {textType: textType as FormFieldTextType}
+                        : {textType: textType as FormFieldTextType, isReplyTo: false},
+                    )
+                  }
                 />
+
+                {attributes.textType === 'email' && (
+                  <ToggleControl
+                    label={__('Použít jako Reply-To pole', 'brilo-blocks')}
+                    help={__('Hodnota tohoto pole se použije jako Reply-To adresa notifikačního e-mailu.', 'brilo-blocks')}
+                    checked={attributes.isReplyTo ?? false}
+                    onChange={(isReplyTo) => setAttributes({isReplyTo})}
+                  />
+                )}
               </>
             )}
 
@@ -89,10 +119,72 @@ export function createFormFieldEdit(_options: FormFieldOptions) {
                   )}
                   onChange={(name) => setAttributes({name: sanitizeHtmlName(name)})}
                 />
+                {attributes.type !== 'file' && (
+                  <TextControl
+                    label={__('Placeholder', 'brilo-blocks')}
+                    value={attributes.placeholder}
+                    onChange={(placeholder) => setAttributes({placeholder})}
+                  />
+                )}
+
+                {attributes.type !== 'file' && (
+                  <ToggleControl
+                    label={__('Odesílat do GTM (dataLayer)', 'brilo-blocks')}
+                    help={__(
+                      'Po úspěšném odeslání formuláře se do dataLayer pushne klíč podle názvu html atributu s vyplněnou/vybranou hodnotou tohoto pole.',
+                      'brilo-blocks',
+                    )}
+                    checked={attributes.gtmEnabled ?? false}
+                    onChange={(gtmEnabled) => setAttributes({gtmEnabled})}
+                  />
+                )}
+              </>
+            )}
+
+            {attributes.type === 'file' && (
+              <>
+                <ToggleControl
+                  label={__('Povolit více souborů', 'brilo-blocks')}
+                  checked={attributes.multiple ?? false}
+                  onChange={(multiple) => setAttributes({multiple})}
+                />
+
+                <p className="i-form-field__file-extensions-label">{__('Povolené přípony', 'brilo-blocks')}</p>
+                {FILE_EXTENSION_PRESETS.map((preset) => (
+                  <CheckboxControl
+                    key={preset.value}
+                    label={preset.label}
+                    checked={(attributes.extensionsPreset ?? []).includes(preset.value)}
+                    onChange={(checked) => {
+                      const current = attributes.extensionsPreset ?? []
+                      setAttributes({
+                        extensionsPreset: checked ? [...current, preset.value] : current.filter((value) => value !== preset.value),
+                      })
+                    }}
+                  />
+                ))}
+                <TextControl
+                  label={__('Vlastní přípony', 'brilo-blocks')}
+                  help={__('Oddělené čárkou, bez tečky. Např. heic,zip', 'brilo-blocks')}
+                  value={attributes.extensionsCustom ?? ''}
+                  onChange={(extensionsCustom) => setAttributes({extensionsCustom})}
+                />
+
+                <SelectControl
+                  label={__('Vzhled tlačítka', 'brilo-blocks')}
+                  value={attributes.buttonVariant ?? 'secondary'}
+                  options={FILE_BUTTON_VARIANTS.map((v) => ({label: v.label, value: v.value}))}
+                  onChange={(buttonVariant) => setAttributes({buttonVariant: buttonVariant as FormFieldFileButtonVariant})}
+                />
+                <ToggleControl
+                  label={__('Outline styl tlačítka', 'brilo-blocks')}
+                  checked={attributes.buttonOutline ?? true}
+                  onChange={(buttonOutline) => setAttributes({buttonOutline})}
+                />
                 <TextControl
-                  label={__('Placeholder', 'brilo-blocks')}
-                  value={attributes.placeholder}
-                  onChange={(placeholder) => setAttributes({placeholder})}
+                  label={__('Text tlačítka', 'brilo-blocks')}
+                  value={attributes.buttonLabel ?? ''}
+                  onChange={(buttonLabel) => setAttributes({buttonLabel})}
                 />
               </>
             )}

package/src/blocks/form/form-field/factory.tsx

@@ -1,6 +1,6 @@
 import type {BlockConfiguration} from '@wordpress/blocks'
 import {__} from '@wordpress/i18n'
-import {FIELD_COLUMNS_DEFAULT} from './constants'
+import {FIELD_COLUMNS_DEFAULT, FIELD_FILE_BUTTON_LABEL_DEFAULT, FIELD_FILE_BUTTON_VARIANT_DEFAULT} from './constants'
 import {createFormFieldEdit} from './edit'
 import type {FormFieldAttributes, FormFieldOptions} from './types'
 
@@ -27,6 +27,14 @@ export function createFormFieldBlock(options: FormFieldOptions): BlockConfigurat
       selectMode: {type: 'string', default: 'classic'},
       defaultValue: {type: 'string', default: ''},
       value: {type: 'string', default: ''},
+      isReplyTo: {type: 'boolean', default: false},
+      gtmEnabled: {type: 'boolean', default: false},
+      multiple: {type: 'boolean', default: false},
+      extensionsPreset: {type: 'array', default: []},
+      extensionsCustom: {type: 'string', default: ''},
+      buttonVariant: {type: 'string', default: FIELD_FILE_BUTTON_VARIANT_DEFAULT},
+      buttonOutline: {type: 'boolean', default: true},
+      buttonLabel: {type: 'string', default: FIELD_FILE_BUTTON_LABEL_DEFAULT},
     },
     edit: createFormFieldEdit(options),
     save: () => null,