@opensite/ui 2.2.1 → 2.2.2

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.
Files changed (19) hide show
  1. package/dist/contact-card.cjs +15 -29
  2. package/dist/contact-card.js +15 -29
  3. package/dist/contact-dark.cjs +15 -29
  4. package/dist/contact-dark.js +15 -29
  5. package/dist/contact-emergency.cjs +16 -30
  6. package/dist/contact-emergency.js +17 -31
  7. package/dist/contact-faq.cjs +22 -35
  8. package/dist/contact-faq.js +18 -34
  9. package/dist/contact-image.cjs +20 -34
  10. package/dist/contact-image.js +20 -34
  11. package/dist/contact-vendor.cjs +8 -44
  12. package/dist/contact-vendor.js +6 -27
  13. package/dist/hero-image-slider.cjs +15 -30
  14. package/dist/hero-image-slider.js +15 -30
  15. package/dist/hero-newsletter-minimal.cjs +17 -34
  16. package/dist/hero-newsletter-minimal.js +17 -34
  17. package/dist/registry.cjs +1773 -1896
  18. package/dist/registry.js +531 -654
  19. package/package.json +2 -2
package/dist/contact-image.cjs CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  'use strict';
3
3
 
4
- var React3 = require('react');
4
+ var React = require('react');
5
5
  var framerMotion = require('framer-motion');
6
6
  var integration = require('@page-speed/forms/integration');
7
7
  var clsx = require('clsx');
@@ -28,7 +28,7 @@ function _interopNamespace(e) {
28
28
  return Object.freeze(n);
29
29
  }
30
30
 
31
- var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
31
+ var React__namespace = /*#__PURE__*/_interopNamespace(React);
32
32
 
33
33
  // components/blocks/contact/contact-image.tsx
34
34
  function cn(...inputs) {
@@ -47,7 +47,7 @@ var maxWidthStyles = {
47
47
  "4xl": "max-w-[1536px]",
48
48
  full: "max-w-full"
49
49
  };
50
- var Container = React3__namespace.default.forwardRef(
50
+ var Container = React__namespace.default.forwardRef(
51
51
  ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
52
52
  const Component = as;
53
53
  return /* @__PURE__ */ jsxRuntime.jsx(
@@ -352,7 +352,7 @@ var spacingStyles = {
352
352
  };
353
353
  var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
354
354
  var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
355
- var Section = React3__namespace.default.forwardRef(
355
+ var Section = React__namespace.default.forwardRef(
356
356
  ({
357
357
  id,
358
358
  title,
@@ -486,23 +486,7 @@ function ContactImage({
486
486
  patternOpacity,
487
487
  optixFlowConfig
488
488
  }) {
489
- const formStyleRules = React3__namespace.useMemo(() => {
490
- return {
491
- formContainer: formEngineSetup?.formLayoutSettings?.styleRules?.formContainer ?? DEFAULT_STYLE_RULES.formContainer,
492
- fieldsContainer: formEngineSetup?.formLayoutSettings?.styleRules?.fieldsContainer ?? DEFAULT_STYLE_RULES.fieldsContainer,
493
- fieldClassName: formEngineSetup?.formLayoutSettings?.styleRules?.fieldClassName ?? DEFAULT_STYLE_RULES.fieldClassName,
494
- formClassName: formEngineSetup?.formLayoutSettings?.styleRules?.formClassName ?? DEFAULT_STYLE_RULES.formClassName,
495
- successMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.successMessageClassName ?? DEFAULT_STYLE_RULES.successMessageClassName,
496
- errorMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.errorMessageClassName ?? DEFAULT_STYLE_RULES.errorMessageClassName
497
- };
498
- }, [formEngineSetup?.formLayoutSettings?.styleRules]);
499
- const formFields = React3__namespace.useMemo(() => {
500
- if (formEngineSetup?.fields && formEngineSetup.fields.length > 0) {
501
- return formEngineSetup.fields;
502
- }
503
- return DEFAULT_FORM_FIELDS;
504
- }, [formEngineSetup?.fields]);
505
- const contactOverlaysContent = React3__namespace.useMemo(() => {
489
+ const contactOverlaysContent = React__namespace.useMemo(() => {
506
490
  if (contactOverlaysSlot) return contactOverlaysSlot;
507
491
  if (!contactOverlays || contactOverlays.length === 0) return null;
508
492
  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col gap-3", contactOverlaysClassName), children: contactOverlays.map((item, index) => {
@@ -621,20 +605,22 @@ function ContactImage({
621
605
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-8", children: formEngineSetup ? /* @__PURE__ */ jsxRuntime.jsx(
622
606
  integration.FormEngine,
623
607
  {
624
- ...formEngineSetup,
625
- formLayoutSettings: {
626
- ...formEngineSetup.formLayoutSettings,
627
- formLayout: "standard",
628
- submitButtonSetup: {
629
- ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
630
- submitLabel: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
631
- buttonIcon,
632
- buttonText
633
- ] })
634
- },
635
- styleRules: formStyleRules
608
+ formEngineSetup: {
609
+ ...formEngineSetup,
610
+ formLayoutSettings: {
611
+ ...formEngineSetup.formLayoutSettings,
612
+ formLayout: "standard",
613
+ submitButtonSetup: {
614
+ ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
615
+ submitLabel: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
616
+ buttonIcon,
617
+ buttonText
618
+ ] })
619
+ }
620
+ }
636
621
  },
637
- fields: formFields
622
+ defaultFields: DEFAULT_FORM_FIELDS,
623
+ defaultStyleRules: DEFAULT_STYLE_RULES
638
624
  }
639
625
  ) : null })
640
626
  ]
package/dist/contact-image.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client";
2
- import * as React3 from 'react';
3
- import React3__default from 'react';
2
+ import * as React from 'react';
3
+ import React__default from 'react';
4
4
  import { motion } from 'framer-motion';
5
5
  import { FormEngine } from '@page-speed/forms/integration';
6
6
  import { clsx } from 'clsx';
@@ -26,7 +26,7 @@ var maxWidthStyles = {
26
26
  "4xl": "max-w-[1536px]",
27
27
  full: "max-w-full"
28
28
  };
29
- var Container = React3__default.forwardRef(
29
+ var Container = React__default.forwardRef(
30
30
  ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
31
31
  const Component = as;
32
32
  return /* @__PURE__ */ jsx(
@@ -331,7 +331,7 @@ var spacingStyles = {
331
331
  };
332
332
  var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
333
333
  var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
334
- var Section = React3__default.forwardRef(
334
+ var Section = React__default.forwardRef(
335
335
  ({
336
336
  id,
337
337
  title,
@@ -465,23 +465,7 @@ function ContactImage({
465
465
  patternOpacity,
466
466
  optixFlowConfig
467
467
  }) {
468
- const formStyleRules = React3.useMemo(() => {
469
- return {
470
- formContainer: formEngineSetup?.formLayoutSettings?.styleRules?.formContainer ?? DEFAULT_STYLE_RULES.formContainer,
471
- fieldsContainer: formEngineSetup?.formLayoutSettings?.styleRules?.fieldsContainer ?? DEFAULT_STYLE_RULES.fieldsContainer,
472
- fieldClassName: formEngineSetup?.formLayoutSettings?.styleRules?.fieldClassName ?? DEFAULT_STYLE_RULES.fieldClassName,
473
- formClassName: formEngineSetup?.formLayoutSettings?.styleRules?.formClassName ?? DEFAULT_STYLE_RULES.formClassName,
474
- successMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.successMessageClassName ?? DEFAULT_STYLE_RULES.successMessageClassName,
475
- errorMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.errorMessageClassName ?? DEFAULT_STYLE_RULES.errorMessageClassName
476
- };
477
- }, [formEngineSetup?.formLayoutSettings?.styleRules]);
478
- const formFields = React3.useMemo(() => {
479
- if (formEngineSetup?.fields && formEngineSetup.fields.length > 0) {
480
- return formEngineSetup.fields;
481
- }
482
- return DEFAULT_FORM_FIELDS;
483
- }, [formEngineSetup?.fields]);
484
- const contactOverlaysContent = React3.useMemo(() => {
468
+ const contactOverlaysContent = React.useMemo(() => {
485
469
  if (contactOverlaysSlot) return contactOverlaysSlot;
486
470
  if (!contactOverlays || contactOverlays.length === 0) return null;
487
471
  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-3", contactOverlaysClassName), children: contactOverlays.map((item, index) => {
@@ -600,20 +584,22 @@ function ContactImage({
600
584
  /* @__PURE__ */ jsx("div", { className: "mt-8", children: formEngineSetup ? /* @__PURE__ */ jsx(
601
585
  FormEngine,
602
586
  {
603
- ...formEngineSetup,
604
- formLayoutSettings: {
605
- ...formEngineSetup.formLayoutSettings,
606
- formLayout: "standard",
607
- submitButtonSetup: {
608
- ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
609
- submitLabel: /* @__PURE__ */ jsxs(Fragment, { children: [
610
- buttonIcon,
611
- buttonText
612
- ] })
613
- },
614
- styleRules: formStyleRules
587
+ formEngineSetup: {
588
+ ...formEngineSetup,
589
+ formLayoutSettings: {
590
+ ...formEngineSetup.formLayoutSettings,
591
+ formLayout: "standard",
592
+ submitButtonSetup: {
593
+ ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
594
+ submitLabel: /* @__PURE__ */ jsxs(Fragment, { children: [
595
+ buttonIcon,
596
+ buttonText
597
+ ] })
598
+ }
599
+ }
615
600
  },
616
- fields: formFields
601
+ defaultFields: DEFAULT_FORM_FIELDS,
602
+ defaultStyleRules: DEFAULT_STYLE_RULES
617
603
  }
618
604
  ) : null })
619
605
  ]
package/dist/contact-vendor.cjs CHANGED
@@ -1,31 +1,15 @@
1
1
  "use client";
2
2
  'use strict';
3
3
 
4
- var React3 = require('react');
5
4
  var integration = require('@page-speed/forms/integration');
6
5
  var clsx = require('clsx');
7
6
  var tailwindMerge = require('tailwind-merge');
8
7
  var jsxRuntime = require('react/jsx-runtime');
8
+ var React = require('react');
9
9
 
10
- function _interopNamespace(e) {
11
- if (e && e.__esModule) return e;
12
- var n = Object.create(null);
13
- if (e) {
14
- Object.keys(e).forEach(function (k) {
15
- if (k !== 'default') {
16
- var d = Object.getOwnPropertyDescriptor(e, k);
17
- Object.defineProperty(n, k, d.get ? d : {
18
- enumerable: true,
19
- get: function () { return e[k]; }
20
- });
21
- }
22
- });
23
- }
24
- n.default = e;
25
- return Object.freeze(n);
26
- }
10
+ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
27
11
 
28
- var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
12
+ var React__default = /*#__PURE__*/_interopDefault(React);
29
13
 
30
14
  // components/blocks/contact/contact-vendor.tsx
31
15
  function cn(...inputs) {
@@ -63,7 +47,7 @@ var maxWidthStyles = {
63
47
  "4xl": "max-w-[1536px]",
64
48
  full: "max-w-full"
65
49
  };
66
- var Container = React3__namespace.default.forwardRef(
50
+ var Container = React__default.default.forwardRef(
67
51
  ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
68
52
  const Component = as;
69
53
  return /* @__PURE__ */ jsxRuntime.jsx(
@@ -368,7 +352,7 @@ var spacingStyles = {
368
352
  };
369
353
  var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
370
354
  var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
371
- var Section = React3__namespace.default.forwardRef(
355
+ var Section = React__default.default.forwardRef(
372
356
  ({
373
357
  id,
374
358
  title,
@@ -494,23 +478,6 @@ function ContactVendor({
494
478
  pattern,
495
479
  patternOpacity = 0.1
496
480
  }) {
497
- const formStyleRules = React3__namespace.useMemo(() => {
498
- return {
499
- formContainer: formEngineSetup?.formLayoutSettings?.styleRules?.formContainer ?? DEFAULT_STYLE_RULES.formContainer,
500
- fieldsContainer: formEngineSetup?.formLayoutSettings?.styleRules?.fieldsContainer ?? DEFAULT_STYLE_RULES.fieldsContainer,
501
- fieldClassName: formEngineSetup?.formLayoutSettings?.styleRules?.fieldClassName ?? DEFAULT_STYLE_RULES.fieldClassName,
502
- formClassName: formEngineSetup?.formLayoutSettings?.styleRules?.formClassName ?? DEFAULT_STYLE_RULES.formClassName,
503
- successMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.successMessageClassName ?? DEFAULT_STYLE_RULES.successMessageClassName,
504
- errorMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.errorMessageClassName ?? DEFAULT_STYLE_RULES.errorMessageClassName
505
- };
506
- }, [formEngineSetup?.formLayoutSettings?.styleRules]);
507
- const formFields = React3__namespace.useMemo(() => {
508
- if (formEngineSetup && formEngineSetup?.fields && formEngineSetup?.fields?.length > 0) {
509
- return formEngineSetup.fields;
510
- } else {
511
- return DEFAULT_FORM_FIELDS;
512
- }
513
- }, [formEngineSetup?.fields]);
514
481
  return /* @__PURE__ */ jsxRuntime.jsx(
515
482
  Section,
516
483
  {
@@ -546,12 +513,9 @@ function ContactVendor({
546
513
  /* @__PURE__ */ jsxRuntime.jsx(Card, { className: cn("mx-auto max-w-xl", cardClassName), children: /* @__PURE__ */ jsxRuntime.jsx(CardContent, { className: cn("p-6 lg:p-8", cardContentClassName), children: formEngineSetup ? /* @__PURE__ */ jsxRuntime.jsx(
547
514
  integration.FormEngine,
548
515
  {
549
- ...formEngineSetup,
550
- formLayoutSettings: {
551
- ...formEngineSetup.formLayoutSettings,
552
- styleRules: formStyleRules
553
- },
554
- fields: formFields
516
+ formEngineSetup,
517
+ defaultFields: DEFAULT_FORM_FIELDS,
518
+ defaultStyleRules: DEFAULT_STYLE_RULES
555
519
  }
556
520
  ) : null }) })
557
521
  ] })
package/dist/contact-vendor.js CHANGED
@@ -1,10 +1,9 @@
1
1
  "use client";
2
- import * as React3 from 'react';
3
- import React3__default from 'react';
4
2
  import { FormEngine } from '@page-speed/forms/integration';
5
3
  import { clsx } from 'clsx';
6
4
  import { twMerge } from 'tailwind-merge';
7
5
  import { jsx, jsxs } from 'react/jsx-runtime';
6
+ import React from 'react';
8
7
 
9
8
  // components/blocks/contact/contact-vendor.tsx
10
9
  function cn(...inputs) {
@@ -42,7 +41,7 @@ var maxWidthStyles = {
42
41
  "4xl": "max-w-[1536px]",
43
42
  full: "max-w-full"
44
43
  };
45
- var Container = React3__default.forwardRef(
44
+ var Container = React.forwardRef(
46
45
  ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
47
46
  const Component = as;
48
47
  return /* @__PURE__ */ jsx(
@@ -347,7 +346,7 @@ var spacingStyles = {
347
346
  };
348
347
  var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
349
348
  var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
350
- var Section = React3__default.forwardRef(
349
+ var Section = React.forwardRef(
351
350
  ({
352
351
  id,
353
352
  title,
@@ -473,23 +472,6 @@ function ContactVendor({
473
472
  pattern,
474
473
  patternOpacity = 0.1
475
474
  }) {
476
- const formStyleRules = React3.useMemo(() => {
477
- return {
478
- formContainer: formEngineSetup?.formLayoutSettings?.styleRules?.formContainer ?? DEFAULT_STYLE_RULES.formContainer,
479
- fieldsContainer: formEngineSetup?.formLayoutSettings?.styleRules?.fieldsContainer ?? DEFAULT_STYLE_RULES.fieldsContainer,
480
- fieldClassName: formEngineSetup?.formLayoutSettings?.styleRules?.fieldClassName ?? DEFAULT_STYLE_RULES.fieldClassName,
481
- formClassName: formEngineSetup?.formLayoutSettings?.styleRules?.formClassName ?? DEFAULT_STYLE_RULES.formClassName,
482
- successMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.successMessageClassName ?? DEFAULT_STYLE_RULES.successMessageClassName,
483
- errorMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.errorMessageClassName ?? DEFAULT_STYLE_RULES.errorMessageClassName
484
- };
485
- }, [formEngineSetup?.formLayoutSettings?.styleRules]);
486
- const formFields = React3.useMemo(() => {
487
- if (formEngineSetup && formEngineSetup?.fields && formEngineSetup?.fields?.length > 0) {
488
- return formEngineSetup.fields;
489
- } else {
490
- return DEFAULT_FORM_FIELDS;
491
- }
492
- }, [formEngineSetup?.fields]);
493
475
  return /* @__PURE__ */ jsx(
494
476
  Section,
495
477
  {
@@ -525,12 +507,9 @@ function ContactVendor({
525
507
  /* @__PURE__ */ jsx(Card, { className: cn("mx-auto max-w-xl", cardClassName), children: /* @__PURE__ */ jsx(CardContent, { className: cn("p-6 lg:p-8", cardContentClassName), children: formEngineSetup ? /* @__PURE__ */ jsx(
526
508
  FormEngine,
527
509
  {
528
- ...formEngineSetup,
529
- formLayoutSettings: {
530
- ...formEngineSetup.formLayoutSettings,
531
- styleRules: formStyleRules
532
- },
533
- fields: formFields
510
+ formEngineSetup,
511
+ defaultFields: DEFAULT_FORM_FIELDS,
512
+ defaultStyleRules: DEFAULT_STYLE_RULES
534
513
  }
535
514
  ) : null }) })
536
515
  ] })
package/dist/hero-image-slider.cjs CHANGED
@@ -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(
package/dist/hero-image-slider.js CHANGED
@@ -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(
package/dist/hero-newsletter-minimal.cjs CHANGED
@@ -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(
package/dist/hero-newsletter-minimal.js CHANGED
@@ -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(