@opensite/ui 2.2.1 → 2.2.3

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.
@@ -1104,23 +1104,6 @@ function HeroImageSlider({
1104
1104
  privacyNoticeClassName,
1105
1105
  gridClassName
1106
1106
  }) {
1107
- const formStyleRules = React3__namespace.useMemo(() => {
1108
- return {
1109
- formContainer: formEngineSetup?.formLayoutSettings?.styleRules?.formContainer ?? DEFAULT_STYLE_RULES.formContainer,
1110
- fieldsContainer: formEngineSetup?.formLayoutSettings?.styleRules?.fieldsContainer ?? DEFAULT_STYLE_RULES.fieldsContainer,
1111
- fieldClassName: formEngineSetup?.formLayoutSettings?.styleRules?.fieldClassName ?? DEFAULT_STYLE_RULES.fieldClassName,
1112
- formClassName: formEngineSetup?.formLayoutSettings?.styleRules?.formClassName ?? DEFAULT_STYLE_RULES.formClassName,
1113
- successMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.successMessageClassName ?? DEFAULT_STYLE_RULES.successMessageClassName,
1114
- errorMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.errorMessageClassName ?? DEFAULT_STYLE_RULES.errorMessageClassName
1115
- };
1116
- }, [formEngineSetup?.formLayoutSettings?.styleRules]);
1117
- const formFields = React3__namespace.useMemo(() => {
1118
- if (formEngineSetup && formEngineSetup?.fields && formEngineSetup?.fields?.length > 0) {
1119
- return formEngineSetup.fields;
1120
- } else {
1121
- return DEFAULT_FORM_FIELDS;
1122
- }
1123
- }, [formEngineSetup?.fields]);
1124
1107
  const renderActions = React3.useMemo(() => {
1125
1108
  if (actionsSlot) return actionsSlot;
1126
1109
  if (!actions || actions.length === 0) return null;
@@ -1279,20 +1262,22 @@ function HeroImageSlider({
1279
1262
  /* @__PURE__ */ jsxRuntime.jsx(
1280
1263
  integration.FormEngine,
1281
1264
  {
1282
- ...formEngineSetup,
1283
- formLayoutSettings: {
1284
- ...formEngineSetup?.formLayoutSettings,
1285
- formLayout: "standard",
1286
- submitButtonSetup: {
1287
- ...formEngineSetup?.formLayoutSettings?.submitButtonSetup,
1288
- submitLabel: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
1289
- buttonIcon,
1290
- buttonText
1291
- ] })
1292
- },
1293
- styleRules: formStyleRules
1265
+ formEngineSetup: {
1266
+ ...formEngineSetup,
1267
+ formLayoutSettings: {
1268
+ ...formEngineSetup?.formLayoutSettings,
1269
+ formLayout: "standard",
1270
+ submitButtonSetup: {
1271
+ ...formEngineSetup?.formLayoutSettings?.submitButtonSetup,
1272
+ submitLabel: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
1273
+ buttonIcon,
1274
+ buttonText
1275
+ ] })
1276
+ }
1277
+ }
1294
1278
  },
1295
- fields: formFields
1279
+ defaultFields: DEFAULT_FORM_FIELDS,
1280
+ defaultStyleRules: DEFAULT_STYLE_RULES
1296
1281
  }
1297
1282
  ),
1298
1283
  privacyNotice && /* @__PURE__ */ jsxRuntime.jsx(
@@ -1083,23 +1083,6 @@ function HeroImageSlider({
1083
1083
  privacyNoticeClassName,
1084
1084
  gridClassName
1085
1085
  }) {
1086
- const formStyleRules = React3.useMemo(() => {
1087
- return {
1088
- formContainer: formEngineSetup?.formLayoutSettings?.styleRules?.formContainer ?? DEFAULT_STYLE_RULES.formContainer,
1089
- fieldsContainer: formEngineSetup?.formLayoutSettings?.styleRules?.fieldsContainer ?? DEFAULT_STYLE_RULES.fieldsContainer,
1090
- fieldClassName: formEngineSetup?.formLayoutSettings?.styleRules?.fieldClassName ?? DEFAULT_STYLE_RULES.fieldClassName,
1091
- formClassName: formEngineSetup?.formLayoutSettings?.styleRules?.formClassName ?? DEFAULT_STYLE_RULES.formClassName,
1092
- successMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.successMessageClassName ?? DEFAULT_STYLE_RULES.successMessageClassName,
1093
- errorMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.errorMessageClassName ?? DEFAULT_STYLE_RULES.errorMessageClassName
1094
- };
1095
- }, [formEngineSetup?.formLayoutSettings?.styleRules]);
1096
- const formFields = React3.useMemo(() => {
1097
- if (formEngineSetup && formEngineSetup?.fields && formEngineSetup?.fields?.length > 0) {
1098
- return formEngineSetup.fields;
1099
- } else {
1100
- return DEFAULT_FORM_FIELDS;
1101
- }
1102
- }, [formEngineSetup?.fields]);
1103
1086
  const renderActions = useMemo(() => {
1104
1087
  if (actionsSlot) return actionsSlot;
1105
1088
  if (!actions || actions.length === 0) return null;
@@ -1258,20 +1241,22 @@ function HeroImageSlider({
1258
1241
  /* @__PURE__ */ jsx(
1259
1242
  FormEngine,
1260
1243
  {
1261
- ...formEngineSetup,
1262
- formLayoutSettings: {
1263
- ...formEngineSetup?.formLayoutSettings,
1264
- formLayout: "standard",
1265
- submitButtonSetup: {
1266
- ...formEngineSetup?.formLayoutSettings?.submitButtonSetup,
1267
- submitLabel: /* @__PURE__ */ jsxs(Fragment, { children: [
1268
- buttonIcon,
1269
- buttonText
1270
- ] })
1271
- },
1272
- styleRules: formStyleRules
1244
+ formEngineSetup: {
1245
+ ...formEngineSetup,
1246
+ formLayoutSettings: {
1247
+ ...formEngineSetup?.formLayoutSettings,
1248
+ formLayout: "standard",
1249
+ submitButtonSetup: {
1250
+ ...formEngineSetup?.formLayoutSettings?.submitButtonSetup,
1251
+ submitLabel: /* @__PURE__ */ jsxs(Fragment, { children: [
1252
+ buttonIcon,
1253
+ buttonText
1254
+ ] })
1255
+ }
1256
+ }
1273
1257
  },
1274
- fields: formFields
1258
+ defaultFields: DEFAULT_FORM_FIELDS,
1259
+ defaultStyleRules: DEFAULT_STYLE_RULES
1275
1260
  }
1276
1261
  ),
1277
1262
  privacyNotice && /* @__PURE__ */ jsx(
@@ -444,23 +444,6 @@ function HeroNewsletterMinimal({
444
444
  disclaimerClassName,
445
445
  statsClassName
446
446
  }) {
447
- const formStyleRules = React3__namespace.useMemo(() => {
448
- return {
449
- formContainer: formEngineSetup?.formLayoutSettings?.styleRules?.formContainer ?? DEFAULT_STYLE_RULES.formContainer,
450
- fieldsContainer: formEngineSetup?.formLayoutSettings?.styleRules?.fieldsContainer ?? DEFAULT_STYLE_RULES.fieldsContainer,
451
- fieldClassName: formEngineSetup?.formLayoutSettings?.styleRules?.fieldClassName ?? DEFAULT_STYLE_RULES.fieldClassName,
452
- formClassName: formEngineSetup?.formLayoutSettings?.styleRules?.formClassName ?? DEFAULT_STYLE_RULES.formClassName,
453
- successMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.successMessageClassName ?? DEFAULT_STYLE_RULES.successMessageClassName,
454
- errorMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.errorMessageClassName ?? DEFAULT_STYLE_RULES.errorMessageClassName
455
- };
456
- }, [formEngineSetup?.formLayoutSettings?.styleRules]);
457
- const formFields = React3__namespace.useMemo(() => {
458
- if (formEngineSetup && formEngineSetup?.fields && formEngineSetup?.fields?.length > 0) {
459
- return formEngineSetup.fields;
460
- } else {
461
- return DEFAULT_FORM_FIELDS;
462
- }
463
- }, [formEngineSetup?.fields]);
464
447
  const renderStats = React3__namespace.useMemo(() => {
465
448
  if (statsSlot) return statsSlot;
466
449
  if (!stats || stats.length === 0) return null;
@@ -499,22 +482,24 @@ function HeroNewsletterMinimal({
499
482
  /* @__PURE__ */ jsxRuntime.jsx(
500
483
  integration.FormEngine,
501
484
  {
502
- ...formEngineSetup,
503
- formLayoutSettings: {
504
- ...formEngineSetup.formLayoutSettings,
505
- formLayout: "button-group",
506
- buttonGroupSetup: {
507
- ...formEngineSetup.formLayoutSettings?.buttonGroupSetup,
508
- size: "lg",
509
- submitLabel: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
510
- action.label,
511
- action.iconAfter
512
- ] }),
513
- submitVariant: action.variant || "default"
514
- },
515
- styleRules: formStyleRules
485
+ formEngineSetup: {
486
+ ...formEngineSetup,
487
+ formLayoutSettings: {
488
+ ...formEngineSetup.formLayoutSettings,
489
+ formLayout: "button-group",
490
+ buttonGroupSetup: {
491
+ ...formEngineSetup.formLayoutSettings?.buttonGroupSetup,
492
+ size: "lg",
493
+ submitLabel: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
494
+ action.label,
495
+ action.iconAfter
496
+ ] }),
497
+ submitVariant: action.variant || "default"
498
+ }
499
+ }
516
500
  },
517
- fields: formFields
501
+ defaultFields: DEFAULT_FORM_FIELDS,
502
+ defaultStyleRules: DEFAULT_STYLE_RULES
518
503
  }
519
504
  ),
520
505
  helperText && (typeof helperText === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm mt-2 text-center"), children: helperText }) : helperText)
@@ -523,8 +508,6 @@ function HeroNewsletterMinimal({
523
508
  formSlot,
524
509
  formEngineSetup,
525
510
  buttonAction,
526
- formFields,
527
- formStyleRules,
528
511
  helperText
529
512
  ]);
530
513
  return /* @__PURE__ */ jsxRuntime.jsx(
@@ -423,23 +423,6 @@ function HeroNewsletterMinimal({
423
423
  disclaimerClassName,
424
424
  statsClassName
425
425
  }) {
426
- const formStyleRules = React3.useMemo(() => {
427
- return {
428
- formContainer: formEngineSetup?.formLayoutSettings?.styleRules?.formContainer ?? DEFAULT_STYLE_RULES.formContainer,
429
- fieldsContainer: formEngineSetup?.formLayoutSettings?.styleRules?.fieldsContainer ?? DEFAULT_STYLE_RULES.fieldsContainer,
430
- fieldClassName: formEngineSetup?.formLayoutSettings?.styleRules?.fieldClassName ?? DEFAULT_STYLE_RULES.fieldClassName,
431
- formClassName: formEngineSetup?.formLayoutSettings?.styleRules?.formClassName ?? DEFAULT_STYLE_RULES.formClassName,
432
- successMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.successMessageClassName ?? DEFAULT_STYLE_RULES.successMessageClassName,
433
- errorMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.errorMessageClassName ?? DEFAULT_STYLE_RULES.errorMessageClassName
434
- };
435
- }, [formEngineSetup?.formLayoutSettings?.styleRules]);
436
- const formFields = React3.useMemo(() => {
437
- if (formEngineSetup && formEngineSetup?.fields && formEngineSetup?.fields?.length > 0) {
438
- return formEngineSetup.fields;
439
- } else {
440
- return DEFAULT_FORM_FIELDS;
441
- }
442
- }, [formEngineSetup?.fields]);
443
426
  const renderStats = React3.useMemo(() => {
444
427
  if (statsSlot) return statsSlot;
445
428
  if (!stats || stats.length === 0) return null;
@@ -478,22 +461,24 @@ function HeroNewsletterMinimal({
478
461
  /* @__PURE__ */ jsx(
479
462
  FormEngine,
480
463
  {
481
- ...formEngineSetup,
482
- formLayoutSettings: {
483
- ...formEngineSetup.formLayoutSettings,
484
- formLayout: "button-group",
485
- buttonGroupSetup: {
486
- ...formEngineSetup.formLayoutSettings?.buttonGroupSetup,
487
- size: "lg",
488
- submitLabel: /* @__PURE__ */ jsxs(Fragment, { children: [
489
- action.label,
490
- action.iconAfter
491
- ] }),
492
- submitVariant: action.variant || "default"
493
- },
494
- styleRules: formStyleRules
464
+ formEngineSetup: {
465
+ ...formEngineSetup,
466
+ formLayoutSettings: {
467
+ ...formEngineSetup.formLayoutSettings,
468
+ formLayout: "button-group",
469
+ buttonGroupSetup: {
470
+ ...formEngineSetup.formLayoutSettings?.buttonGroupSetup,
471
+ size: "lg",
472
+ submitLabel: /* @__PURE__ */ jsxs(Fragment, { children: [
473
+ action.label,
474
+ action.iconAfter
475
+ ] }),
476
+ submitVariant: action.variant || "default"
477
+ }
478
+ }
495
479
  },
496
- fields: formFields
480
+ defaultFields: DEFAULT_FORM_FIELDS,
481
+ defaultStyleRules: DEFAULT_STYLE_RULES
497
482
  }
498
483
  ),
499
484
  helperText && (typeof helperText === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-sm mt-2 text-center"), children: helperText }) : helperText)
@@ -502,8 +487,6 @@ function HeroNewsletterMinimal({
502
487
  formSlot,
503
488
  formEngineSetup,
504
489
  buttonAction,
505
- formFields,
506
- formStyleRules,
507
490
  helperText
508
491
  ]);
509
492
  return /* @__PURE__ */ jsx(