@secondstaxorg/sscomp 1.0.7 → 1.0.9

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/{build → dist}/components/TextArea/type.d.ts

@@ -5,3 +5,4 @@ export interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextArea
     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/{build → dist}/components/TextField/TextField.d.ts

@@ -2,3 +2,4 @@
 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/{build → dist}/components/TextField/style.d.ts

@@ -2,3 +2,4 @@ export declare const InputLabel: import("styled-components").StyledComponent<"di
 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/{build → dist}/components/TextField/type.d.ts

@@ -5,3 +5,4 @@ export interface TextFieldProps extends React.InputHTMLAttributes<HTMLInputEleme
     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/{build → dist}/components/TransactionDetails/TransactionDetails.d.ts

@@ -2,3 +2,4 @@
 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/{build → dist}/components/TransactionDetails/helpers.d.ts

@@ -1 +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"}

package/dist/components/TransactionDetails/helpers.js

@@ -0,0 +1,9 @@
+export function moneyfy(number, currency) {
+    var numberFormat = new Intl.NumberFormat('en-US', {
+        style: 'currency',
+        currency: currency,
+        currencyDisplay: 'code'
+    });
+    return numberFormat.format(number);
+}
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/TransactionDetails/helpers.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,OAAO,CAAC,MAAuB,EAAE,QAAe;IAC5D,IAAM,YAAY,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;QAChD,KAAK,EAAC,UAAU;QAChB,QAAQ,EAAC,QAAQ;QACjB,eAAe,EAAC,MAAM;KACzB,CAAC,CAAA;IAEF,OAAO,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;AACtC,CAAC"}

package/{build/components/TransactionDetailsWithPayment → dist/components/TransactionDetails}/style.d.ts

@@ -1,2 +1,3 @@
 export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const FieldSection: import("styled-components").StyledComponent<"div", any, {}, never>;
+//# sourceMappingURL=style.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/TransactionDetails/style.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,oEAKrB,CAAA;AAED,eAAO,MAAM,YAAY,oEA4DxB,CAAA"}

package/dist/components/TransactionDetails/style.js

@@ -0,0 +1,10 @@
+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 Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 40px;\n  position: relative;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 40px;\n  position: relative;\n"])));
+export var FieldSection = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  color: ", ";\n  p{\n    margin: 0;\n    font-size: 14px;\n    font-family: \"Circular Book Medium\",sans-serif;\n    font-weight: 500;\n    line-height: 17px;\n  }\n  .field-dets{\n    padding: 16px;\n    border-radius: 8px;\n    background: ", ";\n    font-size: 16px;\n    line-height: 19px;\n    font-weight: 400;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n  .field-dets .bank-acct-dets{\n    display: flex;\n    gap: 8px;\n    flex-direction: column;\n    color: ", ";\n    font-size: 12px;\n    line-height: 14px;\n  }\n  .field-dets .bank-acct-dets .acct-no{\n    font-family: \"Circular Book Medium\",sans-serif;\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 19px;\n    color: ", ";\n  }\n  .field-dets .bank-acct-dets .bank-name{\n    font-family: \"Circular Book Medium\",sans-serif;\n    font-weight: 500;\n  }\n  .amt-dets{\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .exch-rate{\n    font-family: \"Circular Book\",sans-serif;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 16px;\n    color: #0F1B4C;\n  }\n  .amt-dets div{\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 8px;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  color: ", ";\n  p{\n    margin: 0;\n    font-size: 14px;\n    font-family: \"Circular Book Medium\",sans-serif;\n    font-weight: 500;\n    line-height: 17px;\n  }\n  .field-dets{\n    padding: 16px;\n    border-radius: 8px;\n    background: ", ";\n    font-size: 16px;\n    line-height: 19px;\n    font-weight: 400;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n  .field-dets .bank-acct-dets{\n    display: flex;\n    gap: 8px;\n    flex-direction: column;\n    color: ", ";\n    font-size: 12px;\n    line-height: 14px;\n  }\n  .field-dets .bank-acct-dets .acct-no{\n    font-family: \"Circular Book Medium\",sans-serif;\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 19px;\n    color: ", ";\n  }\n  .field-dets .bank-acct-dets .bank-name{\n    font-family: \"Circular Book Medium\",sans-serif;\n    font-weight: 500;\n  }\n  .amt-dets{\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .exch-rate{\n    font-family: \"Circular Book\",sans-serif;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 16px;\n    color: #0F1B4C;\n  }\n  .amt-dets div{\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 8px;\n  }\n"])), theme.colors["neutral-900"], theme.colors["neutral-50"], theme.colors["neutral-600"], theme.colors["neutral-900"]);
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/TransactionDetails/style.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,yJAAA,sFAKlC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,g2CAAA,uEAI3B,EAA2B,yOAWpB,EAA0B,wPAY/B,EAA2B,wOAS3B,EAA2B,qgBAwBvC,KAxDU,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAWpB,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,EAY/B,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAS3B,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAwBvC,CAAA"}

package/{build → dist}/components/TransactionDetails/type.d.ts

@@ -15,3 +15,4 @@ export interface TxnDetsProps {
         logo?: string;
     };
 }
+//# sourceMappingURL=type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/TransactionDetails/type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IACzB,WAAW,EAAC,MAAM,CAAC;IACnB,WAAW,EAAC,MAAM,CAAC;IACnB,MAAM,EAAC;QACH,UAAU,EAAC,MAAM,CAAC;QAClB,QAAQ,EAAC,MAAM,CAAC;QAChB,QAAQ,EAAC,MAAM,CAAC;QAChB,UAAU,EAAC,MAAM,CAAC;QAClB,QAAQ,EAAC,MAAM,CAAC;QAChB,QAAQ,EAAC,MAAM,CAAC;QAChB,QAAQ,EAAC,MAAM,CAAC;KACnB,CAAA;IACD,QAAQ,EAAC;QACL,IAAI,EAAC,MAAM,CAAC;QACZ,IAAI,CAAC,EAAC,MAAM,CAAA;KACf,CAAC;CAQL"}

package/dist/components/TransactionDetails/type.js

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

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

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

package/{build → dist}/components/TransactionDetailsWithPayment/TransactionDetailsWithPayment.d.ts

@@ -2,3 +2,4 @@
 import { TxnDetsWPymntProps } from "./type";
 declare const TransactionDetailsWithPayment: (props: TxnDetsWPymntProps) => JSX.Element;
 export default TransactionDetailsWithPayment;
+//# sourceMappingURL=TransactionDetailsWithPayment.d.ts.map

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

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

package/dist/components/TransactionDetailsWithPayment/TransactionDetailsWithPayment.js

@@ -0,0 +1,51 @@
+import React from "react";
+import { Container, FieldSection } from './style';
+import provDef from './prov-default.png';
+var TransactionDetailsWithPayment = function (props) {
+    var amount = props.amount, provider = props.provider, paymentDets = props.paymentDets, requestedBy = props.requestedBy, requestDate = props.requestDate;
+    return (React.createElement(Container, null,
+        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(amount.baseCurr, " ").concat(amount.baseAmount)),
+                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(amount.exchCurr, " ").concat(amount.exchAmount))),
+            React.createElement("p", { className: "exch-rate" },
+                amount.exchCurr,
+                " 1.0000 = ", "".concat(amount.baseCurr, " ").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)),
+        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, "Payment Method"),
+            React.createElement("div", { className: "field-dets" }, requestDate)),
+        React.createElement(FieldSection, null,
+            React.createElement("p", null, "Payee Name"),
+            React.createElement("div", { className: "field-dets" }, paymentDets.payeeName)),
+        React.createElement(FieldSection, null,
+            React.createElement("p", null, "Bank Name"),
+            React.createElement("div", { className: "field-dets" }, paymentDets.bankName)),
+        React.createElement(FieldSection, null,
+            React.createElement("p", null, "Bank Country"),
+            React.createElement("div", { className: "field-dets bank-ctry-dets" },
+                React.createElement("img", { src: paymentDets.bankCountryFlag, alt: "Bank country flag" }),
+                " ",
+                paymentDets.bankCountry)),
+        React.createElement(FieldSection, null,
+            React.createElement("p", null, "Remarks"),
+            React.createElement("div", { className: "field-dets" }, paymentDets.paymentRemarks))));
+};
+export default TransactionDetailsWithPayment;
+//# sourceMappingURL=TransactionDetailsWithPayment.js.map

package/dist/components/TransactionDetailsWithPayment/TransactionDetailsWithPayment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionDetailsWithPayment.js","sourceRoot":"","sources":["../../../src/components/TransactionDetailsWithPayment/TransactionDetailsWithPayment.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;AAGzC,IAAM,6BAA6B,GAAG,UAAC,KAAwB;IACpD,IAAA,MAAM,GAAiD,KAAK,OAAtD,EAAC,QAAQ,GAAwC,KAAK,SAA7C,EAAC,WAAW,GAA4B,KAAK,YAAjC,EAAC,WAAW,GAAgB,KAAK,YAArB,EAAC,WAAW,GAAI,KAAK,YAAT,CAAS;IAEnE,OAAO,CACH,oBAAC,SAAS;QACN,oBAAC,YAAY;YACT,wCAAa;YACb,6BAAK,SAAS,EAAC,qBAAqB;gBAChC;oBACI,6BACI,GAAG,EAAE,MAAM,CAAC,QAAQ,EACpB,GAAG,EAAC,MAAM,GAAE,EACf,UAAG,MAAM,CAAC,QAAQ,cAAI,MAAM,CAAC,UAAU,CAAE,CACxC;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,MAAM,CAAC,QAAQ,cAAI,MAAM,CAAC,UAAU,CAAE,CACxC,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;QACf,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,gDAAqB;YACrB,6BAAK,SAAS,EAAC,YAAY,IACtB,WAAW,CACV,CACK;QACf,oBAAC,YAAY;YACT,4CAAiB;YACjB,6BAAK,SAAS,EAAC,YAAY,IACtB,WAAW,CAAC,SAAS,CACpB,CACK;QACf,oBAAC,YAAY;YACT,2CAAgB;YAChB,6BAAK,SAAS,EAAC,YAAY,IACtB,WAAW,CAAC,QAAQ,CACnB,CACK;QACf,oBAAC,YAAY;YACT,8CAAmB;YACnB,6BAAK,SAAS,EAAC,2BAA2B;gBACtC,6BAAK,GAAG,EAAE,WAAW,CAAC,eAAe,EAAE,GAAG,EAAC,mBAAmB,GAAE;;gBAAE,WAAW,CAAC,WAAW,CACvF,CACK;QACf,oBAAC,YAAY;YACT,yCAAc;YACd,6BAAK,SAAS,EAAC,YAAY,IACtB,WAAW,CAAC,cAAc,CACzB,CACK,CACP,CACf,CAAA;AACL,CAAC,CAAA;AAED,eAAe,6BAA6B,CAAA"}

package/{build/components/TransactionDetails → dist/components/TransactionDetailsWithPayment}/style.d.ts

@@ -1,2 +1,3 @@
 export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const FieldSection: import("styled-components").StyledComponent<"div", any, {}, never>;
+//# sourceMappingURL=style.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/TransactionDetailsWithPayment/style.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,oEAKrB,CAAA;AAED,eAAO,MAAM,YAAY,oEA4CxB,CAAA"}

package/dist/components/TransactionDetailsWithPayment/style.js

@@ -0,0 +1,10 @@
+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 Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 40px;\n  position: relative;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 40px;\n  position: relative;\n"])));
+export var FieldSection = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  color: ", ";\n  p{\n    margin: 0;\n    font-size: 14px;\n    font-family: \"Circular Book Medium\",sans-serif;\n    font-weight: 500;\n    line-height: 17px;\n  }\n  .field-dets{\n    padding: 16px;\n    border-radius: 8px;\n    background: ", ";\n    font-size: 16px;\n    line-height: 19px;\n    font-weight: 400;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n  .bank-ctry-dets{\n    gap: 8px;\n  }\n  .amt-dets{\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .exch-rate{\n    font-family: \"Circular Book\",sans-serif;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 16px;\n    color: #0F1B4C;\n  }\n  .amt-dets div{\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 8px;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  color: ", ";\n  p{\n    margin: 0;\n    font-size: 14px;\n    font-family: \"Circular Book Medium\",sans-serif;\n    font-weight: 500;\n    line-height: 17px;\n  }\n  .field-dets{\n    padding: 16px;\n    border-radius: 8px;\n    background: ", ";\n    font-size: 16px;\n    line-height: 19px;\n    font-weight: 400;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n  .bank-ctry-dets{\n    gap: 8px;\n  }\n  .amt-dets{\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .exch-rate{\n    font-family: \"Circular Book\",sans-serif;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 16px;\n    color: #0F1B4C;\n  }\n  .amt-dets div{\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 8px;\n  }\n"])), theme.colors["neutral-900"], theme.colors["neutral-50"]);
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/TransactionDetailsWithPayment/style.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,yJAAA,sFAKlC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,y6BAAA,uEAI3B,EAA2B,yOAWpB,EAA0B,kjBA6B3C,KAxCU,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAWpB,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CA6B3C,CAAA"}

package/{build → dist}/components/TransactionDetailsWithPayment/type.d.ts

@@ -22,3 +22,4 @@ export interface TxnDetsWPymntProps {
         paymentRemarks: string;
     };
 }
+//# sourceMappingURL=type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/TransactionDetailsWithPayment/type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IAC/B,WAAW,EAAC,MAAM,CAAC;IACnB,WAAW,EAAC,MAAM,CAAC;IACnB,MAAM,EAAC;QACH,UAAU,EAAC,MAAM,CAAC;QAClB,QAAQ,EAAC,MAAM,CAAC;QAChB,QAAQ,EAAC,MAAM,CAAC;QAChB,UAAU,EAAC,MAAM,CAAC;QAClB,QAAQ,EAAC,MAAM,CAAC;QAChB,QAAQ,EAAC,MAAM,CAAC;QAChB,QAAQ,EAAC,MAAM,CAAA;KAClB,CAAC;IACF,QAAQ,EAAC;QACL,IAAI,EAAC,MAAM,CAAC;QACZ,IAAI,CAAC,EAAC,MAAM,CAAA;KACf,CAAC;IACF,WAAW,EAAC;QACR,SAAS,EAAC,MAAM,CAAC;QACjB,WAAW,EAAC,MAAM,CAAC;QACnB,eAAe,EAAC,MAAM,CAAC;QACvB,QAAQ,EAAC,MAAM,CAAC;QAChB,cAAc,EAAC,MAAM,CAAA;KACxB,CAAA;CACJ"}

package/dist/components/TransactionDetailsWithPayment/type.js

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

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

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

package/{build → dist}/components/UpdateUserActions/UpdateUserActions.d.ts

@@ -2,3 +2,4 @@
 import { UpdateUserActionsProps } from "./type";
 declare const UpdateUserActions: (props: UpdateUserActionsProps) => JSX.Element;
 export default UpdateUserActions;
+//# sourceMappingURL=UpdateUserActions.d.ts.map

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

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

package/dist/components/UpdateUserActions/UpdateUserActions.js

@@ -0,0 +1,114 @@
+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));
+};
+import React, { useEffect, useState } from "react";
+import { ActionItem, ActionsContainer, ActionsListContainer, Container, NoActionsContainer } from "./style";
+var UpdateUserActions = function (props) {
+    var currentOptions = props.currentOptions, availableOptions = props.availableOptions, selOptions = props.selOptions, titleAvailable = props.titleAvailable, titleCurrent = props.titleCurrent;
+    var _a = useState(availableOptions), available = _a[0], setAvailable = _a[1];
+    var _b = useState(currentOptions), currentUserOptions = _b[0], setCurrentUserOptions = _b[1];
+    var _c = useState({ added: [], removed: [] }), selections = _c[0], setSelections = _c[1];
+    useEffect(function () {
+        selOptions(selections);
+    }, []);
+    function addOption(actionItem) {
+        //if the item is coming from the original list of current options, dont add it to the selections.added array
+        if (currentOptions.filter(function (curr) { return curr.optionId == actionItem.optionId; }).length === 0) {
+            var tmp = selections;
+            if (!tmp.added.includes(actionItem.optionId))
+                tmp.added.push(actionItem.optionId);
+            setSelections(tmp);
+        }
+        //if the item is from the original list of current options, remove it from the selections.removed array
+        if (currentOptions.filter(function (curr) { return curr.optionId == actionItem.optionId; }).length > 0) {
+            var sels = selections;
+            sels.removed = selections.removed.filter(function (sel) { return sel != actionItem.optionId; });
+            setSelections(sels);
+        }
+        //remove selected item from the available list
+        setAvailable(available.filter(function (avail) { return !avail.optionId.toLowerCase().includes(actionItem.optionId.toLowerCase()); }));
+        //add the select item to the currentuseroptions list
+        setCurrentUserOptions(__spreadArray(__spreadArray([], currentUserOptions, true), [actionItem], false));
+        //finally,send out the complete list of both added and removed selections
+        selOptions(selections);
+    }
+    function removeOption(actionItem) {
+        //remove the selected item from the currentuseroptinons list
+        setCurrentUserOptions(currentUserOptions.filter(function (curr) { return !curr.optionId.toLowerCase().includes(actionItem.optionId.toLowerCase()); }));
+        //add the selected item to the available list
+        setAvailable(__spreadArray(__spreadArray([], available, true), [actionItem], false));
+        //if the item is from the original list of available options, remove it from the selections.added array
+        if (availableOptions.filter(function (avail) { return avail.optionId == actionItem.optionId; }).length > 0) {
+            var sels = selections;
+            sels.added = selections.added.filter(function (sel) { return sel != actionItem.optionId; });
+            setSelections(sels);
+        }
+        //add the item to the selections.removed array only if it's coming from the original list of current options
+        if (currentOptions.filter(function (curr) { return curr.optionId.includes(actionItem.optionId); }).length > 0) {
+            var tmp = selections;
+            if (!tmp.removed.includes(actionItem.optionId))
+                tmp.removed.push(actionItem.optionId);
+            setSelections(tmp);
+        }
+        //finally,send out the complete list of both added and removed selections
+        selOptions(selections);
+    }
+    return (React.createElement(Container, null,
+        React.createElement(ActionsContainer, null,
+            React.createElement("h4", null, titleAvailable ? titleAvailable : 'Available Options'),
+            React.createElement(ActionsListContainer, null,
+                available && available.length > 0 && available.map(function (action) {
+                    if (currentOptions.filter(function (curr) { return curr.optionId == action.optionId && !selections.added.includes(action.optionId); }).length == 0)
+                        return (React.createElement(ActionItem, { key: action.optionId },
+                            React.createElement("p", null, action.optionName),
+                            React.createElement("button", { onClick: function () {
+                                    addOption(action);
+                                } },
+                                React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                                    React.createElement("path", { d: "M12.6667 7.33332H8.66675V3.33332C8.66675 3.15651 8.59651 2.98694 8.47149 2.86192C8.34646 2.73689 8.17689 2.66666 8.00008 2.66666C7.82327 2.66666 7.6537 2.73689 7.52868 2.86192C7.40365 2.98694 7.33342 3.15651 7.33342 3.33332V7.33332H3.33341C3.1566 7.33332 2.98703 7.40356 2.86201 7.52859C2.73699 7.65361 2.66675 7.82318 2.66675 7.99999C2.66675 8.1768 2.73699 8.34637 2.86201 8.47139C2.98703 8.59642 3.1566 8.66666 3.33341 8.66666H7.33342V12.6667C7.33342 12.8435 7.40365 13.013 7.52868 13.1381C7.6537 13.2631 7.82327 13.3333 8.00008 13.3333C8.17689 13.3333 8.34646 13.2631 8.47149 13.1381C8.59651 13.013 8.66675 12.8435 8.66675 12.6667V8.66666H12.6667C12.8436 8.66666 13.0131 8.59642 13.1382 8.47139C13.2632 8.34637 13.3334 8.1768 13.3334 7.99999C13.3334 7.82318 13.2632 7.65361 13.1382 7.52859C13.0131 7.40356 12.8436 7.33332 12.6667 7.33332Z", fill: "#070B12" })))));
+                }),
+                available.length == 0 &&
+                    React.createElement(NoActionsContainer, null,
+                        React.createElement("svg", { width: "64", height: "65", viewBox: "0 0 64 65", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                            React.createElement("g", { clipPath: "url(#clip0_814_3248)" },
+                                React.createElement("path", { d: "M39 6.5H25V14.5H39V6.5Z", fill: "#E8EEF7" }),
+                                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M41.0007 6.5C41.0007 5.395 40.1047 4.5 39.0001 4.5H25.0001C23.8955 4.5 22.9995 5.395 22.9995 6.5V14.5C22.9995 15.605 23.8955 16.5 25.0001 16.5H39.0001C40.1047 16.5 41.0007 15.605 41.0007 14.5V6.5ZM27.0007 8.5V12.5H36.9995V8.5H27.0007Z", fill: "#D2DDEE" }),
+                                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M49 56.5C49 55.396 49.896 54.5 51 54.5C52.104 54.5 53 55.396 53 56.5V58.5C53 59.605 52.105 60.5 51 60.5H13C11.895 60.5 11 59.605 11 58.5V10.5C11 9.395 11.895 8.5 13 8.5H25C26.105 8.5 27 9.395 27 10.5V12.5H37V10.5C37 9.395 37.895 8.5 39 8.5H51C52.105 8.5 53 9.395 53 10.5V48.5C53 49.604 52.104 50.5 51 50.5C49.896 50.5 49 49.604 49 48.5V12.5H41V14.5C41 15.605 40.105 16.5 39 16.5H25C23.895 16.5 23 15.605 23 14.5V12.5H15V56.5H49Z", fill: "#D2DDEE" }),
+                                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M23 27.5H41C42.104 27.5 43 26.604 43 25.5C43 24.396 42.104 23.5 41 23.5H23C21.896 23.5 21 24.396 21 25.5C21 26.604 21.896 27.5 23 27.5Z", fill: "#D2DDEE" }),
+                                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M23 38.5H41C42.104 38.5 43 37.604 43 36.5C43 35.396 42.104 34.5 41 34.5H23C21.896 34.5 21 35.396 21 36.5C21 37.604 21.896 38.5 23 38.5Z", fill: "#D2DDEE" }),
+                                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M23 49.5H41C42.104 49.5 43 48.604 43 47.5C43 46.396 42.104 45.5 41 45.5H23C21.896 45.5 21 46.396 21 47.5C21 48.604 21.896 49.5 23 49.5Z", fill: "#D2DDEE" })),
+                            React.createElement("defs", null,
+                                React.createElement("clipPath", { id: "clip0_814_3248" },
+                                    React.createElement("rect", { width: "64", height: "64", fill: "white", transform: "translate(0 0.5)" })))),
+                        React.createElement("p", null, "No options available")))),
+        React.createElement(ActionsContainer, null,
+            React.createElement("h4", null, titleCurrent ? titleCurrent : 'Current Options'),
+            React.createElement(ActionsListContainer, null,
+                currentUserOptions.length > 0 && currentUserOptions.map(function (action) { return (React.createElement(ActionItem, { key: action.optionId },
+                    React.createElement("p", null, action.optionName),
+                    React.createElement("button", { onClick: function () { removeOption(action); } },
+                        React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                            React.createElement("path", { d: "M12.6667 7.33333H3.33341C3.1566 7.33333 2.98703 7.40357 2.86201 7.52859C2.73699 7.65361 2.66675 7.82318 2.66675 7.99999C2.66675 8.17681 2.73699 8.34638 2.86201 8.4714C2.98703 8.59642 3.1566 8.66666 3.33341 8.66666H12.6667C12.8436 8.66666 13.0131 8.59642 13.1382 8.4714C13.2632 8.34638 13.3334 8.17681 13.3334 7.99999C13.3334 7.82318 13.2632 7.65361 13.1382 7.52859C13.0131 7.40357 12.8436 7.33333 12.6667 7.33333Z", fill: "#070B12" }))))); }),
+                currentUserOptions.length == 0 &&
+                    React.createElement(NoActionsContainer, null,
+                        React.createElement("svg", { width: "64", height: "65", viewBox: "0 0 64 65", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                            React.createElement("g", { clipPath: "url(#clip0_814_3248)" },
+                                React.createElement("path", { d: "M39 6.5H25V14.5H39V6.5Z", fill: "#E8EEF7" }),
+                                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M41.0007 6.5C41.0007 5.395 40.1047 4.5 39.0001 4.5H25.0001C23.8955 4.5 22.9995 5.395 22.9995 6.5V14.5C22.9995 15.605 23.8955 16.5 25.0001 16.5H39.0001C40.1047 16.5 41.0007 15.605 41.0007 14.5V6.5ZM27.0007 8.5V12.5H36.9995V8.5H27.0007Z", fill: "#D2DDEE" }),
+                                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M49 56.5C49 55.396 49.896 54.5 51 54.5C52.104 54.5 53 55.396 53 56.5V58.5C53 59.605 52.105 60.5 51 60.5H13C11.895 60.5 11 59.605 11 58.5V10.5C11 9.395 11.895 8.5 13 8.5H25C26.105 8.5 27 9.395 27 10.5V12.5H37V10.5C37 9.395 37.895 8.5 39 8.5H51C52.105 8.5 53 9.395 53 10.5V48.5C53 49.604 52.104 50.5 51 50.5C49.896 50.5 49 49.604 49 48.5V12.5H41V14.5C41 15.605 40.105 16.5 39 16.5H25C23.895 16.5 23 15.605 23 14.5V12.5H15V56.5H49Z", fill: "#D2DDEE" }),
+                                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M23 27.5H41C42.104 27.5 43 26.604 43 25.5C43 24.396 42.104 23.5 41 23.5H23C21.896 23.5 21 24.396 21 25.5C21 26.604 21.896 27.5 23 27.5Z", fill: "#D2DDEE" }),
+                                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M23 38.5H41C42.104 38.5 43 37.604 43 36.5C43 35.396 42.104 34.5 41 34.5H23C21.896 34.5 21 35.396 21 36.5C21 37.604 21.896 38.5 23 38.5Z", fill: "#D2DDEE" }),
+                                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M23 49.5H41C42.104 49.5 43 48.604 43 47.5C43 46.396 42.104 45.5 41 45.5H23C21.896 45.5 21 46.396 21 47.5C21 48.604 21.896 49.5 23 49.5Z", fill: "#D2DDEE" })),
+                            React.createElement("defs", null,
+                                React.createElement("clipPath", { id: "clip0_814_3248" },
+                                    React.createElement("rect", { width: "64", height: "64", fill: "white", transform: "translate(0 0.5)" })))),
+                        React.createElement("p", null, "No options available"))))));
+};
+export default UpdateUserActions;
+//# sourceMappingURL=UpdateUserActions.js.map

package/dist/components/UpdateUserActions/UpdateUserActions.js.map

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

package/{build/components/UserActions → dist/components/UpdateUserActions}/style.d.ts

@@ -3,3 +3,4 @@ export declare const ActionsContainer: import("styled-components").StyledCompone
 export declare const ActionsListContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ActionItem: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const NoActionsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+//# sourceMappingURL=style.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/UpdateUserActions/style.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,oEAIrB,CAAA;AAED,eAAO,MAAM,gBAAgB,oEAY5B,CAAA;AAED,eAAO,MAAM,oBAAoB,oEAShC,CAAA;AAED,eAAO,MAAM,UAAU,oEAyBtB,CAAA;AAED,eAAO,MAAM,kBAAkB,oEAc9B,CAAA"}