pixelize-design-library 2.3.7 → 2.3.9

package/dist/Components/Common/Label.js

@@ -1,19 +1,13 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var react_2 = require("@chakra-ui/react");
-var react_3 = require("@chakra-ui/react");
-var Label = function (_a) {
-    var _b, _c, _d, _e, _f;
-    var label = _a.label, labelClassName = _a.labelClassName, isRequired = _a.isRequired;
-    var theme = (0, react_3.useTheme)();
-    var headerColor = (_c = (_b = theme.colors.header) === null || _b === void 0 ? void 0 : _b[500]) !== null && _c !== void 0 ? _c : (_d = theme.colors.text) === null || _d === void 0 ? void 0 : _d[500];
-    var errorColor = (_f = (_e = theme.colors.semantic) === null || _e === void 0 ? void 0 : _e.error) === null || _f === void 0 ? void 0 : _f[500];
-    return (react_1.default.createElement(react_2.FormLabel, { htmlFor: label, mb: 1, fontSize: "sm", fontWeight: "medium", className: labelClassName, color: headerColor },
-        label,
-        isRequired && (react_1.default.createElement(react_2.Text, { as: "span", color: errorColor, ml: 1 }, "*"))));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@chakra-ui/react");
+const react_2 = require("@chakra-ui/react");
+const Label = ({ label, labelClassName, isRequired, }) => {
+    var _a, _b, _c, _d, _e;
+    const theme = (0, react_2.useTheme)();
+    const headerColor = (_b = (_a = theme.colors.header) === null || _a === void 0 ? void 0 : _a[500]) !== null && _b !== void 0 ? _b : (_c = theme.colors.text) === null || _c === void 0 ? void 0 : _c[500];
+    const errorColor = (_e = (_d = theme.colors.semantic) === null || _d === void 0 ? void 0 : _d.error) === null || _e === void 0 ? void 0 : _e[500];
+    return ((0, jsx_runtime_1.jsxs)(react_1.FormLabel, { htmlFor: label, mb: 1, fontSize: "sm", fontWeight: "medium", className: labelClassName, color: headerColor, children: [label, isRequired && ((0, jsx_runtime_1.jsx)(react_1.Text, { as: "span", color: errorColor, ml: 1, children: "*" }))] }));
 };
 exports.default = Label;

package/dist/Components/Common/fieldStyles.d.ts

@@ -1,3 +1,4 @@
+import { CustomThemeProps } from "../../Theme/themeProps";
 export declare const FIELD_RADIUS = "0.5rem";
 export declare const FIELD_BORDER_WIDTH = "0.063rem";
 export declare const FIELD_TRANSITION = "border-color 0.2s, box-shadow 0.2s";
@@ -9,14 +10,15 @@ type FieldState = {
  * State-based field styles for components that track `focused`/`error` in JS
  * (e.g. SearchSelect, SingleDatePicker). Returns Chakra style props.
  */
-export declare const getFieldStateStyles: (theme: any, { error, focused }?: FieldState) => {
-    bg: any;
+export declare const getFieldStateStyles: (theme: CustomThemeProps, { error, focused }?: FieldState) => {
+    bg: string;
     borderRadius: string;
     border: string;
-    borderColor: any;
+    borderColor: string;
     boxShadow: string;
     transition: string;
 };
 /** Focus ring value (e.g. for `_focus` / `_focusWithin` pseudo styles). */
-export declare const fieldFocusRing: (theme: any, error?: boolean) => string;
+export declare const fieldFocusRing: (theme: CustomThemeProps, error?: boolean) => string;
 export {};
+//# sourceMappingURL=fieldStyles.d.ts.map

package/dist/Components/Common/fieldStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldStyles.d.ts","sourceRoot":"","sources":["../../../src/Components/Common/fieldStyles.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,eAAO,MAAM,YAAY,WAAW,CAAC;AACrC,eAAO,MAAM,kBAAkB,aAAa,CAAC;AAC7C,eAAO,MAAM,gBAAgB,uCAAuC,CAAC;AAErE,KAAK,UAAU,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEzD;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAAI,OAAO,gBAAgB,EAAE,qBAAoC,UAAe;;;;;;;CAmB/G,CAAC;AAEF,2EAA2E;AAC3E,eAAO,MAAM,cAAc,GAAI,OAAO,gBAAgB,EAAE,eAAa,WACwB,CAAC"}

package/dist/Components/Common/fieldStyles.js

@@ -11,32 +11,27 @@ exports.FIELD_TRANSITION = "border-color 0.2s, box-shadow 0.2s";
  * State-based field styles for components that track `focused`/`error` in JS
  * (e.g. SearchSelect, SingleDatePicker). Returns Chakra style props.
  */
-var getFieldStateStyles = function (theme, _a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j;
-    var _k = _a === void 0 ? {} : _a, _l = _k.error, error = _l === void 0 ? false : _l, _m = _k.focused, focused = _m === void 0 ? false : _m;
-    var idleBorder = (_c = (_b = theme.colors.boxborder) === null || _b === void 0 ? void 0 : _b[500]) !== null && _c !== void 0 ? _c : (_d = theme.colors.gray) === null || _d === void 0 ? void 0 : _d[300];
-    var primary = theme.colors.primary[500];
-    var errorColor = (_f = (_e = theme.colors.semantic) === null || _e === void 0 ? void 0 : _e.error) === null || _f === void 0 ? void 0 : _f[500];
-    var ringPrimary = (_g = theme.colors.boxShadow) === null || _g === void 0 ? void 0 : _g.primary;
-    var ringError = (_h = theme.colors.boxShadow) === null || _h === void 0 ? void 0 : _h.error;
+const getFieldStateStyles = (theme, { error = false, focused = false } = {}) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    const idleBorder = (_b = (_a = theme.colors.boxborder) === null || _a === void 0 ? void 0 : _a[500]) !== null && _b !== void 0 ? _b : (_c = theme.colors.gray) === null || _c === void 0 ? void 0 : _c[300];
+    const primary = theme.colors.primary[500];
+    const errorColor = (_e = (_d = theme.colors.semantic) === null || _d === void 0 ? void 0 : _d.error) === null || _e === void 0 ? void 0 : _e[500];
+    const ringPrimary = (_f = theme.colors.boxShadow) === null || _f === void 0 ? void 0 : _f.primary;
+    const ringError = (_g = theme.colors.boxShadow) === null || _g === void 0 ? void 0 : _g.error;
     return {
-        bg: (_j = theme.colors.gray) === null || _j === void 0 ? void 0 : _j[50],
+        bg: (_h = theme.colors.gray) === null || _h === void 0 ? void 0 : _h[50],
         borderRadius: exports.FIELD_RADIUS,
-        border: "".concat(exports.FIELD_BORDER_WIDTH, " solid"),
+        border: `${exports.FIELD_BORDER_WIDTH} solid`,
         borderColor: error ? errorColor : focused ? primary : idleBorder,
         boxShadow: error
-            ? "0 0 0 0.125rem ".concat(ringError)
+            ? `0 0 0 0.125rem ${ringError}`
             : focused
-                ? "0 0 0 0.125rem ".concat(ringPrimary)
+                ? `0 0 0 0.125rem ${ringPrimary}`
                 : "none",
         transition: exports.FIELD_TRANSITION,
     };
 };
 exports.getFieldStateStyles = getFieldStateStyles;
 /** Focus ring value (e.g. for `_focus` / `_focusWithin` pseudo styles). */
-var fieldFocusRing = function (theme, error) {
-    var _a, _b;
-    if (error === void 0) { error = false; }
-    return "0 0 0 0.125rem ".concat(error ? (_a = theme.colors.boxShadow) === null || _a === void 0 ? void 0 : _a.error : (_b = theme.colors.boxShadow) === null || _b === void 0 ? void 0 : _b.primary);
-};
+const fieldFocusRing = (theme, error = false) => { var _a, _b; return `0 0 0 0.125rem ${error ? (_a = theme.colors.boxShadow) === null || _a === void 0 ? void 0 : _a.error : (_b = theme.colors.boxShadow) === null || _b === void 0 ? void 0 : _b.primary}`; };
 exports.fieldFocusRing = fieldFocusRing;

package/dist/Components/ContactForm/ContactForm.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
 import { ContactFormProps } from "./ContactFormProps";
-declare const ContactForm: ({ apiKey, customFields, getCustomValues, isDisabled, organizationId, customerId, buttonColorScheme, buttonSx, }: ContactFormProps) => React.JSX.Element;
+declare const ContactForm: ({ apiKey, customFields, getCustomValues, isDisabled, organizationId, customerId, buttonColorScheme, buttonSx, }: ContactFormProps) => import("react/jsx-runtime").JSX.Element;
 export default ContactForm;
+//# sourceMappingURL=ContactForm.d.ts.map

package/dist/Components/ContactForm/ContactForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactForm.d.ts","sourceRoot":"","sources":["../../../src/Components/ContactForm/ContactForm.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAMtD,QAAA,MAAM,WAAW,GAAI,iHASlB,gBAAgB,4CA0OlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/Components/ContactForm/ContactForm.js

@@ -1,124 +1,38 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var react_2 = require("@chakra-ui/react");
-var TextInput_1 = __importDefault(require("../Input/TextInput"));
-var lucide_react_1 = require("lucide-react");
-var useCustomTheme_1 = require("../../Theme/useCustomTheme");
-var InputTextArea_1 = __importDefault(require("../InputTextArea/InputTextArea"));
-var Button_1 = __importDefault(require("../Button/Button"));
-var ContactForm = function (_a) {
-    var _b;
-    var apiKey = _a.apiKey, customFields = _a.customFields, getCustomValues = _a.getCustomValues, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, organizationId = _a.organizationId, customerId = _a.customerId, _d = _a.buttonColorScheme, buttonColorScheme = _d === void 0 ? "primary" : _d, buttonSx = _a.buttonSx;
-    var colors = (0, useCustomTheme_1.useCustomTheme)().colors;
-    var _e = (0, react_1.useState)({
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@chakra-ui/react");
+const TextInput_1 = __importDefault(require("../Input/TextInput"));
+const lucide_react_1 = require("lucide-react");
+const useCustomTheme_1 = require("../../Theme/useCustomTheme");
+const InputTextArea_1 = __importDefault(require("../InputTextArea/InputTextArea"));
+const Button_1 = __importDefault(require("../Button/Button"));
+const ContactForm = ({ apiKey, customFields, getCustomValues, isDisabled = false, organizationId, customerId, buttonColorScheme = "primary", buttonSx, }) => {
+    var _a;
+    const { colors } = (0, useCustomTheme_1.useCustomTheme)();
+    const [formData, setFormData] = (0, react_1.useState)({
         firstName: "",
         lastName: "",
         email: "",
         phone: "",
         enquiry: "",
-    }), formData = _e[0], setFormData = _e[1];
-    var _f = (0, react_1.useState)({
+    });
+    const [response, setResponse] = (0, react_1.useState)({
         title: "",
         isSuccess: false,
-    }), response = _f[0], setResponse = _f[1];
-    var _g = (0, react_1.useState)({}), errors = _g[0], setErrors = _g[1];
-    var _h = (0, react_1.useState)(false), isLoading = _h[0], setIsLoading = _h[1];
-    var handleChange = function (field, value) {
-        setFormData(function (prev) {
-            var _a;
-            return (__assign(__assign({}, prev), (_a = {}, _a[field] = value, _a)));
-        });
-        setErrors(function (prev) {
-            var _a;
-            return (__assign(__assign({}, prev), (_a = {}, _a[field] = "", _a)));
-        });
+    });
+    const [errors, setErrors] = (0, react_1.useState)({});
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const handleChange = (field, value) => {
+        setFormData((prev) => ({ ...prev, [field]: value }));
+        setErrors((prev) => ({ ...prev, [field]: "" }));
     };
-    var validate = function () {
-        var newErrors = {};
+    const validate = () => {
+        const newErrors = {};
         if (!formData.firstName.trim())
             newErrors.firstName = "First name is required";
         if (!formData.email.trim()) {
@@ -136,96 +50,68 @@ var ContactForm = function (_a) {
         setErrors(newErrors);
         return Object.keys(newErrors).length === 0;
     };
-    var handleSubmit = function (e) { return __awaiter(void 0, void 0, void 0, function () {
-        var customValues, payload, response_1, result, error_1;
+    const handleSubmit = async (e) => {
         var _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    e.preventDefault();
-                    if (isDisabled)
-                        return [2 /*return*/];
-                    if (!validate())
-                        return [2 /*return*/];
-                    if (!apiKey) {
-                        setResponse({
-                            title: "API key missing",
-                            isSuccess: false,
-                        });
-                        return [2 /*return*/];
-                    }
-                    customValues = (_a = getCustomValues === null || getCustomValues === void 0 ? void 0 : getCustomValues()) !== null && _a !== void 0 ? _a : {};
-                    payload = __assign(__assign({ name: (formData === null || formData === void 0 ? void 0 : formData.firstName) + " " + (formData === null || formData === void 0 ? void 0 : formData.lastName), firstName: formData === null || formData === void 0 ? void 0 : formData.firstName, lastName: formData === null || formData === void 0 ? void 0 : formData.lastName, email: formData.email, phone: formData.phone, message: formData.enquiry }, customValues), { customerId: customerId, organizationId: organizationId });
-                    _b.label = 1;
-                case 1:
-                    _b.trys.push([1, 4, 5, 6]);
-                    setIsLoading(true);
-                    return [4 /*yield*/, fetch(apiKey, {
-                            method: "POST",
-                            headers: {
-                                "Content-Type": "application/json",
-                            },
-                            body: JSON.stringify(payload),
-                        })];
-                case 2:
-                    response_1 = _b.sent();
-                    return [4 /*yield*/, response_1.json()];
-                case 3:
-                    result = _b.sent();
-                    if (!response_1.ok)
-                        throw new Error(result.message || "Submission failed");
-                    // onSubmit(formData);
-                    setFormData({
-                        firstName: "",
-                        lastName: "",
-                        email: "",
-                        phone: "",
-                        enquiry: "",
-                    });
-                    setResponse({
-                        title: "Message Sent Successfully",
-                        isSuccess: true,
-                    });
-                    return [3 /*break*/, 6];
-                case 4:
-                    error_1 = _b.sent();
-                    setResponse({
-                        title: "Failed to send message",
-                        isSuccess: false,
-                    });
-                    return [3 /*break*/, 6];
-                case 5:
-                    setIsLoading(false);
-                    return [7 /*endfinally*/];
-                case 6: return [2 /*return*/];
-            }
-        });
-    }); };
-    return (react_1.default.createElement(react_2.Box, { maxW: "lg", mx: "auto", p: 8, borderRadius: "2xl", boxShadow: "lg", bg: (_b = colors === null || colors === void 0 ? void 0 : colors.background) === null || _b === void 0 ? void 0 : _b[300] },
-        response.title ? (react_1.default.createElement(react_2.Alert, { status: (response === null || response === void 0 ? void 0 : response.isSuccess) ? "success" : "error", fontWeight: "bold", variant: "solid", mb: 1 },
-            (response === null || response === void 0 ? void 0 : response.isSuccess) ? react_1.default.createElement(lucide_react_1.CircleCheck, null) : react_1.default.createElement(lucide_react_1.CircleX, null),
-            " \u00A0",
-            " ",
-            response.title)) : null,
-        react_1.default.createElement(react_2.Heading, { textAlign: "center", size: "lg", mb: 2 }, "Contact Us"),
-        react_1.default.createElement(react_2.Text, { textAlign: "center", mb: 6, color: "gray.500" }, "Fill in the form below to reach out to us."),
-        react_1.default.createElement(react_2.Box, { as: "form", onSubmit: handleSubmit },
-            react_1.default.createElement(react_2.VStack, { spacing: 4 },
-                react_1.default.createElement(react_2.SimpleGrid, { columns: { base: 1, md: 2 }, spacing: 4, w: "100%" },
-                    react_1.default.createElement(react_2.FormControl, null,
-                        react_1.default.createElement(TextInput_1.default, { label: "First Name", placeholder: "Enter first name", value: formData.firstName, onChange: function (e) { return handleChange("firstName", e.target.value); }, error: Boolean(errors.firstName), errorMessage: errors.firstName, isRequired: true })),
-                    react_1.default.createElement(react_2.FormControl, null,
-                        react_1.default.createElement(TextInput_1.default, { label: "Last Name", placeholder: "Enter last name", value: formData.lastName, onChange: function (e) { return handleChange("lastName", e.target.value); } }))),
-                react_1.default.createElement(react_2.SimpleGrid, { columns: { base: 1, md: 2 }, spacing: 4, w: "100%" },
-                    react_1.default.createElement(react_2.FormControl, null,
-                        react_1.default.createElement(TextInput_1.default, { label: "Phone", placeholder: "Enter phone number", value: formData.phone, onChange: function (e) { return handleChange("phone", e.target.value); }, isRequired: true, error: Boolean(errors.phone), errorMessage: errors.phone })),
-                    react_1.default.createElement(react_2.FormControl, { isInvalid: !!errors.email },
-                        react_1.default.createElement(TextInput_1.default, { label: "Email", placeholder: "Enter email", value: formData.email, onChange: function (e) { return handleChange("email", e.target.value); }, error: Boolean(errors.email), errorMessage: errors.email }))),
-                customFields,
-                react_1.default.createElement(react_2.FormControl, null,
-                    react_1.default.createElement(react_2.Text, { fontSize: "sm", mb: 1 }, "Enquiry"),
-                    react_1.default.createElement(react_2.Box, null,
-                        react_1.default.createElement(InputTextArea_1.default, { placeholder: "Enter your enquiry", rows: 4, width: "100%", value: formData.enquiry, onChange: function (e) { return handleChange("enquiry", e.target.value); } }))),
-                react_1.default.createElement(Button_1.default, { type: "submit", isDisabled: isDisabled, colorScheme: buttonColorScheme, width: "full", sx: buttonSx, isLoading: isLoading, loadingText: "Sending..." }, "Send Message")))));
+        e.preventDefault();
+        if (isDisabled)
+            return;
+        if (!validate())
+            return;
+        if (!apiKey) {
+            setResponse({
+                title: "API key missing",
+                isSuccess: false,
+            });
+            return;
+        }
+        const customValues = (_a = getCustomValues === null || getCustomValues === void 0 ? void 0 : getCustomValues()) !== null && _a !== void 0 ? _a : {};
+        const payload = {
+            name: (formData === null || formData === void 0 ? void 0 : formData.firstName) + " " + (formData === null || formData === void 0 ? void 0 : formData.lastName),
+            firstName: formData === null || formData === void 0 ? void 0 : formData.firstName,
+            lastName: formData === null || formData === void 0 ? void 0 : formData.lastName,
+            email: formData.email,
+            phone: formData.phone,
+            message: formData.enquiry,
+            ...customValues,
+            customerId,
+            organizationId,
+        };
+        try {
+            setIsLoading(true);
+            const response = await fetch(apiKey, {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json",
+                },
+                body: JSON.stringify(payload),
+            });
+            const result = await response.json();
+            if (!response.ok)
+                throw new Error(result.message || "Submission failed");
+            // onSubmit(formData);
+            setFormData({
+                firstName: "",
+                lastName: "",
+                email: "",
+                phone: "",
+                enquiry: "",
+            });
+            setResponse({
+                title: "Message Sent Successfully",
+                isSuccess: true,
+            });
+        }
+        catch (error) {
+            console.error("Error sending message:", error);
+            setResponse({
+                title: "Failed to send message",
+                isSuccess: false,
+            });
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_2.Box, { maxW: "lg", mx: "auto", p: 8, borderRadius: "2xl", boxShadow: "lg", bg: (_a = colors === null || colors === void 0 ? void 0 : colors.background) === null || _a === void 0 ? void 0 : _a[300], children: [response.title ? ((0, jsx_runtime_1.jsxs)(react_2.Alert, { status: (response === null || response === void 0 ? void 0 : response.isSuccess) ? "success" : "error", fontWeight: "bold", variant: "solid", mb: 1, children: [(response === null || response === void 0 ? void 0 : response.isSuccess) ? (0, jsx_runtime_1.jsx)(lucide_react_1.CircleCheck, {}) : (0, jsx_runtime_1.jsx)(lucide_react_1.CircleX, {}), " \u00A0", " ", response.title] })) : null, (0, jsx_runtime_1.jsx)(react_2.Heading, { textAlign: "center", size: "lg", mb: 2, children: "Contact Us" }), (0, jsx_runtime_1.jsx)(react_2.Text, { textAlign: "center", mb: 6, color: "gray.500", children: "Fill in the form below to reach out to us." }), (0, jsx_runtime_1.jsx)(react_2.Box, { as: "form", onSubmit: handleSubmit, children: (0, jsx_runtime_1.jsxs)(react_2.VStack, { spacing: 4, children: [(0, jsx_runtime_1.jsxs)(react_2.SimpleGrid, { columns: { base: 1, md: 2 }, spacing: 4, w: "100%", children: [(0, jsx_runtime_1.jsx)(react_2.FormControl, { children: (0, jsx_runtime_1.jsx)(TextInput_1.default, { label: "First Name", placeholder: "Enter first name", value: formData.firstName, onChange: (e) => handleChange("firstName", e.target.value), error: Boolean(errors.firstName), errorMessage: errors.firstName, isRequired: true }) }), (0, jsx_runtime_1.jsx)(react_2.FormControl, { children: (0, jsx_runtime_1.jsx)(TextInput_1.default, { label: "Last Name", placeholder: "Enter last name", value: formData.lastName, onChange: (e) => handleChange("lastName", e.target.value) }) })] }), (0, jsx_runtime_1.jsxs)(react_2.SimpleGrid, { columns: { base: 1, md: 2 }, spacing: 4, w: "100%", children: [(0, jsx_runtime_1.jsx)(react_2.FormControl, { children: (0, jsx_runtime_1.jsx)(TextInput_1.default, { label: "Phone", placeholder: "Enter phone number", value: formData.phone, onChange: (e) => handleChange("phone", e.target.value), isRequired: true, error: Boolean(errors.phone), errorMessage: errors.phone }) }), (0, jsx_runtime_1.jsx)(react_2.FormControl, { isInvalid: !!errors.email, children: (0, jsx_runtime_1.jsx)(TextInput_1.default, { label: "Email", placeholder: "Enter email", value: formData.email, onChange: (e) => handleChange("email", e.target.value), error: Boolean(errors.email), errorMessage: errors.email }) })] }), customFields, (0, jsx_runtime_1.jsxs)(react_2.FormControl, { children: [(0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "sm", mb: 1, children: "Enquiry" }), (0, jsx_runtime_1.jsx)(react_2.Box, { children: (0, jsx_runtime_1.jsx)(InputTextArea_1.default, { placeholder: "Enter your enquiry", rows: 4, width: "100%", value: formData.enquiry, onChange: (e) => handleChange("enquiry", e.target.value) }) })] }), (0, jsx_runtime_1.jsx)(Button_1.default, { type: "submit", isDisabled: isDisabled, colorScheme: buttonColorScheme, width: "full", sx: buttonSx, isLoading: isLoading, loadingText: "Sending...", children: "Send Message" })] }) })] }));
 };
 exports.default = ContactForm;

package/dist/Components/ContactForm/ContactFormProps.d.ts

@@ -6,7 +6,8 @@ export interface ContactFormProps {
     organizationId: string | number;
     isDisabled?: boolean;
     customFields?: ReactNode;
-    getCustomValues?: () => Record<string, any>;
+    getCustomValues?: () => Record<string, unknown>;
     buttonColorScheme?: "primary" | "blue" | "cyan" | "gray" | "green" | "orange" | "pink" | "purple" | "red" | "teal" | "yellow" | "secondary" | "tertiary" | undefined;
     buttonSx?: SystemStyleObject;
 }
+//# sourceMappingURL=ContactFormProps.d.ts.map

package/dist/Components/ContactForm/ContactFormProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactFormProps.d.ts","sourceRoot":"","sources":["../../../src/Components/ContactForm/ContactFormProps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,gBAAgB;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,cAAc,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChD,iBAAiB,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAAA;IACpK,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B"}

package/dist/Components/CopyButton/CopyButton.d.ts

@@ -20,3 +20,4 @@ export interface CopyButtonProps {
 }
 declare const CopyButton: React.FC<CopyButtonProps>;
 export default CopyButton;
+//# sourceMappingURL=CopyButton.d.ts.map

package/dist/Components/CopyButton/CopyButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../src/Components/CopyButton/CopyButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,MAAM,WAAW,eAAe;IAC9B,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,qFAAqF;IACrF,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,WAAW,CAAC;IAC1C,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qCAAqC;IACrC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oBAAoB;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,sCAAsC;IACtC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6FzC,CAAC;AAEF,eAAe,UAAU,CAAC"}