pa-floating-window 1.0.0

package/README.md

@@ -0,0 +1,52 @@
+# pa-floating-window
+
+A plug-and-play React floating window widget for feature requests and feedback. Zero configuration, completely unstyled out of the box so it just works!
+
+## Installation
+
+```bash
+npm install pa-floating-window
+# or
+yarn add pa-floating-window
+```
+
+## Usage
+
+Simply import the `FeedbackWidget` into your layout or app root and pass your API endpoint where you want the feedback to be sent.
+
+```tsx
+import { FeedbackWidget } from 'pa-floating-window';
+
+export default function App() {
+  return (
+    <div>
+      <h1>My Application</h1>
+      
+      {/* Add the widget anywhere in your dom, it will float automatically */}
+      <FeedbackWidget 
+        apiUrl="https://your-hackbyte-deployment.vercel.app/api/feedback" 
+        primaryColor="#3b82f6" // Optional: customize the main theme color
+      />
+    </div>
+  );
+}
+```
+
+## Props
+
+| Prop | Type | Default | Description |
+| ---- | ---- | ------- | ----------- |
+| `apiUrl` | string | **Required** | The absolute URL of your REST API to send the `POST` request to. |
+| `primaryColor` | string | `#3b82f6` | Optional hex/rgb value to change the base color of the button and action button. |
+
+## payload structure
+
+The widget will send a `POST` request to your `apiUrl` containing the following JSON structure:
+
+```json
+{
+  "title": "Dark Mode Support",
+  "description": "It would be great if the app had a dark mode.",
+  "email": "user@example.com"
+}
+```

package/dist/index.d.mts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface FeedbackWidgetProps {
+    /**
+     * The URL of your API endpoint to send the feedback data to.
+     * Example: https://your-domain.com/api/feedback
+     */
+    apiUrl: string;
+    /**
+     * Optional primary color for the button and accents.
+     * Defaults to a pleasant blue (#3b82f6)
+     */
+    primaryColor?: string;
+}
+declare function FeedbackWidget({ apiUrl, primaryColor }: FeedbackWidgetProps): react_jsx_runtime.JSX.Element;
+
+export { FeedbackWidget, type FeedbackWidgetProps };

package/dist/index.d.ts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface FeedbackWidgetProps {
+    /**
+     * The URL of your API endpoint to send the feedback data to.
+     * Example: https://your-domain.com/api/feedback
+     */
+    apiUrl: string;
+    /**
+     * Optional primary color for the button and accents.
+     * Defaults to a pleasant blue (#3b82f6)
+     */
+    primaryColor?: string;
+}
+declare function FeedbackWidget({ apiUrl, primaryColor }: FeedbackWidgetProps): react_jsx_runtime.JSX.Element;
+
+export { FeedbackWidget, type FeedbackWidgetProps };

package/dist/index.js

@@ -0,0 +1,211 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.tsx
+var index_exports = {};
+__export(index_exports, {
+  FeedbackWidget: () => FeedbackWidget
+});
+module.exports = __toCommonJS(index_exports);
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function FeedbackWidget({ apiUrl, primaryColor = "#3b82f6" }) {
+  const [isOpen, setIsOpen] = (0, import_react.useState)(false);
+  const [title, setTitle] = (0, import_react.useState)("");
+  const [description, setDescription] = (0, import_react.useState)("");
+  const [email, setEmail] = (0, import_react.useState)("");
+  const [status, setStatus] = (0, import_react.useState)("idle");
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!title.trim() || !description.trim() || !email.trim()) return;
+    setStatus("loading");
+    try {
+      const response = await fetch(apiUrl, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ title, description, email })
+      });
+      if (response.ok) {
+        setStatus("success");
+        setTitle("");
+        setDescription("");
+        setTimeout(() => {
+          setIsOpen(false);
+          setStatus("idle");
+        }, 2e3);
+      } else {
+        setStatus("error");
+      }
+    } catch (error) {
+      console.error("Feedback Widget Error:", error);
+      setStatus("error");
+    }
+  };
+  const containerStyle = {
+    position: "fixed",
+    bottom: "24px",
+    right: "24px",
+    zIndex: 999999,
+    fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif"
+  };
+  const buttonStyle = {
+    backgroundColor: primaryColor,
+    color: "white",
+    border: "none",
+    borderRadius: "9999px",
+    padding: "16px",
+    boxShadow: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
+    cursor: "pointer",
+    display: "flex",
+    alignItems: "center",
+    gap: "8px",
+    fontWeight: 500,
+    fontSize: "16px",
+    transition: "transform 0.2s ease-in-out"
+  };
+  const modalStyle = {
+    position: "absolute",
+    bottom: "80px",
+    right: "0",
+    width: "384px",
+    // w-96 roughly
+    backgroundColor: "white",
+    borderRadius: "8px",
+    boxShadow: "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
+    border: "1px solid #e5e7eb",
+    padding: "24px",
+    boxSizing: "border-box",
+    display: isOpen ? "block" : "none"
+  };
+  const headerStyle = {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    marginBottom: "16px"
+  };
+  const labelStyle = {
+    display: "block",
+    fontSize: "14px",
+    fontWeight: 500,
+    color: "#374151",
+    marginBottom: "4px"
+  };
+  const inputStyle = {
+    width: "100%",
+    padding: "8px 12px",
+    border: "1px solid #d1d5db",
+    borderRadius: "8px",
+    fontSize: "14px",
+    boxSizing: "border-box",
+    outline: "none",
+    fontFamily: "inherit",
+    marginBottom: "16px"
+  };
+  const submitBtnStyle = {
+    width: "100%",
+    backgroundColor: primaryColor,
+    color: "white",
+    fontWeight: 500,
+    padding: "8px 16px",
+    borderRadius: "8px",
+    border: "none",
+    cursor: status === "loading" ? "not-allowed" : "pointer",
+    fontSize: "16px",
+    opacity: status === "loading" ? 0.7 : 1
+  };
+  const statusMsgStyle = {
+    fontSize: "14px",
+    marginTop: "12px",
+    textAlign: "center",
+    color: status === "success" ? "#10b981" : "#ef4444",
+    display: status === "success" || status === "error" ? "block" : "none"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: containerStyle, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: modalStyle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: headerStyle, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { style: { margin: 0, fontSize: "18px", fontWeight: 600, color: "#1f2937" }, children: "Submit Feature Request" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            onClick: () => setIsOpen(false),
+            style: { background: "none", border: "none", cursor: "pointer", color: "#9ca3af" },
+            "aria-label": "Close",
+            type: "button",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "20", height: "20", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", { onSubmit: handleSubmit, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { style: labelStyle, children: "Feature Title" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              type: "text",
+              required: true,
+              value: title,
+              onChange: (e) => setTitle(e.target.value),
+              placeholder: "Enter feature title",
+              style: inputStyle
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { style: labelStyle, children: "Description" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "textarea",
+            {
+              required: true,
+              rows: 3,
+              value: description,
+              onChange: (e) => setDescription(e.target.value),
+              placeholder: "Describe the feature you'd like to see...",
+              style: { ...inputStyle, resize: "none" }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { style: labelStyle, children: "Enter your Email ID" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              type: "email",
+              required: true,
+              value: email,
+              onChange: (e) => setEmail(e.target.value),
+              placeholder: "Please enter your email ID",
+              style: inputStyle
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "submit", disabled: status === "loading", style: submitBtnStyle, children: status === "loading" ? "Submitting..." : "Submit Request" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: statusMsgStyle, children: status === "success" ? "Thank you for your feedback!" : "Something went wrong. Please try again." })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { onClick: () => setIsOpen(!isOpen), style: buttonStyle, children: isOpen ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "24", height: "24", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "24", height: "24", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 4v16m8-8H4" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { display: "inline" }, children: "Request Feature" })
+    ] }) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FeedbackWidget
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.tsx"],"sourcesContent":["import React, { useState, CSSProperties, FormEvent } from \"react\";\n\nexport interface FeedbackWidgetProps {\n  /**\n   * The URL of your API endpoint to send the feedback data to.\n   * Example: https://your-domain.com/api/feedback\n   */\n  apiUrl: string;\n  /**\n   * Optional primary color for the button and accents. \n   * Defaults to a pleasant blue (#3b82f6)\n   */\n  primaryColor?: string;\n}\n\nexport function FeedbackWidget({ apiUrl, primaryColor = \"#3b82f6\" }: FeedbackWidgetProps) {\n  const [isOpen, setIsOpen] = useState(false);\n  const [title, setTitle] = useState(\"\");\n  const [description, setDescription] = useState(\"\");\n  const [email, setEmail] = useState(\"\");\n  \n  const [status, setStatus] = useState<\"idle\" | \"loading\" | \"success\" | \"error\">(\"idle\");\n\n  const handleSubmit = async (e: FormEvent) => {\n    e.preventDefault();\n    if (!title.trim() || !description.trim() || !email.trim()) return;\n\n    setStatus(\"loading\");\n\n    try {\n      const response = await fetch(apiUrl, {\n        method: \"POST\",\n        headers: { \"Content-Type\": \"application/json\" },\n        body: JSON.stringify({ title, description, email }),\n      });\n\n      if (response.ok) {\n        setStatus(\"success\");\n        setTitle(\"\");\n        setDescription(\"\");\n        // Auto-close after a success\n        setTimeout(() => {\n          setIsOpen(false);\n          setStatus(\"idle\");\n        }, 2000);\n      } else {\n        setStatus(\"error\");\n      }\n    } catch (error) {\n      console.error(\"Feedback Widget Error:\", error);\n      setStatus(\"error\");\n    }\n  };\n\n  // --- Styles ---\n  const containerStyle: CSSProperties = {\n    position: \"fixed\",\n    bottom: \"24px\",\n    right: \"24px\",\n    zIndex: 999999,\n    fontFamily: \"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\",\n  };\n\n  const buttonStyle: CSSProperties = {\n    backgroundColor: primaryColor,\n    color: \"white\",\n    border: \"none\",\n    borderRadius: \"9999px\",\n    padding: \"16px\",\n    boxShadow: \"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)\",\n    cursor: \"pointer\",\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: \"8px\",\n    fontWeight: 500,\n    fontSize: \"16px\",\n    transition: \"transform 0.2s ease-in-out\",\n  };\n\n  const modalStyle: CSSProperties = {\n    position: \"absolute\",\n    bottom: \"80px\",\n    right: \"0\",\n    width: \"384px\", // w-96 roughly\n    backgroundColor: \"white\",\n    borderRadius: \"8px\",\n    boxShadow: \"0 25px 50px -12px rgba(0, 0, 0, 0.25)\",\n    border: \"1px solid #e5e7eb\",\n    padding: \"24px\",\n    boxSizing: \"border-box\",\n    display: isOpen ? \"block\" : \"none\",\n  };\n\n  const headerStyle: CSSProperties = {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n    marginBottom: \"16px\",\n  };\n\n  const labelStyle: CSSProperties = {\n    display: \"block\",\n    fontSize: \"14px\",\n    fontWeight: 500,\n    color: \"#374151\",\n    marginBottom: \"4px\",\n  };\n\n  const inputStyle: CSSProperties = {\n    width: \"100%\",\n    padding: \"8px 12px\",\n    border: \"1px solid #d1d5db\",\n    borderRadius: \"8px\",\n    fontSize: \"14px\",\n    boxSizing: \"border-box\",\n    outline: \"none\",\n    fontFamily: \"inherit\",\n    marginBottom: \"16px\",\n  };\n\n  const submitBtnStyle: CSSProperties = {\n    width: \"100%\",\n    backgroundColor: primaryColor,\n    color: \"white\",\n    fontWeight: 500,\n    padding: \"8px 16px\",\n    borderRadius: \"8px\",\n    border: \"none\",\n    cursor: status === \"loading\" ? \"not-allowed\" : \"pointer\",\n    fontSize: \"16px\",\n    opacity: status === \"loading\" ? 0.7 : 1,\n  };\n\n  const statusMsgStyle: CSSProperties = {\n    fontSize: \"14px\",\n    marginTop: \"12px\",\n    textAlign: \"center\",\n    color: status === \"success\" ? \"#10b981\" : \"#ef4444\",\n    display: status === \"success\" || status === \"error\" ? \"block\" : \"none\",\n  };\n\n  return (\n    <div style={containerStyle}>\n      <div style={modalStyle}>\n        <div style={headerStyle}>\n          <h3 style={{ margin: 0, fontSize: \"18px\", fontWeight: 600, color: \"#1f2937\" }}>\n            Submit Feature Request\n          </h3>\n          <button\n            onClick={() => setIsOpen(false)}\n            style={{ background: \"none\", border: \"none\", cursor: \"pointer\", color: \"#9ca3af\" }}\n            aria-label=\"Close\"\n            type=\"button\"\n          >\n            <svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n            </svg>\n          </button>\n        </div>\n\n        <form onSubmit={handleSubmit}>\n          <div>\n            <label style={labelStyle}>Feature Title</label>\n            <input\n              type=\"text\"\n              required\n              value={title}\n              onChange={(e) => setTitle(e.target.value)}\n              placeholder=\"Enter feature title\"\n              style={inputStyle}\n            />\n          </div>\n\n          <div>\n            <label style={labelStyle}>Description</label>\n            <textarea\n              required\n              rows={3}\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              placeholder=\"Describe the feature you'd like to see...\"\n              style={{ ...inputStyle, resize: \"none\" }}\n            />\n          </div>\n\n          <div>\n            <label style={labelStyle}>Enter your Email ID</label>\n            <input\n              type=\"email\"\n              required\n              value={email}\n              onChange={(e) => setEmail(e.target.value)}\n              placeholder=\"Please enter your email ID\"\n              style={inputStyle}\n            />\n          </div>\n\n          <button type=\"submit\" disabled={status === \"loading\"} style={submitBtnStyle}>\n            {status === \"loading\" ? \"Submitting...\" : \"Submit Request\"}\n          </button>\n\n          <div style={statusMsgStyle}>\n            {status === \"success\" ? \"Thank you for your feedback!\" : \"Something went wrong. Please try again.\"}\n          </div>\n        </form>\n      </div>\n\n      <button onClick={() => setIsOpen(!isOpen)} style={buttonStyle}>\n        {isOpen ? (\n          <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n          </svg>\n        ) : (\n          <>\n            <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 4v16m8-8H4\" />\n            </svg>\n            <span style={{ display: \"inline\" }}>Request Feature</span>\n          </>\n        )}\n      </button>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/index.mjs

@@ -0,0 +1,186 @@
+// src/index.tsx
+import { useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function FeedbackWidget({ apiUrl, primaryColor = "#3b82f6" }) {
+  const [isOpen, setIsOpen] = useState(false);
+  const [title, setTitle] = useState("");
+  const [description, setDescription] = useState("");
+  const [email, setEmail] = useState("");
+  const [status, setStatus] = useState("idle");
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!title.trim() || !description.trim() || !email.trim()) return;
+    setStatus("loading");
+    try {
+      const response = await fetch(apiUrl, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ title, description, email })
+      });
+      if (response.ok) {
+        setStatus("success");
+        setTitle("");
+        setDescription("");
+        setTimeout(() => {
+          setIsOpen(false);
+          setStatus("idle");
+        }, 2e3);
+      } else {
+        setStatus("error");
+      }
+    } catch (error) {
+      console.error("Feedback Widget Error:", error);
+      setStatus("error");
+    }
+  };
+  const containerStyle = {
+    position: "fixed",
+    bottom: "24px",
+    right: "24px",
+    zIndex: 999999,
+    fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif"
+  };
+  const buttonStyle = {
+    backgroundColor: primaryColor,
+    color: "white",
+    border: "none",
+    borderRadius: "9999px",
+    padding: "16px",
+    boxShadow: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
+    cursor: "pointer",
+    display: "flex",
+    alignItems: "center",
+    gap: "8px",
+    fontWeight: 500,
+    fontSize: "16px",
+    transition: "transform 0.2s ease-in-out"
+  };
+  const modalStyle = {
+    position: "absolute",
+    bottom: "80px",
+    right: "0",
+    width: "384px",
+    // w-96 roughly
+    backgroundColor: "white",
+    borderRadius: "8px",
+    boxShadow: "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
+    border: "1px solid #e5e7eb",
+    padding: "24px",
+    boxSizing: "border-box",
+    display: isOpen ? "block" : "none"
+  };
+  const headerStyle = {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    marginBottom: "16px"
+  };
+  const labelStyle = {
+    display: "block",
+    fontSize: "14px",
+    fontWeight: 500,
+    color: "#374151",
+    marginBottom: "4px"
+  };
+  const inputStyle = {
+    width: "100%",
+    padding: "8px 12px",
+    border: "1px solid #d1d5db",
+    borderRadius: "8px",
+    fontSize: "14px",
+    boxSizing: "border-box",
+    outline: "none",
+    fontFamily: "inherit",
+    marginBottom: "16px"
+  };
+  const submitBtnStyle = {
+    width: "100%",
+    backgroundColor: primaryColor,
+    color: "white",
+    fontWeight: 500,
+    padding: "8px 16px",
+    borderRadius: "8px",
+    border: "none",
+    cursor: status === "loading" ? "not-allowed" : "pointer",
+    fontSize: "16px",
+    opacity: status === "loading" ? 0.7 : 1
+  };
+  const statusMsgStyle = {
+    fontSize: "14px",
+    marginTop: "12px",
+    textAlign: "center",
+    color: status === "success" ? "#10b981" : "#ef4444",
+    display: status === "success" || status === "error" ? "block" : "none"
+  };
+  return /* @__PURE__ */ jsxs("div", { style: containerStyle, children: [
+    /* @__PURE__ */ jsxs("div", { style: modalStyle, children: [
+      /* @__PURE__ */ jsxs("div", { style: headerStyle, children: [
+        /* @__PURE__ */ jsx("h3", { style: { margin: 0, fontSize: "18px", fontWeight: 600, color: "#1f2937" }, children: "Submit Feature Request" }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => setIsOpen(false),
+            style: { background: "none", border: "none", cursor: "pointer", color: "#9ca3af" },
+            "aria-label": "Close",
+            type: "button",
+            children: /* @__PURE__ */ jsx("svg", { width: "20", height: "20", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { style: labelStyle, children: "Feature Title" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              required: true,
+              value: title,
+              onChange: (e) => setTitle(e.target.value),
+              placeholder: "Enter feature title",
+              style: inputStyle
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { style: labelStyle, children: "Description" }),
+          /* @__PURE__ */ jsx(
+            "textarea",
+            {
+              required: true,
+              rows: 3,
+              value: description,
+              onChange: (e) => setDescription(e.target.value),
+              placeholder: "Describe the feature you'd like to see...",
+              style: { ...inputStyle, resize: "none" }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { style: labelStyle, children: "Enter your Email ID" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "email",
+              required: true,
+              value: email,
+              onChange: (e) => setEmail(e.target.value),
+              placeholder: "Please enter your email ID",
+              style: inputStyle
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("button", { type: "submit", disabled: status === "loading", style: submitBtnStyle, children: status === "loading" ? "Submitting..." : "Submit Request" }),
+        /* @__PURE__ */ jsx("div", { style: statusMsgStyle, children: status === "success" ? "Thank you for your feedback!" : "Something went wrong. Please try again." })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("button", { onClick: () => setIsOpen(!isOpen), style: buttonStyle, children: isOpen ? /* @__PURE__ */ jsx("svg", { width: "24", height: "24", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("svg", { width: "24", height: "24", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 4v16m8-8H4" }) }),
+      /* @__PURE__ */ jsx("span", { style: { display: "inline" }, children: "Request Feature" })
+    ] }) })
+  ] });
+}
+export {
+  FeedbackWidget
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.tsx"],"sourcesContent":["import React, { useState, CSSProperties, FormEvent } from \"react\";\n\nexport interface FeedbackWidgetProps {\n  /**\n   * The URL of your API endpoint to send the feedback data to.\n   * Example: https://your-domain.com/api/feedback\n   */\n  apiUrl: string;\n  /**\n   * Optional primary color for the button and accents. \n   * Defaults to a pleasant blue (#3b82f6)\n   */\n  primaryColor?: string;\n}\n\nexport function FeedbackWidget({ apiUrl, primaryColor = \"#3b82f6\" }: FeedbackWidgetProps) {\n  const [isOpen, setIsOpen] = useState(false);\n  const [title, setTitle] = useState(\"\");\n  const [description, setDescription] = useState(\"\");\n  const [email, setEmail] = useState(\"\");\n  \n  const [status, setStatus] = useState<\"idle\" | \"loading\" | \"success\" | \"error\">(\"idle\");\n\n  const handleSubmit = async (e: FormEvent) => {\n    e.preventDefault();\n    if (!title.trim() || !description.trim() || !email.trim()) return;\n\n    setStatus(\"loading\");\n\n    try {\n      const response = await fetch(apiUrl, {\n        method: \"POST\",\n        headers: { \"Content-Type\": \"application/json\" },\n        body: JSON.stringify({ title, description, email }),\n      });\n\n      if (response.ok) {\n        setStatus(\"success\");\n        setTitle(\"\");\n        setDescription(\"\");\n        // Auto-close after a success\n        setTimeout(() => {\n          setIsOpen(false);\n          setStatus(\"idle\");\n        }, 2000);\n      } else {\n        setStatus(\"error\");\n      }\n    } catch (error) {\n      console.error(\"Feedback Widget Error:\", error);\n      setStatus(\"error\");\n    }\n  };\n\n  // --- Styles ---\n  const containerStyle: CSSProperties = {\n    position: \"fixed\",\n    bottom: \"24px\",\n    right: \"24px\",\n    zIndex: 999999,\n    fontFamily: \"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\",\n  };\n\n  const buttonStyle: CSSProperties = {\n    backgroundColor: primaryColor,\n    color: \"white\",\n    border: \"none\",\n    borderRadius: \"9999px\",\n    padding: \"16px\",\n    boxShadow: \"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)\",\n    cursor: \"pointer\",\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: \"8px\",\n    fontWeight: 500,\n    fontSize: \"16px\",\n    transition: \"transform 0.2s ease-in-out\",\n  };\n\n  const modalStyle: CSSProperties = {\n    position: \"absolute\",\n    bottom: \"80px\",\n    right: \"0\",\n    width: \"384px\", // w-96 roughly\n    backgroundColor: \"white\",\n    borderRadius: \"8px\",\n    boxShadow: \"0 25px 50px -12px rgba(0, 0, 0, 0.25)\",\n    border: \"1px solid #e5e7eb\",\n    padding: \"24px\",\n    boxSizing: \"border-box\",\n    display: isOpen ? \"block\" : \"none\",\n  };\n\n  const headerStyle: CSSProperties = {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n    marginBottom: \"16px\",\n  };\n\n  const labelStyle: CSSProperties = {\n    display: \"block\",\n    fontSize: \"14px\",\n    fontWeight: 500,\n    color: \"#374151\",\n    marginBottom: \"4px\",\n  };\n\n  const inputStyle: CSSProperties = {\n    width: \"100%\",\n    padding: \"8px 12px\",\n    border: \"1px solid #d1d5db\",\n    borderRadius: \"8px\",\n    fontSize: \"14px\",\n    boxSizing: \"border-box\",\n    outline: \"none\",\n    fontFamily: \"inherit\",\n    marginBottom: \"16px\",\n  };\n\n  const submitBtnStyle: CSSProperties = {\n    width: \"100%\",\n    backgroundColor: primaryColor,\n    color: \"white\",\n    fontWeight: 500,\n    padding: \"8px 16px\",\n    borderRadius: \"8px\",\n    border: \"none\",\n    cursor: status === \"loading\" ? \"not-allowed\" : \"pointer\",\n    fontSize: \"16px\",\n    opacity: status === \"loading\" ? 0.7 : 1,\n  };\n\n  const statusMsgStyle: CSSProperties = {\n    fontSize: \"14px\",\n    marginTop: \"12px\",\n    textAlign: \"center\",\n    color: status === \"success\" ? \"#10b981\" : \"#ef4444\",\n    display: status === \"success\" || status === \"error\" ? \"block\" : \"none\",\n  };\n\n  return (\n    <div style={containerStyle}>\n      <div style={modalStyle}>\n        <div style={headerStyle}>\n          <h3 style={{ margin: 0, fontSize: \"18px\", fontWeight: 600, color: \"#1f2937\" }}>\n            Submit Feature Request\n          </h3>\n          <button\n            onClick={() => setIsOpen(false)}\n            style={{ background: \"none\", border: \"none\", cursor: \"pointer\", color: \"#9ca3af\" }}\n            aria-label=\"Close\"\n            type=\"button\"\n          >\n            <svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n            </svg>\n          </button>\n        </div>\n\n        <form onSubmit={handleSubmit}>\n          <div>\n            <label style={labelStyle}>Feature Title</label>\n            <input\n              type=\"text\"\n              required\n              value={title}\n              onChange={(e) => setTitle(e.target.value)}\n              placeholder=\"Enter feature title\"\n              style={inputStyle}\n            />\n          </div>\n\n          <div>\n            <label style={labelStyle}>Description</label>\n            <textarea\n              required\n              rows={3}\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              placeholder=\"Describe the feature you'd like to see...\"\n              style={{ ...inputStyle, resize: \"none\" }}\n            />\n          </div>\n\n          <div>\n            <label style={labelStyle}>Enter your Email ID</label>\n            <input\n              type=\"email\"\n              required\n              value={email}\n              onChange={(e) => setEmail(e.target.value)}\n              placeholder=\"Please enter your email ID\"\n              style={inputStyle}\n            />\n          </div>\n\n          <button type=\"submit\" disabled={status === \"loading\"} style={submitBtnStyle}>\n            {status === \"loading\" ? \"Submitting...\" : \"Submit Request\"}\n          </button>\n\n          <div style={statusMsgStyle}>\n            {status === \"success\" ? \"Thank you for your feedback!\" : \"Something went wrong. Please try again.\"}\n          </div>\n        </form>\n      </div>\n\n      <button onClick={() => setIsOpen(!isOpen)} style={buttonStyle}>\n        {isOpen ? (\n          <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n          </svg>\n        ) : (\n          <>\n            <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 4v16m8-8H4\" />\n            </svg>\n            <span style={{ display: \"inline\" }}>Request Feature</span>\n          </>\n        )}\n      </button>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "pa-floating-window",
+  "version": "1.0.0",
+  "description": "A plug-and-play React floating window widget for feature requests and feedback.",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "tsup": "^8.0.2",
+    "typescript": "^5.3.3"
+  },
+  "keywords": [
+    "react",
+    "feedback",
+    "widget",
+    "floating",
+    "window"
+  ],
+  "author": "HackByte",
+  "license": "MIT"
+}