\u8ACB\u6C42\u66F8

\u5B9B\u540D: ${recipient}

\u8ACB\u6C42\u9805\u76EE: ${billingItem}

\u91D1\u984D: ${amount}

`; fetch("/integrations/pdf-generation/pdf", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ source: { html: htmlContent } }) }).then((response) => response.blob()).then((blob) => { const url = window.URL.createObjectURL(blob); const link = document.createElement("a"); link.href = url; link.setAttribute("download", `\u8ACB\u6C42\u66F8-${formData.recipient}.pdf`); document.body.appendChild(link); link.click(); link.parentNode.removeChild(link); }); }; return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-center justify-center p-4 bg-gray-200 min-h-screen" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-md w-full bg-white shadow-md rounded-lg p-6" }, /* @__PURE__ */ React.createElement("h2", { className: "text-2xl text-gray-800 font-semibold mb-4" }, "\u8ACB\u6C42\u66F8"), /* @__PURE__ */ React.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React.createElement("label", { htmlFor: "recipient", className: "block text-sm font-medium text-gray-700" }, "\u5B9B\u540D"), /* @__PURE__ */ React.createElement("input", { type: "text", name: "recipient", className: "mt-1 p-2 w-full border border-gray-300 rounded-md shadow-sm", value: formData.recipient, onChange: handleInputChange })), /* @__PURE__ */ React.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React.createElement("label", { htmlFor: "billingItem", className: "block text-sm font-medium text-gray-700" }, "\u8ACB\u6C42\u9805\u76EE"), /* @__PURE__ */ React.createElement("input", { type: "text", name: "billingItem", className: "mt-1 p-2 w-full border border-gray-300 rounded-md shadow-sm", value: formData.billingItem, onChange: handleInputChange })), /* @__PURE__ */ React.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React.createElement("label", { htmlFor: "amount", className: "block text-sm font-medium text-gray-700" }, "\u91D1\u984D"), /* @__PURE__ */ React.createElement("input", { type: "number", name: "amount", className: "mt-1 p-2 w-full border border-gray-300 rounded-md shadow-sm", value: formData.amount, onChange: handleInputChange })), /* @__PURE__ */ React.createElement("button", { type: "button", className: "w-full py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700", onClick: handlePDFGeneration }, "\u8ACB\u6C42\u66F8\u3092PDF\u3067\u51FA\u529B"))); } var page_default = MainComponent; return __toCommonJS(page_exports); })();

請求書