@feelflow/ffid-sdk 2.8.0 → 2.10.0

package/dist/{chunk-GB5OHEVY.cjs → chunk-55KLWKM7.cjs}

@@ -621,7 +621,7 @@ function createMembersMethods(deps) {
 }
 
 // src/client/version-check.ts
-var SDK_VERSION = "2.8.0";
+var SDK_VERSION = "2.10.0";
 var SDK_USER_AGENT = `FFID-SDK/${SDK_VERSION} (TypeScript)`;
 var SDK_VERSION_HEADER = "X-FFID-SDK-Version";
 function sdkHeaders() {
@@ -3436,6 +3436,29 @@ function defaultCategories() {
     label: DEFAULT_CATEGORY_LABELS_JA[value]
   }));
 }
+function renderCategoryOptions(options) {
+  const hasAnyGroup = options.some((o) => !!o.group);
+  if (!hasAnyGroup) {
+    return options.map((opt) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: opt.value, children: opt.label }, opt.value));
+  }
+  const ungrouped = options.filter((o) => !o.group);
+  const groupKeys = [];
+  const groupLabelByKey = /* @__PURE__ */ new Map();
+  const itemsByKey = /* @__PURE__ */ new Map();
+  for (const opt of options) {
+    if (!opt.group) continue;
+    if (!itemsByKey.has(opt.group)) {
+      groupKeys.push(opt.group);
+      itemsByKey.set(opt.group, []);
+      groupLabelByKey.set(opt.group, opt.groupLabel ?? opt.group);
+    }
+    itemsByKey.get(opt.group).push(opt);
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    ungrouped.map((opt) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: opt.value, children: opt.label }, opt.value)),
+    groupKeys.map((key) => /* @__PURE__ */ jsxRuntime.jsx("optgroup", { label: groupLabelByKey.get(key) ?? key, children: itemsByKey.get(key).map((opt) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: opt.value, children: opt.label }, opt.value)) }, key))
+  ] });
+}
 var labelStyle = {
   display: "block",
   fontSize: FONT_SIZE_SM,
@@ -3475,6 +3498,7 @@ var submitButtonStyle = {
   borderRadius: BORDER_RADIUS_MD,
   cursor: "pointer"
 };
+var SUBMIT_BUTTON_OPACITY_PENDING = 0.6;
 function FFIDInquiryForm({
   mode,
   prefill,
@@ -3488,12 +3512,17 @@ function FFIDInquiryForm({
   turnstileToken = null,
   turnstileSlot,
   onSubmit,
+  onChange,
+  separateLegalCheckboxes = false,
+  messagePlaceholder,
   locale = "ja",
   className
 }) {
   const isAuth = mode === "authenticated";
+  const isNameReadOnly = isAuth && !!prefill?.name;
+  const isEmailReadOnly = isAuth;
   const categoryOptions = react.useMemo(
-    () => categories ?? defaultCategories(),
+    () => categories && categories.length > 0 ? categories : defaultCategories(),
     [categories]
   );
   const initialOrgId = react.useMemo(() => {
@@ -3502,23 +3531,88 @@ function FFIDInquiryForm({
     if (organizations.length === 1) return organizations[0].id;
     return null;
   }, [isAuth, organizations, preselectedOrganizationId]);
+  const initialCategory = react.useMemo(() => {
+    const fallback = categoryOptions[0]?.value ?? "general";
+    const requested = prefill?.category;
+    if (!requested) return fallback;
+    return categoryOptions.some((opt) => opt.value === requested) ? requested : fallback;
+  }, [categoryOptions, prefill?.category]);
   const [name, setName] = react.useState(prefill?.name ?? "");
   const [email, setEmail] = react.useState(prefill?.email ?? "");
-  const [company, setCompany] = react.useState("");
-  const [phone, setPhone] = react.useState("");
-  const [category, setCategory] = react.useState(categoryOptions[0]?.value ?? "general");
-  const [message, setMessage] = react.useState("");
+  const [company, setCompany] = react.useState(isAuth ? "" : prefill?.company ?? "");
+  const [phone, setPhone] = react.useState(isAuth ? "" : prefill?.phone ?? "");
+  const [category, setCategory] = react.useState(initialCategory);
+  const [message, setMessage] = react.useState(prefill?.message ?? "");
   const [organizationId, setOrganizationId] = react.useState(initialOrgId);
   const [inquiryFollowup, setInquiryFollowup] = react.useState(false);
   const [general, setGeneral] = react.useState(false);
   const [agreedLegal, setAgreedLegal] = react.useState(false);
+  const [agreedTerms, setAgreedTerms] = react.useState(false);
+  const [agreedPrivacy, setAgreedPrivacy] = react.useState(false);
   const [submitting, setSubmitting] = react.useState(false);
   const [formError, setFormError] = react.useState(null);
   const [successMessage, setSuccessMessage] = react.useState(null);
+  const resolvedMessagePlaceholder = react.useMemo(() => {
+    if (messagePlaceholder === void 0) return void 0;
+    if (typeof messagePlaceholder === "string") return messagePlaceholder;
+    return messagePlaceholder({ category });
+  }, [messagePlaceholder, category]);
+  const [hydrated, setHydrated] = react.useState(false);
+  react.useEffect(() => {
+    setHydrated(true);
+  }, []);
+  const onChangeRef = react.useRef(onChange);
+  react.useEffect(() => {
+    onChangeRef.current = onChange;
+  }, [onChange]);
+  react.useEffect(() => {
+    onChangeRef.current?.({
+      name: name.trim(),
+      email: email.trim(),
+      company: company.trim() || null,
+      phone: phone.trim() || null,
+      category,
+      message: message.trim(),
+      organizationId,
+      inquiryFollowupOptIn: inquiryFollowup,
+      generalNewsletterOptIn: general,
+      termsVersion,
+      privacyVersion,
+      turnstileToken: turnstileToken ?? null,
+      locale
+    });
+  }, [
+    name,
+    email,
+    company,
+    phone,
+    category,
+    message,
+    organizationId,
+    inquiryFollowup,
+    general,
+    termsVersion,
+    privacyVersion,
+    turnstileToken,
+    locale
+  ]);
   async function handleSubmit(e) {
     e.preventDefault();
     setFormError(null);
-    if (!agreedLegal) {
+    if (separateLegalCheckboxes) {
+      if (!agreedTerms && !agreedPrivacy) {
+        setFormError("\u5229\u7528\u898F\u7D04\u3068\u30D7\u30E9\u30A4\u30D0\u30B7\u30FC\u30DD\u30EA\u30B7\u30FC\u3078\u306E\u540C\u610F\u304C\u5FC5\u8981\u3067\u3059\u3002");
+        return;
+      }
+      if (!agreedTerms) {
+        setFormError("\u5229\u7528\u898F\u7D04\u3078\u306E\u540C\u610F\u304C\u5FC5\u8981\u3067\u3059\u3002");
+        return;
+      }
+      if (!agreedPrivacy) {
+        setFormError("\u30D7\u30E9\u30A4\u30D0\u30B7\u30FC\u30DD\u30EA\u30B7\u30FC\u3078\u306E\u540C\u610F\u304C\u5FC5\u8981\u3067\u3059\u3002");
+        return;
+      }
+    } else if (!agreedLegal) {
       setFormError("\u5229\u7528\u898F\u7D04\u3068\u30D7\u30E9\u30A4\u30D0\u30B7\u30FC\u30DD\u30EA\u30B7\u30FC\u3078\u306E\u540C\u610F\u304C\u5FC5\u8981\u3067\u3059\u3002");
       return;
     }
@@ -3555,12 +3649,13 @@ function FFIDInquiryForm({
         );
         setMessage("");
       } else {
-        setFormError(result.message);
+        setFormError(
+          result.message ?? "\u9001\u4FE1\u306B\u5931\u6557\u3057\u307E\u3057\u305F\u3002\u6642\u9593\u3092\u304A\u3044\u3066\u518D\u5EA6\u304A\u8A66\u3057\u304F\u3060\u3055\u3044\u3002"
+        );
       }
     } catch (err) {
-      setFormError(
-        err instanceof Error ? err.message : "\u9001\u4FE1\u4E2D\u306B\u30A8\u30E9\u30FC\u304C\u767A\u751F\u3057\u307E\u3057\u305F\u3002\u6642\u9593\u3092\u304A\u3044\u3066\u518D\u5EA6\u304A\u8A66\u3057\u304F\u3060\u3055\u3044\u3002"
-      );
+      console.error("[FFIDInquiryForm] onSubmit threw", err);
+      setFormError("\u9001\u4FE1\u4E2D\u306B\u30A8\u30E9\u30FC\u304C\u767A\u751F\u3057\u307E\u3057\u305F\u3002\u6642\u9593\u3092\u304A\u3044\u3066\u518D\u5EA6\u304A\u8A66\u3057\u304F\u3060\u3055\u3044\u3002");
     } finally {
       setSubmitting(false);
     }
@@ -3584,188 +3679,258 @@ function FFIDInquiryForm({
     );
   }
   const showOrgBlock = isAuth && organizations.length >= 1;
-  return /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, className, noValidate: true, children: [
-    showOrgBlock && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: fieldsetStyle, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("label", { style: labelStyle, htmlFor: "ffid-inquiry-org", children: "\u554F\u3044\u5408\u308F\u305B\u308B\u7ACB\u5834" }),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        "select",
-        {
-          id: "ffid-inquiry-org",
-          style: inputStyle,
-          value: organizationId ?? "",
-          onChange: (e) => setOrganizationId(e.target.value || null),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "\u500B\u4EBA\u3068\u3057\u3066\u554F\u3044\u5408\u308F\u305B\u308B" }),
-            organizations.map((org) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: org.id, children: [
-              org.name,
-              " \u3068\u3057\u3066\u554F\u3044\u5408\u308F\u305B\u308B"
-            ] }, org.id))
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: fieldsetStyle, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("label", { style: labelStyle, htmlFor: "ffid-inquiry-name", children: "\u304A\u540D\u524D" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "input",
-        {
-          id: "ffid-inquiry-name",
-          style: isAuth ? readOnlyStyle : inputStyle,
-          type: "text",
-          value: name,
-          onChange: (e) => setName(e.target.value),
-          readOnly: isAuth,
-          required: true
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: fieldsetStyle, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("label", { style: labelStyle, htmlFor: "ffid-inquiry-email", children: "\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "input",
-        {
-          id: "ffid-inquiry-email",
-          style: isAuth ? readOnlyStyle : inputStyle,
-          type: "email",
-          value: email,
-          onChange: (e) => setEmail(e.target.value),
-          readOnly: isAuth,
-          required: true
-        }
-      )
-    ] }),
-    !isAuth && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: fieldsetStyle, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { style: labelStyle, htmlFor: "ffid-inquiry-company", children: "\u4F1A\u793E\u540D (\u4EFB\u610F)" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            id: "ffid-inquiry-company",
-            style: inputStyle,
-            type: "text",
-            value: company,
-            onChange: (e) => setCompany(e.target.value)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: fieldsetStyle, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { style: labelStyle, htmlFor: "ffid-inquiry-phone", children: "\u96FB\u8A71\u756A\u53F7 (\u4EFB\u610F)" }),
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "form",
+    {
+      onSubmit: handleSubmit,
+      className,
+      noValidate: true,
+      "data-hydrated": hydrated ? "true" : void 0,
+      children: [
+        showOrgBlock && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: fieldsetStyle, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("label", { style: labelStyle, htmlFor: "ffid-inquiry-org", children: "\u554F\u3044\u5408\u308F\u305B\u308B\u7ACB\u5834" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "select",
+            {
+              id: "ffid-inquiry-org",
+              style: inputStyle,
+              value: organizationId ?? "",
+              onChange: (e) => setOrganizationId(e.target.value || null),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "\u500B\u4EBA\u3068\u3057\u3066\u554F\u3044\u5408\u308F\u305B\u308B" }),
+                organizations.map((org) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: org.id, children: [
+                  org.name,
+                  " \u3068\u3057\u3066\u554F\u3044\u5408\u308F\u305B\u308B"
+                ] }, org.id))
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: fieldsetStyle, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("label", { style: labelStyle, htmlFor: "ffid-inquiry-name", children: "\u304A\u540D\u524D" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              id: "ffid-inquiry-name",
+              style: isNameReadOnly ? readOnlyStyle : inputStyle,
+              type: "text",
+              value: name,
+              onChange: (e) => setName(e.target.value),
+              readOnly: isNameReadOnly,
+              required: true
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: fieldsetStyle, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("label", { style: labelStyle, htmlFor: "ffid-inquiry-email", children: "\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              id: "ffid-inquiry-email",
+              style: isEmailReadOnly ? readOnlyStyle : inputStyle,
+              type: "email",
+              value: email,
+              onChange: (e) => setEmail(e.target.value),
+              readOnly: isEmailReadOnly,
+              required: true
+            }
+          )
+        ] }),
+        !isAuth && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: fieldsetStyle, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("label", { style: labelStyle, htmlFor: "ffid-inquiry-company", children: "\u4F1A\u793E\u540D (\u4EFB\u610F)" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                id: "ffid-inquiry-company",
+                style: inputStyle,
+                type: "text",
+                value: company,
+                onChange: (e) => setCompany(e.target.value)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: fieldsetStyle, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("label", { style: labelStyle, htmlFor: "ffid-inquiry-phone", children: "\u96FB\u8A71\u756A\u53F7 (\u4EFB\u610F)" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                id: "ffid-inquiry-phone",
+                style: inputStyle,
+                type: "tel",
+                value: phone,
+                onChange: (e) => setPhone(e.target.value)
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: fieldsetStyle, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("label", { style: labelStyle, htmlFor: "ffid-inquiry-category", children: "\u304A\u554F\u3044\u5408\u308F\u305B\u7A2E\u5225" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "select",
+            {
+              id: "ffid-inquiry-category",
+              style: inputStyle,
+              value: category,
+              onChange: (e) => setCategory(e.target.value),
+              children: renderCategoryOptions(categoryOptions)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: fieldsetStyle, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("label", { style: labelStyle, htmlFor: "ffid-inquiry-message", children: "\u304A\u554F\u3044\u5408\u308F\u305B\u5185\u5BB9" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "textarea",
+            {
+              id: "ffid-inquiry-message",
+              style: { ...inputStyle, minHeight: 180, resize: "vertical" },
+              value: message,
+              onChange: (e) => setMessage(e.target.value),
+              placeholder: resolvedMessagePlaceholder,
+              required: true,
+              maxLength: 1e4
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("fieldset", { style: { ...fieldsetStyle, border: "none", padding: 0 }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("legend", { style: { ...labelStyle, marginBottom: SPACING_SM }, children: "\u30CB\u30E5\u30FC\u30B9\u30EC\u30BF\u30FC\u8CFC\u8AAD (\u4EFB\u610F)" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { style: { display: "flex", alignItems: "center", gap: SPACING_SM, marginBottom: SPACING_SM }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: inquiryFollowup,
+                onChange: (e) => setInquiryFollowup(e.target.checked)
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: FONT_SIZE_SM }, children: "\u304A\u554F\u3044\u5408\u308F\u305B\u306B\u95A2\u9023\u3059\u308B\u6848\u5185\u3092\u53D7\u3051\u53D6\u308B" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { style: { display: "flex", alignItems: "center", gap: SPACING_SM }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: general,
+                onChange: (e) => setGeneral(e.target.checked)
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: FONT_SIZE_SM }, children: "\u5B9A\u671F\u30CB\u30E5\u30FC\u30B9\u30EC\u30BF\u30FC\u3092\u53D7\u3051\u53D6\u308B" })
+          ] })
+        ] }),
+        separateLegalCheckboxes ? /* @__PURE__ */ jsxRuntime.jsxs("div", { style: fieldsetStyle, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "label",
+            {
+              style: {
+                display: "flex",
+                alignItems: "flex-start",
+                gap: SPACING_SM,
+                marginBottom: SPACING_SM
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    type: "checkbox",
+                    checked: agreedTerms,
+                    onChange: (e) => setAgreedTerms(e.target.checked),
+                    required: true
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontSize: FONT_SIZE_SM }, children: [
+                  termsHref ? /* @__PURE__ */ jsxRuntime.jsxs("a", { href: termsHref, target: "_blank", rel: "noopener noreferrer", children: [
+                    "\u5229\u7528\u898F\u7D04 (v",
+                    termsVersion,
+                    ")"
+                  ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                    "\u5229\u7528\u898F\u7D04 (v",
+                    termsVersion,
+                    ")"
+                  ] }),
+                  " ",
+                  "\u306B\u540C\u610F\u3057\u307E\u3059\u3002"
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { style: { display: "flex", alignItems: "flex-start", gap: SPACING_SM }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: agreedPrivacy,
+                onChange: (e) => setAgreedPrivacy(e.target.checked),
+                required: true
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontSize: FONT_SIZE_SM }, children: [
+              privacyHref ? /* @__PURE__ */ jsxRuntime.jsxs("a", { href: privacyHref, target: "_blank", rel: "noopener noreferrer", children: [
+                "\u30D7\u30E9\u30A4\u30D0\u30B7\u30FC\u30DD\u30EA\u30B7\u30FC (v",
+                privacyVersion,
+                ")"
+              ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                "\u30D7\u30E9\u30A4\u30D0\u30B7\u30FC\u30DD\u30EA\u30B7\u30FC (v",
+                privacyVersion,
+                ")"
+              ] }),
+              " ",
+              "\u306B\u540C\u610F\u3057\u307E\u3059\u3002"
+            ] })
+          ] })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: fieldsetStyle, children: /* @__PURE__ */ jsxRuntime.jsxs("label", { style: { display: "flex", alignItems: "flex-start", gap: SPACING_SM }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "checkbox",
+              checked: agreedLegal,
+              onChange: (e) => setAgreedLegal(e.target.checked),
+              required: true
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontSize: FONT_SIZE_SM }, children: [
+            termsHref ? /* @__PURE__ */ jsxRuntime.jsxs("a", { href: termsHref, target: "_blank", rel: "noopener noreferrer", children: [
+              "\u5229\u7528\u898F\u7D04 (v",
+              termsVersion,
+              ")"
+            ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              "\u5229\u7528\u898F\u7D04 (v",
+              termsVersion,
+              ")"
+            ] }),
+            " ",
+            "\u3068",
+            " ",
+            privacyHref ? /* @__PURE__ */ jsxRuntime.jsxs("a", { href: privacyHref, target: "_blank", rel: "noopener noreferrer", children: [
+              "\u30D7\u30E9\u30A4\u30D0\u30B7\u30FC\u30DD\u30EA\u30B7\u30FC (v",
+              privacyVersion,
+              ")"
+            ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              "\u30D7\u30E9\u30A4\u30D0\u30B7\u30FC\u30DD\u30EA\u30B7\u30FC (v",
+              privacyVersion,
+              ")"
+            ] }),
+            " ",
+            "\u306B\u540C\u610F\u3057\u307E\u3059\u3002"
+          ] })
+        ] }) }),
+        !isAuth && turnstileSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { style: fieldsetStyle, children: turnstileSlot }),
+        formError && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", style: { ...errorTextStyle, marginBottom: SPACING_MD }, children: formError }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
+          "button",
           {
-            id: "ffid-inquiry-phone",
-            style: inputStyle,
-            type: "tel",
-            value: phone,
-            onChange: (e) => setPhone(e.target.value)
+            type: "submit",
+            style: {
+              ...submitButtonStyle,
+              opacity: submitting ? SUBMIT_BUTTON_OPACITY_PENDING : 1,
+              cursor: submitting ? "not-allowed" : "pointer"
+            },
+            disabled: submitting,
+            children: submitting ? "\u9001\u4FE1\u4E2D..." : "\u9001\u4FE1\u3059\u308B"
           }
         )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: fieldsetStyle, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("label", { style: labelStyle, htmlFor: "ffid-inquiry-category", children: "\u304A\u554F\u3044\u5408\u308F\u305B\u7A2E\u5225" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "select",
-        {
-          id: "ffid-inquiry-category",
-          style: inputStyle,
-          value: category,
-          onChange: (e) => setCategory(e.target.value),
-          children: categoryOptions.map((opt) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: opt.value, children: opt.label }, opt.value))
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: fieldsetStyle, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("label", { style: labelStyle, htmlFor: "ffid-inquiry-message", children: "\u304A\u554F\u3044\u5408\u308F\u305B\u5185\u5BB9" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "textarea",
-        {
-          id: "ffid-inquiry-message",
-          style: { ...inputStyle, minHeight: 180, resize: "vertical" },
-          value: message,
-          onChange: (e) => setMessage(e.target.value),
-          required: true,
-          maxLength: 1e4
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("fieldset", { style: { ...fieldsetStyle, border: "none", padding: 0 }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("legend", { style: { ...labelStyle, marginBottom: SPACING_SM }, children: "\u30CB\u30E5\u30FC\u30B9\u30EC\u30BF\u30FC\u8CFC\u8AAD (\u4EFB\u610F)" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("label", { style: { display: "flex", alignItems: "center", gap: SPACING_SM, marginBottom: SPACING_SM }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            type: "checkbox",
-            checked: inquiryFollowup,
-            onChange: (e) => setInquiryFollowup(e.target.checked)
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: FONT_SIZE_SM }, children: "\u304A\u554F\u3044\u5408\u308F\u305B\u306B\u95A2\u9023\u3059\u308B\u6848\u5185\u3092\u53D7\u3051\u53D6\u308B" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("label", { style: { display: "flex", alignItems: "center", gap: SPACING_SM }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            type: "checkbox",
-            checked: general,
-            onChange: (e) => setGeneral(e.target.checked)
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: FONT_SIZE_SM }, children: "\u5B9A\u671F\u30CB\u30E5\u30FC\u30B9\u30EC\u30BF\u30FC\u3092\u53D7\u3051\u53D6\u308B" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { style: fieldsetStyle, children: /* @__PURE__ */ jsxRuntime.jsxs("label", { style: { display: "flex", alignItems: "flex-start", gap: SPACING_SM }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "input",
-        {
-          type: "checkbox",
-          checked: agreedLegal,
-          onChange: (e) => setAgreedLegal(e.target.checked),
-          required: true
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontSize: FONT_SIZE_SM }, children: [
-        termsHref ? /* @__PURE__ */ jsxRuntime.jsxs("a", { href: termsHref, target: "_blank", rel: "noopener noreferrer", children: [
-          "\u5229\u7528\u898F\u7D04 (v",
-          termsVersion,
-          ")"
-        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          "\u5229\u7528\u898F\u7D04 (v",
-          termsVersion,
-          ")"
-        ] }),
-        " ",
-        "\u3068",
-        " ",
-        privacyHref ? /* @__PURE__ */ jsxRuntime.jsxs("a", { href: privacyHref, target: "_blank", rel: "noopener noreferrer", children: [
-          "\u30D7\u30E9\u30A4\u30D0\u30B7\u30FC\u30DD\u30EA\u30B7\u30FC (v",
-          privacyVersion,
-          ")"
-        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          "\u30D7\u30E9\u30A4\u30D0\u30B7\u30FC\u30DD\u30EA\u30B7\u30FC (v",
-          privacyVersion,
-          ")"
-        ] }),
-        " ",
-        "\u306B\u540C\u610F\u3057\u307E\u3059\u3002"
-      ] })
-    ] }) }),
-    !isAuth && turnstileSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { style: fieldsetStyle, children: turnstileSlot }),
-    formError && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", style: { ...errorTextStyle, marginBottom: SPACING_MD }, children: formError }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "submit",
-        style: {
-          ...submitButtonStyle,
-          opacity: submitting ? 0.6 : 1,
-          cursor: submitting ? "not-allowed" : "pointer"
-        },
-        disabled: submitting,
-        children: submitting ? "\u9001\u4FE1\u4E2D..." : "\u9001\u4FE1\u3059\u308B"
-      }
-    )
-  ] });
+      ]
+    }
+  );
 }
 
 exports.DEFAULT_API_BASE_URL = DEFAULT_API_BASE_URL;