@brilo/base-blocks 0.1.38 → 0.1.39

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":"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,iCAiNF"}

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

@@ -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;
         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,8 @@ 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) }) }), _jsx(TextControl, { label: __('Placeholder', 'brilo-blocks'), value: attributes.placeholder, onChange: (placeholder) => setAttributes({ placeholder }) }), _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 === 'select' && (_jsxs(_Fragment, { children: [_jsx(SelectControl, { label: __('Režim selectu', 'brilo-blocks'), value: (_c = attributes.selectMode) !== null && _c !== void 0 ? _c : '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: ((_d = attributes.selectMode) !== null && _d !== void 0 ? _d : 'classic') === 'email', onClose: () => setIsOptionsModalOpen(false) }) })), _jsx(SelectControl, { label: __('Výchozí hodnota', 'brilo-blocks'), value: (_e = attributes.defaultValue) !== null && _e !== void 0 ? _e : '', 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: (_f = attributes.value) !== null && _f !== void 0 ? _f : '', 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'), ": ", (_g = attributes.value) !== null && _g !== void 0 ? _g : ''] }), _jsxs("div", { children: [__('Název', 'brilo-blocks'), ": ", (_h = attributes.name) !== null && _h !== void 0 ? _h : ''] })] })) : (_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,CA2BvG"}

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

@@ -23,6 +23,8 @@ 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 },
         },
         edit: createFormFieldEdit(options),
         save: () => null,

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

@@ -20,6 +20,8 @@ export interface FormFieldAttributes extends Record<string, unknown> {
     selectMode: FormFieldSelectMode;
     defaultValue: string;
     value: string;
+    isReplyTo: boolean;
+    gtmEnabled: boolean;
 }
 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,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;IACb,SAAS,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,OAAO,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.39",
   "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/edit.tsx

@@ -67,8 +67,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})}
+                  />
+                )}
               </>
             )}
 
@@ -94,6 +109,16 @@ export function createFormFieldEdit(_options: FormFieldOptions) {
                   value={attributes.placeholder}
                   onChange={(placeholder) => setAttributes({placeholder})}
                 />
+
+                <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})}
+                />
               </>
             )}
 

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

@@ -27,6 +27,8 @@ 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},
     },
     edit: createFormFieldEdit(options),
     save: () => null,

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

@@ -19,6 +19,8 @@ export interface FormFieldAttributes extends Record<string, unknown> {
   selectMode: FormFieldSelectMode
   defaultValue: string
   value: string
+  isReplyTo: boolean
+  gtmEnabled: boolean
 }
 
 export interface FormFieldOptions extends BriloBlockType {}

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

@@ -1,10 +1,10 @@
 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'
 import type {ExternalMethod, FormGroupAttributes, FormGroupOptions, InternalSubmitBehavior, ProcessingMode} from './types'
@@ -18,6 +18,41 @@ function generateFormId(formName: string): string {
   return `form-${slug}-${hash}`
 }
 
+function slugifyFieldName(raw: string): string {
+  return (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?: string, textType?: string): string {
+  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: FormGroupOptions) {
   return function Edit({
     attributes,
@@ -40,17 +75,59 @@ export function createFormGroupEdit(options: FormGroupOptions) {
     const isRecipientsMissing = isInternal && recipients.length === 0
     const isExternalUrlMissing = isExternal && (attributes.externalUrl ?? '').trim() === ''
 
+    type ChildFieldAttributes = {
+      type?: string
+      selectMode?: string
+      textType?: string
+      isReplyTo?: boolean
+      gtmEnabled?: boolean
+      name?: string
+      label?: string
+    }
+
+    const {replyToCount, gtmFields} = useSelect(
+      (select) => {
+        const editor = select('core/block-editor') as unknown as {
+          getBlocks: (rootClientId: string) => Array<{attributes: ChildFieldAttributes}>
+        }
+        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(() => {
+      const preview: Record<string, string> = {
+        event: (attributes.gtmEventName ?? '').trim() || '<název eventu>',
+        url: '<URL stránky, odkud bylo odesláno>',
+      }
+
+      gtmFields.forEach((field) => {
+        const name = (field.name && field.name.trim() !== '' ? field.name : slugifyFieldName(field.label ?? '')) || '<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
@@ -177,12 +254,67 @@ export function createFormGroupEdit(options: FormGroupOptions) {
               </>
             )}
 
+            {hasMultipleReplyTo && (
+              <Notice status="warning" isDismissible={false}>
+                {__('Formulář obsahuje více polí označených jako Reply-To. Podporováno je pouze jedno takové pole.', 'brilo-blocks')}
+              </Notice>
+            )}
+
             <TextControl
               label={__('Titulek tlačítka odeslání', 'brilo-blocks')}
               value={attributes.submit?.label ?? 'Odeslat'}
               onChange={(label) => setAttributes({submit: {label}})}
             />
           </PanelBody>
+
+          {isInternal && (
+            <PanelBody title={__('Google Tag Manager', 'brilo-blocks')} initialOpen={false}>
+              <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={attributes.gtmEnabled ?? false}
+                onChange={(gtmEnabled) => setAttributes({gtmEnabled})}
+              />
+
+              {(attributes.gtmEnabled ?? false) && (
+                <>
+                  <TextControl
+                    label={__('Název GTM eventu', 'brilo-blocks')}
+                    placeholder={__('napr. website_form', 'brilo-blocks')}
+                    value={attributes.gtmEventName ?? ''}
+                    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',
+                    )}
+                  />
+
+                  {(attributes.gtmEventName ?? '').trim() === '' && (
+                    <Notice status="warning" isDismissible={false}>
+                      {__('Bez názvu eventu se dataLayer push neodešle.', 'brilo-blocks')}
+                    </Notice>
+                  )}
+
+                  <p>
+                    <strong>{__('Náhled objektu při úspěšném odeslání:', 'brilo-blocks')}</strong>
+                  </p>
+                  <pre className="g-form__gtm-preview">{JSON.stringify(gtmPreview, null, 2)}</pre>
+
+                  {gtmFields.length === 0 && (
+                    <Notice status="info" isDismissible={false}>
+                      {__(
+                        'Žá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',
+                      )}
+                    </Notice>
+                  )}
+                </>
+              )}
+            </PanelBody>
+          )}
         </InspectorControls>
 
         <div {...blockProps}>

package/src/blocks/form/form-group/editor.scss

@@ -1,41 +1,54 @@
 .g-form {
   width: 100%;
+}
 
-  &__fields {
-    display: grid;
-    grid-template-columns: repeat(12, minmax(0, 1fr));
-    gap: 16px;
-    padding: 16px;
-    padding-bottom: 56px;
-    outline: 1px dashed #ddd;
+.g-form__fields {
+  display: grid;
+  grid-template-columns: repeat(12, minmax(0, 1fr));
+  gap: 16px;
+  padding: 16px;
+  padding-bottom: 56px;
+  outline: 1px dashed #ddd;
+}
 
-    > * {
-      max-width: 100%;
-    }
-  }
+.g-form__fields > * {
+  max-width: 100%;
+}
 
-  &__gdpr {
-    margin-top: 16px;
-    padding: 16px;
-    border: 1px solid #ddd;
-    border-radius: 4px;
-    background: #fff;
-  }
+.g-form__gdpr {
+  margin-top: 16px;
+  padding: 16px;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  background: #fff;
+}
 
-  &__gdpr-header {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-between;
-    align-items: center;
-    gap: 12px;
-    margin-bottom: 12px;
-  }
+.g-form__gdpr-header {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 12px;
+}
+
+.g-form__gdpr-content {
+  min-height: 56px;
+  padding: 10px 12px;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  background: #fff;
+}
 
-  &__gdpr-content {
-    min-height: 56px;
-    padding: 10px 12px;
-    border: 1px solid #ddd;
-    border-radius: 4px;
-    background: #fff;
-  }
+// Rendered inside InspectorControls, not inside the block content area itself.
+.g-form__gtm-preview {
+  max-width: 100%;
+  padding: 8px;
+  overflow-x: auto;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  background: #f0f0f0;
+  font-size: 11px;
+  white-space: pre-wrap;
+  word-break: break-word;
 }

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

@@ -29,6 +29,8 @@ export function createFormGroupBlock(options: FormGroupOptions): BlockConfigurat
       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: () => <InnerBlocks.Content />,

package/src/blocks/form/form-group/types.ts

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