react-luna-form 0.0.27 → 0.0.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,2741 +1 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
- mod
27
- ));
28
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
-
30
- // src/client/index.ts
31
- var index_exports = {};
32
- __export(index_exports, {
33
- Form: () => Form2
34
- });
35
- module.exports = __toCommonJS(index_exports);
36
-
37
- // src/component/control.tsx
38
- var import_jsx_runtime = require("react/jsx-runtime");
39
- function Control(props) {
40
- const content = typeof props.children === "function" ? props.children({ isPending: props.isPending }) : props.children;
41
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "data-slot": "field-control", className: "w-full", children: content });
42
- }
43
-
44
- // src/component/field/field-set-advanced.tsx
45
- var import_react = require("react");
46
-
47
- // src/component/chevron-icon.tsx
48
- var import_jsx_runtime2 = require("react/jsx-runtime");
49
- function ChevronIcon(props) {
50
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
51
- "svg",
52
- {
53
- xmlns: "http://www.w3.org/2000/svg",
54
- viewBox: "0 0 20 20",
55
- fill: "currentColor",
56
- className: `size-4 transition-transform duration-200 ${props.expanded ? "rotate-90" : ""}`,
57
- children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
58
- "path",
59
- {
60
- fillRule: "evenodd",
61
- d: "M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z",
62
- clipRule: "evenodd"
63
- }
64
- )
65
- }
66
- );
67
- }
68
-
69
- // ../luna-core/src/util/constant.ts
70
- var INPUT = "input";
71
- var INPUT_EMAIL = "input/email";
72
- var INPUT_NUMBER = "input/number";
73
- var TEXTAREA = "textarea";
74
- var RADIO = "radio";
75
- var CHECKBOX = "checkbox";
76
- var LIST = "list";
77
- var SELECT = "select";
78
- var SELECT_MONTH = "select/month";
79
- var SELECT_YEAR = "select/year";
80
- var COLUMN = "column";
81
- var FIELDS = "fields";
82
- var LABEL = "label";
83
- var VALUE = "value";
84
- var OPTIONS = "options";
85
- var TYPE_EMAIL = "email";
86
- var TYPE_NUMBER = "number";
87
- var TYPE_PASSWORD = "password";
88
- var TYPE_TEL = "tel";
89
- var TYPE_TEXT = "text";
90
- var ARIA_ERROR_MESSAGE = "aria-errormessage";
91
- var ARIA_INVALID = "aria-invalid";
92
- var DATA_INVALID = "data-invalid";
93
- var DATA_READONLY = "data-readonly";
94
- var PREFIX_ARIA = "aria";
95
- var PREFIX_DATA = "data";
96
- var MIN = "min";
97
- var MAX = "max";
98
- var MIN_LENGTH = "minLength";
99
- var MAX_LENGTH = "maxLength";
100
- var $REF = "$ref";
101
- var SOURCE = "source";
102
- var STATE = "state";
103
- var COMMON_URL = "http://luna.internal";
104
- var VERTICAL = "vertical";
105
- var HORIZONTAL = "horizontal";
106
- var TYPE = "type";
107
-
108
- // ../luna-core/src/util/is-type.ts
109
- function isObject(value) {
110
- return value !== null && Object.prototype.toString.call(value) === "[object Object]";
111
- }
112
- function isEmpty(value) {
113
- return value === null || value === void 0 || value === "";
114
- }
115
- function isValue(value) {
116
- return isString(value) || typeof value === "number" || isBoolean(value);
117
- }
118
- function isString(value) {
119
- return typeof value === "string";
120
- }
121
- function isDataSource(value) {
122
- return isObject(value) && "url" in value;
123
- }
124
- function isBoolean(value) {
125
- return typeof value === "boolean";
126
- }
127
-
128
- // ../luna-core/src/util/extract.ts
129
- var REGEX_TYPE = /[^/]+$/;
130
- var REGEX_NUMERIC = /^\d+$/;
131
- function getEntity(selected, collection = [], entity = VALUE) {
132
- if (Array.isArray(collection)) {
133
- return collection.find((item) => {
134
- const current = getCurrentValue(item, entity);
135
- if (current !== void 0 && `${current}` === selected) {
136
- return item;
137
- }
138
- }) ?? { value: selected };
139
- }
140
- return { value: selected };
141
- }
142
- function getCurrentValue(value, entity = VALUE) {
143
- if (value !== null && value !== void 0) {
144
- if (isValue(value)) {
145
- return value;
146
- }
147
- if (isObject(value)) {
148
- const result = getValue(value, entity);
149
- if (isValue(result)) {
150
- return result;
151
- }
152
- }
153
- }
154
- }
155
- function getValue(value, namespace) {
156
- const result = extract(value, namespace);
157
- if (isValue(result)) {
158
- return result;
159
- }
160
- }
161
- function getArray(value, namespace) {
162
- if (Array.isArray(value)) {
163
- return value;
164
- }
165
- const result = extract(value, namespace);
166
- if (Array.isArray(result)) {
167
- return result;
168
- }
169
- return null;
170
- }
171
- function extract(value, namespace) {
172
- if (!namespace || !isObject(value)) {
173
- return null;
174
- }
175
- const keys = namespace.split(".").filter((key) => key !== "");
176
- if (keys.length === 0) {
177
- return null;
178
- }
179
- let result = value;
180
- for (const key of keys) {
181
- if (isObject(result) && key in result) {
182
- const obj = result;
183
- result = obj[key];
184
- } else {
185
- return null;
186
- }
187
- }
188
- return result;
189
- }
190
- function toOptions(data, options = { label: LABEL, value: VALUE }) {
191
- return data.map((item) => {
192
- if (isObject(item)) {
193
- const label = extract(item, options.label);
194
- const value = extract(item, options.value);
195
- if (isValue(label) && isValue(value)) {
196
- return {
197
- label: `${label}`,
198
- value: `${value}`
199
- };
200
- }
201
- }
202
- return item;
203
- });
204
- }
205
- function getType(value = TYPE_TEXT) {
206
- if (value) {
207
- const result = value.match(REGEX_TYPE);
208
- if (result) {
209
- const [type] = result;
210
- if (type !== INPUT) {
211
- return type.trim().toLowerCase();
212
- }
213
- }
214
- }
215
- return TYPE_TEXT;
216
- }
217
- function getFormData(formData) {
218
- const data = {};
219
- for (const key of formData.keys()) {
220
- const values = formData.getAll(key);
221
- data[key] = values.length > 1 ? values : values[0];
222
- }
223
- return data;
224
- }
225
- function unflatten(data) {
226
- const result = {};
227
- for (const key in data) {
228
- const parts = key.split(".");
229
- if (parts.length === 1) {
230
- result[key] = data[key];
231
- continue;
232
- }
233
- let current = result;
234
- for (let i = 0; i < parts.length - 1; i++) {
235
- const part = parts[i];
236
- const next = parts[i + 1];
237
- const isNextIndex = REGEX_NUMERIC.test(next);
238
- if (!(part in current)) {
239
- current[part] = isNextIndex ? [] : {};
240
- }
241
- current = current[part];
242
- }
243
- const last = parts[parts.length - 1];
244
- current[last] = data[key];
245
- }
246
- compactArrays(result);
247
- return result;
248
- }
249
- function compactArrays(obj) {
250
- for (const key in obj) {
251
- const value = obj[key];
252
- if (Array.isArray(value)) {
253
- const compacted = value.filter((item) => item !== void 0);
254
- compacted.forEach((item) => {
255
- if (item !== null && typeof item === "object" && !Array.isArray(item)) {
256
- compactArrays(item);
257
- }
258
- });
259
- obj[key] = compacted;
260
- } else if (value !== null && typeof value === "object") {
261
- compactArrays(value);
262
- }
263
- }
264
- }
265
-
266
- // ../luna-core/src/util/string.ts
267
- var REGEX_MARKDOWN_LINK = /\[([^\]]+)\]\(([^)]+)\)/g;
268
- function interpolate(template, values = {}) {
269
- if (isString(template)) {
270
- return replacePlaceholders(template, values);
271
- }
272
- if (Array.isArray(template)) {
273
- return template.map((item) => {
274
- return interpolate(item, values);
275
- });
276
- }
277
- if (isObject(template)) {
278
- const results = {};
279
- for (const key in template) {
280
- results[key] = interpolate(template[key], values);
281
- }
282
- return results;
283
- }
284
- return template;
285
- }
286
- function interpolateIfNeeded(template, values = {}) {
287
- return isInterpolated(template) ? interpolate(template, values) : template;
288
- }
289
- function isInterpolated(template) {
290
- if (isString(template)) {
291
- return /{([^}]+)}/.test(template);
292
- }
293
- if (Array.isArray(template)) {
294
- return template.some((item) => isInterpolated(item));
295
- }
296
- if (isObject(template)) {
297
- return Object.values(template).some((value) => isInterpolated(value));
298
- }
299
- return false;
300
- }
301
- function replacePlaceholders(template, values = {}) {
302
- return template.replace(/{([^}]+)}/g, (match, key) => {
303
- const value = key.includes(".") ? extract(values, key) : values[key];
304
- if (isValue(value)) {
305
- return String(value);
306
- }
307
- return match;
308
- });
309
- }
310
- function formatMarkdown(text, callback) {
311
- if (!text || text.trim().length === 0) {
312
- return null;
313
- }
314
- let match;
315
- let lastIndex = 0;
316
- let hasMatch = false;
317
- const parts = [];
318
- while ((match = REGEX_MARKDOWN_LINK.exec(text)) !== null) {
319
- const [fullMatch, linkText, url] = match;
320
- const index = match.index;
321
- hasMatch = true;
322
- if (index > lastIndex) {
323
- parts.push(text.substring(lastIndex, index));
324
- }
325
- const value = callback ? callback(index, url, linkText) : fullMatch;
326
- parts.push(value);
327
- lastIndex = index + fullMatch.length;
328
- }
329
- if (!hasMatch) {
330
- return text;
331
- }
332
- if (lastIndex < text.length) {
333
- parts.push(text.substring(lastIndex));
334
- }
335
- return parts;
336
- }
337
-
338
- // ../luna-core/src/util/logger.ts
339
- var logger = {
340
- error: (...args) => {
341
- if (isConsoleAvailable() && !isProduction()) {
342
- getConsole().error("[Luna Form]", ...args);
343
- }
344
- },
345
- warn: (...args) => {
346
- if (isConsoleAvailable() && !isProduction()) {
347
- getConsole().warn("[Luna Form]", ...args);
348
- }
349
- },
350
- info: (...args) => {
351
- if (isConsoleAvailable() && !isProduction()) {
352
- getConsole().info("[Luna Form]", ...args);
353
- }
354
- }
355
- };
356
- var isConsoleAvailable = () => typeof getConsole() !== "undefined";
357
- var isProduction = () => false;
358
- var getConsole = () => globalThis.console;
359
-
360
- // ../luna-core/src/handle/proxy-event.ts
361
- function handleProxyEvent(events = [], callback) {
362
- const values = [];
363
- const sources = [];
364
- const states = [];
365
- for (const event of events) {
366
- if (event.action === VALUE) {
367
- values.push(event);
368
- }
369
- if (event.action === SOURCE) {
370
- sources.push(event);
371
- }
372
- if (event.action === STATE) {
373
- states.push(event);
374
- }
375
- }
376
- callback({ sources, states, values });
377
- }
378
-
379
- // ../luna-core/src/handle/source-event.ts
380
- function handleSourceEvent(selected = null, events = [], setSource) {
381
- for (const event of events) {
382
- const { target, source } = event;
383
- if (!selected) {
384
- setSource(target, void 0);
385
- continue;
386
- }
387
- if (isDataSource(source)) {
388
- const newUrl = interpolate(source.url, selected);
389
- const newBody = source.body ? interpolate(source.body, selected) : source.body;
390
- setSource(target, {
391
- ...source,
392
- url: newUrl,
393
- body: newBody
394
- });
395
- }
396
- }
397
- }
398
-
399
- // ../luna-core/src/util/operator.ts
400
- var operators = {
401
- eq,
402
- gt,
403
- gte,
404
- in: includes,
405
- lt,
406
- lte,
407
- neq,
408
- nin
409
- };
410
- var ISO_DATE_REGEX = /^\d{4}-\d{2}-\d{2}(T\d{2}:\d{2}:\d{2})?/;
411
- var DMY_DATE_REGEX = /^(\d{2})[/-](\d{2})[/-](\d{4})(?: (\d{2}):(\d{2})(?::(\d{2}))?)?$/;
412
- function isISODateString(value) {
413
- return typeof value === "string" && ISO_DATE_REGEX.test(value);
414
- }
415
- function isDMYDateString(value) {
416
- return typeof value === "string" && DMY_DATE_REGEX.test(value);
417
- }
418
- function parseDMYDate(value) {
419
- const match = value.match(DMY_DATE_REGEX);
420
- if (match) {
421
- const [, day, month, year, hours, minutes, seconds] = match;
422
- return new Date(
423
- Number(year),
424
- Number(month) - 1,
425
- Number(day),
426
- Number(hours ?? 0),
427
- Number(minutes ?? 0),
428
- Number(seconds ?? 0)
429
- ).getTime();
430
- }
431
- return NaN;
432
- }
433
- function toComparableNumber(value) {
434
- if (isISODateString(value)) {
435
- return new Date(value).getTime();
436
- }
437
- if (isDMYDateString(value)) {
438
- return parseDMYDate(value);
439
- }
440
- return Number(value);
441
- }
442
- function eq(current, value) {
443
- return current === value;
444
- }
445
- function neq(current, value) {
446
- return current !== value;
447
- }
448
- function includes(current, value) {
449
- return Array.isArray(value) && value.includes(String(current));
450
- }
451
- function nin(current, value) {
452
- return Array.isArray(value) && !value.includes(String(current));
453
- }
454
- function gt(current, value) {
455
- return toComparableNumber(current) > toComparableNumber(value);
456
- }
457
- function gte(current, value) {
458
- return toComparableNumber(current) >= toComparableNumber(value);
459
- }
460
- function lt(current, value) {
461
- return toComparableNumber(current) < toComparableNumber(value);
462
- }
463
- function lte(current, value) {
464
- return toComparableNumber(current) <= toComparableNumber(value);
465
- }
466
-
467
- // ../luna-core/src/handle/state-event.ts
468
- function handleStateEvent(selected = null, events = [], setState) {
469
- for (const event of events) {
470
- const { target, state, when } = event;
471
- const targets = Array.isArray(target) ? target : [target];
472
- if (!selected) {
473
- setState(targets);
474
- continue;
475
- }
476
- logger.info(`Selected value for state event: ${JSON.stringify(selected)}, evaluating condition: ${JSON.stringify(when)}`);
477
- const matches = evaluateCondition(selected, when);
478
- logger.info(`Condition evaluated to: ${matches}, setting state for targets: ${targets.join(", ")}`);
479
- setState(targets, matches ? state : void 0);
480
- }
481
- }
482
- function evaluateCondition(selected, when) {
483
- if (when === void 0) {
484
- return true;
485
- }
486
- if (isString(when)) {
487
- logger.info(`Evaluating string condition: ${when} against selected value: ${JSON.stringify(selected)} using VALUE field`);
488
- logger.info(`Extracted value for comparison: ${JSON.stringify(getValue2(selected, VALUE))}`);
489
- logger.info(`Comparison result: ${getValue2(selected, VALUE) === when}`);
490
- return getValue2(selected, VALUE) === when;
491
- }
492
- if (isBoolean(when)) {
493
- return Boolean(getValue2(selected, VALUE)) === when;
494
- }
495
- if (Array.isArray(when)) {
496
- return when.includes(String(getValue2(selected, VALUE)));
497
- }
498
- return evaluateOperator(selected, when);
499
- }
500
- function evaluateOperator(selected = null, condition) {
501
- const current = getValue2(selected, condition.field ?? VALUE);
502
- const { operator = "eq", value } = condition;
503
- const operation = operators[operator];
504
- if (operation) {
505
- return operation(current, value);
506
- }
507
- return false;
508
- }
509
- function getValue2(selected, field) {
510
- if (isObject(selected)) {
511
- return extract(selected, field);
512
- }
513
- return selected;
514
- }
515
-
516
- // ../luna-core/src/handle/value-event.ts
517
- function handleValueEvent(selected = null, events = [], setValue) {
518
- for (const event of events) {
519
- for (const [target, value] of Object.entries(event.value)) {
520
- setValue(target, selected ? interpolate(value, selected) : void 0);
521
- }
522
- }
523
- }
524
-
525
- // ../luna-core/src/util/is-input.ts
526
- var isSelectMonth = (field) => createTypeChecker(SELECT_MONTH)(field);
527
- var isSelectYear = (field) => createTypeChecker(SELECT_YEAR)(field);
528
- var isCheckbox = createTypeChecker(CHECKBOX);
529
- var isInput = createTypeChecker(INPUT);
530
- var isRadio = createTypeChecker(RADIO);
531
- var isSelect = createTypeChecker(SELECT);
532
- var isTextArea = createTypeChecker(TEXTAREA);
533
- var isText = createTypeChecker(
534
- TYPE_TEXT,
535
- TYPE_EMAIL,
536
- TYPE_PASSWORD,
537
- TYPE_TEL
538
- );
539
- var isEmail = createTypeChecker(INPUT_EMAIL, TYPE_EMAIL);
540
- var isNumber = createTypeChecker(INPUT_NUMBER, TYPE_NUMBER);
541
- function isClickable(field) {
542
- return isRadio(field) || isCheckbox(field);
543
- }
544
- function isList(slot) {
545
- return slot.type === LIST;
546
- }
547
- function isColumn(slot) {
548
- return slot.type === COLUMN;
549
- }
550
- function isField(slot) {
551
- return slot.type !== COLUMN && slot.type !== LIST;
552
- }
553
- function isOptions(field) {
554
- return isSelect(field) || isRadio(field);
555
- }
556
- function isTextable(field) {
557
- return isInput(field) || isTextArea(field);
558
- }
559
- function isValidValue(value) {
560
- return value !== void 0 && value !== null && value !== "";
561
- }
562
- function createTypeChecker(...types) {
563
- return (field) => {
564
- const inputType = isString(field.type) ? field.type : void 0;
565
- if (!inputType) {
566
- return false;
567
- }
568
- return types.some((type) => {
569
- return inputType === type || inputType?.startsWith(`${type}/`);
570
- });
571
- };
572
- }
573
-
574
- // ../luna-core/src/util/build.ts
575
- function buildOptions(field, values = {}) {
576
- if (isSelect(field) && field.disabled) {
577
- const current = field.name ? values?.[field.name] : void 0;
578
- if (current && isObject(current)) {
579
- return [current];
580
- }
581
- }
582
- }
583
- function buildOrientation(field) {
584
- if (isRadio(field) || isCheckbox(field)) {
585
- return HORIZONTAL;
586
- }
587
- return field.advanced?.orientation ?? VERTICAL;
588
- }
589
- function buildReverse(field) {
590
- if (!isCheckbox(field)) {
591
- return false;
592
- }
593
- return field.advanced?.reverse !== false;
594
- }
595
- function buildDisabled(field, disabled) {
596
- const readonly = field.readonly ?? false;
597
- return disabled ? disabled : readonly;
598
- }
599
- function buildSource(field) {
600
- if (isRadio(field) || isSelect(field) && !field.disabled) {
601
- const source = field.source;
602
- if (Array.isArray(source) || isObject(source) && !($REF in source)) {
603
- return source;
604
- }
605
- }
606
- }
607
-
608
- // ../luna-core/src/util/date.ts
609
- var REGEX_DIGITS = /^\d+$/;
610
- function getMonth() {
611
- return Array.from({ length: 12 }, (_, i) => ({
612
- value: (i + 1).toString(),
613
- label: new Date(0, i).toLocaleString("default", {
614
- month: "long"
615
- })
616
- }));
617
- }
618
- function getYear(min2, max2) {
619
- if (max2 >= min2) {
620
- return Array.from({ length: max2 - min2 + 1 }, (_, i) => {
621
- const year = min2 + i;
622
- return {
623
- value: year.toString(),
624
- label: year.toString()
625
- };
626
- });
627
- }
628
- return [];
629
- }
630
- function getCurrentYear() {
631
- return (/* @__PURE__ */ new Date()).getFullYear();
632
- }
633
- function getConvert(value, current) {
634
- if (typeof value === "number") {
635
- return value;
636
- }
637
- const now2 = current ?? getCurrentYear();
638
- const trimmed = value.trim().toLowerCase();
639
- if (trimmed.startsWith("current")) {
640
- const match = trimmed.match(/^current([+-])(\d+)$/);
641
- if (match) {
642
- const [, operator, offsetStr] = match;
643
- const offset = parseInt(offsetStr, 10);
644
- if (!isNaN(offset)) {
645
- return operator === "+" ? now2 + offset : now2 - offset;
646
- }
647
- }
648
- return now2;
649
- }
650
- if (REGEX_DIGITS.test(trimmed)) {
651
- return parseInt(trimmed, 10);
652
- }
653
- return now2;
654
- }
655
-
656
- // ../luna-core/src/helper/input.ts
657
- var now = getCurrentYear();
658
- function buildOptionSelect(field) {
659
- if (isSelect(field)) {
660
- return defineOption(field);
661
- }
662
- }
663
- function defineOption(select) {
664
- if (isSelectMonth(select)) {
665
- return getMonth();
666
- }
667
- if (isSelectYear(select)) {
668
- const min2 = select.advanced?.length?.min ?? now;
669
- const max2 = select.advanced?.length?.max ?? now + 5;
670
- return getYear(getConvert(min2, now), getConvert(max2, now));
671
- }
672
- }
673
- function buildCommon(field, disabled = false) {
674
- const commonProps = {
675
- disabled,
676
- id: field.name,
677
- name: field.name,
678
- placeholder: field.placeholder,
679
- required: field.required
680
- };
681
- if (isInput(field)) {
682
- return {
683
- ...commonProps,
684
- ...defineInput(field)
685
- };
686
- }
687
- if (isSelect(field)) {
688
- return {
689
- ...commonProps,
690
- ...defineSelect(field)
691
- };
692
- }
693
- if (isTextArea(field)) {
694
- return {
695
- ...commonProps,
696
- ...defineTextArea(field)
697
- };
698
- }
699
- return commonProps;
700
- }
701
- function defineInput(input) {
702
- const type = getType(input.type);
703
- const copy = { ...input, type };
704
- return {
705
- ...defineAutoComplete(input),
706
- ...defineNumberLimits(copy),
707
- ...isText(copy) ? defineLength(copy) : {},
708
- type
709
- };
710
- }
711
- function defineSelect(field) {
712
- const options = buildOptionSelect(field);
713
- if (options) {
714
- return { options };
715
- }
716
- return {};
717
- }
718
- function defineTextArea(field) {
719
- return {
720
- ...defineAutoComplete(field),
721
- ...defineLength(field)
722
- };
723
- }
724
- function defineAutoComplete(input) {
725
- const autoComplete = input.advanced?.autocomplete;
726
- if (autoComplete) {
727
- return { autoComplete };
728
- }
729
- return {};
730
- }
731
- function defineNumberLimits(input) {
732
- if (isNumber(input)) {
733
- return defineMinMax(input);
734
- }
735
- return {};
736
- }
737
- function defineLength(input) {
738
- return defineConstraints(input, { min: MIN_LENGTH, max: MAX_LENGTH });
739
- }
740
- function defineMinMax(input) {
741
- return defineConstraints(input, { min: MIN, max: MAX });
742
- }
743
- function defineConstraints(input, keys) {
744
- const result = {};
745
- const length = input.advanced?.length;
746
- if (length) {
747
- if (length.min !== void 0) {
748
- result[keys.min] = length.min;
749
- }
750
- if (length.max !== void 0) {
751
- result[keys.max] = length.max;
752
- }
753
- }
754
- return result;
755
- }
756
- function resolveSource(field, value) {
757
- const current = buildSource(field);
758
- if (current) {
759
- return current;
760
- }
761
- return buildOptions(field, value);
762
- }
763
- function getInputValue(field, value) {
764
- const newValue = isObject(value) && field.name in value ? value[field.name] : value;
765
- return getCurrentValue(newValue, field.advanced?.entity);
766
- }
767
- function mergeOptionsProps(field, commonProps, options) {
768
- return isOptions(field) && Array.isArray(options) ? { ...commonProps, [OPTIONS]: options } : commonProps;
769
- }
770
- function getPreselectedValue(field, commonProps, value) {
771
- if (field.required && !isValidValue(value)) {
772
- if (isSelect(field)) {
773
- if (field.advanced?.preselected !== false && OPTIONS in commonProps) {
774
- const options = commonProps[OPTIONS];
775
- if (Array.isArray(options) && options.length === 1) {
776
- return options[0];
777
- }
778
- }
779
- }
780
- }
781
- return value;
782
- }
783
- function getOptions(field, data) {
784
- if (isSelect(field) && Array.isArray(data)) {
785
- return toOptions(data, field.advanced?.options);
786
- }
787
- return data;
788
- }
789
- function prepareInputProps(field, commonProps, data, value) {
790
- const currentValue = getInputValue(field, value);
791
- const options = Array.isArray(data) ? getOptions(field, data) : data;
792
- const commonPropsWithOptions = mergeOptionsProps(field, commonProps, options);
793
- const defaultValue = getPreselectedValue(
794
- field,
795
- commonPropsWithOptions,
796
- currentValue
797
- );
798
- return {
799
- commonPropsWithOptions,
800
- defaultValue
801
- };
802
- }
803
- function prepareInputValue(field, value) {
804
- if (isCheckbox(field)) {
805
- return {
806
- checked: isValidValue(value) ? value : false
807
- };
808
- }
809
- return { value: value ?? "" };
810
- }
811
-
812
- // ../luna-core/src/util/prepare.ts
813
- var REGEX_REF = /^#\/definition\//;
814
- function prepare(base = [], definition) {
815
- const resolved = resolveRefs(base, definition);
816
- return Array.isArray(resolved) ? resolved.filter(filter).sort((a, b) => getOrder(a) - getOrder(b)) : [];
817
- }
818
- function resolveRefs(base, definition, cache = /* @__PURE__ */ new Map(), visited = /* @__PURE__ */ new WeakSet()) {
819
- if (!isDefinition(definition) || !base || typeof base !== "object") {
820
- return base;
821
- }
822
- if (cache.has(base)) {
823
- return cache.get(base);
824
- }
825
- if (visited.has(base)) {
826
- return base;
827
- }
828
- visited.add(base);
829
- if (Array.isArray(base)) {
830
- return base.map((item) => resolveRefs(item, definition, cache, visited));
831
- }
832
- if ($REF in base && isString(base[$REF])) {
833
- const path = base[$REF].replace(REGEX_REF, "");
834
- const resolved = extract(definition, path);
835
- if (resolved !== null) {
836
- return resolveRefs(resolved, definition, cache, visited);
837
- }
838
- return base;
839
- }
840
- const result = {};
841
- for (const [key, value] of Object.entries(base)) {
842
- result[key] = resolveRefs(value, definition, cache, visited);
843
- }
844
- visited.delete(base);
845
- cache.set(base, result);
846
- return result;
847
- }
848
- function entries(values) {
849
- return Object.entries(values ?? {});
850
- }
851
- function getOrder(item) {
852
- return item.order ?? Number.MAX_VALUE;
853
- }
854
- function isDefinition(definition) {
855
- return definition !== void 0 && isObject(definition) && Object.keys(definition).length > 0;
856
- }
857
- function filter(base) {
858
- if (TYPE in base) {
859
- return true;
860
- }
861
- if (Array.isArray(base[FIELDS])) {
862
- return base[FIELDS].length > 0;
863
- }
864
- return true;
865
- }
866
-
867
- // ../luna-core/src/util/attributes.ts
868
- function getPrefixedAttributes(prefix, record) {
869
- const attrs = {};
870
- for (const [key, value] of entries(record)) {
871
- attrs[`${prefix}-${key}`] = value;
872
- }
873
- return attrs;
874
- }
875
- function getAriaAttributes(record) {
876
- return getPrefixedAttributes(PREFIX_ARIA, record);
877
- }
878
- function getDataAttributes(record) {
879
- return getPrefixedAttributes(PREFIX_DATA, record);
880
- }
881
- function buildAriaAttributes(field, errors) {
882
- const ariaAttributes = getAriaAttributes(field.advanced?.aria);
883
- if (errors && errors.length > 0) {
884
- ariaAttributes[ARIA_INVALID] = "true";
885
- ariaAttributes[ARIA_ERROR_MESSAGE] = `${field.name}-error`;
886
- }
887
- return ariaAttributes;
888
- }
889
- function buildDataAttributes(field) {
890
- return getDataAttributes(field.advanced?.data);
891
- }
892
-
893
- // ../luna-core/src/util/column.ts
894
- var cols = {
895
- 1: "md:grid-cols-1",
896
- 2: "md:grid-cols-2",
897
- 3: "md:grid-cols-3"
898
- };
899
- var span = {
900
- 1: "md:col-span-1",
901
- 2: "md:col-span-2",
902
- 3: "md:col-span-3"
903
- };
904
- function getColumn(value, defaultCols = 2) {
905
- return cols[value && value in cols ? value : defaultCols];
906
- }
907
- function getSpan(value) {
908
- if (value && value in span) {
909
- return span[value];
910
- }
911
- }
912
-
913
- // ../luna-core/src/util/list.ts
914
- function getInitialCount(list, value) {
915
- const min2 = list.advanced?.length?.min ?? 1;
916
- if (value) {
917
- const data = extract(value, list.name);
918
- if (Array.isArray(data)) {
919
- return Math.max(data.length, min2);
920
- }
921
- }
922
- return Math.max(min2, 0);
923
- }
924
- function isMultiFieldList(list) {
925
- if (!Array.isArray(list.fields) || list.fields.length === 0) {
926
- return false;
927
- }
928
- return list.fields.length > 1 || list.fields[0].type === COLUMN;
929
- }
930
- function getInitialList(list, value) {
931
- const count = getInitialCount(list, value);
932
- return Array.from({ length: count }, (_, index) => index);
933
- }
934
- function getLabel(list) {
935
- return list.label ?? list.name;
936
- }
937
-
938
- // ../luna-core/src/util/schema.ts
939
- var import_zod = require("zod");
940
-
941
- // ../luna-core/src/util/translate.ts
942
- function translate(key, dictionary) {
943
- if (!key) {
944
- return "";
945
- }
946
- if (!dictionary) {
947
- return key;
948
- }
949
- return dictionary[key] ?? key;
950
- }
951
-
952
- // ../luna-core/src/util/schema.ts
953
- var approach = [
954
- [isNumber, getNumber],
955
- [isEmail, getEmail],
956
- [isSelectYear, getYearSchema],
957
- [isSelectMonth, getMonthSchema],
958
- [isCheckbox, getBoolean],
959
- [isRadio, getRadio]
960
- ];
961
- function buildSchema(schemas, fields = [], translations) {
962
- const schema = import_zod.z.object(schemas);
963
- if (fields.length === 0) {
964
- return schema;
965
- }
966
- return applyCustomValidation(schema, fields, translations);
967
- }
968
- function flatten(error) {
969
- const results = {};
970
- const errors = import_zod.z.flattenError(error).fieldErrors;
971
- for (const [key, value] of Object.entries(errors)) {
972
- if (value !== void 0) {
973
- results[key] = value;
974
- }
975
- }
976
- return results;
977
- }
978
- function getSchema(input, translations) {
979
- for (const [check, getSchema2] of approach) {
980
- if (check(input)) {
981
- return getSchema2(input, translations);
982
- }
983
- }
984
- return getText(input, translations);
985
- }
986
- function getEmail(input, translations) {
987
- const baseSchema = import_zod.z.string().trim();
988
- if (input.required) {
989
- const message = getRequiredMessage(input, translations);
990
- const schema = baseSchema.min(1, message).pipe(applyEmail(input, translations));
991
- return import_zod.z.preprocess((value) => isEmpty(value) ? "" : value, schema);
992
- }
993
- return baseSchema.pipe(applyEmail(input, translations)).or(import_zod.z.literal("")).nullable();
994
- }
995
- function getBoolean(input, translations) {
996
- let schema = import_zod.z.coerce.boolean();
997
- if (input.required) {
998
- schema = schema.refine((value) => value === true, {
999
- message: getRequiredMessage(input, translations)
1000
- });
1001
- return import_zod.z.preprocess((value) => value === null ? false : value, schema);
1002
- }
1003
- return schema.nullable();
1004
- }
1005
- function getRadio(input, translations) {
1006
- let schema = import_zod.z.coerce.string();
1007
- if (input.required) {
1008
- schema = schema.min(1, getRequiredMessage(input, translations));
1009
- return import_zod.z.preprocess((value) => isEmpty(value) ? "" : value, schema);
1010
- }
1011
- return schema.or(import_zod.z.literal("")).nullable();
1012
- }
1013
- function getText(input, translations) {
1014
- let schema = import_zod.z.coerce.string().trim();
1015
- schema = applyMinAndMax(schema, input, translations);
1016
- if (input.required) {
1017
- schema = applyRequired(schema, input, translations);
1018
- return import_zod.z.preprocess((value) => isEmpty(value) ? "" : value, schema);
1019
- }
1020
- return schema.nullable();
1021
- }
1022
- function getNumber(input, translations) {
1023
- let schema = import_zod.z.coerce.number().int();
1024
- schema = applyMinAndMax(schema, input, translations);
1025
- if (input.required) {
1026
- schema = applyRequired(schema, input, translations);
1027
- return import_zod.z.preprocess((value) => value === null ? void 0 : value, schema);
1028
- }
1029
- return schema.nullable();
1030
- }
1031
- function getYearSchema(input, translations) {
1032
- if (input.required) {
1033
- return import_zod.z.preprocess(
1034
- normalize,
1035
- import_zod.z.coerce.number({ message: getRequiredMessage(input, translations) }).int()
1036
- );
1037
- }
1038
- return import_zod.z.coerce.number().int().nullable();
1039
- }
1040
- function getMonthSchema(input, translations) {
1041
- const message = getRequiredMessage(input, translations);
1042
- const schema = import_zod.z.coerce.number().int().min(1, message).max(12, message);
1043
- return !input.required ? schema.nullable() : schema;
1044
- }
1045
- function normalize(value) {
1046
- return value === null || value === "" ? void 0 : value;
1047
- }
1048
- function applyEmail(input, translations) {
1049
- const message = input.validation?.email ? translate(input.validation?.email, translations) : void 0;
1050
- return import_zod.z.email(message);
1051
- }
1052
- function applyMinAndMax(schema, input, translations) {
1053
- schema = min(schema, input, translations);
1054
- schema = max(schema, input, translations);
1055
- return schema;
1056
- }
1057
- function applyRequired(schema, input, translations) {
1058
- const min2 = input.advanced?.length?.min;
1059
- if (min2 === void 0 || min2 < 1) {
1060
- return schema.min(1, getRequiredMessage(input, translations));
1061
- }
1062
- return schema;
1063
- }
1064
- var min = (schema, input, translations) => applyConstraint(schema, input, MIN, translations);
1065
- var max = (schema, input, translations) => applyConstraint(schema, input, MAX, translations);
1066
- function applyConstraint(schema, input, method, translations) {
1067
- const value = input.advanced?.length?.[method];
1068
- if (value !== void 0) {
1069
- const message = input.validation?.length?.[method] ? translate(input.validation?.length?.[method], translations) : void 0;
1070
- return schema[method](value, message);
1071
- }
1072
- return schema;
1073
- }
1074
- function applyCustomValidation(schema, fields = [], translations) {
1075
- const rules = getRules(fields);
1076
- if (rules.length === 0) {
1077
- return schema;
1078
- }
1079
- return schema.superRefine((data, context) => {
1080
- for (const { name, rule } of rules) {
1081
- if (!evaluate(data, name, rule)) {
1082
- const message = translate(rule.message, translations);
1083
- context.addIssue({
1084
- code: "custom",
1085
- message,
1086
- path: [name]
1087
- });
1088
- }
1089
- }
1090
- });
1091
- }
1092
- function evaluate(data, name, rule) {
1093
- const operator = rule.operator ?? "eq";
1094
- const operation = operators[operator];
1095
- if (operation) {
1096
- return operation(data[name], data[rule.field]);
1097
- }
1098
- return false;
1099
- }
1100
- function getRules(fields) {
1101
- const results = [];
1102
- for (const field of fields) {
1103
- const custom = field.validation?.custom;
1104
- if (!custom) {
1105
- continue;
1106
- }
1107
- const rules = Array.isArray(custom) ? custom : [custom];
1108
- for (const rule of rules) {
1109
- results.push({ name: field.name, rule });
1110
- }
1111
- }
1112
- return results;
1113
- }
1114
- function validateCustom(value, rules, getValue3, translations) {
1115
- const errors = [];
1116
- const collections = Array.isArray(rules) ? rules : [rules];
1117
- for (const rule of collections) {
1118
- const operator = rule.operator ?? "eq";
1119
- const operation = operators[operator];
1120
- if (operation && !operation(value, getValue3(rule.field))) {
1121
- if (rule.message) {
1122
- const message = translate(rule.message, translations);
1123
- errors.push(message);
1124
- }
1125
- }
1126
- }
1127
- return errors;
1128
- }
1129
- function getRequiredMessage(input, translations) {
1130
- return input.validation?.required ? translate(input.validation?.required, translations) : void 0;
1131
- }
1132
-
1133
- // ../luna-core/src/util/url.ts
1134
- function matchRemotePattern(urlStr, patterns) {
1135
- if (!patterns || !isExternalUrl(urlStr)) {
1136
- return true;
1137
- }
1138
- if (patterns.length === 0) {
1139
- return false;
1140
- }
1141
- try {
1142
- const url = new URL(urlStr);
1143
- const protocol = url.protocol.replace(":", "");
1144
- const hostname = url.hostname;
1145
- const port = url.port || getPort(protocol);
1146
- return patterns.some((pattern) => {
1147
- if (pattern.protocol && pattern.protocol !== protocol) {
1148
- return false;
1149
- }
1150
- if (pattern.hostname && pattern.hostname !== hostname) {
1151
- return false;
1152
- }
1153
- if (pattern.port !== void 0 && String(pattern.port) !== port) {
1154
- return false;
1155
- }
1156
- return true;
1157
- });
1158
- } catch {
1159
- return false;
1160
- }
1161
- }
1162
- function getPort(protocol) {
1163
- return protocol === "https" ? "443" : "80";
1164
- }
1165
- function isExternalUrl(url) {
1166
- return /^(https?:)?\/\//.test(url);
1167
- }
1168
- function mergeUrl(baseUrl, targetUrl) {
1169
- try {
1170
- if (!baseUrl) {
1171
- return targetUrl;
1172
- }
1173
- if (!targetUrl) {
1174
- return baseUrl;
1175
- }
1176
- const url1 = new URL(baseUrl, COMMON_URL);
1177
- const url2 = new URL(targetUrl, COMMON_URL);
1178
- url2.searchParams.forEach((value, key) => {
1179
- url1.searchParams.set(key, value);
1180
- });
1181
- const result = url1.toString();
1182
- return baseUrl.startsWith("/") || !baseUrl.includes("://") ? result.replace(COMMON_URL, "") : result;
1183
- } catch {
1184
- return targetUrl || baseUrl;
1185
- }
1186
- }
1187
-
1188
- // ../luna-core/src/util/source.ts
1189
- function mergeSource(sources) {
1190
- if (!Array.isArray(sources) || sources.length === 0) {
1191
- return null;
1192
- }
1193
- return sources.reduce((previous, current) => {
1194
- const url = mergeUrl(previous.url, current.url);
1195
- const body = getBody(previous, current);
1196
- const headers = getHeaders(previous, current);
1197
- return {
1198
- ...previous,
1199
- ...current,
1200
- url,
1201
- body,
1202
- headers
1203
- };
1204
- });
1205
- }
1206
- function getBody(previous, current) {
1207
- if (isObject(current.body) && isObject(previous?.body)) {
1208
- return {
1209
- ...previous.body,
1210
- ...current.body
1211
- };
1212
- }
1213
- return current.body ?? previous?.body;
1214
- }
1215
- function getHeaders(previous, current) {
1216
- if (isObject(current.headers) && isObject(previous?.headers)) {
1217
- return {
1218
- ...previous.headers,
1219
- ...current.headers
1220
- };
1221
- }
1222
- return current.headers ?? previous?.headers;
1223
- }
1224
-
1225
- // ../luna-core/src/util/style.ts
1226
- function mergeStyle(globalStyle, localStyle) {
1227
- return { ...globalStyle, ...localStyle };
1228
- }
1229
-
1230
- // src/lib/string.tsx
1231
- var import_jsx_runtime3 = require("react/jsx-runtime");
1232
- function formatMarkdown2(text) {
1233
- return formatMarkdown(
1234
- text,
1235
- (index, url, text2) => {
1236
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
1237
- "a",
1238
- {
1239
- className: "underline",
1240
- href: url,
1241
- rel: "noopener noreferrer",
1242
- target: "_blank",
1243
- children: text2
1244
- },
1245
- `${url}-${index}`
1246
- );
1247
- }
1248
- );
1249
- }
1250
-
1251
- // src/component/field/field-set-advanced.tsx
1252
- var import_jsx_runtime4 = require("react/jsx-runtime");
1253
- function FieldSetAdvanced(props) {
1254
- const { fields = [] } = props.section;
1255
- const [isOpen, setIsOpen] = (0, import_react.useState)(false);
1256
- const handleOpen = (0, import_react.useCallback)(() => setIsOpen((previous) => !previous), []);
1257
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
1258
- "fieldset",
1259
- {
1260
- "data-slot": "field-set",
1261
- "data-advanced": "true",
1262
- "data-expanded": isOpen,
1263
- "data-empty": fields.length === 0,
1264
- className: "flex flex-col",
1265
- id: props.section.id?.toString(),
1266
- children: [
1267
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("legend", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
1268
- "button",
1269
- {
1270
- className: "flex cursor-pointer items-center gap-2 text-base font-medium text-slate-600 dark:text-slate-400",
1271
- onClick: handleOpen,
1272
- type: "button",
1273
- children: [
1274
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ChevronIcon, { expanded: isOpen }),
1275
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: formatMarkdown2(props.section.title) })
1276
- ]
1277
- }
1278
- ) }),
1279
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react.Activity, { mode: isOpen ? "visible" : "hidden", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
1280
- "div",
1281
- {
1282
- className: "mt-3 ml-1.5 flex flex-col gap-4 border-l-2 border-slate-300 pl-4 dark:border-slate-600",
1283
- "data-slot": "field-set-content",
1284
- children: [
1285
- props.section.description && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-sm leading-normal font-normal text-slate-600 dark:text-slate-400", children: formatMarkdown2(props.section.description) }),
1286
- props.group
1287
- ]
1288
- }
1289
- ) })
1290
- ]
1291
- }
1292
- );
1293
- }
1294
-
1295
- // src/component/legend.tsx
1296
- var import_jsx_runtime5 = require("react/jsx-runtime");
1297
- function Legend(props) {
1298
- return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
1299
- props.title && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("legend", { className: "mb-3 font-medium text-slate-800 dark:text-slate-200", children: formatMarkdown2(props.title) }),
1300
- props.description && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "-mt-2 text-sm leading-normal font-normal text-slate-600 dark:text-slate-400", children: formatMarkdown2(props.description) })
1301
- ] });
1302
- }
1303
-
1304
- // src/component/field/field-set-base.tsx
1305
- var import_jsx_runtime6 = require("react/jsx-runtime");
1306
- function FieldSetBase(props) {
1307
- return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
1308
- "fieldset",
1309
- {
1310
- "data-slot": "field-set",
1311
- "data-empty": props.empty,
1312
- className: "flex flex-col data-[empty=false]:gap-6",
1313
- id: props.id,
1314
- children: [
1315
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Legend, { description: props.description, title: props.title }),
1316
- props.children
1317
- ]
1318
- }
1319
- );
1320
- }
1321
-
1322
- // src/component/group.tsx
1323
- var import_jsx_runtime7 = require("react/jsx-runtime");
1324
- function Group(props) {
1325
- return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1326
- "div",
1327
- {
1328
- "data-slot": "field-group",
1329
- "data-compact": props.compact,
1330
- className: "flex w-full flex-col gap-8 data-[compact=true]:gap-3",
1331
- children: props.children
1332
- }
1333
- );
1334
- }
1335
-
1336
- // src/component/field/field-set.tsx
1337
- var import_jsx_runtime8 = require("react/jsx-runtime");
1338
- function FieldSet(props) {
1339
- const { fields = [] } = props.section;
1340
- const { compact } = mergeStyle(props.style, {
1341
- compact: props.section.compact
1342
- });
1343
- const group = /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Group, { compact, children: props.children });
1344
- if (!props.section.title && !props.section.description) {
1345
- return group;
1346
- }
1347
- if (props.section.advanced) {
1348
- return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(FieldSetAdvanced, { section: props.section, group });
1349
- }
1350
- return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1351
- FieldSetBase,
1352
- {
1353
- description: props.section.description,
1354
- empty: fields.length === 0,
1355
- id: props.section.id?.toString(),
1356
- title: props.section.title,
1357
- children: group
1358
- }
1359
- );
1360
- }
1361
-
1362
- // src/client/component/guard/visibility-guard.tsx
1363
- var import_jotai2 = require("jotai");
1364
-
1365
- // src/client/lib/store-helper.ts
1366
- var import_jotai = require("jotai");
1367
- var import_jotai_family = require("jotai-family");
1368
- var import_fast_equals = require("fast-equals");
1369
- function createRecordAtomFamily(baseAtom) {
1370
- return (0, import_jotai_family.atomFamily)(
1371
- (name) => (0, import_jotai.atom)(
1372
- (get) => {
1373
- return get(baseAtom)[name] ?? void 0;
1374
- },
1375
- (get, set, newValue) => {
1376
- const current = get(baseAtom);
1377
- if (newValue !== void 0 && newValue !== null) {
1378
- const currentValue = current[name];
1379
- if (!currentValue || !(0, import_fast_equals.deepEqual)(currentValue, newValue)) {
1380
- set(baseAtom, { ...current, [name]: newValue });
1381
- }
1382
- } else if (current[name]) {
1383
- const { [name]: _unused, ...rest } = current;
1384
- set(baseAtom, rest);
1385
- }
1386
- }
1387
- )
1388
- );
1389
- }
1390
- function createClearAllAtom(baseAtom) {
1391
- return (0, import_jotai.atom)(null, (get, set) => {
1392
- const current = get(baseAtom);
1393
- if (current && Object.keys(current).length > 0) {
1394
- set(baseAtom, {});
1395
- }
1396
- });
1397
- }
1398
- function createClearAtom(baseAtom) {
1399
- return (0, import_jotai.atom)(null, (get, set, names) => {
1400
- const current = get(baseAtom);
1401
- const next = { ...current };
1402
- let hasChanges = false;
1403
- for (const name of names) {
1404
- if (next[name]) {
1405
- delete next[name];
1406
- hasChanges = true;
1407
- }
1408
- }
1409
- if (hasChanges) {
1410
- set(baseAtom, next);
1411
- }
1412
- });
1413
- }
1414
- function createBulkReportAtom(baseAtom) {
1415
- return (0, import_jotai.atom)(null, (get, set, newValue) => {
1416
- const current = get(baseAtom);
1417
- if (!(0, import_fast_equals.deepEqual)(current, newValue)) {
1418
- set(baseAtom, newValue);
1419
- }
1420
- });
1421
- }
1422
- function createNestedRecordAtomFamily(baseAtom, options = {}) {
1423
- const { merge: merge2, validateTarget } = options;
1424
- return (0, import_jotai_family.atomFamily)(
1425
- (contributorName) => (0, import_jotai.atom)(
1426
- (get) => {
1427
- const current = get(baseAtom)[contributorName];
1428
- if (current && merge2) {
1429
- return merge2(Object.values(current));
1430
- }
1431
- return void 0;
1432
- },
1433
- (get, set, target, value) => {
1434
- if (validateTarget && !validateTarget(target)) {
1435
- return;
1436
- }
1437
- const current = get(baseAtom);
1438
- const targetContributions = { ...current[target] ?? {} };
1439
- if (value !== void 0 && value !== null) {
1440
- const currentContribution = targetContributions[contributorName];
1441
- if (!currentContribution || !(0, import_fast_equals.deepEqual)(currentContribution, value)) {
1442
- targetContributions[contributorName] = value;
1443
- set(baseAtom, {
1444
- ...current,
1445
- [target]: targetContributions
1446
- });
1447
- }
1448
- } else if (targetContributions[contributorName]) {
1449
- delete targetContributions[contributorName];
1450
- if (Object.keys(targetContributions).length === 0) {
1451
- const { [target]: _unused, ...rest } = current;
1452
- set(baseAtom, rest);
1453
- } else {
1454
- set(baseAtom, {
1455
- ...current,
1456
- [target]: targetContributions
1457
- });
1458
- }
1459
- }
1460
- }
1461
- )
1462
- );
1463
- }
1464
- function createNestedClearAtom(baseAtom) {
1465
- return (0, import_jotai.atom)(null, (get, set, contributorNames) => {
1466
- const current = get(baseAtom);
1467
- const next = { ...current };
1468
- let hasChanges = false;
1469
- for (const name of contributorNames) {
1470
- if (next[name]) {
1471
- delete next[name];
1472
- hasChanges = true;
1473
- }
1474
- }
1475
- for (const target in next) {
1476
- const targetContributions = { ...next[target] };
1477
- let targetChanged = false;
1478
- for (const contributorName of contributorNames) {
1479
- if (targetContributions[contributorName]) {
1480
- delete targetContributions[contributorName];
1481
- targetChanged = true;
1482
- hasChanges = true;
1483
- }
1484
- }
1485
- if (targetChanged) {
1486
- if (Object.keys(targetContributions).length === 0) {
1487
- delete next[target];
1488
- } else {
1489
- next[target] = targetContributions;
1490
- }
1491
- }
1492
- }
1493
- if (hasChanges) {
1494
- set(baseAtom, next);
1495
- }
1496
- });
1497
- }
1498
- function createAtomStore(initialValue = {}) {
1499
- const baseAtom = (0, import_jotai.atom)(initialValue);
1500
- return {
1501
- atom: baseAtom,
1502
- clearAll: createClearAllAtom(baseAtom),
1503
- clear: createClearAtom(baseAtom),
1504
- bulkReport: createBulkReportAtom(baseAtom),
1505
- report: createRecordAtomFamily(baseAtom)
1506
- };
1507
- }
1508
-
1509
- // src/client/lib/state-store.ts
1510
- var store = createAtomStore();
1511
- var fieldStateAtom = store.atom;
1512
- var reportFieldStateAtom = store.report;
1513
-
1514
- // src/client/component/guard/visibility-guard.tsx
1515
- function isColumnHidden(column, states) {
1516
- return column.fields.every((field) => isFieldHidden(field, states));
1517
- }
1518
- function isFieldHidden(field, states) {
1519
- return states[field.name]?.hidden ?? field.hidden ?? false;
1520
- }
1521
- function isEntryHidden(entry, states) {
1522
- return isColumn(entry) ? isColumnHidden(entry, states) : isFieldHidden(entry, states);
1523
- }
1524
- function VisibilityGuard(props) {
1525
- const states = (0, import_jotai2.useAtomValue)(fieldStateAtom);
1526
- if (props.container) {
1527
- const hidden = states[props.container.name]?.hidden ?? props.container.hidden ?? false;
1528
- if (hidden) {
1529
- return null;
1530
- }
1531
- }
1532
- if (props.fields.length === 0) {
1533
- return null;
1534
- }
1535
- const allHidden = props.fields.every((entry) => isEntryHidden(entry, states));
1536
- if (allHidden) {
1537
- return null;
1538
- }
1539
- return props.children;
1540
- }
1541
-
1542
- // src/component/separator.tsx
1543
- var import_jsx_runtime9 = require("react/jsx-runtime");
1544
- function Separator() {
1545
- return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { "data-slot": "field-separator", className: "relative -my-2 h-5 text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "absolute inset-0 top-1/2 h-px w-full bg-slate-200 dark:bg-slate-800" }) });
1546
- }
1547
-
1548
- // src/component/form.tsx
1549
- var import_jsx_runtime10 = require("react/jsx-runtime");
1550
- function Form(props) {
1551
- const sections = prepare(props.sections, props.definition);
1552
- return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "h-full w-full", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("form", { noValidate: props.noValidate, action: props.action, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Group, { children: [
1553
- sections.map((section, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(VisibilityGuard, { fields: section.fields ?? [], children: [
1554
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FieldSet, { section, style: props.config.style, children: props.children({
1555
- disabled: props.readOnly,
1556
- fields: section.fields
1557
- }) }),
1558
- section.separator && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Separator, {})
1559
- ] }, index)),
1560
- props.control && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Control, { isPending: props.isPending, children: props.control })
1561
- ] }) }) });
1562
- }
1563
-
1564
- // src/component/description.tsx
1565
- var import_jsx_runtime11 = require("react/jsx-runtime");
1566
- function Description(props) {
1567
- return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "-mt-2 text-xs leading-normal font-normal text-slate-600 dark:text-slate-400", children: props.children });
1568
- }
1569
-
1570
- // src/component/formatted-description.tsx
1571
- var import_jsx_runtime12 = require("react/jsx-runtime");
1572
- function FormattedDescription(props) {
1573
- const content = formatMarkdown2(props.text);
1574
- if (content) {
1575
- return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Description, { children: content });
1576
- }
1577
- return null;
1578
- }
1579
-
1580
- // src/component/label.tsx
1581
- var import_tailwind_merge = require("tailwind-merge");
1582
- var import_jsx_runtime13 = require("react/jsx-runtime");
1583
- function Label(props) {
1584
- const showOptionalLabel = props.style?.showOptionalLabel ?? true;
1585
- const normal = isRadio(props.field) || isCheckbox(props.field);
1586
- return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
1587
- "label",
1588
- {
1589
- "data-slot": "field-label",
1590
- "data-normal": normal,
1591
- className: (0, import_tailwind_merge.twMerge)(
1592
- "flex w-fit items-center gap-2 text-sm leading-snug font-medium select-none",
1593
- "data-[normal=true]:font-normal",
1594
- "group-data-[readonly=true]:cursor-not-allowed group-data-[readonly=true]:opacity-50"
1595
- ),
1596
- htmlFor: props.field.name,
1597
- children: [
1598
- props.children,
1599
- showOptionalLabel && !props.field.required && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-sm text-slate-600 dark:text-slate-400", children: translate("(Optional)", props.translations) })
1600
- ]
1601
- }
1602
- );
1603
- }
1604
-
1605
- // src/component/input-label.tsx
1606
- var import_jsx_runtime14 = require("react/jsx-runtime");
1607
- function InputLabel(props) {
1608
- const interpolateOpts = {
1609
- context: props.context,
1610
- env: props.config?.env
1611
- };
1612
- const label = interpolateIfNeeded(props.field.label, interpolateOpts);
1613
- const description = interpolateIfNeeded(
1614
- props.field.description,
1615
- interpolateOpts
1616
- );
1617
- return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
1618
- "div",
1619
- {
1620
- "data-slot": "field-content",
1621
- className: "flex w-full flex-1 flex-col gap-1.5 leading-snug",
1622
- children: [
1623
- /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
1624
- Label,
1625
- {
1626
- field: props.field,
1627
- style: props.config?.style,
1628
- translations: props.translations,
1629
- children: translate(label, props.translations)
1630
- }
1631
- ),
1632
- props.orientation === HORIZONTAL && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
1633
- FormattedDescription,
1634
- {
1635
- text: translate(description, props.translations)
1636
- }
1637
- )
1638
- ]
1639
- }
1640
- );
1641
- }
1642
-
1643
- // src/component/input-group.tsx
1644
- var import_jsx_runtime15 = require("react/jsx-runtime");
1645
- function InputGroup(props) {
1646
- return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
1647
- props.field.name && props.field.label && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
1648
- InputLabel,
1649
- {
1650
- config: props.config,
1651
- context: props.context,
1652
- field: props.field,
1653
- orientation: props.orientation,
1654
- translations: props.translations
1655
- }
1656
- ),
1657
- props.children,
1658
- props.orientation === VERTICAL && props.field.description && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
1659
- FormattedDescription,
1660
- {
1661
- text: translate(props.field.description, props.translations)
1662
- }
1663
- )
1664
- ] });
1665
- }
1666
-
1667
- // src/lib/render-If-exists.ts
1668
- function renderIfExists(value, render) {
1669
- if (!value) {
1670
- return null;
1671
- }
1672
- return render(value);
1673
- }
1674
-
1675
- // src/client/lib/error-store.ts
1676
- var store2 = createAtomStore();
1677
- var clearInputErrorAtom = store2.clear;
1678
- var reportErrorAtom = store2.bulkReport;
1679
- var reportInputErrorAtom = store2.report;
1680
-
1681
- // src/client/component/input.tsx
1682
- var import_react5 = require("react");
1683
-
1684
- // src/client/lib/source-store.ts
1685
- var import_jotai3 = require("jotai");
1686
- var merge = (values) => {
1687
- const merged = mergeSource(values);
1688
- if (merged) {
1689
- return merged;
1690
- }
1691
- return void 0;
1692
- };
1693
- var validate = (target) => target.trim() !== "";
1694
- var sourceAtom = (0, import_jotai3.atom)({});
1695
- var reportSourceAtom = createNestedRecordAtomFamily(
1696
- sourceAtom,
1697
- {
1698
- merge,
1699
- validateTarget: validate
1700
- }
1701
- );
1702
- var clearInputSourceAtom = createNestedClearAtom(sourceAtom);
1703
-
1704
- // src/client/hook/use-data-source.ts
1705
- var import_jotai4 = require("jotai");
1706
-
1707
- // src/client/hook/use-fetch.ts
1708
- var import_swr = __toESM(require("swr"), 1);
1709
- function useFetch(dataSource = null, config, disabled = false) {
1710
- const { data, error } = (0, import_swr.default)(
1711
- buildSource2(dataSource, config, disabled),
1712
- config.fetcher.provider
1713
- );
1714
- if (error) {
1715
- logger.error("Error fetching data source:", error);
1716
- }
1717
- if (dataSource) {
1718
- if (Array.isArray(dataSource)) {
1719
- return dataSource;
1720
- }
1721
- if (data) {
1722
- return getArray(data, dataSource.namespace);
1723
- }
1724
- }
1725
- return null;
1726
- }
1727
- function buildSource2(dataSource = null, config, disabled = false) {
1728
- if (dataSource && !Array.isArray(dataSource) && !disabled) {
1729
- if (dataSource.url) {
1730
- const interpolated = isInterpolated(dataSource.url);
1731
- if (!interpolated) {
1732
- const allowed = matchRemotePattern(
1733
- dataSource.url,
1734
- config.fetcher.remotePatterns
1735
- );
1736
- if (allowed) {
1737
- return dataSource;
1738
- }
1739
- logger.warn(
1740
- `URL blocked by remotePatterns: ${dataSource.url}. Check your luna.config.ts`
1741
- );
1742
- }
1743
- }
1744
- }
1745
- return null;
1746
- }
1747
-
1748
- // src/client/hook/use-data-source.ts
1749
- function useDataSource(field, config, value) {
1750
- const dataSource = resolveSource(field, value);
1751
- const [source, setSource] = (0, import_jotai4.useAtom)(reportSourceAtom(field.name));
1752
- const currentSource = source ?? dataSource;
1753
- const data = useFetch(currentSource, config, field.disabled);
1754
- return [data, setSource];
1755
- }
1756
-
1757
- // src/client/hook/use-input.ts
1758
- var import_react2 = require("react");
1759
- function useInput(field, onMount, onUnmount, translations) {
1760
- const { name } = field;
1761
- const schema = (0, import_react2.useMemo)(
1762
- () => getSchema(field, translations),
1763
- [field, translations]
1764
- );
1765
- const onMountHandler = (0, import_react2.useEffectEvent)((name2) => {
1766
- if (name2) {
1767
- onMount(name2, schema, field);
1768
- }
1769
- });
1770
- const onUnmountHandler = (0, import_react2.useEffectEvent)((name2) => {
1771
- if (name2) {
1772
- onUnmount(name2);
1773
- }
1774
- });
1775
- (0, import_react2.useEffect)(() => {
1776
- onMountHandler(name);
1777
- return () => {
1778
- onUnmountHandler(name);
1779
- };
1780
- }, [name]);
1781
- return schema;
1782
- }
1783
-
1784
- // src/client/component/input.tsx
1785
- var import_jotai6 = require("jotai");
1786
-
1787
- // src/client/hook/use-timeout.ts
1788
- var import_react3 = require("react");
1789
- function useTimeout() {
1790
- const timeoutRef = (0, import_react3.useRef)(null);
1791
- (0, import_react3.useEffect)(() => {
1792
- return () => {
1793
- if (timeoutRef.current) {
1794
- clearTimeout(timeoutRef.current);
1795
- }
1796
- };
1797
- }, []);
1798
- const setTimeoutRef = (0, import_react3.useCallback)((callback, delay) => {
1799
- if (timeoutRef.current) {
1800
- clearTimeout(timeoutRef.current);
1801
- timeoutRef.current = null;
1802
- }
1803
- timeoutRef.current = setTimeout(callback, delay);
1804
- }, []);
1805
- return setTimeoutRef;
1806
- }
1807
-
1808
- // src/client/lib/value-store.ts
1809
- var store3 = createAtomStore();
1810
- var valueAtom = store3.atom;
1811
- var clearAllValueAtom = store3.clearAll;
1812
- var clearInputValueAtom = store3.clear;
1813
- var reportValueAtom = store3.report;
1814
-
1815
- // src/client/hook/use-value.ts
1816
- var import_jotai5 = require("jotai");
1817
- var import_react4 = require("react");
1818
- function useValue(field, currentValue) {
1819
- const { name } = field;
1820
- const skipNextOnChangeRef = (0, import_react4.useRef)(false);
1821
- const [value, setValue] = (0, import_jotai5.useAtom)(reportValueAtom(name));
1822
- const onCurrentValueChange = (0, import_react4.useEffectEvent)(
1823
- (currentValue2) => {
1824
- const newValue = resolveValue(name, currentValue2);
1825
- if (isValidValue(newValue)) {
1826
- skipNextOnChangeRef.current = true;
1827
- setValue(newValue);
1828
- }
1829
- }
1830
- );
1831
- (0, import_react4.useEffect)(() => {
1832
- if (!currentValue) {
1833
- return;
1834
- }
1835
- onCurrentValueChange(currentValue);
1836
- }, [currentValue]);
1837
- const shouldSkipOnChange = (0, import_react4.useCallback)(() => {
1838
- if (skipNextOnChangeRef.current) {
1839
- skipNextOnChangeRef.current = false;
1840
- return true;
1841
- }
1842
- return false;
1843
- }, []);
1844
- return {
1845
- setValue,
1846
- shouldSkipOnChange,
1847
- value
1848
- };
1849
- }
1850
- function resolveValue(name, currentValue) {
1851
- if (name in currentValue) {
1852
- return currentValue[name];
1853
- }
1854
- if (!name.includes(".")) {
1855
- return void 0;
1856
- }
1857
- const keys = name.split(".");
1858
- let result = currentValue;
1859
- for (const key of keys) {
1860
- if (result === null || result === void 0) {
1861
- return void 0;
1862
- }
1863
- if (Array.isArray(result)) {
1864
- const index = Number(key);
1865
- result = Number.isInteger(index) ? result[index] : void 0;
1866
- } else if (typeof result === "object") {
1867
- result = result[key];
1868
- } else {
1869
- return void 0;
1870
- }
1871
- }
1872
- return result;
1873
- }
1874
-
1875
- // src/client/component/input.tsx
1876
- var import_jsx_runtime16 = require("react/jsx-runtime");
1877
- function Input(props) {
1878
- const entity = props.field.advanced?.entity;
1879
- const store4 = (0, import_jotai6.useStore)();
1880
- const setTimeoutRef = useTimeout();
1881
- const [, startTransition2] = (0, import_react5.useTransition)();
1882
- const { setValue, shouldSkipOnChange, value } = useValue(
1883
- props.field,
1884
- props.value
1885
- );
1886
- const valueRef = (0, import_react5.useRef)(value);
1887
- valueRef.current = value;
1888
- const translationsRef = (0, import_react5.useRef)(props.translations);
1889
- translationsRef.current = props.translations;
1890
- const hasTextable = isTextable(props.field);
1891
- const hasClickable = isClickable(props.field);
1892
- const setValues = (0, import_jotai6.useSetAtom)(valueAtom);
1893
- const setFieldStates = (0, import_jotai6.useSetAtom)(fieldStateAtom);
1894
- const setErrors = (0, import_jotai6.useSetAtom)(reportInputErrorAtom(props.field.name));
1895
- const [data, setSource] = useDataSource(props.field, props.config, value);
1896
- const schema = useInput(
1897
- props.field,
1898
- props.onMount,
1899
- props.onUnmount,
1900
- props.translations
1901
- );
1902
- const placeholder = translate(
1903
- props.commonProps.placeholder,
1904
- props.translations
1905
- );
1906
- const commonProps = {
1907
- ...props.commonProps,
1908
- placeholder
1909
- };
1910
- const { commonPropsWithOptions, defaultValue } = prepareInputProps(
1911
- props.field,
1912
- commonProps,
1913
- data,
1914
- value
1915
- );
1916
- const onValueChangeRef = (0, import_react5.useRef)(null);
1917
- onValueChangeRef.current = (value2) => {
1918
- setValue(value2);
1919
- if (props.onValueChange) {
1920
- props.onValueChange({ name: props.field.name, value: value2 });
1921
- }
1922
- };
1923
- const inputProps = prepareInputValue(props.field, defaultValue);
1924
- const validated = (0, import_react5.useCallback)(
1925
- (value2) => {
1926
- const results = schema.safeParse(value2);
1927
- const errors = results.error?.issues.map((issue) => issue.message) ?? [];
1928
- const custom = props.field.validation?.custom;
1929
- const customErrors = custom ? validateCustom(
1930
- value2,
1931
- custom,
1932
- (name) => store4.get(reportValueAtom(name)),
1933
- translationsRef.current
1934
- ) : [];
1935
- setErrors([...errors, ...customErrors]);
1936
- },
1937
- [props.field.validation?.custom, schema, setErrors, store4]
1938
- );
1939
- const handleTriggerEvent = (0, import_react5.useCallback)(
1940
- (value2, callback) => {
1941
- if (hasTextable) {
1942
- setTimeoutRef(() => {
1943
- callback({ value: value2 });
1944
- }, 500);
1945
- return;
1946
- }
1947
- callback(getEntity(value2, data, entity));
1948
- },
1949
- [data, entity, hasTextable, setTimeoutRef]
1950
- );
1951
- const onChange = (0, import_react5.useCallback)(
1952
- (event) => {
1953
- const inputValue = event.target.value;
1954
- if (!hasClickable && shouldSkipOnChange()) {
1955
- if (!hasTextable || inputValue === valueRef.current) {
1956
- return;
1957
- }
1958
- }
1959
- onValueChangeRef.current?.(inputValue);
1960
- if (props.config.validation.change) {
1961
- validated(inputValue);
1962
- }
1963
- const events = props.field.event?.change;
1964
- if (events) {
1965
- handleTriggerEvent(inputValue, (selected) => {
1966
- handleProxyEvent(events, ({ sources, states, values }) => {
1967
- startTransition2(() => {
1968
- handleSourceEvent(
1969
- selected,
1970
- sources,
1971
- (target, source) => setSource(target, source)
1972
- );
1973
- handleStateEvent(selected, states, (targets, state) => {
1974
- logger.info(
1975
- `Setting field states for targets: ${targets.join(
1976
- ", "
1977
- )} with state: ${JSON.stringify(state)}`
1978
- );
1979
- setFieldStates((prev) => {
1980
- if (state) {
1981
- return targets.reduce(
1982
- (acc, target) => ({
1983
- ...acc,
1984
- [target]: state
1985
- }),
1986
- prev
1987
- );
1988
- }
1989
- return targets.reduce((acc, target) => {
1990
- const { [target]: _removed, ...rest } = acc;
1991
- return rest;
1992
- }, prev);
1993
- });
1994
- });
1995
- handleValueEvent(selected, values, (target, value2) => {
1996
- setValues((prev) => ({
1997
- ...prev,
1998
- [target]: value2
1999
- }));
2000
- });
2001
- });
2002
- });
2003
- });
2004
- }
2005
- },
2006
- [
2007
- handleTriggerEvent,
2008
- hasClickable,
2009
- hasTextable,
2010
- props.config.validation.change,
2011
- props.field.event?.change,
2012
- setFieldStates,
2013
- setSource,
2014
- setValues,
2015
- shouldSkipOnChange,
2016
- validated
2017
- ]
2018
- );
2019
- const onBlur = (0, import_react5.useCallback)(
2020
- (event) => {
2021
- if (!hasClickable) {
2022
- const value2 = event.target.value;
2023
- if (props.config.validation.blur) {
2024
- validated(value2);
2025
- }
2026
- }
2027
- },
2028
- [hasClickable, props.config.validation.blur, validated]
2029
- );
2030
- return renderIfExists(props.config.inputs[props.field.type], (Component) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
2031
- InputGroup,
2032
- {
2033
- config: props.config,
2034
- context: props.context,
2035
- field: props.field,
2036
- orientation: props.orientation,
2037
- translations: props.translations,
2038
- children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
2039
- Component,
2040
- {
2041
- ...commonPropsWithOptions,
2042
- ...props.ariaAttributes,
2043
- ...props.dataAttributes,
2044
- ...inputProps,
2045
- onBlur,
2046
- onChange
2047
- }
2048
- )
2049
- }
2050
- ));
2051
- }
2052
-
2053
- // src/component/field/field-error.tsx
2054
- var import_jsx_runtime17 = require("react/jsx-runtime");
2055
- function FieldError(props) {
2056
- if (!props.errors || props.errors.length === 0) {
2057
- return null;
2058
- }
2059
- return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
2060
- "ul",
2061
- {
2062
- className: "text-sm text-red-600 dark:text-red-500",
2063
- id: props.name ? `${props.name}-error` : void 0,
2064
- children: props.errors?.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("li", { children: error }, props.name ? `${props.name}-error-${index}` : index))
2065
- }
2066
- );
2067
- }
2068
-
2069
- // src/component/field/field-base.tsx
2070
- var import_tailwind_merge2 = require("tailwind-merge");
2071
- var import_jsx_runtime18 = require("react/jsx-runtime");
2072
- function FieldBase(props) {
2073
- const errors = props.errors && props.errors.length > 0;
2074
- return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
2075
- "div",
2076
- {
2077
- "data-slot": "field",
2078
- "data-clickable": props.isClickable ? "true" : "false",
2079
- ...errors && { [DATA_INVALID]: "true" },
2080
- ...props.disabled && { [DATA_READONLY]: "true" },
2081
- "data-orientation": props.orientation,
2082
- className: (0, import_tailwind_merge2.twMerge)(
2083
- "group flex w-full flex-col items-center data-[invalid=true]:text-red-600 data-[invalid=true]:dark:text-red-500",
2084
- "data-[clickable=true]:items-start",
2085
- props.isCheckbox && (props.isReversed ? "flex-row-reverse!" : "flex-row!"),
2086
- "data-[clickable=true]:has-[>[data-slot=field-content]]:[&>:first-child]:mt-px",
2087
- props.className
2088
- ),
2089
- children: props.children
2090
- }
2091
- );
2092
- }
2093
-
2094
- // src/component/field/field-vertical.tsx
2095
- var import_tailwind_merge3 = require("tailwind-merge");
2096
- var import_jsx_runtime19 = require("react/jsx-runtime");
2097
- function FieldVertical(props) {
2098
- return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
2099
- FieldBase,
2100
- {
2101
- ...props,
2102
- orientation: VERTICAL,
2103
- className: (0, import_tailwind_merge3.twMerge)(
2104
- "gap-3 has-[>[data-slot=field-content]]:items-start",
2105
- !props.isClickable && "[&>*]:w-full"
2106
- ),
2107
- children: props.children
2108
- }
2109
- );
2110
- }
2111
-
2112
- // src/component/field/field-horizontal.tsx
2113
- var import_tailwind_merge4 = require("tailwind-merge");
2114
- var import_jsx_runtime20 = require("react/jsx-runtime");
2115
- function FieldHorizontal(props) {
2116
- return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
2117
- FieldBase,
2118
- {
2119
- ...props,
2120
- orientation: HORIZONTAL,
2121
- className: (0, import_tailwind_merge4.twMerge)(
2122
- "gap-2 md:flex-row md:gap-4",
2123
- "[&>[data-slot=field-content]]:min-w-0 [&>[data-slot=field-content]]:flex-grow [&>[data-slot=field-content]]:self-start",
2124
- "[&_[role=checkbox]]:mt-[1.5px]",
2125
- props.isClickable && "md:flex-col",
2126
- !props.isClickable && [
2127
- "md:justify-between",
2128
- "[&>*:not([data-slot=field-content])]:w-full",
2129
- "[&>*:not([data-slot=field-content])]:md:w-1/2",
2130
- "[&>*:not([data-slot=field-content])]:xl:w-2/5"
2131
- ]
2132
- ),
2133
- children: props.children
2134
- }
2135
- );
2136
- }
2137
-
2138
- // src/component/field/field-group.tsx
2139
- var import_jsx_runtime21 = require("react/jsx-runtime");
2140
- function FieldGroup(props) {
2141
- const clickable = isClickable(props.field);
2142
- const checkbox = isCheckbox(props.field);
2143
- const reversed = buildReverse(props.field);
2144
- if (props.orientation === VERTICAL) {
2145
- return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
2146
- FieldVertical,
2147
- {
2148
- disabled: props.disabled,
2149
- errors: props.errors,
2150
- isCheckbox: checkbox,
2151
- isReversed: reversed,
2152
- isClickable: clickable,
2153
- children: props.children
2154
- }
2155
- );
2156
- }
2157
- return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
2158
- FieldHorizontal,
2159
- {
2160
- disabled: props.disabled,
2161
- errors: props.errors,
2162
- isCheckbox: checkbox,
2163
- isReversed: reversed,
2164
- isClickable: clickable,
2165
- children: props.children
2166
- }
2167
- );
2168
- }
2169
-
2170
- // src/component/input/input-base.tsx
2171
- function InputBase(props) {
2172
- if (!props.field.type) {
2173
- return null;
2174
- }
2175
- const commonProps = buildCommon(props.field, props.disabled);
2176
- const dataAttributes = buildDataAttributes(props.field);
2177
- const ariaAttributes = buildAriaAttributes(props.field, props.errors);
2178
- const field = {
2179
- ...props.field,
2180
- disabled: commonProps.disabled
2181
- };
2182
- return props.children({
2183
- ariaAttributes,
2184
- commonProps,
2185
- dataAttributes,
2186
- field,
2187
- orientation: props.orientation
2188
- });
2189
- }
2190
-
2191
- // src/component/field/field.tsx
2192
- var import_tailwind_merge5 = require("tailwind-merge");
2193
- var import_jsx_runtime22 = require("react/jsx-runtime");
2194
- function Field(props) {
2195
- const cols2 = props.field.advanced?.cols;
2196
- const errors = props.field.name ? props.errors?.[props.field.name] : void 0;
2197
- const { orientation } = mergeStyle(props.style, {
2198
- orientation: buildOrientation(props.field)
2199
- });
2200
- const disabled = buildDisabled(props.field, props.disabled);
2201
- return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: (0, import_tailwind_merge5.twMerge)("flex flex-col gap-3", getSpan(cols2)), children: [
2202
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
2203
- FieldGroup,
2204
- {
2205
- disabled,
2206
- errors,
2207
- field: props.field,
2208
- orientation,
2209
- children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
2210
- InputBase,
2211
- {
2212
- disabled,
2213
- errors,
2214
- field: props.field,
2215
- orientation,
2216
- children: props.children
2217
- }
2218
- )
2219
- }
2220
- ),
2221
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FieldError, { errors, name: props.field.name })
2222
- ] });
2223
- }
2224
-
2225
- // src/client/component/field/field-with-error.tsx
2226
- var import_jotai7 = require("jotai");
2227
- var import_jsx_runtime23 = require("react/jsx-runtime");
2228
- function withError(Component) {
2229
- const WithError = (props) => {
2230
- const errors = (0, import_jotai7.useAtomValue)(reportInputErrorAtom(props.field.name));
2231
- return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
2232
- Component,
2233
- {
2234
- ...props,
2235
- errors: errors ? { [props.field.name]: errors } : void 0
2236
- }
2237
- );
2238
- };
2239
- return WithError;
2240
- }
2241
-
2242
- // src/client/component/field/field-with-state.tsx
2243
- var import_jotai8 = require("jotai");
2244
- var import_jsx_runtime24 = require("react/jsx-runtime");
2245
- function withState(Component) {
2246
- const WithFieldState = (props) => {
2247
- const fieldState = (0, import_jotai8.useAtomValue)(reportFieldStateAtom(props.field.name));
2248
- const hidden = fieldState?.hidden ?? props.field.hidden ?? false;
2249
- if (hidden) {
2250
- return null;
2251
- }
2252
- return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Component, { ...props, disabled: fieldState?.disabled ?? props.disabled });
2253
- };
2254
- return WithFieldState;
2255
- }
2256
-
2257
- // src/client/component/field/field.tsx
2258
- var Field2 = withState(withError(Field));
2259
-
2260
- // src/component/field/field-list-item.tsx
2261
- var import_tailwind_merge6 = require("tailwind-merge");
2262
- var import_jsx_runtime25 = require("react/jsx-runtime");
2263
- function FieldListItem(props) {
2264
- function handleRemove() {
2265
- if (props.canRemove && props.onRemove) {
2266
- props.onRemove(props.index);
2267
- }
2268
- }
2269
- const removeButton = props.canRemove && props.onRemove != null && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
2270
- "button",
2271
- {
2272
- "aria-label": `Remove ${props.label} item ${props.index + 1}`,
2273
- className: (0, import_tailwind_merge6.twMerge)(
2274
- "rounded p-1 text-xl text-slate-400",
2275
- "transition-colors duration-150",
2276
- "hover:text-red-500",
2277
- "focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:outline-none",
2278
- "dark:text-slate-500 dark:hover:text-red-400"
2279
- ),
2280
- onClick: handleRemove,
2281
- type: "button",
2282
- children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { "aria-hidden": "true", children: "\xD7" })
2283
- }
2284
- );
2285
- if (props.isMultiField) {
2286
- return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "rounded-lg border border-slate-100 p-4 dark:border-slate-900", children: [
2287
- /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "mb-3 flex items-center justify-between", children: [
2288
- /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { className: "text-sm font-medium text-slate-400 dark:text-slate-500", children: [
2289
- props.label,
2290
- " ",
2291
- props.index + 1
2292
- ] }),
2293
- removeButton
2294
- ] }),
2295
- /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Group, { children: props.children })
2296
- ] });
2297
- }
2298
- return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-start gap-2", children: [
2299
- /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Group, { children: props.children }),
2300
- removeButton && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "shrink-0", children: removeButton })
2301
- ] });
2302
- }
2303
-
2304
- // src/client/component/field/field-list.tsx
2305
- var import_tailwind_merge7 = require("tailwind-merge");
2306
-
2307
- // src/client/hook/use-field-list.ts
2308
- var import_jotai9 = require("jotai");
2309
- var import_react6 = require("react");
2310
- function useFieldList(field, value) {
2311
- const min2 = field.advanced?.length?.min ?? 1;
2312
- const max2 = field.advanced?.length?.max ?? Infinity;
2313
- const [items, setItems] = (0, import_react6.useState)(
2314
- () => getInitialList(field, value)
2315
- );
2316
- const nextId = (0, import_react6.useRef)(items.length);
2317
- const itemsRef = (0, import_react6.useRef)(items);
2318
- itemsRef.current = items;
2319
- const setValues = (0, import_jotai9.useSetAtom)(valueAtom);
2320
- const addItem = (0, import_react6.useCallback)(() => {
2321
- setItems((previous) => {
2322
- if (previous.length >= max2) {
2323
- return previous;
2324
- }
2325
- const id = nextId.current++;
2326
- return [...previous, id];
2327
- });
2328
- }, [max2]);
2329
- const handleRemove = (0, import_react6.useCallback)(
2330
- (index) => {
2331
- if (items.length <= min2) {
2332
- return;
2333
- }
2334
- const stableId = items[index];
2335
- setItems((previous) => {
2336
- if (previous.length <= min2) {
2337
- return previous;
2338
- }
2339
- return previous.filter((_, i) => i !== index);
2340
- });
2341
- setValues((current) => {
2342
- const next = { ...current };
2343
- const prefix = `${field.name}.`;
2344
- const leafNames = [];
2345
- for (const row of field.fields) {
2346
- if (isColumn(row)) {
2347
- for (const columnField of row.fields) {
2348
- leafNames.push(columnField.name);
2349
- }
2350
- } else {
2351
- leafNames.push(row.name);
2352
- }
2353
- }
2354
- for (const name of leafNames) {
2355
- delete next[`${prefix}${stableId}.${name}`];
2356
- }
2357
- return next;
2358
- });
2359
- },
2360
- [field.name, field.fields, items, min2, setValues]
2361
- );
2362
- const canAdd = items.length < max2;
2363
- const canRemove = items.length > min2;
2364
- return [items, addItem, handleRemove, canAdd, canRemove, max2];
2365
- }
2366
-
2367
- // src/client/component/field/field-list.tsx
2368
- var import_jsx_runtime26 = require("react/jsx-runtime");
2369
- function FieldList(props) {
2370
- const [items, addItem, handleRemove, canAdd, canRemove, max2] = useFieldList(
2371
- props.field,
2372
- props.value
2373
- );
2374
- const label = getLabel(props.field);
2375
- const action = props.field.advanced?.action ?? "Add item";
2376
- const hasLimit = max2 !== Infinity;
2377
- const isMultiField = isMultiFieldList(props.field);
2378
- return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
2379
- items.map((key, index) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
2380
- FieldListItem,
2381
- {
2382
- canRemove,
2383
- index,
2384
- isMultiField,
2385
- label,
2386
- onRemove: handleRemove,
2387
- children: props.children(key)
2388
- },
2389
- key
2390
- )),
2391
- /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
2392
- "button",
2393
- {
2394
- "aria-disabled": !canAdd,
2395
- "aria-label": hasLimit ? `${action}, ${items.length} of ${max2}` : action,
2396
- className: (0, import_tailwind_merge7.twMerge)(
2397
- "flex w-full items-center gap-1.5 rounded py-1",
2398
- "text-sm font-medium text-slate-500",
2399
- "transition-colors duration-150",
2400
- "hover:text-slate-800",
2401
- "focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:ring-offset-2 focus-visible:outline-none",
2402
- "dark:text-slate-400 dark:hover:text-slate-200",
2403
- !canAdd && "cursor-not-allowed opacity-50 hover:text-slate-500 dark:hover:text-slate-400"
2404
- ),
2405
- disabled: !canAdd,
2406
- onClick: addItem,
2407
- type: "button",
2408
- children: [
2409
- /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { "aria-hidden": "true", children: "+" }),
2410
- action,
2411
- hasLimit && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
2412
- "span",
2413
- {
2414
- "aria-hidden": "true",
2415
- className: "ml-auto text-slate-400 tabular-nums dark:text-slate-500",
2416
- children: [
2417
- items.length,
2418
- " / ",
2419
- max2
2420
- ]
2421
- }
2422
- )
2423
- ]
2424
- }
2425
- )
2426
- ] });
2427
- }
2428
-
2429
- // src/component/list.tsx
2430
- var import_jsx_runtime27 = require("react/jsx-runtime");
2431
- function List(props) {
2432
- const empty = Array.isArray(props.field.fields) && props.field.fields.length === 0;
2433
- return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
2434
- FieldSetBase,
2435
- {
2436
- description: props.field.description,
2437
- empty,
2438
- id: props.field.name,
2439
- title: props.field.label,
2440
- children: props.children
2441
- }
2442
- );
2443
- }
2444
-
2445
- // src/client/component/guard/list-guard.tsx
2446
- var import_jsx_runtime28 = require("react/jsx-runtime");
2447
- function ListGuard({ children, field, value }) {
2448
- return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(VisibilityGuard, { container: field, fields: field.fields, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(List, { field, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(FieldList, { field, value, children }) }) });
2449
- }
2450
-
2451
- // src/component/column.tsx
2452
- var import_tailwind_merge8 = require("tailwind-merge");
2453
- var import_jsx_runtime29 = require("react/jsx-runtime");
2454
- function Column(props) {
2455
- const cols2 = getColumn(props.column?.advanced?.cols);
2456
- return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex w-full flex-col gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: (0, import_tailwind_merge8.twMerge)("grid grid-cols-1 gap-3 sm:gap-4", cols2), children: props.children }) });
2457
- }
2458
-
2459
- // src/component/slot/slot-base.tsx
2460
- var import_react7 = require("react");
2461
-
2462
- // src/component/slot/slot-list.tsx
2463
- var import_jsx_runtime30 = require("react/jsx-runtime");
2464
- function SlotList(props) {
2465
- const fields = Array.isArray(props.field.fields) ? props.field.fields.map((field) => {
2466
- if (isField(field)) {
2467
- return {
2468
- ...field,
2469
- name: `${props.field.name}.${props.index}.${field.name}`
2470
- };
2471
- }
2472
- if (isColumn(field)) {
2473
- return {
2474
- ...field,
2475
- fields: field.fields.map((columnField) => ({
2476
- ...columnField,
2477
- name: `${props.field.name}.${props.index}.${columnField.name}`
2478
- }))
2479
- };
2480
- }
2481
- return field;
2482
- }) : [];
2483
- return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
2484
- SlotBase,
2485
- {
2486
- children: props.children,
2487
- components: props.components,
2488
- disabled: props.disabled,
2489
- fields,
2490
- style: props.style,
2491
- value: props.value
2492
- }
2493
- );
2494
- }
2495
-
2496
- // src/component/slot/slot-base.tsx
2497
- var import_jsx_runtime31 = require("react/jsx-runtime");
2498
- function SlotBase(props) {
2499
- const { field: Field3, list: List2 } = props.components;
2500
- return prepare(props.fields).map((field, index) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react7.Fragment, { children: [
2501
- isColumn(field) && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Column, { column: field, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SlotBase, { ...props, fields: field.fields }) }),
2502
- isField(field) && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Field3, { disabled: props.disabled, field, style: props.style, children: props.children }),
2503
- isList(field) && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(List2, { field, value: props.value, children: (index2) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
2504
- SlotList,
2505
- {
2506
- children: props.children,
2507
- components: props.components,
2508
- disabled: props.disabled,
2509
- field,
2510
- index: index2,
2511
- style: props.style,
2512
- value: props.value
2513
- }
2514
- ) })
2515
- ] }, index));
2516
- }
2517
-
2518
- // src/component/slot/slot-create.tsx
2519
- var import_jsx_runtime32 = require("react/jsx-runtime");
2520
- function createSlot(components) {
2521
- const CreateSlot = (props) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SlotBase, { ...props, components });
2522
- return CreateSlot;
2523
- }
2524
-
2525
- // src/client/component/slot/slot.tsx
2526
- var Slot = createSlot({ field: Field2, list: ListGuard });
2527
-
2528
- // src/client/hook/use-form-action.ts
2529
- var import_jotai10 = require("jotai");
2530
- var import_react8 = require("react");
2531
- function useFormState(getSchema2, action, options) {
2532
- const {
2533
- onSuccess,
2534
- preserveValues = false,
2535
- validation = true,
2536
- translations
2537
- } = options ?? {};
2538
- const setError = (0, import_jotai10.useSetAtom)(reportErrorAtom);
2539
- const clearValues = (0, import_jotai10.useSetAtom)(clearAllValueAtom);
2540
- const initialState = {
2541
- data: null,
2542
- error: null,
2543
- success: false
2544
- };
2545
- const [state, formAction, isPending] = (0, import_react8.useActionState)(
2546
- async (prevState, formData) => {
2547
- const [schemas, fields] = getSchema2();
2548
- const schema = buildSchema(schemas, fields, translations);
2549
- if (validation === false) {
2550
- if (action) {
2551
- return await action(formData, schema);
2552
- }
2553
- return prevState;
2554
- }
2555
- const form = getFormData(formData);
2556
- const validated = schema.safeParse(form);
2557
- if (!validated.success) {
2558
- const errors = flatten(validated.error);
2559
- (0, import_react8.startTransition)(() => {
2560
- setError(errors);
2561
- });
2562
- return failure(form, {
2563
- description: translate(
2564
- "Please correct the errors and try again.",
2565
- translations
2566
- ),
2567
- details: [],
2568
- title: translate(
2569
- "There were validation errors submitting the form.",
2570
- translations
2571
- )
2572
- });
2573
- }
2574
- const unflattened = unflatten(form);
2575
- if (action) {
2576
- try {
2577
- const result = await action(unflattened, schema);
2578
- if (!result.success) {
2579
- return failure(unflattened, result.error);
2580
- }
2581
- onSuccess?.(result.data);
2582
- if (!preserveValues) {
2583
- (0, import_react8.startTransition)(() => {
2584
- clearValues();
2585
- });
2586
- }
2587
- return success(unflattened, preserveValues);
2588
- } catch (error) {
2589
- logger.error("Error executing form action:", error);
2590
- return failure(unflattened, {
2591
- title: translate(
2592
- "An unexpected error occurred submitting the form.",
2593
- translations
2594
- ),
2595
- details: buildError(error, translations)
2596
- });
2597
- }
2598
- }
2599
- return success(validated.data, preserveValues);
2600
- },
2601
- initialState
2602
- );
2603
- return [formAction, state, isPending];
2604
- }
2605
- function buildError(error, translations) {
2606
- if (error instanceof Error) {
2607
- return [error.message];
2608
- }
2609
- return [translate("Unknown error", translations)];
2610
- }
2611
- function success(value, preserveValues = false) {
2612
- const data = preserveValues ? value : null;
2613
- return {
2614
- data,
2615
- error: null,
2616
- success: true
2617
- };
2618
- }
2619
- function failure(value, error) {
2620
- return {
2621
- data: value,
2622
- error,
2623
- success: false
2624
- };
2625
- }
2626
-
2627
- // src/client/hook/use-schema.ts
2628
- var import_react10 = require("react");
2629
-
2630
- // src/client/hook/use-store.ts
2631
- var import_react9 = require("react");
2632
- var import_jotai11 = require("jotai");
2633
- function useStore2() {
2634
- const clearErrors = (0, import_jotai11.useSetAtom)(clearInputErrorAtom);
2635
- const clearValues = (0, import_jotai11.useSetAtom)(clearInputValueAtom);
2636
- const clearSources = (0, import_jotai11.useSetAtom)(clearInputSourceAtom);
2637
- return (0, import_react9.useCallback)(
2638
- (names) => {
2639
- const target = Array.isArray(names) ? names : [names];
2640
- clearErrors(target);
2641
- clearSources(target);
2642
- clearValues(target);
2643
- },
2644
- [clearErrors, clearSources, clearValues]
2645
- );
2646
- }
2647
-
2648
- // src/client/hook/use-schema.ts
2649
- function useSchema() {
2650
- const clear = useStore2();
2651
- const schemaRef = (0, import_react10.useRef)({});
2652
- const fieldsRef = (0, import_react10.useRef)([]);
2653
- const onMount = (0, import_react10.useCallback)((name, schema, field) => {
2654
- if (!(name in schemaRef.current)) {
2655
- schemaRef.current[name] = schema;
2656
- fieldsRef.current.push(field);
2657
- }
2658
- }, []);
2659
- const onUnmount = (0, import_react10.useCallback)(
2660
- (name) => {
2661
- if (schemaRef.current[name]) {
2662
- delete schemaRef.current[name];
2663
- fieldsRef.current = fieldsRef.current.filter((field) => {
2664
- return field.name !== name;
2665
- });
2666
- clear([name]);
2667
- }
2668
- },
2669
- [clear]
2670
- );
2671
- const getSchema2 = (0, import_react10.useCallback)(() => {
2672
- return [schemaRef.current, fieldsRef.current];
2673
- }, []);
2674
- return [getSchema2, onMount, onUnmount];
2675
- }
2676
-
2677
- // src/client/component/form-content.tsx
2678
- var import_jsx_runtime33 = require("react/jsx-runtime");
2679
- function FormContent(props) {
2680
- const translations = props.translations?.[props.lang ?? ""];
2681
- const [schema, onMount, onUnmount] = useSchema();
2682
- const [action, state, isPending] = useFormState(schema, props.action, {
2683
- onSuccess: props.onSuccess,
2684
- validation: props.config.validation.submit,
2685
- translations
2686
- });
2687
- const isShowingError = props.config.validation.showError && !state.success && state.error;
2688
- const value = state.data ?? props.value;
2689
- return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
2690
- isShowingError && renderIfExists(props.config.alert, (Alert) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "mb-4 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
2691
- Alert,
2692
- {
2693
- description: state.error?.description,
2694
- details: state.error?.details,
2695
- title: state.error.title
2696
- }
2697
- ) })),
2698
- /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
2699
- Form,
2700
- {
2701
- action,
2702
- config: props.config,
2703
- control: props.children,
2704
- definition: props.definition,
2705
- isPending,
2706
- noValidate: true,
2707
- readOnly: props.readOnly,
2708
- sections: props.sections,
2709
- children: ({ disabled, fields }) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
2710
- Slot,
2711
- {
2712
- disabled,
2713
- fields,
2714
- style: props.config.style,
2715
- value,
2716
- children: (internal) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
2717
- Input,
2718
- {
2719
- ...internal,
2720
- config: props.config,
2721
- context: props.context,
2722
- onMount,
2723
- onUnmount,
2724
- onValueChange: props.onValueChange,
2725
- translations,
2726
- value
2727
- }
2728
- )
2729
- }
2730
- )
2731
- }
2732
- )
2733
- ] });
2734
- }
2735
-
2736
- // src/client/component/form.tsx
2737
- var import_jotai12 = require("jotai");
2738
- var import_jsx_runtime34 = require("react/jsx-runtime");
2739
- function Form2(props) {
2740
- return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_jotai12.Provider, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(FormContent, { ...props }) });
2741
- }
1
+ "use strict";var Uo=Object.create;var Fe=Object.defineProperty;var Ho=Object.getOwnPropertyDescriptor;var Yo=Object.getOwnPropertyNames;var Xo=Object.getPrototypeOf,qo=Object.prototype.hasOwnProperty;var Zo=(e,t)=>{for(var n in t)Fe(e,n,{get:t[n],enumerable:!0})},_t=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Yo(t))!qo.call(e,o)&&o!==n&&Fe(e,o,{get:()=>t[o],enumerable:!(r=Ho(t,o))||r.enumerable});return e};var Ko=(e,t,n)=>(n=e!=null?Uo(Xo(e)):{},_t(t||!e||!e.__esModule?Fe(n,"default",{value:e,enumerable:!0}):n,e)),Wo=e=>_t(Fe({},"__esModule",{value:!0}),e);var cl={};Zo(cl,{Form:()=>_o});module.exports=Wo(cl);var Gt=require("react/jsx-runtime");function Bt(e){let t=typeof e.children=="function"?e.children({isPending:e.isPending}):e.children;return(0,Gt.jsx)("div",{"data-slot":"field-control",className:"w-full",children:t})}var se=require("react");var dt=require("react/jsx-runtime");function $t(e){return(0,dt.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",className:`size-4 transition-transform duration-200 ${e.expanded?"rotate-90":""}`,children:(0,dt.jsx)("path",{fillRule:"evenodd",d:"M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z",clipRule:"evenodd"})})}var Ce="input",Ut="input/email",Ht="input/number";var Yt="textarea",Xt="radio",qt="checkbox",ft="list";var Zt="select",Kt="select/month",Wt="select/year";var me="column",mt="fields",zt="label",A="value",Ne="options",gt="email",Jt="number",Qt="password",jt="tel",ge="text",en="aria-errormessage",tn="aria-invalid",nn="data-invalid",rn="data-readonly",on="aria",ln="data",Ee="min",ke="max",an="minLength",sn="maxLength",ie="$ref";var cn="source",un="state",Ie="http://luna.internal",U="vertical",le="horizontal";var dn="type";function d(e){return e!==null&&Object.prototype.toString.call(e)==="[object Object]"}function we(e){return e==null||e===""}function H(e){return I(e)||typeof e=="number"||pt(e)}function I(e){return typeof e=="string"}function fn(e){return d(e)&&"url"in e}function pt(e){return typeof e=="boolean"}var zo=/^\d+$/;function bt(e,t=[],n=A){return Array.isArray(t)?t.find(r=>{let o=xt(r,n);if(o!==void 0&&`${o}`===e)return r})??{value:e}:{value:e}}function xt(e,t=A){if(e!=null){if(H(e))return e;if(d(e)){let n=Jo(e,t);if(H(n))return n}}}function Jo(e,t){let n=R(e,t);if(H(n))return n}function mn(e,t){if(Array.isArray(e))return e;let n=R(e,t);return Array.isArray(n)?n:null}function R(e,t){if(!t||!d(e))return null;let n=t.split(".").filter(o=>o!=="");if(n.length===0)return null;let r=e;for(let o of n)if(d(r)&&o in r)r=r[o];else return null;return r}function gn(e,t={label:zt,value:A}){return e.map(n=>{if(d(n)){let r=R(n,t.label),o=R(n,t.value);if(H(r)&&H(o))return{label:`${r}`,value:`${o}`}}return n})}function pn(e=ge){if(e){let t=e.lastIndexOf("/"),n=t===-1?e:e.slice(t+1);if(n&&n!==Ce)return n.trim().toLowerCase()}return ge}function yn(e){let t={};for(let n of e.keys()){let r=e.getAll(n);t[n]=r.length>1?r:r[0]}return t}function bn(e){let t={};for(let n in e){let r=n.split(".");if(r.length===1){t[n]=e[n];continue}let o=t;for(let l=0;l<r.length-1;l++){let a=r[l],s=r[l+1],c=zo.test(s);a in o||(o[a]=c?[]:{}),o=o[a]}let i=r[r.length-1];o[i]=e[n]}return yt(t),t}function yt(e){for(let t in e){let n=e[t];if(Array.isArray(n)){let r=n.filter(o=>o!==void 0);r.forEach(o=>{o!==null&&typeof o=="object"&&!Array.isArray(o)&&yt(o)}),e[t]=r}else n!==null&&typeof n=="object"&&yt(n)}}var Qo=/\[([^\]]{1,500})\]\(([^)]{1,2000})\)/g;function Y(e,t={}){if(I(e))return jo(e,t);if(Array.isArray(e))return e.map(n=>Y(n,t));if(d(e)){let n={};for(let r in e)n[r]=Y(e[r],t);return n}return e}function ht(e,t={}){return pe(e)?Y(e,t):e}function pe(e){return I(e)?/{([^}]{1,200})}/.test(e):Array.isArray(e)?e.some(t=>pe(t)):d(e)?Object.values(e).some(t=>pe(t)):!1}function jo(e,t={}){return e.replace(/{([^}]{1,200})}/g,(n,r)=>{let o=r.includes(".")?R(t,r):t[r];return H(o)?String(o):n})}function xn(e,t){if(!e||e.trim().length===0)return null;let n,r=0,o=!1,i=[];for(;(n=Qo.exec(e))!==null;){let[l,a,s]=n,c=n.index;o=!0,c>r&&i.push(e.substring(r,c));let u=t?t(c,s,a):l;i.push(u),r=c+l.length}return o?(r<e.length&&i.push(e.substring(r)),i):e}var ye={error:(...e)=>{Rt()&&!Tt()&&Le().error("[Luna Form]",...e)},warn:(...e)=>{Rt()&&!Tt()&&Le().warn("[Luna Form]",...e)},info:(...e)=>{Rt()&&!Tt()&&Le().info("[Luna Form]",...e)}},Rt=()=>typeof Le()<"u",Tt=()=>!0,Le=()=>globalThis.console;function hn(e=[],t){let n=[],r=[],o=[];for(let i of e)i.action===A&&n.push(i),i.action===cn&&r.push(i),i.action===un&&o.push(i);t({sources:r,states:o,values:n})}function Rn(e=null,t=[],n){for(let r of t){let{target:o,source:i}=r;if(!e){n(o,void 0);continue}if(fn(i)){let l=Y(i.url,e),a=i.body?Y(i.body,e):i.body;n(o,{...i,url:l,body:a})}}}var be={eq:oi,gt:si,gte:ci,in:li,lt:ui,lte:di,neq:ii,nin:ai},ei=/^\d{4}-\d{2}-\d{2}(T\d{2}:\d{2}:\d{2})?/,Tn=/^(\d{2})[/-](\d{2})[/-](\d{4})(?: (\d{2}):(\d{2})(?::(\d{2}))?)?$/;function ti(e){return typeof e=="string"&&ei.test(e)}function ni(e){return typeof e=="string"&&Tn.test(e)}function ri(e){let t=e.match(Tn);if(t){let[,n,r,o,i,l,a]=t;return new Date(Number(o),Number(r)-1,Number(n),Number(i??0),Number(l??0),Number(a??0)).getTime()}return NaN}function X(e){return ti(e)?new Date(e).getTime():ni(e)?ri(e):Number(e)}function oi(e,t){return e===t}function ii(e,t){return e!==t}function li(e,t){return Array.isArray(t)&&t.includes(String(e))}function ai(e,t){return Array.isArray(t)&&!t.includes(String(e))}function si(e,t){return X(e)>X(t)}function ci(e,t){return X(e)>=X(t)}function ui(e,t){return X(e)<X(t)}function di(e,t){return X(e)<=X(t)}function Sn(e=null,t=[],n){for(let r of t){let{target:o,state:i,when:l}=r,a=Array.isArray(o)?o:[o];if(!e){n(a);continue}let s=fi(e,l);n(a,s?i:void 0)}}function fi(e,t){return t===void 0?!0:I(t)?Pe(e,A)===t:pt(t)?!!Pe(e,A)===t:Array.isArray(t)?t.includes(String(Pe(e,A))):mi(e,t)}function mi(e=null,t){let n=Pe(e,t.field??A),{operator:r="eq",value:o}=t,i=be[r];return i?i(n,o):!1}function Pe(e,t){return d(e)?R(e,t):e}function An(e=null,t=[],n){for(let r of t)for(let[o,i]of Object.entries(r.value))n(o,e?Y(i,e):void 0)}var Oe=e=>w(Kt)(e),Ve=e=>w(Wt)(e),T=w(qt),St=w(Ce),D=w(Xt),M=w(Zt),At=w(Yt),vn=w(ge,gt,Qt,jt),Fn=w(Ut,gt),De=w(Ht,Jt);function Me(e){return D(e)||T(e)}function Cn(e){return e.type===ft}function q(e){return e.type===me}function _e(e){return e.type!==me&&e.type!==ft}function Be(e){return M(e)||D(e)}function Nn(e){return St(e)||At(e)}function Q(e){return e!=null&&e!==""}function w(...e){return t=>{let n=I(t.type)?t.type:void 0;return n?e.some(r=>n===r||n?.startsWith(`${r}/`)):!1}}function En(e,t={}){if(M(e)&&e.disabled){let n=e.name?t?.[e.name]:void 0;if(n&&d(n))return[n]}}function kn(e){return D(e)||T(e)?le:e.advanced?.orientation??U}function In(e){return T(e)?e.advanced?.reverse!==!1:!1}function wn(e,t){let n=e.readonly??!1;return t||n}function Ln(e){if(D(e)||M(e)&&!e.disabled){let t=e.source;if(Array.isArray(t)||d(t)&&!(ie in t))return t}}var gi=/^\d+$/;function Pn(){return Array.from({length:12},(e,t)=>({value:(t+1).toString(),label:new Date(0,t).toLocaleString("default",{month:"long"})}))}function On(e,t){return t>=e?Array.from({length:t-e+1},(n,r)=>{let o=e+r;return{value:o.toString(),label:o.toString()}}):[]}function vt(){return new Date().getFullYear()}function Ft(e,t){if(typeof e=="number")return e;let n=t??vt(),r=e.trim().toLowerCase();if(r.startsWith("current")){let o=r.match(/^current([+-])(\d+)$/);if(o){let[,i,l]=o,a=parseInt(l,10);if(!isNaN(a))return i==="+"?n+a:n-a}return n}return gi.test(r)?parseInt(r,10):n}var Ge=vt();function pi(e){if(M(e))return yi(e)}function yi(e){if(Oe(e))return Pn();if(Ve(e)){let t=e.advanced?.length?.min??Ge,n=e.advanced?.length?.max??Ge+5;return On(Ft(t,Ge),Ft(n,Ge))}}function Vn(e,t=!1){let n={disabled:t,id:e.name,name:e.name,placeholder:e.placeholder,required:e.required};return St(e)?{...n,...bi(e)}:M(e)?{...n,...xi(e)}:At(e)?{...n,...hi(e)}:n}function bi(e){let t=pn(e.type),n={...e,type:t};return{...Dn(e),...Ri(n),...vn(n)?Mn(n):{},type:t}}function xi(e){let t=pi(e);return t?{options:t}:{}}function hi(e){return{...Dn(e),...Mn(e)}}function Dn(e){let t=e.advanced?.autocomplete;return t?{autoComplete:t}:{}}function Ri(e){return De(e)?Ti(e):{}}function Mn(e){return _n(e,{min:an,max:sn})}function Ti(e){return _n(e,{min:Ee,max:ke})}function _n(e,t){let n={},r=e.advanced?.length;return r&&(r.min!==void 0&&(n[t.min]=r.min),r.max!==void 0&&(n[t.max]=r.max)),n}function Bn(e,t){let n=Ln(e);return n||En(e,t)}function Si(e,t){let n=d(t)&&e.name in t?t[e.name]:t;return xt(n,e.advanced?.entity)}function Ai(e,t,n){return Be(e)&&Array.isArray(n)?{...t,[Ne]:n}:t}function vi(e,t,n){if(e.required&&!Q(n)&&M(e)&&e.advanced?.preselected!==!1&&Ne in t){let r=t[Ne];if(Array.isArray(r)&&r.length===1)return r[0]}return n}function Fi(e,t){return M(e)&&Array.isArray(t)?gn(t,e.advanced?.options):t}function Gn(e,t,n,r){let o=Si(e,r),i=Array.isArray(n)?Fi(e,n):n,l=Ai(e,t,i),a=vi(e,l,o);return{commonPropsWithOptions:l,defaultValue:a}}function $n(e,t){return T(e)?{checked:Q(t)?t:!1}:{value:t??""}}var Ci=/^#\/definition\//;function Ue(e=[],t){let n=$e(e,t);return Array.isArray(n)?n.filter(Ei).sort((r,o)=>Un(r)-Un(o)):[]}function $e(e,t,n=new Map,r=new WeakSet){if(!Ni(t)||!e||typeof e!="object")return e;if(n.has(e))return n.get(e);if(r.has(e))return e;if(r.add(e),Array.isArray(e))return e.map(i=>$e(i,t,n,r));if(ie in e&&I(e[ie])){let i=e[ie].replace(Ci,""),l=R(t,i);return l!==null?$e(l,t,n,r):e}let o={};for(let[i,l]of Object.entries(e))o[i]=$e(l,t,n,r);return r.delete(e),n.set(e,o),o}function Hn(e){return Object.entries(e??{})}function Un(e){return e.order??Number.MAX_VALUE}function Ni(e){return e!==void 0&&d(e)&&Object.keys(e).length>0}function Ei(e){return dn in e?!0:Array.isArray(e[mt])?e[mt].length>0:!0}function Yn(e,t){let n={};for(let[r,o]of Hn(t))n[`${e}-${r}`]=o;return n}function ki(e){return Yn(on,e)}function Ii(e){return Yn(ln,e)}function Xn(e,t){let n=ki(e.advanced?.aria);return t&&t.length>0&&(n[tn]="true",n[en]=`${e.name}-error`),n}function qn(e){return Ii(e.advanced?.data)}var Zn={1:"md:grid-cols-1",2:"md:grid-cols-2",3:"md:grid-cols-3"},Kn={1:"md:col-span-1",2:"md:col-span-2",3:"md:col-span-3"};function Wn(e,t=2){return Zn[e&&e in Zn?e:t]}function zn(e){if(e&&e in Kn)return Kn[e]}function wi(e,t){let n=e.advanced?.length?.min??1;if(t){let r=R(t,e.name);if(Array.isArray(r))return Math.max(r.length,n)}return Math.max(n,0)}function Jn(e){return!Array.isArray(e.fields)||e.fields.length===0?!1:e.fields.length>1||e.fields[0].type===me}function Qn(e,t){let n=wi(e,t);return Array.from({length:n},(r,o)=>o)}function jn(e){return e.label??e.name}var m=require("zod");function f(e,t){return e?t?t[e]??e:e:""}var Li=[[De,Mi],[Fn,Pi],[Ve,_i],[Oe,Bi],[T,Oi],[D,Vi]];function tr(e,t=[],n){let r=m.z.object(e);return t.length===0?r:Hi(r,t,n)}function nr(e){let t={},n=m.z.flattenError(e).fieldErrors;for(let[r,o]of Object.entries(n))o!==void 0&&(t[r]=o);return t}function rr(e,t){for(let[n,r]of Li)if(n(e))return r(e,t);return Di(e,t)}function Pi(e,t){let n=m.z.string().trim();if(e.required){let r=ae(e,t),o=n.min(1,r).pipe(er(e,t));return m.z.preprocess(i=>we(i)?"":i,o)}return n.pipe(er(e,t)).or(m.z.literal("")).nullable()}function Oi(e,t){let n=m.z.coerce.boolean();return e.required?(n=n.refine(r=>r===!0,{message:ae(e,t)}),m.z.preprocess(r=>r===null?!1:r,n)):n.nullable()}function Vi(e,t){let n=m.z.coerce.string();return e.required?(n=n.min(1,ae(e,t)),m.z.preprocess(r=>we(r)?"":r,n)):n.or(m.z.literal("")).nullable()}function Di(e,t){let n=m.z.coerce.string().trim();return n=or(n,e,t),e.required?(n=ir(n,e,t),m.z.preprocess(r=>we(r)?"":r,n)):n.nullable()}function Mi(e,t){let n=m.z.coerce.number().int();return n=or(n,e,t),e.required?(n=ir(n,e,t),m.z.preprocess(r=>r===null?void 0:r,n)):n.nullable()}function _i(e,t){return e.required?m.z.preprocess(Gi,m.z.coerce.number({message:ae(e,t)}).int()):m.z.coerce.number().int().nullable()}function Bi(e,t){let n=ae(e,t),r=m.z.coerce.number().int().min(1,n).max(12,n);return e.required?r:r.nullable()}function Gi(e){return e===null||e===""?void 0:e}function er(e,t){let n=e.validation?.email?f(e.validation?.email,t):void 0;return m.z.email(n)}function or(e,t,n){return e=$i(e,t,n),e=Ui(e,t,n),e}function ir(e,t,n){let r=t.advanced?.length?.min;return r===void 0||r<1?e.min(1,ae(t,n)):e}var $i=(e,t,n)=>lr(e,t,Ee,n),Ui=(e,t,n)=>lr(e,t,ke,n);function lr(e,t,n,r){let o=t.advanced?.length?.[n];if(o!==void 0){let i=t.validation?.length?.[n]?f(t.validation?.length?.[n],r):void 0;return e[n](o,i)}return e}function Hi(e,t=[],n){let r=Xi(t);return r.length===0?e:e.superRefine((o,i)=>{for(let{name:l,rule:a}of r)if(!Yi(o,l,a)){let s=f(a.message,n);i.addIssue({code:"custom",message:s,path:[l]})}})}function Yi(e,t,n){let r=n.operator??"eq",o=be[r];return o?o(e[t],e[n.field]):!1}function Xi(e){let t=[];for(let n of e){let r=n.validation?.custom;if(!r)continue;let o=Array.isArray(r)?r:[r];for(let i of o)t.push({name:n.name,rule:i})}return t}function ar(e,t,n,r){let o=[],i=Array.isArray(t)?t:[t];for(let l of i){let a=l.operator??"eq",s=be[a];if(s&&!s(e,n(l.field))&&l.message){let c=f(l.message,r);o.push(c)}}return o}function ae(e,t){return e.validation?.required?f(e.validation?.required,t):void 0}function sr(e,t){if(!t||!Zi(e))return!0;if(t.length===0)return!1;try{let n=new URL(e),r=n.protocol.replace(":",""),o=n.hostname,i=n.port||qi(r);return t.some(l=>!(l.protocol&&l.protocol!==r||l.hostname&&l.hostname!==o||l.port!==void 0&&String(l.port)!==i))}catch{return!1}}function qi(e){return e==="https"?"443":"80"}function Zi(e){return/^(https?:)?\/\//.test(e)}function cr(e,t){try{if(!e)return t;if(!t)return e;let n=new URL(e,Ie);new URL(t,Ie).searchParams.forEach((i,l)=>{n.searchParams.set(l,i)});let o=n.toString();return e.startsWith("/")||!e.includes("://")?o.replace(Ie,""):o}catch{return t||e}}function ur(e){return!Array.isArray(e)||e.length===0?null:e.reduce((t,n)=>{let r=cr(t.url,n.url),o=Ki(t,n),i=Wi(t,n);return{...t,...n,url:r,body:o,headers:i}})}function Ki(e,t){return d(t.body)&&d(e?.body)?{...e.body,...t.body}:t.body??e?.body}function Wi(e,t){return d(t.headers)&&d(e?.headers)?{...e.headers,...t.headers}:t.headers??e?.headers}function He(e,t){return{...e,...t}}var dr=require("react/jsx-runtime");function Z(e){return xn(e,(t,n,r)=>(0,dr.jsx)("a",{className:"underline",href:n,rel:"noopener noreferrer",target:"_blank",children:r},`${n}-${t}`))}var L=require("react/jsx-runtime");function fr(e){let{fields:t=[]}=e.section,[n,r]=(0,se.useState)(!1),o=(0,se.useCallback)(()=>r(i=>!i),[]);return(0,L.jsxs)("fieldset",{"data-slot":"field-set","data-advanced":"true","data-expanded":n,"data-empty":t.length===0,className:"flex flex-col",id:e.section.id?.toString(),children:[(0,L.jsx)("legend",{children:(0,L.jsxs)("button",{className:"flex cursor-pointer items-center gap-2 text-base font-medium text-slate-600 dark:text-slate-400",onClick:o,type:"button",children:[(0,L.jsx)($t,{expanded:n}),(0,L.jsx)("span",{children:Z(e.section.title)})]})}),(0,L.jsx)(se.Activity,{mode:n?"visible":"hidden",children:(0,L.jsxs)("div",{className:"mt-3 ml-1.5 flex flex-col gap-4 border-l-2 border-slate-300 pl-4 dark:border-slate-600","data-slot":"field-set-content",children:[e.section.description&&(0,L.jsx)("p",{className:"text-sm leading-normal font-normal text-slate-600 dark:text-slate-400",children:Z(e.section.description)}),e.group]})})]})}var j=require("react/jsx-runtime");function mr(e){return(0,j.jsxs)(j.Fragment,{children:[e.title&&(0,j.jsx)("legend",{className:"mb-3 font-medium text-slate-800 dark:text-slate-200",children:Z(e.title)}),e.description&&(0,j.jsx)("p",{className:"-mt-2 text-sm leading-normal font-normal text-slate-600 dark:text-slate-400",children:Z(e.description)})]})}var Xe=require("react/jsx-runtime");function Ye(e){return(0,Xe.jsxs)("fieldset",{"data-slot":"field-set","data-empty":e.empty,className:"flex flex-col data-[empty=false]:gap-6",id:e.id,children:[(0,Xe.jsx)(mr,{description:e.description,title:e.title}),e.children]})}var gr=require("react/jsx-runtime");function ee(e){return(0,gr.jsx)("div",{"data-slot":"field-group","data-compact":e.compact,className:"flex w-full flex-col gap-8 data-[compact=true]:gap-3",children:e.children})}var qe=require("react/jsx-runtime");function pr(e){let{fields:t=[]}=e.section,{compact:n}=He(e.style,{compact:e.section.compact}),r=(0,qe.jsx)(ee,{compact:n,children:e.children});return!e.section.title&&!e.section.description?r:e.section.advanced?(0,qe.jsx)(fr,{section:e.section,group:r}):(0,qe.jsx)(Ye,{description:e.section.description,empty:t.length===0,id:e.section.id?.toString(),title:e.section.title,children:r})}var Rr=require("jotai");var K=require("jotai"),Ct=require("jotai-family"),Ze=require("fast-equals");function Ke(e,t){let{[t]:n,...r}=e;return r}function zi(e){return(0,Ct.atomFamily)(t=>(0,K.atom)(n=>n(e)[t]??void 0,(n,r,o)=>{let i=n(e);if(o!=null){let l=i[t];(!l||!(0,Ze.deepEqual)(l,o))&&r(e,{...i,[t]:o})}else i[t]&&r(e,Ke(i,t))}))}function Ji(e){return(0,K.atom)(null,(t,n)=>{let r=t(e);r&&Object.keys(r).length>0&&n(e,{})})}function Qi(e){return(0,K.atom)(null,(t,n,r)=>{let i={...t(e)},l=!1;for(let a of r)i[a]&&(delete i[a],l=!0);l&&n(e,i)})}function ji(e){return(0,K.atom)(null,(t,n,r)=>{let o=t(e);(0,Ze.deepEqual)(o,r)||n(e,r)})}function yr(e,t={}){let{merge:n,validateTarget:r}=t;return(0,Ct.atomFamily)(o=>(0,K.atom)(i=>{let l=i(e)[o];if(l&&n)return n(Object.values(l))},(i,l,a,s)=>{if(r&&!r(a))return;let c=i(e),u={...c[a]??{}};if(s!=null){let p=u[o];(!p||!(0,Ze.deepEqual)(p,s))&&(u[o]=s,l(e,{...c,[a]:u}))}else u[o]&&(delete u[o],Object.keys(u).length===0?l(e,Ke(c,a)):l(e,{...c,[a]:u}))}))}function br(e){return(0,K.atom)(null,(t,n,r)=>{let i={...t(e)},l=!1;for(let a of r)i[a]&&(delete i[a],l=!0);for(let a in i){let s={...i[a]},c=!1;for(let u of r)s[u]&&(delete s[u],c=!0,l=!0);c&&(Object.keys(s).length===0?delete i[a]:i[a]=s)}l&&n(e,i)})}function ce(e={}){let t=(0,K.atom)(e);return{atom:t,clearAll:Ji(t),clear:Qi(t),bulkReport:ji(t),report:zi(t)}}var xr=ce(),We=xr.atom,hr=xr.report;function el(e,t){return e.fields.every(n=>Tr(n,t))}function Tr(e,t){return t[e.name]?.hidden??e.hidden??!1}function tl(e,t){return q(e)?el(e,t):Tr(e,t)}function ze(e){let t=(0,Rr.useAtomValue)(We);return e.container&&(t[e.container.name]?.hidden??e.container.hidden??!1)||e.fields.length===0||e.fields.every(r=>tl(r,t))?null:e.children}var Nt=require("react/jsx-runtime");function Sr(){return(0,Nt.jsx)("div",{"data-slot":"field-separator",className:"relative -my-2 h-5 text-sm",children:(0,Nt.jsx)("div",{className:"absolute inset-0 top-1/2 h-px w-full bg-slate-200 dark:bg-slate-800"})})}var _=require("react/jsx-runtime");function Ar(e){let t=Ue(e.sections,e.definition);return(0,_.jsx)("div",{className:"h-full w-full",children:(0,_.jsx)("form",{noValidate:e.noValidate,action:e.action,children:(0,_.jsxs)(ee,{children:[t.map((n,r)=>(0,_.jsxs)(ze,{fields:n.fields??[],children:[(0,_.jsx)(pr,{section:n,style:e.config.style,children:e.children({disabled:e.readOnly,fields:n.fields})}),n.separator&&(0,_.jsx)(Sr,{})]},r)),e.control&&(0,_.jsx)(Bt,{isPending:e.isPending,children:e.control})]})})})}var Fr=require("react/jsx-runtime");function vr(e){return(0,Fr.jsx)("p",{className:"-mt-2 text-xs leading-normal font-normal text-slate-600 dark:text-slate-400",children:e.children})}var Cr=require("react/jsx-runtime");function Je(e){let t=Z(e.text);return t?(0,Cr.jsx)(vr,{children:t}):null}var Nr=require("tailwind-merge"),Qe=require("react/jsx-runtime");function Er(e){let t=e.style?.showOptionalLabel??!0,n=D(e.field)||T(e.field);return(0,Qe.jsxs)("label",{"data-slot":"field-label","data-normal":n,className:(0,Nr.twMerge)("flex w-fit items-center gap-2 text-sm leading-snug font-medium select-none","data-[normal=true]:font-normal","group-data-[readonly=true]:cursor-not-allowed group-data-[readonly=true]:opacity-50"),htmlFor:e.field.name,children:[e.children,t&&!e.field.required&&(0,Qe.jsx)("span",{className:"text-sm text-slate-600 dark:text-slate-400",children:f("(Optional)",e.translations)})]})}var xe=require("react/jsx-runtime");function kr(e){let t={context:e.context,env:e.config?.env},n=ht(e.field.label,t),r=ht(e.field.description,t);return(0,xe.jsxs)("div",{"data-slot":"field-content",className:"flex w-full flex-1 flex-col gap-1.5 leading-snug",children:[(0,xe.jsx)(Er,{field:e.field,style:e.config?.style,translations:e.translations,children:f(n,e.translations)}),e.orientation===le&&(0,xe.jsx)(Je,{text:f(r,e.translations)})]})}var te=require("react/jsx-runtime");function Ir(e){return(0,te.jsxs)(te.Fragment,{children:[e.field.name&&e.field.label&&(0,te.jsx)(kr,{config:e.config,context:e.context,field:e.field,orientation:e.orientation,translations:e.translations}),e.children,e.orientation===U&&e.field.description&&(0,te.jsx)(Je,{text:f(e.field.description,e.translations)})]})}function je(e,t){return e?t(e):null}var Et=ce(),wr=Et.clear,Lr=Et.bulkReport,et=Et.report;var tt=ce(),nt=tt.atom,Pr=tt.clearAll,Or=tt.clear,rt=tt.report;var b=require("react");var Vr=require("jotai");var nl=e=>{let t=ur(e);if(t)return t},rl=e=>e.trim()!=="",Dr=(0,Vr.atom)({}),Mr=yr(Dr,{merge:nl,validateTarget:rl}),_r=br(Dr);var $r=require("jotai");var Br=Ko(require("swr"),1);function Gr(e=null,t,n=!1){let{data:r,error:o}=(0,Br.default)(ol(e,t,n),t.fetcher.provider);if(o&&ye.error("Error fetching data source:",o),e){if(Array.isArray(e))return e;if(r)return mn(r,e.namespace)}return null}function ol(e=null,t,n=!1){if(e&&!Array.isArray(e)&&!n&&e.url&&!pe(e.url)){if(sr(e.url,t.fetcher.remotePatterns))return e;ye.warn(`URL blocked by remotePatterns: ${e.url}. Check your luna.config.ts`)}return null}function Ur(e,t,n){let r=Bn(e,n),[o,i]=(0,$r.useAtom)(Mr(e.name));return[Gr(o??r,t,e.disabled),i]}var ne=require("react");function Hr(e,t,n,r){let{name:o}=e,i=(0,ne.useMemo)(()=>rr(e,r),[e,r]),l=(0,ne.useEffectEvent)(s=>{s&&t(s,i,e)}),a=(0,ne.useEffectEvent)(s=>{s&&n(s)});return(0,ne.useEffect)(()=>(l(o),()=>{a(o)}),[o]),i}var de=require("jotai");var ue=require("react");function Yr(){let e=(0,ue.useRef)(null);return(0,ue.useEffect)(()=>()=>{e.current&&clearTimeout(e.current)},[]),(0,ue.useCallback)((n,r)=>{e.current&&(clearTimeout(e.current),e.current=null),e.current=setTimeout(n,r)},[])}var Xr=require("jotai"),W=require("react");function qr(e,t){let{name:n}=e,r=(0,W.useRef)(!1),[o,i]=(0,Xr.useAtom)(rt(n)),l=(0,W.useEffectEvent)(s=>{let c=il(n,s);Q(c)&&(r.current=!0,i(c))});(0,W.useEffect)(()=>{t&&l(t)},[t]);let a=(0,W.useCallback)(()=>r.current?(r.current=!1,!0):!1,[]);return{setValue:i,shouldSkipOnChange:a,value:o}}function il(e,t){if(e in t)return t[e];if(!e.includes("."))return;let n=e.split("."),r=t;for(let o of n){if(r==null)return;if(Array.isArray(r)){let i=Number(o);r=Number.isInteger(i)?r[i]:void 0}else if(typeof r=="object")r=r[o];else return}return r}var kt=require("react/jsx-runtime");function Zr(e){let t=e.field.advanced?.entity,n=(0,de.useStore)(),r=Yr(),[,o]=(0,b.useTransition)(),{setValue:i,shouldSkipOnChange:l,value:a}=qr(e.field,e.value),s=(0,b.useRef)(!1),c=(0,b.useRef)(a);c.current=a;let u=(0,b.useRef)(e.translations);u.current=e.translations;let p=Nn(e.field),h=Me(e.field),F=(0,de.useSetAtom)(nt),G=(0,de.useSetAtom)(We),C=(0,de.useSetAtom)(et(e.field.name)),[x,V]=Ur(e.field,e.config,a),N=Hr(e.field,e.onMount,e.onUnmount,e.translations),S=f(e.commonProps.placeholder,e.translations),$={...e.commonProps,placeholder:S},{commonPropsWithOptions:E,defaultValue:Te}=Gn(e.field,$,x,a),Dt=(0,b.useRef)(null);Dt.current=g=>{i(g),e.onValueChange&&e.onValueChange({name:e.field.name,value:g})};let at=(0,b.useRef)(null);at.current=g=>{let y=e.field.event?.change;y&&hn(y,({sources:J,states:Ae,values:st})=>{o(()=>{Rn(g,J,(k,oe)=>V(k,oe)),Sn(g,Ae,(k,oe)=>{G(ve=>oe?k.reduce((ct,ut)=>({...ct,[ut]:oe}),ve):k.reduce((ct,ut)=>Ke(ct,ut),ve))}),An(g,st,(k,oe)=>{F(ve=>({...ve,[k]:oe}))})})})};let Bo=$n(e.field,Te),Se=(0,b.useCallback)(g=>{let J=N.safeParse(g).error?.issues.map(k=>k.message)??[],Ae=e.field.validation?.custom,st=Ae?ar(g,Ae,k=>n.get(rt(k)),u.current):[];C([...J,...st])},[e.field.validation?.custom,N,C,n]),Mt=(0,b.useCallback)((g,y)=>{if(p){r(()=>{y({value:g})},500);return}y(bt(g,x,t))},[x,t,p,r]);(0,b.useEffect)(()=>{if(s.current||!e.value)return;if(!e.field.event?.change){s.current=!0;return}if(!((!Be(e.field)||!!x&&x.length>0)&&Q(Te)))return;s.current=!0;let y=String(Te),J=p?{value:y}:bt(y,x,t);at.current?.(J)},[x,Te,t,p,e.field,e.value]);let Go=(0,b.useCallback)(g=>{let y=g.target.value;!h&&l()&&(!p||y===c.current)||(Dt.current?.(y),e.config.validation.change&&Se(y),e.field.event?.change&&Mt(y,J=>{at.current?.(J)}))},[Mt,h,p,e.config.validation.change,e.field.event?.change,l,Se]),$o=(0,b.useCallback)(g=>{if(!h){let y=g.target.value;e.config.validation.blur&&Se(y)}},[h,e.config.validation.blur,Se]);return je(e.config.inputs[e.field.type],g=>(0,kt.jsx)(Ir,{config:e.config,context:e.context,field:e.field,orientation:e.orientation,translations:e.translations,children:(0,kt.jsx)(g,{...E,...e.ariaAttributes,...e.dataAttributes,...Bo,onBlur:$o,onChange:Go})}))}var It=require("react/jsx-runtime");function Kr(e){return!e.errors||e.errors.length===0?null:(0,It.jsx)("ul",{className:"text-sm text-red-600 dark:text-red-500",id:e.name?`${e.name}-error`:void 0,children:e.errors?.map((t,n)=>(0,It.jsx)("li",{children:t},e.name?`${e.name}-error-${n}`:n))})}var Wr=require("tailwind-merge"),zr=require("react/jsx-runtime");function ot(e){let t=e.errors&&e.errors.length>0;return(0,zr.jsx)("div",{"data-slot":"field","data-clickable":e.isClickable?"true":"false",...t&&{[nn]:"true"},...e.disabled&&{[rn]:"true"},"data-orientation":e.orientation,className:(0,Wr.twMerge)("group flex w-full flex-col items-center data-[invalid=true]:text-red-600 data-[invalid=true]:dark:text-red-500","data-[clickable=true]:items-start",e.isCheckbox&&(e.isReversed?"flex-row-reverse!":"flex-row!"),"data-[clickable=true]:has-[>[data-slot=field-content]]:[&>:first-child]:mt-px",e.className),children:e.children})}var Jr=require("tailwind-merge"),jr=require("react/jsx-runtime");function Qr(e){return(0,jr.jsx)(ot,{...e,orientation:U,className:(0,Jr.twMerge)("gap-3 has-[>[data-slot=field-content]]:items-start",!e.isClickable&&"[&>*]:w-full"),children:e.children})}var eo=require("tailwind-merge"),no=require("react/jsx-runtime");function to(e){return(0,no.jsx)(ot,{...e,orientation:le,className:(0,eo.twMerge)("gap-2 md:flex-row md:gap-4","[&>[data-slot=field-content]]:min-w-0 [&>[data-slot=field-content]]:flex-grow [&>[data-slot=field-content]]:self-start","[&_[role=checkbox]]:mt-[1.5px]",e.isClickable&&"md:flex-col",!e.isClickable&&["md:justify-between","[&>*:not([data-slot=field-content])]:w-full","[&>*:not([data-slot=field-content])]:md:w-1/2","[&>*:not([data-slot=field-content])]:xl:w-2/5"]),children:e.children})}var wt=require("react/jsx-runtime");function ro(e){let t=Me(e.field),n=T(e.field),r=In(e.field);return e.orientation===U?(0,wt.jsx)(Qr,{disabled:e.disabled,errors:e.errors,isCheckbox:n,isReversed:r,isClickable:t,children:e.children}):(0,wt.jsx)(to,{disabled:e.disabled,errors:e.errors,isCheckbox:n,isReversed:r,isClickable:t,children:e.children})}function oo(e){if(!e.field.type)return null;let t=Vn(e.field,e.disabled),n=qn(e.field),r=Xn(e.field,e.errors),o={...e.field,disabled:t.disabled};return e.children({ariaAttributes:r,commonProps:t,dataAttributes:n,field:o,orientation:e.orientation})}var io=require("tailwind-merge"),fe=require("react/jsx-runtime");function lo(e){let t=e.field.advanced?.cols,n=e.field.name?e.errors?.[e.field.name]:void 0,{orientation:r}=He(e.style,{orientation:kn(e.field)}),o=wn(e.field,e.disabled);return(0,fe.jsxs)("div",{className:(0,io.twMerge)("flex flex-col gap-3",zn(t)),children:[(0,fe.jsx)(ro,{disabled:o,errors:n,field:e.field,orientation:r,children:(0,fe.jsx)(oo,{disabled:o,errors:n,field:e.field,orientation:r,children:e.children})}),(0,fe.jsx)(Kr,{errors:n,name:e.field.name})]})}var ao=require("jotai"),fo=require("react/jsx-runtime");function so(e){return(t,n)=>o=>{let i=(0,ao.useAtomValue)(e(o.field.name)),l=n(i,o);return l===null?null:(0,fo.jsx)(t,{...o,...l})}}var ll=so(et);function co(e){return ll(e,(t,n)=>({errors:t?{[n.field.name]:t}:void 0}))}var al=so(hr);function uo(e){return al(e,(t,n)=>t?.hidden??n.field.hidden??!1?null:{disabled:t?.disabled??n.disabled})}var mo=uo(co(lo));var go=require("tailwind-merge");var v=require("react/jsx-runtime");function po(e){function t(){e.canRemove&&e.onRemove&&e.onRemove(e.index)}let n=e.canRemove&&e.onRemove!=null&&(0,v.jsx)("button",{"aria-label":`Remove ${e.label} item ${e.index+1}`,className:(0,go.twMerge)("rounded p-1 text-xl text-slate-400","transition-colors duration-150","hover:text-red-500","focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:outline-none","dark:text-slate-500 dark:hover:text-red-400"),onClick:t,type:"button",children:(0,v.jsx)("span",{"aria-hidden":"true",children:"\xD7"})});return e.isMultiField?(0,v.jsxs)("div",{className:"rounded-lg border border-slate-100 p-4 dark:border-slate-900",children:[(0,v.jsxs)("div",{className:"mb-3 flex items-center justify-between",children:[(0,v.jsxs)("span",{className:"text-sm font-medium text-slate-400 dark:text-slate-500",children:[e.label," ",e.index+1]}),n]}),(0,v.jsx)(ee,{children:e.children})]}):(0,v.jsxs)("div",{className:"flex items-start gap-2",children:[(0,v.jsx)(ee,{children:e.children}),n&&(0,v.jsx)("div",{className:"shrink-0",children:n})]})}var xo=require("tailwind-merge");var yo=require("jotai"),P=require("react");function bo(e,t){let n=e.advanced?.length?.min??1,r=e.advanced?.length?.max??1/0,[o,i]=(0,P.useState)(()=>Qn(e,t)),l=(0,P.useRef)(o.length),a=(0,P.useRef)(o);(0,P.useLayoutEffect)(()=>{a.current=o});let s=(0,yo.useSetAtom)(nt),c=(0,P.useCallback)(()=>{i(F=>{if(F.length>=r)return F;let G=l.current++;return[...F,G]})},[r]),u=(0,P.useCallback)(F=>{if(a.current.length<=n)return;let G=a.current[F];i(C=>C.length<=n?C:C.filter((x,V)=>V!==F)),s(C=>{let x={...C},V=`${e.name}.`,N=[];for(let S of e.fields)if(q(S))for(let $ of S.fields)N.push($.name);else N.push(S.name);for(let S of N)delete x[`${V}${G}.${S}`];return x})},[e.name,e.fields,n,s]),p=o.length<r,h=o.length>n;return[o,c,u,p,h,r]}var B=require("react/jsx-runtime");function ho(e){let[t,n,r,o,i,l]=bo(e.field,e.value),a=jn(e.field),s=e.field.advanced?.action??"Add item",c=l!==1/0,u=Jn(e.field);return(0,B.jsxs)(B.Fragment,{children:[t.map((p,h)=>(0,B.jsx)(po,{canRemove:i,index:h,isMultiField:u,label:a,onRemove:r,children:e.children(p)},p)),(0,B.jsxs)("button",{"aria-disabled":!o,"aria-label":c?`${s}, ${t.length} of ${l}`:s,className:(0,xo.twMerge)("flex w-full items-center gap-1.5 rounded py-1","text-sm font-medium text-slate-500","transition-colors duration-150","hover:text-slate-800","focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:ring-offset-2 focus-visible:outline-none","dark:text-slate-400 dark:hover:text-slate-200",!o&&"cursor-not-allowed opacity-50 hover:text-slate-500 dark:hover:text-slate-400"),disabled:!o,onClick:n,type:"button",children:[(0,B.jsx)("span",{"aria-hidden":"true",children:"+"}),s,c&&(0,B.jsxs)("span",{"aria-hidden":"true",className:"ml-auto text-slate-400 tabular-nums dark:text-slate-500",children:[t.length," / ",l]})]})]})}var To=require("react/jsx-runtime");function Ro(e){let t=Array.isArray(e.field.fields)&&e.field.fields.length===0;return(0,To.jsx)(Ye,{description:e.field.description,empty:t,id:e.field.name,title:e.field.label,children:e.children})}var it=require("react/jsx-runtime");function So({children:e,field:t,value:n}){return(0,it.jsx)(ze,{container:t,fields:t.fields,children:(0,it.jsx)(Ro,{field:t,children:(0,it.jsx)(ho,{field:t,value:n,children:e})})})}var Ao=require("tailwind-merge"),Lt=require("react/jsx-runtime");function vo(e){let t=Wn(e.column?.advanced?.cols);return(0,Lt.jsx)("div",{className:"flex w-full flex-col gap-4",children:(0,Lt.jsx)("div",{className:(0,Ao.twMerge)("grid grid-cols-1 gap-3 sm:gap-4",t),children:e.children})})}var No=require("react");var Co=require("react/jsx-runtime");function Fo(e){let t=Array.isArray(e.field.fields)?e.field.fields.map(n=>_e(n)?{...n,name:`${e.field.name}.${e.index}.${n.name}`}:q(n)?{...n,fields:n.fields.map(r=>({...r,name:`${e.field.name}.${e.index}.${r.name}`}))}:n):[];return(0,Co.jsx)(he,{children:e.children,components:e.components,disabled:e.disabled,fields:t,style:e.style,value:e.value})}var z=require("react/jsx-runtime");function he(e){let{field:t,list:n}=e.components;return Ue(e.fields).map((r,o)=>(0,z.jsxs)(No.Fragment,{children:[q(r)&&(0,z.jsx)(vo,{column:r,children:(0,z.jsx)(he,{...e,fields:r.fields})}),_e(r)&&(0,z.jsx)(t,{disabled:e.disabled,field:r,style:e.style,children:e.children}),Cn(r)&&(0,z.jsx)(n,{field:r,value:e.value,children:i=>(0,z.jsx)(Fo,{children:e.children,components:e.components,disabled:e.disabled,field:r,index:i,style:e.style,value:e.value})})]},o))}var ko=require("react/jsx-runtime");function Eo(e){return n=>(0,ko.jsx)(he,{...n,components:e})}var Io=Eo({field:mo,list:So});var Ot=require("jotai");var Re=require("react");function Lo(e,t,n){let{onSuccess:r,preserveValues:o=!1,validation:i=!0,translations:l}=n??{},a=(0,Ot.useSetAtom)(Lr),s=(0,Ot.useSetAtom)(Pr),c={data:null,error:null,success:!1},[u,p,h]=(0,Re.useActionState)(async(F,G)=>{let[C,x]=e(),V=tr(C,x,l);if(i===!1)return t?await t(G,V):F;let N=yn(G),S=V.safeParse(N);if(!S.success){let E=nr(S.error);return(0,Re.startTransition)(()=>{a(E)}),Pt(N,{description:f("Please correct the errors and try again.",l),details:[],title:f("There were validation errors submitting the form.",l)})}let $=bn(N);if(t)try{let E=await t($,V);return E.success?(r?.(E.data),o||(0,Re.startTransition)(()=>{s()}),wo($,o)):Pt($,E.error)}catch(E){return ye.error("Error executing form action:",E),Pt($,{title:f("An unexpected error occurred submitting the form.",l),details:sl(E,l)})}return wo(S.data,o)},c);return[p,u,h]}function sl(e,t){return e instanceof Error?[e.message]:[f("Unknown error",t)]}function wo(e,t=!1){return{data:t?e:null,error:null,success:!0}}function Pt(e,t){return{data:e,error:t,success:!1}}var re=require("react");var Po=require("react"),lt=require("jotai");function Oo(){let e=(0,lt.useSetAtom)(wr),t=(0,lt.useSetAtom)(Or),n=(0,lt.useSetAtom)(_r);return(0,Po.useCallback)(r=>{let o=Array.isArray(r)?r:[r];e(o),n(o),t(o)},[e,n,t])}function Vo(){let e=Oo(),t=(0,re.useRef)({}),n=(0,re.useRef)([]),r=(0,re.useCallback)((l,a,s)=>{l in t.current||(t.current[l]=a,n.current.push(s))},[]),o=(0,re.useCallback)(l=>{t.current[l]&&(delete t.current[l],n.current=n.current.filter(a=>a.name!==l),e([l]))},[e]);return[(0,re.useCallback)(()=>[t.current,n.current],[]),r,o]}var O=require("react/jsx-runtime");function Do(e){let t=e.translations?.[e.lang??""],[n,r,o]=Vo(),[i,l,a]=Lo(n,e.action,{onSuccess:e.onSuccess,validation:e.config.validation.submit,translations:t}),s=e.config.validation.showError&&!l.success&&l.error,c=l.data??e.value;return(0,O.jsxs)(O.Fragment,{children:[s&&je(e.config.alert,u=>(0,O.jsx)("div",{className:"mb-4 w-full",children:(0,O.jsx)(u,{description:l.error?.description,details:l.error?.details,title:l.error.title})})),(0,O.jsx)(Ar,{action:i,config:e.config,control:e.children,definition:e.definition,isPending:a,noValidate:!0,readOnly:e.readOnly,sections:e.sections,children:({disabled:u,fields:p})=>(0,O.jsx)(Io,{disabled:u,fields:p,style:e.config.style,value:c,children:h=>(0,O.jsx)(Zr,{...h,config:e.config,context:e.context,onMount:r,onUnmount:o,onValueChange:e.onValueChange,translations:t,value:c})})})]})}var Mo=require("jotai"),Vt=require("react/jsx-runtime");function _o(e){return(0,Vt.jsx)(Mo.Provider,{children:(0,Vt.jsx)(Do,{...e})})}