@secondstaxorg/sscomp 1.0.6 → 1.0.8

package/dist/components/Table/table.js

@@ -0,0 +1,195 @@
+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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+//create react component
+import * as React from "react";
+import { TableStyled } from "./style";
+import { setHeader, getData } from "./helpers";
+import { ChevronDownIcon, XMarkIcon } from "@heroicons/react/24/solid";
+var Table = function (props) {
+    var title = props.title, data = props.data, _a = props.columns, columns = _a === void 0 ? [] : _a, _b = props.columnSort, columnSort = _b === void 0 ? false : _b, config = props.config, onRowClick = props.onRowClick, _c = props.rowExpand, rowExpand = _c === void 0 ? false : _c, onRowExpandComponent = props.onRowExpandComponent;
+    var _d = React.useState([]), dataToShow = _d[0], setDataToShow = _d[1];
+    var _e = React.useState([]), allData = _e[0], setAllData = _e[1];
+    var _f = React.useState(1), currentPage = _f[0], setCurrentPage = _f[1];
+    var _g = React.useState(10), itemsPerPage = _g[0], setItemsPerPage = _g[1];
+    var _h = React.useState(""), search = _h[0], setSearch = _h[1];
+    var _j = React.useState(""), selectedColumn = _j[0], setSelectedColumn = _j[1];
+    var _k = React.useState([]), searchResults = _k[0], setSearchResults = _k[1];
+    var _l = React.useState(false), refresh = _l[0], setRefresh = _l[1];
+    var _m = React.useState([]), secondaryColumns = _m[0], setSecondaryColumns = _m[1];
+    var _o = React.useState([]), rowsToExpand = _o[0], setRowsToExpand = _o[1];
+    var rowClick = function (row) {
+        if (onRowClick) {
+            onRowClick(row);
+        }
+        if (rowExpand && rowsToExpand.indexOf(row.id) === -1) {
+            setRowsToExpand(__spreadArray(__spreadArray([], rowsToExpand, true), [row.id], false));
+        }
+        else if (rowExpand) {
+            setRowsToExpand(rowsToExpand.filter(function (id) { return id !== row.id; }));
+        }
+    };
+    var goToNext = function () {
+        setCurrentPage(currentPage + 1);
+    };
+    React.useEffect(function () {
+        if (searchResults.length > 0) {
+            setDataToShow(searchResults.slice((currentPage - 1) * itemsPerPage, currentPage * itemsPerPage));
+            return;
+        }
+        var y = allData.slice((currentPage - 1) * itemsPerPage, currentPage * itemsPerPage);
+        setDataToShow(y);
+    }, [currentPage]);
+    React.useEffect(function () {
+        var y = allData.slice((currentPage - 1) * itemsPerPage, currentPage * itemsPerPage);
+        setDataToShow(y);
+    }, [refresh]);
+    var goToPrevious = function () {
+        setCurrentPage(currentPage - 1);
+    };
+    var clearSearchData = function () {
+        setSearch("");
+    };
+    var onSearchChange = function (search) {
+        if (!search) {
+            setSearchResults([]);
+            setSelectedColumn("");
+            if (currentPage != 1) {
+                setCurrentPage(1);
+            }
+            else {
+                setRefresh(!refresh);
+            }
+            return;
+        }
+        if (selectedColumn) {
+            var filteredData = allData.filter(function (item) {
+                return item[selectedColumn].toString().includes(search);
+            });
+            setSearchResults(filteredData);
+        }
+        else {
+            var filteredData = allData.filter(function (item) {
+                for (var key in item) {
+                    if (item[key].toString().includes(search))
+                        return true;
+                }
+                return false;
+            });
+            setSearchResults(filteredData);
+        }
+        setSearch(search);
+        setCurrentPage(1);
+    };
+    React.useEffect(function () {
+        if (search) {
+            setDataToShow(searchResults.slice(0, itemsPerPage));
+        }
+    }, [searchResults]);
+    React.useEffect(function () {
+        setDataToShow(allData.slice(0, itemsPerPage));
+    }, [secondaryColumns]);
+    React.useEffect(function () {
+        onSearchChange(search);
+    }, [search]);
+    React.useEffect(function () {
+        getData(data, config)
+            .then(function (data) {
+            setAllData(data);
+            if (columns.length == 0 && data.length > 0) {
+                var heads = Object.keys(data[0]);
+                var columndata = heads.map(function (head) {
+                    return {
+                        title: setHeader(head),
+                        field: head,
+                        sortable: columnSort,
+                    };
+                });
+                setSecondaryColumns(columndata);
+            }
+            else {
+                setSecondaryColumns(columns.map(function (l, ind) {
+                    return __assign({ sortable: columnSort }, l);
+                }));
+            }
+        })
+            .catch(function () {
+            setAllData([]);
+        });
+    }, [data]);
+    // console.log(dataToShow);
+    return (React.createElement("div", { className: "s-data-table" },
+        React.createElement("div", { className: "s-data-table_header" },
+            React.createElement("h5", null, title),
+            React.createElement("div", null,
+                React.createElement("input", { type: "text", value: search, placeholder: "Search", onChange: function (e) {
+                        setSearch(e.target.value);
+                    } }),
+                search && (React.createElement(XMarkIcon, { onClick: clearSearchData, className: "s-datatable-icon" })))),
+        React.createElement(TableStyled, null,
+            React.createElement("thead", { className: "s-data-table_head" },
+                React.createElement("tr", null, secondaryColumns &&
+                    secondaryColumns.length > 0 &&
+                    secondaryColumns.map(function (column, index) {
+                        return (React.createElement("th", { style: {
+                                width: column.width
+                                    ? column.width
+                                    : (1 / secondaryColumns.length) * 100 + "%",
+                            }, className: "".concat(selectedColumn == column.field
+                                ? "s-data-table_head-selected"
+                                : ""), key: index, onClick: function () {
+                                setSelectedColumn(column.field);
+                            } },
+                            React.createElement("div", null,
+                                React.createElement("span", null, column.title),
+                                React.createElement("span", null, column.sortable && (React.createElement(ChevronDownIcon, { className: "s-datatable-icon" }))))));
+                    }))),
+            React.createElement("tbody", null,
+                dataToShow &&
+                    dataToShow.length > 0 &&
+                    dataToShow.map(function (item, index) {
+                        return (React.createElement(React.Fragment, null,
+                            React.createElement("tr", { style: { cursor: onRowClick ? "pointer" : "" }, onClick: function () { return rowClick(item); }, key: item.id }, secondaryColumns.map(function (column, index) {
+                                return React.createElement("td", { key: index }, item[column.field]);
+                            })),
+                            rowExpand &&
+                                rowsToExpand.length > 0 &&
+                                rowsToExpand.indexOf(item.id) > -1 &&
+                                onRowExpandComponent && (React.createElement("tr", null,
+                                React.createElement("td", { colSpan: secondaryColumns.length },
+                                    React.createElement("div", { key: index }, onRowExpandComponent(item)))))));
+                    }),
+                dataToShow &&
+                    dataToShow.length === 0 && (React.createElement("tr", null,
+                    React.createElement("td", { colSpan: columns.length }, "No data found")))),
+            React.createElement("tfoot", null,
+                React.createElement("tr", null,
+                    React.createElement("td", { colSpan: columns.length },
+                        React.createElement("div", { className: "s-datatable-foot_summary" },
+                            React.createElement("span", null,
+                                dataToShow.length * currentPage,
+                                " of ",
+                                allData.length)),
+                        React.createElement("div", { className: "s-datable-foot_pagination" },
+                            currentPage > 1 && (React.createElement("button", { onClick: goToPrevious }, "Previous")),
+                            currentPage < Math.ceil(allData.length / itemsPerPage) && (React.createElement("button", { onClick: goToNext }, "Next")))))))));
+};
+export default Table;
+//# sourceMappingURL=table.js.map

package/dist/components/Table/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../src/components/Table/table.tsx"],"names":[],"mappings":"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"}

package/dist/components/Table/type.d.ts

@@ -0,0 +1,69 @@
+/// <reference types="react" />
+export interface TableProps {
+    title?: string;
+    data: TableRow[] | string;
+    columns?: TableColumn[];
+    loading?: boolean;
+    onRowClick?: (row: TableRow) => void;
+    onRowDoubleClick?: (row: TableRow) => void;
+    onRowContextMenu?: (row: TableRow) => void;
+    onRowMouseEnter?: (row: TableRow) => void;
+    onRowMouseLeave?: (row: TableRow) => void;
+    onRowMouseOver?: (row: TableRow) => void;
+    onRowMouseOut?: (row: TableRow) => void;
+    onRowMouseMove?: (row: TableRow) => void;
+    onRowExpand?: (row: TableRow) => void;
+    onRowCollapse?: (row: TableRow) => void;
+    /**
+     *
+     */
+    onColumnClick?: (column: TableColumn) => void;
+    onColumnDoubleClick?: (column: TableColumn) => void;
+    /**
+     *
+     */
+    onActionClick?: (action: TableAction) => void;
+    /**
+     * This is the component that you want to show to the user when the row is expanded
+     * @param TableRow the row that is being expanded
+     */
+    onRowExpandComponent?: (row: TableRow) => React.ReactElement<TableRow>;
+    actionOptions?: ActionOptions;
+    actionColumn?: boolean;
+    columnSort?: boolean;
+    config: {
+        [key: string]: any;
+    };
+    rowExpand?: boolean;
+}
+export interface ActionOptions {
+    edit: boolean;
+    delete: boolean;
+    add: boolean;
+    view: boolean;
+    custom: (row: TableRow) => void;
+    export: boolean;
+}
+export interface TableColumn {
+    title: string;
+    field: string;
+    type?: "text" | "number" | "date" | "datetime" | "time" | "checkbox" | "select" | "action";
+    format?: string;
+    width?: string;
+    align?: "left" | "center" | "right";
+    sortable?: boolean | Array<string>;
+    editable?: boolean;
+    options?: any[];
+    custom?: (row: any) => any;
+    render?: (row: any) => any;
+}
+export interface TableRow {
+    id: string | number;
+    [key: string]: any;
+}
+export interface TableAction {
+    title: string;
+    icon: string;
+    onClick: (row: TableRow) => void;
+}
+//# sourceMappingURL=type.d.ts.map

package/dist/components/Table/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/Table/type.ts"],"names":[],"mappings":"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"}

package/dist/components/Table/type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=type.js.map

package/dist/components/Table/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../src/components/Table/type.ts"],"names":[],"mappings":""}

package/dist/components/TextArea/TextArea.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { TextAreaProps } from "./type";
+declare const TextArea: (props: TextAreaProps) => JSX.Element;
+export default TextArea;
+//# sourceMappingURL=TextArea.d.ts.map

package/dist/components/TextArea/TextArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,aAAa,EAAC,MAAM,QAAQ,CAAC;AAErC,QAAA,MAAM,QAAQ,UAAU,aAAa,gBAgDpC,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/components/TextArea/TextArea.js

@@ -0,0 +1,51 @@
+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);
+};
+import React, { useRef, useState } from "react";
+import { InputLabel, InputContainer, TextAreaField, ErrorMessage } from "./style";
+var TextArea = function (props) {
+    var label = props.label, subtext = props.subtext, errMsg = props.errMsg, disabled = props.disabled, required = props.required, value = props.value;
+    // const [value,setValue]:any = useState('')
+    var _a = useState(''), borderColor = _a[0], setBorderColor = _a[1];
+    var _b = useState(false), err = _b[0], setErr = _b[1];
+    var textFieldRef = useRef();
+    function validate() {
+        if (value) {
+            setBorderColor('success');
+            setErr(false);
+        }
+        else {
+            if (required) {
+                setBorderColor('error');
+                setErr(true);
+            }
+        }
+    }
+    var style = {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '12px'
+    };
+    return (React.createElement("div", { style: style },
+        label &&
+            React.createElement(InputLabel, null,
+                React.createElement("label", null, label),
+                subtext && React.createElement("span", null, subtext)),
+        React.createElement(InputContainer, { className: "".concat(borderColor, " ").concat(disabled ? 'disabled' : '') },
+            React.createElement(TextAreaField, __assign({ ref: textFieldRef, onBlur: function () { validate(); } }, props))),
+        !value && required && err &&
+            React.createElement(ErrorMessage, null,
+                React.createElement("svg", { width: "16", height: "14", viewBox: "0 0 16 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                    React.createElement("path", { d: "M8.00006 9.66669C7.86821 9.66669 7.73931 9.70578 7.62968 9.77904C7.52005 9.85229 7.4346 9.95641 7.38414 10.0782C7.33368 10.2 7.32048 10.3341 7.3462 10.4634C7.37193 10.5927 7.43542 10.7115 7.52866 10.8048C7.62189 10.898 7.74068 10.9615 7.87 10.9872C7.99932 11.0129 8.13336 10.9997 8.25518 10.9493C8.377 10.8988 8.48112 10.8134 8.55437 10.7037C8.62763 10.5941 8.66673 10.4652 8.66673 10.3334C8.66673 10.1565 8.59649 9.98697 8.47146 9.86195C8.34644 9.73692 8.17687 9.66669 8.00006 9.66669ZM15.1134 10.6467L9.74673 1.31335C9.57326 1.00236 9.31992 0.743323 9.01285 0.562997C8.70579 0.382672 8.35615 0.287598 8.00006 0.287598C7.64396 0.287598 7.29433 0.382672 6.98726 0.562997C6.6802 0.743323 6.42686 1.00236 6.25339 1.31335L0.92006 10.6467C0.74059 10.9494 0.644155 11.294 0.640489 11.6459C0.636824 11.9978 0.726058 12.3444 0.899184 12.6507C1.07231 12.9571 1.3232 13.2123 1.62652 13.3907C1.92984 13.5691 2.27485 13.6643 2.62673 13.6667H13.3734C13.7281 13.6702 14.0773 13.5793 14.3853 13.4033C14.6933 13.2273 14.949 12.9726 15.126 12.6652C15.3031 12.3579 15.3953 12.009 15.3931 11.6542C15.3908 11.2995 15.2943 10.9518 15.1134 10.6467ZM13.9601 11.98C13.9016 12.084 13.8164 12.1704 13.7132 12.2302C13.61 12.29 13.4927 12.321 13.3734 12.32H2.62673C2.50747 12.321 2.39013 12.29 2.28694 12.2302C2.18375 12.1704 2.0985 12.084 2.04006 11.98C1.98155 11.8787 1.95074 11.7637 1.95074 11.6467C1.95074 11.5297 1.98155 11.4147 2.04006 11.3134L7.37339 1.98002C7.42934 1.87082 7.51433 1.77917 7.61902 1.71518C7.72371 1.65119 7.84403 1.61733 7.96673 1.61733C8.08942 1.61733 8.20974 1.65119 8.31443 1.71518C8.41912 1.77917 8.50411 1.87082 8.56006 1.98002L13.9267 11.3134C13.9929 11.4132 14.0309 11.5291 14.0367 11.6488C14.0426 11.7684 14.0161 11.8875 13.9601 11.9934V11.98ZM8.00006 4.33335C7.82325 4.33335 7.65368 4.40359 7.52866 4.52861C7.40363 4.65364 7.33339 4.82321 7.33339 5.00002V7.66669C7.33339 7.8435 7.40363 8.01307 7.52866 8.13809C7.65368 8.26311 7.82325 8.33335 8.00006 8.33335C8.17687 8.33335 8.34644 8.26311 8.47146 8.13809C8.59649 8.01307 8.66673 7.8435 8.66673 7.66669V5.00002C8.66673 4.82321 8.59649 4.65364 8.47146 4.52861C8.34644 4.40359 8.17687 4.33335 8.00006 4.33335Z", fill: "#F80000" })),
+                errMsg ? errMsg : 'This field is required')));
+};
+export default TextArea;
+//# sourceMappingURL=TextArea.js.map

package/dist/components/TextArea/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAA;AAC9C,OAAO,EAAC,UAAU,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAC,MAAM,SAAS,CAAC;AAGhF,IAAM,QAAQ,GAAG,UAAC,KAAmB;IAC5B,IAAA,KAAK,GAA2C,KAAK,MAAhD,EAAC,OAAO,GAAmC,KAAK,QAAxC,EAAC,MAAM,GAA4B,KAAK,OAAjC,EAAC,QAAQ,GAAmB,KAAK,SAAxB,EAAC,QAAQ,GAAU,KAAK,SAAf,EAAC,KAAK,GAAI,KAAK,MAAT,CAAS;IAE1D,4CAA4C;IACtC,IAAA,KAA+B,QAAQ,CAAC,EAAE,CAAC,EAA1C,WAAW,QAAA,EAAC,cAAc,QAAgB,CAAA;IAC3C,IAAA,KAAe,QAAQ,CAAC,KAAK,CAAC,EAA7B,GAAG,QAAA,EAAC,MAAM,QAAmB,CAAA;IACpC,IAAM,YAAY,GAAG,MAAM,EAAS,CAAA;IAEpC,SAAS,QAAQ;QACb,IAAI,KAAK,EAAC;YACN,cAAc,CAAC,SAAS,CAAC,CAAA;YACzB,MAAM,CAAC,KAAK,CAAC,CAAA;SAChB;aAAI;YACD,IAAI,QAAQ,EAAE;gBACV,cAAc,CAAC,OAAO,CAAC,CAAA;gBACvB,MAAM,CAAC,IAAI,CAAC,CAAA;aACf;SACJ;IACL,CAAC;IAED,IAAM,KAAK,GAAC;QACR,OAAO,EAAC,MAAM;QACd,aAAa,EAAC,QAAQ;QACtB,GAAG,EAAC,MAAM;KACN,CAAA;IAER,OAAO,CACH,6BAAK,KAAK,EAAE,KAAK;QACZ,KAAK;YACF,oBAAC,UAAU;gBACP,mCAAQ,KAAK,CAAS;gBACrB,OAAO,IAAI,kCAAO,OAAO,CAAQ,CACzB;QAEjB,oBAAC,cAAc,IAAC,SAAS,EAAE,UAAG,WAAW,cAAI,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAE;YACrE,oBAAC,aAAa,aAAC,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,cAAK,QAAQ,EAAE,CAAA,CAAA,CAAC,IAAM,KAAK,EAAG,CAC3D;QAChB,CAAC,KAAK,IAAI,QAAQ,IAAI,GAAG;YACtB,oBAAC,YAAY;gBAET,6BAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;oBAC1F,8BAAM,CAAC,EAAC,snEAAsnE,EAAC,IAAI,EAAC,SAAS,GAAE,CAC7oE;gBACL,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,wBAAwB,CAChC,CAEjB,CACT,CAAA;AACL,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/components/TextArea/style.d.ts

@@ -0,0 +1,5 @@
+export declare const InputLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TextAreaField: import("styled-components").StyledComponent<"textarea", any, {}, never>;
+export declare const InputContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ErrorMessage: import("styled-components").StyledComponent<"p", any, {}, never>;
+//# sourceMappingURL=style.d.ts.map

package/dist/components/TextArea/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/style.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,oEAYtB,CAAA;AACD,eAAO,MAAM,aAAa,yEAoBzB,CAAA;AAED,eAAO,MAAM,cAAc,oEA2B1B,CAAA;AAED,eAAO,MAAM,YAAY,kEAOxB,CAAA"}

package/dist/components/TextArea/style.js

@@ -0,0 +1,12 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from "styled-components";
+import theme from "../../theme";
+export var InputLabel = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  gap: 4px;\n  flex-direction: column;\n  label{\n    color:", ";\n    font-weight: 500;\n    font-family: 'Circular Book Medium', sans-serif;\n  }\n  span{\n    color: ", ";\n  }\n"], ["\n  display: flex;\n  gap: 4px;\n  flex-direction: column;\n  label{\n    color:", ";\n    font-weight: 500;\n    font-family: 'Circular Book Medium', sans-serif;\n  }\n  span{\n    color: ", ";\n  }\n"])), theme.colors["primary-900"], theme.colors["neutral-600"]);
+export var TextAreaField = styled.textarea(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border: none;\n  height: 75px;\n  font-size: 16px;\n  padding: 8px 16px;\n  width: 100%;\n  &:focus,&:focus-within{\n    outline: none;\n  }\n  &::placeholder{\n    color: ", ";\n  }\n  &:disabled{\n     background: ", ";\n     cursor: not-allowed;\n    pointer-events: none;\n   }\n  &:disabled &::placeholder{\n    color: ", ";\n  }\n"], ["\n  border: none;\n  height: 75px;\n  font-size: 16px;\n  padding: 8px 16px;\n  width: 100%;\n  &:focus,&:focus-within{\n    outline: none;\n  }\n  &::placeholder{\n    color: ", ";\n  }\n  &:disabled{\n     background: ", ";\n     cursor: not-allowed;\n    pointer-events: none;\n   }\n  &:disabled &::placeholder{\n    color: ", ";\n  }\n"])), theme.colors["neutral-200"], theme.colors.white, theme.colors["neutral-100"]);
+export var InputContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n  height: auto;\n  width: 100%;  \n  border-radius: 8px;\n  border: 1px solid ", ";\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  overflow: hidden;\n  \n  &:hover{\n    border: 1px solid ", ";\n  }\n  &:focus,&:focus-within{\n    border: 1px solid ", ";\n    outline: none;\n  }\n  &.success{\n    border: 1px solid ", ";\n  }\n  &.error{\n    border: 1px solid ", ";\n  }\n  .disabled{\n    pointer-events: none;\n  }\n"], ["\n  position: relative;\n  height: auto;\n  width: 100%;  \n  border-radius: 8px;\n  border: 1px solid ", ";\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  overflow: hidden;\n  \n  &:hover{\n    border: 1px solid ", ";\n  }\n  &:focus,&:focus-within{\n    border: 1px solid ", ";\n    outline: none;\n  }\n  &.success{\n    border: 1px solid ", ";\n  }\n  &.error{\n    border: 1px solid ", ";\n  }\n  .disabled{\n    pointer-events: none;\n  }\n"])), theme.colors["neutral-200"], theme.colors["primary-300"], theme.colors["primary-500"], theme.colors["success-500"], theme.colors["error-500"]);
+export var ErrorMessage = styled.p(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  color: ", ";\n  margin: 0;\n  display: flex;\n  gap: 4px;\n  justify-content: start;\n  align-items: center;\n"], ["\n  color: ", ";\n  margin: 0;\n  display: flex;\n  gap: 4px;\n  justify-content: start;\n  align-items: center;\n"])), theme.colors["error-500"]);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=style.js.map

package/dist/components/TextArea/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/TextArea/style.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,8QAAA,kFAKxB,EAA2B,2GAK1B,EAA2B,UAEvC,KAPW,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAK1B,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAEvC,CAAA;AACD,MAAM,CAAC,IAAM,aAAa,GAAI,MAAM,CAAC,QAAQ,yZAAA,kLAUhC,EAA2B,0CAGrB,EAAkB,0GAKxB,EAA2B,UAEvC,KAVY,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAGrB,KAAK,CAAC,MAAM,CAAC,KAAK,EAKxB,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAEvC,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,oiBAAA,yGAKlB,EAA2B,6IAOzB,EAA2B,2DAG3B,EAA2B,kEAI3B,EAA2B,4CAG3B,EAAyB,wDAKhD,KAtBqB,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAOzB,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAG3B,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAI3B,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAG3B,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAKhD,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,CAAC,uLAAA,aACzB,EAAyB,qGAMnC,KANU,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAMnC,CAAA"}

package/dist/components/TextArea/type.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    label?: string;
+    subtext?: string;
+    errMsg?: string;
+    initialVal?: string | number;
+}
+//# sourceMappingURL=type.d.ts.map

package/dist/components/TextArea/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IACpF,KAAK,CAAC,EAAC,MAAM,CAAC;IACd,OAAO,CAAC,EAAC,MAAM,CAAC;IAChB,MAAM,CAAC,EAAC,MAAM,CAAC;IACf,UAAU,CAAC,EAAC,MAAM,GAAG,MAAM,CAAA;CAC9B"}

package/dist/components/TextArea/type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=type.js.map

package/dist/components/TextArea/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../src/components/TextArea/type.ts"],"names":[],"mappings":""}

package/dist/components/TextField/TextField.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { TextFieldProps } from "./type";
+declare const TextField: (props: TextFieldProps) => JSX.Element;
+export default TextField;
+//# sourceMappingURL=TextField.d.ts.map

package/dist/components/TextField/TextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,cAAc,EAAC,MAAM,QAAQ,CAAC;AAEtC,QAAA,MAAM,SAAS,UAAU,cAAc,gBAgDtC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/components/TextField/TextField.js

@@ -0,0 +1,51 @@
+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);
+};
+import React, { useRef, useState } from "react";
+import { InputLabel, InputContainer, InputField, ErrorMessage } from "./style";
+var TextField = function (props) {
+    var label = props.label, subtext = props.subtext, errMsg = props.errMsg, disabled = props.disabled, required = props.required, value = props.value;
+    // const [value,setValue]:any = useState('')
+    var _a = useState(''), borderColor = _a[0], setBorderColor = _a[1];
+    var _b = useState(false), err = _b[0], setErr = _b[1];
+    var textFieldRef = useRef();
+    function validate() {
+        if (value) {
+            setBorderColor('success');
+            setErr(false);
+        }
+        else {
+            if (required) {
+                setBorderColor('error');
+                setErr(true);
+            }
+        }
+    }
+    var style = {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '12px'
+    };
+    return (React.createElement("div", { style: style },
+        label &&
+            React.createElement(InputLabel, null,
+                React.createElement("label", null, label),
+                subtext && React.createElement("span", null, subtext)),
+        React.createElement(InputContainer, { className: "".concat(borderColor, " ").concat(disabled ? 'disabled' : '') },
+            React.createElement(InputField, __assign({ ref: textFieldRef, onBlur: function () { validate(); } }, props))),
+        !value && required && err &&
+            React.createElement(ErrorMessage, null,
+                React.createElement("svg", { width: "16", height: "14", viewBox: "0 0 16 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                    React.createElement("path", { d: "M8.00006 9.66669C7.86821 9.66669 7.73931 9.70578 7.62968 9.77904C7.52005 9.85229 7.4346 9.95641 7.38414 10.0782C7.33368 10.2 7.32048 10.3341 7.3462 10.4634C7.37193 10.5927 7.43542 10.7115 7.52866 10.8048C7.62189 10.898 7.74068 10.9615 7.87 10.9872C7.99932 11.0129 8.13336 10.9997 8.25518 10.9493C8.377 10.8988 8.48112 10.8134 8.55437 10.7037C8.62763 10.5941 8.66673 10.4652 8.66673 10.3334C8.66673 10.1565 8.59649 9.98697 8.47146 9.86195C8.34644 9.73692 8.17687 9.66669 8.00006 9.66669ZM15.1134 10.6467L9.74673 1.31335C9.57326 1.00236 9.31992 0.743323 9.01285 0.562997C8.70579 0.382672 8.35615 0.287598 8.00006 0.287598C7.64396 0.287598 7.29433 0.382672 6.98726 0.562997C6.6802 0.743323 6.42686 1.00236 6.25339 1.31335L0.92006 10.6467C0.74059 10.9494 0.644155 11.294 0.640489 11.6459C0.636824 11.9978 0.726058 12.3444 0.899184 12.6507C1.07231 12.9571 1.3232 13.2123 1.62652 13.3907C1.92984 13.5691 2.27485 13.6643 2.62673 13.6667H13.3734C13.7281 13.6702 14.0773 13.5793 14.3853 13.4033C14.6933 13.2273 14.949 12.9726 15.126 12.6652C15.3031 12.3579 15.3953 12.009 15.3931 11.6542C15.3908 11.2995 15.2943 10.9518 15.1134 10.6467ZM13.9601 11.98C13.9016 12.084 13.8164 12.1704 13.7132 12.2302C13.61 12.29 13.4927 12.321 13.3734 12.32H2.62673C2.50747 12.321 2.39013 12.29 2.28694 12.2302C2.18375 12.1704 2.0985 12.084 2.04006 11.98C1.98155 11.8787 1.95074 11.7637 1.95074 11.6467C1.95074 11.5297 1.98155 11.4147 2.04006 11.3134L7.37339 1.98002C7.42934 1.87082 7.51433 1.77917 7.61902 1.71518C7.72371 1.65119 7.84403 1.61733 7.96673 1.61733C8.08942 1.61733 8.20974 1.65119 8.31443 1.71518C8.41912 1.77917 8.50411 1.87082 8.56006 1.98002L13.9267 11.3134C13.9929 11.4132 14.0309 11.5291 14.0367 11.6488C14.0426 11.7684 14.0161 11.8875 13.9601 11.9934V11.98ZM8.00006 4.33335C7.82325 4.33335 7.65368 4.40359 7.52866 4.52861C7.40363 4.65364 7.33339 4.82321 7.33339 5.00002V7.66669C7.33339 7.8435 7.40363 8.01307 7.52866 8.13809C7.65368 8.26311 7.82325 8.33335 8.00006 8.33335C8.17687 8.33335 8.34644 8.26311 8.47146 8.13809C8.59649 8.01307 8.66673 7.8435 8.66673 7.66669V5.00002C8.66673 4.82321 8.59649 4.65364 8.47146 4.52861C8.34644 4.40359 8.17687 4.33335 8.00006 4.33335Z", fill: "#F80000" })),
+                errMsg ? errMsg : 'This field is required')));
+};
+export default TextField;
+//# sourceMappingURL=TextField.js.map

package/dist/components/TextField/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAA;AAC9C,OAAO,EAAC,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,YAAY,EAAC,MAAM,SAAS,CAAC;AAG7E,IAAM,SAAS,GAAG,UAAC,KAAoB;IAC9B,IAAA,KAAK,GAA2C,KAAK,MAAhD,EAAC,OAAO,GAAmC,KAAK,QAAxC,EAAC,MAAM,GAA4B,KAAK,OAAjC,EAAC,QAAQ,GAAmB,KAAK,SAAxB,EAAC,QAAQ,GAAU,KAAK,SAAf,EAAC,KAAK,GAAI,KAAK,MAAT,CAAS;IAE1D,4CAA4C;IACtC,IAAA,KAA+B,QAAQ,CAAC,EAAE,CAAC,EAA1C,WAAW,QAAA,EAAC,cAAc,QAAgB,CAAA;IAC3C,IAAA,KAAe,QAAQ,CAAC,KAAK,CAAC,EAA7B,GAAG,QAAA,EAAC,MAAM,QAAmB,CAAA;IACpC,IAAM,YAAY,GAAG,MAAM,EAAS,CAAA;IAEpC,SAAS,QAAQ;QACb,IAAI,KAAK,EAAC;YACN,cAAc,CAAC,SAAS,CAAC,CAAA;YACzB,MAAM,CAAC,KAAK,CAAC,CAAA;SAChB;aAAI;YACD,IAAI,QAAQ,EAAE;gBACV,cAAc,CAAC,OAAO,CAAC,CAAA;gBACvB,MAAM,CAAC,IAAI,CAAC,CAAA;aACf;SACJ;IACL,CAAC;IAED,IAAM,KAAK,GAAC;QACR,OAAO,EAAC,MAAM;QACd,aAAa,EAAC,QAAQ;QACtB,GAAG,EAAC,MAAM;KACN,CAAA;IAER,OAAO,CACH,6BAAK,KAAK,EAAE,KAAK;QACZ,KAAK;YACF,oBAAC,UAAU;gBACP,mCAAQ,KAAK,CAAS;gBACrB,OAAO,IAAI,kCAAO,OAAO,CAAQ,CACzB;QAEjB,oBAAC,cAAc,IAAC,SAAS,EAAE,UAAG,WAAW,cAAI,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAE;YACrE,oBAAC,UAAU,aAAC,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,cAAK,QAAQ,EAAE,CAAA,CAAA,CAAC,IAAM,KAAK,EAAG,CACxD;QAChB,CAAC,KAAK,IAAI,QAAQ,IAAI,GAAG;YACtB,oBAAC,YAAY;gBAET,6BAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;oBAC1F,8BAAM,CAAC,EAAC,snEAAsnE,EAAC,IAAI,EAAC,SAAS,GAAE,CAC7oE;gBACL,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,wBAAwB,CAChC,CAEjB,CACT,CAAA;AACL,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/components/TextField/style.d.ts

@@ -0,0 +1,5 @@
+export declare const InputLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InputField: import("styled-components").StyledComponent<"input", any, {}, never>;
+export declare const InputContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ErrorMessage: import("styled-components").StyledComponent<"p", any, {}, never>;
+//# sourceMappingURL=style.d.ts.map

package/dist/components/TextField/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/style.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,oEAetB,CAAA;AACD,eAAO,MAAM,UAAU,sEAuBtB,CAAA;AAED,eAAO,MAAM,cAAc,oEA2B1B,CAAA;AAED,eAAO,MAAM,YAAY,kEAOxB,CAAA"}

package/dist/components/TextField/style.js

@@ -0,0 +1,12 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from "styled-components";
+import theme from "../../theme";
+export var InputLabel = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  label{\n    color:", ";\n    font-weight: 500;\n    font-family: \"Circular Book Medium\", sans-serif;\n  }\n  span{\n    color: ", ";\n    font-size: 14px;\n    line-height: 17px;\n    font-weight: 400;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  label{\n    color:", ";\n    font-weight: 500;\n    font-family: \"Circular Book Medium\", sans-serif;\n  }\n  span{\n    color: ", ";\n    font-size: 14px;\n    line-height: 17px;\n    font-weight: 400;\n  }\n"])), theme.colors["primary-900"], theme.colors["neutral-600"]);
+export var InputField = styled.input(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border: none;\n  left: 0;\n  right: 0;\n  height: 100%;\n  position: absolute;\n  font-size: 16px;\n  padding: 0 16px;\n  width: 100%;\n  &:focus,&:focus-within{\n    outline: none;\n  }\n  &::placeholder{\n    color: ", ";\n  }\n  &:disabled{\n     background: ", ";\n     cursor: not-allowed;\n    pointer-events: none;\n   }\n  &:disabled &::placeholder{\n    color: ", ";\n  }\n"], ["\n  border: none;\n  left: 0;\n  right: 0;\n  height: 100%;\n  position: absolute;\n  font-size: 16px;\n  padding: 0 16px;\n  width: 100%;\n  &:focus,&:focus-within{\n    outline: none;\n  }\n  &::placeholder{\n    color: ", ";\n  }\n  &:disabled{\n     background: ", ";\n     cursor: not-allowed;\n    pointer-events: none;\n   }\n  &:disabled &::placeholder{\n    color: ", ";\n  }\n"])), theme.colors["neutral-200"], theme.colors.white, theme.colors["neutral-100"]);
+export var InputContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n  height: 50px;\n  width: 100%;  \n  border-radius: 8px;\n  border: 1px solid ", ";\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  overflow: hidden;\n  transition: 300ms ease-out;\n  &:hover{\n    border: 1px solid ", ";\n  }\n  &:focus,&:focus-within{\n    border: 1px solid ", ";\n    outline: none;\n  }\n  &.success{\n    border: 1px solid ", ";\n  }\n  &.error{\n    border: 1px solid ", ";\n  }\n  .disabled{\n    pointer-events: none;\n  }\n"], ["\n  position: relative;\n  height: 50px;\n  width: 100%;  \n  border-radius: 8px;\n  border: 1px solid ", ";\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  overflow: hidden;\n  transition: 300ms ease-out;\n  &:hover{\n    border: 1px solid ", ";\n  }\n  &:focus,&:focus-within{\n    border: 1px solid ", ";\n    outline: none;\n  }\n  &.success{\n    border: 1px solid ", ";\n  }\n  &.error{\n    border: 1px solid ", ";\n  }\n  .disabled{\n    pointer-events: none;\n  }\n"])), theme.colors["neutral-200"], theme.colors["primary-300"], theme.colors["primary-500"], theme.colors["success-500"], theme.colors["error-500"]);
+export var ErrorMessage = styled.p(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  color: ", ";\n  margin: 0;\n  display: flex;\n  gap: 4px;\n  justify-content: start;\n  align-items: center;\n"], ["\n  color: ", ";\n  margin: 0;\n  display: flex;\n  gap: 4px;\n  justify-content: start;\n  align-items: center;\n"])), theme.colors["error-500"]);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=style.js.map

package/dist/components/TextField/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/TextField/style.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,qVAAA,kFAKxB,EAA2B,6GAK1B,EAA2B,+EAKvC,KAVW,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAK1B,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAKvC,CAAA;AACD,MAAM,CAAC,IAAM,UAAU,GAAI,MAAM,CAAC,KAAK,ucAAA,gOAa1B,EAA2B,0CAGrB,EAAkB,0GAKxB,EAA2B,UAEvC,KAVY,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAGrB,KAAK,CAAC,MAAM,CAAC,KAAK,EAKxB,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAEvC,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,+jBAAA,yGAKlB,EAA2B,wKAOzB,EAA2B,2DAG3B,EAA2B,kEAI3B,EAA2B,4CAG3B,EAAyB,wDAKhD,KAtBqB,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAOzB,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAG3B,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAI3B,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAG3B,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAKhD,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,CAAC,uLAAA,aACzB,EAAyB,qGAMnC,KANU,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAMnC,CAAA"}

package/dist/components/TextField/type.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface TextFieldProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    subtext?: string;
+    errMsg?: string;
+    initialVal?: string | number;
+}
+//# sourceMappingURL=type.d.ts.map

package/dist/components/TextField/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC/E,KAAK,CAAC,EAAC,MAAM,CAAC;IACd,OAAO,CAAC,EAAC,MAAM,CAAC;IAChB,MAAM,CAAC,EAAC,MAAM,CAAC;IACf,UAAU,CAAC,EAAC,MAAM,GAAG,MAAM,CAAA;CAC9B"}

package/dist/components/TextField/type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=type.js.map

package/dist/components/TextField/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../src/components/TextField/type.ts"],"names":[],"mappings":""}

package/dist/components/TransactionDetails/TransactionDetails.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { TxnDetsProps } from "./type";
+declare const TransactionDetails: (props: TxnDetsProps) => JSX.Element;
+export default TransactionDetails;
+//# sourceMappingURL=TransactionDetails.d.ts.map

package/dist/components/TransactionDetails/TransactionDetails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionDetails.d.ts","sourceRoot":"","sources":["../../../src/components/TransactionDetails/TransactionDetails.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAC,YAAY,EAAC,MAAM,QAAQ,CAAC;AAGpC,QAAA,MAAM,kBAAkB,UAAU,YAAY,gBA0D7C,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/components/TransactionDetails/TransactionDetails.js

@@ -0,0 +1,34 @@
+import React from "react";
+import { Container, FieldSection } from './style';
+import provDef from './prov-default.png';
+import { moneyfy } from "./helpers";
+var TransactionDetails = function (props) {
+    var amount = props.amount, provider = props.provider, requestDate = props.requestDate, requestedBy = props.requestedBy;
+    return (React.createElement(Container, null,
+        React.createElement(FieldSection, null,
+            React.createElement("p", null, "Requested By"),
+            React.createElement("div", { className: "field-dets" }, requestedBy)),
+        React.createElement(FieldSection, null,
+            React.createElement("p", null, "Request Date"),
+            React.createElement("div", { className: "field-dets" }, requestDate)),
+        React.createElement(FieldSection, null,
+            React.createElement("p", null, "Amount"),
+            React.createElement("div", { className: "field-dets amt-dets" },
+                React.createElement("div", null,
+                    React.createElement("img", { src: amount.baseFlag, alt: "flag" }), "".concat(moneyfy(amount.baseAmount, amount.baseCurr))),
+                React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                    React.createElement("path", { d: "M17.9982 10.0002C17.9982 9.73497 17.8928 9.48062 17.7053 9.29308C17.5178 9.10554 17.2634 9.00019 16.9982 9.00019H5.40819L7.70819 6.71019C7.89649 6.52188 8.00228 6.26649 8.00228 6.00019C8.00228 5.73388 7.89649 5.47849 7.70819 5.29019C7.51988 5.10188 7.26449 4.99609 6.99819 4.99609C6.73188 4.99609 6.47649 5.10188 6.28819 5.29019L2.28819 9.29019C2.14943 9.43081 2.05543 9.60938 2.01806 9.80337C1.98068 9.99736 2.00161 10.1981 2.07819 10.3802C2.15321 10.5628 2.2806 10.7191 2.44432 10.8295C2.60804 10.9398 2.80076 10.9992 2.99819 11.0002H16.9982C17.2634 11.0002 17.5178 10.8948 17.7053 10.7073C17.8928 10.5198 17.9982 10.2654 17.9982 10.0002ZM21.9182 13.6202C21.8432 13.4376 21.7158 13.2812 21.552 13.1709C21.3883 13.0606 21.1956 13.0012 20.9982 13.0002H6.99819C6.73297 13.0002 6.47862 13.1055 6.29108 13.2931C6.10354 13.4806 5.99819 13.735 5.99819 14.0002C5.99819 14.2654 6.10354 14.5198 6.29108 14.7073C6.47862 14.8948 6.73297 15.0002 6.99819 15.0002H18.5882L16.2882 17.2902C16.1945 17.3831 16.1201 17.4937 16.0693 17.6156C16.0185 17.7375 15.9924 17.8682 15.9924 18.0002C15.9924 18.1322 16.0185 18.2629 16.0693 18.3848C16.1201 18.5066 16.1945 18.6172 16.2882 18.7102C16.3812 18.8039 16.4917 18.8783 16.6136 18.9291C16.7355 18.9798 16.8662 19.006 16.9982 19.006C17.1302 19.006 17.2609 18.9798 17.3828 18.9291C17.5046 18.8783 17.6152 18.8039 17.7082 18.7102L21.7082 14.7102C21.8469 14.5696 21.9409 14.391 21.9783 14.197C22.0157 14.003 21.9948 13.8023 21.9182 13.6202Z", fill: "#BBCCE6" })),
+                React.createElement("div", null,
+                    React.createElement("img", { src: amount.exchFlag, alt: "flag" }), "".concat(moneyfy(amount.exchAmount, amount.exchCurr)))),
+            React.createElement("p", { className: "exch-rate" },
+                amount.baseCurr,
+                " 1.0000 = ", "".concat(amount.exchCurr, " ").concat(amount.exchRate))),
+        React.createElement(FieldSection, null,
+            React.createElement("p", null, "Provider"),
+            React.createElement("div", { className: "field-dets" },
+                React.createElement("img", { src: provider.logo ? provider.logo : provDef, alt: "Provider logo" }),
+                " ",
+                provider.name))));
+};
+export default TransactionDetails;
+//# sourceMappingURL=TransactionDetails.js.map

package/dist/components/TransactionDetails/TransactionDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionDetails.js","sourceRoot":"","sources":["../../../src/components/TransactionDetails/TransactionDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAC,SAAS,EAAE,YAAY,EAAC,MAAM,SAAS,CAAA;AAC/C,OAAQ,OAAO,MAAM,oBAAoB,CAAA;AAEzC,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAElC,IAAM,kBAAkB,GAAG,UAAC,KAAkB;IACnC,IAAA,MAAM,GAAqC,KAAK,OAA1C,EAAC,QAAQ,GAA4B,KAAK,SAAjC,EAAC,WAAW,GAAgB,KAAK,YAArB,EAAC,WAAW,GAAI,KAAK,YAAT,CAAS;IAEvD,OAAO,CACH,oBAAC,SAAS;QACN,oBAAC,YAAY;YACT,8CAAmB;YACnB,6BAAK,SAAS,EAAC,YAAY,IACtB,WAAW,CACV,CACK;QACf,oBAAC,YAAY;YACT,8CAAmB;YACnB,6BAAK,SAAS,EAAC,YAAY,IACtB,WAAW,CACV,CACK;QACf,oBAAC,YAAY;YACT,wCAAa;YACb,6BAAK,SAAS,EAAC,qBAAqB;gBAChC;oBACI,6BACI,GAAG,EAAE,MAAM,CAAC,QAAQ,EACpB,GAAG,EAAC,MAAM,GAAE,EACf,UAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAC,MAAM,CAAC,QAAQ,CAAC,CAAE,CAC9C;gBACN,6BAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;oBAC1F,8BAAM,CAAC,EAAC,27CAA27C,EAAC,IAAI,EAAC,SAAS,GAAE,CACl9C;gBACN;oBACI,6BACI,GAAG,EAAE,MAAM,CAAC,QAAQ,EACpB,GAAG,EAAC,MAAM,GAAE,EACf,UAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAC,MAAM,CAAC,QAAQ,CAAC,CAAE,CAC9C,CACJ;YACN,2BAAG,SAAS,EAAC,WAAW;gBAAE,MAAM,CAAC,QAAQ;8BAAY,UAAG,MAAM,CAAC,QAAQ,cAAI,MAAM,CAAC,QAAQ,CAAE,CAAK,CACtF;QACf,oBAAC,YAAY;YACT,0CAAe;YACf,6BAAK,SAAS,EAAC,YAAY;gBACvB,6BAAK,GAAG,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE,GAAG,EAAC,eAAe,GAAE;;gBAAE,QAAQ,CAAC,IAAI,CACrF,CACK,CAaP,CACf,CAAA;AACL,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/components/TransactionDetails/helpers.d.ts

@@ -0,0 +1,2 @@
+export declare function moneyfy(number: number | bigint, currency: string): string;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/components/TransactionDetails/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/TransactionDetails/helpers.ts"],"names":[],"mappings":"AAAA,wBAAgB,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAC,MAAM,UAQ/D"}