@arquimedes.co/eureka-forms 2.0.99 → 3.0.1-refactor

package/dist/Icons/Ratings/DissatisfiedIcon.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../@IconTypes';
+declare function DissatisfiedIcon({ className, ...props }: IconProps): JSX.Element;
+export default DissatisfiedIcon;

package/dist/Icons/Ratings/DissatisfiedIcon.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styles from '../ErkIcon.module.css';
+function DissatisfiedIcon({ className = styles.ErkIcon, ...props }) {
+    return (_jsxs("svg", { ...props, className: className, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("circle", { cx: "15.5", cy: "9.5", r: "1.5" }), _jsx("circle", { cx: "8.5", cy: "9.5", r: "1.5" }), _jsx("path", { d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm0-3.5c.73 0 1.39.19 1.97.53.12-.14.86-.98 1.01-1.14-.85-.56-1.87-.89-2.98-.89-1.11 0-2.13.33-2.99.88.97 1.09.01.02 1.01 1.14.59-.33 1.25-.52 1.98-.52z" })] }));
+}
+export default DissatisfiedIcon;

package/dist/Icons/Ratings/LikeIcon.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../@IconTypes';
+declare function LikeIcon({ className, ...props }: IconProps): JSX.Element;
+export default LikeIcon;

package/dist/Icons/Ratings/LikeIcon.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styles from '../ErkIcon.module.css';
+function LikeIcon({ className = styles.ErkIcon, ...props }) {
+    return (_jsx("svg", { ...props, className: className, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M13.12 2.06L7.58 7.6c-.37.37-.58.88-.58 1.41V19c0 1.1.9 2 2 2h9c.8 0 1.52-.48 1.84-1.21l3.26-7.61C23.94 10.2 22.49 8 20.34 8h-5.65l.95-4.58c.1-.5-.05-1.01-.41-1.37-.59-.58-1.53-.58-2.11.01zM3 21c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2s-2 .9-2 2v8c0 1.1.9 2 2 2z" }) }));
+}
+export default LikeIcon;

package/dist/Icons/Ratings/SatisfiedIcon.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../@IconTypes';
+declare function SatisfiedIcon({ className, ...props }: IconProps): JSX.Element;
+export default SatisfiedIcon;

package/dist/Icons/Ratings/SatisfiedIcon.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styles from '../ErkIcon.module.css';
+function SatisfiedIcon({ className = styles.ErkIcon, ...props }) {
+    return (_jsxs("svg", { ...props, className: className, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("circle", { cx: "15.5", cy: "9.5", r: "1.5" }), _jsx("circle", { cx: "8.5", cy: "9.5", r: "1.5" }), _jsx("path", { d: "M12 16c-1.48 0-2.75-.81-3.45-2H6.88c.8 2.05 2.79 3.5 5.12 3.5s4.32-1.45 5.12-3.5h-1.67c-.69 1.19-1.97 2-3.45 2zm-.01-14C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" })] }));
+}
+export default SatisfiedIcon;

package/dist/Icons/Ratings/StarIcon.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../@IconTypes';
+declare function StarIcon({ className, ...props }: IconProps): JSX.Element;
+export default StarIcon;

package/dist/Icons/Ratings/StarIcon.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styles from '../ErkIcon.module.css';
+function StarIcon({ className = styles.ErkIcon, ...props }) {
+    return (_jsx("svg", { ...props, className: className, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M12 17.27l5.17 3.12c.38.23.85-.11.75-.54l-1.37-5.88 4.56-3.95c.33-.29.16-.84-.29-.88l-6.01-.51-2.35-5.54c-.17-.41-.75-.41-.92 0L9.19 8.63l-6.01.51c-.44.04-.62.59-.28.88l4.56 3.95-1.37 5.88c-.1.43.37.77.75.54L12 17.27z" }) }));
+}
+export default StarIcon;

package/dist/Icons/Ratings/VeryDissatisfiedIcon.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../@IconTypes';
+declare function VeryDissatisfiedIcon({ className, ...props }: IconProps): JSX.Element;
+export default VeryDissatisfiedIcon;

package/dist/Icons/Ratings/VeryDissatisfiedIcon.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styles from '../ErkIcon.module.css';
+function VeryDissatisfiedIcon({ className = styles.ErkIcon, ...props }) {
+    return (_jsxs("svg", { ...props, className: className, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("circle", { cx: "15.5", cy: "9.5", r: "1.5" }), _jsx("circle", { cx: "8.5", cy: "9.5", r: "1.5" }), _jsx("path", { d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm0-6c-2.33 0-4.32 1.45-5.12 3.5h1.67c.69-1.19 1.97-2 3.45-2s2.75.81 3.45 2h1.67c-.8-2.05-2.79-3.5-5.12-3.5z" })] }));
+}
+export default VeryDissatisfiedIcon;

package/dist/Icons/Ratings/VerySatisfiedIcon.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../@IconTypes';
+declare function VerySatisfiedIcon({ className, ...props }: IconProps): JSX.Element;
+export default VerySatisfiedIcon;

package/dist/Icons/Ratings/VerySatisfiedIcon.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styles from '../ErkIcon.module.css';
+function VerySatisfiedIcon({ className = styles.ErkIcon, ...props }) {
+    return (_jsxs("svg", { ...props, className: className, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("circle", { cx: "15.5", cy: "9.5", r: "1.5" }), _jsx("circle", { cx: "8.5", cy: "9.5", r: "1.5" }), _jsx("path", { d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm-5-6c.78 2.34 2.72 4 5 4s4.22-1.66 5-4H7z" })] }));
+}
+export default VerySatisfiedIcon;

package/dist/Icons/WarningIcon.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './@IconTypes';
+declare function WarningIcon({ className, ...props }: IconProps): JSX.Element;
+export default WarningIcon;

package/dist/Icons/WarningIcon.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styles from './ErkIcon.module.css';
+function WarningIcon({ className = styles.ErkIcon, ...props }) {
+    return (_jsx("svg", { ...props, className: className, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M4.47 21h15.06c1.54 0 2.5-1.67 1.73-3L13.73 4.99c-.77-1.33-2.69-1.33-3.46 0L2.74 18c-.77 1.33.19 3 1.73 3zM12 14c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z" }) }));
+}
+export default WarningIcon;

package/dist/Init.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/Init.js

@@ -0,0 +1,2 @@
+window.global || (window.global = window);
+export {};

package/dist/Services/FileService.d.ts

@@ -1,4 +1,4 @@
-export declare function getUploadUrls(files: Array<File>, idOrganization?: string): Promise<(Record<string, any> | string)[]>;
+export declare function getUploadUrls(files: File[], idOrganization?: string): Promise<(Record<string, any> | string)[]>;
 export declare function postFile(file: File, postInfo: Record<string, any>): Promise<{
     fileName: string;
     S3Key: string;

package/dist/Services/FileService.js

@@ -1,92 +1,35 @@
-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;
-    return g = { next: verb(0), "throw": verb(1), "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 };
-    }
-};
 import axios from 'axios';
 import axiosInstance from '../Utils/AxiosAPI';
 import widgetInstance from '../Utils/AxiosWidget';
-export function getUploadUrls(files, idOrganization) {
-    var _a;
-    return __awaiter(this, void 0, void 0, function () {
-        var filesArray, response;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    filesArray = files.map(function (file) { return ({
-                        publicFile: false,
-                        extension: file.name.split('.').pop(),
-                    }); });
-                    if (!idOrganization) return [3 /*break*/, 2];
-                    return [4 /*yield*/, widgetInstance.post("/uploadfile?idOrganization=".concat(idOrganization), filesArray)];
-                case 1:
-                    response = _b.sent();
-                    return [3 /*break*/, 4];
-                case 2: return [4 /*yield*/, axiosInstance.post('/uploadfile', filesArray)];
-                case 3:
-                    response = _b.sent();
-                    _b.label = 4;
-                case 4: return [2 /*return*/, (_a = response.data) !== null && _a !== void 0 ? _a : undefined];
-            }
-        });
-    });
+export async function getUploadUrls(files, idOrganization) {
+    const filesArray = files.map((file) => ({
+        publicFile: false,
+        extension: file.name.split('.').pop(),
+    }));
+    let response;
+    if (idOrganization) {
+        response = await widgetInstance.post(`/uploadfile?idOrganization=${idOrganization}`, filesArray);
+    }
+    else {
+        response = await axiosInstance.post('/uploadfile', filesArray);
+    }
+    return response.data ?? undefined;
 }
-export function postFile(file, postInfo) {
-    return __awaiter(this, void 0, void 0, function () {
-        var formData;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    formData = new FormData();
-                    Object.keys(postInfo.postInfo.fields).forEach(function (key) {
-                        formData.append(key, postInfo.postInfo.fields[key]);
-                    });
-                    // Actual file has to be appended last.
-                    formData.append('file', file);
-                    return [4 /*yield*/, axios.post(postInfo.postInfo.url, formData, {
-                            timeout: 300000,
-                            headers: {
-                                'Content-Type': 'multipart/form-data',
-                            },
-                        })];
-                case 1:
-                    _a.sent();
-                    return [2 /*return*/, {
-                            fileName: file.name,
-                            S3Key: postInfo.S3Key,
-                        }];
-            }
-        });
+export async function postFile(file, postInfo) {
+    const formData = new FormData();
+    Object.keys(postInfo.postInfo.fields).forEach((key) => {
+        formData.append(key, postInfo.postInfo.fields[key]);
+    });
+    // Actual file has to be appended last.
+    formData.append('file', file);
+    await axios.post(postInfo.postInfo.url, formData, {
+        timeout: 300000,
+        headers: {
+            'Content-Type': 'multipart/form-data',
+        },
     });
+    return {
+        fileName: file.name,
+        S3Key: postInfo.S3Key,
+    };
 }

package/dist/Services/FormService.js

@@ -1,59 +1,14 @@
-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;
-    return g = { next: verb(0), "throw": verb(1), "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 };
-    }
-};
 import axiosInstance from '../Utils/AxiosAPI';
 import widgetInstance from '../Utils/AxiosWidget';
-export function fetchForm(apiKey, idOrganization) {
-    return __awaiter(this, void 0, void 0, function () {
-        var response, error_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _a.trys.push([0, 2, , 3]);
-                    return [4 /*yield*/, (idOrganization
-                            ? widgetInstance.get("/form/".concat(apiKey, "?idOrganization=").concat(idOrganization))
-                            : axiosInstance.get("/form/".concat(apiKey)))];
-                case 1:
-                    response = _a.sent();
-                    return [2 /*return*/, response.data];
-                case 2:
-                    error_1 = _a.sent();
-                    return [2 /*return*/, null];
-                case 3: return [2 /*return*/];
-            }
-        });
-    });
+export async function fetchForm(apiKey, idOrganization) {
+    try {
+        const response = await (idOrganization
+            ? widgetInstance.get(`/form/${apiKey}?idOrganization=${idOrganization}`)
+            : axiosInstance.get(`/form/${apiKey}`));
+        return response.data;
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    }
+    catch (error) {
+        return null;
+    }
 }

package/dist/Services/OrganizationService.js

@@ -1,65 +1,14 @@
-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;
-    return g = { next: verb(0), "throw": verb(1), "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 };
-    }
-};
 import axiosInstance from '../Utils/AxiosAPI';
 import widgetInstance from '../Utils/AxiosWidget';
-export function fetchOrganization(idOrganization) {
-    return __awaiter(this, void 0, void 0, function () {
-        var response, _a, error_1;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    _b.trys.push([0, 5, , 6]);
-                    if (!idOrganization) return [3 /*break*/, 2];
-                    return [4 /*yield*/, widgetInstance.get("/organization?idOrganization=".concat(idOrganization))];
-                case 1:
-                    _a = _b.sent();
-                    return [3 /*break*/, 4];
-                case 2: return [4 /*yield*/, axiosInstance.get('/organization')];
-                case 3:
-                    _a = _b.sent();
-                    _b.label = 4;
-                case 4:
-                    response = _a;
-                    return [2 /*return*/, response.data];
-                case 5:
-                    error_1 = _b.sent();
-                    return [2 /*return*/, null];
-                case 6: return [2 /*return*/];
-            }
-        });
-    });
+export async function fetchOrganization(idOrganization) {
+    try {
+        const response = idOrganization
+            ? await widgetInstance.get(`/organization?idOrganization=${idOrganization}`)
+            : await axiosInstance.get('/organization');
+        return response.data;
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    }
+    catch (error) {
+        return null;
+    }
 }

package/dist/Shared/CustomBtn/CustomBtn.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 interface CustomBtnProps {
     label?: string;
     'data-testid'?: string;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    onClick?: React.MouseEventHandler<HTMLButtonElement> | (() => Promise<void>);
     backgroundColor?: string;
     color?: string;
     height?: string;

package/dist/Shared/CustomBtn/CustomBtn.js

@@ -1,105 +1,42 @@
-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 __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;
-    return g = { next: verb(0), "throw": verb(1), "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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import styles from './CustomBtn.module.css';
 import Loader from '../Loader/Loader';
-function CustomBtn(_a) {
-    var _this = this;
-    var label = _a.label, onClick = _a.onClick, backgroundColor = _a.backgroundColor, color = _a.color, _b = _a.loading, loading = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.height, height = _d === void 0 ? 'fit-content' : _d, _e = _a.width, width = _e === void 0 ? 'fit-content' : _e, _f = _a.padding, padding = _f === void 0 ? '15px 30px' : _f, _g = _a.borderRadius, borderRadius = _g === void 0 ? '20px' : _g, _h = _a.contentMargin, contentMargin = _h === void 0 ? '0px 10px' : _h, children = _a.children, others = __rest(_a, ["label", "onClick", "backgroundColor", "color", "loading", "disabled", "height", "width", "padding", "borderRadius", "contentMargin", "children"]);
-    var _j = useState(undefined), coords = _j[0], setCoords = _j[1];
-    var _k = useState(true), mounted = _k[0], setMounted = _k[1];
-    useEffect(function () {
+function CustomBtn({ label, onClick, backgroundColor, color, loading = false, disabled = false, height = 'fit-content', width = 'fit-content', padding = '15px 30px', borderRadius = '20px', contentMargin = '0px 10px', children, ...others }) {
+    const [coords, setCoords] = useState(undefined);
+    const [mounted, setMounted] = useState(true);
+    useEffect(() => {
         if (coords)
             setCoords(undefined);
-        return function () { return setMounted(false); };
+        return () => setMounted(false);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [label]);
-    return (_jsxs("button", __assign({ className: styles.customBtn, style: {
-            width: width,
-            height: height,
-            borderRadius: borderRadius,
+    return (_jsxs("button", { className: styles.customBtn, style: {
+            width,
+            height,
+            borderRadius,
             background: backgroundColor,
-            padding: padding,
-            color: color,
-        }, "data-testid": others['data-testid'], disabled: disabled || loading, onClick: function (e) { return __awaiter(_this, void 0, void 0, function () {
-            var rect;
-            return __generator(this, function (_a) {
-                rect = e.target.getBoundingClientRect();
-                setCoords({
-                    x: e.clientX - rect.left,
-                    y: e.clientY - rect.top,
-                });
-                setTimeout(function () {
-                    if (mounted)
-                        setCoords(undefined);
-                }, 600);
-                onClick && onClick(e);
-                return [2 /*return*/];
+            padding,
+            color,
+        }, "data-testid": others['data-testid'], disabled: disabled || loading, onClick: (e) => {
+            const rect = e.target.getBoundingClientRect();
+            setCoords({
+                x: e.clientX - rect.left,
+                y: e.clientY - rect.top,
             });
-        }); } }, { children: [coords ? (_jsx("span", { className: styles.ripple, style: {
+            setTimeout(() => {
+                if (mounted)
+                    setCoords(undefined);
+            }, 600);
+            void onClick?.(e);
+        }, children: [coords ? (_jsx("span", { className: styles.ripple, style: {
                     backgroundColor: color,
                     left: coords.x,
                     top: coords.y,
-                } })) : (_jsx(_Fragment, {})), _jsx("div", __assign({ style: {
+                } })) : (_jsx(_Fragment, {})), _jsx("div", { style: {
                     visibility: loading ? 'hidden' : 'visible',
                     margin: contentMargin,
                     display: 'flex',
-                } }, { children: children !== null && children !== void 0 ? children : label })), loading && (_jsx("div", __assign({ className: styles.loaderContainer }, { children: _jsx(Loader, { color: color, position: "unset" }) })))] })));
+                }, children: children ?? label }), loading && (_jsx("div", { className: styles.loaderContainer, children: _jsx(Loader, { color: color, position: "unset" }) }))] }));
 }
 export default CustomBtn;

package/dist/Shared/{RoundedButton/RoundedButton.d.ts → ErkButton/ErkButton.d.ts}

@@ -1,5 +1,6 @@
 import React from 'react';
-interface ComponentProps {
+import { ButtonProps as MuiButtonProps } from '@mui/material';
+interface ButtonProps extends Omit<MuiButtonProps, 'color'> {
     /** Button text */
     text: string;
     /** Background Color */
@@ -7,7 +8,7 @@ interface ComponentProps {
     /** Font Color */
     color?: string;
     /** Button Click Handle */
-    onClick: React.MouseEventHandler<HTMLButtonElement>;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
     /** If button is disabled */
     disabled?: boolean;
     /** Text font size */
@@ -24,7 +25,7 @@ interface ComponentProps {
     width?: string;
 }
 /**
- * Generic rounded button
+ * Generic capta button
  */
-declare function RoundedButton({ text, backgroundColor, color, onClick, disabled, fontSize, padding, borderRadius, height, bold, width, }: ComponentProps): JSX.Element;
-export default RoundedButton;
+declare function ErkButton({ text, color, ...props }: ButtonProps): JSX.Element;
+export default ErkButton;

package/dist/Shared/ErkButton/ErkButton.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button as MuiButton, styled } from '@mui/material';
+const StyledButton = styled(MuiButton)(({ height = 28, bold = false, fontColor = '#ffffff', fontSize = '1rem', borderRadius = 10, width = 'fit-content', padding = '0 13px 0 13px', backgroundColor = '#3d5a7f', }) => ({
+    width,
+    textTransform: 'none',
+    fontFamily: 'inherit',
+    fontSize,
+    borderRadius,
+    padding,
+    height: height,
+    boxShadow: 'none',
+    backgroundColor,
+    color: fontColor,
+    '&:hover': {
+        boxShadow: 'none',
+        backgroundColor,
+    },
+    '&:disabled': {
+        backgroundColor,
+        color: fontColor,
+        opacity: 0.5,
+    },
+    fontWeight: bold ? 'bold' : 'normal',
+}));
+/**
+ * Generic capta button
+ */
+function ErkButton({ text, color, ...props }) {
+    return (_jsx(StyledButton, { text: '', fontColor: color, variant: "contained", ...props, children: text }));
+}
+export default ErkButton;

package/dist/Shared/{RoundedButton/RoundedButton.stories.d.ts → ErkButton/ErkButton.stories.d.ts}

@@ -1,7 +1,7 @@
 import type { StoryObj } from '@storybook/react';
-import RoundedButton from './RoundedButton';
+import ErkButton from './ErkButton';
 declare const meta: {
-    component: typeof RoundedButton;
+    component: typeof ErkButton;
     tags: string[];
     args: {
         text: string;

package/dist/Shared/{RoundedButton/RoundedButton.stories.js → ErkButton/ErkButton.stories.js}

@@ -1,6 +1,6 @@
-import RoundedButton from './RoundedButton';
-var meta = {
-    component: RoundedButton,
+import ErkButton from './ErkButton';
+const meta = {
+    component: ErkButton,
     tags: ['autodocs'],
     args: {
         text: 'Label',
@@ -16,18 +16,18 @@ var meta = {
     },
 };
 export default meta;
-export var Default = {
+export const Default = {
     args: {
         text: 'Label',
     },
 };
-export var Disabled = {
+export const Disabled = {
     args: {
         text: 'Label',
         disabled: true,
     },
 };
-export var DifferentColors = {
+export const DifferentColors = {
     args: {
         text: 'Label',
         backgroundColor: 'red',