@retinalabsllc/zairusjs 21.1.2 → 21.1.3

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.
package/dist/index.js CHANGED
@@ -3462,7 +3462,7 @@ var ManagedContactBlock = ({
3462
3462
  company,
3463
3463
  socials
3464
3464
  }) => {
3465
- const [formData, setFormData] = (0, import_react55.useState)({ name: "", title: "", phone: "", message: "" });
3465
+ const [formData, setFormData] = (0, import_react55.useState)({ name: "", email: "", title: "", phone: "", message: "" });
3466
3466
  const [status, setStatus] = (0, import_react55.useState)("idle");
3467
3467
  const [responseMessage, setResponseMessage] = (0, import_react55.useState)("");
3468
3468
  const handleSubmit = async (e) => {
@@ -3479,7 +3479,7 @@ var ManagedContactBlock = ({
3479
3479
  if (res.ok) {
3480
3480
  setStatus("success");
3481
3481
  setResponseMessage(data.message || "Message sent successfully!");
3482
- setFormData({ name: "", title: "", phone: "", message: "" });
3482
+ setFormData({ name: "", email: "", title: "", phone: "", message: "" });
3483
3483
  } else {
3484
3484
  setStatus("error");
3485
3485
  setResponseMessage(data.error || "Failed to send message.");
@@ -3533,6 +3533,16 @@ var ManagedContactBlock = ({
3533
3533
  disabled: status === "loading"
3534
3534
  }
3535
3535
  ), /* @__PURE__ */ import_react55.default.createElement(
3536
+ TextInput2,
3537
+ {
3538
+ label: "EMAIL ADDRESS",
3539
+ type: "email",
3540
+ placeholder: "john@example.com",
3541
+ value: formData.email,
3542
+ onChange: (val) => setFormData({ ...formData, email: val }),
3543
+ disabled: status === "loading"
3544
+ }
3545
+ )), /* @__PURE__ */ import_react55.default.createElement("div", { className: "flex flex-col md:flex-row gap-6" }, /* @__PURE__ */ import_react55.default.createElement(
3536
3546
  TextInput2,
3537
3547
  {
3538
3548
  label: "SUBJECT TITLE",
@@ -3541,7 +3551,7 @@ var ManagedContactBlock = ({
3541
3551
  onChange: (val) => setFormData({ ...formData, title: val }),
3542
3552
  disabled: status === "loading"
3543
3553
  }
3544
- )), /* @__PURE__ */ import_react55.default.createElement(
3554
+ ), /* @__PURE__ */ import_react55.default.createElement(
3545
3555
  TextInput2,
3546
3556
  {
3547
3557
  label: "PHONE NUMBER (OPTIONAL)",
@@ -3551,7 +3561,7 @@ var ManagedContactBlock = ({
3551
3561
  onChange: (val) => setFormData({ ...formData, phone: val }),
3552
3562
  disabled: status === "loading"
3553
3563
  }
3554
- ), /* @__PURE__ */ import_react55.default.createElement(
3564
+ )), /* @__PURE__ */ import_react55.default.createElement(
3555
3565
  TextAreaInput,
3556
3566
  {
3557
3567
  label: "MESSAGE",
@@ -3565,7 +3575,7 @@ var ManagedContactBlock = ({
3565
3575
  {
3566
3576
  type: "submit",
3567
3577
  isLoading: status === "loading",
3568
- disabled: !formData.name || !formData.title || !formData.message
3578
+ disabled: !formData.name || !formData.email || !formData.title || !formData.message
3569
3579
  },
3570
3580
  "Submit Message"
3571
3581
  )))))))));
package/dist/index.mjs CHANGED
@@ -3461,7 +3461,7 @@ var ManagedContactBlock = ({
3461
3461
  company,
3462
3462
  socials
3463
3463
  }) => {
3464
- const [formData, setFormData] = useState24({ name: "", title: "", phone: "", message: "" });
3464
+ const [formData, setFormData] = useState24({ name: "", email: "", title: "", phone: "", message: "" });
3465
3465
  const [status, setStatus] = useState24("idle");
3466
3466
  const [responseMessage, setResponseMessage] = useState24("");
3467
3467
  const handleSubmit = async (e) => {
@@ -3478,7 +3478,7 @@ var ManagedContactBlock = ({
3478
3478
  if (res.ok) {
3479
3479
  setStatus("success");
3480
3480
  setResponseMessage(data.message || "Message sent successfully!");
3481
- setFormData({ name: "", title: "", phone: "", message: "" });
3481
+ setFormData({ name: "", email: "", title: "", phone: "", message: "" });
3482
3482
  } else {
3483
3483
  setStatus("error");
3484
3484
  setResponseMessage(data.error || "Failed to send message.");
@@ -3532,6 +3532,16 @@ var ManagedContactBlock = ({
3532
3532
  disabled: status === "loading"
3533
3533
  }
3534
3534
  ), /* @__PURE__ */ React32.createElement(
3535
+ TextInput2,
3536
+ {
3537
+ label: "EMAIL ADDRESS",
3538
+ type: "email",
3539
+ placeholder: "john@example.com",
3540
+ value: formData.email,
3541
+ onChange: (val) => setFormData({ ...formData, email: val }),
3542
+ disabled: status === "loading"
3543
+ }
3544
+ )), /* @__PURE__ */ React32.createElement("div", { className: "flex flex-col md:flex-row gap-6" }, /* @__PURE__ */ React32.createElement(
3535
3545
  TextInput2,
3536
3546
  {
3537
3547
  label: "SUBJECT TITLE",
@@ -3540,7 +3550,7 @@ var ManagedContactBlock = ({
3540
3550
  onChange: (val) => setFormData({ ...formData, title: val }),
3541
3551
  disabled: status === "loading"
3542
3552
  }
3543
- )), /* @__PURE__ */ React32.createElement(
3553
+ ), /* @__PURE__ */ React32.createElement(
3544
3554
  TextInput2,
3545
3555
  {
3546
3556
  label: "PHONE NUMBER (OPTIONAL)",
@@ -3550,7 +3560,7 @@ var ManagedContactBlock = ({
3550
3560
  onChange: (val) => setFormData({ ...formData, phone: val }),
3551
3561
  disabled: status === "loading"
3552
3562
  }
3553
- ), /* @__PURE__ */ React32.createElement(
3563
+ )), /* @__PURE__ */ React32.createElement(
3554
3564
  TextAreaInput,
3555
3565
  {
3556
3566
  label: "MESSAGE",
@@ -3564,7 +3574,7 @@ var ManagedContactBlock = ({
3564
3574
  {
3565
3575
  type: "submit",
3566
3576
  isLoading: status === "loading",
3567
- disabled: !formData.name || !formData.title || !formData.message
3577
+ disabled: !formData.name || !formData.email || !formData.title || !formData.message
3568
3578
  },
3569
3579
  "Submit Message"
3570
3580
  )))))))));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@retinalabsllc/zairusjs",
3
- "version": "21.1.2",
3
+ "version": "21.1.3",
4
4
  "description": "A perceptive, Ai data driven Next.js UI component library.",
5
5
  "author": "Retina Labs Company",
6
6
  "license": "MIT",