@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.
- package/dist/contact-card.cjs +3 -32
- package/dist/contact-card.d.cts +2 -10
- package/dist/contact-card.d.ts +2 -10
- package/dist/contact-card.js +4 -33
- package/dist/{contact-dark-tweUQnN1.d.ts → contact-dark-0gEH_OJl.d.ts} +1 -10
- package/dist/{contact-dark-VpMwwNkH.d.cts → contact-dark-BCQefo1j.d.cts} +1 -10
- package/dist/contact-dark.cjs +3 -32
- package/dist/contact-dark.d.cts +1 -1
- package/dist/contact-dark.d.ts +1 -1
- package/dist/contact-dark.js +4 -33
- package/dist/contact-emergency.cjs +4 -33
- package/dist/contact-emergency.d.cts +1 -9
- package/dist/contact-emergency.d.ts +1 -9
- package/dist/contact-emergency.js +6 -35
- package/dist/contact-faq.cjs +10 -38
- package/dist/contact-faq.d.cts +1 -9
- package/dist/contact-faq.d.ts +1 -9
- package/dist/contact-faq.js +7 -38
- package/dist/contact-image.cjs +8 -37
- package/dist/contact-image.d.cts +1 -9
- package/dist/contact-image.d.ts +1 -9
- package/dist/contact-image.js +9 -38
- package/dist/contact-vendor.cjs +8 -44
- package/dist/contact-vendor.js +6 -27
- package/dist/hero-image-slider.cjs +15 -30
- package/dist/hero-image-slider.js +15 -30
- package/dist/hero-newsletter-minimal.cjs +17 -34
- package/dist/hero-newsletter-minimal.js +17 -34
- package/dist/registry.cjs +1713 -1911
- package/dist/registry.js +471 -669
- package/package.json +2 -2
|
@@ -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
|
-
|
|
1283
|
-
|
|
1284
|
-
|
|
1285
|
-
|
|
1286
|
-
|
|
1287
|
-
|
|
1288
|
-
|
|
1289
|
-
|
|
1290
|
-
|
|
1291
|
-
|
|
1292
|
-
|
|
1293
|
-
|
|
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
|
-
|
|
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
|
-
|
|
1262
|
-
|
|
1263
|
-
|
|
1264
|
-
|
|
1265
|
-
|
|
1266
|
-
|
|
1267
|
-
|
|
1268
|
-
|
|
1269
|
-
|
|
1270
|
-
|
|
1271
|
-
|
|
1272
|
-
|
|
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
|
-
|
|
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
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
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
|
-
|
|
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
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
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
|
-
|
|
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(
|