@flamingo-stack/openframe-frontend-core 0.0.698-2527.7788.1 → 0.0.698

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 (142) hide show
  1. package/dist/{chunk-DMUUWHII.cjs → chunk-26GBOUIP.cjs} +92 -9
  2. package/dist/chunk-26GBOUIP.cjs.map +1 -0
  3. package/dist/{chunk-LJRMRHX3.js → chunk-2QESJBGE.js} +8 -8
  4. package/dist/{chunk-6FA7CKGO.cjs → chunk-3CFHHJKK.cjs} +3 -3
  5. package/dist/{chunk-6FA7CKGO.cjs.map → chunk-3CFHHJKK.cjs.map} +1 -1
  6. package/dist/{chunk-C36HIYNP.cjs → chunk-4FS56YZS.cjs} +681 -660
  7. package/dist/chunk-4FS56YZS.cjs.map +1 -0
  8. package/dist/{chunk-6JZJU3MT.cjs → chunk-55L6XDGC.cjs} +7 -7
  9. package/dist/{chunk-6JZJU3MT.cjs.map → chunk-55L6XDGC.cjs.map} +1 -1
  10. package/dist/{chunk-R6W6Q7LP.js → chunk-5VXVHYHC.js} +5 -5
  11. package/dist/{chunk-TQJCGJC3.cjs → chunk-676MGKZW.cjs} +5 -5
  12. package/dist/{chunk-TQJCGJC3.cjs.map → chunk-676MGKZW.cjs.map} +1 -1
  13. package/dist/{chunk-AUGTCILI.js → chunk-7QAT2DV5.js} +3 -3
  14. package/dist/{chunk-L4TUCNI2.js → chunk-AC6OEPUV.js} +6 -6
  15. package/dist/{chunk-G6ASUIGI.js → chunk-AXAGIZTZ.js} +21 -24
  16. package/dist/chunk-AXAGIZTZ.js.map +1 -0
  17. package/dist/{chunk-KAYOPKVW.cjs → chunk-BRTCMVBG.cjs} +15 -15
  18. package/dist/{chunk-KAYOPKVW.cjs.map → chunk-BRTCMVBG.cjs.map} +1 -1
  19. package/dist/{chunk-DBC5HYVO.cjs → chunk-BZHARMWU.cjs} +80 -80
  20. package/dist/{chunk-DBC5HYVO.cjs.map → chunk-BZHARMWU.cjs.map} +1 -1
  21. package/dist/{chunk-LXKEHZUV.cjs → chunk-COX4CSXZ.cjs} +466 -469
  22. package/dist/chunk-COX4CSXZ.cjs.map +1 -0
  23. package/dist/{chunk-AVRVYWCS.js → chunk-CXQTK6W3.js} +89 -6
  24. package/dist/chunk-CXQTK6W3.js.map +1 -0
  25. package/dist/{chunk-77DK66OI.cjs → chunk-FBXR26Q4.cjs} +50 -50
  26. package/dist/{chunk-77DK66OI.cjs.map → chunk-FBXR26Q4.cjs.map} +1 -1
  27. package/dist/{chunk-MRNN5TYM.js → chunk-FI7ZPOYQ.js} +27 -6
  28. package/dist/chunk-FI7ZPOYQ.js.map +1 -0
  29. package/dist/{chunk-UODSGUIM.js → chunk-FWVIDEOA.js} +2 -2
  30. package/dist/{chunk-OV6AUU2F.js → chunk-HNHKXOCZ.js} +7 -7
  31. package/dist/{chunk-DCKHFLXE.cjs → chunk-IRWS22CP.cjs} +22 -22
  32. package/dist/{chunk-DCKHFLXE.cjs.map → chunk-IRWS22CP.cjs.map} +1 -1
  33. package/dist/{chunk-SIQDC6VE.js → chunk-J3ZS6CRA.js} +4 -4
  34. package/dist/{chunk-ZYU3U3EI.js → chunk-J6ZEVCVN.js} +4 -4
  35. package/dist/{chunk-T3ZAMHEG.js → chunk-MOEOLUVD.js} +3 -3
  36. package/dist/{chunk-AHAZ6WLZ.cjs → chunk-OEX2WLZX.cjs} +10 -10
  37. package/dist/{chunk-AHAZ6WLZ.cjs.map → chunk-OEX2WLZX.cjs.map} +1 -1
  38. package/dist/{chunk-WCHS6P5U.js → chunk-R2XJXMAT.js} +6 -6
  39. package/dist/{chunk-DVDXCOTA.js → chunk-R4JFUVQ4.js} +3 -3
  40. package/dist/{chunk-UVRLSOEJ.js → chunk-TN2RFU6D.js} +113 -183
  41. package/dist/chunk-TN2RFU6D.js.map +1 -0
  42. package/dist/{chunk-MKOAFRVX.cjs → chunk-UXU4DROI.cjs} +12 -12
  43. package/dist/{chunk-MKOAFRVX.cjs.map → chunk-UXU4DROI.cjs.map} +1 -1
  44. package/dist/{chunk-VF37HVC4.cjs → chunk-VCEO6AGC.cjs} +18 -18
  45. package/dist/{chunk-VF37HVC4.cjs.map → chunk-VCEO6AGC.cjs.map} +1 -1
  46. package/dist/{chunk-UIWQO4OC.cjs → chunk-VO2FJ2AL.cjs} +36 -36
  47. package/dist/{chunk-UIWQO4OC.cjs.map → chunk-VO2FJ2AL.cjs.map} +1 -1
  48. package/dist/{chunk-COA3TIOD.js → chunk-VOSO3SC5.js} +5 -5
  49. package/dist/{chunk-W4YXUJOF.cjs → chunk-VP6PJLMI.cjs} +48 -118
  50. package/dist/chunk-VP6PJLMI.cjs.map +1 -0
  51. package/dist/{chunk-Z7OC25FG.cjs → chunk-VQEXKCFM.cjs} +5 -5
  52. package/dist/{chunk-Z7OC25FG.cjs.map → chunk-VQEXKCFM.cjs.map} +1 -1
  53. package/dist/{chunk-IMCBJOFN.cjs → chunk-X2W4ANCM.cjs} +43 -43
  54. package/dist/{chunk-IMCBJOFN.cjs.map → chunk-X2W4ANCM.cjs.map} +1 -1
  55. package/dist/{chunk-3WRN7VAD.js → chunk-YNBOPBO7.js} +4 -4
  56. package/dist/{chunk-LNUZHW4O.cjs → chunk-YRSPHPGO.cjs} +25 -25
  57. package/dist/{chunk-LNUZHW4O.cjs.map → chunk-YRSPHPGO.cjs.map} +1 -1
  58. package/dist/{chunk-HOZGKVRI.js → chunk-ZNJK5HOE.js} +2 -2
  59. package/dist/components/announcement-bar.d.ts.map +1 -1
  60. package/dist/components/case-studies/index.cjs +17 -17
  61. package/dist/components/case-studies/index.js +5 -5
  62. package/dist/components/chat/index.cjs +3 -3
  63. package/dist/components/chat/index.js +2 -2
  64. package/dist/components/contact/index.cjs +6 -6
  65. package/dist/components/contact/index.js +5 -5
  66. package/dist/components/docs/index.cjs +9 -9
  67. package/dist/components/docs/index.js +8 -8
  68. package/dist/components/embeds/index.cjs +6 -6
  69. package/dist/components/embeds/index.js +5 -5
  70. package/dist/components/faq/index.cjs +6 -6
  71. package/dist/components/faq/index.js +5 -5
  72. package/dist/components/features/cards-strip.d.ts.map +1 -1
  73. package/dist/components/features/index.cjs +5 -5
  74. package/dist/components/features/index.js +4 -4
  75. package/dist/components/help-center-pages/index.cjs +81 -81
  76. package/dist/components/help-center-pages/index.js +16 -16
  77. package/dist/components/index.cjs +48 -47
  78. package/dist/components/index.cjs.map +1 -1
  79. package/dist/components/index.js +17 -16
  80. package/dist/components/index.js.map +1 -1
  81. package/dist/components/meeting-scheduler/index.cjs +32 -32
  82. package/dist/components/meeting-scheduler/index.js +4 -4
  83. package/dist/components/navigation/index.cjs +8 -8
  84. package/dist/components/navigation/index.js +7 -7
  85. package/dist/components/onboarding-guides/index.cjs +8 -8
  86. package/dist/components/onboarding-guides/index.js +7 -7
  87. package/dist/components/tickets/index.cjs +9 -9
  88. package/dist/components/tickets/index.js +8 -8
  89. package/dist/components/ui/index.cjs +5 -5
  90. package/dist/components/ui/index.js +4 -4
  91. package/dist/components/ui/marquee-wall.d.ts.map +1 -1
  92. package/dist/hooks/index.cjs +5 -5
  93. package/dist/hooks/index.cjs.map +1 -1
  94. package/dist/hooks/index.js +7 -7
  95. package/dist/hooks/ui/use-in-view.d.ts +8 -1
  96. package/dist/hooks/ui/use-in-view.d.ts.map +1 -1
  97. package/dist/hooks/use-scenario-player.d.ts +3 -0
  98. package/dist/hooks/use-scenario-player.d.ts.map +1 -1
  99. package/dist/index.cjs +20 -14
  100. package/dist/index.cjs.map +1 -1
  101. package/dist/index.js +19 -13
  102. package/dist/index.js.map +1 -1
  103. package/dist/utils/index.cjs +21 -0
  104. package/dist/utils/index.cjs.map +1 -1
  105. package/dist/utils/index.d.ts +1 -0
  106. package/dist/utils/index.d.ts.map +1 -1
  107. package/dist/utils/index.js +19 -1
  108. package/dist/utils/index.js.map +1 -1
  109. package/dist/utils/path-pattern.d.ts +5 -0
  110. package/dist/utils/path-pattern.d.ts.map +1 -0
  111. package/package.json +1 -1
  112. package/src/components/announcement-bar.tsx +3 -2
  113. package/src/components/features/cards-strip.tsx +12 -11
  114. package/src/components/ui/marquee-wall.tsx +16 -14
  115. package/src/hooks/__tests__/use-scenario-player.test.tsx +48 -0
  116. package/src/hooks/ui/use-in-view.ts +15 -3
  117. package/src/hooks/use-scenario-player.ts +22 -2
  118. package/src/utils/__tests__/path-pattern.test.ts +30 -0
  119. package/src/utils/index.ts +1 -0
  120. package/src/utils/path-pattern.ts +31 -0
  121. package/dist/chunk-AVRVYWCS.js.map +0 -1
  122. package/dist/chunk-C36HIYNP.cjs.map +0 -1
  123. package/dist/chunk-DMUUWHII.cjs.map +0 -1
  124. package/dist/chunk-G6ASUIGI.js.map +0 -1
  125. package/dist/chunk-LXKEHZUV.cjs.map +0 -1
  126. package/dist/chunk-MRNN5TYM.js.map +0 -1
  127. package/dist/chunk-UVRLSOEJ.js.map +0 -1
  128. package/dist/chunk-W4YXUJOF.cjs.map +0 -1
  129. /package/dist/{chunk-LJRMRHX3.js.map → chunk-2QESJBGE.js.map} +0 -0
  130. /package/dist/{chunk-R6W6Q7LP.js.map → chunk-5VXVHYHC.js.map} +0 -0
  131. /package/dist/{chunk-AUGTCILI.js.map → chunk-7QAT2DV5.js.map} +0 -0
  132. /package/dist/{chunk-L4TUCNI2.js.map → chunk-AC6OEPUV.js.map} +0 -0
  133. /package/dist/{chunk-UODSGUIM.js.map → chunk-FWVIDEOA.js.map} +0 -0
  134. /package/dist/{chunk-OV6AUU2F.js.map → chunk-HNHKXOCZ.js.map} +0 -0
  135. /package/dist/{chunk-SIQDC6VE.js.map → chunk-J3ZS6CRA.js.map} +0 -0
  136. /package/dist/{chunk-ZYU3U3EI.js.map → chunk-J6ZEVCVN.js.map} +0 -0
  137. /package/dist/{chunk-T3ZAMHEG.js.map → chunk-MOEOLUVD.js.map} +0 -0
  138. /package/dist/{chunk-WCHS6P5U.js.map → chunk-R2XJXMAT.js.map} +0 -0
  139. /package/dist/{chunk-DVDXCOTA.js.map → chunk-R4JFUVQ4.js.map} +0 -0
  140. /package/dist/{chunk-COA3TIOD.js.map → chunk-VOSO3SC5.js.map} +0 -0
  141. /package/dist/{chunk-3WRN7VAD.js.map → chunk-YNBOPBO7.js.map} +0 -0
  142. /package/dist/{chunk-HOZGKVRI.js.map → chunk-ZNJK5HOE.js.map} +0 -0
@@ -8,17 +8,17 @@
8
8
 
9
9
 
10
10
 
11
- var _chunkC36HIYNPcjs = require('./chunk-C36HIYNP.cjs');
11
+ var _chunk4FS56YZScjs = require('./chunk-4FS56YZS.cjs');
12
12
 
13
13
 
14
14
 
15
15
 
16
- var _chunkW4YXUJOFcjs = require('./chunk-W4YXUJOF.cjs');
16
+ var _chunkVP6PJLMIcjs = require('./chunk-VP6PJLMI.cjs');
17
17
 
18
18
 
19
19
 
20
20
 
21
- var _chunkLXKEHZUVcjs = require('./chunk-LXKEHZUV.cjs');
21
+ var _chunkCOX4CSXZcjs = require('./chunk-COX4CSXZ.cjs');
22
22
 
23
23
 
24
24
 
@@ -113,14 +113,14 @@ function ContactForm({
113
113
  successToastMessage = "Redirecting you to join our community...",
114
114
  rescue: rescueForm = null
115
115
  } = {}) {
116
- const attachments = _chunkLXKEHZUVcjs.useChatAttachments.call(void 0, );
117
- const builtInSubmission = _chunkW4YXUJOFcjs.useContactSubmission.call(void 0, {
116
+ const attachments = _chunkCOX4CSXZcjs.useChatAttachments.call(void 0, );
117
+ const builtInSubmission = _chunkVP6PJLMIcjs.useContactSubmission.call(void 0, {
118
118
  userId,
119
119
  successRedirectUrl,
120
120
  successToastMessage
121
121
  });
122
122
  const [customSubmitting, setCustomSubmitting] = _react.useState.call(void 0, false);
123
- const { honeypotInputProps, getSignals, resetSignals } = _chunkW4YXUJOFcjs.useHumanitySignals.call(void 0, );
123
+ const { honeypotInputProps, getSignals, resetSignals } = _chunkVP6PJLMIcjs.useHumanitySignals.call(void 0, );
124
124
  const isSubmitting = onCustomSubmit ? customSubmitting : builtInSubmission.isSubmitting;
125
125
  const isSuccess = onCustomSubmit ? false : builtInSubmission.isSuccess;
126
126
  const form = _reacthookform.useForm.call(void 0, {
@@ -146,7 +146,7 @@ function ContactForm({
146
146
  ),
147
147
  [hideFields]
148
148
  );
149
- const rescue = _chunkW4YXUJOFcjs.useRescuedForm.call(void 0, form, { rescue: rescueForm, fields: rescueFieldNames, getSignals });
149
+ const rescue = _chunkVP6PJLMIcjs.useRescuedForm.call(void 0, form, { rescue: rescueForm, fields: rescueFieldNames, getSignals });
150
150
  const handleFormSubmit = async (data) => {
151
151
  if (isSubmitting) return;
152
152
  if (attachmentsEnabled && attachments.hasInflightUploads) return;
@@ -197,13 +197,13 @@ function ContactForm({
197
197
  );
198
198
  }),
199
199
  className: "flex flex-grow flex-col space-y-4 md:space-y-6",
200
- ..._chunkC36HIYNPcjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS,
200
+ ..._chunk4FS56YZScjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS,
201
201
  children: [
202
202
  !showName && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", ...register("name") }),
203
203
  !showEmail && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", ...register("email") }),
204
204
  !showHelpCategory && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", ...register("helpCategory") }),
205
205
  !showMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", ...register("message") }),
206
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkC36HIYNPcjs.HoneypotField, { ...honeypotInputProps }),
206
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4FS56YZScjs.HoneypotField, { ...honeypotInputProps }),
207
207
  extraTopField,
208
208
  showNameEmailRow && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2 md:gap-6", children: [
209
209
  showName && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
@@ -255,17 +255,17 @@ function ContactForm({
255
255
  {
256
256
  control,
257
257
  name: "companySize",
258
- render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkC36HIYNPcjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
258
+ render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk4FS56YZScjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
259
259
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
260
- _chunkC36HIYNPcjs.SelectTrigger,
260
+ _chunk4FS56YZScjs.SelectTrigger,
261
261
  {
262
262
  id: "companySize",
263
263
  "aria-label": "Company Size",
264
264
  className: "h-12 border-ods-border bg-ods-card px-3 text-ods-text-primary",
265
- children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkC36HIYNPcjs.SelectValue, { placeholder: "Select company size" })
265
+ children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4FS56YZScjs.SelectValue, { placeholder: "Select company size" })
266
266
  }
267
267
  ),
268
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkC36HIYNPcjs.SelectContent, { children: companySizeOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkC36HIYNPcjs.SelectItem, { value: opt, children: opt }, opt)) })
268
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4FS56YZScjs.SelectContent, { children: companySizeOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4FS56YZScjs.SelectItem, { value: opt, children: opt }, opt)) })
269
269
  ] })
270
270
  }
271
271
  ),
@@ -278,17 +278,17 @@ function ContactForm({
278
278
  {
279
279
  control,
280
280
  name: "referralSource",
281
- render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkC36HIYNPcjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
281
+ render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk4FS56YZScjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
282
282
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
283
- _chunkC36HIYNPcjs.SelectTrigger,
283
+ _chunk4FS56YZScjs.SelectTrigger,
284
284
  {
285
285
  id: "referralSource",
286
286
  "aria-label": "Referral Source",
287
287
  className: "h-12 border-ods-border bg-ods-card px-3 text-ods-text-primary",
288
- children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkC36HIYNPcjs.SelectValue, { placeholder: "Select an option" })
288
+ children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4FS56YZScjs.SelectValue, { placeholder: "Select an option" })
289
289
  }
290
290
  ),
291
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkC36HIYNPcjs.SelectContent, { children: referralSourceOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkC36HIYNPcjs.SelectItem, { value: opt, children: opt }, opt)) })
291
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4FS56YZScjs.SelectContent, { children: referralSourceOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4FS56YZScjs.SelectItem, { value: opt, children: opt }, opt)) })
292
292
  ] })
293
293
  }
294
294
  ),
@@ -305,18 +305,18 @@ function ContactForm({
305
305
  {
306
306
  control,
307
307
  name: "helpCategory",
308
- render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkC36HIYNPcjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
308
+ render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk4FS56YZScjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
309
309
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
310
- _chunkC36HIYNPcjs.SelectTrigger,
310
+ _chunk4FS56YZScjs.SelectTrigger,
311
311
  {
312
312
  id: "helpCategory",
313
313
  "aria-label": "Help Category",
314
314
  "aria-required": true,
315
315
  className: "h-12 border-ods-border bg-ods-card px-3 text-ods-text-primary",
316
- children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkC36HIYNPcjs.SelectValue, { placeholder: "Choose your main interest" })
316
+ children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4FS56YZScjs.SelectValue, { placeholder: "Choose your main interest" })
317
317
  }
318
318
  ),
319
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkC36HIYNPcjs.SelectContent, { children: helpCategoryOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkC36HIYNPcjs.SelectItem, { value: opt, children: opt }, opt)) })
319
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4FS56YZScjs.SelectContent, { children: helpCategoryOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4FS56YZScjs.SelectItem, { value: opt, children: opt }, opt)) })
320
320
  ] })
321
321
  }
322
322
  ),
@@ -328,7 +328,7 @@ function ContactForm({
328
328
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKWX65373cjs.RequiredMark, {})
329
329
  ] }),
330
330
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
331
- _chunkC36HIYNPcjs.Textarea,
331
+ _chunk4FS56YZScjs.Textarea,
332
332
  {
333
333
  id: "message",
334
334
  ...register("message"),
@@ -343,7 +343,7 @@ function ContactForm({
343
343
  ] }),
344
344
  attachmentsEnabled && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2", children: [
345
345
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
346
- _chunkLXKEHZUVcjs.ChatAttachmentChipStrip,
346
+ _chunkCOX4CSXZcjs.ChatAttachmentChipStrip,
347
347
  {
348
348
  attachments: attachments.attachments,
349
349
  onRemove: attachments.removeAttachment,
@@ -352,7 +352,7 @@ function ContactForm({
352
352
  ),
353
353
  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
354
354
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
355
- _chunkLXKEHZUVcjs.ChatAttachmentAddButton,
355
+ _chunkCOX4CSXZcjs.ChatAttachmentAddButton,
356
356
  {
357
357
  attachmentsEnabled: true,
358
358
  attachmentsCount: attachments.attachments.length,
@@ -388,4 +388,4 @@ function ContactForm({
388
388
 
389
389
 
390
390
  exports.ContactForm = ContactForm;
391
- //# sourceMappingURL=chunk-LNUZHW4O.cjs.map
391
+ //# sourceMappingURL=chunk-YRSPHPGO.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-LNUZHW4O.cjs","../src/components/contact/contact-form.tsx","../src/schemas/contact-schema.ts"],"names":[],"mappings":"AAAA,6rBAAY;AACZ;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACXA,8CAA4B;AAC5B,8BAAkD;AAClD,gDAAoC;ADapC;AACA;AEvCA,2BAAkB;AAKX,IAAM,mBAAA,EAAqB,CAAC,MAAA,EAAQ,OAAA,EAAS,QAAA,EAAU,SAAA,EAAW,UAAA,EAAY,OAAO,CAAA;AAErF,IAAM,sBAAA,EAAwB;AAAA,EACnC,QAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,oBAAA;AAAA,EACA;AACF,CAAA;AAKO,IAAM,2BAAA,EAA6B;AAAA,EACxC,0BAAA;AAAA,EACA,uBAAA;AAAA,EACA,oBAAA;AAAA,EACA,cAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA;AAWO,IAAM,kBAAA,EAAoB,OAAA,CAC9B,MAAA,CAAO,CAAA,CACP,GAAA,CAAI,EAAE,OAAA,EAAS,oCAAoC,CAAC,CAAA,CACpD,MAAA;AAAA,EACC,CAAA,GAAA,EAAA,GAAO;AACL,IAAA,IAAI;AACF,MAAA,MAAM,KAAA,EAAO,IAAI,GAAA,CAAI,GAAG,CAAA,CAAE,QAAA,CAAS,WAAA,CAAY,CAAA;AAC/C,MAAA,OAAO,KAAA,IAAS,eAAA,GAAkB,IAAA,CAAK,QAAA,CAAS,eAAe,CAAA;AAAA,IACjE,EAAA,UAAQ;AACN,MAAA,OAAO,KAAA;AAAA,IACT;AAAA,EACF,CAAA;AAAA,EACA;AAAA,IACE,OAAA,EAAS;AAAA,EACX;AACF,CAAA,CACC,QAAA,CAAS,CAAA,CACT,EAAA,CAAG,OAAA,CAAE,OAAA,CAAQ,EAAE,CAAC,CAAA;AASZ,IAAM,kBAAA,EAAoB,OAAA,CAAE,MAAA,CAAO;AAAA,EACxC,IAAA,EAAM,OAAA,CAAE,MAAA,CAAO,CAAA,CAAE,GAAA,CAAI,CAAA,EAAG,EAAE,OAAA,EAAS,qCAAqC,CAAC,CAAA,CAAE,GAAA,CAAI,GAAA,EAAK,EAAE,OAAA,EAAS,mBAAmB,CAAC,CAAA;AAAA,EACnH,KAAA,EAAO,OAAA,CAAE,MAAA,CAAO,CAAA,CAAE,KAAA,CAAM,EAAE,OAAA,EAAS,qCAAqC,CAAC,CAAA,CAAE,GAAA,CAAI,GAAG,CAAA;AAAA,EAClF,YAAA,EAAc,iBAAA;AAAA,EACd,YAAA,EAAc,OAAA,CACX,MAAA,CAAO,CAAA,CACP,GAAA,CAAI,CAAA,EAAG,EAAE,OAAA,EAAS,0CAA0C,CAAC,CAAA,CAC7D,GAAA,CAAI,GAAA,EAAK,EAAE,OAAA,EAAS,4BAA4B,CAAC,CAAA;AAAA,EACpD,OAAA,EAAS,OAAA,CACN,MAAA,CAAO,CAAA,CACP,GAAA,CAAI,EAAA,EAAI,EAAE,OAAA,EAAS,yCAAyC,CAAC,CAAA,CAC7D,GAAA,CAAI,GAAA,EAAM,EAAE,OAAA,EAAS,8CAA8C,CAAC,CAAA;AAAA,EACvE,OAAA,EAAS,OAAA,CAAE,MAAA,CAAO,CAAA,CAAE,QAAA,CAAS;AAC/B,CAAC,CAAA;AAKM,IAAM,cAAA,EAAgB,iBAAA,CAAkB,MAAA,CAAO;AAAA,EACpD,WAAA,EAAa,OAAA,CACV,MAAA,CAAO,CAAA,CACP,QAAA,CAAS,CAAA,CACT,MAAA,CAAO,CAAA,GAAA,EAAA,GAAO,CAAC,IAAA,GAAO,kBAAA,CAAmB,QAAA,CAAS,GAA0C,CAAA,EAAG;AAAA,IAC9F,OAAA,EAAS;AAAA,EACX,CAAC,CAAA;AAAA,EACH,cAAA,EAAgB,OAAA,CACb,MAAA,CAAO,CAAA,CACP,QAAA,CAAS,CAAA,CACT,MAAA,CAAO,CAAA,GAAA,EAAA,GAAO,CAAC,IAAA,GAAO,qBAAA,CAAsB,QAAA,CAAS,GAA6C,CAAA,EAAG;AAAA,IACpG,OAAA,EAAS;AAAA,EACX,CAAC;AACL,CAAC,CAAA;AFPD;AACA;ACmLQ,+CAAA;AA9HD,SAAS,WAAA,CAAY;AAAA,EAC1B,MAAA;AAAA,EACA,oBAAA,EAAsB,0BAAA;AAAA,EACtB,MAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA;AAAA,EACA,gBAAA;AAAA,EACA,WAAA,EAAa,CAAC,CAAA;AAAA,EACd,aAAA,EAAe,iBAAA;AAAA,EACf,cAAA;AAAA,EACA,aAAA;AAAA,EACA,mBAAA,EAAqB,KAAA;AAAA,EACrB,MAAA,EAAQ,WAAA;AAAA,EACR,QAAA;AAAA,EACA,WAAA,EAAa,qFAAA;AAAA,EACb,SAAA,EAAW,KAAA;AAAA,EACX,UAAA,EAAY,KAAA;AAAA,EACZ,cAAA,EAAgB,QAAA;AAAA,EAChB,gBAAA,EAAkB,EAAA;AAAA,EAClB,YAAA,EAAc,cAAA;AAAA,EACd,mBAAA,EAAqB,eAAA;AAAA,EACrB,mBAAA,EAAqB,iBAAA;AAAA,EACrB,oBAAA,EAAsB,0CAAA;AAAA,EACtB,MAAA,EAAQ,WAAA,EAAa;AACvB,EAAA,EAAsB,CAAC,CAAA,EAAG;AAMxB,EAAA,MAAM,YAAA,EAAc,kDAAA,CAAmB;AAKvC,EAAA,MAAM,kBAAA,EAAoB,oDAAA;AAAqB,IAC7C,MAAA;AAAA,IACA,kBAAA;AAAA,IACA;AAAA,EACF,CAAC,CAAA;AAID,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,EAAA,EAAI,6BAAA,KAAc,CAAA;AAI9D,EAAA,MAAM,EAAE,kBAAA,EAAoB,UAAA,EAAY,aAAa,EAAA,EAAI,kDAAA,CAAmB;AAE5E,EAAA,MAAM,aAAA,EAAe,eAAA,EAAiB,iBAAA,EAAmB,iBAAA,CAAkB,YAAA;AAG3E,EAAA,MAAM,UAAA,EAAY,eAAA,EAAiB,MAAA,EAAQ,iBAAA,CAAkB,SAAA;AAE7D,EAAA,MAAM,KAAA,EAAO,oCAAA;AAAyB,IACpC,QAAA,EAAU,8BAAA,aAAyB,CAAA;AAAA,IACnC,aAAA,EAAe;AAAA,MACb,GAAI,gBAAA,GAAmB,EAAE,YAAA,EAAc,gBAAgB,CAAA;AAAA,MACvD,GAAI,iBAAA,GAAoB,EAAE,OAAA,EAAS,iBAAiB,CAAA;AAAA;AAAA;AAAA,MAGpD,GAAG;AAAA,IACL;AAAA,EACF,CAAC,CAAA;AACD,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,YAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA,EAAW,EAAE,OAAO,CAAA;AAAA,IACpB;AAAA,EACF,EAAA,EAAI,IAAA;AAIJ,EAAA,MAAM,iBAAA,EAAmB,4BAAA;AAAA,IACvB,CAAA,EAAA,GACG,CAAC,MAAA,EAAQ,OAAA,EAAS,aAAA,EAAe,gBAAA,EAAkB,cAAA,EAAgB,SAAS,CAAA,CAAY,MAAA;AAAA,MACvF,CAAA,KAAA,EAAA,GAAS,CAAC,UAAA,CAAW,QAAA,CAAS,KAAK;AAAA,IACrC,CAAA;AAAA,IACF,CAAC,UAAU;AAAA,EACb,CAAA;AACA,EAAA,MAAM,OAAA,EAAS,8CAAA,IAAe,EAAM,EAAE,MAAA,EAAQ,UAAA,EAAY,MAAA,EAAQ,gBAAA,EAAkB,WAAW,CAAC,CAAA;AAEhG,EAAA,MAAM,iBAAA,EAAmB,MAAA,CAAO,IAAA,EAAA,GAA0B;AACxD,IAAA,GAAA,CAAI,YAAA,EAAc,MAAA;AAClB,IAAA,GAAA,CAAI,mBAAA,GAAsB,WAAA,CAAY,kBAAA,EAAoB,MAAA;AAC1D,IAAA,IAAI;AACF,MAAA,MAAM,QAAA,EAAU,EAAE,GAAG,IAAA,EAAM,GAAI,OAAA,GAAU,EAAE,OAAA,EAAS,OAAO,CAAA,EAAI,GAAG,UAAA,CAAW,CAAA,EAAG,GAAG,MAAA,CAAO,YAAA,CAAa,EAAE,CAAA;AACzG,MAAA,MAAM,iBAAA,EAAmB,mBAAA,EAAqB,WAAA,CAAY,iBAAA,EAAmB,CAAC,CAAA;AAC9E,MAAA,GAAA,CAAI,cAAA,EAAgB;AAClB,QAAA,mBAAA,CAAoB,IAAI,CAAA;AACxB,QAAA,IAAI;AACF,UAAA,MAAM,cAAA,CAAe,OAAA,EAAS,gBAAgB,CAAA;AAAA,QAChD,EAAA,QAAE;AACA,UAAA,mBAAA,CAAoB,KAAK,CAAA;AAAA,QAC3B;AAAA,MACF,EAAA,KAAO;AACL,QAAA,MAAM,iBAAA,CAAkB,MAAA,CAAO,OAAO,CAAA;AAAA,MACxC;AACA,MAAA,MAAA,CAAO,QAAA,CAAS,CAAA;AAChB,sBAAA,eAAA,wBAAA,CAAkB,GAAA;AAClB,MAAA,KAAA,CAAM,CAAA;AACN,MAAA,YAAA,CAAa,CAAA;AACb,MAAA,GAAA,CAAI,kBAAA,EAAoB,WAAA,CAAY,KAAA,CAAM,CAAA;AAAA,IAC5C,EAAA,WAAQ;AAAA,IAMR;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,SAAA,EAAW,CAAC,UAAA,CAAW,QAAA,CAAS,MAAM,CAAA;AAC5C,EAAA,MAAM,UAAA,EAAY,CAAC,UAAA,CAAW,QAAA,CAAS,OAAO,CAAA;AAC9C,EAAA,MAAM,iBAAA,EAAmB,SAAA,GAAY,SAAA;AACrC,EAAA,MAAM,gBAAA,EAAkB,CAAC,UAAA,CAAW,QAAA,CAAS,aAAa,CAAA;AAC1D,EAAA,MAAM,mBAAA,EAAqB,CAAC,UAAA,CAAW,QAAA,CAAS,gBAAgB,CAAA;AAChE,EAAA,MAAM,iBAAA,EAAmB,CAAC,UAAA,CAAW,QAAA,CAAS,cAAc,CAAA;AAC5D,EAAA,MAAM,YAAA,EAAc,CAAC,UAAA,CAAW,QAAA,CAAS,SAAS,CAAA;AAElD,EAAA,uBACE,8BAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAAA,qBAAA,EAAwB,CAAC,SAAA,EAAW,sDAAA,EAAwD,EAAE,CAAA,CAAA,EAAI,CAAC,UAAA,EAAY,qBAAA,EAAuB,EAAE,CAAA,CAAA;AAEjJ,MAAA;AAEG,QAAA;AAA6F,UAAA;AAC1B,UAAA;AACtE,QAAA;AAGF,wBAAA;AAAC,UAAA;AAAA,UAAA;AAC8D,YAAA;AAMnD,cAAA;AACN,gBAAA;AACyF,gBAAA;AAC3F,cAAA;AACD,YAAA;AACS,YAAA;AACN,YAAA;AAUH,YAAA;AAAwD,cAAA;AACE,cAAA;AACc,cAAA;AACV,cAAA;AAGxB,8BAAA;AAKtC,cAAA;AAII,cAAA;AAEG,gBAAA;AAAsB,kCAAA;AAAA,oBAAA;AAEN,oCAAA;AAChB,kBAAA;AACA,kCAAA;AAAC,oBAAA;AAAA,oBAAA;AACI,sBAAA;AACE,sBAAA;AACc,sBAAA;AACP,sBAAA;AACW,sBAAA;AACV,sBAAA;AACI,sBAAA;AACP,sBAAA;AAAA,oBAAA;AACZ,kBAAA;AAIE,kBAAA;AAEJ,gBAAA;AAIE,gBAAA;AAAuB,kCAAA;AAAA,oBAAA;AAEP,oCAAA;AAChB,kBAAA;AACA,kCAAA;AAAC,oBAAA;AAAA,oBAAA;AACI,sBAAA;AACE,sBAAA;AACe,sBAAA;AACR,sBAAA;AACW,sBAAA;AACV,sBAAA;AACI,sBAAA;AACP,sBAAA;AAAA,oBAAA;AACZ,kBAAA;AAGkB,kBAAA;AAGpB,gBAAA;AAEJ,cAAA;AAKG,cAAA;AAEG,gBAAA;AAAyC,kCAAA;AACzC,kCAAA;AAAC,oBAAA;AAAA,oBAAA;AACC,sBAAA;AACK,sBAAA;AAGD,sBAAA;AAAA,wCAAA;AAAC,0BAAA;AAAA,0BAAA;AACI,4BAAA;AACQ,4BAAA;AACD,4BAAA;AAEqC,4BAAA;AAAA,0BAAA;AACjD,wBAAA;AAIO,wCAAA;AAIT,sBAAA;AAAA,oBAAA;AAEJ,kBAAA;AAGY,kBAAA;AAGd,gBAAA;AAIE,gBAAA;AAA0D,kCAAA;AAC1D,kCAAA;AAAC,oBAAA;AAAA,oBAAA;AACC,sBAAA;AACK,sBAAA;AAGD,sBAAA;AAAA,wCAAA;AAAC,0BAAA;AAAA,0BAAA;AACI,4BAAA;AACQ,4BAAA;AACD,4BAAA;AAEkC,4BAAA;AAAA,0BAAA;AAC9C,wBAAA;AAIO,wCAAA;AAIT,sBAAA;AAAA,oBAAA;AAEJ,kBAAA;AAGK,kBAAA;AAGP,gBAAA;AAEJ,cAAA;AAKE,cAAA;AAA8B,gCAAA;AAAA,kBAAA;AAEd,kCAAA;AAChB,gBAAA;AACA,gCAAA;AAAC,kBAAA;AAAA,kBAAA;AACC,oBAAA;AACK,oBAAA;AAGD,oBAAA;AAAA,sCAAA;AAAC,wBAAA;AAAA,wBAAA;AACI,0BAAA;AACQ,0BAAA;AACE,0BAAA;AACH,0BAAA;AAE2C,0BAAA;AAAA,wBAAA;AACvD,sBAAA;AAIO,sCAAA;AAIT,oBAAA;AAAA,kBAAA;AAEJ,gBAAA;AAGY,gBAAA;AAGd,cAAA;AAKE,cAAA;AAAyB,gCAAA;AAAA,kBAAA;AAET,kCAAA;AAChB,gBAAA;AACA,gCAAA;AAAC,kBAAA;AAAA,kBAAA;AACI,oBAAA;AACmB,oBAAA;AACV,oBAAA;AACW,oBAAA;AACV,oBAAA;AACI,oBAAA;AACP,oBAAA;AAAA,kBAAA;AACZ,gBAAA;AAGoB,gBAAA;AAGtB,cAAA;AAUE,cAAA;AAAA,gCAAA;AAAC,kBAAA;AAAA,kBAAA;AAC0B,oBAAA;AACH,oBAAA;AACZ,oBAAA;AAAA,kBAAA;AACZ,gBAAA;AAEE,gCAAA;AAAA,kCAAA;AAAC,oBAAA;AAAA,oBAAA;AACmB,sBAAA;AACwB,sBAAA;AAClB,sBAAA;AACd,sBAAA;AAAA,oBAAA;AACZ,kBAAA;AACyE,kCAAA;AAC3E,gBAAA;AACF,cAAA;AAIC,8BAAA;AAAkG,gBAAA;AACnG,gCAAA;AAAC,kBAAA;AAAA,kBAAA;AACM,oBAAA;AACI,oBAAA;AACiE,oBAAA;AACjE,oBAAA;AACqC,oBAAA;AAEZ,oBAAA;AAAA,kBAAA;AACpC,gBAAA;AACF,cAAA;AAAA,YAAA;AAAA,UAAA;AACF,QAAA;AAAA,MAAA;AAAA,IAAA;AACF,EAAA;AAEJ;AD9I0J;AACA;AACA;AACA","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-LNUZHW4O.cjs","sourcesContent":[null,"'use client';\n\n/**\n * `<ContactForm />` — the canonical contact form used by every public\n * surface (TMCG join, case-study pitch, generic /contact, Help Center\n * ticket creation, etc.).\n *\n * Self-contained inside the lib — host-specific values (user id for\n * tracking, platform-specific contact reasons, reddit-click attribution\n * id) flow IN via props. The hub passes them via a thin\n * `<ContactForm>` wrapper that resolves them from `useAuth` /\n * `getAppConfig` / `getStoredRedditClickId`. Other embedders pass\n * whatever they have (or omit).\n *\n * Field-hide + custom-submit + extra-top-field knobs let one form\n * serve both contact and ticket-creation flows without forking:\n * - Contact page: rendered with all fields visible, built-in submit\n * flow to `/api/contact` via `useContactSubmission`.\n * - Ticket page: hides name/email/companySize/referralSource/\n * helpCategory; supplies `extraTopField` (a Subject input) +\n * `onCustomSubmit` wired to `useTicketActions.submitTicket`.\n */\n\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { useMemo, useState, type ReactNode } from 'react';\nimport { useForm, Controller } from 'react-hook-form';\nimport { useContactSubmission } from '../../hooks/use-contact-submission';\nimport { useHumanitySignals } from '../../hooks/use-humanity-signals';\nimport { useRescuedForm } from '../../hooks/use-rescued-form';\nimport {\n ContactSchema,\n type ContactFormData,\n companySizeOptions,\n referralSourceOptions,\n defaultHelpCategoryOptions,\n} from '../../schemas/contact-schema';\nimport type { FormRescueDefinition } from '../../utils/form-rescue';\nimport { HUBSPOT_DO_NOT_COLLECT_FORM_PROPS } from '../../utils/hubspot-collected-forms';\nimport { ChatAttachmentAddButton, ChatAttachmentChipStrip } from '../chat/chat-attachment-bar';\nimport { useChatAttachments } from '../chat/hooks/use-chat-attachments';\nimport type { ChatAttachment } from '../chat/utils/chat-attachment-markdown';\nimport { accentSentenceMarks, SECTION_HEADING_CLASS } from '../layout/page-heading';\nimport {\n Button,\n type ButtonProps,\n Input,\n Textarea,\n Select,\n SelectTrigger,\n SelectValue,\n SelectContent,\n SelectItem,\n Label,\n} from '../ui';\nimport { HoneypotField } from '../ui/honeypot-field';\nimport { RequiredMark } from '../ui/required-mark';\n\n/**\n * Fields the caller can suppress. Six values — every primary form\n * field plus `name` and `email` (newly hideable so ticket-creation\n * surfaces can hide them; they still need to validate, so the caller\n * MUST supply pre-filled values via `defaultValues` when hiding them).\n */\nexport type ContactFormHideableField = 'name' | 'email' | 'companySize' | 'referralSource' | 'helpCategory' | 'message';\n\nexport interface ContactFormProps {\n /** Host-side user id passed to `useContactSubmission` for attribution.\n * Hub wrapper passes `useAuth().user?.id`; lib's Help Center surface\n * passes `useChatIdentity().user?.id`. Omit for anon flows. */\n userId?: string;\n /** Platform-specific help-category dropdown options. Hub wrapper\n * passes `getAppConfig().contact.contactReasons`. Defaults to the\n * lib's `defaultHelpCategoryOptions`. */\n helpCategoryOptions?: readonly string[];\n /** Reddit click attribution id. Caller resolves from wherever they\n * stash it (hub: sessionStorage via `getStoredRedditClickId`). When\n * set, it's spread into the submission payload. */\n rdtCid?: string;\n /** Called after a successful submit so the caller can clear their\n * attribution storage (hub wrapper calls `clearStoredRedditClickId`).\n * Fires for BOTH the built-in and custom submit paths. */\n onSubmitSuccess?: () => void;\n\n prefilledReason?: string;\n prefilledMessage?: string;\n hideFields?: ContactFormHideableField[];\n /** Authoritative pre-fill for any field the caller hides. Merged\n * into react-hook-form's `defaultValues` AFTER the legacy\n * `prefilledReason` / `prefilledMessage` props (caller-supplied\n * wins). REQUIRED when hiding `name` / `email` / `helpCategory` —\n * those fields are still validated by Zod even when not rendered. */\n defaultValues?: Partial<ContactFormData>;\n /** Optional custom submit handler. When provided, the form bypasses\n * the built-in `useContactSubmission` flow (no /api/contact call,\n * no success-redirect, no built-in toast) — the caller owns the\n * entire side-effect chain. Reset + `onSubmitSuccess` still fire\n * on a successful await.\n *\n * Receives the schema-validated form payload PLUS the ready\n * attachments array (empty when `attachmentsEnabled === false` or\n * the user hasn't picked any). Caller forwards `attachments` to\n * whichever sink owns the upload (e.g. `actions.submitTicket`'s\n * `attachments` field for HubSpot Note engagements). */\n onCustomSubmit?: (data: ContactFormData, attachments: ChatAttachment[]) => Promise<void>;\n /** Turn on the attachments bar (file `+` button + chip strip) using\n * the same lib primitives the chat composer uses\n * (`<ChatAttachmentAddButton>` + `<ChatAttachmentChipStrip>` +\n * `useChatAttachments`). When `false` (the default), the form\n * doesn't render the bar AND the attachments array passed to\n * `onCustomSubmit` is always empty. */\n attachmentsEnabled?: boolean;\n /** Render slot for an EXTRA field at the very top of the form,\n * ABOVE the name/email row. Use this for ticket surfaces that need\n * a Subject input — the field is NOT part of `ContactSchema`, so\n * the caller manages its own state + validation and reads the\n * value back inside `onCustomSubmit`. */\n extraTopField?: ReactNode;\n\n title?: string;\n subtitle?: string;\n footerText?: string;\n noBorder?: boolean;\n noPadding?: boolean;\n buttonVariant?: ButtonProps['variant'];\n buttonClassName?: string;\n /** Submit-button label. Defaults to \"Send Message\". Override for\n * ticket surfaces (e.g. \"Open ticket\"). */\n submitLabel?: string;\n /** Success-state submit-button label (shown briefly after submit on\n * the built-in flow). Defaults to \"Message Sent!\". Has no effect\n * when `onCustomSubmit` is provided — the caller owns success UX. */\n submitSuccessLabel?: string;\n successRedirectUrl?: string;\n successToastMessage?: string;\n /** Form rescue (a half-filled form is saved so the team can follow up): the\n * form's definition (`RESCUE_FORMS.contact`, or the host's own\n * `defineRescueForm`). OPT-IN: omitted or `null` saves nothing, so a host that\n * has not chosen rescue never starts storing what visitors type. */\n rescue?: FormRescueDefinition | null;\n}\n\nexport function ContactForm({\n userId,\n helpCategoryOptions = defaultHelpCategoryOptions,\n rdtCid,\n onSubmitSuccess,\n prefilledReason,\n prefilledMessage,\n hideFields = [],\n defaultValues: defaultValuesProp,\n onCustomSubmit,\n extraTopField,\n attachmentsEnabled = false,\n title = 'Hit Us Up',\n subtitle,\n footerText = 'We typically respond within 24 hours. We respect your privacy – no spam, ever.',\n noBorder = false,\n noPadding = false,\n buttonVariant = 'accent',\n buttonClassName = '',\n submitLabel = 'Send Message',\n submitSuccessLabel = 'Message Sent!',\n successRedirectUrl = '/blog#community',\n successToastMessage = 'Redirecting you to join our community...',\n rescue: rescueForm = null,\n}: ContactFormProps = {}) {\n // Attachments staging — same hook the chat composer + ticket\n // detail-drawer composer use. Files upload to Supabase as soon as\n // the user picks them; `readyAttachments` is the wire-shape array\n // ready for the next submit. `hasInflightUploads` disables Send\n // until every upload settles.\n const attachments = useChatAttachments();\n // Built-in contact-API flow. Hook is called unconditionally (rules\n // of hooks); we just don't dispatch its `submit` when the caller\n // passes `onCustomSubmit`. The hook owns its own toast + redirect\n // chain so bypassing it cleanly hands all side-effects to the caller.\n const builtInSubmission = useContactSubmission({\n userId,\n successRedirectUrl,\n successToastMessage,\n });\n // Independent in-flight tracker for the custom path — we can't reuse\n // `builtInSubmission.isSubmitting` because that hook never sees a\n // request when `onCustomSubmit` is active.\n const [customSubmitting, setCustomSubmitting] = useState(false);\n\n // Invisible bot-protection signals (honeypot + timing). Spread into the\n // submit payload for BOTH the built-in and custom paths; reset on success.\n const { honeypotInputProps, getSignals, resetSignals } = useHumanitySignals();\n\n const isSubmitting = onCustomSubmit ? customSubmitting : builtInSubmission.isSubmitting;\n // `isSuccess` only ever fires on the built-in path; custom callers\n // own their own UX (no \"Message Sent!\" button-label flicker).\n const isSuccess = onCustomSubmit ? false : builtInSubmission.isSuccess;\n\n const form = useForm<ContactFormData>({\n resolver: zodResolver(ContactSchema),\n defaultValues: {\n ...(prefilledReason && { helpCategory: prefilledReason }),\n ...(prefilledMessage && { message: prefilledMessage }),\n // Caller-supplied defaults win over the legacy `prefilled*` props\n // (they're the authoritative seed for hidden fields).\n ...defaultValuesProp,\n },\n });\n const {\n register,\n handleSubmit,\n control,\n formState: { errors },\n reset,\n } = form;\n\n // Form rescue: only the fields the visitor can see are tracked, so a hidden\n // prefilled value (a signed-in email, a fixed category) is never sent.\n const rescueFieldNames = useMemo(\n () =>\n (['name', 'email', 'companySize', 'referralSource', 'helpCategory', 'message'] as const).filter(\n field => !hideFields.includes(field),\n ),\n [hideFields],\n );\n const rescue = useRescuedForm(form, { rescue: rescueForm, fields: rescueFieldNames, getSignals });\n\n const handleFormSubmit = async (data: ContactFormData) => {\n if (isSubmitting) return;\n if (attachmentsEnabled && attachments.hasInflightUploads) return;\n try {\n const payload = { ...data, ...(rdtCid && { rdt_cid: rdtCid }), ...getSignals(), ...rescue.submitFields() };\n const readyAttachments = attachmentsEnabled ? attachments.readyAttachments : [];\n if (onCustomSubmit) {\n setCustomSubmitting(true);\n try {\n await onCustomSubmit(payload, readyAttachments);\n } finally {\n setCustomSubmitting(false);\n }\n } else {\n await builtInSubmission.submit(payload);\n }\n rescue.complete();\n onSubmitSuccess?.();\n reset();\n resetSignals();\n if (attachmentsEnabled) attachments.clear();\n } catch {\n // Error toast is owned by the active flow:\n // - built-in: `useContactSubmission` toasts inside `submit()`.\n // - custom: the caller toasts inside `onCustomSubmit`.\n // Either way we swallow here so a thrown error doesn't crash the\n // form tree (react-hook-form's onSubmit handler rejects upward).\n }\n };\n\n const showName = !hideFields.includes('name');\n const showEmail = !hideFields.includes('email');\n const showNameEmailRow = showName || showEmail;\n const showCompanySize = !hideFields.includes('companySize');\n const showReferralSource = !hideFields.includes('referralSource');\n const showHelpCategory = !hideFields.includes('helpCategory');\n const showMessage = !hideFields.includes('message');\n\n return (\n <div\n 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' : ''}`}\n >\n {(title || subtitle) && (\n <div className=\"mb-6 md:mb-8\">\n {title && <h2 className={`${SECTION_HEADING_CLASS} mb-3 md:mb-4`}>{accentSentenceMarks(title)}</h2>}\n {subtitle && <p className=\"text-ods-text-primary text-h4\">{subtitle}</p>}\n </div>\n )}\n\n <form\n onSubmit={handleSubmit(handleFormSubmit, validationErrors => {\n // When validation fails on a HIDDEN field (e.g. ticket form\n // hides name/email/helpCategory and seeds them via\n // `defaultValues`), there's no visible error UI for the user\n // — the submit button just appears dead. Log so the broken\n // defaultValues wiring is at least discoverable in DevTools.\n console.warn(\n '[ContactForm] submit blocked by validation:',\n Object.fromEntries(Object.entries(validationErrors).map(([k, v]) => [k, v?.message ?? v])),\n );\n })}\n className=\"flex flex-grow flex-col space-y-4 md:space-y-6\"\n {...HUBSPOT_DO_NOT_COLLECT_FORM_PROPS}\n >\n {/* Hidden inputs for fields that are required by `ContactSchema`\n but suppressed from the visible UI via `hideFields`. Without\n these, `register('name')` never runs, react-hook-form skips\n the field at submit time, and Zod's required-string check\n fails silently — the user clicks Submit and NOTHING visible\n happens (no error, no network call). The caller-supplied\n `defaultValues` seed the values; the hidden inputs just tell\n RHF to include them in the submit payload. */}\n {!showName && <input type=\"hidden\" {...register('name')} />}\n {!showEmail && <input type=\"hidden\" {...register('email')} />}\n {!showHelpCategory && <input type=\"hidden\" {...register('helpCategory')} />}\n {!showMessage && <input type=\"hidden\" {...register('message')} />}\n\n {/* Invisible honeypot — real users never fill it; bots that fill every field trip it. */}\n <HoneypotField {...honeypotInputProps} />\n\n {/* Extra top field (e.g. Subject for ticket forms). Rendered\n outside the schema-driven layout so the caller fully owns\n label / placeholder / state. */}\n {extraTopField}\n\n {showNameEmailRow && (\n <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2 md:gap-6\">\n {showName && (\n <div className=\"flex flex-col\">\n <Label htmlFor=\"name\">\n Your Name\n <RequiredMark />\n </Label>\n <Input\n id=\"name\"\n type=\"text\"\n {...register('name')}\n placeholder=\"Jane Doe\"\n aria-invalid={!!errors.name}\n aria-required\n aria-describedby=\"name-error\"\n className=\"h-12 border-ods-border bg-ods-card px-3 text-ods-text-primary placeholder-ods-text-secondary\"\n />\n {errors.name && (\n <span id=\"name-error\" className=\"mt-1 text-ods-error text-h6\">\n {errors.name.message}\n </span>\n )}\n </div>\n )}\n {showEmail && (\n <div className=\"flex flex-col\">\n <Label htmlFor=\"email\">\n Email\n <RequiredMark />\n </Label>\n <Input\n id=\"email\"\n type=\"email\"\n {...register('email')}\n placeholder=\"jane@company.com\"\n aria-invalid={!!errors.email}\n aria-required\n aria-describedby=\"email-error\"\n className=\"h-12 border-ods-border bg-ods-card px-3 text-ods-text-primary placeholder-ods-text-secondary\"\n />\n {errors.email && (\n <span id=\"email-error\" className=\"mt-1 text-ods-error text-h6\">\n {errors.email.message}\n </span>\n )}\n </div>\n )}\n </div>\n )}\n\n {(showCompanySize || showReferralSource) && (\n <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2 md:gap-6\">\n {showCompanySize && (\n <div className=\"flex flex-col\">\n <Label htmlFor=\"companySize\">Company Size</Label>\n <Controller\n control={control}\n name=\"companySize\"\n render={({ field }) => (\n <Select onValueChange={field.onChange} value={field.value ?? ''}>\n <SelectTrigger\n id=\"companySize\"\n aria-label=\"Company Size\"\n className=\"h-12 border-ods-border bg-ods-card px-3 text-ods-text-primary\"\n >\n <SelectValue placeholder=\"Select company size\" />\n </SelectTrigger>\n <SelectContent>\n {companySizeOptions.map(opt => (\n <SelectItem key={opt} value={opt}>\n {opt}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n )}\n />\n {errors.companySize && (\n <span id=\"companySize-error\" className=\"mt-1 text-ods-error text-h6\">\n {errors.companySize.message}\n </span>\n )}\n </div>\n )}\n {showReferralSource && (\n <div className=\"flex flex-col\">\n <Label htmlFor=\"referralSource\">How did you hear about us?</Label>\n <Controller\n control={control}\n name=\"referralSource\"\n render={({ field }) => (\n <Select onValueChange={field.onChange} value={field.value ?? ''}>\n <SelectTrigger\n id=\"referralSource\"\n aria-label=\"Referral Source\"\n className=\"h-12 border-ods-border bg-ods-card px-3 text-ods-text-primary\"\n >\n <SelectValue placeholder=\"Select an option\" />\n </SelectTrigger>\n <SelectContent>\n {referralSourceOptions.map(opt => (\n <SelectItem key={opt} value={opt}>\n {opt}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n )}\n />\n {errors.referralSource && (\n <span id=\"referralSource-error\" className=\"mt-1 text-ods-error text-h6\">\n {errors.referralSource.message}\n </span>\n )}\n </div>\n )}\n </div>\n )}\n\n {showHelpCategory && (\n <div className=\"flex flex-col\">\n <Label htmlFor=\"helpCategory\">\n Choose your main interest\n <RequiredMark />\n </Label>\n <Controller\n control={control}\n name=\"helpCategory\"\n render={({ field }) => (\n <Select onValueChange={field.onChange} value={field.value ?? ''}>\n <SelectTrigger\n id=\"helpCategory\"\n aria-label=\"Help Category\"\n aria-required\n className=\"h-12 border-ods-border bg-ods-card px-3 text-ods-text-primary\"\n >\n <SelectValue placeholder=\"Choose your main interest\" />\n </SelectTrigger>\n <SelectContent>\n {helpCategoryOptions.map(opt => (\n <SelectItem key={opt} value={opt}>\n {opt}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n )}\n />\n {errors.helpCategory && (\n <span id=\"helpCategory-error\" className=\"mt-1 text-ods-error text-h6\">\n {errors.helpCategory.message}\n </span>\n )}\n </div>\n )}\n\n {showMessage && (\n <div className=\"flex flex-grow flex-col\">\n <Label htmlFor=\"message\">\n Your Message\n <RequiredMark />\n </Label>\n <Textarea\n id=\"message\"\n {...register('message')}\n placeholder=\"Share your current challenges or questions about open-source alternatives...\"\n aria-invalid={!!errors.message}\n aria-required\n aria-describedby=\"message-error\"\n className=\"h-full flex-grow border-ods-border bg-ods-card text-ods-text-primary placeholder-ods-text-secondary\"\n />\n {errors.message && (\n <span id=\"message-error\" className=\"mt-1 text-ods-error text-h6\">\n {errors.message.message}\n </span>\n )}\n </div>\n )}\n\n {/* Attachments — only renders when `attachmentsEnabled` is on.\n Uses the SAME chip strip + add button + staging hook the\n chat composer and ticket-drawer composer use, so the visual\n chip styling + upload-progress UX are identical everywhere\n attachments appear. */}\n {attachmentsEnabled && (\n <div className=\"flex flex-col gap-2\">\n <ChatAttachmentChipStrip\n attachments={attachments.attachments}\n onRemove={attachments.removeAttachment}\n disabled={isSubmitting}\n />\n <div className=\"flex items-center gap-2\">\n <ChatAttachmentAddButton\n attachmentsEnabled\n attachmentsCount={attachments.attachments.length}\n onAddFiles={attachments.addFiles}\n disabled={isSubmitting}\n />\n <span className=\"text-ods-text-secondary text-h6\">Attach files (optional)</span>\n </div>\n </div>\n )}\n\n <div className=\"mt-auto flex w-full flex-col items-center justify-end gap-4 pt-2 md:flex-row md:gap-6\">\n {footerText && <p className=\"text-center text-ods-text-secondary text-h6 md:text-left\">{footerText}</p>}\n <Button\n type=\"submit\"\n loading={isSubmitting}\n disabled={isSubmitting || isSuccess || (attachmentsEnabled && attachments.hasInflightUploads)}\n variant={buttonVariant}\n className={`w-full md:w-auto ${buttonClassName}`}\n >\n {isSuccess ? submitSuccessLabel : submitLabel}\n </Button>\n </div>\n </form>\n </div>\n );\n}\n","import { z } from 'zod';\n\n// Dropdown option constants — re-exported by `<ContactForm>` consumers\n// that want to surface their own custom Select widgets keyed on the\n// same allowed-value set.\nexport const companySizeOptions = ['1-10', '11-50', '51-200', '201-500', '501-1000', '1001+'] as const;\n\nexport const referralSourceOptions = [\n 'Google',\n 'LinkedIn',\n 'Twitter/X',\n 'Reddit',\n 'Friend / Colleague',\n 'Other',\n] as const;\n\n// Default fallback options — used when the embedder doesn't supply\n// platform-specific help-category options via the `helpCategoryOptions`\n// prop on `<ContactForm>`.\nexport const defaultHelpCategoryOptions = [\n 'Open-Source Alternatives',\n 'Vendor Cost Reduction',\n 'MSP Best Practices',\n 'Partnerships',\n 'Press',\n 'Other',\n] as const;\n\n// Reusable LinkedIn URL validator — the single source of truth. Every\n// public form schema, every admin update schema, every HubSpot push\n// validator MUST reference this so validation rules cannot drift\n// across boundaries.\n//\n// Host validation parses the URL and checks the hostname suffix so an\n// adversarial input like `https://evil.com/linkedin.com/x` is rejected\n// (substring match would have accepted it — CodeQL alert\n// \"Incomplete URL substring sanitization\").\nexport const LinkedInUrlSchema = z\n .string()\n .url({ message: 'Please enter a valid LinkedIn URL' })\n .refine(\n url => {\n try {\n const host = new URL(url).hostname.toLowerCase();\n return host === 'linkedin.com' || host.endsWith('.linkedin.com');\n } catch {\n return false;\n }\n },\n {\n message: 'Please enter a valid LinkedIn profile URL',\n },\n )\n .optional()\n .or(z.literal(''));\n\n/**\n * Base schema — fields shared by every contact-style form (main contact\n * form, TMCG join, data-room request, case-study pitch, etc.). Any\n * field that exists on a form but NOT on this schema is silently\n * stripped by `safeParse` — that's exactly the bug the LinkedIn field\n * hit historically.\n */\nexport const ContactBaseSchema = z.object({\n name: z.string().min(2, { message: 'Name must be at least 2 characters' }).max(255, { message: 'Name is too long' }),\n email: z.string().email({ message: 'Please enter a valid email address' }).max(255),\n linkedin_url: LinkedInUrlSchema,\n helpCategory: z\n .string()\n .min(1, { message: 'Please select what we can help you with' })\n .max(255, { message: 'Help category is too long' }),\n message: z\n .string()\n .min(10, { message: 'Message must be at least 10 characters' })\n .max(5000, { message: 'Message is too long (5,000 character limit)' }),\n rdt_cid: z.string().optional(),\n});\n\n// Public POST /api/contact validator — base + dropdown fields used by\n// the generic contact form. Other form-specific schemas extend\n// `ContactBaseSchema`.\nexport const ContactSchema = ContactBaseSchema.extend({\n companySize: z\n .string()\n .optional()\n .refine(val => !val || companySizeOptions.includes(val as (typeof companySizeOptions)[number]), {\n message: 'Please select a valid company size',\n }),\n referralSource: z\n .string()\n .optional()\n .refine(val => !val || referralSourceOptions.includes(val as (typeof referralSourceOptions)[number]), {\n message: 'Please select a valid referral source',\n }),\n});\n\nexport type ContactFormData = z.infer<typeof ContactSchema>;\n\nexport interface ContactApiResponse {\n success: boolean;\n error?: string;\n}\n"]}
1
+ {"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-YRSPHPGO.cjs","../src/components/contact/contact-form.tsx","../src/schemas/contact-schema.ts"],"names":[],"mappings":"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","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-YRSPHPGO.cjs","sourcesContent":[null,"'use client';\n\n/**\n * `<ContactForm />` — the canonical contact form used by every public\n * surface (TMCG join, case-study pitch, generic /contact, Help Center\n * ticket creation, etc.).\n *\n * Self-contained inside the lib — host-specific values (user id for\n * tracking, platform-specific contact reasons, reddit-click attribution\n * id) flow IN via props. The hub passes them via a thin\n * `<ContactForm>` wrapper that resolves them from `useAuth` /\n * `getAppConfig` / `getStoredRedditClickId`. Other embedders pass\n * whatever they have (or omit).\n *\n * Field-hide + custom-submit + extra-top-field knobs let one form\n * serve both contact and ticket-creation flows without forking:\n * - Contact page: rendered with all fields visible, built-in submit\n * flow to `/api/contact` via `useContactSubmission`.\n * - Ticket page: hides name/email/companySize/referralSource/\n * helpCategory; supplies `extraTopField` (a Subject input) +\n * `onCustomSubmit` wired to `useTicketActions.submitTicket`.\n */\n\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { useMemo, useState, type ReactNode } from 'react';\nimport { useForm, Controller } from 'react-hook-form';\nimport { useContactSubmission } from '../../hooks/use-contact-submission';\nimport { useHumanitySignals } from '../../hooks/use-humanity-signals';\nimport { useRescuedForm } from '../../hooks/use-rescued-form';\nimport {\n ContactSchema,\n type ContactFormData,\n companySizeOptions,\n referralSourceOptions,\n defaultHelpCategoryOptions,\n} from '../../schemas/contact-schema';\nimport type { FormRescueDefinition } from '../../utils/form-rescue';\nimport { HUBSPOT_DO_NOT_COLLECT_FORM_PROPS } from '../../utils/hubspot-collected-forms';\nimport { ChatAttachmentAddButton, ChatAttachmentChipStrip } from '../chat/chat-attachment-bar';\nimport { useChatAttachments } from '../chat/hooks/use-chat-attachments';\nimport type { ChatAttachment } from '../chat/utils/chat-attachment-markdown';\nimport { accentSentenceMarks, SECTION_HEADING_CLASS } from '../layout/page-heading';\nimport {\n Button,\n type ButtonProps,\n Input,\n Textarea,\n Select,\n SelectTrigger,\n SelectValue,\n SelectContent,\n SelectItem,\n Label,\n} from '../ui';\nimport { HoneypotField } from '../ui/honeypot-field';\nimport { RequiredMark } from '../ui/required-mark';\n\n/**\n * Fields the caller can suppress. Six values — every primary form\n * field plus `name` and `email` (newly hideable so ticket-creation\n * surfaces can hide them; they still need to validate, so the caller\n * MUST supply pre-filled values via `defaultValues` when hiding them).\n */\nexport type ContactFormHideableField = 'name' | 'email' | 'companySize' | 'referralSource' | 'helpCategory' | 'message';\n\nexport interface ContactFormProps {\n /** Host-side user id passed to `useContactSubmission` for attribution.\n * Hub wrapper passes `useAuth().user?.id`; lib's Help Center surface\n * passes `useChatIdentity().user?.id`. Omit for anon flows. */\n userId?: string;\n /** Platform-specific help-category dropdown options. Hub wrapper\n * passes `getAppConfig().contact.contactReasons`. Defaults to the\n * lib's `defaultHelpCategoryOptions`. */\n helpCategoryOptions?: readonly string[];\n /** Reddit click attribution id. Caller resolves from wherever they\n * stash it (hub: sessionStorage via `getStoredRedditClickId`). When\n * set, it's spread into the submission payload. */\n rdtCid?: string;\n /** Called after a successful submit so the caller can clear their\n * attribution storage (hub wrapper calls `clearStoredRedditClickId`).\n * Fires for BOTH the built-in and custom submit paths. */\n onSubmitSuccess?: () => void;\n\n prefilledReason?: string;\n prefilledMessage?: string;\n hideFields?: ContactFormHideableField[];\n /** Authoritative pre-fill for any field the caller hides. Merged\n * into react-hook-form's `defaultValues` AFTER the legacy\n * `prefilledReason` / `prefilledMessage` props (caller-supplied\n * wins). REQUIRED when hiding `name` / `email` / `helpCategory` —\n * those fields are still validated by Zod even when not rendered. */\n defaultValues?: Partial<ContactFormData>;\n /** Optional custom submit handler. When provided, the form bypasses\n * the built-in `useContactSubmission` flow (no /api/contact call,\n * no success-redirect, no built-in toast) — the caller owns the\n * entire side-effect chain. Reset + `onSubmitSuccess` still fire\n * on a successful await.\n *\n * Receives the schema-validated form payload PLUS the ready\n * attachments array (empty when `attachmentsEnabled === false` or\n * the user hasn't picked any). Caller forwards `attachments` to\n * whichever sink owns the upload (e.g. `actions.submitTicket`'s\n * `attachments` field for HubSpot Note engagements). */\n onCustomSubmit?: (data: ContactFormData, attachments: ChatAttachment[]) => Promise<void>;\n /** Turn on the attachments bar (file `+` button + chip strip) using\n * the same lib primitives the chat composer uses\n * (`<ChatAttachmentAddButton>` + `<ChatAttachmentChipStrip>` +\n * `useChatAttachments`). When `false` (the default), the form\n * doesn't render the bar AND the attachments array passed to\n * `onCustomSubmit` is always empty. */\n attachmentsEnabled?: boolean;\n /** Render slot for an EXTRA field at the very top of the form,\n * ABOVE the name/email row. Use this for ticket surfaces that need\n * a Subject input — the field is NOT part of `ContactSchema`, so\n * the caller manages its own state + validation and reads the\n * value back inside `onCustomSubmit`. */\n extraTopField?: ReactNode;\n\n title?: string;\n subtitle?: string;\n footerText?: string;\n noBorder?: boolean;\n noPadding?: boolean;\n buttonVariant?: ButtonProps['variant'];\n buttonClassName?: string;\n /** Submit-button label. Defaults to \"Send Message\". Override for\n * ticket surfaces (e.g. \"Open ticket\"). */\n submitLabel?: string;\n /** Success-state submit-button label (shown briefly after submit on\n * the built-in flow). Defaults to \"Message Sent!\". Has no effect\n * when `onCustomSubmit` is provided — the caller owns success UX. */\n submitSuccessLabel?: string;\n successRedirectUrl?: string;\n successToastMessage?: string;\n /** Form rescue (a half-filled form is saved so the team can follow up): the\n * form's definition (`RESCUE_FORMS.contact`, or the host's own\n * `defineRescueForm`). OPT-IN: omitted or `null` saves nothing, so a host that\n * has not chosen rescue never starts storing what visitors type. */\n rescue?: FormRescueDefinition | null;\n}\n\nexport function ContactForm({\n userId,\n helpCategoryOptions = defaultHelpCategoryOptions,\n rdtCid,\n onSubmitSuccess,\n prefilledReason,\n prefilledMessage,\n hideFields = [],\n defaultValues: defaultValuesProp,\n onCustomSubmit,\n extraTopField,\n attachmentsEnabled = false,\n title = 'Hit Us Up',\n subtitle,\n footerText = 'We typically respond within 24 hours. We respect your privacy – no spam, ever.',\n noBorder = false,\n noPadding = false,\n buttonVariant = 'accent',\n buttonClassName = '',\n submitLabel = 'Send Message',\n submitSuccessLabel = 'Message Sent!',\n successRedirectUrl = '/blog#community',\n successToastMessage = 'Redirecting you to join our community...',\n rescue: rescueForm = null,\n}: ContactFormProps = {}) {\n // Attachments staging — same hook the chat composer + ticket\n // detail-drawer composer use. Files upload to Supabase as soon as\n // the user picks them; `readyAttachments` is the wire-shape array\n // ready for the next submit. `hasInflightUploads` disables Send\n // until every upload settles.\n const attachments = useChatAttachments();\n // Built-in contact-API flow. Hook is called unconditionally (rules\n // of hooks); we just don't dispatch its `submit` when the caller\n // passes `onCustomSubmit`. The hook owns its own toast + redirect\n // chain so bypassing it cleanly hands all side-effects to the caller.\n const builtInSubmission = useContactSubmission({\n userId,\n successRedirectUrl,\n successToastMessage,\n });\n // Independent in-flight tracker for the custom path — we can't reuse\n // `builtInSubmission.isSubmitting` because that hook never sees a\n // request when `onCustomSubmit` is active.\n const [customSubmitting, setCustomSubmitting] = useState(false);\n\n // Invisible bot-protection signals (honeypot + timing). Spread into the\n // submit payload for BOTH the built-in and custom paths; reset on success.\n const { honeypotInputProps, getSignals, resetSignals } = useHumanitySignals();\n\n const isSubmitting = onCustomSubmit ? customSubmitting : builtInSubmission.isSubmitting;\n // `isSuccess` only ever fires on the built-in path; custom callers\n // own their own UX (no \"Message Sent!\" button-label flicker).\n const isSuccess = onCustomSubmit ? false : builtInSubmission.isSuccess;\n\n const form = useForm<ContactFormData>({\n resolver: zodResolver(ContactSchema),\n defaultValues: {\n ...(prefilledReason && { helpCategory: prefilledReason }),\n ...(prefilledMessage && { message: prefilledMessage }),\n // Caller-supplied defaults win over the legacy `prefilled*` props\n // (they're the authoritative seed for hidden fields).\n ...defaultValuesProp,\n },\n });\n const {\n register,\n handleSubmit,\n control,\n formState: { errors },\n reset,\n } = form;\n\n // Form rescue: only the fields the visitor can see are tracked, so a hidden\n // prefilled value (a signed-in email, a fixed category) is never sent.\n const rescueFieldNames = useMemo(\n () =>\n (['name', 'email', 'companySize', 'referralSource', 'helpCategory', 'message'] as const).filter(\n field => !hideFields.includes(field),\n ),\n [hideFields],\n );\n const rescue = useRescuedForm(form, { rescue: rescueForm, fields: rescueFieldNames, getSignals });\n\n const handleFormSubmit = async (data: ContactFormData) => {\n if (isSubmitting) return;\n if (attachmentsEnabled && attachments.hasInflightUploads) return;\n try {\n const payload = { ...data, ...(rdtCid && { rdt_cid: rdtCid }), ...getSignals(), ...rescue.submitFields() };\n const readyAttachments = attachmentsEnabled ? attachments.readyAttachments : [];\n if (onCustomSubmit) {\n setCustomSubmitting(true);\n try {\n await onCustomSubmit(payload, readyAttachments);\n } finally {\n setCustomSubmitting(false);\n }\n } else {\n await builtInSubmission.submit(payload);\n }\n rescue.complete();\n onSubmitSuccess?.();\n reset();\n resetSignals();\n if (attachmentsEnabled) attachments.clear();\n } catch {\n // Error toast is owned by the active flow:\n // - built-in: `useContactSubmission` toasts inside `submit()`.\n // - custom: the caller toasts inside `onCustomSubmit`.\n // Either way we swallow here so a thrown error doesn't crash the\n // form tree (react-hook-form's onSubmit handler rejects upward).\n }\n };\n\n const showName = !hideFields.includes('name');\n const showEmail = !hideFields.includes('email');\n const showNameEmailRow = showName || showEmail;\n const showCompanySize = !hideFields.includes('companySize');\n const showReferralSource = !hideFields.includes('referralSource');\n const showHelpCategory = !hideFields.includes('helpCategory');\n const showMessage = !hideFields.includes('message');\n\n return (\n <div\n 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' : ''}`}\n >\n {(title || subtitle) && (\n <div className=\"mb-6 md:mb-8\">\n {title && <h2 className={`${SECTION_HEADING_CLASS} mb-3 md:mb-4`}>{accentSentenceMarks(title)}</h2>}\n {subtitle && <p className=\"text-ods-text-primary text-h4\">{subtitle}</p>}\n </div>\n )}\n\n <form\n onSubmit={handleSubmit(handleFormSubmit, validationErrors => {\n // When validation fails on a HIDDEN field (e.g. ticket form\n // hides name/email/helpCategory and seeds them via\n // `defaultValues`), there's no visible error UI for the user\n // — the submit button just appears dead. Log so the broken\n // defaultValues wiring is at least discoverable in DevTools.\n console.warn(\n '[ContactForm] submit blocked by validation:',\n Object.fromEntries(Object.entries(validationErrors).map(([k, v]) => [k, v?.message ?? v])),\n );\n })}\n className=\"flex flex-grow flex-col space-y-4 md:space-y-6\"\n {...HUBSPOT_DO_NOT_COLLECT_FORM_PROPS}\n >\n {/* Hidden inputs for fields that are required by `ContactSchema`\n but suppressed from the visible UI via `hideFields`. Without\n these, `register('name')` never runs, react-hook-form skips\n the field at submit time, and Zod's required-string check\n fails silently — the user clicks Submit and NOTHING visible\n happens (no error, no network call). The caller-supplied\n `defaultValues` seed the values; the hidden inputs just tell\n RHF to include them in the submit payload. */}\n {!showName && <input type=\"hidden\" {...register('name')} />}\n {!showEmail && <input type=\"hidden\" {...register('email')} />}\n {!showHelpCategory && <input type=\"hidden\" {...register('helpCategory')} />}\n {!showMessage && <input type=\"hidden\" {...register('message')} />}\n\n {/* Invisible honeypot — real users never fill it; bots that fill every field trip it. */}\n <HoneypotField {...honeypotInputProps} />\n\n {/* Extra top field (e.g. Subject for ticket forms). Rendered\n outside the schema-driven layout so the caller fully owns\n label / placeholder / state. */}\n {extraTopField}\n\n {showNameEmailRow && (\n <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2 md:gap-6\">\n {showName && (\n <div className=\"flex flex-col\">\n <Label htmlFor=\"name\">\n Your Name\n <RequiredMark />\n </Label>\n <Input\n id=\"name\"\n type=\"text\"\n {...register('name')}\n placeholder=\"Jane Doe\"\n aria-invalid={!!errors.name}\n aria-required\n aria-describedby=\"name-error\"\n className=\"h-12 border-ods-border bg-ods-card px-3 text-ods-text-primary placeholder-ods-text-secondary\"\n />\n {errors.name && (\n <span id=\"name-error\" className=\"mt-1 text-ods-error text-h6\">\n {errors.name.message}\n </span>\n )}\n </div>\n )}\n {showEmail && (\n <div className=\"flex flex-col\">\n <Label htmlFor=\"email\">\n Email\n <RequiredMark />\n </Label>\n <Input\n id=\"email\"\n type=\"email\"\n {...register('email')}\n placeholder=\"jane@company.com\"\n aria-invalid={!!errors.email}\n aria-required\n aria-describedby=\"email-error\"\n className=\"h-12 border-ods-border bg-ods-card px-3 text-ods-text-primary placeholder-ods-text-secondary\"\n />\n {errors.email && (\n <span id=\"email-error\" className=\"mt-1 text-ods-error text-h6\">\n {errors.email.message}\n </span>\n )}\n </div>\n )}\n </div>\n )}\n\n {(showCompanySize || showReferralSource) && (\n <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2 md:gap-6\">\n {showCompanySize && (\n <div className=\"flex flex-col\">\n <Label htmlFor=\"companySize\">Company Size</Label>\n <Controller\n control={control}\n name=\"companySize\"\n render={({ field }) => (\n <Select onValueChange={field.onChange} value={field.value ?? ''}>\n <SelectTrigger\n id=\"companySize\"\n aria-label=\"Company Size\"\n className=\"h-12 border-ods-border bg-ods-card px-3 text-ods-text-primary\"\n >\n <SelectValue placeholder=\"Select company size\" />\n </SelectTrigger>\n <SelectContent>\n {companySizeOptions.map(opt => (\n <SelectItem key={opt} value={opt}>\n {opt}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n )}\n />\n {errors.companySize && (\n <span id=\"companySize-error\" className=\"mt-1 text-ods-error text-h6\">\n {errors.companySize.message}\n </span>\n )}\n </div>\n )}\n {showReferralSource && (\n <div className=\"flex flex-col\">\n <Label htmlFor=\"referralSource\">How did you hear about us?</Label>\n <Controller\n control={control}\n name=\"referralSource\"\n render={({ field }) => (\n <Select onValueChange={field.onChange} value={field.value ?? ''}>\n <SelectTrigger\n id=\"referralSource\"\n aria-label=\"Referral Source\"\n className=\"h-12 border-ods-border bg-ods-card px-3 text-ods-text-primary\"\n >\n <SelectValue placeholder=\"Select an option\" />\n </SelectTrigger>\n <SelectContent>\n {referralSourceOptions.map(opt => (\n <SelectItem key={opt} value={opt}>\n {opt}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n )}\n />\n {errors.referralSource && (\n <span id=\"referralSource-error\" className=\"mt-1 text-ods-error text-h6\">\n {errors.referralSource.message}\n </span>\n )}\n </div>\n )}\n </div>\n )}\n\n {showHelpCategory && (\n <div className=\"flex flex-col\">\n <Label htmlFor=\"helpCategory\">\n Choose your main interest\n <RequiredMark />\n </Label>\n <Controller\n control={control}\n name=\"helpCategory\"\n render={({ field }) => (\n <Select onValueChange={field.onChange} value={field.value ?? ''}>\n <SelectTrigger\n id=\"helpCategory\"\n aria-label=\"Help Category\"\n aria-required\n className=\"h-12 border-ods-border bg-ods-card px-3 text-ods-text-primary\"\n >\n <SelectValue placeholder=\"Choose your main interest\" />\n </SelectTrigger>\n <SelectContent>\n {helpCategoryOptions.map(opt => (\n <SelectItem key={opt} value={opt}>\n {opt}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n )}\n />\n {errors.helpCategory && (\n <span id=\"helpCategory-error\" className=\"mt-1 text-ods-error text-h6\">\n {errors.helpCategory.message}\n </span>\n )}\n </div>\n )}\n\n {showMessage && (\n <div className=\"flex flex-grow flex-col\">\n <Label htmlFor=\"message\">\n Your Message\n <RequiredMark />\n </Label>\n <Textarea\n id=\"message\"\n {...register('message')}\n placeholder=\"Share your current challenges or questions about open-source alternatives...\"\n aria-invalid={!!errors.message}\n aria-required\n aria-describedby=\"message-error\"\n className=\"h-full flex-grow border-ods-border bg-ods-card text-ods-text-primary placeholder-ods-text-secondary\"\n />\n {errors.message && (\n <span id=\"message-error\" className=\"mt-1 text-ods-error text-h6\">\n {errors.message.message}\n </span>\n )}\n </div>\n )}\n\n {/* Attachments — only renders when `attachmentsEnabled` is on.\n Uses the SAME chip strip + add button + staging hook the\n chat composer and ticket-drawer composer use, so the visual\n chip styling + upload-progress UX are identical everywhere\n attachments appear. */}\n {attachmentsEnabled && (\n <div className=\"flex flex-col gap-2\">\n <ChatAttachmentChipStrip\n attachments={attachments.attachments}\n onRemove={attachments.removeAttachment}\n disabled={isSubmitting}\n />\n <div className=\"flex items-center gap-2\">\n <ChatAttachmentAddButton\n attachmentsEnabled\n attachmentsCount={attachments.attachments.length}\n onAddFiles={attachments.addFiles}\n disabled={isSubmitting}\n />\n <span className=\"text-ods-text-secondary text-h6\">Attach files (optional)</span>\n </div>\n </div>\n )}\n\n <div className=\"mt-auto flex w-full flex-col items-center justify-end gap-4 pt-2 md:flex-row md:gap-6\">\n {footerText && <p className=\"text-center text-ods-text-secondary text-h6 md:text-left\">{footerText}</p>}\n <Button\n type=\"submit\"\n loading={isSubmitting}\n disabled={isSubmitting || isSuccess || (attachmentsEnabled && attachments.hasInflightUploads)}\n variant={buttonVariant}\n className={`w-full md:w-auto ${buttonClassName}`}\n >\n {isSuccess ? submitSuccessLabel : submitLabel}\n </Button>\n </div>\n </form>\n </div>\n );\n}\n","import { z } from 'zod';\n\n// Dropdown option constants — re-exported by `<ContactForm>` consumers\n// that want to surface their own custom Select widgets keyed on the\n// same allowed-value set.\nexport const companySizeOptions = ['1-10', '11-50', '51-200', '201-500', '501-1000', '1001+'] as const;\n\nexport const referralSourceOptions = [\n 'Google',\n 'LinkedIn',\n 'Twitter/X',\n 'Reddit',\n 'Friend / Colleague',\n 'Other',\n] as const;\n\n// Default fallback options — used when the embedder doesn't supply\n// platform-specific help-category options via the `helpCategoryOptions`\n// prop on `<ContactForm>`.\nexport const defaultHelpCategoryOptions = [\n 'Open-Source Alternatives',\n 'Vendor Cost Reduction',\n 'MSP Best Practices',\n 'Partnerships',\n 'Press',\n 'Other',\n] as const;\n\n// Reusable LinkedIn URL validator — the single source of truth. Every\n// public form schema, every admin update schema, every HubSpot push\n// validator MUST reference this so validation rules cannot drift\n// across boundaries.\n//\n// Host validation parses the URL and checks the hostname suffix so an\n// adversarial input like `https://evil.com/linkedin.com/x` is rejected\n// (substring match would have accepted it — CodeQL alert\n// \"Incomplete URL substring sanitization\").\nexport const LinkedInUrlSchema = z\n .string()\n .url({ message: 'Please enter a valid LinkedIn URL' })\n .refine(\n url => {\n try {\n const host = new URL(url).hostname.toLowerCase();\n return host === 'linkedin.com' || host.endsWith('.linkedin.com');\n } catch {\n return false;\n }\n },\n {\n message: 'Please enter a valid LinkedIn profile URL',\n },\n )\n .optional()\n .or(z.literal(''));\n\n/**\n * Base schema — fields shared by every contact-style form (main contact\n * form, TMCG join, data-room request, case-study pitch, etc.). Any\n * field that exists on a form but NOT on this schema is silently\n * stripped by `safeParse` — that's exactly the bug the LinkedIn field\n * hit historically.\n */\nexport const ContactBaseSchema = z.object({\n name: z.string().min(2, { message: 'Name must be at least 2 characters' }).max(255, { message: 'Name is too long' }),\n email: z.string().email({ message: 'Please enter a valid email address' }).max(255),\n linkedin_url: LinkedInUrlSchema,\n helpCategory: z\n .string()\n .min(1, { message: 'Please select what we can help you with' })\n .max(255, { message: 'Help category is too long' }),\n message: z\n .string()\n .min(10, { message: 'Message must be at least 10 characters' })\n .max(5000, { message: 'Message is too long (5,000 character limit)' }),\n rdt_cid: z.string().optional(),\n});\n\n// Public POST /api/contact validator — base + dropdown fields used by\n// the generic contact form. Other form-specific schemas extend\n// `ContactBaseSchema`.\nexport const ContactSchema = ContactBaseSchema.extend({\n companySize: z\n .string()\n .optional()\n .refine(val => !val || companySizeOptions.includes(val as (typeof companySizeOptions)[number]), {\n message: 'Please select a valid company size',\n }),\n referralSource: z\n .string()\n .optional()\n .refine(val => !val || referralSourceOptions.includes(val as (typeof referralSourceOptions)[number]), {\n message: 'Please select a valid referral source',\n }),\n});\n\nexport type ContactFormData = z.infer<typeof ContactSchema>;\n\nexport interface ContactApiResponse {\n success: boolean;\n error?: string;\n}\n"]}
@@ -10,7 +10,7 @@ import {
10
10
  StatusFilterComponent,
11
11
  TASK_TYPE_LABELS,
12
12
  TASK_TYPE_TEXT_COLORS
13
- } from "./chunk-MRNN5TYM.js";
13
+ } from "./chunk-FI7ZPOYQ.js";
14
14
  import {
15
15
  usePathname,
16
16
  useRouter,
@@ -302,4 +302,4 @@ export {
302
302
  DevCardRowSkeletonList,
303
303
  DeliveryRow
304
304
  };
305
- //# sourceMappingURL=chunk-HOZGKVRI.js.map
305
+ //# sourceMappingURL=chunk-ZNJK5HOE.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"announcement-bar.d.ts","sourceRoot":"","sources":["../../src/components/announcement-bar.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAgB,oBAAoB,EAAwB,MAAM,uBAAuB,CAAC;AA6DtG,wBAAgB,eAAe,CAAC,EAC9B,mBAAmB,EACnB,WAAmB,EACnB,WAAkB,EAClB,QAAQ,EACR,SAAS,GACV,GAAE,oBAAyB,sCA0R3B"}
1
+ {"version":3,"file":"announcement-bar.d.ts","sourceRoot":"","sources":["../../src/components/announcement-bar.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAgB,oBAAoB,EAAwB,MAAM,uBAAuB,CAAC;AA8DtG,wBAAgB,eAAe,CAAC,EAC9B,mBAAmB,EACnB,WAAmB,EACnB,WAAkB,EAClB,QAAQ,EACR,SAAS,GACV,GAAE,oBAAyB,sCA0R3B"}
@@ -1,19 +1,19 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
2
2
 
3
3
 
4
- var _chunkLNUZHW4Ocjs = require('../../chunk-LNUZHW4O.cjs');
4
+ var _chunkYRSPHPGOcjs = require('../../chunk-YRSPHPGO.cjs');
5
5
 
6
6
 
7
7
 
8
8
 
9
9
 
10
10
 
11
- var _chunkC36HIYNPcjs = require('../../chunk-C36HIYNP.cjs');
11
+ var _chunk4FS56YZScjs = require('../../chunk-4FS56YZS.cjs');
12
12
  require('../../chunk-GQWM3ECA.cjs');
13
13
  require('../../chunk-TON3YCCW.cjs');
14
14
 
15
15
 
16
- var _chunkW4YXUJOFcjs = require('../../chunk-W4YXUJOF.cjs');
16
+ var _chunkVP6PJLMIcjs = require('../../chunk-VP6PJLMI.cjs');
17
17
  require('../../chunk-LCMT2GZK.cjs');
18
18
  require('../../chunk-HT7SU5UN.cjs');
19
19
  require('../../chunk-NPPI32SO.cjs');
@@ -21,8 +21,8 @@ require('../../chunk-PTFE5WKP.cjs');
21
21
 
22
22
 
23
23
 
24
- var _chunkLXKEHZUVcjs = require('../../chunk-LXKEHZUV.cjs');
25
- require('../../chunk-DMUUWHII.cjs');
24
+ var _chunkCOX4CSXZcjs = require('../../chunk-COX4CSXZ.cjs');
25
+ require('../../chunk-26GBOUIP.cjs');
26
26
  require('../../chunk-SADRZ4YI.cjs');
27
27
 
28
28
 
@@ -75,7 +75,7 @@ var DEFAULT_CONTACT_FORM_PROPS = {
75
75
  buttonVariant: "outline",
76
76
  buttonClassName: "w-full",
77
77
  successToastMessage: "Thank you! We'll reach out to schedule your case study.",
78
- rescue: _chunkW4YXUJOFcjs.RESCUE_FORMS.caseStudyPitch
78
+ rescue: _chunkVP6PJLMIcjs.RESCUE_FORMS.caseStudyPitch
79
79
  };
80
80
  function ShareExperienceSection({
81
81
  title = DEFAULT_TITLE,
@@ -95,9 +95,9 @@ function ShareExperienceSection({
95
95
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-h2", children: howItWorksTitle }),
96
96
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-h4", children: howItWorksBody })
97
97
  ] }),
98
- /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkC36HIYNPcjs.BenefitCardGrid, { columns: 4, children: [
98
+ /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk4FS56YZScjs.BenefitCardGrid, { columns: 4, children: [
99
99
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
100
- _chunkC36HIYNPcjs.BenefitCard,
100
+ _chunk4FS56YZScjs.BenefitCard,
101
101
  {
102
102
  icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNDFVMFScjs.G2Icon, { width: 24, height: 24 }) }),
103
103
  title: "G2",
@@ -106,7 +106,7 @@ function ShareExperienceSection({
106
106
  }
107
107
  ),
108
108
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
109
- _chunkC36HIYNPcjs.BenefitCard,
109
+ _chunk4FS56YZScjs.BenefitCard,
110
110
  {
111
111
  icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNDFVMFScjs.CapterraIcon, { width: 24, height: 24 }) }),
112
112
  title: "Capterra",
@@ -115,7 +115,7 @@ function ShareExperienceSection({
115
115
  }
116
116
  ),
117
117
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
118
- _chunkC36HIYNPcjs.BenefitCard,
118
+ _chunk4FS56YZScjs.BenefitCard,
119
119
  {
120
120
  icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNDFVMFScjs.TrustpilotIcon, { width: 24, height: 24 }) }),
121
121
  title: "TrustPilot",
@@ -124,7 +124,7 @@ function ShareExperienceSection({
124
124
  }
125
125
  ),
126
126
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
127
- _chunkC36HIYNPcjs.BenefitCard,
127
+ _chunk4FS56YZScjs.BenefitCard,
128
128
  {
129
129
  icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNDFVMFScjs.GetAppIcon, { width: 24, height: 24 }) }),
130
130
  title: "GetApp",
@@ -133,7 +133,7 @@ function ShareExperienceSection({
133
133
  }
134
134
  )
135
135
  ] }),
136
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLNUZHW4Ocjs.ContactForm, { ...DEFAULT_CONTACT_FORM_PROPS, ...contactFormProps })
136
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYRSPHPGOcjs.ContactForm, { ...DEFAULT_CONTACT_FORM_PROPS, ...contactFormProps })
137
137
  ] }) })
138
138
  ] });
139
139
  }
@@ -143,10 +143,10 @@ function ShareExperienceSection({
143
143
  function EntityQuotesPanel({ quotes, className }) {
144
144
  if (!quotes || quotes.length === 0) return null;
145
145
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
146
- _chunkC36HIYNPcjs.StackedRowsPanel,
146
+ _chunk4FS56YZScjs.StackedRowsPanel,
147
147
  {
148
148
  className,
149
- title: `${_chunkC36HIYNPcjs.ENTITY_QUOTES_TITLE} \xB7 ${quotes.length}`,
149
+ title: `${_chunk4FS56YZScjs.ENTITY_QUOTES_TITLE} \xB7 ${quotes.length}`,
150
150
  rows: quotes.map((q) => ({
151
151
  id: q.key,
152
152
  columns: [
@@ -172,7 +172,7 @@ function EntityQuotesPanel({ quotes, className }) {
172
172
  function QuoteCardsStrip({ quotes, className }) {
173
173
  if (quotes.length === 0) return null;
174
174
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
175
- _chunkLXKEHZUVcjs.CardsStrip,
175
+ _chunkCOX4CSXZcjs.CardsStrip,
176
176
  {
177
177
  className,
178
178
  showTitle: false,
@@ -187,8 +187,8 @@ function QuoteCardsStrip({ quotes, className }) {
187
187
  onPointerLeave: ctx.isTouch ? void 0 : () => ctx.onDeactivate(ctx.cardKey),
188
188
  className: "relative shrink-0 rounded-md border-ods-border bg-ods-card p-[var(--spacing-system-sf)] shadow-none hover:border-ods-border-hover",
189
189
  children: [
190
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkC36HIYNPcjs.PersonCell, { size: "lg", name: `"${quote.text}"`, secondary: quote.attribution, avatarUrl: quote.logoUrl }),
191
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLXKEHZUVcjs.CardHitLayer, { href: quote.href, label: `${quote.text}, ${quote.attribution}`, decorative: ctx.isClone })
190
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4FS56YZScjs.PersonCell, { size: "lg", name: `"${quote.text}"`, secondary: quote.attribution, avatarUrl: quote.logoUrl }),
191
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCOX4CSXZcjs.CardHitLayer, { href: quote.href, label: `${quote.text}, ${quote.attribution}`, decorative: ctx.isClone })
192
192
  ]
193
193
  },
194
194
  ctx.cardKey
@@ -1,19 +1,19 @@
1
1
  "use client";
2
2
  import {
3
3
  ContactForm
4
- } from "../../chunk-SIQDC6VE.js";
4
+ } from "../../chunk-J3ZS6CRA.js";
5
5
  import {
6
6
  BenefitCard,
7
7
  BenefitCardGrid,
8
8
  ENTITY_QUOTES_TITLE,
9
9
  PersonCell,
10
10
  StackedRowsPanel
11
- } from "../../chunk-MRNN5TYM.js";
11
+ } from "../../chunk-FI7ZPOYQ.js";
12
12
  import "../../chunk-L2SLFCXP.js";
13
13
  import "../../chunk-BJXDHKUX.js";
14
14
  import {
15
15
  RESCUE_FORMS
16
- } from "../../chunk-UVRLSOEJ.js";
16
+ } from "../../chunk-TN2RFU6D.js";
17
17
  import "../../chunk-JD5TKRCU.js";
18
18
  import "../../chunk-PELIFROQ.js";
19
19
  import "../../chunk-O6BRIUEE.js";
@@ -21,8 +21,8 @@ import "../../chunk-HLCJPRXP.js";
21
21
  import {
22
22
  CardHitLayer,
23
23
  CardsStrip
24
- } from "../../chunk-G6ASUIGI.js";
25
- import "../../chunk-AVRVYWCS.js";
24
+ } from "../../chunk-AXAGIZTZ.js";
25
+ import "../../chunk-CXQTK6W3.js";
26
26
  import "../../chunk-XXMHLZ3Y.js";
27
27
  import {
28
28
  CapterraIcon,