@flamingo-stack/openframe-frontend-core 0.0.702 → 0.0.703-snapshot.20261006080901

package/dist/{chunk-CYYTD5ZK.cjs → chunk-262YQFOS.cjs}

@@ -8,26 +8,26 @@
 
 
 
-var _chunkFD4DBTFOcjs = require('./chunk-FD4DBTFO.cjs');
+var _chunkLTSTC3N5cjs = require('./chunk-LTSTC3N5.cjs');
 
 
 
 
-var _chunk3L7KCOGOcjs = require('./chunk-3L7KCOGO.cjs');
+var _chunkMGGGBHYDcjs = require('./chunk-MGGGBHYD.cjs');
 
 
 
 
-var _chunkRTGPIHVOcjs = require('./chunk-RTGPIHVO.cjs');
+var _chunkLDPEQGKTcjs = require('./chunk-LDPEQGKT.cjs');
 
 
 
-var _chunkEMCQGFXDcjs = require('./chunk-EMCQGFXD.cjs');
+var _chunkMMOODW57cjs = require('./chunk-MMOODW57.cjs');
 
 
 
 
-var _chunk2A4XES7Rcjs = require('./chunk-2A4XES7R.cjs');
+var _chunkBM5MVGH3cjs = require('./chunk-BM5MVGH3.cjs');
 
 
 var _chunkDFQYAYBHcjs = require('./chunk-DFQYAYBH.cjs');
@@ -113,14 +113,14 @@ function ContactForm({
   successToastMessage = "Redirecting you to join our community...",
   rescue: rescueForm = null
 } = {}) {
-  const attachments = _chunkRTGPIHVOcjs.useChatAttachments.call(void 0, );
-  const builtInSubmission = _chunk3L7KCOGOcjs.useContactSubmission.call(void 0, {
+  const attachments = _chunkLDPEQGKTcjs.useChatAttachments.call(void 0, );
+  const builtInSubmission = _chunkMGGGBHYDcjs.useContactSubmission.call(void 0, {
     userId,
     successRedirectUrl,
     successToastMessage
   });
   const [customSubmitting, setCustomSubmitting] = _react.useState.call(void 0, false);
-  const { honeypotInputProps, getSignals, resetSignals } = _chunk3L7KCOGOcjs.useHumanitySignals.call(void 0, );
+  const { honeypotInputProps, getSignals, resetSignals } = _chunkMGGGBHYDcjs.useHumanitySignals.call(void 0, );
   const isSubmitting = onCustomSubmit ? customSubmitting : builtInSubmission.isSubmitting;
   const isSuccess = onCustomSubmit ? false : builtInSubmission.isSuccess;
   const form = _reacthookform.useForm.call(void 0, {
@@ -146,7 +146,7 @@ function ContactForm({
     ),
     [hideFields]
   );
-  const rescue = _chunk3L7KCOGOcjs.useRescuedForm.call(void 0, form, { rescue: rescueForm, fields: rescueFieldNames, getSignals });
+  const rescue = _chunkMGGGBHYDcjs.useRescuedForm.call(void 0, form, { rescue: rescueForm, fields: rescueFieldNames, getSignals });
   const handleFormSubmit = async (data) => {
     if (isSubmitting) return;
     if (attachmentsEnabled && attachments.hasInflightUploads) return;
@@ -181,10 +181,10 @@ function ContactForm({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
-      className: `flex h-full flex-col ${!noBorder ? "rounded-2xl border border-ods-border md:rounded-3xl" : ""} ${!noPadding ? "p-6 md:p-8 lg:p-10" : ""}`,
+      className: `flex h-full flex-col ${!noBorder ? "rounded-2xl border border-ods-border content-md:rounded-3xl" : ""} ${!noPadding ? "p-6 content-md:p-8 content-lg:p-10" : ""}`,
       children: [
-        (title || subtitle) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-6 md:mb-8", children: [
-          title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: `${_chunkEMCQGFXDcjs.SECTION_HEADING_CLASS} mb-3 md:mb-4`, children: _chunkEMCQGFXDcjs.accentSentenceMarks.call(void 0, title) }),
+        (title || subtitle) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-6 content-md:mb-8", children: [
+          title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: `${_chunkMMOODW57cjs.SECTION_HEADING_CLASS} mb-3 content-md:mb-4`, children: _chunkMMOODW57cjs.accentSentenceMarks.call(void 0, title) }),
           subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-primary text-h4", children: subtitle })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -196,23 +196,23 @@ function ContactForm({
                 Object.fromEntries(Object.entries(validationErrors).map(([k, v]) => [k, _nullishCoalesce(_optionalChain([v, 'optionalAccess', _2 => _2.message]), () => ( v))]))
               );
             }),
-            className: "flex flex-grow flex-col space-y-4 md:space-y-6",
-            ..._chunkFD4DBTFOcjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS,
+            className: "flex flex-grow flex-col space-y-4 content-md:space-y-6",
+            ..._chunkLTSTC3N5cjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS,
             children: [
               !showName && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", ...register("name") }),
               !showEmail && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", ...register("email") }),
               !showHelpCategory && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", ...register("helpCategory") }),
               !showMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", ...register("message") }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFD4DBTFOcjs.HoneypotField, { ...honeypotInputProps }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLTSTC3N5cjs.HoneypotField, { ...honeypotInputProps }),
               extraTopField,
-              showNameEmailRow && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2 md:gap-6", children: [
+              showNameEmailRow && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-1 gap-4 content-md:grid-cols-2 content-md:gap-6", children: [
                 showName && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
-                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2A4XES7Rcjs.Label, { htmlFor: "name", children: [
+                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBM5MVGH3cjs.Label, { htmlFor: "name", children: [
                     "Your Name",
-                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.RequiredMark, {})
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.RequiredMark, {})
                   ] }),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunk2A4XES7Rcjs.Input,
+                    _chunkBM5MVGH3cjs.Input,
                     {
                       id: "name",
                       type: "text",
@@ -227,12 +227,12 @@ function ContactForm({
                   errors.name && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { id: "name-error", className: "mt-1 text-ods-error text-h6", children: errors.name.message })
                 ] }),
                 showEmail && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
-                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2A4XES7Rcjs.Label, { htmlFor: "email", children: [
+                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBM5MVGH3cjs.Label, { htmlFor: "email", children: [
                     "Email",
-                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.RequiredMark, {})
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.RequiredMark, {})
                   ] }),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunk2A4XES7Rcjs.Input,
+                    _chunkBM5MVGH3cjs.Input,
                     {
                       id: "email",
                       type: "email",
@@ -247,48 +247,48 @@ function ContactForm({
                   errors.email && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { id: "email-error", className: "mt-1 text-ods-error text-h6", children: errors.email.message })
                 ] })
               ] }),
-              (showCompanySize || showReferralSource) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2 md:gap-6", children: [
+              (showCompanySize || showReferralSource) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-1 gap-4 content-md:grid-cols-2 content-md:gap-6", children: [
                 showCompanySize && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.Label, { htmlFor: "companySize", children: "Company Size" }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.Label, { htmlFor: "companySize", children: "Company Size" }),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     _reacthookform.Controller,
                     {
                       control,
                       name: "companySize",
-                      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkFD4DBTFOcjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
+                      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLTSTC3N5cjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
                         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                          _chunkFD4DBTFOcjs.SelectTrigger,
+                          _chunkLTSTC3N5cjs.SelectTrigger,
                           {
                             id: "companySize",
                             "aria-label": "Company Size",
                             className: "h-12 border-ods-border bg-ods-card px-3 text-ods-text-primary",
-                            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFD4DBTFOcjs.SelectValue, { placeholder: "Select company size" })
+                            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLTSTC3N5cjs.SelectValue, { placeholder: "Select company size" })
                           }
                         ),
-                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFD4DBTFOcjs.SelectContent, { children: companySizeOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFD4DBTFOcjs.SelectItem, { value: opt, children: opt }, opt)) })
+                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLTSTC3N5cjs.SelectContent, { children: companySizeOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLTSTC3N5cjs.SelectItem, { value: opt, children: opt }, opt)) })
                       ] })
                     }
                   ),
                   errors.companySize && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { id: "companySize-error", className: "mt-1 text-ods-error text-h6", children: errors.companySize.message })
                 ] }),
                 showReferralSource && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.Label, { htmlFor: "referralSource", children: "How did you hear about us?" }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.Label, { htmlFor: "referralSource", children: "How did you hear about us?" }),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     _reacthookform.Controller,
                     {
                       control,
                       name: "referralSource",
-                      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkFD4DBTFOcjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
+                      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLTSTC3N5cjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
                         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                          _chunkFD4DBTFOcjs.SelectTrigger,
+                          _chunkLTSTC3N5cjs.SelectTrigger,
                           {
                             id: "referralSource",
                             "aria-label": "Referral Source",
                             className: "h-12 border-ods-border bg-ods-card px-3 text-ods-text-primary",
-                            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFD4DBTFOcjs.SelectValue, { placeholder: "Select an option" })
+                            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLTSTC3N5cjs.SelectValue, { placeholder: "Select an option" })
                           }
                         ),
-                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFD4DBTFOcjs.SelectContent, { children: referralSourceOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFD4DBTFOcjs.SelectItem, { value: opt, children: opt }, opt)) })
+                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLTSTC3N5cjs.SelectContent, { children: referralSourceOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLTSTC3N5cjs.SelectItem, { value: opt, children: opt }, opt)) })
                       ] })
                     }
                   ),
@@ -296,39 +296,39 @@ function ContactForm({
                 ] })
               ] }),
               showHelpCategory && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
-                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2A4XES7Rcjs.Label, { htmlFor: "helpCategory", children: [
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBM5MVGH3cjs.Label, { htmlFor: "helpCategory", children: [
                   "Choose your main interest",
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.RequiredMark, {})
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.RequiredMark, {})
                 ] }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   _reacthookform.Controller,
                   {
                     control,
                     name: "helpCategory",
-                    render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkFD4DBTFOcjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
+                    render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLTSTC3N5cjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
                       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _chunkFD4DBTFOcjs.SelectTrigger,
+                        _chunkLTSTC3N5cjs.SelectTrigger,
                         {
                           id: "helpCategory",
                           "aria-label": "Help Category",
                           "aria-required": true,
                           className: "h-12 border-ods-border bg-ods-card px-3 text-ods-text-primary",
-                          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFD4DBTFOcjs.SelectValue, { placeholder: "Choose your main interest" })
+                          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLTSTC3N5cjs.SelectValue, { placeholder: "Choose your main interest" })
                         }
                       ),
-                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFD4DBTFOcjs.SelectContent, { children: helpCategoryOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFD4DBTFOcjs.SelectItem, { value: opt, children: opt }, opt)) })
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLTSTC3N5cjs.SelectContent, { children: helpCategoryOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLTSTC3N5cjs.SelectItem, { value: opt, children: opt }, opt)) })
                     ] })
                   }
                 ),
                 errors.helpCategory && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { id: "helpCategory-error", className: "mt-1 text-ods-error text-h6", children: errors.helpCategory.message })
               ] }),
               showMessage && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-grow flex-col", children: [
-                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2A4XES7Rcjs.Label, { htmlFor: "message", children: [
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBM5MVGH3cjs.Label, { htmlFor: "message", children: [
                   "Your Message",
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.RequiredMark, {})
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.RequiredMark, {})
                 ] }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkFD4DBTFOcjs.Textarea,
+                  _chunkLTSTC3N5cjs.Textarea,
                   {
                     id: "message",
                     ...register("message"),
@@ -343,7 +343,7 @@ function ContactForm({
               ] }),
               attachmentsEnabled && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2", children: [
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkRTGPIHVOcjs.ChatAttachmentChipStrip,
+                  _chunkLDPEQGKTcjs.ChatAttachmentChipStrip,
                   {
                     attachments: attachments.attachments,
                     onRemove: attachments.removeAttachment,
@@ -352,7 +352,7 @@ function ContactForm({
                 ),
                 /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunkRTGPIHVOcjs.ChatAttachmentAddButton,
+                    _chunkLDPEQGKTcjs.ChatAttachmentAddButton,
                     {
                       attachmentsEnabled: true,
                       attachmentsCount: attachments.attachments.length,
@@ -363,8 +363,8 @@ function ContactForm({
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-secondary text-h6", children: "Attach files (optional)" })
                 ] })
               ] }),
-              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-auto flex w-full flex-col items-center justify-end gap-4 pt-2 md:flex-row md:gap-6", children: [
-                footerText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-center text-ods-text-secondary text-h6 md:text-left", children: footerText }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-auto flex w-full flex-col items-center justify-end gap-4 pt-2 content-md:flex-row content-md:gap-6", children: [
+                footerText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-center text-ods-text-secondary text-h6 content-md:text-left", children: footerText }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   _chunkDFQYAYBHcjs.Button,
                   {
@@ -372,7 +372,7 @@ function ContactForm({
                     loading: isSubmitting,
                     disabled: isSubmitting || isSuccess || attachmentsEnabled && attachments.hasInflightUploads,
                     variant: buttonVariant,
-                    className: `w-full md:w-auto ${buttonClassName}`,
+                    className: `w-full content-md:w-auto ${buttonClassName}`,
                     children: isSuccess ? submitSuccessLabel : submitLabel
                   }
                 )