@feelflow/ffid-sdk 2.7.0 → 2.8.0

package/dist/{chunk-I6MKRVUB.cjs → chunk-GB5OHEVY.cjs}

@@ -621,7 +621,7 @@ function createMembersMethods(deps) {
 }
 
 // src/client/version-check.ts
-var SDK_VERSION = "2.7.0";
+var SDK_VERSION = "2.8.0";
 var SDK_USER_AGENT = `FFID-SDK/${SDK_VERSION} (TypeScript)`;
 var SDK_VERSION_HEADER = "X-FFID-SDK-Version";
 function sdkHeaders() {
@@ -1677,6 +1677,56 @@ function createNewsletterMethods(deps) {
   return { subscribe, confirm, unsubscribe };
 }
 
+// src/inquiry/ffid-inquiry-client.ts
+var EXT_INQUIRY_ENDPOINT = "/api/v1/ext/inquiry";
+function trimOrEmpty2(s) {
+  return typeof s === "string" ? s.trim() : "";
+}
+function createInquiryMethods(deps) {
+  const { fetchWithAuth, createError } = deps;
+  async function create(params) {
+    const email = trimOrEmpty2(params.email);
+    const name = trimOrEmpty2(params.name);
+    const message = trimOrEmpty2(params.message);
+    const termsVersion = trimOrEmpty2(params.termsVersion);
+    const privacyVersion = trimOrEmpty2(params.privacyVersion);
+    if (!email) return { error: createError("VALIDATION_ERROR", "email \u306F\u5FC5\u9808\u3067\u3059") };
+    if (!name) return { error: createError("VALIDATION_ERROR", "name \u306F\u5FC5\u9808\u3067\u3059") };
+    if (!message) return { error: createError("VALIDATION_ERROR", "message \u306F\u5FC5\u9808\u3067\u3059") };
+    if (!termsVersion) {
+      return { error: createError("VALIDATION_ERROR", "termsVersion \u306F\u5FC5\u9808\u3067\u3059") };
+    }
+    if (!privacyVersion) {
+      return { error: createError("VALIDATION_ERROR", "privacyVersion \u306F\u5FC5\u9808\u3067\u3059") };
+    }
+    const inquiryFollowupOptIn = params.inquiryFollowupOptIn === true;
+    const generalNewsletterOptIn = params.generalNewsletterOptIn === true;
+    return fetchWithAuth(EXT_INQUIRY_ENDPOINT, {
+      method: "POST",
+      body: JSON.stringify({
+        email,
+        name,
+        message,
+        category: params.category,
+        company: params.company,
+        phone: params.phone,
+        locale: params.locale,
+        termsVersion,
+        privacyVersion,
+        // The ext endpoint still accepts the legacy single-flag field, but
+        // the SDK always submits the 2-layer model. `newsletterOptIn` is
+        // passed as the union of the two new flags only to satisfy the
+        // current schema's required bool — the server preferentially
+        // reads `inquiryFollowupOptIn` / `generalNewsletterOptIn`.
+        newsletterOptIn: inquiryFollowupOptIn || generalNewsletterOptIn,
+        inquiryFollowupOptIn,
+        generalNewsletterOptIn
+      })
+    });
+  }
+  return { create };
+}
+
 // src/client/ffid-client.ts
 var UNAUTHORIZED_STATUS2 = 401;
 var SDK_LOG_PREFIX = "[FFID SDK]";
@@ -1957,6 +2007,10 @@ function createFFIDClient(config) {
     baseUrl,
     createError
   });
+  const inquiry = createInquiryMethods({
+    fetchWithAuth,
+    createError
+  });
   const verifyAccessToken = createVerifyAccessToken({
     authMode,
     baseUrl,
@@ -2013,6 +2067,8 @@ function createFFIDClient(config) {
     verifyOtp,
     /** Newsletter methods (subscribe / confirm / unsubscribe) */
     newsletter,
+    /** Inquiry methods (create) */
+    inquiry,
     /** Token store (token mode only) */
     tokenStore,
     /** Resolved auth mode */
@@ -3357,15 +3413,372 @@ function FFIDAnnouncementList({
   );
 }
 
+// src/inquiry/types.ts
+var FFID_INQUIRY_CATEGORIES = [
+  "general",
+  "sales",
+  "support",
+  "partnership",
+  "press",
+  "other"
+];
+var DEFAULT_CATEGORY_LABELS_JA = {
+  general: "\u4E00\u822C\u7684\u306A\u304A\u554F\u3044\u5408\u308F\u305B",
+  sales: "\u3054\u5C0E\u5165\u30FB\u304A\u898B\u7A4D\u3082\u308A",
+  support: "\u30B5\u30DD\u30FC\u30C8",
+  partnership: "\u30D1\u30FC\u30C8\u30CA\u30FC\u30B7\u30C3\u30D7",
+  press: "\u53D6\u6750\u30FB\u30D7\u30EC\u30B9",
+  other: "\u305D\u306E\u4ED6"
+};
+function defaultCategories() {
+  return FFID_INQUIRY_CATEGORIES.map((value) => ({
+    value,
+    label: DEFAULT_CATEGORY_LABELS_JA[value]
+  }));
+}
+var labelStyle = {
+  display: "block",
+  fontSize: FONT_SIZE_SM,
+  fontWeight: 500,
+  marginBottom: SPACING_SM
+};
+var inputStyle = {
+  width: "100%",
+  padding: `${SPACING_SM}px ${SPACING_MD}px`,
+  fontSize: FONT_SIZE_SM,
+  border: BORDER_DEFAULT,
+  borderRadius: BORDER_RADIUS_SM,
+  background: COLOR_BG_WHITE,
+  boxSizing: "border-box"
+};
+var readOnlyStyle = {
+  ...inputStyle,
+  background: "#f9fafb",
+  color: COLOR_TEXT_MUTED,
+  cursor: "not-allowed"
+};
+var fieldsetStyle = {
+  marginBottom: SPACING_LG
+};
+var errorTextStyle = {
+  fontSize: FONT_SIZE_XS,
+  color: COLOR_DANGER,
+  marginTop: SPACING_XS
+};
+var submitButtonStyle = {
+  padding: `${SPACING_MD}px ${SPACING_LG}px`,
+  fontSize: FONT_SIZE_SM,
+  fontWeight: 600,
+  color: COLOR_BG_WHITE,
+  background: COLOR_PRIMARY,
+  border: "none",
+  borderRadius: BORDER_RADIUS_MD,
+  cursor: "pointer"
+};
+function FFIDInquiryForm({
+  mode,
+  prefill,
+  organizations = [],
+  preselectedOrganizationId,
+  categories,
+  termsVersion,
+  privacyVersion,
+  termsHref,
+  privacyHref,
+  turnstileToken = null,
+  turnstileSlot,
+  onSubmit,
+  locale = "ja",
+  className
+}) {
+  const isAuth = mode === "authenticated";
+  const categoryOptions = react.useMemo(
+    () => categories ?? defaultCategories(),
+    [categories]
+  );
+  const initialOrgId = react.useMemo(() => {
+    if (!isAuth) return null;
+    if (preselectedOrganizationId !== void 0) return preselectedOrganizationId;
+    if (organizations.length === 1) return organizations[0].id;
+    return null;
+  }, [isAuth, organizations, preselectedOrganizationId]);
+  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 [organizationId, setOrganizationId] = react.useState(initialOrgId);
+  const [inquiryFollowup, setInquiryFollowup] = react.useState(false);
+  const [general, setGeneral] = react.useState(false);
+  const [agreedLegal, setAgreedLegal] = react.useState(false);
+  const [submitting, setSubmitting] = react.useState(false);
+  const [formError, setFormError] = react.useState(null);
+  const [successMessage, setSuccessMessage] = react.useState(null);
+  async function handleSubmit(e) {
+    e.preventDefault();
+    setFormError(null);
+    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;
+    }
+    if (!message.trim()) {
+      setFormError("\u304A\u554F\u3044\u5408\u308F\u305B\u5185\u5BB9\u3092\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044\u3002");
+      return;
+    }
+    if (!isAuth) {
+      if (!name.trim() || !email.trim()) {
+        setFormError("\u304A\u540D\u524D\u3068\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9\u3092\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044\u3002");
+        return;
+      }
+    }
+    setSubmitting(true);
+    try {
+      const result = await onSubmit({
+        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
+      });
+      if (result.ok) {
+        setSuccessMessage(
+          result.message ?? (result.requiresDoubleOptIn ? "\u304A\u554F\u3044\u5408\u308F\u305B\u3092\u53D7\u3051\u4ED8\u3051\u307E\u3057\u305F\u3002\u30E1\u30EB\u30DE\u30AC\u306E\u8CFC\u8AAD\u78BA\u8A8D\u30E1\u30FC\u30EB\u3092\u9001\u4FE1\u3057\u307E\u3057\u305F\u306E\u3067\u3054\u78BA\u8A8D\u304F\u3060\u3055\u3044\u3002" : "\u304A\u554F\u3044\u5408\u308F\u305B\u3092\u53D7\u3051\u4ED8\u3051\u307E\u3057\u305F\u3002\u62C5\u5F53\u8005\u3088\u308A\u3054\u9023\u7D61\u3044\u305F\u3057\u307E\u3059\u3002")
+        );
+        setMessage("");
+      } else {
+        setFormError(result.message);
+      }
+    } 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"
+      );
+    } finally {
+      setSubmitting(false);
+    }
+  }
+  if (successMessage) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        role: "status",
+        className,
+        style: {
+          padding: SPACING_LG,
+          border: BORDER_DEFAULT,
+          borderRadius: BORDER_RADIUS_MD,
+          background: "#f0fdf4",
+          color: "#166534",
+          fontSize: FONT_SIZE_SM
+        },
+        children: successMessage
+      }
+    );
+  }
+  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)" }),
+        /* @__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: 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;
 exports.FFIDAnnouncementBadge = FFIDAnnouncementBadge;
 exports.FFIDAnnouncementList = FFIDAnnouncementList;
+exports.FFIDInquiryForm = FFIDInquiryForm;
 exports.FFIDLoginButton = FFIDLoginButton;
 exports.FFIDOrganizationSwitcher = FFIDOrganizationSwitcher;
 exports.FFIDProvider = FFIDProvider;
 exports.FFIDSubscriptionBadge = FFIDSubscriptionBadge;
 exports.FFIDUserMenu = FFIDUserMenu;
 exports.FFID_ANNOUNCEMENTS_ERROR_CODES = FFID_ANNOUNCEMENTS_ERROR_CODES;
+exports.FFID_INQUIRY_CATEGORIES = FFID_INQUIRY_CATEGORIES;
 exports.createFFIDAnnouncementsClient = createFFIDAnnouncementsClient;
 exports.createFFIDClient = createFFIDClient;
 exports.createTokenStore = createTokenStore;